/* Colors Start */

.btn-color-acn1 {
    border-color: #4A90E2;
    background-color: #4A90E2;
    color: white;
}

.btn-color-acn1:hover {
    border-color: #4A90E2;
    background-color: #4A90E2;
    color: white;
}

.acn-bgcolor-1 {
    background-color: #57C8CD;
}

.acn-bgcolor-2 {
    background-color: #FF671F !important;
}

.acn-bgcolor-3 {
    background-color: #407EC9;
}

.acn-bgcolor-4 {
    background-color: #E6E5E6;
}

.acn-bgcolor-5 {
    background-color: #F2F5F9;
}

.acn-blue-1 {
    color: #4A90E2;
}

.acn-font-grey2 {
    color: #919191;
}

.major-blue2 {
    color: #4A90E2;
}

.major-white {
    color: white;
}

.bg-color-blue {
    background-color: #4A90E2;
    color: white;
}

.even-color {
    background-color: #57C8CD;
}

.acn-blue {
    color: #002855 !important;
}

.odd-color {
    background-color: #002855;
}

.bg-colorcomment {
    background-color: #F2F5F9 !important;
}

.commit_wacn {
    background-color: white;
}

.major-black {
    color: black;
}

.acn-grey {
    color: #4A4A4A;
}

.major-font-blue {
    color: #002855;
}

.acn-font-color-3 {
    color: #407EC9;
}

.major-blue-1 {
    color: #407EC9;
}

.lightblue-background {
    background-color: #7DA1C0;
}


.acn-blue-bg {
    background-color: #002855;
}

.acn-blue-text {
    color: #002855;
}

.korea-blue-button:active {
    background-color: #002855;
    color: white;
    border-color: #002855;
}

/* Colors End */


/* Fonts Size Start */

.font-size-36 {
    font-size: 36px;
}

.font-size-34 {
    font-size: 34px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-12 {
    font-size: 12px;
}

/* Fonts Size End */

.heightwhy {
    height: 49px;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.line-height-24 {
    line-height: 48px;
}

.sp-pagebuilder-addon-tools {
    top: 15px !important;
}

.color-white {
    color: white;
}

.toggle-editor {
    display: none !important;
}

html,
body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
    color: #454545;
    overflow-x: hidden;
    word-break: break-word    

}

* {
	font-family: 'Raleway', sans-serif;	
}

body {
    font-family: 'Raleway', sans-serif;
}



footer {
    color: darkgrey;
    font-size: 0.81rem;
}

#navbarResponsive .nav-item {
    margin-right: 30px;
}

.top-bar-color {
    background-color: #002855;
}

.f-btn-primary {
    background-color: #911CA7;
    border: none;
    color: white;
}

.f-btn-primary:hover {
    background-color: #A925C1;
    border: none;
    color: white;
}

.f-btn-primary:active {
    background-color: #BB4FCF;
    border: none;
    color: white;
}

.f-btn-secondary {
    background-color: #f6901a;
    border: none;
    color: white;
}

.f-btn-secondary:hover {
    background-color: #F39C00;
    border: none;
    color: white;
}

.f-btn-secondary:active {
    background-color: #F1A30B;
    border: none;
    color: white;
}

.f-primary-color {
    color: #9f26b5;
}

.f-secondary-color {
    color: #f38b00;
}

.f-light {
    color: #f4f4f4;
}

.f-b-primary-color {
    background-color: #7a288e;
}

.f-b-secondary-color {
    background-color: #f38b00;
}

.f-b-light {
    background-color: #132650;
}

.f-intro {
    font-size: 1.2rem;
    line-height: 1.7rem;
    color: dimgrey;
}

.f-quote {
    font-size: 1.6rem;
    line-height: 2.125rem;
    text-align: center;
    font-weight: 300;
    color: dimgray;
}

.f-nav-item-divider {
    border-right: 1px solid #f4f4f4;
    margin-right: 20px;
    padding-right: 20px;
}

.f-mtop50 {
    margin-top: 50px;
}

.f-mtop70 {
    margin-top: 70px;
}

.f-bg-semidark {
    background-color: #525252;
}

.f-bg-dark {
    background-color: #3a3a3a;
}

.language-bar .nav-link {
    color: #f4f4f4
}

/* Carousel */
.carousel-caption-leftbottom {
    position: absolute;
    right: 15%;
    bottom: 20px;
    /*top: 10px;*/
    left: 15%;
    z-index: 10;
    padding-top: auto;
    padding-bottom: auto;
    color: #fff;
    text-align: left;
}

.carousel-caption-rightbottom {
    position: absolute;
    right: 15%;
    bottom: 20px;
    /*top: 10px;*/
    /*left: 15%;*/
    z-index: 10;
    padding-top: auto;
    padding-bottom: auto;
    color: #fff;
    text-align: left;
}

.carousel-caption-lefttop {
    position: absolute;
    right: 15%;
    /*bottom: 20px;*/
    top: 40px;
    left: 15%;
    z-index: 10;
    padding-top: auto;
    padding-bottom: auto;
    color: #fff;
    text-align: left;
}

.carousel-caption-righttop {
    position: absolute;
    right: 15%;
    /*bottom: 20px;*/
    top: 40px;
    /*left: 15%;*/
    z-index: 10;
    padding-top: auto;
    padding-bottom: auto;
    color: #fff;
    text-align: left;
}

.carousel-caption-leftmiddle {
    position: absolute;
    right: 15%;
    bottom: 20%;
    top: 20%;
    left: 15%;
    z-index: 10;
    padding-top: auto;
    padding-bottom: auto;
    color: #fff;
    text-align: left;
}

.carousel-caption-rightmiddle {
    position: absolute;
    right: 15%;
    bottom: 20%;
    top: 20%;
    /*left: 15%;*/
    z-index: 10;
    padding-top: auto;
    padding-bottom: auto;
    color: #fff;
    text-align: left;
}

/* Carousel */

.nav-active {
    color: #BB4FCF !important;
    font-weight: bold;
}

.navbar-color-grey {
    background-color: #132650;
}

.top-bar-color {
    background-color: #ffffff;
}

.top_text {
    color: #343a40;
}

.m-c-20 {
    margin: 20px auto;
}

.mw-340 {
    max-width: 340px;
}

.cards-content {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 22px;
    border-radius: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    width: 100%;
    height: 100%;
}

.pathElement-center {
    text-align: center;
}

.mt-0 {
    margin-top: 0px;
}

.mtt-0 {
    margin-top: 0px;
}

.mt-t {
    margin-top: 0px;
}

.mt-40 {
    margin-top: 40px;
}


@media (max-width: 1920px) {
    .mt-100 {
        margin-top: 100px;
    }

    .mt-160 {
        margin-top: 106px;
    }

    .dd-hide {
        display: hide;
    }

    .carousel-indicators {
        display: flex;
    }

    .container-fluid2 {
        width: 100%;
        padding-right: 100px;
        padding-left: 100px;
        margin-right: auto;
        margin-left: auto;
    }

    .container-fluid3 {
        width: 100%;
        padding-right: 100px;
        padding-left: 100px;
        margin-right: auto;
        margin-left: auto;
    }

    .popver_text {
        color: #FFFFFF;
        font-size: 24px;
        line-height: 32px;
        padding: 10px 25px 10px 15px;
    }

    .f-content {
        margin-top: 134px;
    }

    .f-ibo-content {
        margin-top: 146px;
    }

    .mt-160 {
        margin-top: 106px;
    }

    #co-founder {
        height: 250px;
        background: url(../images/founders_image.jpg) center;
        /*background-size: 100% 100%;*/
        background-size: cover;
        color: white;
    }
}

@media (max-width: 1550px) {
    .container-fluid2 {
        width: 100%;
        padding-right: 25px;
        padding-left: 25px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 1200px) {
    .container-fluid2 {
        width: 100%;
        padding-right: 50px;
        padding-left: 50px;
        margin-right: auto;
        margin-left: auto;
    }

    .f-content {
        margin-top: 134px;
    }

    .f-ibo-content {
        margin-top: 146px;
    }

    .mt-160 {
        margin-top: 106px;
    }

    #co-founder {
        height: 250px;
        background: url(../images/founders_image.jpg) center;
        /*background-size: 100% 100%;*/
        background-size: cover;
        color: white;
    }

    .dd-hide {
        display: hide;
    }
}

@media (max-width: 992px) {
    .mt-160 {
        margin-top: 60px;
    }

    .dd-hide {
        display: none;
    }

    .f-content {
        margin-top: 134px;
    }

    .f-ibo-content {
        margin-top: 134px;
    }

    .mt-160 {
        margin-top: 60px;
    }

    #co-founder {
        height: 195px;
        background: url(../images/WhoIsACN_Tablet/co-founders-banner.png) center;
        background-size: cover;
    }

}

@media (max-width: 768px) {
    .f-content {
        margin-top: 174px;
    }

    .f-ibo-content {
        margin-top: 174px;
    }

    .mt-160 {
        margin-top: 60px;
    }

    #co-founder {
        height: 195px;
        background: url(../images/WhoIsACN_Tablet/co-founders-banner.png) center;
        background-size: cover;
    }
}

@media (max-width: 576px) {
    .f-content {
        margin-top: 174px;
    }

    .f-ibo-content {
        margin-top: 174px;
    }

    .mt-100 {
        margin-top: 100px;
    }
}

@media (max-width: 450px) {
    .container-fluid2 {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    .container-fluid3 {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    .popver_text {
        color: #FFFFFF;
        font-size: 15px;
        line-height: 20px;
        padding: 5px 25px 5px 15px;
    }
}

li .list-group-item {
    border: none !important;
}

.list-group-item {
    border: none !important;
}

@media (min-width: 1920px) {
    .seperate-line {
        border-right: 1px solid #979797 !important;
    }
}

@media (min-width: 1200px) {
    .seperate-line {
        border-right: 1px solid #979797 !important;
    }
}

@media (min-width: 992px) {
    .seperate-line {
        border-right: 1px solid #979797 !important;
    }
}

@media (min-width: 768px) {
    .seperate-line {
        border-right: none;
    }
}

@media (min-width: 576px) {
    .seperate-line {
        border-right: none;
    }
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

footer {
    color: white;
    background-color: #002855;
}

a.foot-links {
    font-size: 12px;
    color: white;
}


.footer-links li>a {
    color: white;
}

@media only screen and (min-width: 992px) {
    .test {
        min-width: 538px;
    }

    .social-links {
        text-align: left;
        list-style: none;
        /*    float: right;*/
    }

    .org-links {
        margin-top: 12px;
        text-align: right;
    }

    /*
    .footer-links ul {
        width: 100%;
    }
*/
    .footer-links li {
        float: left;
        display: block;
    }

    .footer-links li {
        margin-left: 3px;
        /*        padding-right: 3px;*/
        /*        padding-left: 3px;*/
        width: auto;
        float: left;
        /*        display: block;*/
    }

    .footer-links li>a {
        margin-right: 3px;
    }

    .footer-links2 li:after {
        content: ' | ';
    }

    /*    tablet 1st footer link no need for border*/
    .footer-links li:nth-child(7):after {
        content: ' ';
    }

    .change-copyright-position {
        position: relative;
        top: -20px;
    }

    .change-links-position {
        position: relative;
        left: 100px;
    }

    p.footer_text {
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 990px) and (min-width: 576px) {
    .test {
        min-width: 350px;
    }

    ul.social-links {
        margin-top: 15px;
    }

    .social-links {
        text-align: center;
        list-style: none;
        /*    float: right;*/
    }

    .org-links {
        margin-top: 10px;
        text-align: center;
    }

    .footer-links {
        /*
        padding-left: 4%;
        padding-right: 3%;
*/
        color: white;
        margin-bottom: 5px;
    }

    .footer-links li {
        font-size: 12px;
        margin-left: 3px;
        /*        padding-right: 3px;*/
        /*        padding-left: 3px;*/
        width: auto;
        float: left;
        display: block;
    }

    .footer-links li>a {
        margin-right: 3px;
    }

    .footer-links li:after {
        content: '|';
    }

    /*    tablet 1st footer link no need for border*/
    .footer-links li:nth-child(7):after {
        content: ' ';
    }

}

@media only screen and (max-width: 576px) {
    .social-links {
        margin-top: 18px;
        /*    float: right;*/
    }

    .footer-links li {
        font-size: 12px;
    }

    .mylinks {
        list-style: none;
        -webkit-columns: 140px 2;
        -moz-columns: 140px 2;
        columns: 140px 2;
        -webkit-column-gap: 2;
        -moz-column-gap: 2;
        column-gap: 2;

    }

    .mylinks a {
        /*  text-decoration: none;*/
        color: white;
        display: block;
        text-align: center;
    }
}

.level1 {
    list-style-type: none;
    margin-left: -20px;
}

.popover_subtext {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 27px;
    padding: 0px 35px 0px 35px;

}

ul.popover_subtext li {
    border-bottom: 1px solid white;
    list-style-type: none;
    margin-left: -20px;
}

ul.popover_subtext li:last-child {
    border-bottom: 0px;
}

#main-nav li a:hover {
    border-bottom-color: #407EC9 !important;
}

.popover_link {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.popover_subtext1 li:first-child {
    padding-top: 20px;
}

.popover_subtext1 li {
    border-bottom: 1px solid white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.popover_subtext1 li:last-child {
    border-bottom: 0px;
    padding-bottom: 20px;
    padding-top: 10px;
}



#ultest {
    padding-top: 10px;
}

#footer_stayconnected {
    font-size: 1.0rem;
}

@media only screen and (min-width: 992px) {

    .pc-hide {
        visibility: hidden;
    }
}

.mob-mb-20 {
    margin-bottom: 20px;
}

.acn-font-color-8 {
    color: #1D9499;
}

.second-lev-list>a:after {
    font-weight: 900;
    float: right;
    content: "\f067";
    font-family: "Font Awesome 5 Free";
}

.second-lev-list>a[aria-expanded=true] {
    font-weight: bold;
}

.second-lev-list>a[aria-expanded=true]:after {
    font-weight: 900;
    float: right;
    content: "\f068 ";
    font-family: "Font Awesome 5 Free";
}

.select-top>a:after {
    font-weight: 900;
    float: right;
    content: "\f105 ";
    font-family: "Font Awesome 5 Free";
}

.select-top>a[aria-expanded=true]:after {
    font-weight: 900;
    float: right;
    content: "\f078 ";
    font-family: "Font Awesome 5 Free";
}

.third-lev-list>a:after {
    font-weight: 900;
    float: right;
    content: "\f067";
    font-family: "Font Awesome 5 Free";
}

.third-lev-list {
    background-color: rgba(74, 144, 226, 0.2);
}

.third-lev-list>a[aria-expanded=true] {
    background-color: rgba(74, 144, 226, 0.4);

}

.fourth-lev-list {
    background-color: rgba(87, 200, 205, 0.1);
}

.selected-4th {
    background-color: rgba(87, 200, 205, 0.3);
}

.third-lev-list>a[aria-expanded=true]:after {
    font-weight: 900;
    float: right;
    content: "\f068 ";
    font-family: "Font Awesome 5 Free";
}

.rm-list-type {
    list-style-type: none;
}

.view-category-list {
    padding-left: 0px;
    list-style: none;
}

.modal-nav {
    padding-left: 0px;
    list-style-type: none;
}

.pl-m40 {
    padding-left: -40px
}

.ml-m40 {
    margin-left: -40px;
}

.ml-m22 {
    margin-left: -22px;
}

.mt-15 {

    margin-top: 15px;
}

.pl-15 {
    margin-left: 15px;

}

.pr-15 {
    margin-right: 15px;
}

.mb-6 {
    margin-bottom: 6px;
}

.ml-20 {
    margin-left: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-20 {
    margin-top: 20px;

}

.mt-24 {
    margin-top: 24px;
}

.mr-13 {
    margin-right: 13px;
}

.w-310 {
    max-width: 310px;
}

.w-720 {
    max-width: 720px;
}

.mb-24 {
    margin-bottom: 24px;
}

.acn-font-color-1 {
    color: #FF671F;
}

.acn-font-color-4 {
    color: #FF7331;
}

.acn-font-color-6 {
    color: #57C8CD;
}

.acn-font-color-7 {
    color: #9B9B9B;
}

.acn-font-color-2 {
    color: #002855;
}

.mt-90 {
    margin-top: 90px;
}

.acn-font-black {
    color: #242424;
}

.acn-bgcolor-1 {
    background-color: #57C8CD;
}

.acn-bgcolor-2 {
    background-color: #FF671F;
}

.acn-bgcolor-3 {
    background-color: #407EC9;
}

.acn-bgcolor-4 {
    background-color: #E6E5E6;
}

.acn-bgcolor-5 {
    background-color: #F2F5F9;
}

.acn-bgcolor-6 {
    background-color: #002855;
}

.acn-bgcolor-7 {
    background-color: rgba(155, 155, 155, 0.4);
}

.acn-bgcolor-8 {
    background-color: rgba(64, 126, 201, 0.5);
}

.acn-bgcolor-9 {
    background-color: rgba(155, 155, 155, 0.3);
}

.acn-blue-1 {
    color: #4A90E2;
}

.acn-font-grey2 {
    color: #919191;
}

.major-blue2 {
    color: #4A90E2;
}


.major-white {
    color: white;
}

.acn-grey {
    color: #4A4A4A;
}

.major-font-blue {
    color: #002855;
}

.acn-font-color-3 {
    color: #407EC9;
}

.acn-font-color-5 {
    color: #4A90E2;
}


.major-blue-1 {
    color: #407EC9;
}

.mb-36 {
    margin-bottom: 36px;
}

.font-size-72 {
    font-size: 72px;
}

.font-size-75 {
    font-size: 75px;
}

.acn-font-size-60 {
    font-size: 60px;
}

.acn-font-size-13 {
    font-size: 13px;
}


.font-size-45 {
    font-size: 45px;
}

.font-size-40 {
    font-size: 40px;
}

.font-size-36 {
    font-size: 36px;
}


.font-size-34 {
    font-size: 34px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-12 {
    font-size: 12px;
}

* {
    /*    margin: 0 auto;*/
}

.set-position-cr {
    position: relative;
    top: 10px;
}

.change-upload-position {
    position: relative;
    top: 10px;
}

.line-h-40 {
    line-height: 40px;
}

.line-h-45 {
    line-height: 45px;
}

.cr-btn-show {
    display: none;
}

.mt-mob {
    margin-top: 40px;
}

.pl-10 {
    padding-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.w-340 {
    width: 340px;
}

.mw-340 {
    max-width: 340px;
}

.m-c {
    margin: 0 auto;
}

.m-c-20 {
    margin: 20px auto;
}

.btn-shadow-3 {
    box-shadow: 0 3px rgba(0, 0, 0, 0.3);
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.mt-10 {
    margin-top: -9px;
}

.mt-10r {
    margin-top: 10px;
}

#ot-sdk-btn-floating {
display: none!important;
}