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:#333; background:#fff; 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; margin: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 */}
body:-webkit-full-page-media {background-color:transparent;}
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;}
/*base*/
.videoframe{position:relative;padding-bottom:56.25%;height:0; margin:0 auto;}.videoframe iframe{position:absolute;top:0;left:0; right:0; bottom: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: #333;text-decoration: none;}
a:hover, a:focus {color: #0277bd;}
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:9px;}

/*scroll up*/
.scrollup {display:none; position: fixed; width:50px; height:50px; border-radius:4px 4px 0 0; z-index:5; bottom:0; right:15px; cursor: pointer;opacity:0.3;filter: alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; cursor:pointer;color:#fff; background:#00a2ea; display:flex; align-items:center; justify-content:center;}
.scrollup:hover{opacity:0.9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}

.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 auto !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:45px !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:#333 !important;}.bg-whatsapp{background:#2ab200 !important;}.bg-line{background:#4ecd00 !important;}.bg-tumblr{background:#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*/
.hide_desktop{display:none; visibility:hidden;}
body{margin:0 auto; padding:0; display:block; background:#fff;}
.overflow-hidden {overflow: hidden;}
.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.smaller{max-width:900px;}
.container-col{margin-left:-15px; margin-right:-15px;}

/*mainpage*/
.mainpages {margin:0 auto; width:100%; background:#fff; padding:0;}
.mainpages .mainpages-in {position:relative; max-width:1200px; height:auto; background:#fff; padding:15px 0; margin:0 auto;}

.box-100{width:100%; padding:0 15px; margin:0; min-height:22px; dispay:block; clear:both;}
.box-50{width:50%; float:left; padding:0 15px; margin:0; min-height:22px;}
.box-70{width:70%; float:left; padding:0 15px; margin:0; min-height:22px;}
.box-75{width:75%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box-25{width:25%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box-65{width:65%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box-35{width:35%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box-80{width:80%; float:left; padding:0 15px; margin:0; min-height:10px;}
.box-30{width:30%; float:left; padding:0 15px; margin:0; min-height:22px;}
.box-20{width:20%; float:left; padding:0 15px; margin:0; min-height:10px;}

.white,.cl-white{color:#fff !important;}
.cl-black{color:#333 !important;}
.cl-yellow{color:#f9b12c !important;}
.cl-blue{color:#303382 !important; }
.cl-blue2{color:#00a2ea !important; }
.cl-gold{color:#cc9a41 !important; }
.cl-green{color:#a3c924 !important;}
.bg-white{background-color:#fff !important;background:#fff !important;}
.bg-yellow{background-color:#f9b12c !important;}
.bg-blue{background-color:#303382 !important; }
.bg-blue2{background-color:#00a2ea !important; }
.bg-gold{background-color:#cc9a41 !important; }
.bg-green{background-color:#a3c924 !important;}
.bg-black{background-color:#202020 !important;}
.bg-red{background-color:#F06467 !important;}
.cl-666{color:#666 !important;}
.cl-999{color:#999 !important;}
.dblock{display:block;}
.centering{display:flex; align-items: center; justify-content: center;}
.centering.column{flex-direction:column;}
.centering.row{flex-direction:row;}
.clear{clear:both;}
.overflow{overflow:hidden;}
/*header*/
.header{background:rgba(255,255,255,0.9); width:100%; height:80px; margin:0 auto; padding:0; position:fixed; z-index:99; max-width:100%; transition: top 0.2s ease-in-out; top:0;}
.header-in{ margin:0 auto; max-width:1200px;}
.header-in h1.logo{float:left; margin:10px 0px 10px 0; padding:0;}
.header-in h1.logo img{height:70px; width:auto; display:block;}
.header-in h1.logo .title{font-size:40px; line-height:40px; margin:0; float:left;}
/*main menu*/
.cd-main-content{padding-top:80px; min-height:300px;}
ul.main-menu{list-style:none; list-style-position:inside; margin:0; padding:0; float:right;}
ul.main-menu li{font-size:14px; font-weight:600; float:left; position:relative;height:80px; text-transform:uppercase;}
ul.main-menu li a{color:#00a2ea; position:relative; height:80px; position:relative;padding:0 23px; display:flex; align-items:center; justify-content:center;}
ul.main-menu li a:hover{background:#f9f9f9;color:#303382;}
ul.main-menu li a.selected{color:#fff;background:#303382;}
ul.main-menu li > a:after { content:  ' \f078'; font-family: 'FontAwesome'; font-size:11px; margin-left:10px;}
ul.main-menu li > a:only-child:after { content: ''; margin:0;}
ul.main-menu li ul.subkanal{position:absolute; top:-100vh; left:0; z-index:-1; background:#fff;list-style:none; list-style-position:inside; padding:0; margin:0;width:230px;transition: all .2s ease-in-out; opacity:0;}
ul.main-menu li:hover ul.subkanal{display:block; top:100%;  opacity:1;  transition: all .2s ease-in-out; z-index:-1;}
ul.main-menu li ul.subkanal li{float:none; height:auto;}
ul.main-menu li ul.subkanal li a{display:flex; align-items:center; justify-content:flex-start; width:100%; overflow:hidden; height:auto; padding:15px 30px; border-top:1px solid #eee;}
.search-icon{cursor: pointer;width:63px;}
.searchbox{margin:0; height:90px;padding:15px; background:#303382; position:fixed; top:80px; left:0; right:0; z-index:3; display:block;}
.searchbox .search-input{padding:10px 75px 10px 10px; width:100%; height:60px; border:none; font-size:24px; font-weight:400; border-radius:4px;}
.searchbox .btn-search{width:60px; height:60px; position:absolute;  top:15px; right:15px; text-align:center; background:transparent; color:#333; padding:0; border:none; display:flex; align-items:center; justify-content:center;}
.searchbox .btn-search:hover{opacity:0.4;}
/*command*/
h1.titlebox{font-size:60px; line-height:64px; margin:0 0 30px 0;}
p{font-size:16px; line-height:22px; margin:30px 0;}
a.btn-big{padding:15px 30px; height:50px;text-align:center; margin:0; font-size:16px;display:inline-block; line-height:20px;background:rgba(0,0,0,0.5); color:#fff; font-weight:700; border-radius:4px;}
a.btn-big:hover{opacity:0.8;}
a.btn-big.line{background:rgba(0,0,0,0.1); border:1px solid #ddd;}
.kanalname{position:relative; min-height:60px; padding:15px 0; display:flex; align-items:center; justify-content: flex-start;}
.kanalname::before{content:''; position:absolute; left:0; right:0; top:50%; width:100%; height:2px; background:#cc9a41 ;}
.kanalname h2.title{background:#fff; font-size:50px; line-height:54px; position:relative; z-index: 2; padding-right:15px; color:#cc9a41 ;}
.kanalname h2.title.center{margin-left: auto;margin-right: auto;}

.kanalname-career{position:relative; min-height:60px; padding:15px 0; display:flex; align-items:center; justify-content: flex-start;}
/* .kanalname-career::before{content:''; position:absolute; left:0; right:0; top:50%; width:100%; height:2px; background:#cc9a41 ;} */
.kanalname-career h2.title{padding-left:2rem; font-size:50px; line-height:54px; position:relative; z-index: 2; padding-right:15px; color:#cc9a41 ;}
.kanalname-career h2.title.center{margin-left: auto;margin-right: auto;}
/*product*/
.box-bisnis{width:100%; overflow:hidden;background: url(../images/bg-bisnis.jpg) top left no-repeat; background-size:cover;min-height:400px; padding:60px 0;}
ul.list-bisnis{list-style:none; list-style-position:inside; margin:0 auto; padding:0; max-width:1200px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
ul.list-bisnis li{width:25%; padding:15px; min-height:200px; display:block;}
ul.list-bisnis li .thumb-bisnis{overflow:hidden; border-radius:4px; min-height:100px; background:#fff; position:relative; padding-bottom:75px;}
ul.list-bisnis li .thumb-bisnis .cover{width:100%; height:auto; margin:0 auto;}
ul.list-bisnis li .thumb-bisnis .cover img{width:100%; height:auto; margin:0 auto;transition: all .35s ease-in-out; transform:scale(1);}
ul.list-bisnis li .thumb-bisnis .title-link{position:absolute; padding:15px; border-radius:0 0 4px 4px; background:#00a2ea; bottom:0; left:0; right:0; height:75px; color:#fff; text-align:center; font-size:20px; font-weight:700; text-transform:uppercase; display:flex; align-items:center; justify-content:center;transition: all .35s ease-in-out;}
ul.list-bisnis li:hover .thumb-bisnis .cover img{transition: all .35s ease-in-out; transform:scale(1.5);}
ul.list-bisnis li:hover .thumb-bisnis .title-link{background:#eee !important; color:#303382 !important;transition: all .35s ease-in-out;}
/*founder*/
.box-founder{width:100%; overflow:hidden;}
.box-founder .founder-left{width:50%; float:left; }
.box-founder .founder-left img{width:100%; height:auto; margin:0 auto;}
.box-founder .founder-right{width:50%; padding:0; position:relative; float:left;}
.box-founder .founder-right .box-text{position:relative; top:0; left:-60px; right:-60px;background:#fff; z-index:2;padding:30px;}
.box-history{ background:#fff;width:100%; overflow:hidden; position:relative; margin:0 auto; padding:30px 0;}
.box-history .foto-cover{width:100%; height:auto; margin:0 auto 30px auto; overflow:hidden;}
.box-history .foto-cover img{width:100%; height:auto;}
.box-history .history-in{max-width:900px; padding:30px; background:#fff; overflow:hidden; margin:0 auto;}
.box-history .history-in p{text-align:justify;}
/*products*/
.box-products{ background:#fff;width:100%; overflow:hidden; position:relative; margin:0 auto; padding:30px 0 0 0;}
/*services*/
.box-services{ background:rgba(48,51,130,1);width:100%; overflow:hidden; position:relative; margin:0 auto; padding:30px 0 0 0;}
.box-services h1.titlebox{margin-bottom:30px;}
ul.list-services{list-style:none; list-style-position:inside; margin:0 auto; padding:0; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
ul.list-services li{width:33.333%; height:500px; overflow:hidden; position:relative;}
ul.list-services li .cover-serv{width:auto; height:500px; position:relative;display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
ul.list-services li .text-serv{position:absolute; top:0; bottom:0; left:0; right:0;display:flex; flex-flow:row wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); padding:15px;}
ul.list-services li h2.title-serv{ text-align:center; color:#fff; font-size:40px; font-weight:300; z-index:2; display:block;}
ul.list-services li .cover-serv img{width:auto; height:500px;transition: all .35s ease-in-out; transform:scale(1);}
ul.list-services li:hover .cover-serv img{width:auto; height:500px;transition: all .35s ease-in-out; transform:scale(1.2);}
ul.list-services li:hover .text-serv{background:rgba(0,0,0,0.7);transition: all .35s ease-in-out;}
/*footer*/
.footer{background:#303382; height:auto; overflow:hidden;margin:0 auto; padding:0; color:#666; font-size:12px; line-height:normal; font-weight:600; width:100%;}
.footer .footer-in{padding:30px 15px;max-width:1200px; margin:0 auto; overflow:hidden;}
.footer .footer-in .logow{height:auto; width:15%; margin:0; float:left; padding:0 15px;}
.footer .footer-in .logow img{height:auto; width:100%;}
.footer .footer-in .address{color:#fff; width:40%; float:left; padding:0 15px;}
.footer .footer-in .address p{font-size:14px; line-height:18px; color:#fff; font-weight:300; margin:10px 0;}
.footer .footer-in .sosmed{color:#fff; width:45%; float:left; padding:0 15px;}
.footer .box-copy{background:#202470; width:100%; padding:10px 15px;}
.footer .box-copy p.copy{max-width:1200px; text-align:right; color:#fff; margin:0; font-size:12px; font-weight:300;}
 ul.sosmed-page{width:100%; padding:0;list-style:none; list-style-position:inside; margin:0 auto 15px auto; display:flex; align-items:center; justify-content:flex-end; flex-direction:row; float:right;}
 ul.sosmed-page li{width:44px; height:44px; margin:0 5px;}
ul.sosmed-page li a{width:44px; height:44px;border-radius:22px; border:1px solid #fff; display:flex; align-items:center; justify-content:center; color:#fff;}
ul.sosmed-page li a:hover{color:#999; border-color:#999;}
ul.sosmed-page li:first-child{margin-left:0;}
ul.sosmed-page li:last-child{margin-right:0;}

/***kanal***/
.breadcrumbs{background:#303382; margin:0 auto; display:block; padding:10px 0; overflow:hidden;}
.breadcrumbs-in{margin:0 auto; max-width:1200px; padding:0 15px; display:block;}
ul.sitemap{list-style:none; list-style-position:inside; margin:0; padding:0;}
ul.sitemap li{float:left; padding-right:30px; position:relative; font-size:12px; font-weight:300; text-transform:uppercase;}
ul.sitemap li:before{position:absolute;font-family: 'FontAwesome';content: '\f054'; top:2px; right:10px; font-size:10px; color:#fff;}
ul.sitemap li a{color:#fff;} ul.sitemap li a:hover{color:#00a2ea}
ul.sitemap li:last-child{padding-right:0;}
ul.sitemap li:last-child:before{display:none;}

.box-leader{padding:30px 15px; width:100%; overflow:hidden; background:url(../images/bg-bisnis.jpg) top center no-repeat; background-size:cover;}
ul.list-leader{list-style:none; list-style-position:inside; margin:0 auto; padding:0; overflow:hidden;display:flex; flex-flow:row wrap; justify-content:center; max-width:900px;}
ul.list-leader li{width:33.33333%; min-height:200px; padding:15px;}
ul.list-leader li .fotos{width:150px; height:150px; margin:0 auto 15px auto; overflow:hidden; border-radius:50%;}
ul.list-leader li .fotos img{width:100%; height:auto;}
ul.list-leader li .text-fotos{overflow:hidden; text-align:center; margin:0 auto;}
ul.list-leader li .text-fotos h3.title{font-size:24px; line-height:28px; margin:0 0 15px 0;}
ul.list-leader li .text-fotos h4.title{font-size:16px; line-height:24px; margin:0;}
ul.list-leader li .text-fotos p{margin:0 0 15px 0;text-align:justify;}
/*ul.list-leader li:first-child{width:100%;}*/
ul.list-leader li:nth-child(2),ul.list-leader li:nth-child(3){width:50%;}


.out-detail-business{background:url(../images/bg-bisnis.jpg) top center no-repeat; background-size:cover; padding:0;}
.detail-business{margin:0 auto; max-width:900px; padding:60px 15px; overflow:hidden;}
.detail-business .detail-business-left{width:300px; float:left; padding-right:50px; overflow:hidden;}
.detail-business .detail-business-left .logo-business{width:100%; height:auto; margin:0 auto;}
.detail-business .detail-business-left .logo-business img{width:100%; height:auto; margin:0 auto;}
.detail-business .detail-business-right{width:auto; overflow:hidden; display:flex; align-items:center; justify-content:flex-start;}
.detail-business .detail-business-right p{margin:0 0 30px 0; font-size:18px; line-height:24px; color:#444;}

.box-news{background:url(../images/bg-bisnis.jpg) top center no-repeat; background-size:cover; padding:0;}
.box-news-in{margin:0 auto; max-width:900px; padding:45px 15px; overflow:hidden;}
ul.list-news{list-style:none; list-style-position:inside; margin:0 auto; padding:0; overflow:hidden;}
ul.list-news li{margin-bottom:30px; border:1px solid #eee; border-radius:4px; overflow:hidden; min-height:100px; background:rgba(255,255,255,1);}
ul.list-news li .foto-news{width:40%; overflow:hidden;float:left; display:flex; align-items:center; justify-content:center;}
ul.list-news li .foto-news img{width:auto; height:230px;}
ul.list-news li .text-news{width:60%; padding:15px 15px 15px 30px; overflow:hidden; min-height:230px; display:flex;	 flex-direction:column; justify-content:center;}
ul.list-news li .text-news h2.title-news{font-size:24px; line-height:28px; margin:0 0 15px 0;}
ul.list-news li .text-news h5.date-news{font-size:14px; line-height:18px; margin:0 0 15px 0; color:#f9b12c ; font-weight:500; text-transform:uppercase;}
ul.list-news li .text-news p{font-size:16px; line-height:20px; margin:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height:60px;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
ul.list-news li .text-news a{color:#00a2ea;}
ul.list-news li .text-news a:hover{color:#444;}

ul.list-news2{list-style:none; list-style-position:inside; margin:0 -15px 0 -15px; padding:0; overflow:hidden; display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; flex-direction:row;}
ul.list-news2 li{padding:15px; overflow:hidden; min-height:100px; width:33.33%;}
ul.list-news2 li .foto-news{width:100%; overflow:hidden;display:flex; align-items:center; justify-content:center;}
ul.list-news2 li .foto-news img{width:auto; height:230px; transform:scale(1); transition:all .3s ease-in-out;}
ul.list-news2 li .text-news{width:100%; overflow:hidden; min-height:230px; display:flex;flex-direction:column; justify-content:flex-start; padding:15px; background:#303382;}
ul.list-news2 li .text-news h2.title-news{font-size:24px; line-height:28px; margin:0 0 15px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height:90px;-webkit-line-clamp:3;-webkit-box-orient: vertical; color:#fff;}
ul.list-news2 li .text-news h5.date-news{font-size:14px; line-height:18px; margin:0 0 15px 0; color:#f9b12c ; font-weight:500; text-transform:uppercase;}
ul.list-news2 li .text-news p{font-size:16px; line-height:20px; margin:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height:60px;-webkit-line-clamp:3;-webkit-box-orient: vertical;color:#ddd;}
ul.list-news2 li .text-news a{color:#fff;}
ul.list-news2 li .text-news a:hover, ul.list-news2 li .text-news h2.title-news:hover{color:#00a2ea;}
ul.list-news2 li:hover .foto-news img{width:auto; height:230px; transform:scale(1.1); transition:all .3s ease-in-out;}


ul.pagging{list-style:none; list-style-position:inside; margin:30px 0 0 0; padding:0 30px; display:flex; align-items:center; justify-content:center; flex-flow:row wrap; -webkit-flex-flow:row wrap;  min-height:40px; flex-decoration:no wrap;}
ul.pagging li{min-width:40px; height:40px; text-align:center; line-height:30px; margin:3px;}
ul.pagging li a{height:40px; display:block; padding:5px; border:1px solid #eee;  color:#bbb; background:#fff; border-radius:4px;}
ul.pagging li a:hover{background:#f6f6f6; color:#00a2ea; text-shadow:1px 1px 1px #fff;}
ul.pagging li.select a{background:#00a2ea; color:#fff;border-color:#202020; border-color:#00a2ea;}
.artikel{overflow:hidden;}
.artikel h1.main-title{font-size:40px; line-height:44px; margin:0 0 30px 0; text-align:center; padding:0 15px;}
.artikel h5.main-date{font-size:14px; line-height:18px; margin:0 0 30px 0; color:#f9b12c ; font-weight:500; text-transform:uppercase; text-align:center; padding:0 15px;}
.artikel .main-foto{width:100%; height:auto; overflow:hidden;}
.artikel .main-foto img{width:100%; height:auto; padding:0 15px;}
.artikel .artikel-in{padding:30px 15px; overflow:hidden;}
.artikel .artikel-in p{font-size:18px; line-height:28px; color:#666;}

.share-box{ padding:30px 15px 0 15px;}
.share-box h3.title-share{margin:0 auto 15px auto; font-size:18px; line-height:24px; position:relative;}
.share-box h3.title-share::before{content:''; width:auto; height:5px; background:#eee; left:0; right:0; top:-25px; z-index:2; position:absolute; margin:0 auto;}
 ul.share-page{width:100%; padding:0;list-style:none; list-style-position:inside; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-direction:row;}
 ul.share-page li{width:44px; height:44px; margin:0 5px;}
ul.share-page li a{width:44px; height:44px;border-radius:22px; display:flex; align-items:center; justify-content:center; color:#fff;}
ul.share-page li a:hover{opacity:0.4;}
ul.share-page li:first-child{margin-left:0;}
ul.share-page li:last-child{margin-right:0;}

.page-contact-left{width:40%; float:left; padding:0 15px;}
.page-contact-right{width:60%; float:left; padding:0 15px;}

.box-contact{ background:#fff;width:100%; overflow:hidden; position:relative; margin:0 auto; padding:0;}
.box-contact-in{max-width:900px; overflow:hidden; position:relative; margin:0 auto; padding:60px 15px;}
.box-form-contact{padding:30px; background:#fff; overflow:hidden; min-height:300px;}
.box-form-contact.kanal{background:transparent; padding:10px;}
.form-left{width:50%; float:left; padding:0  5px 0 0; margin:0;}
.form-right{width:50%; float:left; padding:0  0 0 5px; margin:0;}
.form-full{width:100%; padding:0; margin:0;}
.inputform{height:40px; padding:5px 10px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#444; width:100%;}
.accordion_container { width:100%; margin:0 0 0px 0; overflow:hidden;}.accordion_head { background-color:#fff; color:#00a2ea; cursor: pointer; font-size:16px; margin:0; padding:15px 40px 15px 15px; font-weight: bold; border:1px solid #ddd; border-radius:8px; position:relative; margin-bottom: 10px}.accordion_head h3.title{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height:30px;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size:16px;}.accordion_body { background:#fff; padding:15px 20px;}.accordion_body p {  margin: 0px;}.accordion_head .plusminus { position:absolute; top:0; right:0; width:40px; height:46px; display:flex; align-items:center; justify-content:center;  }.accordion_head:first-child{border-top:1px solid #ddd;box-shadow: 0px 10px #DDD;}
ul.list-foto{list-style:none; list-style-position:inside; margin:0 auto; padding:15px 0; display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:flex-start;}
ul.list-foto li{width:50%; height:auto; overflow:hidden; position:relative; margin:0; padding:15px;}
ul.list-foto li .cover-foto{width:100%; height:auto; position:relative;display:flex; flex-flow:row wrap; align-items:center; justify-content:center; overflow: hidden;}
ul.list-foto li .text-foto{display:flex; flex-direction:column; align-items:center; justify-content:center; background:#303382; padding:15px; height:150px;}
ul.list-foto li h2.title-foto{ text-align:center; color:#fff; font-size:24px; font-weight:700; z-index:2; display:block; margin:30px 0;}
ul.list-foto li .cover-foto img{width:100%; height:auto;transition: all .35s ease-in-out; transform:scale(1);}
ul.list-foto li:hover .cover-foto img{width:100%; height:auto;transition: all .35s ease-in-out; transform:scale(1.2);}
ul.list-foto li:hover .text-foto{background:#303382;transition: all .35s ease-in-out;}
ul.list-foto li .text-foto h5.date-foto{font-size:14px; line-height:18px; margin:0 0 15px 0; color:#f9b12c ; font-weight:500; text-transform:uppercase;}