@import url('grid.css');

label,
input,
textarea,
select{
    display: inline-block !important;
}
label{
    margin-bottom: 5px;
}
input
textarea,
select{
    margin-bottom: 15px;
}
#Career_verifyCode,
#Contact_verifyCode{
    margin-top: 15px;
}


@font-face{font-family: Roboto;src: url('Roboto.ttf');src: url('Roboto.eot');src: url('Roboto.woff');font-size:12px;}
*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden!important;
}
body {
  /* Margin bottom by footer height */
  font-family:Calibri, Roboto;
  font-weight:300;
  color: white;
  background-color:#99AE27;
  margin: 0;
}

p {
    text-shadow: 1px 1px 1px #73841E !important;
}

#footer{
  width: 100%;
}

@media only screen and (min-width: 64.063em) {
  body{
    margin-bottom: 210px;
  }
  #footer{
    height: 210px;
    position: absolute;
    bottom: 0;
    background-color:#809339;
  }
}

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}
.clear:after {
    content: "";
    display: table;
    clear: both;
}

h1,h2,h3,h4,h5,h6{margin-top:0;}

/*docotel link*/
.footprint{
    position: absolute;
    right: 20px;
}
/*docotel link*/

#content-text {
    position:absolute;
}

.product {
    float:left;
    background-image:url(../images/product_label.png);
    background-repeat:no-repeat;
    background-position:left top;
}

.product h1,  .product p {
    margin-left:57px;
}

#parLink,  #currLink,  #content-list h1,  #content-list p,  #content1,  #content2,  #content1-first,  .about {
    text-shadow: 1px 1px 1px #73841E;
}

select  {
    background: url("../images/select.png") right repeat-x 0 0;
    line-height: 22px;
}

input[type=submit] {
    background: url("../images/submit_button.png") no-repeat scroll 0 0 transparent;
    width:85px;
    height:27px;
    border-radius:10px;
    border:none;
    cursor:pointer;
}
input[type=text],
textarea{
    width: 100% !important;
}
input[type=file] {
    text-indent:-1000em;
    background:url(../images/browse.jpg) repeat-x center #68791D;
    background-color:#68791D;
    border:1px solid #68791D;
    cursor:pointer;
    height:25px;
    width:83px;
}

input::-webkit-input-placeholder {
    color:#68791D;
}

input:-moz-placeholder  {
    color:#68791D;
}

input[placeholder],  [placeholder],  *[placeholder] {
    color:#68791D !important;
}

h1 {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 18px;
    padding:0;
    margin-bottom:0px;
}

h4 {
    color:#fff;
    font-family:Roboto;
}

#content-list li  {
    margin-left:8px;
}

#clear {
    clear:both;
    padding-top:1px;
}

#page  {
    min-height:100%;
    position:relative;
}

#header  {
    height:84px;
}

#header-top{
  width:1024px;
  margin-left: auto;
  margin-right: auto;
}

#header-menu {
    width:1000px;
    margin:0 auto;
    height:50px;
    margin:20px auto 0 auto;
}

#logo {
    width:760px;
    margin:0 auto;
    height:52px;
    background-color:#98ae27;
}

#menu {
    float:left;
    font-family:Roboto;
    font-size:12px;
    font-weight:300;
    color:#fff;
    margin-top:10px;
}

.nav ul,  .nav li  {
    margin:0px;
    padding:0px;
}

#content  {
    height:auto;
    margin-top:25px;
}


.flash-success {
    font-size: 14px;
}


#no-image {
    height: auto;
    padding-bottom:20px;
    width: 100%;
}

#footer-top {
    margin:0 auto;
    width:360px;
}

#footer-0 {
    float:left;
    display:block;
    margin-left:10px;
    margin-bottom:10px;
}

input[placeholder],  [placeholder],  [placeholder]  {
    color: #333 !important;
}

#header-atas {
    background-color:#809339;
    height:34px;
    width:100%;
}

#headerlink {
    float:left;
    margin-left:10px;
    color:#fff;
}

#headerlink a {
    color:#fff;
    text-decoration:none;
}

#headerlink a:hover {
    color:#000;
    opacity:1;
}

#search {
    background-image: url("../images/search.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
    height: 22px;
    margin-right: 10px;
    margin-top:5px;
    padding-left: 8px;
    width: 170px;
}

#search-mobile {
    display:none;
}

#headerlink {
    float:left;
    margin-left:10px;
    font-size:12px;
    padding-top:7px;
}

#headerlink a {
    color:#fff;
    text-decoration:none;
}

#headerlink a:hover {
    color:#000;
    opacity:1;
}

#search input: {
    font-size:12px;
}

#menuheader {
    float:left;
    padding-left:10px;
     padding-right:10px;
}

#menuheader a {
    text-decoration:none;
    color:#fff;
}

#menuheader:hover {
    background-color:#73831d;
}

#footer1 {
    height:154px;
    width:1024px;
    margin:0 auto;
}

#content1-first,  #content1,  #socmed,  #content1,  #content2,  #socmed/*,  #logo-link*/ {
    float:left;
    font-size:12px;
    color:#fff;
    padding:0.5% 2.9% 0% 2.9%;
}

#content1-first a,  #content1 a,  #socmed a,  #content1 a,  #content2 a {
    color:#fff;
    text-decoration:none;
    font-size:12px;
}

#socmed img {
    width:30px;
}

#footer1 h2,  #footer1 h3 {
    font-size:15px;
    margin:0 !important;
}

#text {
    font-size:10px;
    font-weight:400;
    text-decoration:none;
}

#p1 {
    float:left;
    margin-left:5px;
    margin-top:10px;
}

#footer2 {
  line-height:30px;
  background-color:#000;
  text-align: left;
  font-size:12px;
  padding-right: 10px;
  padding-left: 10px;
}

@media only screen and (max-width:40em){
  #footer2,
  #footer2 a {
    font-size:11px;
  }
}

#footer2 a {
    text-decoration:none;
    color:#fff;
    vertical-align:top;
}

#spacing {
    height:8px;
}

.content-950 {
    width:950px;
     margin: 0 auto;
    margin-bottom: 50px;
    height:auto;
}

.content-1360 {
    max-width:1000px;
    margin: 0 auto;
    margin-bottom: 50px;
    height:395px;
}

#map_canvas {
    border:1px solid #CCC;
    border-radius:5px;
}

.form {
    margin-bottom:40px;
}

.note {
    color:#fff;
    font-size:14px;
}

.required {
    color:#fff;
}

.row {
    padding:5px 0;
}

#label {
    float:left;
    width:115px;
    color:#fff;
    font-size:14px;
}

.hint {
    float:left;
    color:#fff;
    font-size:14px;
}

#verifycontacttext {
    margin-left:165px;
}

.errorMessage {
    color:#FF0;
    font-size:14px;
}

#yw0_button {
    margin:0px 0px 5px 20px !important;
}

.errorSummary {
    color:#FF0;
    font-size:14px;
}

.content-950-heightless {
    width:950px;
     margin: 0 auto;
    height:auto !important;
}

#contact-request {
    color: #FFFFFF;
    float: left;
    font-family: Roboto;
    font-size: 12px;
}

#label {
    font-family:Roboto;
    color:#fff;
    font-size:14px;
    clear:both;
}

#label-search {
    font-family:Roboto;
    color:#fff;
    font-size:16px;
    clear:both;
    font-weight:bold;
}

#description {
    font-family:Roboto;
    color:#fff;
    font-size:14px;
    padding:5px 0;
}

#readmore a {
    font-family:Roboto;
    color:#ff0;
    font-size:14px;
}

#readmore a:hover {
    color:#333;
}

hr {
    border-top:#99AE27;
    border-bottom:#7F9222;
}

.grid-view table.items th  {
    background: url("../images/bg.png") repeat-x scroll left top white !important;
    color: white !important;
}

.grid-view table.items tr.odd  {
    background: none repeat scroll 0 0 #E3E9C6 !important;
}

.grid-view table.items  {
    border: 1px solid #E3E9C6 !important;
}

.grid-view table.items th,  .grid-view table.items td  {
    border: 1px solid #E3E9C6;
     font-size: 12px !important;
    font-weight:400;
    padding: 0.3em;
}

table.detail-view tr.odd  {
    background: none repeat scroll 0 0 #E3E9C6 !important;
}

table.detail-view tr.even  {
    background: none repeat scroll 0 0 #EFF5D2 !important;
}

table.detail-view  {
    font-size:14px;
    font-weight:400;
}

.grid-view .summary  {
    font-size:14px;
    color:#fff;
    font-weight:400;
}

#nav_faq .active .conntent_tab {
    display:block;
    color:#ff0;
}

#nav_faq .conntent_tab {
    display: none;
    color:#ff0;
}

#nav_faq {
    list-style:none;
}

#nav_faq li {
    margin-bottom:10px;
    border:1px solid;
    padding:5px;
    width:450px;
}

#nav_faq li a {
    text-decoration:none;
    color:#fff;
    font-weight:700;
}

.plus {
    float:right;
}

.dropdown  li {
    border-bottom:1px solid #666;
}

.dropdown  li a  {
    color: #555555;
    cursor: pointer;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
    text-decoration: none;
}

.dropdown li a:hover {
    background:#f00;
    color: #FFFFFF;
    text-decoration: none;
}

a.account  {
    color: #555555;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    height: 24px;
    line-height: 16px;
    margin: -12px 0 0;
    position: relative;
    right: -15px;
    text-decoration: none;
    width: 121px;
    z-index: 110;
}

.root {
    border-top: 1px solid #666666;
    font-size: 11px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#career  {
    border-radius: 5px 5px 5px 5px;
    height: 300px;
    margin-top: 15px;
    overflow: hidden;
    padding: 10px;
    width: 780px;
}

#career ul {
    list-style:none;
}

#career ul li {
    font-family:Roboto;
    font-size:13px;
    font-weight:300;
    color:#fff;
    margin-bottom:15px;
     list-style:decimal;
}

#career ul li a {
    text-decoration:none;
    color:#fff;
    font-family:Roboto;
    font-weight:bold;
    font-size:16px;
    cursor:auto;
    margin-bottom:20px !important;
     list-style:decimal;
}

#ticker-previous {
    float:left;
    background-image:url(../images/next-prev-button.png);
    background-repeat:no-repeat;
    width:25px;
    height:25px;
    cursor:pointer;
    margin-bottom:10px;
}

#ticker-next {
    background-image:url(../images/next-prev-button.png);
    background-repeat:no-repeat;
    height:25px;
    float:right;
    margin-right:0px;
    width:25px;
    background-position:-27px 0px;
    cursor:pointer;
    margin-bottom:10px;
}

#career-news {
    float:left;
    width:96%;
}

#carrer-row2 {
    float:left;
    margin-left:500px;
    margin-bottom:10px;
    position:absolute;
    margin-left:447px;
}

#absolute {
    position:absolute;
}

#career-list {
    font-family:Roboto;
    font-size:12px;
    color:#fff;
    padding:5px 0px 5px 0px;
}

.gap_career  {
    background:url(../images/gap_career.jpg) top no-repeat;
    width:933px;
    height:17px;
    display:block;
}

#link1 a {
    text-decoration:none;
    cursor:pointer;
    color:#fff;
}

#link1:hover {
    background-color:#414a11;
}

#link1 {
    font-family:Roboto;
    font-size:12px;
    color:#fff;
    padding:5px 0px 5px 10px;
     list-style:none;
    width:190px;
}

#link1-title {
    font-family:Roboto;
    font-size:16px;
    color:#fff;
    padding-left:5px;
    text-align:center;
    font-weight:600;
     list-style:none;
    width:195px;
}

#career-news-title a {
    text-decoration:none;
    color:#fff;
    font-family:Roboto;
    margin-bottom:20px;
    font-size:16px;
}

#carrer-news-detail {
    text-decoration:none;
    color:#fff;
    padding-left: 20px;
    padding-right: 20px;
}

#career-list {
    float:left;
    width:200px;
    background-color:#809222;
}
@media only screen and (max-width:40em){
    #career-list {
        width: 100%;
    }
}

.content ol li {
    margin-left:20px;
}

#content1-first a:hover {
    color:#000;
}

#contact-form .row input[type="text"] {
    background-color:#68791D;
    border:1px solid #68791D;
    height:26px;
    color: #fff;
    padding: 5px 10px;
}

#contact-form .row select {
    background-color:#68791D;
    border:1px solid #68791D;
    height:26px;
    color:#fff;
}

#contact-form .row textarea {
    background-color:#68791D;
    border:1px solid #68791D;
}

#label {
    border-bottom:1px solid #69771f;
    width:165px;
    height:26px;
}

.height {
    border-bottom:1px solid #69771f;
    width:165px;
    height:63px !important;
}

.height2 {
    border-bottom:1px solid #69771f;
    width:165px;
    height:81px !important;
}

.select-height {
    height:20px !important;
}

.faq {
    width: 300px;
    height:300px;
    float:right;
}

input[type="submit"] {
    background: url("../images/button_submit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    height: 30px;
    width: 88px;
    background-position:0px 0px;
}

input[type="submit"]:active {
     background: url("../images/button_submit.png") no-repeat scroll 0 0 transparent;
        border: medium none;
        border-radius: 10px 10px 10px 10px;
        cursor: pointer;
        height: 30px;
        width: 88px;
        background-position:0px -30px;
}

/*
.bgmenu {
    width:100%;
    height:73px;
    background-color:#99AE27;
     background-image:url(<?php echo Yii::app()->request->baseUrl;
     ?>/images/bgmenu.png);
}
*/

.faq-img {
    float:right;
}

#content-list p {
    width:50%;
}

#footer-link1-first,  #footer-link,  #footer-link2,  #footer-link-socmed {
    display:none;
}

.search-text{
    float: left;
    width: 80%;
    height:22px;
    font-size:14px;
}

.search-submit{
    float:left;
    width:27px !important;
}


@media screen and (min-width:768px) and (max-width:1023px){

    #label{
        border:0 none;
    }

    .content-1360{
        height:auto !important;
    }

    /*header*/
    #content {
        height:auto;
        margin-top:25px;
        min-height:600px;
    }

    #header {
        background-color: #98AE27;
        height: 84px;
    }
    #header-top {
        background-color: #7F9222;
        height: 32px;
        margin: 0 auto;
        width: 100%;
    }

    #search {
        background-image: url("../images/search.png");
        background-position: 0 0;
        background-repeat: no-repeat;
        float: right;
        height: 22px;
        margin-right: 10px;
        margin-top: -18px;
        padding-left: 8px;
        width: 170px;
    }

    #headerlink {
        float: left;
        margin-left: 10px;
        color:#fff;
    }

    #headerlink a{
        color:#fff;
        text-decoration:none;
    }

    #language{float:left;}

    /*menu*/
    .bgmenu {
        background-color: #99AE27;
        height: 73px;
        width: 100%;
    }
    /*end of menu*/

    /*end of header*/

    /*footer*/

    #footer a, #footer div;{color:#fff;}
    #footer1{
        margin:0 auto;
        min-height:150px;
        }
    #footer-link1-first, #footer-link, #footer-link2, #footer-link-socmed{display:none;}
    #content1-first, #content1, #socmed, #content2{margin:0 !important;padding:5px 0.8% 0 0.8%;}
    #content1-first {
        float: left;
        margin-top: 15px;
    }

    #content1 {
        float: left;
        margin-top: 10px;
    }
    #logo-link{padding-top:5px;}

    #socmed {
        float: left;d
        padding-top: 5px;
    }

    #content2 {
        color: #FFFFFF;
        float: left;
        font-family: Roboto;
        font-size: 10px;
        font-weight: 400;
        margin-top: 15px;
        text-decoration: none;
    }
    #content1-first a , #content1 a{
        color: #FFFFFF;
        font-family: Roboto;
        font-size: 10px;
        font-weight: 400;
        text-decoration: none;
    }
    #footer2 {
        background-color: #000000;
        color: #FFFFFF;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 300;
        height: 32px;
        text-align: center;
        padding-top:2px;
    }

    /*end of footer*/
    /*slider*/
    /*end of slider*/
    .content-950-heightless{width:98% !important;}
    .faq-img{float:right;}
    .faq-img img{width:100%;height:auto;}
    #nav_faq li{width:350px !important;}
}

@media screen and (max-width:64em){

.shared_header .global-nav{display:none}
div.submenu{margin-top:100px;width:99.3%}
@charset "utf-8";#menu-mobile{display:none}
.dropdown{float:right}div.dropdown{color:#555;height:28px;margin:0;position:relative;padding-left:30px;padding-top:5px;text-align:right;width:145px}
div.submenu{background:none repeat scroll 0 0 #7F9222;box-shadow:0 2px 8px rgba(0,0,0,.45);left:-20px;margin-left:20px;padding-top:0;margin-top:61px;position:absolute;top:-12px;width:100%;z-index:100}
.dropdown li{border-bottom:1px solid #666}.dropdown li a{color:#555;cursor:pointer;display:block;font-family:arial;font-weight:700;padding:6px 15px;text-decoration:none}
.dropdown li a:hover{background:red;color:#FFF;text-decoration:none}
a.account{
    color:#555;
    cursor:pointer;
    display:block;
    font-size:32px;
    height:40px;
    line-height:16px;
    margin:0;
    position:absolute;
    text-decoration:none;
    width:40px;
    z-index:110;
    right:20px}
.root{border-top:1px solid #666;font-size:11px;list-style:none outside none;margin:0;padding:0}
#accordion{list-style:none; padding:0; margin: 0; width:100%;}
#accordion li{display:block;background-color:#99AE27;font-weight:300;margin:1px;cursor:pointer;padding:5px 10px;list-style:circle;width:100%;color:#fff;font-size:16px}
#accordion div{display:block;background-color:#99AE27;font-weight:300;margin:1px;cursor:pointer;padding:5px 0;list-style:circle;width:100%;color:#fff;font-size:12px}
#accordion ul{list-style:none;padding:0; margin:0; display:none;}
#accordion ul li{font-weight:300;cursor:auto;background-color:#7f9506;border-top:1px solid #a5b847;padding:5px 20px;color:#fff;}
#accordion ul li:first-child{border-top-width:0px;}
#accordion a{text-decoration:none;color:#fff!important;color:#fff}
/*end of mobile menu*/

/*header*/
/*#content{display:none;}*/
#header{height:103px;}
#header-menu{display:none;background-image:none !important;}
#menu-mobile{display:block !important;margin-top:-60px !important;}
#headerlink {
    position: relative;
    z-index: 999;
    float: left;
    margin-left: 10px;
    margin-top:1%;
}
#headerlink a {
    color: #FFFFFF;
    text-decoration: none;
    font-size:12px;
}
#header-top {
    background: none repeat scroll 0 0 #7F9222;
    height: 50px;
    margin: 0 auto;
    width: 100%;
}
#search {
    background-image: url("../images/search-mobile.png");
    background-size:154px 25px;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 22px;
    width: 154px;
    margin-top:1%;
    margin-left:3%;
}
.search-text, search-submit{float:left;}
.bgmenu {

    background-color: #99AE27;
    height: 73px;
    width: 100%;
}
#language{ font-family:'Roboto'; font-size:9px; color:#fff; font-weight:400;}
#search input{border:1px solid;}
/*end of header*/

/*footer*/
#footer{height:auto !important;}
#footer-link1-first, #footer-link1, #footer-link2, #footer-link-socmed{display:block; color:#fff;}
#footer1{background-color:#7F9222;padding:3%;}
#footer1 a {text-decoration:none;color:#fff;font-weight:300;}
#footer1 h3 {margin-bottom:0px !important;}
#footer-link2{font-weight:300;}
#footer-link-socmed a {margin-left:8%;}
#content1-first, #content1, #content2, #socmed{display:none;}
/*end of footer*/

/*content*/
/*slider*/
.flex-direction-nav{display:none;}
/*end of slider*/
#content-main h1{font-weight:300;}
.about{top:58% !important;margin-left:7px !important;}
.img-askcust{color:#fff;}
/*aboutus*/
.Logo_Philosophy, .Vision_and_Mission{width:100% !important;}
/*end of about us*/
/*faq*/
#nav_faq {
    list-style: none outside none;
    float: left;
    width: 475px;
    padding-left:0;
}
.click{font-size:12px !important;}
.conntent_tab{display:none;}
#nav_faq li {
    border: 1px solid;
    margin-bottom: 10px;
    padding: 5px;
    width: 290px;
}
.faq-img img {
    height: 30%;
    width: 30%;
}

#nav_faq li a {
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
}
#nav_faq .active .conntent_tab {
    color: #FFFF00;
    display: block;
}
.content-950 h1 {
    font-size: 18px;
    color:#fff;
}
/*end of faq*/
/*contact us*/
#map_canvas{width:95% !important;margin-left:2% !important;}
#label label{color:#fff;}
#label input{margin-left:3% !important;width:100% !important;}
#contact-form .row input[type="text"] {
    background-color: #68791D;
    border: 1px solid #68791D;
    height: 25px;
}
#contact-form .row select {
    background-color: #68791D;
    border: 1px solid #68791D;
    color: #FFFFFF;
}
#Contact_address, #Contact_note{background-color: #68791D;border: 1px solid #68791D;}
#label{margin-left:3%;}
.row{margin-bottom:2%;}
#Contact_request{color:#fff;font-size:12px;}
#Contact_request input{margin-left:3%;}
#yw0{margin-left:3%;}
input[type="submit"] {
    background: url("../images/button_submit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    height: 30px;
    width: 88px;
    margin-left:3%;
}
input[type="text"]:focus,
input[type="text"]:active{
    outline: none !important;
}
.errorMessage{margin-left:3%;color:#ff0;}
/*end of contact us*/
/*career*/
#career-news-title{ !important;}

#link1:hover{background-color:#414911;}
#link1-title{color:#fff;}
#link1 a{margin-left:2%;}
#link1 a{text-decoration:none;color:#fff;font-size:14px;-webkit-text-size-adjust:100%;}
#page-1, #page-2, #page-3, #page-4{background-color:#7F9222;padding:3% 0;border-top:1px solid #99AE27;border-bottom:1px solid #414A11;}
#carrer-news-detail li{width:55%;color:#fff;text-align:left;font-size:12px;-webkit-text-size-adjust:100%;padding-left:2%;}
#career-news-title{
    margin-bottom: 20px;
}
#career-news-title a{
    color:#fff;
    text-decoration:none;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;}
@media only screen and (max-width: 40em){
    #career-news-title a{
        text-align: center;
    }
}

#content span{color:#fff;padding-left:4%;font-size:14px;}
.form {
    border-top:1px solid #99AE27;
}
#Career_address{background-color: #68791D;border: 1px solid #68791D;}

#yw0_button{color:#fff; text-decoration:none;}
/*end of career*/
/*testimony*/
.askcust{text-align:left !important;}
/*end of testimony*/
/*methodology*/
.Methodology h1, .Methodology p {margin-left:19% !important;width:95% !important;}
.Custom_Development{margin-left:11% !important; width:95% !important;}
/*.Methodology{margin-left:19% !important;width:95% !important;}*/
/*end of methodology*/
/*end of content*/
}


@media screen and (min-width:481px) and (max-width:768px){

}

@media screen and (min-width:769px) and (max-width:1024px){

}

/*Pace Loading Bar*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 3px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 5px;
  right: 15px;
  width: 20px;
  height: 20px;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/*Pace Loading Bar */


/* ini css dari file style-1.css header*/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
.no-js .shared_header {
    visibility: visible;
}
.shared_header .logo {
    background: url(/content/images/logo.png) no-repeat 0 -214px;
    display: block;
    width: 234px;
    height: 49px;
    text-indent: -999em;
    margin: 0 auto;
    position: relative;
}
.body-dark .shared_header .logo {
    background-position: 0 -289px;
}
.shared_header .global-nav {
    height: 16px;
    margin-top: 0;
    position: relative;
}
.shared_header .nav-link-set, .shared_header .subnav-link-set {
    height: 16px;
    float: left;
    position: relative;
    left: 45%;
    margin-top: 2px;
}
.shared_header .nav-link, .shared_header .subnav-link {
    display: inline;
}
.shared_header .nav-link-a, .shared_header .subnav-link-a {
    color: #fff;
    border-left: 1px solid #eaebeb;
    display: block;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    float: left;
    position: relative;
    right: 50%;
    line-height: 1.5;
    padding: 0 15px;
    -webkit-transition: all .25s .1s linear;
    -moz-transition: all .25s .1s linear;
    -o-transition: all .25s .1s linear;
    transition: all .25s .1s linear;
    text-decoration: none;
    height: 20px;
    cursor: pointer;
}
.zh-cn .shared_header .nav-link-a, .zh-cn .shared_header .subnav-link-a, .zh-hk .shared_header .nav-link-a, .zh-hk .shared_header .subnav-link-a, .zh-tw .shared_header .nav-link-a, .zh-tw .shared_header .subnav-link-a {
    font-weight: 400;
}
.body-dark .shared_header .nav-link-a {
    color: #fff;
    border-color: #ccc;
    border-color: rgba(255, 255, 255, .3);
}
.shared_header .nav-link-hover .nav-link-a, .shared_header .nav-link-selected .nav-link-a {
}
.nav-link-a:hover {
    background-color: #73841E;
}
.body-dark .shared_header .nav-link-hover .nav-link-a, .body-dark .shared_header .nav-link-selected .nav-link-a {
    color: #999;
    color: #ff0;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
}
.shared_header .nav-link:first-child .nav-link-a {
    border-left: 0;
}
.shared_header .subnav {
    display: none;
    position: absolute;
    left: -100%!important;
    top: 16px;
    width: 200%!important;
    z-index: 2;
}
.shared_header .nav-link-selected .subnav {
    display: block;
}
.shared_header .subnav-link-container {
    margin-left: -400px;
    border-bottom: 1px solid #ACC334;
    height: 1%;
    overflow: hidden;
    width: 100%!important;
    padding-top: 12px;
}
.shared_header .subnav-link-set {
    height: 30px;
}
.shared_header .subnav-link-a {
    color: #FFF;
    border: 0;
    padding: 0 10px;
    margin-right: 5px;
    margin-top: 5px;
}
.shared_header .subnav-link-thousand-times-yes .subnav-link-a {
    opacity: 1;
    overflow: hidden;
    text-indent: -999em;
    width: 92px;
}
.shared_header .subnav-link-thousand-times-yes .subnav-link-a:hover {
    opacity: 1!important;
}
.body-dark .shared_header .subnav-link-thousand-times-yes .subnav-link-a {
    background: url(/content/images/shared_header.png) no-repeat 4px -45px!important;
}
.shared_header .subnav-link-selected.subnav-link-thousand-times-yes .subnav-link-a {
    background: #efcfd2 url(/content/images/shared_header.png) no-repeat 4px -45px!important;
    opacity: 1!important;
}
.body-dark .shared_header .subnav-link-a {
    color: #FFF;
}
.shared_header .subnav-link-a:hover {
    background-color: #73841E;
}
.body-dark .shared_header .subnav-link-a:hover {
    color: #FF0;
}
.shared_header .subnav-link-selected .subnav-link-a {
    background: #eee;
    background: rgba(0, 0, 0, .06);
}
.body-dark .shared_header .subnav-link-selected .subnav-link-a {
    background: rgba(255, 255, 255, .12);
}
.shared_header .subnav-link-selected .subnav-link-a:hover {
    color: #999;
}
.shared_header .accent {
    border-bottom: 1px solid red;
    position: absolute;
    width: 0;
    height: 7px;
}
.shared_header .accent-left {
    left: 0;
}
.shared_header .accent-right {
    right: 0;
}
#navi {
    margin-top: 18px;
}

@media only screen and (min-device-width :760px) and (max-device-width :1000px) and (orientation :portrait) {
    .shared_header .nav-link-a, .shared_header .subnav-link-a {
   padding: 0 12px;
    right: 68%!important;
    right: 69%;

}
}
@media screen and (min-width:768px) and (max-width:1000px) {
    .shared_header .nav-link-a, .shared_header .subnav-link-a {
    padding: 0 10px!important;
    right: 68%!important;
     right: 68%!important;
    right: 69%;
}
}
/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 1.1rem; }
  ul.no-bullet {
    margin-left: 0;
    list-style-type: none;}
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }


.row-grid:before,
.row-grid:after {
    content: " ";
    display: table;
}
.row-grid:after {
    clear: both;
}

/*======================================
=            Header section            =
======================================*/
@media only screen and (min-width: 64.063em) {
  .logo{
    float: left;
  }
  .navigation{
    float: right;
  }

}


@media only screen and (min-width: 64.063em) {
  #menu-mobile{
    display: none;
  }
}

@media only screen and (max-width: 64em) {
  #search{
    margin-top: 15px;
    margin-right: 10px;
  }
}

/*-----  End of Header section  ------*/



/*======================================
=            Footer section            =
======================================*/
.footer{
    padding-top: 15px;
}
.footer a,
.footer p {
    font-size: 14px;
}
    .grid-5{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    @media only screen and (min-width: 64.063em) {
        .grid-5{
            width: 20%;
            float: left;
        }
        .grid-5--collapse{
            padding-left: 0;
            padding-right: 0;
        }
    }
.footer-list{
    margin-bottom: 0;
    margin-left: 0;
    line-height: 1.333;
}
.footer-list > li > a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}
.footer-list > li > a:hover{
    color: #222;
    text-shadow: 1px 1px 1px #222222;
}
    .footer-list__heading{
        margin-top: 10px;
    }
    .footer-list__heading:first-child{
        margin-top: 0px;
    }
    .footer-list__heading a{
        font-size: 18px !important;
    }

.inline-list{
    margin-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.inline-list > li {
    display: inline;
}
.inline-list > li,
.inline-list > li > a{
    display: inline-block;
    display:inline-block;
   *display:inline;
    zoom:1;
}


@media only screen and (max-width: 1024px) {
    .footer-grid{
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #61720E;
    }
}

/*-----  End of Footer section  ------*/


/*================================================
=            Home Animated Background            =
================================================*/
#content{
    max-width: 1920px;
}
/*-----  End of Home Animated Background  ------*/