@font-face {
	font-family: 'open_sansextrabold';
	src: url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
		 url('fonts/opensans-extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
		 url('fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body{ position: relative; width: 100%; height: 100%; font-family: 'open_sansregular'; color: #000; font-size: 14px; line-height: 1; background: #fff; }
body.open-mobile-menu { overflow-y: hidden; }
body.open-annc header .upper-nav { height: 100%; visibility: visible; padding: 8px 0; background-color: #39b54a; color: #fff; font-size: 16px; font-family: 'open_sanssemibold'; }
body.open-annc header .upper-nav.failed { background-color: #ed1c24; }
header .upper-nav { width: 100%; height: 0; visibility: hidden; }
header .upper-nav .close-annc { position: absolute; right: 20px; top: 2px; background-image: url('images/close-w.svg'); width: 11px; height: 11px; cursor: pointer; }
header .sticky-wrapper { position: fixed; z-index: 993; width: 100%; }

header .main-nav { width: 100%; background: #fff; font-family: 'open_sansbold'; font-size: 14px; letter-spacing: 0.5px; transition: all .5s; -webkit-transition: all .5s; padding: 10px 0; }
header .main-nav .nav-menu { margin: 0; }
header .main-nav .nav-menu li { margin: 0 20px; }
header .main-nav .client li { margin: 0; }

header .wrapper { display: table; width: 100%; position: relative; }
header .wrapper > div { display: table-cell; vertical-align: middle; }
header .wrapper .left, header .wrapper .right { width: 25%; }
header .wrapper .center { width: 50%; }
header .wrapper .nav { padding: 0; list-style: none; }

header .mobile { background: url('images/mobile.png') no-repeat right; cursor: pointer; width: 20px; height: 20px; }
body.open-mobile-menu header .mobile { background: url('images/mobile-close.png') no-repeat right; cursor: pointer; width: 20px; height: 20px; }

@media (max-width: 991px){
	header .main-nav { padding: 20px 0; }
	body header .table .table-cell:first-child { width: 75%; }
	body header .table .nav { margin-bottom: 0; }
	body header .logo img { height: 50px; }
}

header span.search { background-image:url('images/search.png'); width: 17px; height: 17px; background-repeat: no-repeat; display: inline-block; position: relative; top: 4px; cursor: pointer; padding: 0 !important; }
header a { color: #636363; padding: 32px 0; }
header .nav-menu a:hover, header .nav-menu a.active { color: #010101; border-bottom: 3px solid #f7921e; }
header .client a, header .client a:hover { color: #f7921e; padding: 0; border-bottom: 0; }
body.open-mobile-menu header a { color: #636363; }

#mobile-menu { background: #fff; padding: 0 0 40px; height: 100%; width: 100%; z-index: 10; -webkit-transition: all .3s; transition: all .3s; position: fixed; left: -100%; overflow-y: auto; }
#mobile-menu ul { font-family: 'open_sansbold'; font-size: 14px; }
#mobile-menu ul li { margin-bottom: 30px; border-bottom: 1px solid #ebebeb; }
#mobile-menu ul > li:last-child { margin-bottom: 0; border-bottom: none; }
#mobile-menu ul li a{ display: inline-block; padding-bottom: 30px; border-bottom: 3px solid transparent; }
#mobile-menu ul li a:hover { color: #535454; border-bottom: 3px solid #f7921e; }

.open-mobile-menu #mobile-menu { left: 0; }

@media(max-width: 991px){
	header .wrapper .nav { margin: 0; }
	header .wrapper > div { padding: 10px 0; }
	body.open-mobile-menu #mobile-menu { top: 90px; height: calc(100% - 90px); }
}

@media(max-width: 767px){
	body { font-size: 12px; }
}

/* GENERAL + FONT */
.cover{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.inlineb { display: inline-block; }
.posrel { position: relative; }
.youtubevid{ position: relative; max-height: 450px; }
.videobutton{ position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; transform: translateX(-50%) translateY(-50%); cursor: pointer; background: url('images/video_button.png') no-repeat 0 0; z-index: 1;}
.btn { background: #fff; color: #f7921e; font-family: 'open_sansbold'; }
.btn:hover, .btn:focus { background: #f7921e; color: #fff; }
@media(max-width: 767px){
	.btn { font-size: 12px; }
}

.btn-cancel, .btn-cancel:hover { color: #000; border: 0; background: none; text-transform: none; box-shadow: none; }
.btn-loading, .btn-loading:hover{ background-image: url('images/loader.gif'); background-repeat: no-repeat; background-position: center; color: transparent; }

h1 { font-family: 'open_sansbold'; font-size: 60px; line-height: 1.3; color: #000; }
h2 { font-family: 'open_sansbold'; font-size: 24px; line-height: 1.3; color: #000; }
h3 { font-family: 'open_sansextrabold'; font-size: 20px; line-height: 1.2; color: #000; }
h4 { font-family: 'open_sanssemibold'; font-size: 16px; line-height: 1.6; color: #000; }

@media (max-width: 767px){
	h1 { font-size: 30px; }
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	h4 { font-size: 14px; }
}

a.glink { font-family: 'open_sansbold'; font-size: 12px; }
a.glink:hover { color: #000; text-decoration: underline; }

.active { color: #000; }
.white { color: #fff; }
.cgreen { color: #39b54a; }
.cred { color: #f00; }
.cgrey { color: #666; }
.underline:hover { text-decoration: underline; }
.bg-black { background-color: #252525; padding: 40px 0; }

@media(max-width: 991px){
	.container-fluid { padding: 0 20px; }
}

#map1 iframe{ width: 100%; height: 285px; }
.separation { border-bottom: 1px solid #4c4b4b; }
.page-wrapper{ -webkit-transition: all .5s; transition: all .5s; }
.form-updated { font-size: 12px; color: #f00; }
.description{ word-break: all; word-break: break-word; word-wrap: break-word; line-height: 1.8; }
.description img { max-width: 100%; height: auto; }
.description ol, .description ul{ margin: 0; padding: 0; list-style: disc; list-style-position: inside; }
.description ol.none, .description ul.none { list-style: none; }
.description ol li, .description ul li { position: relative; }
.description strong { font-family: 'open_sansbold'; font-size: 14px; color: #000; }
.description a { color: #000; }
.description a:hover { color: #000; text-decoration: underline; }

.banner { position: relative; height: 500px; font-family: 'open_sanssemibold	'; }
.banner .caption { text-align: center; position: absolute; width: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.banner .desc { font-size: 16px; line-height: 1.8; }

@media (max-width: 991px){ 
	.banner { height: 300px; }
	.separation { margin: 20px 0; }
}

@media (max-width: 767px){ 
	.banner { height: 300px; }
}

.content { padding-top: 88px; }
body.open-annc .content { padding-top: 120px; }

.home-slider{ position: relative; height: 500px; font-family: 'open_sanssemibold'; margin-bottom: 10px; }
.home-slider .owl-nav > div { position: absolute; top: 50%; width: 26px; height: 45px; background-repeat: no-repeat; background-position: 0 0; text-indent: -100%; overflow: hidden; transform: translateY(-50%); }
.home-slider .owl-prev { background-image: url('images/caro-left.png'); left: 10px; }
.home-slider .owl-prev:hover { background-image: url('images/caro-left-hover.png'); }
.home-slider .owl-next { background-image: url('images/caro-right.png'); right: 10px; }
.home-slider .owl-next:hover { background-image: url('images/caro-right-hover.png'); }

.home-slider .owl-carousel, 
.home-slider .owl-carousel .owl-stage-outer, 
.home-slider .owl-carousel .owl-stage, 
.home-slider .owl-carousel .owl-item, 
.home-slider .item { 
	height: 100%;
}

.home-slider .owl-carousel .owl-item { opacity: 0.5; }
.home-slider .owl-carousel .owl-item.active { opacity: 1; }
.home-slider .caption { position: absolute; width: 80%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; }
.home-slider .caption .desc { font-size: 16px; line-height: 1.8; }
.home-slider .caption .btn { background-color: transparent; color: #fff; border-color: #fff; box-shadow: 5px 5px 0 0 #fff; margin-top: 30px; }

.home-slider .owl-dots { position: absolute; width: 100%; bottom: 25px; text-align: center; }
.home-slider .owl-dots .owl-dot.bg-dot { display: inline-block; margin: 0 5px; }
.home-slider .owl-dots .owl-dot.bg-dot span { display: inline-block; width: 40px; height: 2px; background-color: #e1e1e1; }
.home-slider .owl-dots .owl-dot.bg-dot.active span { background-color: #f7921e; }

.news-slider { margin-top: 90px; }
.news-slider .owl-nav > div { position: absolute; top: 50%; width: 26px; height: 45px; background-repeat: no-repeat; background-position: 0 0; text-indent: -100%; overflow: hidden; transform: translateY(-50%); }
.news-slider .owl-prev { background-image: url('images/caro-left-hover.png'); left: -10px; }
.news-slider .owl-prev:hover { background-image: url('images/caro-left-hover.png'); }
.news-slider .owl-next { background-image: url('images/caro-right-hover.png'); right: -10px; }
.news-slider .owl-next:hover { background-image: url('images/caro-right-hover.png'); }

@media (max-width: 991px){
	.content { padding-top: 88px; }
	.home-slider{ height: 350px }
}

@media (max-width: 767px){
	.home-slider{ height: 300px }
	.home-slider .caption h1 { margin-bottom: 10px; }
	.home-slider .caption .desc { font-size: 11px; }
	.home-slider .caption .btn { margin-top: 15px; }
	.home-slider .owl-dots .owl-dot.bg-dot span { width: 15px; height: 2px; }
	.news-slider { margin-top: 40px; text-align: center; }
	.news-slider .item { padding: 0 25px; }
}

.page-box, .page-category { margin: 0 0 10px; position: relative; }
.page-box .container-fluid, .page-category .container-fluid { padding: 0; }
.page-box .row { margin: 0; }
.page-box .row > div { padding: 0; margin: 0 5px; }

.page-box .overlay { position: absolute; width: 50%; height: 100%; bottom: 0; right: 0; background-color: rgba(0,0,0,0.8); }
.page-box .caption, .page-category .caption { position: absolute; width: 100%; bottom: 0; padding: 0 50px 50px; }
.page-box .caption h3, .page-category .caption h3 { margin-bottom: 20px; }
.page-box .caption .desc, .page-category .caption .desc { font-size: 14px; line-height: 1.8; }
.page-box .caption .btn, .page-category .caption .btn { background-color: transparent; color: #fff; border-color: #fff; margin-top: 30px; }
.page-box .caption .btn:hover, .page-category .caption .btn { background-color: #fff; color: #000; }
.page-category .caption .desc { max-height: 0; opacity: 0; visibility: hidden; transition: all 0.5s; }
.page-category a:hover .caption .desc { opacity: 1; visibility: visible; max-height: 300px; transition: max-height 1s; }
.page-category .overlay { position: absolute; width: 100%; height: 100%; bottom: 0; right: 0; background-color: rgba(0,0,0,0); }
.page-category a:hover .overlay { background-color: rgba(0,0,0,0.7); }

.page-category-service h2 { margin-bottom: 70px; }
.page-category-service .description { margin-bottom: 80px; }
.page-category-service-list .page-box-category { margin-bottom: 10px; }

@media (max-width: 991px) {
	.page-box { margin: 20px 0 0; }
}

@media (max-width: 767px){
	.page-category, .page-category .row { margin: 0; }
	.page-category .row > div { padding: 0; }
	.page-box-category { margin-bottom: 20px; }	
	.page-box-category:last-child { margin-bottom: 0; }
	.page-box-category > div { position: relative; }
	.page-box .row > div { margin: 0 0 20px; }
	.page-box-item { margin: 0 0 20px; width: 100%; }
	.page-box .cover { height: 270px; }
	.page-box-category .caption { padding: 0 20px 40px; }
	.page-box .caption .desc, .page-box-category .caption .desc { font-size: 11px; }
	.page-box .caption .btn, .page-box-category .caption .btn { margin-top: 15px; }
	.page-box .overlay { width: 100%; }
}
@media (min-width: 768px) {
	.page-category .row { margin: 0; }
	.page-category .row > div { padding: 0; }
	
	.page-box-category { margin-bottom: 10px; }
	.page-box-category > div { margin: 0 5px; position: relative; }
	
	.page-box-item:nth-child(2n+1) { width: calc(33.33% - 10px); margin-right: 5px; }
	.page-box-item:nth-child(2n+2) { width: calc(66.66% - 10px); margin-left: 5px; }
}

/* PAGE ABOUT + BLANK + CUSTOM */
.page-fullwidth-about { width: 100%; padding: 135px 300px 0; }
.page-fullwidth-about h2 { margin-bottom: 50px; }

.home-about { padding: 0 200px; text-align: center; }
.home-about .btn { margin-top: 35px; }
.about-pic { margin: 135px 0; }
.about-pic .cover { margin-bottom: 20px; }

.full-50 { padding: 0; margin-bottom: 10px; }
.full-50-item { margin-bottom: 0; }
.full-50-item .caption { margin: 40px 0; line-height: 1.8; }
.full-50-item h3 { margin-bottom: 5px; }
.full-50-item { width: calc(50% - 5px); }
.full-50-item:nth-child(2n+1) { margin-right: 5px; clear: left; }
.full-50-item:nth-child(2n+2) { margin-left: 5px; }

@media(max-width: 767px){
	.home-about { padding: 0 50px; }
	.home-about .btn { margin-top: 15px; }
	.page-fullwidth-about { padding: 30px 20px;}
	.page-fullwidth-about h2 { margin-bottom: 20px; }
}

@media (min-width: 768px) {
	.full-50 { width: calc(50% - 5px); }
	.full-50:nth-child(2n+1) { margin-right: 5px; clear: left; }
	.full-50:nth-child(2n+2) { margin-left: 5px; }
}

/* TABLE TYPE */
.table { display: table; width: 100%; }
.table-row { display: table-row; }
.table-cell { display: table-cell; vertical-align: middle; width: 50%; }
.table-cell-33 { display: table-cell; vertical-align: bottom; width: 33%; }
.table-cell.text { padding-left: 80px; padding-right: 80px; }

.table-about { margin-top: 135px; }
.table-about .table-cell:nth-child(1) { padding-right: 80px; }
.table-about .table-cell:nth-child(2) { padding-left: 80px; }

.table-about-2 { margin-bottom: 70px; }
.table-about-2:last-child { margin-bottom: 0; }
.table-about-2 .table-cell:nth-child(1) { width: 180px; }
.table-about-2 .table-cell:nth-child(2) { width: calc(100% - 180px); }

.page-div { margin: 90px 0; }
.page-div-content { margin-top: 70px; margin-bottom: 70px; position: relative; }

@media (max-width: 991px){
	.page-div-content, .page-div, .page-div-instagram { margin-top: 40px; }
	.page-div-content { margin-bottom: 40px; }
	.page-div { margin-bottom: 40px; }
}

@media (max-width: 767px) {
	.table-about .table-cell { display: block; width: 100%; }
	.table-about .table-cell:nth-child(1) { padding-right: 0px; }
	.table-about .table-cell:nth-child(2) { padding-left: 0px; }
	.table-cell.text { padding: 30px 20px !important; }
	.table-about-2 .table-cell { display: block; width: 100% !important; margin-bottom: 10px; text-align: center; }
}

/* NEWS */
.news-item { margin-bottom: 80px; }
.news-item:nth-child(4n+1) { clear: left; }

/* SERVICE + TESTI */
.testi-list { margin-top: 80px; }
.testi-item { margin-bottom: 80px; }
.testi-item:nth-child(4n+1) { clear: left; }

/* CONTACT */
.form-contact { margin-top: 80px; }
@media(max-width: 767px){
	.contact-detail { margin-bottom: 60px; }
}

/* ACCOUNT */
.acct-menu li { margin: 0 0 25px; font-size: 16px; font-family: 'open_sansregular'; }
.acct-menu li a.active, .acct-menu li a:hover { font-family: 'open_sansbold'; }
.acc-side { position: relative; }
.acc-div { max-width: 100%; margin-bottom: 60px; }
.acc-div p { margin-bottom: 25px; }
.acc-content { position: relative; }
.acc-content .acc-div:last-child { margin-bottom: 0; }
.acc-content .acc-btn { position: absolute; top: 0; right: 20px; }
.acc-content .acc-btn .btn { padding-right: 25px; padding-left: 25px; }
.acc-content .acc-btn .cancel { font-family: 'latobold'; font-size: 12px; text-align: right; position: relative; top: 8px; }
.acc-content a { font-size: 12px; }
.acc-content .table-wrapper { margin-bottom: 25px; clear: left; line-height: 1.8; }
.acc-content .table-wrapper > div { display: inline-block; float: left; }
.acc-content .table-wrapper > div:first-child { width: 180px; font-family: 'open_sanssemibold'; }
.acc-content .table-wrapper > div:nth-child(2) { width: 15px; }
.acc-content .table-wrapper > div:nth-child(3) { width: calc(100% - 180px - 15px); margin-bottom: 25px; }
.acc-filter { min-height: 40px; }
.acc-filter label { margin-bottom: 0; }
.acc-filter .custom-select .replacement { height: 24px; line-height: 24px; }
.acc-filter .form-control { height: 24px; }
.acc-filter .form-control.search { height: 38px; padding-right: 14px; background-image: url('images/search.png'); background-repeat: no-repeat; background-position: 100% 75%; }
.acc-filter .search:after { position: absolute; right: 0;  }
.acc-filter .dpfrom:after { position: absolute; content: 'Date'; font-family: 'open_sanssemibold'; bottom: 3px; left: -36px; }
.acc-filter .dpto:after { position: absolute; content: '—'; font-family: 'open_sanssemibold'; bottom: 3px; left: -28px; }

@media (max-width: 991px) {
	.acc-filter .dpfrom:after, .acc-filter .dpto:after { content: ''; }
	.acc-filter .row > div { margin-bottom: 20px; }
}
@media (max-width: 767px) {
	.acc-content { margin-top: 60px; }
}

.back-share { margin-top: 80px; }
.sosmed-share { margin-top: 0; text-align: right; }
.sosmed-share li { margin-left: 20px; }
.sosmed-share span{ display: inline-block; height: 20px; background-repeat: no-repeat; background-image: url('images/sosmed-share.png'); }
.sosmed-share span:hover { background-image: url('images/sosmed-share-hover.png'); }
.sosmed-share span.fb, .sosmed-share span.fb:hover { width: 12px; background-position: 0 0; }
.sosmed-share span.tw, .sosmed-share span.tw:hover { width: 24px; background-position: -33px 0; }
.sosmed-share span.gp, .sosmed-share span.gp:hover { width: 30px; background-position: -78px 0; }
.sosmed-share span.linked, .sosmed-share span.linked:hover { width: 21px; background-position: -129px 0; }

@media (max-width: 767px) {
	.back-link { text-align: center; }
	.sosmed-share { text-align: center; margin-top: 20px; }
}

/* CUSTOM SELECT + CHECKBOX + RADIO */
.custom-select { position: relative; cursor: pointer; text-align: left; display: block; vertical-align: middle; }
.custom-select .replacement { color: #000; width: 100%; height: 38px; background: #fff; padding: 0 12px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; font-size: 14px; letter-spacing: 0.5px; line-height: 38px; border: none; text-align: left; border-bottom: 1px solid; }
.custom-select .replacement:after { position: absolute; content: ''; top: 50%; margin-top: -3px; left: calc(100% - 13px); width: 13px; height: 8px; background: url('images/select-opt.png') no-repeat 0 0; }
.custom-select select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; filter: alpha(opacity=0); -webkit-appearance: none; cursor: pointer; }
.custom-select .replacement.error { border-color: #f00; }

.custom-select-opt { display: inline-block; }
.custom-select-opt .replacement { font-family: 'latoregular'; height: auto; padding: 0 18px 0 5px; line-height: inherit; border: 0; font-size: 14px; color: #452b15; }
.custom-select-opt .replacement:after { right: 1px; width: 13px; height: 9px; background: url('images/select-opt.png') no-repeat 0 0; }

.ccheckbox input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.ccheckbox input[type="checkbox"].css-checkbox + label.css-label {
  padding-left: 20px;
  display: inline-block;
  line-height: 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  font-family: 'latoregular';
  font-size: 12px;
  letter-spacing: 0.1px;
  font-weight: normal;
  background-position: 0 center;
}
.ccheckbox input[type="checkbox"].css-checkbox:checked + label.css-label {
  background-image: url('images/ccheck-checked.png');
}
.ccheckbox label.css-label {
  background-image: url('images/ccheck.png');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ccheckbox input[type="checkbox"].css-checkbox + label.css-label a { color: #535454; }
.ccheckbox input[type="checkbox"].css-checkbox + label.css-label a:hover { color: #535454; }

.form-radio .cradio { padding-top: 10px; }
.cradio input[type="radio"].css-radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.cradio input[type="radio"].css-radio + label.css-label {
  padding-left: 20px;
  display: inline-block;
  line-height: 14px;
  background-repeat: no-repeat;
  background-position: 0 0px;
  vertical-align: middle;
  cursor: pointer;
  font-family: 'latoregular';
  font-size: 12px;
  letter-spacing: 0.1px;
}
.cradio input[type="radio"].css-radio:checked + label.css-label {
  background-image: url('images/cradio-checked.png');
}
.cradio label.css-label {
  background-image:url('images/cradio.png');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cradio input[type="radio"].css-radio + label.css-label a { color: #452b15; }
.cradio input[type="radio"].css-radio + label.css-label a:hover { color: #452b15; }
form .cradio label span { font-family: 'latoregular'; color: #452b15; line-height: 1.8; }

/* PAGINATION */
.pagination { font-family: 'open_sanssemibold'; font-size: 14px; color: #535454; -webkit-padding-start: 0; }
.pagination > * { margin-right: 12px; display: inline-block; }
.pagination strong, .pagination a:hover, .pagination a:hover span{ color: #000; } 

.paging .nav { list-style: none; font-family: 'open_sanssemibold'; font-size: 14px; color: #535454; -webkit-padding-start: 0; }
.paging li { margin: 0 12px; display: inline-block; }

/* FORM */
form label { font-size: 14px; font-family: 'open_sanssemibold'; margin-bottom: 10px; letter-spacing: 0.5px; }
form label span { color: #535454; }
.form-text { font-family: 'latolight'; }
.form-text a { font-family: 'open_sanssemibold'; }
.form-error  { color: #ff0000; font-size: 12px; margin-top: 10px; }
.form-control.error { border-color: #ff0000; }
.form-hide { display: none; }
.half-form-group { margin-bottom: 20px; min-height: 1px; }

/* FOOTER */
footer { background: #ebebeb; padding: 50px 0; font-size: 16px; font-family: 'open_sanssemibold'; }

.footer-bottom { background: #252525; padding: 60px 0; color: #c0bebe; font-family: 'open_sanssemibold'; font-size: 12px; }
.footer-bottom  .sosmed { text-align: right; }
.footer-bottom  .sosmed li { margin-left: 15px;}
.footer-bottom  .sosmed li:first-child { margin-left: 0; }
.footer-bottom  .sosmed span, .contact-detail .sosmed span { display: inline-block; height: 23px; background-repeat: no-repeat; background-image: url('images/sosmed.png'); }
.footer-bottom  .sosmed span:hover { display: inline-block; height: 23px; background-repeat: no-repeat; background-image: url('images/sosmed-hover-w.png'); }
.contact-detail .sosmed span:hover { background-image: url('images/sosmed-hover-o.png'); }
.footer-bottom  .sosmed span.fb, .contact-detail .sosmed span.fb  { width: 11px; background-position: 0 0; }
.footer-bottom  .sosmed span.tw, .footer-bottom  .sosmed span.tw:hover, .contact-detail .sosmed span.tw, .contact-detail .sosmed span.tw:hover { width: 23px; background-position: -34px 0; }
.footer-bottom  .sosmed span.inst, .footer-bottom  .sosmed span.inst:hover, .contact-detail .sosmed span.inst, .contact-detail .sosmed span.inst:hover { width: 23px; background-position: -78px 0; }
.footer-bottom  .sosmed span.linkedin, .footer-bottom  .sosmed span.linkedin:hover, .contact-detail .sosmed span.linkedin, .contact-detail .sosmed span.linkedin:hover { width: 23px; background-position: -120px 0; }

.footer-bottom-2 { margin-top: 55px; }
.footer-bottom-2 .copyright { font-size: 12px; font-family: 'open_sansregular'; }
.footer-bottom-2 .copyright-right { text-align: right; }
.footer-bottom-2 .nav-menu { margin: 0 0 55px; font-size: 12px; font-family: 'open_sansbold'; }
.footer-bottom-2 .nav-menu li { margin-left: 35px; }
.footer-bottom-2 .nav-menu li:first-child { margin-left: 0; }
.footer-bottom-2 .client { text-align: right; }
.footer-bottom-2 .client a, .footer-bottom-2 .client a:hover, .footer-bottom .client a, .footer-bottom .client a:hover, #mobile-menu .client a, #mobile-menu .client a:hover { color: #f7921e; }
.footer-bottom-2 a, .footer-bottom a { color: #c0bebe; }
.footer-bottom-2 a:hover, .footer-bottom a:hover { color: #fff; }

@media(max-width: 991px) {
	.footer-bottom { padding-bottom: 40px; }
	.footer-bottom-2 { margin-top: 20px; }
}

@media(max-width: 767px){
	footer { padding: 30px 0 30px; }
	.footer-bottom .sosmed { text-align: center; margin-top: 45px; }
	.footer-bottom  .sosmed li { margin-left: 20px; } 
	.footer-bottom-2 .copyright { text-align: center; }
	.footer-bottom .client { margin-bottom: 30px; }
	.footer-bottom .nav-menu > div { margin-bottom: 20px; }
	.footer-bottom .nav-menu > div:nth-child(3n+1) { text-align: left; }
	.footer-bottom .nav-menu > div:nth-child(2n) { text-align: right; }
}

/* 404 */
.page-404 { text-align: center;}
.page-404 h2 { margin-bottom: 30px; }
.page-404 .wrapper { display: table; width: 100%; height: 100%; padding-left: 20px; padding-right: 20px; }
.page-404 .wrapper > div { display: table-cell; vertical-align: middle; padding-top: 100px; padding-bottom: 100px; }
.page-404 .logo { margin-bottom: 35px; }
.page-404 .logo img { max-width: 100%; }

/* TABLE ORDER */
.table-order { display: table; width: 100%; font-size: 12px; letter-spacing: 0.5px; margin-bottom: 40px; line-height: 2; border-collapse: collapse; }
.table-order a { font-size: 12px; }
.table-order .table-head { border-bottom: 1px solid #d7d7d7; }
.table-order > div { display: table-row; padding: 10px 0; }
.table-order > div > div { display: table-cell; vertical-align: top; padding: 7px 0; }
.table-order > div > div:first-child { text-align: left; }
.table-order > div:first-child > div { padding-top: 0; }

.table-order .right { text-align: right; }
.table-order > div > div > div { display: table; width: 100%; }
.table-order > div > div > div > div { display: table-cell; vertical-align: top; padding-right: 20px; }
.table-order > div > div > div > div:last-child { padding-right: 0; }
.table-head > div > div > div { font-family: 'open_sanssemibold'; font-size: 16px; }

.table-order .date { width: 120px; }
.table-order .price, .table-order .pay, .table-order .ship { width: 110px; }
.table-order .order-cancel { font-size: 12px; color: #f00; margin-left: 15px; }
.table-order .status { display: none; }
.table-order .download, .table-order .upload { position: relative; display: inline-block; width: 13px; height: 14px; margin-right: 10px; top: 2px; }
.table-order .download { background-image: url('images/download-b.svg'); }
.table-order .download-g { background-image: url('images/download-g.svg'); }
.table-order a.disabled, .table-order a.disabled:hover { color: #d7d7d7; }
.table-order .upload { background-image: url('images/upload-b.svg'); }
.table-order .upload-g { background-image: url('images/upload-g.svg'); }

@media (max-width: 991px){
	.table-order { display: block; text-align: left; font-size: 14px; }
	.table-order a { font-size: 14px; }
	.table-order > div { display: table; width: 100%; border-bottom: 1px solid #d7d7d7; padding: 20px 0; }
	.table-order > div:last-child { border-bottom: 0; }
	.table-order > div:nth-child(2) > div { padding-top: 0; }
	.table-order > div > div > div { display: block; }
	.table-order > div > div > div > div { display: block; padding-right: 0; }
	.table-order .right { width: 60%; }
	.table-order .date, .table-order .price, .table-order .pay, .table-order .ship { width: 100%; }
	.table-order .date { text-align: left; }
	.table-order .pay, .table-order .ship { display: none; }
	.table-order .status { display: block; }
}

@media (max-width: 991px){
	.table-order .status  a { font-size: 11px; }
}

/* POPUP */
.pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9991; padding: 65px 0; overflow: scroll; }
.open-pop .pop { display: block; }
.pop--tab { display: table; width: 100%;  height: 100%; }
.pop--tab > div { display: table-cell; vertical-align: middle; }
.pop--wrapper { position: relative; width: 650px; background: #fff; padding: 45px 50px 35px; margin-left: auto; margin-right: auto; }
.pop--wrapper2 { position: relative; width: 80%; background: #fff; padding: 65px 20px; margin-left: auto; margin-right: auto; }
.pop--close { position: absolute; top: 16px; right: 12px; width: 10px; height: 10px; background: url('images/close.svg') no-repeat 0 0; cursor: pointer; }
.pop .btn-pop-cancel { display: inline-block; }
.pop .btn-cancel { padding: 0; min-width: 0; }
.closepop2 { float: right; cursor: pointer; padding: 0 30px !important; height: 1.4em; }

@media (max-width: 767px) {
  .pop--wrapper, .pop--wrapper2 { width: 100%; }
  .pop--wrapper .btn-cancel2 { margin-top: 10px; }
  .pop .btn { display: block; width: 100%; }
}

.question { background: url('images/question.svg') no-repeat center; width: 12px; height: 12px; display: inline-block; margin-left: 5px; background-size: cover; position: relative; top: 2px; cursor: pointer; }
.note-popup { position: absolute; background: beige; padding: 10px; right: 0; top: 150%; display: none; }
.question:hover .note-popup { display: block; }