body {



    padding-top: 0px;



    padding-bottom: 0px;



    font-family: "Segoe UI";



    /*background-color: #edf7f9;*/



    background-color: #f5f5f5;



    min-height: 500px;



    /*padding-top: 70px;*/



}











/*header*/







.top-red {



    background-color: #545454!important;

    border-color: #545454!important;

    margin-bottom: 0px!important;



}







.top-red a {



    background: transparent!important;



    color: #e6e6e6!important;



    text-transform: uppercase;



    font-weight: 700;



    font-size: 12px!important;



}







.top-red a:hover,



a:active {



    color: #FFF!important;



}







.top-red .active a {



    color: #FFF!important;



}







.trans-bot {



    background-color: #a10015!important;



    border: 0px solid transparent!important;



}







.red-brand {



    color: #fff!important;



    font-size: 26px! important;



    font-weight: 500;



}







.reds {



/*    color: #ec1c24!important;*/

color: #fff!important;



}







.reds:hover {



    color: #f7f7f7!important;



}

.redbutton a:hover {

    background-color: #f7f7f7!important;

}

.headbot {

    margin-top: 4px;

}

.headbot a {

    padding: 10px 30px !important;

    color:#fff !important;

}

.redbutton a {

    color: #a10015!important;

    background-color: #fff!important;

    border-radius: 5px;

    font-size: 13px !important;

    font-weight: 600;

}





.lilmargintop a:hover {



    background-color: #ec1c24 !important;



    border-radius: 5px;



    color: #fff!important;



}







.lilmarginbot {



    margin-top: 8px;



}







.lilmargintop {



    margin-top: 8px;



}







.himargintop {



    margin-top: 90px;



}







.text-right {



    text-align: right;



}







.linkfooter a {



    font-weight: 600;



    color: #404040;



    padding: 5px 15px!important;



}







.linkfooter a:hover {



    color: #cc001a;



    background-color: transparent!important;



}



.row-offcanvas-right{

    background:#fff;

    border-radius: 5px;

    padding:25px 15px;

}





.linkfooter {



    margin: 15px 0px;



}







.slimid {



    font-weight: 100;



    font-family: "segoe UI";



    text-align: center;



}







.lilpadding {



    padding: 10px 35px;



}







.whitebg {



    background-color: #fff;



}







.borderbot {



    border-bottom: 1px solid #e3e3e3;



}







.nopadmarg {



    padding: 0px!important;



    margin: 10px 0px!important;



}







.padbot {



    padding-bottom: 35px;



}







.padded {



    padding: 10px 25px;



}











/*FOOTER*/







#footer {



    background-color: #F8F8F8;



    padding: 10px 0px 10px 0px;



    margin-top: 30px;



}







.img_header {



    background: url('../img/img_header.jpg') #F8F8F8 repeat-x;



    margin-bottom: 20px;



    padding: 10px 0px;



}







.featured-box {



    font-size: 14px !important;



    padding: 40px 40px !important;



}







.featured-box img {



    float: left;



    margin-right: 20px;



    margin-bottom: 10px;



}







.title-category {



    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



    font-size: 24px;



    line-height: 1.1;



    margin-bottom: 5px;



}







.article-list img {



    float: left;



    margin-right: 10px;



}







.img-article {



    width: 220px;



}







.flickr {



    width: 150px;



}







.photo-list {



    min-height: 345px;



}







#content > .item {



    border: 1px solid #E8E8E8;



    box-shadow: 1px 1px 3px #E6E6E6;



    display: block;



    float: left;



    font-weight: bold;



    margin: 0 10px 10px 0;



    padding: 5px 5px 15px 5px;



    transition: left 0.4s ease-in-out 0s, top 0.4s ease-in-out 0.4s;



    width: auto;



}







#content {



    /*width: 100%;*/



}







#blacktext{



  color: #000000;



}







.modal-dialog {



    text-align: center;



    width: 600px !important;



}







.list-flickr {



    width: 162px !important;



}







.flickr-info {



    margin-bottom: 10px;



}











/* EDIT BY BAKHTIAR */







.no-gutter > [class*='col-'] {



    padding-right: 0;



    padding-left: 0;



}







.box-top,



.box-bottom {



    background-color: #d1070e;



    color: #ffffff;



    height: 253px;



}







.text-area {



    padding: 25px;



}







#wrap {



    min-height: 600px;



    padding-top: 15px;



}







.red-button{



  background-color: #ec1c24 !important



  color: #fff;



}



/* EDIT BY BAKHTIAR END */







.article-list {



    background-color: white;



    border-bottom: 2px solid #4444;



    padding: 20px 20px 20px 20px;



}







.nav > li > a {



    padding: 10px !important;



}







.nav-tabs {



    margin-bottom: 30px;



}







.no-pad-r {



    padding-right: 0px;



}







.subcategory-karir-title {



    background-color: red;



    min-height: 208px;



    padding-left: 0px;



}







.subcategory-title-section {



    padding: 20px 30px;



    color: white;



}







.sidebar > .col-2 > ul {



    list-style-type: none;



    padding-left: 0px;



    color: red;



}







.sidebar > .col-2 > ul > li > a {



    color: #a10015;



}



.sidebar > .col-2 > ul > li > a:hover {



    color: #cc001a;



}







.sidebar > .col-2 > ul > li {

    padding-top: 5px;

    padding-bottom: 5px;

}







.sidebar > .col-2 > ul > li > ul > li > a {



    color: #5A5A5A;



}







.error {



    color: red !important;



}



#search_job .navbar-right li{padding-top:4px;}