@font-face {
    font-family: 'Arimo';
    src: url("../fonts/arimo/Regular/arimo.eot");
    src: url('../fonts/arimo/Regular/arimo.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/arimo/Regular/arimo.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/arimo/Regular/arimo.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/arimo/Regular/arimo.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}
.font-arimo{font-family: "Arimo" !important;}
@font-face {
    font-family: 'Arimo';
    src: url("../fonts/arimo/bold/arimo.eot");
    src: url('../fonts/arimo/bold/arimo.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/arimo/bold/arimo.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/arimo/bold/arimo.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/arimo/bold/arimo.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: bold;
    font-style: normal;
}
.font-arimo-bold{font-family: "Arimo" !important;font-weight: bold !important;}
@font-face {
    font-family: 'Nanum Gothic';
    src: url("../fonts/nanum_gothic/regular/nanumgothic.eot");
    src: url('../fonts/nanum_gothic/regular/nanumgothic.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/nanum_gothic/regular/nanumgothic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/nanum_gothic/regular/nanumgothic.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/nanum_gothic/regular/nanumgothic.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}
.font-nanum-gothic{font-family: 'Nanum Gothic' !important;}

.font-dark{color:#2D2D2D !important;}
.font-gray{color:#4F4F4F !important;}
.font-grayer{color:#727272 !important;}
.font-white{color:#C4C4C4 !important;}
.font-whiter{color:#DBDBDB !important;}

body{
    font-size: 20px;
    font-family: 'Arimo';
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    body {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    body {
        font-size: 11px;
    }
}
@media only screen and (max-width: 768px){
    body{
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
    #navbarNav{}
}
@media only screen and (min-width: 768px){
    header{position: absolute; width:100%;}
}
/**
*
* RD Navbar Classic
* =====================================================
*/
.rd-navbar-classic-center.rd-navbar-static {
    border-bottom: 1px solid transparent;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-panel {
    display: none;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside-outer,
.rd-navbar-classic-center.rd-navbar-static .rd-navbar-main-outer {
    padding-left: 15px;
    padding-right: 15px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside-outer {
    background: #bf9153;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside,
.rd-navbar-classic-center.rd-navbar-static .rd-navbar-main {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info .list-inline {
    margin-left: -40px;
    margin-right: -40px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info .list-inline > * {
    padding-left: 40px;
    padding-right: 40px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info .unit-body {
    color: rgba(255, 255, 255, 0.75);
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info a:hover {
    color: #ffffff;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .social-block .list-inline {
    margin-left: -11px;
    margin-right: -11px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .social-block .list-inline > * {
    padding-left: 11px;
    padding-right: 11px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .social-block a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .social-block a:hover {
    color: #ffffff;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-main {
    position: relative;
    display: block;
    padding: 20px 0;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-brand img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 992px) {
    .rd-navbar-classic-center.rd-navbar-static .rd-navbar-nav > .rd-nav-brand {
        flex-basis: 25%;
        text-align: center;
    }
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-main-element {
    display: block;
}

.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-clone {
    border-bottom-color: #eaeced;
}

.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
    display: none;
}

.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
    padding: 2px 0;
}

.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu {
    margin-top: 17px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-nav-item + .rd-nav-item {
    margin-left: 0;
}

.rd-navbar-classic-center.rd-navbar-fixed .rd-navbar-nav .rd-nav-brand {
    display: none;
}

/*
*
* RD Navbar Fullwidth
*/
.rd-navbar-fullwidth {
    display: block;
}

.rd-navbar-fullwidth .rd-navbar-nav > li + li {
    margin-left: 20px;
}

.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main {
    padding: 10px 0;
}
/** rd nav **/
header .nav-link{font-family: 'Arimo';font-weight:bold}
/** homepage ***********/
.main_title{font-size: 2.5em}
.secondary_title{font-size: 1.4em}
#homepage #menu-section img{
    width:100px;
}
#homepage .about-section, #homepage .product-section{
    color:#DBDBDB !important;
}
@media only screen and (min-width:768px){
    #homepage .about-section{
        padding:130px 120px 300px 100px !important;
    }
    #homepage .product-section .card-row .card-outer{
        height:450px;
    }
}
#homepage .about-section{
    padding-top:50px;
    padding-bottom:50px;}


@media only screen and (min-width:1600px) {
    #homepage .product-section .card-row, #homepage .career-section .row{
        margin-left: -170px;
        margin-right: -170px;
    }
}
@media only screen and (max-width:768px) {
    #homepage .product-section .card-row .card-outer{
        padding:10px 30px !important;
    }
    .ms-wrapper{
        padding: 15px 0;
    }
}
#homepage .product-section .card-row .card-outer{
    padding:0 30px;
}
#homepage .product-section .card-row .card-outer .card-wrap {
    background: rgba(255,255,255,0.3);
    border-radius: 50px;
    height: fit-content;
    height: -webkit-fill-available;
}
#homepage .product-section .card-row .card-outer .card-wrap .header{
    min-height: 200px;
    display: table;
    align-items: center;
    width: fit-content;
    width: -webkit-fill-available;
}
#homepage .product-section .card-row .card-outer .card-wrap .header .img{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#homepage .product-section .card-row .card-outer .card-wrap .card-description{
    text-align: left;
    line-height: 1.3em;
    padding:0 35px;
    font-size: 1.1em;
}
/*** footer *******/

@media only screen and (min-width:768px) {
    footer .right-group {
        padding-top: 45px;
    }
    footer .wrapper{
        padding-left: 80px;
    }
    footer{
        font-size: .9em;
    }
}
@media only screen and (max-width:768px) {

    footer .wrapper{
        padding-left: 20px;
    }
    footer .wrapper .link-group{
        margin-bottom:20px;
    }
    footer .wrapper .copyright{
        margin-top:20px;
    }
    footer .footer-contact,footer .copyright{margin-top: 30px;}
}
@media only screen and (max-width:1600px) and (min-width:1370px) {
    footer .contact-group .nav-link{font-size: .9em}
}
@media only screen and (max-width:1369px) and (min-width:768px) {
    footer .contact-group .nav-link{font-size: .7em}
}
footer .contact-group *{font-family: 'Nanum Gothic';}
footer .right-group *{color:#DBDBDB !important;}
footer .nav-link{color:#DBDBDB !important; padding: 0 0 0 .6rem;}

ul li a {
 display:block;
}

ul li a:hover, ul li a:focus {
 color:red;
}