
/************************************************__Common__[Start]*****************************************************/
/*
    ---> course-heading [Navy Blue] #0d378c;
*/
/*@import url("../vendor/bootstrap/css/bootstrap-custom.css");*/
/*@import url("bootstrap4-custom.css");*/
@import url("common.css");
/*@import url("animate.css");*/

:root {
    /*--oooooooooooooooooooooooooooooooooooooooooooooooooooo--*/
    /* Dark Blue */
    /*
        --main-color-var: #153654;
        --main2-color-var: #A6AE82;
        
        --main-bg-color-var: #153654;
        --main2-bg-color-var: #A6AE82;
    
    A9C4C7 - triangle-1 - light info
    C6CCB9 - triangle-2 - light greenish
    8BA0B5 - triangle-3 - light blue
    264285 - triangle-3 - dark blue
    
    */
    /*--oooooooooooooooooooooooooooooooooooooooooooooooooooo--*/
    /*        --main-color-var: #2961A1;
            --main-color-var: #264285;
            --main-color-var: #153654;
            --main-colorL-var: #8BA0B5;*/
    /*        --main2-color-var: #6CA3B9;
            --main2-color-var: #A6AE81;
            --main2-colorL-var: #C6CCB9;*/
    /*        --main3-color-var: #AFAEA1;
            --main3-color-var: #8BA0B5;*/
    
    /*        --main-bg-color-var: #2961A1;
            --main-bg-color-var: #153654;
            --main-bg-colorL-var: #A9C4C7;*/
    /*    --main2-bg-color-var: #6CA3B9;
            --main2-bg-color-var: #A6AE81;
            --main2-bg-colorL-var: #C6CCB9;*/
    /*    --main2-bg-color-var: #6CA3B9;
        --main3-bg-color-var: #AFAEA1;
            --main3-bg-color-var: #8BA0B5;*/
    --main-color-var: #2f557a; /* SacAvi Logo - Blue */
    /*    --main2-color-var: #6b9d9d;  SacAvi Logo - LightGreen */
    --main2-color-var: #3b9696; /* SacAvi Logo - LightGreen */
    --main3-color-var: #a6ae81;  /* SacAvi Logo - Golden */
    --main-bg-color-var: #2f557a;
    --main2-bg-color-var: #6b9d9d;
    --main3-bg-color-var: #a6ae81;
    
    
    /*--main-bg-color-var: #072e57;*/
    --main-border-color: #d9d9d9;
    --main-border-color-rgba: rgba(217, 217, 217, 0.7);
    /*--tbl-overlay-bg: #d8b6b6;*/
    /*--tbl-overlay-color: red;*/
    /*--light-blue-border-color: #72aee3;*/
    
    --grey-color: #a1a2a4;
    --dark-grey-color: #615f60;
    //--light-grey-color: #eeeeee;
    --light-grey-color: #f8f9fa!important;
    /*--light-blue-color: #5fb2ec;*/
    
    
    --font-hd: impact;
    
}


/************************************************__sacAvi__[Start]*****************************************************/
/* ===== Colors ===== */
.main-clr,
.sac-main-clr{
    color: var(--main-color-var);
}
.main-clr-light{
    color: var(--main-color-light-var);
}
.main2-clr,
.sac-main2-clr{
    color: var(--main2-color-var);
}
.main3-clr,
.sac-main3-clr{
    color: var(--main3-color-var);
}

/* ===== BG-Colors ===== */
.main-bg-clr,
.sac-main-bg-clr{
    background: var(--main-color-var);
    color: #fff;
}
.main2-bg-clr,
.sac-main2-bg-clr{
    background: var(--main2-color-var);
    color: #fff;
}
.main3-bg-clr,
.sac-main3-bg-clr{
    background: var(--main3-color-var);
    color: #fff;
}



/* ===== Buttons ===== */
/*.btn-info - #17a2b8*/
.btn-main{
    color: #fff;
    background-color: var(--main-color-var);
    border-color: var(--main-color-var);
}
/*.btn-info:hover*/
.btn-main:hover {
    color: #fff;
    background-color: #335271d6;
    border-color: var(--main-color-var);
}
.btn-main2{
    color: #fff;
    background-color: var(--main2-color-var);
    border-color: var(--main2-color-var);
}
.btn-main2:hover {
    color: #fff;
    background-color: #6b9d9d;
    border-color: var(--main2-color-var);
}
.btn-main3{
    color: #fff;
    background-color: var(--main3-color-var);
    border-color: var(--main3-color-var);
}
.btn-main3:hover {
    color: #fff;
    background-color: #a6ae819c;
    border-color: var(--main3-color-var);
}

.btn-outline-main, 
.btn-outline-main a {
    /*color: #17a2b8;*/
    color: var(--main-color-var);
    background-color: transparent;
    background-image: none;
    /*border-color: #17a2b8;*/
    border-color: var(--main-color-var);
}
.btn-outline-main:hover, 
.btn-outline-main:hover a {
    color: #fff;
    background-color: var(--main-color-var);
    border-color: var(--main-color-var);
}

.btn-outline-main2, 
.btn-outline-main2 a {
    /*color: #17a2b8;*/
    color: var(--main2-color-var);
    background-color: transparent;
    background-image: none;
    /*border-color: #17a2b8;*/
    border-color: var(--main2-color-var);
}
.btn-outline-main2:hover,
.btn-outline-main2:hover a {
    color: #fff;
    background-color: var(--main2-color-var);
    border-color: var(--main2-color-var);
}

.btn-outline-main3, 
.btn-outline-main3 a {
    /*color: #17a2b8;*/
    color: var(--main3-color-var);
    background-color: transparent;
    background-image: none;
    /*border-color: #17a2b8;*/
    border-color: var(--main3-color-var);
}
.btn-outline-main3:hover,
.btn-outline-main3:hover a {
    color: #fff;
    background-color: var(--main3-color-var);
    border-color: var(--main3-color-var);
}




body{
    /*background: #1C232D;*/
    /*background: #f9f9f9;*/
    /*color: var(--main2-color-var);*/
}

/*
 * Typography
 */

h1 {
    /*
    margin-bottom: 20px;
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
    */
}

h1{
    font-size: 30px;
}
h2{
    font-size: 28px;
}
h3{
    font-size: 26px;
    font-weight: bold;
}
h4{
    font-size: 24px;
}
h5{
    font-size: 22px;
}
h6{
    font-size: 20px;
}
p{
    font-size: 16px;
}

h1,h2,h3{
    font-family: var(--font-hd);
    font-weight: 500;
}

@media(max-width: 991px){
    h1, h2 {
        font-size: 24px;
        font-weight: normal;
    }
    h3, h4 {
        font-size: 18px;
        font-weight: normal;
    }
    h5, h6 {
        font-size: 16px;
        font-weight: normal;
    }
    p{
        font-size: 14px;
    }
}
@media(max-width: 767px){
    h1, h2 {
        font-size: 16px;
        font-weight:normal;
    }
    h3, h4 {
        font-size: 14px;
        font-weight:normal;
    }
    h5, h6 {
        font-size: 12px;
        font-weight:normal;
    }
    p{
        font-size: 11px;
    }
}

.pr{
    position: relative;
}

.table thead{
    background: var(--main2-color-var);
    color: #fff;
}
a.btn{
    background: var(--main2-color-var);
    color: #fff;
}
a.btn:hover{
    color: #fff;
    background-color: #6b9d9d;
    border-color: var(--main2-color-var);
}
/************************************************__sacAvi__[Start]*****************************************************/

.media img{
    /*    width: 250px; 
        height: 150px;*/
}
.media .media-body{
    /*padding: 10px;*/
}
@media (max-width: 575px){
    
    /*    .media {
            display: inline-block;
            text-align: center;
        }
        .media img{
            border: 2px solid red;
            width: 50%; 
            height: 100px;
        }*/
}

/*__________________________Section Heading_____________________________________*/
.section-title{
    /*    background: url(../img/frontEnd/bg-title-hd.png) repeat-x center / contain;
        background-color: var(--light-grey-color);
        padding: 10px 15px;
        margin: 0 0 5px 0;
        border: 1px solid var(--main-border-color);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;*/
}
@media (max-width: 767px){
    .section-title{
        /*border: 1px solid red;*/
    }
}
.bg-dots-black{
    /*background: url(../img/bg/bg-dot-black.jpg) repeat #17a2b8;*/
    /*background-color: var(--light-grey-color);*/
}
.bg-dots-white{
    /*background: url(../img/bg/bg-dot-white.jpg) repeat #17a2b8;*/
    /*background-color: var(--light-grey-color);*/
}


section {
    /*border: 1px solid red;*/
    /*margin-bottom: 5px;*/
    /*padding: 10px 0;*/
    /*border: 1px solid var(--main-border-color-rgba);*/
    /*    border: 1px solid blue;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;*/
    
}

div#modal-course-brochure {
    /*    margin: auto;
        width: 90%;*/
}

.im-content
{
    background: #c4c2b636;
}
.bg-form
{
    background: transparent;
}
.im-content > .im-content-header {
    border-left: 3px solid var(--main2-color-var);
    border-top: 0px solid var(--main2-color-var);
    color: var(--main2-color-var);
    
    border: 3px solid var(--main2-color-var);
    background: var(--main2-color-var);
    color: #fff;
    width: calc(100% - 16px);
    text-align: center;
    margin: 10px 8px;
    padding: 6px;
    -moz-border-radius: 4px;    
    -o-border-radius: 4px;    
    -webkit-border-radius: 4px;    
    border-radius: 4px;    
}


.im-dl-line dt::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background: #e5e5e5;
    right: 0;
    top: 40%;
}
.im-dl-line dt.im-no-line::after {
    height: 0px;
}

#cust-chck-in-lst li{
    margin-right: 1rem;
}
#cust-chck-in-lst li strong {
    display: block;
}

/************************************************__Common__[End]*****************************************************/














/* v_2.1.0 + Extended with sacAvi-v2 */
/*****************************************************************************************************************************
 ------------------------------------------ Nav-Menu // Start  ---------------------------------------------------------------
*****************************************************************************************************************************/

#erp {
    position: absolute;
    bottom: -26px;
    left: 20px;
    /* border: 1px solid crimson; */
    border-radius: 10px;
    background-color: rgb(255 255 255 / 30%);
}
#erp a{
    padding: 2px 12px;
}
#erp:hover {
    background-color: rgb(255 255 255 / 75%);
}
/* --- Nav-Menu // End  */



/************************************************__PopOver__[Start]*****************************************************/
.popover-left-side{
    width: 150px;
}
.popover-right-side{
    /*width: 150px;*/
}
.popover-right-side::before {
    content: "";
    position: absolute;
    /* width: 16px; */
    height: 100%;
    border-left: 1px solid #e8e8e8;
}

.im-nav-tab.nav .nav-link{
    color: grey;
    border-width: 0 0 4px;
}
.im-nav-tab.nav .nav-link:hover{
    border-color: transparent transparent grey;
    border-width: 0 0 4px;
}
.im-nav-tab.nav .nav-link.active{
    color: #000;
    border-color: transparent transparent red;
    border-width: 0 0 4px;
    font-weight: 700;
}
/************************************************__PopOver__[Left]*****************************************************/


/************************************************__FrontLayout__[start]*****************************************************/



/* --- Slider-Top --- */

/* --- / Slider-Top --- */



/* ============ Services ============ */
#services{
    /*border: 1px solid red;*/
    min-height: 250px;
}
.service-wrap{
}

#services .owl-stage-outer{
    /*
    border-bottom-right-radius: 50% 45%;
    border-bottom-left-radius: 50% 45%;    
    */
}
#services .service-card{
    border: none;
    /*border: 1px solid green;*/
    width: 200px;
    height: auto;
    margin: 0 auto;
    background: transparent;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
}
/*#services .service-wrap:nth-child(3) .service-card,*/
#services .service-wrap:first-child .service-card,
#services .service-wrap:last-child .service-card{
    /*width: 170px;
    height: 165px;*/
}
#services .service-card a{
    color: var(--main-color-var);
}
#services .card-title {
    font-size: 1.2rem;
    margin: 0;
    padding: 5px 20px;
    font-weight: bold;
}

#services .service-card .card-img-overlay{
    /*border: 1px solid;*/
    top: auto;
    padding: 0;
    /*transform: translate(0%, 0%);*/    
}

@media (max-width: 991px){
    
    #services{
        /*
        border: 1px solid red;
        */
        min-height: 200px;
    }
    
    #services .service-card{
        width: 150px;
        height: 145px;
    }
}

@media (max-width: 767px){
    #services{
        min-height: 180px;
    }
}

/* ============ / Services ============ */


.hero___wrap.sub-page{
    /*
    border: 1px solid red;
    */
    /*    background-image: url(../img/v2/bg-top-head-sub.png);
        background-position: bottom center;
        background-size: 100% 100%;
        background-repeat: no-repeat;*/
}
.page-head{
    /*    position: relative;
        text-align: center;*/
}
.hero___wrap.sub-page{
    /*height: 400px;*/
}
.page-head img{
    /*    width: 100%;
        height: 370px;*/
}
.page-head .text-overlay {
    /*    position: absolute;
        color: #fff;
        top: 75%;
        left: 50%;
        transform: translate(-50%, -50%);*/
}

@media (max-width: 991px){
    /*        .hero___wrap.sub-page{
                height: 300px;
            }
            .page-head img{
                height: 270px;
            }*/
}
@media (max-width: 767px){
    /*        .hero___wrap.sub-page{
                height: 250px;
            }
            .page-head img{
                height: 230px;
            }*/
}
@media(max-width: 576px){
    /*        .hero___wrap.sub-page{
                height: 200px;
            }
            .page-head img{
                height: 180px;
            }*/
}


.page-content {
    min-height: 350px;
}

.bod-wrap .bod-item img{
    width: 150px; 
    height: 150px;
}
.inst-wrap .inst-item{
    min-height: 350px;
}
.inst-wrap .inst-item img{
    width: 150px; 
    height: 150px;
}
.bod-wrap .bod-item:first-child img{
    width: 300px; 
    height: 300px;
}

@media (min-width: 991px){
    .bod-item::before {
        content: "";
        position: absolute;
        background: crimson;
        width: 1px;
        height: 65px;
        left: 88px;
        bottom: 0;
    }
    .bod-item:last-of-type::before,
    .bod-item:nth-last-child(2)::before
    {
        width: 0;
    }
}

.theme-default .nivoSlider img{
    /*height: 30rem!important;*/
}

/************************************************__FrontLayout__[end]*****************************************************/



















/* ============ International Affiliations ============ */
.sky-bg-----d, .bg-sky{
    /*border: 5px dotted blue;*/
    /*background: url(../img/v2/sky-bg.jpg) repeat-x center / contain;*/
    background: url(../img/v2/sky-bg.jpg) no-repeat top / cover;
    background-color: var(--light-grey-color);
    /*transform: rotate(180deg);*/
    /*background: red;*/
    /*min-height: 350px;*/
}

.bg-gd-sac{
    /*background-image: linear-gradient(to bottom right, red, yellow);*/
    background-image: linear-gradient(to bottom right, var(--main-color-var), var(--main2-color-var), var(--main3-color-var));
}
.bg-gd-sac-r{
    /*background-image: linear-gradient(to bottom right, red, yellow);*/
    background-image: linear-gradient(to bottom right, var(--main2-color-var), var(--main2-color-var), var(--main-color-var));
}
.bg-gd-sac-rl{
    /*background-image: linear-gradient(to bottom right, red, yellow);*/
    background-image: linear-gradient(to bottom right, var(--main2-color-var), var(--main2-color-var), var(--main-color-var));
}

#intl-aff{
    /*border: 5px dotted blue;*/
    /*background: url(../img/v2/sky-bg.jpg) repeat-x center / contain;*/
    /*transform: rotate(180deg);*/
    /*background-color: var(--light-grey-color);*/
    /*background: red;*/
    min-height: 350px;
    padding: 20px 10px 50px;
    margin-top: -1px;
}
#intl-aff .logo-gaca{
    /*border: 3px solid red;*/
    width: 150px;
}
#intl-aff .short-detail {
    font-size: 18px;
    font-weight: 500;
    width: 40%;
}
@media (max-width: 991px){
    #intl-aff .short-detail {
        font-size: 14px;
    }
}
@media (max-width: 767px){
    #intl-aff .short-detail {
        width: 60%;
        font-size: 12px;
        font-weight: normal;
        /*font-weight: 500;*/
    }
}
@media (max-width: 575px){
    #intl-aff .short-detail {
        width: 90%;
    }
}

#intl-aff .curve-line {
    /*width: 100%;*/
    /*border: 5px solid red;*/
    color: #fff;
    background: url(../img/v2/bg-intl-aff.png) no-repeat center / cover;
    height: 100px;
    padding-top: 1.8rem;
    text-align: center;
}
@media (max-width: 767px){
    #intl-aff .curve-line {
        /*border: 1px solid green;*/
        height: 50px;
        padding-top: .8rem;
        font-size: 14px;
    }
}


/* ============ Carousel ============ */
#intl-aff .owl-carousel {
    /*border: 5px solid green;*/
}

#intl-aff .owl-stage-outer img {
    /*border: 2px solid red;*/
    width: 200px;
    height: 150px;
    padding: 10px;
}
@media (max-width: 991px){
    #intl-aff .owl-stage-outer img {
        width: 150px;
        height: 100px;
    }
}
@media (max-width: 767px){
    #intl-aff .owl-stage-outer img {
        width: 100px;
        height: 70px;
    }
}

#intl-aff .owl-nav {
    /*    padding: 10px 0;
        text-align: center;*/
}
#intl-aff .owl-nav button span {
    
    
    /*    background: var(--main-bg-color-var);
        color: #fff;
        padding: 0px 10px;
        font-size: 50px;
        font-weight: 900;*/
}
#intl-aff .owl-nav,
#intl-aff .owl-nav {
    display: none;
}
/* ============ / Carousel ============ */


.list-objectives ol {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}
.list-objectives ol li {
    position: relative;
    border: 1px solid #5A9BD5;
    border-radius: 0px 6px 0px 6px;
    padding: 6px;
    margin: 10px 0px;
}

.list-objectives ol li {
    counter-increment: step-counter;
}

.list-objectives ol li::before {
    content: counter(step-counter);
    position: absolute;
    margin-right: 5px;
    font-size: 80%;
    color: white;
    font-weight: bold;
    padding: 16px 15px;
    /* border-radius: 5px; */
    left: -38px;
    top: -1px;    
    background: url(../img/v2/list-arrow-down.png) no-repeat center / cover;
    /*background-color: rgb(200,200,200);*/
}


/* --- Media page --- */
.media-page-item {
    color: var(--main2-color-var);
}
.media-page-item img {
    width: 50%;
}

.media-page-item .add-border::before {
    content: "";
    position: absolute;
    height: 75%;
    top: 20px;
    left: 2px;
    border-right: 3px solid var(--main2-color-var);    
}

.media-page-items---wrap .media-page-item:first-child .add-border::before {
    /*    border-right: 3px solid red;*/
}

@media (max-width: 767px){
    .media-page-item .add-border::before {
        border-right: none;
    }
    .media-page-item .card-title {
        font-size: 20px;
    }
}

/* --- / Media page --- */


/* --- Pop-Up Buttons --- */
.paoc-popup-btn{
    background: var(--main-bg-color-var)!important;
}
/*.btn-main:hover,*/
.paoc-popup-btn:hover
{
    color: #fff;
    background-color: #335271d6!important;
    border-color: var(--main-color-var)!important;
}

.paoc-popup.popupaoc-button {
    /*background: var(--main2-bg-color-var);*/
}
.paoc-popup.popupaoc-button:hover {
    /*background: var(--main-bg-color-var);*/
}
/* --- / Pop-Up Buttons --- */






/* ============ Footer ============ */
#footer-v2 {
    /*
    border: 1px solid red;
    */
    min-height: 300px;
    color: #fff;
    background-color: var(--light-grey-color);
    background-image: url(../img/v2/footer-bg-layer.png), url(../img/v2/footer-bg-top.png),  url(../img/v2/footer-bg.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: 100% 100%, 100% 50px, contain;
    background-position: top center, 0px 0px, 0px 40px;
    padding: 50px 0 20px;
    margin-top: -1px;
}

@media (max-width: 991px){
    #footer-v2 {
    }
}
@media (max-width: 767px){
    #footer-v2 {
        background-repeat: repeat-y, no-repeat, repeat-x;
        background-size: 100%, 100% 50px, contain;
    }
}
@media (max-width: 575px){
    #footer-v2 {
        text-align: center;
    }
}


#footer-v2 .footer-menu .footer-menu-list:not(:first-child) {
    /*border-left: 1px solid;*/
}
#footer-v2 .footer-menu li {
    margin-bottom: 5px;
}
#footer-v2 .footer-menu a {
    border-left: 3px solid;
    padding: 0px 5px;
    color: #fff;
    text-decoration: none;
}
#footer-v2 .footer-menu a:hover {
    border-left: 5px solid var(--main2-color-var);
    color: var(--main2-color-var);
}
@media (max-width: 991px){
}
@media (max-width: 767px){
}
@media (max-width: 575px){
    #footer-v2 .footer-menu ul {
        margin: 0;
        text-align: left;
    }
    #footer-v2 .footer-menu ul li {
        /*
        border: 1px solid #fff;
        */
        display: inline-block;
        margin: 5px;
        width: 200px;
    }
    #footer-v2 .footer-menu a {
        /*border-left: none;*/
    }
    #footer-v2 .footer-menu{
        margin-bottom: 30px;
    }
}


#footer-v2 #sac-flogo {
    width: 200px;
}
#footer-v2 #vision-flogo {
    width: 100px;
}

@media (max-width: 991px){
    #footer-v2 #sac-flogo {
        width: 150px;
    }
    #footer-v2 #vision-flogo {
        width: 70px;
    }
}
@media (max-width: 767px){
}
@media (max-width: 575px){
    #footer-v2 #sac-flogo {
        padding: 10px 0;
    }
}

#logo-ftr{
    margin-right: 15px;
}
#logo-ftr img{
    width: 270px;
    height: 100%;
    margin: -23px -85px 0 0px;    
}


/********************************************_____Social Media-[s]_____*****************************************************/
ul#social-footer{
    flex-direction: row;
}
ul#social img,
ul#social-footer img
{
    /*width: 25px;*/
    width: 30px;
    /*border: 1px solid red;*/
    color: red;
}
@media (min-width: 768px)
{
    /*ul#social li a { padding: 15px 1px 10px; }*/
    ul#social li a,
    ul#social-footer li a 
    { 
        padding: 15px 1px 10px; 
    }
}

/*.navbar .tw, .navbar .fb, .navbar .p, .navbar .in, .navbar .ut, .navbar .ig, .navbar .gp*/ 
.social .tw, .social .sc, .social .p, .social .in, .social .ut, .social .ig, .social .gp 
{
    background-image: url('../img/social/social-sprites-1.png');
    background-repeat: no-repeat;
    /*height: 25px;*/
    height: 30px;
}
#social-footer .tw, #social-footer .sc, #social-footer .p, #social-footer .in, #social-footer .ut, #social-footer .ig, #social-footer .gp 
{
    /*background-image: url('../img/social/social-sprites-w.png');*/
    background-image: url('../img/social/social-sprites-w.png');
}
/********************************************/
/*ul#social-footer img{
    width: 30px;
}*/
/*@media (min-width: 768px)
{
    ul#social-footer li a { padding: 15px 2px 10px; }
}*/

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


/*    .tw { background-position: -8px -4px; }
    .tw:hover { background-position: -8px -30px; }
    .fb { background-position: -39px -4px; }
    .fb:hover { background-position: -39px -30px; }
    .p { background-position: -69px -4px; }
    .p:hover { background-position: -69px -30px; }
    .in { background-position: -100px -4px; }
    .in:hover { background-position: -100px -30px; }
    .ut { background-position: -130px -4px; }
    .ut:hover { background-position: -130px -30px; }
    .ig { background-position: -161px -4px; }
    .ig:hover { background-position: -161px -30px; }
    .gp { background-position: -192px -4px; }
    .gp:hover { background-position: -192px -30px; }*/
.tw { background-position: -2px -1px }
.tw:hover { background-position: -2px -30px }
/*    .fb { background-position: -39px -4px; }
    .fb:hover { background-position: -39px -30px; }*/
.sc { background-position: -32px -1px; }
.sc:hover { background-position: -32px -30px; }
/*    .p { background-position: -69px -4px; }
    .p:hover { background-position: -69px -30px; }*/
.ig { background-position: -62px -1px; }
.ig:hover { background-position: -62px -30px; }
.in { background-position: -92px -1px; }
.in:hover { background-position: -92px -30px; }
.ut { background-position: -122px -1px; }
.ut:hover { background-position: -122px -30px; }
/*    .ig { background-position: -161px -4px; }
    .ig:hover { background-position: -161px -30px; }*/
/*    .gp { background-position: -192px -1px; }
    .gp:hover { background-position: -192px -30px; }*/



/********************************************_____Social Media-[e]_____*****************************************************/


/* ========================== Custom WP-Backery ===================== // Start */
.wpb_single_image img{
    
}
.gall-img .img
,.gall-img .img img
,.bod-single-wrap img
,.round-img, .round-img img
,.round-me
/*,.vc_single_image-wrapper img*/
{
    border-radius: 100%;
    width: 350px!important;
    height: 350px!important;
}
.round-me.wh100p{
    width: 100%!important;
    height: 100%!important;
}

.wpb_single_image.w200 img
,.gall-img .img
,.gall-img .img img
/*,.vc_single_image-wrapper img*/
{
    width: 200px!important;
    height: 200px!important;
}
.wpb_single_image img:hover
{
    /* Chrome, Safari, Opera */
    /*-webkit-animation: zoom 1s;*/ 
    /*animation: zoom 1s;*/
}
.vc_single_image-wrapper img
{
    /*border: 2px solid red;*/
    /*    width: 200px!important;
        height: 200px!important;*/
    width: 500px!important;
    height: 300px!important;    
}

/* ========================== Custom WP-Backery ======================= // End */



/* ========================== Custom v3 ======================= // Start */
.airport-gallery{
    border: 1px solid #e5e5e5;
}
.airport-gallery .nivoSlider{
    height: 420px;
}
.airport-gallery img{
    height: 100%!important;
}


ul.list-sac {
    list-style: none;
}
ul.list-sac li {
    font-size: 15px;
    line-height: 30px;
    /*color: #fff;*/
    position: relative;
    /*padding: 0 20px 0 0;*/
    padding: 0 0 0 20px;
}

ul.list-sac li::before {
    /*font-family: "Font Awesome 5 Pro";*/    
    content: "";
    position: absolute;
    width: 6px;
    top: 12px;
    height: 6px;
    /*background: #fff;*/
    background: var(--main2-color-var);
    /*right: 0;*/
    left: 0;
    right: auto;
    transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
}

ul.list-sac li a {
    text-decoration: none;
    font-size: 15px;
    line-height: 30px;
    /*color: #fff;*/
}


/* ========================== Custom v3 ======================= // End */




/* --- Multi Album Gallery Display // Start --- */
.mlti-gal {
    /*border: 5px solid red;*/
    position: relative;
    height: 200px;
}
.mlti-gal img {
    position: absolute;
    /*left: 0;*/
    width: 100%;
    height: 100%;
}

/********************** 2 Pics ***********************************/
.mlti-gal.mgd2 img {
    width: 50%;
    height: 100%;
}
.mlti-gal.mgd2 img:nth-child(2) {
    right: 0;
}

/********************** 3 Pics ***********************************/
.mlti-gal.mgd3 img {
    width: 50%;
    height: 50%;
}
.mlti-gal.mgd3 img:nth-child(2) {
    top: 50%;
}
.mlti-gal.mgd3 img:nth-child(3) {
    right: 0;
    height: 100%;
}

/********************** 4 Pics ***********************************/
.mlti-gal.mgd4 img {
    width: 50%;
    height: 50%;
}
.mlti-gal.mgd4 img:nth-child(2) {
    top: 50%;
}
.mlti-gal.mgd4 img:nth-child(3) {
    right: 0;
}
.mlti-gal.mgd4 img:nth-child(4) {
    right: 0;
    top: 50%;
}
/* --- Multi Album Gallery Display // End --- */
