/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */







@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700,800,900,bold';



@import 'https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700,800,900,bold';



@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,900,bold;';



@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,700,800,900,bold';







html {

 background: url(../images/pattern2.png) top center repeat #222222;

}



body {

  background: url(../images/background1.jpg) top center repeat;

}



a, .uk-link {

    color: #2b60b7;



}



a:hover,

.uk-link:hover {

  color: #2b60b7;

  text-decoration: underline;

}


.uk-nav-header {
    font-family: roboto slab;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
	text-transform:uppercase;
}




ul.uk-nav-sub {
    padding: 0 0 0 0px;
}

.uk-nav ul a {
    padding: 2px 10px;
}

.uk-nav-navbar ul a {
    color: #ffffff;
    font-size: 13px;
	font-weight:normal;
	font-family: Lato;
	border-bottom: 1px dashed #474242;
	text-transform:capitalize;
}

.uk-nav-navbar ul a:hover {
    color: #ffffff;
	background: #292525;
}

/*.uk-nav-navbar ul a::before {
content: "\f055";    
font-family: "FontAwesome";
margin-right: 5px;
}
*/
/*.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; animation: 0.3s ease-in-out 0s normal none 1 running uk-fade; }    
.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub { display: block; animation: 0.3s ease-in-out 0s normal none 1 running uk-fade; }  


.uk-nav-navbar > .uk-parent > a:after {    
content: "\f055";    
font-family: "FontAwesome";    
display: block;    
float: right;   
margin-left: 10px;  
}  


.uk-nav-navbar > .uk-parent:hover > a:after {    
content: "\f056";    
}  */

.uk-container {



    padding: 0 20px;



}

.tm-toolbar {
    padding: 0 30px;
	background: #332f2f;
}

.tm-headerbar-default {

    padding: 10px 0 0;

	padding-left: 30px;

}



#tm-main .uk-block {

    padding-bottom: 20px;

    padding-top: 0;

}





.uk-navbar {



-webkit-box-shadow: inset 0px -5px 14px -5px rgba(36,36,37,1);



-moz-box-shadow: inset 0px -5px 14px -5px rgba(36,36,37,1);



box-shadow: inset 0px -5px 14px -5px rgba(36,36,37,1);



}







.uk-navbar-nav > li > a {



    color: #cac8c8;



    font-size: 13px;







}







.uk-block {



    padding-bottom: 20px;



    padding-top: 20px;



}







input.uk-search-field {



    font-size: 14px;



	font-family: Lato;



	font-weight: normal;







}















.tm-footer {

	background: url(../images/1836491.jpg) top center repeat #332f2f;

    /*background: #332f2f none repeat scroll 0 0;*/

	font-size: 13px;

	

    padding-bottom: 5px;



    padding-top: 0px;



}











.tm-block-image {



  background: none;



  margin-top: 5px;



  padding-bottom: 30px;



  background: url(../images/diamond2.png) bottom center repeat-x;



}











.tm-block-image .uk-grid {



    margin-left: -0px;



}







.tm-block-image .uk-grid > * {



    padding-left: 0px;



}























.tm-block-application {



  background: #ffffff;



  padding-top: 5px;



  padding-bottom: 15px;







}







.tm-block-application .uk-container{







  border-bottom:  none;

  border-top:  none;



 /* border-top: solid 8px #eee;*/



  padding-top: 25px;



  padding-bottom: 25px;



}











.tm-block-alamat {

background: url(../images/1836491.jpg) top center repeat #332f2f;

  /*background: #332f2f;*/



  padding-top: 10px;



  padding-bottom: 10px;



  color:#818181;



  border-top: solid 12px #27428b;



  font-size:14px;







}







.tm-block-alamat .uk-container{







  border-bottom: solid 1px #4f4e4e;



  padding-top: 25px;



  padding-bottom: 25px;



}















.tm-block-logo {



  background: #eee;



  padding-bottom: 30px;



  padding-top: 30px;











}







.tm-block-logo .uk-container{



	



}











.tm-block-logo2 {



  background: #ffffff;



  padding-bottom: 30px;



  











}







.tm-block-logo2 .uk-container{



padding-top: 30px;



border-top: solid 1px #d9d9d9;



}























/*.box-shadow {



-webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.75);



-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.75);



box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.75);*/



/*border: solid #fff 1px;



padding: 8px;*/



/*}*/











.uk-overlay-background {



    background: rgba(61,124,203, 0.3);



}















.uk-panel-box-secondary .uk-panel-title {



    color: #27428b;



}







.uk-panel-title {



    color: #214389;



    font-size: 18px;







}











.uk-panel-header .uk-panel-title {



    border-bottom: 1px solid #f1f1f1;



    color: darkblue;



}











.uk-badge {



    background: #27438d none repeat scroll 0 0;



    color: #ffffff;



    display: inline-block;



    font-size: 10px;



    font-weight: bold;



    line-height: 18px;



    padding: 3px 20px;



    text-align: center;



    text-transform: none;



    vertical-align: middle;



}



.uk-panel-badge {



    position: absolute;



    right: 0;



    top: 35px;



    z-index: 1;



}







.uk-badge-danger {



    background-color: #d93838;



}







.tm-totop-scroller {



    bottom: -10px;



    position: absolute;



    right: 2px;



}







.uk-panel-box-primary {



    background-color: #3B53A3;



    color: #ffffff;



}











.uk-panel-box-secondary {



    background-color: #eee;



}











.tm-block-slideshow {



  background: #ffffff;



  padding-top: 10px;



  padding-bottom: 10px;







}











.tm-block-slideshow .uk-grid {



    margin-left: -20px;



}







.tm-block-slideshow .uk-grid > * {



    padding-left: 20px;



}















.tm-panel-large .uk-panel {



    padding: 20px;



	padding-left: 10px;



	padding-right: 10px;

	padding-top: 20px;



}















.uk-article-title {



    border-bottom: 1px solid #ccc;



    font-size: 32px;



    font-weight: 500;



    letter-spacing: 0;



    line-height: 58px;



    text-transform: none;



	padding-bottom: 4px;



	margin-bottom: 50px;



	font-family: "Roboto Slab",Helvetica,Arial,sans-serif;



	color: #27326d;



	padding-bottom: 10px;



	



}











.contact-bottom-header2 {font-size: 34px; color: #666; font-family: Roboto Slab; font-weight: 400; line-height: 34px; margin-bottom: 5px; margin-top: 10px; text-align: center;}

.contact-bottom-texts2 { font-weight: normal; font-size:20px; line-height: 26px; margin-bottom: 50px; text-align: center; color:#5f7482;}





.uk-panel-box-primary  {

/*	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);

	box-shadow: 0 0 5px rgba(0,0,0,0.5);*/

}



.uk-panel-box-primary  {

	max-height: 200px;



}



.uk-panel-box-primary:hover  {

	background:#c31515;



}







.uk-panel-box .uk-panel-teaser {

    border-top-left-radius: 0px !important;

    border-top-right-radius: 0px !important;

    overflow: hidden;

}



.uk-panel-teaser {

    margin-bottom: 20px;

}





strong {

    font-weight: 900;

}





.tm-block-alamat .uk-container a{

color:#818181;

}



.tm-block-alamat .uk-container a:hover{

color: #FFFF99;

text-decoration:none;

}





.tm-block-alamat .uk-grid-divider > [class*="uk-width-medium-"]:nth-child(n+2):not(.uk-width-medium-1-1) {

    border-left: 1px dotted #4f4e4e;

}









.tm-headerbar-background {

    margin-bottom: 15px;

}



.uk-panel-box-primary a:not(.uk-button), .uk-panel-box-primary .uk-list a {

    color: #fff;

	text-shadow: none !important;

}





.uk-panel-box-primary a:not(.uk-button):hover,

.uk-panel-box-primary .uk-list a:hover {

  color: #fff !important;

}





.pd-button-details {display:none;}







.muatturun h1, .uk-h1 {

    border-bottom: 1px solid #ccc;

    color: #27326d;

    font-family: "Roboto Slab",Helvetica,Arial,sans-serif;

    font-size: 32px;

    font-weight: 500;

    letter-spacing: 0;

    line-height: 58px;

    margin-bottom: 50px;

    padding-bottom: 10px;

    text-transform: none;

}



#phoca-dl-category-box { padding: 50px 10px; }













.uk-dropdown .uk-nav {

    margin: 0 5px;

}



.uk-nav > li > a {

    border-bottom: 1px dashed #474242;

    padding: 5px 10px;

	font-size: 13px;

}



.uk-dropdown {

    padding: 3px 3px 10px;



}









.uk-table-condensed td {

    border: 1px solid #ccc;

    padding: 10px;

}



.uk-table th, .uk-table td {

    border: 1px solid #ccc;

    padding: 10px;

	

}



.uk-table thead th {

    background: #d43333;

    color: #fff;

    vertical-align: middle;

	text-align: center;

	font-weight:900 !important;

}





.uk-panel-dashed { border-top: solid 8px #eee; padding-top: 25px; }









.kejohanan .uk-subnav {

    border-bottom: 1px dashed #ccc;

    display: flex;

    flex-wrap: wrap;

    list-style: outside none none;

    margin-left: 0;

    margin-top: 0;

    padding: 0 0 10px;

}





.kejohanan .uk-subnav > * > * {

    color: #818181;

    display: inline-block;

    font-weight: 800;

}





.kejohanan .uk-subnav > * > :hover,

.kejohanan .uk-subnav > * > :focus {

  color: #d44343;

  text-decoration: none;

}



.kejohanan .uk-subnav > .uk-active > * {

    color: #d44343;

}





.no-content-notice { text-align:center; margin-top: 30px; margin-bottom: 30px; padding-top: 60px; padding-bottom: 60px; background: #fff1f0 none repeat scroll 0 0; /*border: rgba(216, 80, 48, 0.3) solid 1px;*/ color: #d85030; border-radius: 1px; }

.no-content-notice h3{ font-size:24px; font-weight:900; color: #000000;}









.page-header h1{

    border-bottom: 1px solid #ccc;

    color: #27326d;

    font-family: "Roboto Slab",Helvetica,Arial,sans-serif;

    font-size: 32px;

    font-weight: 500;

    letter-spacing: 0;

    line-height: normal;

    margin-bottom: 30px;

    padding-bottom: 10px;

    text-transform: none;

}





.content-category h1{

    border-bottom: 1px solid #ccc;

    color: #27326d;

    font-family: "Roboto Slab",Helvetica,Arial,sans-serif;

    font-size: 32px;

    font-weight: 500;

    letter-spacing: 0;

    line-height: normal;

    margin-bottom: 30px;

    padding-bottom: 10px;

    text-transform: none;

	margin-top: 30px;

}





.page-header {

    margin: 50px 10px 10px;

	margin-top: 20px;

    padding-bottom: 5px;

	border-bottom: none !important;

}



.pg-csv-name {

    background: none;

    margin-top: 5px;

    padding-left: 0;

    text-align: left;

	line-height: normal;

}



.pg-csv-name a{ color:#003399; font-size: 13px; font-weight:600;}



.pg-csv-box {

    background: none;

    border-radius: 0px;

    box-shadow: none;

    float: left;

    margin: 3px;

    padding: 5px;

}



#sbox-window {

    background-color: #fff !important;

    padding: 3px !important;

}



.pg-cv-box {

    border-radius: 0px;

    box-shadow: none !important;

    float: left;

    margin: 10px;

    padding: 0px;

}





.pg-csv-count {display: none; }



#categorylist_header_title a{ font-size: 24px; font-family: Roboto Slab; font-weight: 700; color: #d44343 !important; }

.list-title a{ font-size: 18px; font-family: Roboto Slab; font-weight: 700; text-decoration:none; }

.table-bordered th, .table-bordered td { border-left:none;}

.table-bordered {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-collapse: separate;

    border-color: #f1f1f1 #f1f1f1 #f1f1f1 -moz-use-text-color;

    border-image: none;

    border-radius: 0;

    border-style: solid solid solid none;

    border-width: 0;

}





.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {

    background-color: #f5f5f5;

    border-bottom: 1px dashed #ccc;

}







.box .uk-panel-teaser {

    margin-bottom: 10px;

}



.box .uk-panel-box-primary { min-height: 240px !important;}


#gruemenu > ul > li > a {
    border-right: none;
    letter-spacing: 0;
    padding: 20px 10px 20px;
    text-decoration: none;
}

#gruemenu.grue_167 > ul > li.has-sub > a::after {
    border-top-color: #cac8c8;
    margin-top: 0 !important;
    right: 25px !important;
    top: 47% !important;
}
#gruemenu > ul > li.has-sub > a::after {
    border: 5px solid transparent !important;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
#gruemenu > ul > li.has-sub > a {
    padding-right: 35px !important;
}

#gruemenu ul ul li a {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1) !important;
    padding: 10px 25px !important;
    text-decoration: none !important;
    width: 275px !important;
}

#gruemenu.grue_167 ul > li > ul > li > a {
    font-size: 12px !important;
    line-height: normal !important;
}

.uk-slideshow .uk-cover-background { max-height: 377px; background-size: contain; }

.myclass .uk-slideshow {   
  width: 1160px !important;   
  height: 377px !important;  
}


.myclass2 .uk-slider {    
  height: 386px !important; 
  width: 310px !important; 
}