/*** FONTS ***/

@font-face {
  font-family: Roboto-Condensed-Light;
  src: url(fonts/Roboto_Condensed/RobotoCondensed-Light.ttf);
}

@font-face {
    font-family: Roboto-Condensed;
    src: url(fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf);
}

@font-face {
    font-family: Roboto-Condensed-Bold;
    src: url(fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf);
}

/*** OVERALL ***/
.only-mobile { display: none;}
.only-mobile-inline { display: none;}

@media (max-width: 991.98px) {
	.no-mobile { display:none;}
	.only-mobile { display: block;}
	.only-mobile-inline { display: inline;}
}

/*** COLORS ***/

/*** oranz: #FB7A25 */

.text-white { color: #FFF;}
.text-red { color: #E05B49;}
.text-pink { color: #FFE4DF;}
.text-green { color: #009B7A;}
.text-blue { color: #004785;}
.text-yellow { color: #f4d35e;}
.text-orange { color: #FB7A25; }

.text-light-green { color: #a8e6cf;}

.bg-white { background: #FFF;}
.bg-red { background: #E05B49;}
.bg-pink { background: #FFE4DF;}
.bg-green { background: #009B7A;}
.bg-blue { background: #004785;}
.bg-yellow { background: #f4d35e;}

.bg-light-gray { background: #F1F3F4;} /* #F1F3F4 */
.bg-light-green { background: #a8e6cf;}
.bg-light-blue { background: #76c7f0;}
.bg-light-orange { background: #fef5ef;}

.table-success {
    background: #B1F49E !important;
    -webkit-transition: background-color 0.5s ease !important;
    -ms-transition: background-color 0.5s ease !important;
    transition: background-color 0.5s ease !important;
}

.btn-success {
	background: #2a9d8f !important;
	border: 1px solid #2a9d8f;
}

.btn-success:hover {
	background: #13796d !important;
	border: 1px solid #13796d;
}

.btn-primary {
    background: #004785 !important;
	border: 1px solid #004785;
}

.btn-primary:hover {
    background: #1879ce !important;
	border: 1px solid #1879ce;
}

.btn-danger {
    background: #e63946 !important;
	border: 1px solid #e63946;
}

.btn-danger:hover {
    background: #b4202c !important;
	border: 1px solid #b4202c;
}

.btn-warning {
    background: #FB7A25;
    background: linear-gradient(179deg,rgba(251, 122, 37, 1) 0%, rgba(252, 161, 102, 1) 100%) !important;
    color: #FFF;
    border: 1px solid #FB7A25;
}

.form-check-input:checked {
    background-color: #004785;
    border-color: #004785;
}

/***HEADINGS***/
h3 { 
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 19px;
    border-bottom: 1px solid #CCC;
    text-transform: uppercase;
}

/*** IMAGE ROTATIONS ***/
.image-rotate-90 {
    transform:rotate(90deg);
}

.image-rotate-180 {
    transform:rotate(180deg);
}

.image-rotate-270 {
    transform:rotate(270deg);
}

/*** PAGE ELEMENTS ***/

/*** HEADER-MAINMENU ***/
.header-mainmenu {
    height: 60px;
    border-bottom: 1px solid #f5f5f5;
}

.header-mainmenu-left { height: 60px;}

.header-mainmenu-right {
    height: 60px;
    line-height: 60px;
    text-align: right;
}

.mainmenu-link {
    display: inline-block;
    padding: 0 8px 0 8px;
    border-right: 1px solid #CCC;
}

.mainmenu-link a:link, .mainmenu-link a:visited {
    color: #444;
    text-decoration: none;
}

.mainmenu-link a:hover {
    color: #004785;
    text-decoration: underline;
}

.mainmenu-button-mobile {
    display: none;
    font-size: 30px;
    color: #444;
}

.mainmenu-cart-text {
    padding-right: 5px;
    display: inline-block;
    color: #444;
}

.btn-mainmenu-cart {
    
}

.btn-mainmenu-cart i {
    font-size: 20px;
    color: #444;
    padding-right: 5px;
}

.btn-mainmenu-cart .badge {
    font-family: 'Roboto-Condensed', sans-serif;
    font-weight: normal;
}

/*** HEADER-MENU2 ***/
.header-menu2 { 

}

.header-menu2-left { height: 100px;line-height: 100px;}
.header-menu2-right { position: relative; height: 100px;line-height: 100px;}

.img-menu2-logo {
    /*height: 80px;*/
    height: 40px;
    width: auto;
    border: none;
}

/*
#fp_search_results {
    position: absolute;
    width: 100%;
    height: 200px;
    background: #FFF;
    border: 1px solid #CCC;
}
*/

.search-dropdown-window {
    margin-top: 39px;
    line-height: 20px;
    padding: 3px;
    width: 100%;
}

#i_search_text { display: inline;}
#i_search_loading { display: none;}

.search-product-avatar {
    width: 40px;
    height: 40px;
    border: 1px solid #CCC;
}

/*** HEADER CATEGORIES MENU ***/
.categories-menu { 
    /*background-image: linear-gradient(to right bottom, #0c534c, #105b51, #156455, #1c6c59, #24755d);*/
    background-image: linear-gradient(to right bottom, #004785, #0e589d, #196ab6, #227dcf, #2a90e9);
}

.categories-menu-link {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-transform: uppercase;
    padding: 0 10px 0 10px;
    text-decoration: none;
}


.categories-menu-link a:link, .categories-menu-link a:visited {
    color: #FFF;
    text-decoration: none;
}

.categories-menu-link:hover {
    color: #004785;
    background: #f5f5f5;
}

.categories-menu-link-mobile {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5;
}

.categories-menu-link-mobile a:link, .categories-menu-link-mobile a:visited {
    color: #004785;
    text-decoration: none;
}

.categories-menu-link-mobile i {
    padding-right: 5px;
}

.active-cat {
    color: #0c534c;
    background: #f5f5f5;
    text-decoration: underline;
}

.categories-mobile-menu-button {
    display: none;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;

    -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;

}

/*** HEADER SLIDER ***/
.header-slider {
    padding: 0;
}

.header-slider-img {
    width: 100%;
    height: 600px;
    /*height: auto;*/
    border: none;
}

@media (max-width: 991.98px) {
	.header-slider-img {
        width: 100%;
        height: 300px;
        /*height: auto;*/
        border: none;
    }
}

/*** SECTION BARGAIN ***/
.section-bargain {
    padding-top: 10px;
    background: #f5f5f5;
}

.section-bargain h5 {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 15px;
}

.section-bargain-inner {
    padding-bottom: 15px;
    /*border-bottom: 1px solid #CCC;*/
}

.section-bargain-inner h3 {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
}

.bargain-old-price {
    font-size: 15px;
    color: #CCC;
    text-decoration: line-through;
}

.bargain-new-price {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 17px;
}

.bargain-card {
    cursor: pointer;
}

.bargain-card:hover {
    border: #0c534c 1px solid;
}

/*** SECTION NEWS ***/
.section-references {
    padding-top: 10px;
    /*background: #F8FFFE;*/
    background: #FFF;
}

.section-references-right {
    padding-right: 21px;
}

.reference-thumb-conteiner {
    padding: 0 3px 3px 0;
}

.img-reference-thumb {
    width: 100%;

    filter: brightness(0.8);
    -webkit-filter: brightness(0.8);
    -moz-filter: brightness(0.8);
    -o-filter: brightness(0.8);
    -ms-filter: brightness(0.8);

    cursor: pointer;
}

.img-reference-thumb:hover {
    filter: brightness(1);
    -webkit-filter: brightness(1);
    -moz-filter: brightness(1);
    -o-filter: brightness(1);
    -ms-filter: brightness(1);
}

/*** SECTION CONTACT ***/
.section-contact {
    padding-top: 10px;
}

.section-contact-left {
    padding: 0 10px 0 10px;
}

.section-contact-middle {
    padding: 0 10px 0 10px;
}

.section-contact-middle textarea {
    min-height: 150px !important;
}

.section-contact-row {
    display: block;
}

.section-contact-row img {
    width: 180px;
    height: auto;
}

.section-contact-row-name {
    display: block;
    padding-top: 20px;
}

.section-contact-row-code {
    display: block;
    padding: 2px 0 2px 10px;
    font-size: 14px;
    color: #666;
}

.section-contact-row-address {
    display: block;
    padding: 10px 0 2px 10px;
    font-size: 14px;
    color: #666;
}

.section-contact-row-address2 {
    display: block;
    padding: 2px 0 2px 29px;
    font-size: 14px;
    color: #666;
}

.section-contact-row-phone {
    display: block;
    padding: 10px 0 2px 10px;
    font-size: 14px;
    color: #666;
}

.section-contact-row-email {
    display: block;
    padding: 10px 0 2px 10px;
    font-size: 14px;
    color: #666;
}

.section-contact-left i {
    color: #222;
    padding-right: 5px;
}

.section-contact-row-view {
    display: block;
    padding: 40px 10px 0 0;
}

.section-contact-row-view img {
    width: 100%;
    height: auto;
    border: none;
}

/*** SECTION LOGOS ***/
.section-logos {
    padding-bottom: 20px;
    line-height: 60px;
}

.section-logos img {
    height: 40px;
    padding-right: 10px;
    width: auto;
    border: none;

    filter: grayscale(100%);

    cursor: pointer;
}

.section-logos img:hover {
    filter: grayscale(0%);
}

/*** SECTION FOOTER ***/
.section-footer {
    color: #FFF;
    font-size: 13px;

    /*background-image: linear-gradient(to right bottom, #0c534c, #105b51, #156455, #1c6c59, #24755d);*/
    background-image: linear-gradient(to right bottom, #008ec8, #0386bd, #057eb2, #0777a8, #086f9d);
}

.section-footer h6 {
    text-decoration: underline;
}

.section-footer p {
    text-align: justify;
    padding-right: 50px;
    font-size: 14px;
}

.footer-menu-link {
    display: block;
    height: 18px;
    line-height: 18px;
}

.footer-menu-link a:link, .footer-menu-link a:visited {
    color: #FFF;
    text-decoration: none;
}

.footer-menu-link a:hover {
    text-decoration: underline;
}

.footer-menu-link i {
    padding-right: 3px;
    font-size: 12px;
    color: #FFF;
}

.footer-menu-link a:hover i {
    color: #de1e35;
}

.social-media-button {
    font-size: 25px;
    padding-right: 10px;
}

.social-media-button a:link, .social-media-button a:visited {
    color: #FFF;
    text-decoration: none;
}

.social-media-button a:hover {
    color: #E7FEFE;
}

/*** FOOTER 2 ***/
.section-footer-2 {
    height: 50px;
    font-size: 13px;
    line-height: 50px;
    text-align: center;
}

/*** BODY ***/

body {
    font-family: 'Roboto-Condensed', sans-serif;
    color: #444;
    background: #FFF;
}

/*** PAGE PRODUCTS ***/
.page-product-section-content {
    padding-top: 10px;
    padding-bottom: 20px;
}

/*** SIDE CATEGORIES MENU ***/
.side-categories-menu {
    padding: 5px;
    border: 1px solid #CCC;
}

.side-categories-menu-heading {
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #FFF;
}

.side-menu-main-cat-button {
    position: relative;
    display: block;
    padding: 3px 0 3px 3px;
    width: 100%;
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 16px;
    cursor: pointer;
}

.cat-button-arrow {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 0;
    right: 0;
}

.list-group {
    border: none;
}

.list-group-item {
    padding: 4px 0 4px 7px;
    font-size: 14px;
    border: none;
}

.list-group-item a:link, .list-group-item a:visited {
    color: #000;
    text-decoration: none;
}

.list-group-item a:hover {
    color: #237598;
}

.form-check-label {
    cursor: pointer;
}

.list-group-item .badge {
    background: #DB9192;
    /*background: #176656;*/
    color: #FFF;
    font-size: 12px;
}

.no-subcat-info {
    font-size: 12px;
    color: #CCC;
}

.info-text-product-question {
    padding-right: 50px;
}

.card-extra-img {
    cursor: pointer;
    border: 1px solid #CCC;
}

.card-extra-img:hover {
    cursor: pointer;
    border: 1px solid #237598;
}

#modal_gallery {
    min-height: 200px;
}

#modal_gallery_image {
    width: 100%;
    height: auto;
    border: none;
}

.modal_callery_next {
    position: absolute;
    display: block;
    top: calc(50% - 25px);
    right: 0px;
    width: 40px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    color: #666;
    font-size: 23px;
    text-align: center;
    
    background: #FFF;
    
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.modal_callery_next:hover {
    color: #000;
    background: #f5f5f5;
}

.modal_callery_prev {
    position: absolute;
    display: block;
    top: calc(50% - 25px);
    left: 0px;
    width: 40px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    color: #666;
    font-size: 23px;
    text-align: center;
    background: #FFF;
    
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal_callery_prev:hover {
    color: #000;
    background: #f5f5f5;
}

.modal_callery_close {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    color: #666;
    font-size: 23px;
    text-align: center;
    padding-top: 0px;
    background: #FFF;
    border-bottom-left-radius: 3px;
}

.modal_callery_close:hover {
    color: #000;
    background: #f5f5f5;
}

/**********************/

.content-inner h5 {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 15px;
}

.content-inner {
    padding-bottom: 15px;
    /*border-bottom: 1px solid #CCC;*/
}

.content-inner h3 {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
}

/*
.bargain-old-price {
    font-size: 15px;
    color: #CCC;
    text-decoration: line-through;
}

.bargain-new-price {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 17px;
}

.bargain-card {
    cursor: pointer;
}

.bargain-card:hover {
    border: #0c534c 1px solid;
}
*/

/*** PAGE PRODUCT ***/
.fp-cat-product-results {
    padding-top: 10px;
}

.breadcrumb {
    border-bottom: 1px solid #CCC;
}

.breadcrumb-item {
    padding: 0;
    font-size: 12px;
}

.breadcrumb-item a:link, .breadcrumb-item a:visited {
    color: #237598;
}

.breadcrumb-item a:hover {
    color: #0095AB;
    text-decoration: underline;
}

.product-row1 {
    padding-top: 20px;
}

.product-avatar-image {
    width: 90%;
    height: auto;
    margin-bottom: 10px;
    cursor: pointer;
}

.product-avatar-image-small {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    cursor: pointer;
}

.product-extra-image {
    width: 100%;
    cursor: pointer;
}

.page-product-inner h1 {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 28px;
}

.product-code {
    display: block;
    padding: 10px 0 10px 0;
    font-size: 16px;
}

.product-short-desc {
    display: block;
    padding-bottom: 20px;
}

.product-short-desc p {
    margin: 0;
}

.product-old-price {
    color: #CCC;
    font-size: 18px;
    text-decoration: line-through;
}

.product-price {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 26px;
}

.product-no-price {
    font-size: 14px;
    color: #888;
}

.product-add-to-cart-form {
    padding-top: 20px;
    max-width: 280px;
}

.product-extra-info {
    padding-top: 40px;
}

.product-extra-info .tab-content {
    background: #f5f5f5;
}

.product-extra-info .nav-link {
    color: #237598;
}

.product-extra-info .nav-link.active {
    color: red;
    background: #f5f5f5;
}

.product-long-desc {
    display: block;
    min-height: 200px;
    padding: 20px 10px 20px 10px;
}

.product-long-desc p {
    margin: 0;
}

.product-media-files {
    padding: 20px 20px 20px 10px;
}

.product-ask-question {
    min-height: 200px;
    padding: 20px 0 20px 20px;
}

#inp_product_question {
    min-height: 100px;
}

.product-ask-question .input-group-text {
    width: 40px;
}

.product-info-sheet-buttons {
    display: block;
    margin-top: 30px;
}

.product-page-related-products {
    padding-top: 40px;
}

.product-page-related-products h6 {
    padding-bottom: 0px;
}

.product-page-related-products h5 {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 15px;
}

#text_btn_pdf_dl { display: inline;}
#text_btn_pdf_loading { display: none;}

/*** PAGE STATIC ***/
.page-static {
    padding: 20px 50px 40px 50px;  
}

.page-static h1 {
    padding-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
}

.static-info-text {
    font-size: 15px;
}

.static-info-text p {
    margin: 0;
}

.static-info-text h6 {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 17px;
    padding-bottom: 0px;

}

/*** PAGE PORTOFOLIO ***/
.portofolio-left-col {
    min-height: 50vh;
    border-right: 1px solid #CCC;
}

.portofolio-name-overlay {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: auto;
    padding: 10px;
    background-color: rgb(255,255,255, 0.75);
    /*transform: skewY(-1.5deg);*/
    text-align: center;
}

.portofolio-card a:link, .portofolio-card a:visited {
    color: #444;
}

.portofolio-details-avatar {
    max-width: 100%;
    max-height: 900px;
    border-radius: 5px;
    border: 1px solid #CCC;
}

.portofolio-details-h2 {
    padding: 0;
    font-size: 22px;
    border-bottom: 1px solid #f5f5f5;
}

.portofolio-details-h2 i {
    font-size: 18px;
    padding-right: 5px;
}

.portofolio-details-h2 a:link, .portofolio-details-h2 a:visited {
    color: #237598;
}

.portofolio-details-h2 a:hover {
    color: #163b4b;
}

/*** PAGE CONTACT ***/
.page-contact {
    padding: 20px 50px 40px 50px;  
}

.page-contact h1 {
    padding-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
}

.contact-card .card-title {
    font-size: 18px;
    color: #0c534c;
    /*border-bottom: 1px solid #f5f5f5;*/
}

.contact-card i {
    color: #237598;
}

.contact-card .card-text {
    
    font-size: 15px;
    color: #666;
    border-bottom: 1px solid #f5f5f5;
}

.contact-card .card-text a:link, .contact-card .card-text a:visited {
    color: #0c534c;
}

/*** CART ***/

.cart-loading-row {
    height: 50px;
    line-height: 50px;
}

.cart-loading-row .loading-text {
    color: #888;
}

.cart-product-avatar {
    width: 80px;
    height: 80px;
    border: 1px solid #CCC;
}

.btn-cart-remove {
    color: #CCC;
    cursor: pointer;
    padding-right: 5px;
}

.btn-cart-remove:hover {
    color: red;
}

#modal_cart_confirm i {
    padding-right: 5px;
}

#modal_cart_confirm .input-group-text {
    width: 100px;
}

#inp_cart_customer_comment {
    min-height: 150px;
}

#btn_confirm_regular_text {
    display: inline-block;
}

#btn_confirm_loading_text {
    display: none;
    text-align: left;
}