button {
    outline: 0;
    border: 0;
}


/*=========
    Frame
*=========*/

/* Side Menu */
.ir-side-menu{
    display: flex;
    flex-flow: column;
    position: fixed;
    width: 209px;
/*    height: calc(100vh - 196px);*/
    height: 100vh;
    background-color: white;
    box-shadow: 2px 0 2px lightgrey;
    text-align: center;
    z-index: 999;
}

.logo{
    margin-top: 51px;
    margin-bottom: 62px;
}

.ir-side-menu ul li{
    height: 58px;
    position: relative;
}
.ir-side-menu ul li a{
    line-height: 58px;
    font-size: 18px;
    color: #4D4D4D;
    display: block;
    transition: all 0.3s;
}

.ir-side-menu ul li .subMenu {
    display: none;
    position: absolute;
    top: 0px;
    left: 209px;
    z-index: 1;
    width: 100%;
    background: white;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16);
}

.ir-side-menu ul.subMenu li a{
    font-size: 16px;
}

.ir-side-menu ul li .subMenu li{
    border-bottom: 1px solid rgba(48, 169, 222, 0.16);
}



.ir-side-menu ul li a:hover{
    background-color: rgba(0,137,211,0.2);
/*    background-color: #0089D3; */
}

.linkBox{
    text-align: left;
    margin-top: auto;
    margin-bottom: 20px;
    padding-left: 24px;
}

.linkBox a{
    display: flex;
    font-size: 13px;
    line-height: 43px;
    color: black;
    align-items: center;
}

.linkBox img{
    margin-right: 16px;
}

.linkBox > div:nth-child(2){
    margin-top: 20px;
}

.linkBox > div:last-child{
    display: inline-block;
    margin-top: 16px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.linkBox > div:last-child a{
    display: block;
    background-color: #A7AAAD;
    font-size: 14px;
    font-weight: bold;
    color: white;
    width: 156px;
    height: 41px;
    text-align: center;
}

/* Conatiner */
.ir-container{
/*    min-height: calc(100vh - 196px);*/
    margin-left: 209px;
    min-width: 1200px;
}

.ir-wrap{
    margin: 0 auto;
    width: 1200px;
/*
    border-left: 2px solid red;
    border-right: 2px solid red;
*/
}

.ir-box{
    display: inline-block;
    float: left;
}

/* Footer */
footer{
    height: 196px;
    background-color: #272727;
    margin-left: 209px;
    min-width: 1200px;
}

section::after{
    display: block;
    content: '';
    clear: both;
}

.wrap{
    min-height: calc(100vh - 196px);
}

/* ================
    Default
*================*/

.ir-t-box{
    position: relative;
    height: 100px;
    
}

.ir-t-box > div{
    height: 76px;
    position: absolute;
}

.ir-t-box > div{
    width: 413px;
}

.ir-tm-box{
    position: relative;
    height: 78px;
    width: 369px;
}

.ir-tm-box > div{
    height: 56px;
    position: absolute;
}

.ir-tm-box > div{
    width: 347px;
}

.ir-ts-box{
    position: relative;
    height: 78px;
    width: 369px;
}

.ir-tl-box{
    position: relative;
    height: 78px;
    width: 420px;
}

.ir-txl-box{
    position: relative;
    height: 78px;
    width: 460px;
}

.ir-ts-box > div, .ir-tl-box > div,
.ir-txl-box > div{
    height: 56px;
    position: absolute;
}

.ir-ts-box > div{
    width: 303px;
}

.ir-tl-box > div{
    width: 395px;
}

.ir-txl-box > div{
    width: 442px;
}

.ir-t-box > div:first-child
, .ir-tm-box > div:first-child
, .ir-ts-box > div:first-child
, .ir-tl-box > div:first-child
, .ir-txl-box > div:first-child{
    background-color: #BFBFBF;
    top: 10px;
    left: 16px;
}

.ir-t-box > div:last-child,
.ir-tm-box > div:last-child,
.ir-ts-box > div:last-child,
.ir-tl-box > div:last-child,
.ir-txl-box > div:last-child{
    background-color: #2E75BB;
    text-align: left;
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 76px;
}

.ir-t-box > div:last-child{
    padding-left: 28px;
}

.ir-tm-box > div:last-child,
.ir-ts-box > div:last-child,
.ir-tl-box > div:last-child,
.ir-txl-box > div:last-child{
    text-align: center;
    line-height: 56px;
}

.emphasis, .emphasis-b{
    font-size: 20px;
    font-weight: bold;
}

.emphasis{
    color: black;
}

.emphasis-b{
    color: #2E75BB; 
}

.ir-p-menu{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.ir-p-menu a{
    text-align: center;
}

.ir-p-menu .emphasis{
    font-size: 19px;
}

.ir-p-menu > div{
    -webkit-transform: translateY(88px);
    -ms-transform: translateY(88px);
    -o-transform: translateY(88px);
    transform: translateY(88px);
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.ir-p-menu > div:hover{
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.ir-p-menu > div:nth-child(2){
    margin-left: 42px;
    margin-right: 42px;
}

.ir-top-b{
    background: #929292 url(../images/vision/bg_top_vision.png) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 211px;
}

.ir-top-b h2{
    color: white;
    font-size: 40px;
}

.bt-vision{
    background: #929292 url(../images/vision/bg_top_vision.png) no-repeat;
}

.bt-history{
    background: #929292 url(../images/history/bg_top_history.png) no-repeat;
}

.bt-business{
    background: #929292 url(../images/business/bg_top_business.png) no-repeat;
}

.bt-fa{
    background: #929292 url(../images/fa/bg_top_fa.png) no-repeat;
}

.bt-product{
    background: #929292 url(../images/product/bg_top_product.png) no-repeat;
}

.bt-efau15{
    background: #929292 url(../images/product/bg_top_efau15.png) no-repeat;
}

.bt-efau30{
    background: #929292 url(../images/product/bg_top_efau30.png) no-repeat;
}

.bt-ef4a{
    background: #929292 url(../images/product/bg_top_ef4a.png) no-repeat;
}

.bt-download{
    background: #929292 url(../images/download/bg_top_download.png) no-repeat;
}


footer{
    display: flex;
    justify-content: center;
    align-items: center;
}

footer p{
    font-size: 14px;
    color: white;
    line-height: 24px;
    width: 600px;
}

footer > div{
    margin-left: 32px;
}

.ws{
    padding-left: 18px;
}

.ir-b-title, .ir-p-title{
    border-left: 4px solid #006DD9;
    padding-left: 24px;
/*    height: 50px;*/
}

.ir-b-title p{
    font-size: 14px;
    font-weight: bold;
    color: #006DD9;
    padding-top: 10px;
}

.ir-p-title{
    margin-top: 42px;
}

.ir-p-title h4, .ir-p-content h4{
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.ir-p-title p, .ir-p-content p{
    font-size: 15px;
    color: black;
    padding-top: 10px;
}

.ir-p-content p{
    line-height: 28px;
}

.ir-b-title p span{
    font-size: 25px;
    color: #5A5A5A;
}

.ir-b-content, .ir-p-content{
    border-left: 4px solid #AAAAAA;
    padding-left: 24px;
    margin-top: 42px;
}

.ir-b-content h4{
    font-size: 18px;
    font-weight: 400;
    color: #006DD9;
}

.ir-b-content  > h4:nth-of-type(2), .ir-b-content > h4:nth-of-type(3){
    padding-top: 62px;
}

.ir-b-content p{
    font-size: 13px;
    color: black;
    padding-top: 10px;
}

.ir-p-content{
    height: 356px;
    display: flex;
    flex-flow: column;
}

.ir-p-content > div:nth-child(2){
    margin-top: auto;
}

/* ================
    End Default
*================*/

/* ================
    Color
*================*/

.lightgray{
    background-color: #EFEFEF;
}

.gray{
    background-color: #DFE3E6;
}

/* ================
    End Color
*================*/

/* ================
    Margin
*================*/

.m-top-30{
    margin-top: 30px;
}

.m-top-50{
    margin-top: 50px;
}

.m-top-120{
    margin-top: 120px;
}

.m-left-88{
    margin-left: 88px;
}

.m-left-160{
    margin-left: 160px;
}

/* ================
    End  Margin
*================*/


/* ================
    Padding
*================*/

.p-top-60{
    padding-top: 60px;
}

.p-top-100{
    padding-top: 100px;
}

.p-top-120{
    padding-top: 120px;
}

.p-bottom-160{
    padding-bottom: 160px;
}

/* ================
    End Padding
*================*/


/* ================
    Main 
*================*/

.ld-video{
    display: inline-block;
    float: left;
}

.ld-video video{
/*    width: 510px;*/
    height: 331px;
    border:3px solid #707070;
}

.ir-main-t{
    padding-top: 40px;
}

.ir-s-menu{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 100px;
}

.ir-s-menu a{
    opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.ir-s-menu a:hover{
    opacity: .5;   
}

.ir-s-menu > div {
    position: relative;
}

.ir-s-menu p{
    position: absolute;
    bottom: 16px;
    left: 26px;
}

.ir-s-menu p .emphasis {
    padding-right: 12px;
}

/* ================
    End Main 
*================*/


/* ================
    Vision 
*================*/

.ir-fl{
    padding-top: 160px;
    padding-bottom: 160px;
}

.ir-fl > div{
    float: left;
}

.ir-fl > div:first-child{
    max-width: 522px;
}

.ir-fl > div:last-child{
    max-width: 678px;
    padding-left: 88px;
}

.ir-fl::after{
    content: "";
    clear: both;
    display: block;
}

/* ================
    End Vision 
*================*/



/* ================
    History 
*================*/

.h-emp{
    color: #2E75BB;
    font-size: 17px;
}

.ir-auth{
    padding-top: 160px;
    padding-bottom: 160px;
}

.ir-auth img{
    margin-top: 24px;
}

.ir-auth > div{
    display: flex;
    justify-content: center;
    align-items: center;  
}

.ir-auth > div:nth-child(1) > div:nth-child(2){
    margin-left: 86px;
    margin-right: 86px;
}

.ir-auth > div:nth-child(2){
    margin-top: 104px;
}

.ir-auth > div:nth-child(2) > div:nth-child(2){
    margin-left: 58px;
    margin-right: 58px;
}

.ir-auth > div:nth-child(2) > div:nth-child(3){
    margin-right: 58px;
}

.ce-title{
    display: flex;
    justify-content: center;
    align-items: center; 
    background: transparent url(../images/history/bg_title.png) no-repeat;
    background-size: 193px 36px;
}

.ce-title p{
    font-size: 15px;
    color: white;
}

/* ================
    End History 
*================*/



/* ================
    Business 
*================*/

.ir-business, .ir-business-r{
    padding-bottom: 74px;
    padding-top: 74px;
}

.ir-business > div, .ir-business-r > div{
    width: 600px;
    float: left;
}

.ir-business > div:nth-child(2) > div{
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 257px;
    padding-left: 34px;
}

.ir-business > div:nth-child(1){
    text-align: right;
    padding-right: 34px;
}

.ir-business-r > div:nth-child(1){
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    height: 257px;
    padding-right: 34px;
}

.ir-business-r > div:nth-child(2){
    padding-left: 34px;
}

.ir-business h4, .ir-business-r h4{
    font-size: 18px;
    font-weight: bold;
    color: #5A5A5A;
}

.ir-business-r h4{
    text-align: right;
}

.ir-business p, .ir-business-r p{
    font-size: 13px;
    color: #5A5A5A;
    margin-top: 24px;
}

.ir-business-r p{
    text-align: right
}


/* ================
    End Business 
*================*/



/* ================
    F.A
*================*/

.ir-fa{
    padding-top: 160px;
/*    padding-bottom: 160px;*/
    text-align: center;
}

.ir-fa > div{
    display: flex;
    align-items: center;
}

.ir-fa p{
    font-size: 13px;
    margin-left: 34px;
    line-height: 78px;
}

.ir-fa img{
    margin-top: 24px;
}

/* ================
    End F.A
*================*/



/* ================
    Product
*================*/

.ir-product{
    padding-top: 160px;
    padding-bottom: 160px;
}

.pr-intro{
    margin: 0 auto;
    background: transparent url(../images/product/bg_product_intro.png) no-repeat;
    background-size: 1200px 190px;
    width: 1200px;
    height: 190px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.pr-intro > div{
    height: 190px;
    width: 658px;
    display: inline-block;
    padding-top: 20px;
}

.pr-intro > div > div{
    text-align: center;
}

.pr-intro > div > div:nth-child(2) p{
    font-size: 13px;
    color: black;
    line-height: 26px;
    margin-top: 12px;
}

.pr-intro2 > div{
    float: left;
    margin-top: 120px;
}

.pr-intro2 > div:nth-child(2){
    padding-left: 164px
}

.pr-b-title p{
    font-size: 14px;
    font-weight: bold;
    color: #006DD9;
    padding-top: 10px;
}

.pr-b-title p span{
    font-size: 25px;
    color: #5A5A5A;
}

.rolling-pd{
    position: relative;
    width: 631px;
    height: 230px;
    padding: 0;
    overflow: hidden;
    margin-top: 34px;
}

.rolling-pd ul{
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.rolling-pd ul li{
    width: 631px;
    height: 230px;
    float: left;
    margin: 0;
    padding: 0;
}

.slide-box{
    display: flex;
    align-items: center;
    margin-top: 34px;
}

.slide-pd{
    width: 206px;
    height: 230px;
    overflow: hidden;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
}

.slide-pd ul{
    width: 824px;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    font-size: 0;
}

.slide-pd ul li{
    float: left;
}

#back, #next{
    width: 40px;
    height: 40px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 22px;
    padding-bottom: 22px;
    max-width: 100%; 
    height: auto;
    cursor: pointer;
}

.ir-3d{
    padding-top: 70px;
    padding-bottom: 70px;
}

.ir-3d > div:nth-child(2){
    display: flex;
    justify-content: space-around;
    margin-top: 34px; 
}

.ir-ib{
    padding-top: 70px;
    padding-bottom: 70px;
}

.ir-ib > img{
    float: left;
    max-width: 360px;
}
.ir-ib > div{
    padding-left: 64px;
    float: left;
    padding-top: 34px;
    max-width: 840px;
}

.pb1, .pb2, .pb3{
    width: 476px;
    height: 73px;
}

.pb1{
    background: transparent url(../images/product/boxtitle1.png) no-repeat;   
}

.pb2{
    background: transparent url(../images/product/boxtitle2.png) no-repeat;   
}

.pb3{
    background: transparent url(../images/product/boxtitle3.png) no-repeat;   
}

.pb1 p, .pb2 p, .pb3 p{
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding-left: 104px;
    line-height: 73px;
}

.ir-top-bg-p-efau15, .ir-top-bg-p-efau30, .ir-top-bg-p-ef4a{
    width: 100%;
    min-width: 1200px;
    height: 304px;
}

.ir-top-bg-p-efau15{
    background: transparent url(../images/product/efau-15/bg_efau15.png) no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.ir-top-bg-p-efau30{
    background: transparent url(../images/product/efau-30/bg_efau30.png) no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.ir-top-bg-p-ef4a{
    background: transparent url(../images/product/ef4a/bg_ef4a.png) no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.ir-pi-wrap{
    padding-top: 64px;
    padding-bottom: 64px;
}

.ir-pi > div{
    width: 600px;
    float: left;
}

.ir-pi > div:first-child{
    padding-top: 60px;
    padding-right: 40px;
}

.ir-pi .ir-pi-i{
    display: flex;
    justify-content: space-around;
}

.ir-pi .ir-pi-i > div{
    text-align: center;
}

.ir-pi .ir-pi-i p{
    font-size: 20px;
    font-weight: bold;
}

.ir-pi .ir-pi-d{
    margin-top: 64px;
    display: flex;
    justify-content: space-around;
}

.download-box div{
    color: black;
    font-size: 10px;
    padding-left: 44px;
    width: 117px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
}

.download-box div:nth-child(1){
    background: transparent url(../images/product/2ddown.png) no-repeat;
    background-size: 100% 100%;
}

.download-box div:nth-child(2){
    background: transparent url(../images/product/3ddown.png) no-repeat;
    background-size: 100% 100%;
}

.ir-spec{
    background-color: #CBCBCB;
    height: 32px;
    width: 286px;
    margin-top: 8px;
}

.ir-spec span{
    display: inline-block;
    text-align: center;
    height: 32px;
    width: 139px;
    font-size: 14px;
    line-height: 32px;
}

.ir-spec span:first-child{
    background-color: #2E75BB;
    font-weight: bold;
    color: white;
    border-bottom-right-radius: 36px;
    border-top-right-radius: 36px;
}

.ir-spec span:last-child{
    color: black;
}

/* ================
    End Product
*================*/



/* ================
    Download
*================*/

.ir-box-download{
    width: 1200px;
    padding-top: 120px;
    padding-bottom: 120px;
}

.ir-box-download > div{
    width: 100%;
    height: 50px;
    background-color: #007EC9;
    color: white;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.ir-box-download ul li a{
    height: 50px;
    display: block;
    position: relative;
    margin-top: 1px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

.ir-box-download > ul li{
    background-color: #0A639A;
}

.ir-box-download > ul li > ul li{
    background-color: #3E9ED8;
}

.ir-box-download > ul li > ul li > ul li{
    background-color: #87C1E5;
}

.ir-box-download > ul li > ul li > ul li > ul li{
    background-color: #a9cee5;
}

.ir-box-download ul li a.tg .ic-ar,
.ir-box-download ul li a.tgs .ic-ar{
    position: absolute;
    width: 15px;
    height: 15px;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: inline-block;
    background: transparent url(../images/download/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform-origin: 7.5px 0px;
}

.ir-box-download ul li a.tg.open .ic-ar,
.ir-box-download ul li a.tgs.open .ic-ar{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}



/* ================
    End Download
*================*/


















/*============================================
    1. Home One / 1.1 Header Area
*=============================================*/
.header-area {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-area.sticky-header {
    box-shadow: 0px 7px 16px -5px rgba(166, 127, 88, 0.1);
}

.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}

.logo a {
    display: inline-block;
}

.logo a img {
    max-width: 100%;
    max-height: 50px;
}

@media (max-width: 767px) {
    .logo a img {
    max-width: 100%;
    max-height: 40px;
    }
}

.main-menu nav ul {
    text-align: center;
}

.main-menu nav ul li {
    display: inline-block;
    position: relative;
}

.main-menu nav ul li a {
    display: block;
    font-size: 25px;
    font-weight: bold;
    color: #0075D9;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 32px 25px;
    position: relative;
    z-index: 1;
}

.im-ap{
    padding: 4px 25px !important;
}
/*
.main-menu nav>ul>li>a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 38%;
    z-index: -1;
    height: 10px;
    width: 0%;
    background: #a68059;
    opacity: 0.2;
    -webkit-transition: all 0.3s cubic-bezier(0.26, 0.93, 0.82, 0.24) 0s;
    -o-transition: all 0.3s cubic-bezier(0.26, 0.93, 0.82, 0.24) 0s;
    transition: all 0.3s cubic-bezier(0.26, 0.93, 0.82, 0.24) 0s;
}

.main-menu nav>ul>li.active>a:before,
.main-menu nav>ul>li:hover>a:before {
    width: 80%;
}
*/

.main-menu nav .submenu {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 210px;
    box-shadow: 0px 7px 16px -5px rgba(166, 127, 88, 0.1);
    border-radius: 0px 0px 10px 6px;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-menu nav ul li:hover>.submenu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.main-menu nav .submenu li {
    display: block;
    text-align: left;
}

.main-menu nav .submenu li a {
    padding: 9px 15px;
    position: relative;
}

.main-menu nav .submenu li a:hover {
    padding-left: 20px;
}

.main-menu nav .submenu li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    height: 1px;
    width: 0;
    background-color: #a68059;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-menu nav .submenu li.active>a:before,
.main-menu nav .submenu li:hover>a:before {
    width: 15px;
}

.slicknav_menu .slicknav_menutxt {
    display: none;
}

.slicknav_menu {
    background: transparent;
    margin-top: 21px;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #1072CE;
    height: 2px;
    width: 19px;
    margin: 3px 0px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slicknav_btn {
    background-color: transparent;
    position: relative;
    margin-top: -42px;
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(1px, 7px);
    transform: rotate(45deg) translate(1px, 7px);
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translateY(-6px);
    transform: rotate(-45deg) translateY(-6px);
}

.slicknav_menu {
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.slicknav_nav {
    background: white;
    margin: 0;
    padding: 6px 0px;
}

.slicknav_nav a:hover {
    background: #fefefe none repeat scroll 0 0;
    border-radius: 0;
}

.slicknav_nav a {
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #287AC9;
}

.slicknav_nav .slicknav_arrow {
    float: right;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row:hover .slicknav_arrow {
    border-radius: 0;
    background-color: #3c3333;
}


/*============================================
    END Header Area
*=============================================*/

/*============================================
    1.2 Slider Area
*=============================================*/
.slider-area {
    margin-top: 73px;
    height: calc(100vh - 73px);
    display: flex;
    align-items: center;
}

.slider-content img {
    opacity: 0;
    margin-bottom: 64px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slider-content.show_me img {
    opacity: 1;
}

.slider-content .c-scroll {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.slider-content .c-scroll img{
    margin-bottom: 0px;   
}

.slider-content h2 {
    opacity: 0;
    font-size: 60px;
    font-weight: 400;
    color: #494847;
    padding-left: 15px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slider-content.show_me h2 {
    opacity: 1;
}

.slider-content h4 {
    color: #ffffff;
    text-transform: capitalize;
    display: block;
    line-height: 53px;
    vertical-align: bottom;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(10px);
    margin-bottom: 37px;
    font-size: 35px;
    font-weight: 400;
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.3s ease 0.4s;
    -o-transition: all 0.3s ease 0.4s;
    transition: all 0.3s ease 0.4s;
}

.slider-content.show_me h4 {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.slider-content h4:before {
/*
    content: '';
    position: absolute;
    left: 0;
    top: -63px;
    height: 0;
    width: 1px;
    background: #a68059;
    -webkit-transition: all 0.3s ease 0.8s;
    -o-transition: all 0.3s ease 0.8s;
    transition: all 0.3s ease 0.8s;
*/
}

.slider-content.show_me h4:before {
/*    height: 117px;*/
}
.slider-content p{
    font-size: 19px;
    max-width: 700px;
    color: #777;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.3s ease 0.8s;
    -o-transition: all 0.3s ease 0.8s;
    transition: all 0.3s ease 0.8s;
}
.slider-content.show_me p{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

ul.social-link {
    margin-bottom: 80px;
    display: inline-block;
}

ul.social-link li {
    display: inline-block;
}

ul.social-link li a {
    display: block;
    font-size: 15px;
    color: #494847;
    margin-right: 30px;
    opacity: 0;
    -webkit-transition: all 0.5s ease 1.1s;
    -o-transition: all 0.5s ease 1.1s;
    transition: all 0.5s ease 1.1s;
}

ul.social-link li:nth-child(2) a {
    -webkit-transition: all 0.5s ease 1.3s;
    -o-transition: all 0.5s ease 1.3s;
    transition: all 0.5s ease 1.3s;
}

ul.social-link li:nth-child(3) a {
    -webkit-transition: all 0.5s ease 1.5s;
    -o-transition: all 0.5s ease 1.5s;
    transition: all 0.5s ease 1.5s;
}

ul.social-link li:nth-child(4) a {
    -webkit-transition: all 0.5s ease 1.7s;
    -o-transition: all 0.5s ease 1.7s;
    transition: all 0.5s ease 1.7s;
}

.slider-content.show_me ul.social-link li a {
    opacity: 1;
    margin-right: 14px;
}

ul.social-link:hover li a {
    opacity: 0.7;
}

ul.social-link:hover li a:hover {
    opacity: 1;
    color: #222;
}

a.scrl_me_down {
    display: block;
    height: 66px;
    width: 30px;
    border: 1px solid #ddd;
    border-radius: 33px;
    text-align: center;
    line-height: 66px;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.5s ease 1.9s;
    -o-transition: all 0.5s ease 1.9s;
    transition: all 0.5s ease 1.9s;
}

.slider-content.show_me a.scrl_me_down {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

a.scrl_me_down span {
    display: inline-block;
    -webkit-animation: scrooldown 1000ms linear 0s infinite;
    -o-animation: scrooldown 1000ms linear 0s infinite;
    animation: scrooldown 1000ms linear 0s infinite;
}

@keyframes scrooldown {
    0% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}


/*============================================
    END Slider Area
*=============================================*/

/*============================================
    Custom
*=============================================*/

.section-title, .section-w-title, .section-b-title {
    text-align: center;
}

.section-title h2, .section-w-title h2, .section-b-title h2 {
    font-size: 80px;
    color: #383A3F;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 88px;
    margin-bottom: 6px;
}



.section-title h3, .section-w-title h3, .section-b-title h3 {
    font-size: 29px;
    font-weight: 900;
    color: #D9B77C;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
    line-height: 42px;
}

.pwt{
    font-size: 23px !important;
}

.section-title h4, .section-w-title h4, .section-b-title h4 {
    font-size: 24px;
    font-weight: 500;
    color: #D9B77C;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
}

.section-title p, .section-w-title p, .section-b-title p{
    color: #333;
    font-weight: 400;
    font-size: 18px;
    margin-top: 32px;
    line-height: 32px;
}

.section-w-title h2, .section-w-title h3, .section-w-title h4, .section-w-title p{
    color: white;
}

.section-b-title h2, .section-b-title h3, .section-b-title h4, .section-b-title p{
    color: #287AC9;
}

.text-left {
    text-align: left;
}

.w-sub-t{
    font-size: 72px;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 88px;
}

.w-sub-t2, .b-sub-t2{
    font-size: 50px;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 88px;
}

.tab-sub-title{
    font-size: 100px;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 110px;
}

.b-sub-t3{
    display: inline-block;
    font-size: 25px;
    letter-spacing: 0;
    font-weight: 800;
    line-height: 36px;
    min-width: 90px;
}

.b-sub-t4{
    font-size: 40px;
    letter-spacing: 0;
    font-weight: 800;
    line-height: 46px;
    color: #287AC9;
}

.b-sub-t2, .b-sub-t3{
    color: #287AC9;
}

.bt-border{
    border-color: #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.b-tab-t1{
    display: block;
    font-size: 40px;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 48px;
    color: #287AC9;
    margin-bottom: 40px;
}
.w-tab-t1{
    font-size: 50px;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 54px;
    color: white;
}
.b-caption{
    display: block;
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 36px;
    color: black;
}

.t-caption{
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 14px;
    color: black;
    text-align: center;
}

.abt-content-right h4 {
    font-size: 19px;
    font-weight: 500;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: 25px;
}

.title_style-one {
    position: relative;
    display: inline-block;
}

.title_style-one:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 13px;
    width: 100%;
    background: #a68059;
    opacity: 0.1;
}

.abt-content-right p {
    color: #333;
    font-weight: 400;
    font-size: 16px;
}

.abt-w-content-right p {
    color: white;
    font-weight: 600;
    font-size: 18px;
}

.personal-info {
    position: relative;
}

.personal-info-slider .swiper-slide {
    background-color: #fff;
    padding-left: 83px;
}

.pinfo-pagination {
    position: absolute;
    left: 0;
    top: 40px;
    font-size: 33px;
    z-index: 1;
    font-weight: 500;
    letter-spacing: 0;
    height: 77px;
    width: auto;
    color: #a67f58;
    background: #ffffff;
    line-height: 77px;
    text-align: center;
    border-radius: 50%;
}

.personal-info h3 {
    font-size: 22px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 500;
    margin-bottom: 26px;
}

.personal-info ul {
    padding: 5px 3px;
}

.personal-info ul li {
    line-height: 23px;
    margin-bottom: 18px;
    position: relative;
    margin-left: 30px;
}

.personal-info ul li:before {
    content: '';
    position: absolute;
    left: -31px;
    top: -5px;
    height: 13px;
    width: 13px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}

.personal-info ul li:after {
    content: '';
    position: absolute;
    left: -21px;
    top: 6px;
    width: 16px;
    height: 1px;
    background: #ddd;
    transform: rotate(22deg);
}

.personal-info ul li strong {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    letter-spacing: 0;
    display: inline-block;
    min-width: 58px;
}

.personal-info ul li span {
    display: inline-block;
    margin-left: 40px;
    font-weight: 400;
    color: #222;
}

.progress_bar {
    margin-bottom: 16px;
}

.progress_bar p {
    font-weight: 500;
    color: #a68059;
    margin-bottom: 3px;
    padding-left: 2px;
}

.p-bar {
    background-color: #a68059;
    height: 12px;
    border-radius: 5px;
    position: relative;
}

.p-bar span {
    position: absolute;
    right: 1px;
    top: -26px;
    font-weight: 500;
    color: #a68059;
    letter-spacing: 0;
    font-size: 14px;
}

.service-list {
    padding-top: 100px;
}

.service-item {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 7px;
}

.service-item .icon {
    margin-bottom: 20px;
}

.service-item .icon img {
    max-width: 60px;
}

.service-item h4 {
    color: #222;
    font-size: 19px;
    letter-spacing: 0;
    font-weight: 500;
    margin-bottom: 9px;
}

.service-item p {
    color: #333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.read-more {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #ffffff!important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  outline: medium none;
  padding: 10px 54px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.read-more:hover {
  background: #ffffff none repeat scroll 0 0;
  border-color: #ffffff;
  color: #333333!important;
}

.m-map {
    width: 96%;
    height: 480px;
    margin-top: 32px;
    margin-bottom: 32px;
    margin: 0 auto;
}


/*============================================
    Custom
*=============================================*/


/*============================================
    Footer Area
*=============================================*/
.footer-area {
    padding: 60px 0px;
    text-align: center;
}

.footer-area a.flogo {
    display: inline-block;
    margin-bottom: 33px;
}

.footer-area a.flogo img {
    max-width: 100%;
}

.footer-area h2 {
/*    font-family: 'Poiret One', cursive;*/
    font-size: 41px;
    color: #ffffff;
    line-height: 41px;
    margin-bottom: 23px;
}

.footer-area p {
    font-size: 15px;
    line-height: 27px;
    letter-spacing: 0;
}

.footer-area p.copy-right {
    color: #a68059;
    margin-top: 25px;
}

.footer-area a.got-top {
    font-size: 31px;
    display: inline-block;
    margin-top: 40px;
    color: #a68059;
}

.footer-area a.got-top i {
    display: inline-block;
    -webkit-animation: scrooldown 1000ms linear 0s infinite;
    -o-animation: scrooldown 1000ms linear 0s infinite;
    animation: scrooldown 1000ms linear 0s infinite;
}


/*============================================
    END Footer Area
*=============================================*/


/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
/*
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #D9B77C;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}
*/

/* Container around content */
.t-container {
    text-align: center
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 100%;
}

/* Place the container to the left */
.t-left {
    left: 0;
}

/* Place the container to the right */
.t-right {
    left: 50%;
}

/* Fix the circle for containers on the right side */
.t-right::after {
    left: -16px;
}

/* The actual content */
.t-content {
    text-align: center;
    padding: 20px 30px;
    background-color: inherit;
    position: relative;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media (max-width: 768px){
    .t-reverse{
        flex-direction: column-reverse;
        flex-flow: row wrap-reverse
    }
  /* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }
  
  /* Full-width containers */
/*
  .t-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }
*/
  
  /* Make sure that all arrows are pointing leftwards */
  .t-container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .t-left::after, .right::after {
    left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .t-right {
    left: 0%;
  }
}


.col-cus-h5, .col-cus-h6{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}

@media (min-width: 768px){
    .col-cus-h5{
        width: 48%;
    }
    
    .col-cus-h6{
        width: 42%;
    }
}

.mgl--40{
    margin-left: 40px;
}

.mgt-m-45{
    margin-top: -45px;
}

.mgt--10{
    margin-top: 10px;
}
.mgt--20{
    margin-top: 20px;
}
.mgt--30{
    margin-top: 30px;
}
.mgt--40{
    margin-top: 40px;
}
.mgt--50{
    margin-top: 50px;
}
.mgt--60{
    margin-top: 60px;
}
.mgt--80{
    margin-top: 80px;
}
.mgt--90{
    margin-top: 90px;
}
.mgt--100{
    margin-top: 100px !important;
}

.mgt--110{
    margin-top: 110px !important;
}
.mgt--160{
    margin-top: 160px !important;
}

.mgb--20{
    margin-bottom: 20px;
}
.mgb--30{
    margin-bottom: 30px;
}
.mgb--120{
    margin-bottom: 120px !important;
}


.vertical-center{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.contact-form form input,
.contact-form form textarea {
    height: 34px;
    width: 100%;
    background: #fff;
    border: none;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    letter-spacing: 0;
    font-size: 14px;
}

.contact-form form input::-webkit-input-placeholder,
.contact-form form textarea::-webkit-input-placeholder {
    color: #287AC9;
}

.contact-form form input::-moz-placeholder,
.contact-form form textarea::-moz-placeholder {
    color: #287AC9;
}

.contact-form form input:-ms-input-placeholder,
.contact-form form textarea:-ms-input-placeholder {
    color: #287AC9;
}

.contact-form form input:-moz-placeholder,
.contact-form form textarea:-moz-placeholder {
    color: #287AC9;
}

.contact-form form textarea {
    height: 87px;
}

.contact-form form .form-submit {
    text-align: right;
}

.contact-form form button {
    background: #287AC9;
    color: white;
    border: none;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 25px;
    font-weight: 400;
    cursor: pointer;
    outline: none;
}

.contact-form form button i {
    display: inline-block;
    margin-left: 8px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.contact-form form button:hover i {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.contact-s-area{
    background-color: #ffffff;
}

.contact-s-area ul li{
    color: black;
    font-size: 18px;
    line-height: 28px;
}

.contact-area h2{
    color: white;
    font-size: 46px;
    font-weight: bold;
    line-height: 46px;
}

.certification-area{
    background: #fff url(../images/Certificationback.jpg) no-repeat;
    background-size: cover;
}

.history-area{
    background: #fff url(../images/fa/preparing.png) no-repeat;
    background-size: cover;
}

.footer-area{
    background-color: #3C3C3C;
}

.footer-area h2{
    color: #D9B77C;
    font-size: 34px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
}

.footer-area span{
    width: 120px;
}

.footer-area p{
    color: white;
    font-size: 15px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
}

.footer-t{
    display: inline-block;
    width: 168px;
}

@media (min-width: 768px){
    .footer-t{
        display: inline-block;
        width: 100%;
    }
}

.t-container .center{
    text-align: center;
}
    
.center{
    text-align: center;
}

.left{
    text-align: left;
}
    
.right{
    text-align: right;
}

.r-right{
    text-align: right;
}

.bg-white{
    background-color: white;
}

.c-box{
    padding: 60px 20px;
    background-color: white;
}

.hb-contens-left, .hw-contens-left{
    text-align: left;
}

.hb-contens-center, .hw-contens-center{
    text-align: center;
}

.hb-contens-left h3, .hb-contens-center h3, .hw-contens-left h3, .hw-contens-center h3{
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
    margin-top: 18px;
}

.hb-contens-left h3, .hb-contens-center h3, .hb-contens-left h4, .hb-contens-center h4,
.hb-contens-left p, .hb-contens-center p{
    color: #D9B77C;
}

.hw-contens-left h3, .hw-contens-center h3, .hw-contens-left h4, .hw-contens-center h4,
.hw-contens-left p, .hw-contens-center p{
    color: white;
}

.hb-contens-left h4, .hb-contens-center h4, .hw-contens-left h4, .hw-contens-center h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
    margin-top: 18px;
/*    383A3F*/
}

.hb-contens-left p, .hb-contens-center p, .hw-contens-left p, .hw-contens-center p{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
    margin-top: 18px;
}

.section-landing{
    background: #fff url(../images/main/bg_main.jpg) no-repeat;
    background-size: cover;
}

.section01{
    background: #fff url(../images/main/bg_main02.jpg) no-repeat;
    background-size: cover;
}

.section02{
    background: #fff url(../images/main/bg_main03.jpg) no-repeat;
    background-size: cover;
}

.section03{
    background: #fff url(../images/main/bg_main04.jpg) no-repeat;
    background-size: cover;
}

.section04{
    background: #fff url(../images/main/bg_main05.jpg) no-repeat;
    background-size: cover;
}

.section05{
    background-color: #287AC9;
}

.fa-section01{
    background: #fff url(../images/fa/bg_fa01.jpg) no-repeat;
    background-size: cover;
}

.ct-section01{
/*    margin-top: 73px;*/
    background: #fff url(../images/contact/bg_contact.jpg) no-repeat;
    background-size: cover;
}

.section-gray{
    background-color: #DEDEDE;
}
.section-lightgray{
    background-color: #CECDCD;
}
.section-darkgray{
    background-color: #9A9A9A;
}
.section-white{
    background-color: white;
}
.section-blue{
    background-color: #0042AC;
}

.section01 h2{
    margin-bottom: 42px;
}

.sub-bb{
    background-color: #D9B77C;
    border-radius: 30px;
    padding: 40px 30px;
    margin-top: 64px;
}

.sub-s1 h4, .sub-s2 h4{
    line-height: 54px;
}

.b-h4 h4{
    font-size: 22px;
    font-weight: 500;
    color: #383A3F;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
}

.b-h4 p{
    color: #333;
    font-weight: 400;
    font-size: 16px;
    margin-top: 16px;
}

.btn-box p{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
    margin-top: 24px;
    margin-bottom: 54px;
    color: #D9B77C;
}

.history-box h3{
    font-size: 68px;
    font-weight: bold;
    line-height: 68px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.2em;
    color: #D9B77C;
}

.history-box p{
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    text-transform: uppercase;
    color: #0075D9;
}

.product-box h3{
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
    text-transform: uppercase;
    color: #383A3F;
}

.history-b-box p{
    font-size: 18px;
    font-weight: 500;
    line-height: 46px;
    text-transform: uppercase;
    color: black;
}

.product-box{
    margin-top: 34px;
}
.product-box ul{
    margin-top: 20px;
}

.product-box ul li{
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #8b8687;
}

.certi-box div{
    margin-top: 32px;
    display: inline-block;
}

.w-box > div{
    border: 2px solid white;
    border-radius: 32px;
    padding: 32px 20px;
}


.f-box{
    text-align: center;
}

.f-box h3{
    font-size: 27px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #D31320;
    margin-top: 48px;
}

.f-box p{
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #383A3F;
    margin-top: 22px
}

.wd01{
    background-color: #E7E6E6;
    padding: 36px;
}

.wd02{
    background-color: #D9B77C;
    padding: 46px 18px;
}

#b-alu{
    background: url(../images/baluminum.png) no-repeat;
}

.gray{
    background-color: #E7E6E6;
}

.tc-black{
    color: #383A3F !important;
}

.section-w-title p.lh-hight{
    line-height: 48px;
}

.m-visible{
    display: none;
}

.m-bb{
        border-bottom: white solid 1px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

.a-youtube{
    font-size: 16px;
    color: black;
}

.p-field{
    margin-top: 30px;
    text-align: left;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.p-field li{
    background-color: #EAEAEA;
    margin-top: 11px;
}

.p-field li p{
    display: inline-block;
    font-size: 23px;
    color: black;
}

.p-field li span{
    width: 92px;
    display: inline-block;
    background-color: #0A4D84;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    color: white;
    padding-bottom: 14px;
    padding-top: 14px;
    margin-right: 22px;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
}

/**
    Popup
*/
.pop-layer .pop-container {
/*  padding: 20px 25px;*/
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 510px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

@media (max-width: 767px) {
    .pop-layer {
        max-width: 100%;
    }
}

.dim-layer {
  display: none;
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
    margin-right: 25px;
}

a.btn-layerClose:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}