/*
Theme Name: Prima Ega Teknindo
Theme URI: http://konstruktorwebben.com/
Description: This WordPress template is authorized for Prima Ega Teknindo domain and site. Please referring to the Author for more information.
Author: Rakhman Hidayat
Author URI: http://gaswad.com/
Version: 1.0
*/

@font-face {
font-family:OpenSans;
src:url(fonts/SWISSL.TTF);
}
@font-face {
font-family:OpenSans-Semibold;
src:url(fonts/OpenSans-Semibold.ttf);
}
@font-face {
font-family:COOPBLO;
src:url(fonts/COOPBLO.TTF);
}
@font-face {
font-family:BreeSerif;
src:url(fonts/BreeSerif-Regular.otf);
}

body{
font-family:OpenSans;
}

.cat.wrap_0{
height:88px;
}

.wrap_0{
height:216px;
background:#2276C3 url('images/bg-overlay.png');
border-top: 6px solid #CCC;
border-bottom: 3px solid #CCC;
position: absolute;
width: 100%;
box-shadow: 0px -60px 60px 0px #006699 inset;
}

.wrap_1{
padding: 25px 0px 30px;
margin: 0px;
}

.wrap_2{
margin: 0px;
}

.wrap_2_1{
padding:0px;
}

.cat.wraping.col-md-12{
min-height:455px;
}

.wraping.col-md-12{
background:#FFF;
padding: 0px 0px 20px;;
}

.wraping .wrap_2-2.wrap_2-2-0.col-sm-3 .col-sm-12{
padding:0px;
}

h4.cat{
background:url('images/image_text_icon&24.png') no-repeat left center;
}

h4.lat{
background:url('images/doc_lines_icon&24.png') no-repeat left center;
}

h4.pro{
background:url('images/tag_icon&24.png') no-repeat left center;
}

h4.arc{
background:url('images/calendar_2_icon&24.png') no-repeat left center;
}

.wrap_2-1 h4{
font-size: 14px;
text-transform: uppercase;
color: #333;
border-bottom: 1px solid #CCC;
padding: 5px 15px;
background-size: 16px;
}

.wrap_2-1 h4 span{
padding: 0px 10px;
text-shadow: 0px 0px 1px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}

.wrap_2-2.wrap_2-2-1 h3{
font-size: 20px;
margin-bottom: 20px;
text-shadow: 0px 0px 1px;
}

.wrap_3{
background:#2C322F url('images/bg-overlay.png');
border-top: 3px solid #999;
}

.wrap_3-1-1{
text-align: center;
font-size: 10px;
padding: 5px;
color: #CCC;
}

section.logo.col-sm-5{
padding:0px;
}

.logo img{
max-height: 64px;
}

.site-logo{
width: 345px;
height: 64px;
position: absolute;
background: url('images/tr-bg4.png');
text-align: center;
overflow: auto;
}

.site-logo span{
color:#FCFCFC;
}

h2.site-title{
padding: 12px 0px 0px;
color: #FFF;
text-align: center;
width: 345px;
margin: 0px;
font-size: 22px;
font-family:BreeSerif;
text-decoration:underline;
}

.slide{
background: #FFF;
}

.cat.slide{
text-align: right;
padding: 15px 20px 10px;
}

.row_1{
min-height: 300px;
margin: 0px 0px 20px
}

.row_2{
height: 225px;
background-size: 100%;
padding: 0px 0px 30px;
}

.product.col-sm-4{
margin: 0px 0px 5px;
padding: 5px;
}

.product.col-sm-4 .col-sm-12{
border: 1px solid #F0F0F0;
padding: 5px;
height: 145px;
background: #FAFAFA;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}

.product.col-sm-4 .col-sm-12:hover{
background:#FFF;
}

.product.col-sm-4 h4.title:hover{
background:#7FB0DB;
}

.product.col-sm-4 h4.title{
text-transform: none;
font-size: 15px;
margin: 0px 0px 5px;
padding: 15px 0px 0px;
height: 70px;
background:#8EB9E0 url('images/bg-overlay.png');
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
box-shadow: 0px 0px 3px #999;
}

.product.col-sm-4 h4.title a{
color:#FFF;
}

.product.col-sm-4 h4.title a:hover{
text-decoration:none;
}

.product.col-sm-4 img.product_img{
height: 70px;
width: auto;
margin-right: 5px;
float: left;
}

.product.col-sm-4 span{
font-size: 12px;
color: #777;
}

.product.col-sm-4 span a{
font-style: italic;
color: #FFF;
font-size: 12px;
padding: 7px 10px;
background: #999;
float: right;
position: relative;
top: 22px;
font-weight: 600;
border-radius: 4px;
}

.overflow_1{
max-height: 370px;
overflow-x: auto;
border: 1px dashed #F0F0F0;
padding: 5px;
background: #FEFEFE;
margin: 0px 0px 20px;
}

.overflow_2{
overflow-x: auto;
max-height: 325px;
}

.col-sm-9.padding_1, .wrap_3-1.padding_1, .wrap_3-1-1.padding_1, .col-sm-12.padding_1{
}

.postmeta{
font-size: 10px;
color: #999;
font-style: italic;
}

.overflow_1 .field{
padding: 8px 3px 8px 0px;
border-bottom: 1px dotted #F0F0F0;
}

.overflow_1 .field span a, .cat.wrap_2-2.wrap_2-2-1 span a{
font-style:italic;
color: #F38F23;
font-size: 10px
}

.field h5.title{
margin: 0px 0px 5px;
}

.field h5.title a{
font-size: 15px;
}

.field h5.title a:hover{
text-decoration:none;
}

.field span{
font-size: 11px;
color: #888;
}

.cat.wrap_2-2.wrap_2-2-1 .field{
margin: 0px 0px 10px;
border-bottom: 1px dotted #CCC;
padding: 0px 0px 5px;
}

.cat.wrap_2-2.wrap_2-2-1 .field h5.title{
margin: 0px;
}

.cat.wrap_2-2.wrap_2-2-1 .single.field {
border: none;
margin:28px 0px 10px;
}

.cat.wrap_2-2.wrap_2-2-1 .single.field p{
font-size: 13px;
}

.single.field.product h4.title{
color: #FFF;
background: #999;
padding: 3px 10px;
border-radius: 4px;
text-align: center;
}

.single.field h4.title{
font-weight: 600;
font-size: 20px;
color:#428BCA;
padding: 0px;
text-transform: none;
border-bottom: 1px solid;
}

.searc_1{
float: right;
margin: 0px 20px 0px;
}

#field.searc{
margin: 0px;
border-bottom: 1px dotted #CCC;
padding: 8px 0px;
}

#field.searc h5{
margin: 5px 0px;
}

#homecontents h4{
text-align: center;
border: none;
margin: 50px 0px 30px;
font-size:14px;
text-transform: none;
}

#featured-slider {
float:left;
width:945px;
height:275px;
position:relative;
}
#featured-slider #slides {
position:absolute;
top:0px;
left:0px;
z-index:100;
}
#featured-slider .slides_container {
width:945px;
overflow:hidden;
position:relative;
display:none;
background:#FFF;
}
#featured-slider .slides_container div.slide {
width:945px;
height:250px;
display:block;
}
#featured-slider .slides_container div.slide img {
float:right;
width: 600px;
height: 250px;
}
#featured-slider .caption {
z-index:500;
position:absolute;
top: 20px; left:20px;
width:305px;
height:225px;
font-size:12px;
line-height:16px;
color:#333;
padding:10px 25px 55px;
background:url('images/tr_img02.png') no-repeat bottom center;
background-size: 330px;
}
#featured-slider .caption h2, #featured-slider .caption a {
font-size:18px;
line-height:22px;
margin: 0px 0px 10px;
font-weight: 600;
color:#555;
}

#featured-slider #slides .next, #slides .prev {
position:absolute;
top:111px;
left:-13px;
width:30px;
height:37px;
display:block;
z-index:101;
text-indent:-99999em;
background: url(images/larr.gif) no-repeat;
outline:0;
background-size: 25px;
}
#featured-slider #slides .next {
left:932px;
background: url(images/rarr.gif) no-repeat;
background-size: 25px;
}

#searchform label.screen-reader-text{
display: none;
}

input#s{
border: 1px solid #CCC;
padding: 0px;
width: 155px;
font-size: 12px;
}

input#searchsubmit{
border: 1px solid #CCC;
padding: 0px;
width: 45px;
font-size: 12px;
}

#wp-calendar{
width:100%;
color: #F38F23;
margin: 20px 0px 0px;
}

#wp-calendar a{
color: #F38F23;
border-bottom: 1px dotted;
}

#wp-calendar td#today{
color: #C3644A;
background:#FAEFD0;
}

#wp-calendar caption{
padding: 5px;
border-bottom: 1px solid #F38F23;
margin: 0px 0px 5px;
font-weight: 600;
font-size: 14px;
}

#wp-calendar th, #wp-calendar td{
text-align: center;
}

.widget h4{

}

.widget ul{
margin:0px;
}

.widget li{
list-style:none;
}

.col_side{
width: 100%;
background:url('images/Home_icon_grey.png') no-repeat top center / 65px auto, #2276C3 url('images/bg-overlay.png');
color: #F9F9F9;
padding: 60px 5px 30px;
border-radius: 10px;
box-shadow: 0px 0px 3px #999;
text-align: center;
margin: 10px 0px 0px;
}

.col_side h5{
font-weight: 600;
}

img.alignleft, img.alignright, img.aligncenter, img.alignnone{
border: 1px solid #F0F0F0;
padding: 3px;
}

img.alignleft{
float: left;
margin: 0px 10px 0px 0px;
}

img.alignright{
float: right;
margin: 0px 0px 0px 10px;
}

img.aligncenter{
display: block;
margin: auto;
}

img.alignnone{
vertical-align: bottom;
}

#nav_1 {
clear: both;
display: block;
float: left;
margin-bottom:5px;
width: 100%;
}
#nav_1 ul {
list-style: none;
margin:auto;
padding-left: 0px;
z-index:999;
}
#nav_1 li {
float: right;
position: relative;
margin: 0px 1px;
padding: 0px 10px;
}
#nav_1 li li {
padding:0px;
}
#nav_1 a {
color:#ffffff;
display: block;
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
font-family:OpenSans-Semibold;
}
#nav_1 ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
position: absolute;
}
#nav_1 ul ul ul {
left: 100%;
top: 0;
}
#nav_1 ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
color: #666;
padding: 5px 10px;
width: 175px;
font-weight: normal;
font-size: 11px;
}
#nav_1 li:hover > a,
#nav_1 ul ul :hover > a,
#nav_1 a:focus {
color: #666;
border-top:none;
text-decoration:underline;
padding: 5px 10px;
}
#nav_1 li:hover > a,
#nav_1 a:focus {
color: #ffffff;
border-top: 2px solid #FFF;
padding:3px 5px 5px;
text-decoration:none;
}
#nav_1 ul li:hover > ul {
display: block;
}
#nav_1 .current-menu-item > a,
#nav_1 .current-menu-ancestor > a,
#nav_1 .current_page_item > a,
#nav_1 .current_page_ancestor > a {
display:block;
color: #ffffff;
border-top: 2px solid #FFF;
padding:3px 5px 5px;
text-decoration:none;
}
#nav_1 ul ul .current-menu-item > a,
#nav_1 ul ul .current-menu-ancestor > a,
#nav_1 ul ul .current_page_item > a,
#nav_1 ul ul .current_page_ancestor > a {
color: #666;
border-top:none;
text-decoration:underline;
padding: 5px 10px;
}

#nav_2 {
clear: both;
display: block;
float: left;
margin:0px 0px 30px;
width: 100%;
}
#nav_2 ul {
list-style: none;
margin:auto;
padding-left: 0px;
z-index:999;
background: none repeat scroll 0% 0% #FEFEFE;
}
#nav_2 li {
position: relative;
margin: 0px 1px;
padding: 0px 10px;
}
#nav_2 li li {
padding:0px;
}
#nav_2 a {
display: block;
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
font-family:OpenSans-Semibold;
color: #666;
border-bottom: 1px dotted #E0E0E0;
}
#nav_2 ul ul {
margin-left: 20px;
}
#nav_2 ul ul ul {
left: 100%;
top: 0;
}
#nav_2 ul ul a {
color: #666;
padding: 5px;
text-transform: inherit;
font-weight: normal;
}
#nav_2 li:hover > a,
#nav_2 ul ul :hover > a,
#nav_2 a:focus {
color: #666;
border-top:none;
text-decoration:underline;
padding: 5px;
}
#nav_2 li:hover > a,
#nav_2 a:focus {
text-decoration:underline;
}
#nav_2 ul li:hover > ul {
display: block;
}
#nav_2 .current-menu-item > a,
#nav_2 .current-menu-ancestor > a,
#nav_2 .current_page_item > a,
#nav_2 .current_page_ancestor > a {
display:block;
border-top: 2px solid #FFF;
padding:3px 5px 5px;
text-decoration:none;
}
.navigate {
clear: both;
font-family: "Oswald",Arial,sans-serif;
padding: 5px 0px 0px;
position: relative;
border-top: 1px solid #999;
}
.navigate span, .navigate a {
background: none repeat scroll 0 0 transparent;
color: #777;
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px;
text-decoration: none;
width: auto;
}
.navigate a:hover {
background: none repeat scroll 0 0 #CCC;
color: #FFFFFF;
}
.navigate .current {
background: none repeat scroll 0 0 #999;
color: #FFFFFF;
padding: 6px 9px 5px;
}