/*
	Author : Aris Haryanto

*/

@font-face {
    font-family: 'museo_slab500';
    src: url('assets/fonts/museo_slab-webfont.eot');
    src: url('assets/fonts/fonts/museo_slab-webfont.eotd41d.html?#iefix') format('embedded-opentype'),
         url('assets/fonts/fonts/museo_slab-webfont.woff.html') format('woff'),
         url('assets/fonts/fonts/museo_slab-webfont.ttf.html') format('truetype'),
         url('assets/fonts/fonts/museo_slab-webfont.html#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab500_italic';
    src: url('assets/fonts/museo_slab_500italic-webfont.eot');
    src: url('assets/fonts/museo_slab_500italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museo_slab_500italic-webfont.woff') format('woff'),
         url('assets/fonts/museo_slab_500italic-webfont.ttf') format('truetype'),
         url('assets/fonts/museo_slab_500italic-webfont.svg#museo_slab500_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo500';
    src: url('assets/fonts/museo500-regular-webfont.eot');
    src: url('assets/fonts/museo500-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museo500-regular-webfont.woff') format('woff'),
         url('assets/fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/museo500-regular-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo700';
    src: url('assets/fonts/museo700-regular-webfont.eot');
    src: url('assets/fonts/museo700-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museo700-regular-webfont.woff') format('woff'),
         url('assets/fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('assets/fonts/museosans_500-webfont.eot');
    src: url('assets/fonts/museosans_500-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans_500-webfont.woff') format('woff'),
         url('assets/fonts/museosans_500-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500_italic';
    src: url('assets/fonts/museosans_500_italic-webfont.eot');
    src: url('assets/fonts/museosans_500_italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans_500_italic-webfont.woff') format('woff'),
         url('assets/fonts/museosans_500_italic-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans_500_italic-webfont.svg#museo_sans500_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans700';
    src: url('assets/fonts/museosans_700-webfont.eot');
    src: url('assets/fonts/museosans_700-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans_700-webfont.woff') format('woff'),
         url('assets/fonts/museosans_700-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans900';
    src: url('assets/fonts/museosans_900-webfont.eot');
    src: url('assets/fonts/museosans_900-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans_900-webfont.woff') format('woff'),
         url('assets/fonts/museosans_900-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans_900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans100';
    src: url('assets/fonts/museosans-100-webfont.eot');
    src: url('assets/fonts/museosans-100-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans-100-webfont.woff') format('woff'),
         url('assets/fonts/museosans-100-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans100_italic';
    src: url('assets/fonts/museosans-100italic-webfont.eot');
    src: url('assets/fonts/museosans-100italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans-100italic-webfont.woff') format('woff'),
         url('assets/fonts/museosans-100italic-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans-100italic-webfont.svg#museo_sans100_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans300';
    src: url('assets/fonts/museosans-300-webfont.eot');
    src: url('assets/fonts/museosans-300-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans-300-webfont.woff') format('woff'),
         url('assets/fonts/museosans-300-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans300_italic';
    src: url('assets/fonts/museosans-300italic-webfont.eot');
    src: url('assets/fonts/museosans-300italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans-300italic-webfont.woff') format('woff'),
         url('assets/fonts/museosans-300italic-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans-300italic-webfont.svg#museo_sans300_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans700_italic';
    src: url('assets/fonts/museosans-700italic-webfont.eot');
    src: url('assets/fonts/museosans-700italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans-700italic-webfont.woff') format('woff'),
         url('assets/fonts/museosans-700italic-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans-700italic-webfont.svg#museo_sans700_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans900_italic';
    src: url('assets/fonts/museosans-900italic-webfont.eot');
    src: url('assets/fonts/museosans-900italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museosans-900italic-webfont.woff') format('woff'),
         url('assets/fonts/museosans-900italic-webfont.ttf') format('truetype'),
         url('assets/fonts/museosans-900italic-webfont.svg#museo_sans900_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{
	margin: 0;
	padding: 0;
}

body{
    font-family: 'museo_sans300';
}
h3{
	margin-top: 5px;
  	margin-bottom: 5px;	
}
a{
    color: #000;
}
a:hover{
    text-decoration: none;
    color: #000;   
}
.container{
    width: 990px;
}


/*HEADER==============================================================================*/
.logo > img{
    padding-top: 15px;
}
.hidden-elm{
    display: none;
}
.block-header-right{
    text-align: right;
}
.header-lang{
    width: 500px;
    display: inline-block;
    text-align: left;
    padding-top: 10px;
/*    height: 60px;*/
    margin-bottom: 15px;
}
.block-logo-header{
    text-align: right;
}
.logo-header{
    display: inline-block;
    padding-right: 20px;
    padding-bottom: 15px;
}
.header-lang img{
	float: left;
}
.header-lang > div{
    padding: 0;
}
.header-text{
    padding-left: 10px;
    float: left;
    font-size: 11px;
}
.header-text div:last-child{
    font-size: 13px;
}
#lang_sel_list ul li{
    float: left;
    list-style: url(assets/img/arrow-text.png);
    list-style-position: inside;
    padding: 12px 10px;
    font-size: 13px;
    text-transform: uppercase;
}
#lang_sel_list ul li a{
    color: #4C4C4C;
}
#lang_sel_list ul li:hover{
    list-style: url(assets/img/arrow-text-hover.png);
    list-style-position: inside;
    background: #273A82;
    border-bottom: 4px solid #CF1F27;
    color: #FFF;
}
#lang_sel_list ul li:hover a{
    color: #FFF;
    text-decoration: none;
}
#lang_sel_list ul li.currentLang{
    list-style: url(assets/img/arrow-text-hover.png);
    list-style-position: inside;
    background: #273A82;
    border-bottom: 4px solid #CF1F27;
    color: #FFF;
}
#lang_sel_list ul li.currentLang a{
    color: #FFF;
    text-decoration: none;
}
#lang_sel_list ul{
    margin-top: -20px;
}

.block-search{
    border: 1px solid #8C8C8C;
    width: 258px;
}
.text-search{
    float: left;
    padding: 5px 5px;
    width: 220px;
}
.text-search input{
    border: none;
    width: 100%;
}
.block-search button{
    border: none;
}
.header{
      margin-top: 15px;
}



/*MENU HEADER==============================================================================*/
.navbar-default{
    background: #edbc1f; /* Old browsers */
    background: -moz-linear-gradient(top,  #edbc1f 0%, #f0a63f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edbc1f), color-stop(100%,#f0a63f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #edbc1f 0%,#f0a63f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #edbc1f 0%,#f0a63f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #edbc1f 0%,#f0a63f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #edbc1f 0%,#f0a63f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edbc1f', endColorstr='#f0a63f',GradientType=0 ); /* IE6-9 */
    border-radius: 0;
    border-bottom: 3px solid #E01000;
}
.navbar-collapse{
}
.navbar-nav{
    overflow: hidden;
    height: 40px;
}
.navbar-default .navbar-nav > li > a{
    color: #4D4D4D;
    font-family: 'museo_sans700';
    padding: 10px 31px;
    font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover{
    color: #FFF;
    background-color: #273A82;
}
.navbar{
    margin-bottom: 0;
    min-height: inherit;
}
.navbar-default .navbar-toggle {
  border-color: #E01000;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #E01000;
}
.navbar-default .navbar-toggle:hover {
    background: #E01000;
}
.navbar-default .navbar-toggle:hover .icon-bar{
    background: #FFF;
}
.navbar-default .navbar-toggle:focus {
    background: #E01000;
}
.navbar-default .navbar-toggle:focus .icon-bar{
    background: #FFF;
}
ul.navbar-nav li.dropdown:hover ul.dropdown-menu{
    display: block;
}



/*SLIDESHOW==============================================================================*/
.slideshow{
    padding-top: 15px;
    padding-bottom: 20px;
    position: relative;
}
.block-slide.cycle-slide {
    width: 100%;
}
.cycle-pager-slide{
    right: 28%;
    bottom: 18%;
}

/*BODY==============================================================================*/
.block-post{

}
.block-post .block-header{
    border-bottom: 3px solid #CF1F27;
      padding: 0px 13px;
      color: #273A82;
      font-size: 26px;
      margin-bottom: 10px;
}
.block-post ul{

}
.block-post ul li{
  list-style: url(assets/img/arrow-text.png);
  margin-left: 28px;
    padding: 7px 0px;
}
.block-post ul li a{
      color: #333333;
}

/*PAGE ABOUT US==============================================================================*/
.sidebar{

}
.block-sidebar{
    position: relative;
	min-height: 400px;
}
.block-sidebar > img{

}
.title-sidebar{
    font-family: museo_sans700;
    font-size: 22px;
    padding-top: 16px;
}
.block-sidebar ul{

}
.block-sidebar ul li{
    list-style: url(assets/img/arrow-text.png);
    margin-left: 40px;
    padding: 4px 0px;
    padding-right: 50px;
}
.block-sidebar ul li a{
    color: #000;
}
.block-sidebar ul li a:hover{
    color: #CF1F27;
    text-decoration: none;
}
.shadow-sidebar{
    position: absolute;
    right: -38px;
}


.content-layout{

}
.block-content-layout{
    padding: 35px 0px;
	text-align: justify;
  	word-wrap: break-word;
}
.title-content{
    font-size: 22px;
    border-bottom: 3px solid #E01000;
    display: inline-block;
    padding: 5px 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.block-content-layout ul{
    margin-left: 15px;
}
.block-content-layout ul li{

}
.block-content-layout ul li a{

}
.block-content-layout > img{

}


.block-content-layout table tbody tr td{
  padding: 15px 15px;
}
.block-content-layout table tbody tr td:first-child{
  background: #273A82;
    color: #FFF;
    width: 190px;
    text-align: left;
}
.block-content-layout table tbody tr td:last-child{
    background: #E5E5E5;
    color: #000;
}

.table-job-opening tr:first-child th{
    background: #FFC600 !important;
}
.table-job-opening tr td{
    background: none !important;
    color: #000 !important;
}

.table-contact tr td {
    background: none !important;
    color: #000 !important;
    padding: 8px 0px !important;
}
.table-contact .wpcf7-form-control-wrap input{
    width: 100%;
}

.wpcf7-submit{
    padding: 6px 30px;
}
.address-contact-us {
  background: #E5E5E5;
  margin-bottom: 0 !important;
  padding: 20px 0px;
}
.address-contact-us strong {
  color: #273A82;
}

.block-sidebar ul li.current_page_item > a {
  color: #D12229;
}

.rev_slider_wrapper ul{
    margin: 0;
}
.vc_images_carousel ol.vc_carousel-indicators{
    margin-bottom: -9% !important;
}
.vc_carousel-indicators li{
    background-color: #FFF !important;
}
.vc_carousel-indicators li.vc_active{
    background-color: #273A82 !important;
}







/*ACCORDION================================*/
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon{
    background-image: url(assets/img/arrow-dropdown.png) !important;
    width: 20px !important;
    height: 20px !important;
    top: 6px !important;
    right: auto !important;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon{
    background-image: url(assets/img/arrow-dropdown2.png) !important;
    width: 20px !important;
    height: 20px !important;
    top: 6px !important;
    right: auto !important;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{
    padding-left: 27px !important;
    color: #313D7F;
}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{
    background: none !important;
}


/*FOOTER==============================================================================*/
.footer{
    
}
.block-logo-footer{
    padding: 10px 0px;
    padding-bottom: 40px;  
}
.block-logo-footer img{
    float: left;
    padding-left: 15px;
}
.block-footer{
    background: #edbc1f; /* Old browsers */
    background: -moz-linear-gradient(top,  #edbc1f 0%, #f0a63f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edbc1f), color-stop(100%,#f0a63f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #edbc1f 0%,#f0a63f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #edbc1f 0%,#f0a63f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #edbc1f 0%,#f0a63f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #edbc1f 0%,#f0a63f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edbc1f', endColorstr='#f0a63f',GradientType=0 ); /* IE6-9 */
    margin-bottom: 20px;
}
.social-media{
    padding: 20px 0px;
}
.social-media > div{
    float: left;
    margin-right: 10px;
}
.social-media img{
    float: left;
    margin: 0px 3px;
}
.block-menu-footer{
/*    text-align: right;*/
      padding: 10px 0px;
}
.menu-footer{
    /*padding: 20px;*/
    float: right;
}
.menu-footer li{
    list-style: none;
    float: left;
}
.menu-footer li:first-child a{
    border-left: none;  
}
.menu-footer li a{
    border-left: 1px solid;
    padding: 0px 16px;
    color: #131313;
}
.shadow-footer{
       
}
.shadow-footer img{
    
}
.slide-latest > .cut-image{
	height: 240px;
  	overflow: hidden;
}
.content-home{
    font-size: 26px;
    font-family: 'museo_sans700';   
    height: 75px;
  overflow: hidden;
}


.logo-award > img {
  float: left;
  padding: 6px 5px;
}
.logo-award > img:last-child{
    padding-right: 18px;
}
.hide-elm-footer{
	display: none;
}
/*COSTUME ADVC PW LIST*/
.pl-date{
    display: none;
}
.pl-postmeta{
    display: none;
}
.pl-text.left-txt{
   display: none;
}
.pl-postcomment{
    display: none;
}
.pl-detailcnt > a{
    display: none !important;
}
.pl-detailcnt .pl-title a{
    color: #313D80 !important;  
}
.pl-listlayout{
    box-shadow: none !important;   
}
.pl-blogcnt{
    margin-bottom: 0 !important;
}
.pl-listlayout > div:first-child {
  display: none;
}
.pl-listlayout > div:last-child {
  width: 100% !important;
}
.pl-paginationcnt{
	margin-top: 30px;
}




.toggle-sidebar { /*
	  width: 50px;
	  height: 50px;
	  background-color: #000;*/
	  margin-top: 15px;
	  display: none;
}


.page-id-453 .block-content-layout table tbody tr td:first-child, .page-id-467 .block-content-layout table tbody tr td:first-child {
  background: none;
  color: #000;
  width: auto;
}
.page-id-453 .block-content-layout table tbody tr td:last-child, .page-id-467 .block-content-layout table tbody tr td:last-child {
  background: none;
  color: #000;
}
.page-id-453 .block-content-layout table tbody tr td, .page-id-467 .block-content-layout table tbody tr td {
  padding: 5px 3px;
}

.page-id-453 input[name="anak1"],.page-id-453 input[name="anak2"], .page-id-467 input[name="anak1"],.page-id-467 input[name="anak2"]  {
  width: 50px;
    display: inline-block;
}
table.table-keluarga {
  background-color: #EEEFF0;
}
table.table-keluarga tr:first-child td {
  background-color: #BEBEBE !important;
}
table.table-keluarga tr td {
  border: 1px solid #BEBEBE;
}
table.table-keluarga input[type="text"] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

input[name="tempat-lahir"],input[name="tempat-lahir2"],input[name="tgl-lahir"],input[name="tgl-lahir2"] {
  width: 200px;
  display: inline-block;
  margin-right: 10px;
}

/*SEMENTARA*/
/*.icl-id a{
	  pointer-events: none;
}*/

.pl-paginationcnt.pl-paging-style1 span {
  border: 1px solid #273B82 !important;
  color: #273B82 !important;
}
.pl-paginationcnt.pl-paging-style1 .pl-currentpage {
  background: #273B82 !important;
    color: #FFF !important;
}

#lang_sel_list .icl-id{
/*	display: none;*/
}
.load{
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    z-index: 999999;
    position: fixed;
    background-size: cover;
    
}
.load > img{
    display: block;
    margin-left: auto;
    margin-right: auto; 
    top: 40%;
    position: relative;
}

/*TAMBAHAN STYLE*/

.award-home > div > div > div {
    float: left;
    margin: 0 5px;
}

.popup-klogpark .ult_modal-body > .vc_row{
    padding: 20px;
}
.popup-klogpark .ult_modal-body .vc_row li{
    margin-left: 15px;
}
.title-popup {
    font-family: museo_sans900;
    font-size: 24px;
    color: #313D7F;
}
.ult-overlay-close{
    width: 30px !important;
    height: 30px !important;
}

.cq-hotspots .hotspot-item{
    position: static !important;
}
.cq-tooltip span{
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    opacity: 0;
}
.cq-hotspots .hotspot-item a{
     position: static !important;
    border: none !important;
}

.table-border > div {
    border: 1px solid #CDCDCD;
    border-right: none;
    min-height: 100px;
    text-align: center;
}
.table-border > div:last-child{
     border-right: 1px solid #CDCDCD;  
}

.table-border .vc_single_image-wrapper{
    text-align: center;
    display: block !important;
}
.table-border .vc_single_image-wrapper img{
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.shadow-footer1 {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #DDD;
}
.shadow-footer1 > div{
     margin-bottom: 0;   
}
body:not(.home) .shadow-footer1{
    display: none;
}
body.home .shadow-footer{
    display: none;
}
.block-video-home{
     margin-top: 20px;   
}

/*TOGGLE GRID*/

.toggle-sidebar > button {
  display: inline-block;
  border: none;
  background: none;
}

button span {
  display: block;
}

.grid-button {
  padding: 2rem;
  cursor: pointer;
  user-select: none;
}

.grid-button .grid {
  width: 1rem;
  height: 1rem;
  background: #DDD;
  color: #DDD;
  /* Not in use when the colors are specified below */
  transition: 0.3s;
}

.grid-button.close .grid {
  -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
  transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
}

.grid-button.rearrange .grid {
  box-shadow: -1.25rem -1.25rem, 0 -1.25rem, 1.25rem -1.25rem, -1.25rem 0, 1.25rem 0, -1.25rem 1.25rem, 0 1.25rem, 1.25rem 1.25rem;
}

.grid-button.rearrange.close .grid {
  box-shadow: 0 -1rem, 0 -2rem, 1rem 0, -2rem 0, 2rem 0, -1rem 0, 0 2rem, 0 1rem;
}

.grid-button.collapse .grid {
  box-shadow: -1.25rem 0, -1.25rem 1.25rem, 1.25rem 0, 1.25rem -1.25rem, 0 -1.25rem, -1.25rem -1.25rem, 0 1.25rem, 1.25rem 1.25rem;
}

.grid-button.collapse.close .grid {
  box-shadow: -1rem 0, 0 0 transparent, 1rem 0, 0 0 transparent, 0 -1rem, 0 0 transparent, 0 1rem, 0 0 transparent;
}
/*END OF TOGGLE GRID*/


/*=====================================NEW STYLE KLOG TRACK=====================================*/
.block-form-searh-shipment{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fafa+0,e3e3e3+100 */
    background: #f9fafa; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9fafa 0%, #e3e3e3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f9fafa 0%,#e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f9fafa 0%,#e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
    width: 100%;
    text-align: center;
    padding: 20px 15px;
    border-radius: 8px;
    border: 2px solid #CCC;
    padding-bottom: 5px;
}
.block-form-searh-shipment .form-group{
	margin-bottom: 5px;
}
.logo-track {
    padding-bottom: 5px;
}
.text-shipment{
    padding-bottom: 0px;
}
.block-form-searh-shipment .form-group label{

}
.block-form-searh-shipment .form-group input[type="text"]{

}
.g-recaptcha{
    transform: scale(0.90);
    transform-origin: -8px 0;
}
input#send {
    background-color: #56C4DF;
    border-color: #56C4DF;
}
.btn-search-ship{
    text-align: right;
}
.showresponse{
    padding: 20px;
}
.showresponse div{
    text-align: center;
}
#showpopupres .modal-content{
    overflow: hidden;
    border: none;
}
#showpopupres .modal-header {
    border-bottom: 2px solid #AD3312;
    background-color: #EBB133;
    text-align: center;
}
#showpopupres .modal-title{
    font-size: 22px;
}
.btn-login-detail{
    text-align: left;
}
#showpopupres.modal{
    background: rgba(0,0,0,0.5);
}

a.btn-seemore-home img {
    margin-bottom: 10px;
}
#formsearch{
	margin-top: -13px;
}

/*=====================================================================================*/
/*=====================================MEDIA QUERY=====================================*/
/*=====================================================================================*/

@media (max-width: 990px) {
    .container{
        width: auto;
    }
}

@media (max-width: 800px) {
    /*HEADER*/
    .navbar-default .navbar-nav > li > a{
        padding: 14px 16px;
    }
    #lang_sel_list ul li{
        padding: 12px 7px;   
    }
    .block-post ul li a{
    	font-size: 12px;
    }
    
    /*SIDEBAR*/
    .shadow-sidebar{
    	display: none;
    }
    .sidebar{
      position: absolute;
	  z-index: 9;
	  background-color: #FFF;
	  height: 100%;
	  left: -100%;
	  /*display: none;*/
	    margin-top: 70px;
    }
    .block-sidebar ul li{
    	padding-right: 0;
    }
    .toggle-sidebar {
    	display: block;
    }
    
    /*FOOTER*/
    .parent-menu-footer{
    	text-align: center;
    }
    .hide-elm-footer{
	display: block;
    }
    .block-menu-footer{
    	display: inline-block;
    }
    .footer{
      	z-index: 999;
	  position: relative;
	
	}
    
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav > li > a{
        padding: 14px 19px;
        font-size: 14px;
    }
}

@media (max-width: 765px){
	/*HEADER*/
    .logo{
        text-align: center;
    }
    .logo img{
        display: inline-block;
    }
    .hidden-elm{
        display: block;
    }
    .block-header-right{
        text-align: center;
    }
    .header-lang{
          display: inline-block;
          height: auto;
    }
    .block-search{
        display: inline-block;
    }
    #lang_sel_list ul{
        display: none;
    }
    .col-pad-home{
    	padding-bottom: 30px;
    }
    .block-logo-header {
	  text-align: center;
	}
	
    /*BODY*/
    .block-post ul li a {
	  font-size: 14px;
	}
    
    /*FOOTER*/
    .parent-social-media, .parent-menu-footer{
        text-align: center;
    }
    .parent-social-media > div, .parent-menu-footer > div{
        display: inline-block;
    }
    .parent-center-footer{
    	text-align: center;
    }
    .parent-center-footer > div{
    	display: inline-block;
    }
    .block-logo-footer{
    	 padding-bottom: 0px;
    }
    
}

    

@media (max-width: 600px) {
    /*HEADER*/
    .logo{
        text-align: center;
    }
    .logo img{
        display: inline-block;
    }
    .hidden-elm{
        display: block;
    }
    .block-header-right{
        text-align: center;
    }
    .header-lang{
          display: inline-block;
          height: auto;
    }
    .block-search{
        display: inline-block;
    }
    #lang_sel_list ul{
        display: none;
    }
    .col-pad-home{
    	padding-bottom: 30px;
    }
    .block-logo-header {
	  text-align: center;
	}
	
    /*BODY*/
    .block-post ul li a {
	  font-size: 14px;
	}
    
    /*FOOTER*/
    .parent-social-media, .parent-menu-footer{
        text-align: center;
    }
    .parent-social-media > div, .parent-menu-footer > div{
        display: inline-block;
    }
    .parent-center-footer{
    	text-align: center;
    }
    .parent-center-footer > div{
    	display: inline-block;
    }
    .block-logo-footer{
    	 padding-bottom: 0px;
    }
}
@media (max-width: 568px){

}
@media (max-width: 480px){
	.header-lang {
	  width: 100%;
	  display: inline-block;
	  text-align: left;
	  padding-top: 10px;
	  /* height: 60px; */
	}
	.logo-header{
		padding-right: 0;
		display: block;
	}
}
@media (max-width: 320px){

}

.cqtooltip-wrapper {
    float: left;
    margin: 0 auto;
    position: relative;
}