/*<!-- Vendor CSS -->*/
@import url('../vendor/bootstrap/css/bootstrap.min.css');
@import url('../fonts/line-awesome/css/line-awesome.css');
@import url('../vendor/fontawesome-free/css/all.min.css');
@import url('../vendor/animate/animate.min.css');
@import url('../vendor/simple-line-icons/css/simple-line-icons.min.css');
@import url('../vendor/owl.carousel/assets/owl.carousel.min.css');
@import url('../vendor/owl.carousel/assets/owl.theme.default.min.css');
@import url('../vendor/magnific-popup/magnific-popup.min.css');
/*<!-- Theme CSS -->*/
@import url('../css/theme.css');
@import url('../css/theme-elements.css');
@import url('../css/theme-blog.css');
@import url('../css/theme-shop.css');
/*<!-- Skin CSS -->*/
@import url('../css/skins/skin-corporate-19.css');
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
   /* touch-action: none !important;
    -ms-touch-action: none !important;*/
}

#header .header-column.justify-content-center{display: none;}
#header .header-top{background-color: var(--headertop);background-image:linear-gradient(120deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05)),linear-gradient(120deg, #78c4cf 0%, #6aaecd 100%)}
html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none;  */                /* prevent copy paste, to allow, change 'none' to 'text' */
}
.swiper-wrapper .swiper-slide img,.silder_box div img{width: 100vw;height: auto}
.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-next,.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-prev{background-color: rgba(0, 0, 0, 0.3) !important;    width: 47px;
    height: 47px;}
.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-prev{left: 22px;}
.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-next:before{right: 22px;}
.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-prev:before{left: 11px;}
.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-next:before{right: 18px;left:auto;}
.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-prev:after,.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-next:after{width: 2rem;}
.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-prev:after{left: 10px}
.silder_box.owl-carousel.nav-style-2 .owl-nav .owl-next:after{right: 6px;}
footer ul.inline li:after{
    content: '|';
    margin: 0 5px;
}
footer ul.inline li:last-child:after{
    content: '';
}
#mainNav li:last-child a{
    padding-right: 0px !important;
}
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0 40px;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #e4656c;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.member-avatar{
    background-position:top center;
    background-size: cover;
    width: 140px;
    padding-bottom: 20%;
    margin-right: 15px;
}
.team-avatar{
    background-position:top center;
    background-size: cover;
    padding-bottom: 130%;
}
.post-cover{
    background-position:top center;
    background-size: cover;
    padding-bottom: 130%;
}
.sidebar .post-cover{
    width: 50px;height: 50px;
}
a.text-dark:hover{color: var(--primary)!important;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a{font-weight: 600;color: #434343}
.thumb-info{min-height:550px;}
[id^="area"]{padding-bottom: 50px;margin-top: -50px}
.download.table tr th,.table.curriculum tr th{border-bottom: 2px solid #acd3f0;background-color:#e9f6f8;}
.download.table tr td,.table.curriculum tr td{vertical-align: middle;}
.round.badge{border-radius: 25px !important;}
.minvh{min-height: calc(100vh - 400px)}
.btn-rounded{border-radius: 35px !important;}
table.download{min-width: 650px}
.download td .btn-secondary{background-color: #82b9d1;border-color: #82b9d1}
.parallax-background{min-height: 280%;}
.out_link .parallax-background{min-height: 100%;background-position: center !important;}
.btn-outline.btn-rounded.btn-quaternary.btn-with-arrow >span>i.text-dark{color: #fff !important;top: 1px;}
.rounded-circle~p >a,.sidebar .simple-post-list .post-info a{color: #5c5c5c;}
.rounded-circle~p >a:hover,.sidebar .simple-post-list .post-info a:hover{color: var(--primaryhover);}
.custom_text >img{max-width: 100% !important;}
.bg-fb{background-color: #4267b2}
.image-box .image{background-position: center;background-size: cover;padding-bottom: 70%;}
.image-box h3.text-primary{min-height: 54px;}
.custom_text ol{padding-inline-start:0;}
.exam_down{
    border: 1px solid #c2e3e8;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover .exam_down{
    background-color: var(--primarylink);
}
a:hover .exam_down p{
    color: #fff;
}













/* ------------------------------------------------------------
   box-shadow
------------------------------------------------------------ */
.box-shadow-1:before {
    display: block;
    position: absolute;
    left: 1%;
    top: 1%;
    height: 98%;
    width: 98%;
    opacity: 0.33;
    content: '';
    -webkit-box-shadow: 0 30px 90px #BBB;
    box-shadow: 0 30px 90px #BBB;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: -1;
}

.box-shadow-1.box-shadow-1-hover:before {
    opacity: 0;
}

.box-shadow-1.box-shadow-1-hover:hover:before {
    opacity: 0.33;
}

.box-shadow-2 {
    -webkit-box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
    box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}

.box-shadow-3 {
    -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
}

.box-shadow-4 {
    -webkit-box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2);
}

/* ------------------------------------------------------------
    Sitemap Styles
------------------------------------------------------------ */

.sitemap {
    display: inline-block;
    min-width: 100%;
    padding: 40px 0;
}

.sitemap li a,
.sitemap li a.multi:after {
    position: relative;
    display: block;
    margin: 0;
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    white-space: normal;
    color: #333;
    background-color: white;
    border: 1px solid #f5f5f5;
    border-top: 4px solid #95a5a6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 1;
}

.sitemap li a {
    -webkit-box-shadow: 1px 1px 2px rgba(106,113,127,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(106,113,127,0.2);
    box-shadow: 1px 1px 2px rgba(106,113,127,0.2); 
}

.sitemap li a.multi:after {
    content: " ";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-color: #eee;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    background-color: transparent;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    z-index: -1;
}

.sitemap li a:before {
    /*content: attr(href);*/
    display: block;
    font-size: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    word-wrap: break-word;
    color: #95a5a6;
}

.sitemap li a small {
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 10px;
}

.sitemap .fa {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
    vertical-align: middle;
}

/* --- Root --- */
.sitemap ul ul ul{padding-left: 0}
.sitemap ul, .sitemap li {
    width: calc(100%);
    position: relative;
    display: inline-block;
}

.sitemap ul li:before,
.sitemap ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-color: #ddd;
    border-width: 1px;
    z-index: 0;
}

.sitemap ul li a { border-top-color: var(--primary); width: auto; }
.sitemap ul li a:before, .sitemap ul li .fa { color: var(--primary); }

/* --- Level 1 --- */
.sitemap ul ul {
    white-space: nowrap;
}

.sitemap ul ul li {
    position: relative;
    vertical-align: top;
    padding-top: 20px;
    margin-right: 20px;
    white-space: normal;
    width: 100%;
}

.sitemap ul ul li:last-child {
    padding-right: 0;
}

.sitemap ul ul li:before {
    border-top-style: solid;
    width: 30px;
    top: 50px;
    margin: 0 0 0 -30px;
}

.sitemap ul ul li:first-child:before {
    border-top-style: none;
    border-left-style: solid;
    width: 0;
    height: 30px;
    top: 0;
    left: 45px;
    margin: 0 0 0 -30px;
}

.sitemap ul ul li a { border-top-color: var(--secondary); width: auto; }
.sitemap ul ul li a:before, .sitemap ul ul li .fa { color: var(--secondary); }

/* --- Level 2 --- */
.sitemap ul ul ul {
    display: block;
    white-space: normal;
}

.sitemap ul ul ul li {
    display: block;
    position: relative;
    width: 100%;
    padding-left: 30px;
    margin-right: 0;
}

.sitemap ul ul ul li:before,
.sitemap ul ul ul li:first-child:before  {
    border-top-style: none;
    border-left-style: solid;
    height: 100%;
    top: 0;
    left: 45px;
}

.sitemap ul ul ul li:last-child:before  {
    height: 50px;
}

.sitemap ul ul ul li:after  {
    border-top-style: solid;
    top: 50px;
    left: 15px;
    width: 15px;
}

.sitemap ul ul ul li a { border-top-color: var(--third); width: auto; }
.sitemap ul ul ul li a:before, .sitemap ul ul ul li .fa { color: var(--third); }

/* --- Level 3 --- */
.sitemap ul ul ul ul li a { border-top-color: #e67e22; }
.sitemap ul ul ul ul li a:before, .sitemap ul ul ul ul li .fa { color: #e67e22; }

/* --- Level 4 --- */
.sitemap ul ul ul ul ul li a { border-top-color: #9b59b6; }
.sitemap ul ul ul ul ul li a:before, .sitemap ul ul ul ul ul li .fa { color: #9b59b6; }

/* --- Secondary --- */
.sitemap-2 {
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    border-top: dotted 2px #eee;
}

.sitemap-2 ul {
    white-space: nowrap;
}

.sitemap-2 ul li {
    display: inline-block;
    white-space: normal;
    padding: 0 20px 0 0;
}

.sitemap-2 ul li:before,
.sitemap-2 ul li:after {
    display: none;
}

.sitemap-2 ul li:last-child {
    padding: 0;
}

/* --- Widths --- */
.sitemap > ul > li > a,
.sitemap > ul > li > ul > li,
.sitemap-2 li a {
    width:calc((100% - 100px) / 8.5);
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}
:root{
    --primary:#82c8d1; 
    --primaryhover:#6eb6bf;   
    --primarylink:#63adc3;
    --primarylinkhover:#4187a2;
    --primary-dark:#509595;
    --secondary:#d7bc89;
    --secondaryhover:#c39b5b;
    --headeroverlay:#73b2ba; 
    --third:#93d2f1;
    --black:#666666;
    --headertop:#6eb6bf;
}
.visible-sm.d-inline-block,.visible-xs.d-inline-block{display: none !important}
/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1600px) {
    .out_link .parallax-background{height: 150% !important}
}
@media (max-width: 1367px) {
    #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a{font-size: 16px;font-weight: 500;}
    .page-header.page-header-modern.page-header-background.page-header-background-md{padding: 80px 0}
}


@media (max-width: 1025px) {
    /*.header-logo img{width: 300px!important;height: 43px!important;}*/
    #header .header-nav-main nav > ul > li > a {font-size: 14px;padding: 0.4rem !important}    
    #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a{font-size: 14px;}
    #header .header-logo img{width: 180px; height: 47px;}
    .index section.section.h-100{padding: 25px 0}
}


@media (max-width: 769px) {
    /*.header-logo img{width: 400px!important;height: 58px!important;}*/
    #header .header-nav-main nav{padding: 15px;}
    #header .header-column.justify-content-center{display: flex;}
    #header .header-nav-main nav > ul > li > a {font-size: 16px;}
    #header .header-nav-main nav > ul {width: 70%; padding-top: 0px}
    #header .header-nav-main .card-background-image-hover .card-body{border:1px solid #d8bc8a;padding: .5rem;margin:.5rem;}
    .visible-sm.d-inline-block{display: inline-block !important;width: 20%; margin-right: 35px;}
    .sitemap .fa{display: none}
    .sitemap ul ul li{margin-right: 10px;}
    .sitemap li a, .sitemap li a.multi:after{padding: 15px 10px;}
    .sitemap > ul > li > ul > li{width: calc((100% - 85px) / 8);}  
    .out_link .section-parallax{min-height: 330px !important; }
}


 /*iphone plus*/
@media (max-width: 415px) {
    /*.header-logo img{width: 290px !important; height: auto !important}*/    
    .visible-xs.d-inline-block{display: inline-block !important}
    #header .header-nav-main nav > ul {width: 50%;}    
    .visible-sm.d-inline-block{width: 40%; margin-right: 25px;}
    .sitemap ul ul li:before{width: 1px;}
    .sitemap > ul > li > a,.sitemap > ul > li > ul > li{width: calc(100vw - 50px);display: block;}
    footer .text-right{text-align: left !important;}
    .page-header.page-header-modern.page-header-background.page-header-background-md{padding:40px 0;margin-bottom:0px; }
    .thumb-info .thumb-info-title{padding: 10px 10px 2px}
    .thumb-info{min-height: 355px;}
    #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a,
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a{color: #fff;}
    #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:hover,#header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:focus,
    #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:active{background-color: #0d6997;}
    .isotope-item{text-align: left}
    section.section.section-height-4{padding: 0}
    .testimonial.testimonial-style-2 blockquote{padding: 22px 0px;}
    .index section.section.section-height-5{padding: 2rem 0}
    .out_link .section-parallax{min-height: 160px !important; }
    html .bg-dark{background-image: linear-gradient(120deg, #6bc1cc 0%, #6aaecd 100%)!important;}
    #header .header-nav-main.header-nav-main-mobile-dark nav > ul li {
        border-bottom: 1px solid #5ea9b3;
    }


}


/*iphone: 7px*/
@media (max-width: 376px) {}



/*iphone 5*/
@media (max-width: 321px) {
    /*.header-logo img{width: 250px !important; height: auto !important}*/
    /*#header .header-nav-main nav{min-height: 60vh}*/
}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 



}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

}

/*iPhone XS Max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 


}