/*---------------------------------------------------------------------
                                    FONT
---------------------------------------------------------------------*/
@font-face {
  font-family: 'DBSathornMedium';
  src: url('../fonts/DBSathornMedium.eot');
  src: url('../fonts/DBSathornMedium.woff2') format('woff2'),
       url('../fonts/DBSathornMedium.woff') format('woff'),
       url('../fonts/DBSathornMedium.ttf') format('truetype'),
       url('../fonts/DBSathornMedium.svg#DBSathornMedium') format('svg'),
       url('../fonts/DBSathornMedium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PSLKandaModernExtra';
  src: url('../fonts/PSLKandaModernExtra.eot');
  src: url('../fonts/PSLKandaModernExtra.woff2') format('woff2'),
       url('../fonts/PSLKandaModernExtra.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PSLKandaModernExtraPro';
  src: url('../fonts/PSLKandaModernExtraPro.woff') format('woff'),
       url('../fonts/PSLKandaModernExtraPro.ttf') format('truetype'),
       url('../fonts/PSLKandaModernExtraPro.svg#PSLKandaModernExtraPro') format('svg');
  font-weight: normal;
  font-style: normal;
}

.hiwhey-font {
    font-family: "DBSathornMedium",sans-serif;
}
.kanda-font {
    font-family: 'PSLKandaModernExtraPro';
}


/*--------------------- FONT SIZE ----------------------*/
.title-menu {font-size:72px !important; line-height: 60px;}
.title-footer {font-size:18px !important;}
.fontsize-80 {font-size:80px !important; font-style: italic;}
.fontsize-42 {font-size:42px !important; line-height: 36px; font-style: italic;}
.fontsize-30 {font-size:30px !important; font-style: italic;}
.fontsize-24 {font-size:24px !important; font-style: italic;}

@media (max-width: 767px) {
    .title-menu{ 
        font-size:36px !important; 
        line-height:36px !important;
    }
    .fontsize-80 {
        font-size:60px !important; 
        font-style: italic;
    }
}
@media (max-width: 320px) {
    .title-menu{ 
        font-size:30px !important; 
        line-height:30px !important;
    }
    .fontsize-80 {
        font-size:48px !important; 
        font-style: italic;
    }
    .title-footer {
        font-size:12px !important;
    }
}





/*---------------------------------------------------------------------
                                    HEADER
---------------------------------------------------------------------*/
.main-header { 
	z-index: 1;
    /*padding: 20px;*/
    position: fixed;
    background-color: rgba(0,0,0,.5);
    height: 80px;
    width: 100%; 
}

.side-content-thumb span {
    position: absolute;
    margin: 10px;
    bottom: 0;
    z-index: 2;
}

.fullLogo {
	z-index: 2;
    position: relative;
	text-align: center;
	top: 50%;
    transform: translateY(-50%);
}





/*---------------------------------------------------------------------
                                    FOOTER
---------------------------------------------------------------------*/
.footer-bg { 
    background: url('images/hiwhey/footer-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}

.footer-main {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.footer-menu{
    margin-bottom: 10px;
}
.footer-menu a {
    margin: 10px 20px;
}
@media (max-width: 768px) {
    .footer-menu {
        display: none;
    }
}





/*---------------------------------------------------------------------
                                    MAIN
---------------------------------------------------------------------*/
.cd-section .main-content {
	position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    text-align: center;
}

.readmore-block {
    text-align: right;
    margin-bottom: 50px;
}

.readmore {
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 60px;
    padding: 15px 50px;
    font-size: 30px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #000;
    border-right: 10px solid #eb0029;
    cursor: pointer;
}
.readmore:hover {
    background: #fff;
}

@media (min-width: 769px) {
    .bigbanner-big {
        display: block;
    }
    .bigbanner-small {
        display: none;
    }
}
@media (max-width: 768px) {
    .bigbanner-big {
        display: none;
    }
    .bigbanner-small {
        display: block;
    }
    .readmore {
        right: 15px;
    }
}






/*---------------------------------------------------------------------
                                    PRODUCT
---------------------------------------------------------------------*/
.product-section {
    padding: 120px 0;
}

.list-2 ul:nth-of-type(1) {
  list-style-type: disc;
  color: red;
}
.list-2 ul:nth-of-type(1) span {
  color: white;
}

@media (min-width: 992px) {
    .product3-desktop {
        display: block;
    }
    .product3-mobile {
        display: none;
    }
}
@media (max-width: 991px) {
    .product3-desktop {
        display: none;
    }
    .product3-mobile {
        display: block;
    }
}

.product3-detail-list {
    margin-top: 50px;
}
.product3-detail-list {
    font-family: 'PSLKandaModernExtraPro';
    font-size: 18px;
    color: #fff;
}
.product3-detail-list span {
    font-size: 24px;
}

.detail-line {
    height: 1px;
    background-color: #e5e5e5;
    opacity: .1;
    margin: 15px 0;
}





/*---------------------------------------------------------------------
                                    CONTENT
---------------------------------------------------------------------*/
.content-read {
    position: absolute;
    z-index: 5;
    bottom: 20px;
    right: 10px;
}

.relate {
    position: relative;
    vertical-align: top;
    width: 180px;
    padding: 10px 0;
    font-size: 22px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #000;
    border-right: 10px solid #eb0029;
}

.side-content-thumb{
    margin-bottom: 30px;
    position: relative;
}

.side-content-thumb span {
    position: absolute;
    margin: 10px;
    bottom: 0;
    z-index: 2;
}

@media (max-width: 767px){
    .grid figure figcaption { opacity: 1;}
    .grid figure figcaption p { opacity: 0;}
    .grid-gallery figure img {opacity: .3;}
    .grid figure .gallery-img {background-color: #000;}
}





/*---------------------------------------------------------------------
                                    CONTACT US
---------------------------------------------------------------------*/
.contact-block {
    background-color: rgba(0,0,0,.8);
    padding: 150px 50px;
}
.contact-block-detail {
    margin-bottom: 50px;
}

@media (max-width: 1280px){
    .contact-block {
        padding: 50px;
    }
}

@media (max-width: 767px){
    .contact-block {
        padding: 20px;
    }
}