/*
Designer: Xatai
Site: Perfect.az
Facebook: https://fb.com/xetai.isayev
*/ 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{height:100%;min-height:100%;}
body{min-height:100%; min-width: 320px;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'SFProDisplay', Arial, Helvetica, sans-serif; color:#15181F;outline:none}
a{outline:none;color:#15181F;text-decoration:none}
a img{border:0 none}
h1,h2,h3,h4,h5 {line-height:normal;font-weight:400;text-rendering:optimizeLegibility}
h1{font-size:23px}
h2{font-size:21px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
strong,b{font-weight:700}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.tr, .pv-top ul li:before, .nc-item a:after, .nav-menu>ul>li>a, .sub-menu, .header-ml-r .h-mb-wrap, .category-list, .x-button.w-d a, .x-button.w-d button, .pagination ul li a {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

@font-face {
    font-family: 'SFProDisplay';
    src: url('../fonts/subset-SFProDisplay-Regular.eot');
    src: url('../fonts/subset-SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/subset-SFProDisplay-Regular.woff') format('woff'),
        url('../fonts/subset-SFProDisplay-Regular.ttf') format('truetype'),
        url('../fonts/subset-SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SFProDisplay';
    src: url('../fonts/subset-SFProDisplay-Medium.eot');
    src: url('../fonts/subset-SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SFProDisplay-Medium.woff2') format('woff2'),
        url('../fonts/subset-SFProDisplay-Medium.woff') format('woff'),
        url('../fonts/subset-SFProDisplay-Medium.ttf') format('truetype'),
        url('../fonts/subset-SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SFProDisplay';
    src: url('../fonts/subset-SFProDisplay-Semibold.eot');
    src: url('../fonts/subset-SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SFProDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/subset-SFProDisplay-Semibold.woff') format('woff'),
        url('../fonts/subset-SFProDisplay-Semibold.ttf') format('truetype'),
        url('../fonts/subset-SFProDisplay-Semibold.svg#SFProDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SFProDisplay';
    src: url('../fonts/subset-SFProDisplay-Bold.eot');
    src: url('../fonts/subset-SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SFProDisplay-Bold.woff2') format('woff2'),
        url('../fonts/subset-SFProDisplay-Bold.woff') format('woff'),
        url('../fonts/subset-SFProDisplay-Bold.ttf') format('truetype'),
        url('../fonts/subset-SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SFProDisplay';
    src: url('../fonts/subset-SFProDisplay-Heavy.eot');
    src: url('../fonts/subset-SFProDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SFProDisplay-Heavy.woff2') format('woff2'),
        url('../fonts/subset-SFProDisplay-Heavy.woff') format('woff'),
        url('../fonts/subset-SFProDisplay-Heavy.ttf') format('truetype'),
        url('../fonts/subset-SFProDisplay-Heavy.svg#SFProDisplay-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Struktur */
.centered {max-width:1340px; margin:0 auto; padding: 0 20px;}
.centered-a {max-width:1416px; margin:0 auto; padding: 0 20px;}
.centered-b {max-width:896px; margin:0 auto; padding: 0 20px;}
.centered-c {max-width:1118px; margin:0 auto; padding: 0 20px;}
.centered:after, .centered-a:after, .centered-b:after, .photo-video-wrap:after, .announcements-wrap:after, .post-d-list-wrap:after, .cn-social:after {display:block; content:""; clear:both;}
.x-button a, .x-button button {font-size: 18px; line-height: 28px; letter-spacing: 1.5px; color: #0B235A; background-color: rgba(255, 255, 255, 0.60); border: 2px solid #0B235A; border-radius:12px; padding: 12px 24px; display:flex; font-weight: 500; align-items: center; cursor: pointer; white-space: nowrap;}
.x-button.w-l a:after, .x-button.w-l button:after {content: ""; display:block; width:24px; height: 24px; background-image: url(../images/right.svg); margin-left:12px;}
.x-button.w-d a, .x-button.w-d button {color: #fff; background-color: #0B235A}
.x-button.w-d a:after, .x-button.w-d button:after {background-image: url(../images/right-w.svg);}
.a-title {font-weight: 900; color: #273247; font-size:36px; line-height: 44px; margin-bottom:32px;}
.x-right {float:right;}
.b-none a {border-color: transparent; background-color:transparent; padding: 12px 10px}
.x-site {background-image: url(../images/bg.svg); background-repeat: no-repeat; background-size:contain;}
.b-head {margin-bottom:48px;}
.b-head .b-head-a {color: #687694; font-size:16px; line-height: 24px; letter-spacing: 1.1px; font-weight: 500; margin-bottom:8px;}
.b-head .b-head-title {font-weight: 900; color: #273247; font-size:46px; line-height: 52px;}
.x-button.w-d a:hover, .x-button.w-d button:hover {background-color:#183E94; border-color:#183E94}

/* Header */
.header {position:relative;}
.header-wrap .header-top {display:flex; justify-content: space-between; padding: 12px 0;}
.header-top .header-top-l {display:flex; padding: 4px 0;}
.header-top-l .hdt-text {color: #15181F; font-size: 14px; line-height: 20px; padding: 2px 0; font-weight: 600; letter-spacing: 0.6px;}
.header-top-l .hdt-item {margin-left: 18px;}
.header-top-l .hdt-item a {width:24px; height: 24px; display:block;}
.hdt-item.hdt-fb a{background-image: url(../images/h-fb.svg)}
.hdt-item.hdt-yt a  {background-image: url(../images/h-yt.svg)}
.hdt-item.hdt-ins a{background-image: url(../images/h-ins.svg)}
.header-top .header-top-r {display:flex;}
.header-top-r .h-menu ul {overflow:hidden;}               
.header-top-r .h-menu ul li {float:left; margin-right: 32px;}
.header-top-r .h-menu ul li a {display:flex; color: #15181F; font-size:14px;   line-height: 20px; padding: 6px 0; letter-spacing: 0.6px; font-weight: 500; align-items: center;}
.h-menu ul li span {width: 16px; height: 16px; display:block; background-image: url(../images/export.svg); margin-left: 4px;}
.language {cursor:pointer; border-radius: 8px; background: rgb(237 236 237); font-size: 14px; font-weight: 500; font-size:14px; line-height: 20px; padding: 6px 12px; letter-spacing: 0.6px; position: relative;}
.language .selected-language {color: #15181F; display:flex; align-items: center;}
.language .selected-language:after {content: ""; width: 16px; height: 16px; display:block; background-image: url(../images/down.svg); margin-left: 4px;}
.language ul {display:none; padding: 6px 12px; position:absolute; background: rgb(237 236 237); width: 100%; left: 0; border-radius: 0 0 8px 8px;}
.language.active {border-radius: 8px 8px 0 0}
.language.active ul {display:block;}
.language ul li a {display:block; padding: 3px 0;}
.header-m {display:flex;}
.header-m .header-ml {background-color: #fff; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; display:flex; justify-content: space-between; flex:1; margin-right: 12px;}
.header-ml .logo {padding: 16px 32px;}
.header-ml .logo a, .header-ml .logo img  {display:block;}
.header-ml-r {display:flex;}
.nav-menu>ul>li {float:left;}
.nav-menu>ul>li>a {position:relative; padding: 36px 20px; display:block; font-size:16px; line-height: 24px; letter-spacing: 0.4px;}
.nav-menu>ul>li.f-mob {display:none;}
.nav-menu>ul>li.f-mob a {color:#15181F; font-size:20px; line-height: 30px; font-weight:600;}
.search {padding: 4px 4px 4px 24px; position: relative;}
.search-b {border-radius: 4px; background: #0B235A; padding: 31px; cursor: pointer;}
.search-b i {display:block; background-image: url(../images/search.svg); width: 26px; height: 26px; background-position: 0 0;}
.search.active .search-b i {background-position: 0 100%;}
.search-block {position: absolute; right: 100%; width: 500px; background-color: #f3f3f3; display: flex ; align-items: center; padding: 0 24px; margin-right: -24px; top: 4px; bottom: 4px; border-radius: 4px 0 0 4px; opacity: 0; visibility: hidden; transition:  all 0.3s ease;}
.search-block form {width:100%;}
.search-block input {width: 100%; display: block; font-size: 16px; line-height: 24px; letter-spacing: 0.9px; padding: 15px 54px 15px 20px; border: 1px solid #A6AAB2; background-color: #fff; border-radius: 12px;}
.search-block button {display:block; position:absolute; right: 40px; width:26px; height: 26px; top:0; bottom:0; margin: auto; background-size:cover; background-image: url(../images/search2.svg); border:0; background-color: transparent; padding:0; cursor:pointer}
.search.active .search-block {opacity: 1; visibility: visible;}
.header-mr .header-mr-a {display:flex; background-color: #fff; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; width: 190px; padding: 4px; justify-content: space-between; align-items: center; user-select: none;}
.header-mr .p-img img {display:block;}
.header-mr .p-text {padding: 0 12px; font-weight: 600; line-height: 24px; letter-spacing: 0.3px; font-size: 16px;}
.mobile-menu {width:36px; height:36px; display:none; cursor:pointer; background-image: url(../images/menu.svg); background-size: cover; margin: 30px 0 30px 24px; background-position: 0 0;}
.menu-open .mobile-menu {background-position: 0 100%;}
.sub-menu {position: absolute; left: 0; max-width: 1368px; right: 0; margin: auto; padding: 12px 20px; z-index:100000; visibility: hidden; opacity:0}
.sub-menu .sub-menu-wrap {box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); background: #F7FAFF; border: 1px solid rgba(21, 9, 31, 0.08); border-radius:12px; padding: 40px 24px 40px; display:flex; flex-wrap:wrap}
.sub-menu .sub-menu-wrap.no-sb-a {padding-bottom:20px;}
.sub-menu-wrap .sub-menu-col {width:25%; padding: 0 16px;}
.sbm-title {color: #000; font-size:16px; line-height: 24px; font-weight: 600; letter-spacing: 0.5px; padding-bottom:16px; border-bottom:1px solid rgba(21, 9, 31, 0.08); margin-bottom:24px;}
.sbm-title.no-sb {border:0; padding:0; margin:0}
.sbm-title a {color: #000}
.sbm-list ul li {margin-bottom:20px;}
.sbm-list ul li:last-child {margin-bottom:0}
.nc-item .sbm-list ul li:last-child {margin-bottom:20px}
.sbm-list ul li a {display:block; color: #000; font-size:14px; line-height: 20px; letter-spacing: 0.9px;}
.nav-menu .h-menu {display:none; background-color: #EDF2FC;}
.nav-menu .h-menu ul li a {display:flex; align-items: center; text-align:center; font-size:16px; line-height:24px; letter-spacing: 0.4px; color:#15181F; padding: 16px 24px;}
.nav-menu .header-top-l {display:none; padding: 30px 24px; background-color: #fff}
.sub-menu-title {display:none; padding: 24px 40px; font-size:20px; line-height: 30px; font-weight: 600; cursor:pointer; margin: 0 20px; background-color: #F7F8FA; border-radius: 8px 8px 0 0; align-items: center;}
.sub-menu-title:before {content: ""; width:32px; height:32px; background-image: url(../images/menu-back.svg); margin-right:8px;}

/* Owl carousel */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{color:inherit;border:none;font:inherit; padding: 0; background-color: transparent;}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.no-js .owl-carousel{display:block}
.owl-height {transition:height 500ms ease-in-out}

/* Main slider */
.main-slider {padding: 64px 0 96px;}
.main-slider-wrap .main-slider-item {display:flex; justify-content: space-between;}
.main-slider-text {padding: 92px 80px 92px 0; flex:1; align-self: center;}
.main-slider-text .ms-text-a {color: #273247; font-weight: bold; font-size:66px; line-height: 75px; margin-bottom:16px; letter-spacing: -1.3px;}
.main-slider-text .ms-text-b {font-size: 16px; line-height: 24px; letter-spacing: 1px; margin-bottom:32px;}
.main-slider-item .main-slider-image {border-radius: 12px; overflow:hidden;}
.main-slider-item .main-slider-image {width:586px;}
.main-slider-item .main-slider-image img {width:100%; display:block; height: 100%;object-fit: cover; object-position: center;}
.m-buttons {display:flex;}
.m-buttons .x-button {margin-right: 12px;}
.main-slider .owl-nav {position:absolute; bottom:0; left:0; display:flex;}
.main-slider .owl-nav>button {display:block; width:48px; height: 48px; margin-right: 16px;}
.main-slider .owl-nav>button:before {content: ""; display:block; width: 48px; height: 48px; }
.main-slider .owl-nav .owl-prev:before {background-image: url(../images/prev.svg);}
.main-slider .owl-nav .owl-next:before {background-image: url(../images/next.svg);}
.main-slider .owl-nav>button.disabled {opacity: 0.38}
.main-slider .owl-dots {position:absolute; left: 0; bottom: 64px; height: 8px; overflow:hidden;}
.main-slider .owl-dots .owl-dot {width:8px; height:8px; margin:0 8px 0 0; border-radius:50%; background-color: rgba(21, 9, 31, 0.12); display:block; float:left;}
.main-slider .owl-dots .owl-dot.active {background-color:#273247}

/* Shortcuts */
.shortcuts {padding-bottom: 96px;}
.shortcuts-wrap {margin: 0 -16px; display:flex;}
.shortcuts-wrap .shortcut-item {display:flex; padding: 0 16px; width: 33.3333333333%;}
.shortcut-item .st-item-a {box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); background-color: #EDF2FC; border: 1px solid rgba(21, 9, 31, 0.08); border-radius: 16px; padding: 32px; position:relative; overflow: hidden; height: 100%;}
.st-item-a .st-type {color: #687694; font-size:14px; line-height: 20px; letter-spacing: 1px; font-weight: 500; margin-bottom:8px;}
.st-item-a .st-title {color: #273247; font-size: 24px; font-weight: 600; line-height: 32px; margin-bottom:32px;}
.shortcut-item .x-button {display:inline-flex; position:relative; z-index:10;}
.st-item-a:after {content: ""; display:block; width:104px; height: 104px; position:absolute; bottom: 0; right: 0; background-size:cover; }
.s-1.st-item-a:after {background-image: url(../images/s-1.svg)}
.s-2.st-item-a:after {background-image: url(../images/s-2.svg)}
.s-3.st-item-a:after {background-image: url(../images/s-3.svg)}

/* Faculties */
.faculties {padding-bottom:96px}
.faculties-wrap {margin: 0 -16px; display:flex; flex-wrap:wrap;}
.faculties-wrap .fa-item {padding: 0 16px 24px; width: 50%;}
.faculties-wrap .fa-item .fa-item-a {border-radius: 12px; border: 1px solid  rgba(21, 9, 31, 0.08); background:  #EDF2FC;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); display:flex; padding: 24px; position:relative; height:100%;}
.faculties-wrap .fa-item .fa-item-a:after {content: "";position:absolute; top:0; bottom:0; margin: auto; right: 24px; width: 48px; height: 48px; background-image: url(../images/f-right.svg) }
.fa-item-a .fa-image {border-radius:4px; width: 72px; overflow:hidden; align-self: flex-start}
.fa-item-a .fa-image img {display:block; width:100%;}
.fa-right {padding: 0 40px 0 16px; align-self:center; flex:1}
.fa-right .fa-title {color: #273247; font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 4px;}
.fa-right .fa-count {font-size:14px; line-height: 20px; letter-spacing:  1px; color: #687694;}

/* Rector */
.rector {background:  #EDF2FC; padding: 64px 0;}
.rector-wrap {display:flex;}
.rector-wrap .rect-image {border-radius: 12px; overflow: hidden; width:555px; align-self: flex-start;}
.rector-wrap .rect-image img {width:100%; display:block;}
.rector-wrap .rect-r {padding-left: 64px; flex:1; align-self: center;}
.rect-r .rect-a {color: #435270; letter-spacing: 1px; font-size:14px; line-height: 20px; font-weight: 500; margin-bottom: 8px;}
.rect-r .rect-t {color: #273247; font-size:32px; line-height: 40px; font-weight: 600; margin-bottom: 16px;}
.rect-r .rect-i {color: #435270; font-size:16px; line-height: 24px; letter-spacing: 1px; margin-bottom: 32px}
.rect-r .rect-i a {color: #435270; text-decoration: underline;}

/* Posts */
.posts {padding: 96px 0;}
.posts-wrap {display:flex;}
.posts-wrap .posts-l {width:54.8%;}
.post-a {margin-bottom:32px;}
.post-a a {display:block; position:relative; }
.post-a-image {box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); border-radius:12px; overflow:hidden;}
.post-a-image img {display:block; width:100%;}
.post-a-info {position: absolute; padding: 64px 24px 32px; bottom:0; left:0; width:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); border-radius:12px;}
.post-date {color: #fff; background-color: #0B235A; border-radius: 8px; padding: 6px 8px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); font-size:12px; letter-spacing: 1px; font-weight: 500; line-height: 16px; display:inline-block; vertical-align: top; z-index:5}
.post-a-info .post-date {margin-bottom:8px;}
.post-a-info .post-a-title {color: #fff; font-size: 36px; font-weight: 600; line-height: 44px;}
.post-b {margin-bottom:24px;}
.post-b a {display:flex}
.post-b .post-b-l {float:left; width: 180px}
.post-b-l .post-b-image {overflow:hidden; border-radius: 8px; position:relative; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.post-b-l .post-b-image:after {content: ""; padding-top: 62.2%; display:block;}
.post-b-l .post-b-image img {display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}
.post-b-image .post-date {position:absolute; top: 8px; right: 8px;}
.post-b .post-b-r {overflow:hidden; padding-left: 24px; flex:1}
.post-b .post-b-title {color: #273247; font-size:24px; line-height: 32px; font-weight:500; overflow:hidden;}
.posts-r {padding-left: 64px; flex:1}
.posts-r-inner {box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); background-color: #EDF2FC; border: 1px solid rgba(21, 9, 31, 0.08); padding: 32px; border-radius: 12px; overflow:hidden;}
.post-c .post-c-image {border-radius:12px; overflow:hidden; position:relative; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.post-c .post-c-image img {width:100%; display:block;}
.post-c-image .post-date {position:absolute; top: 16px; right: 16px;}
.post-c .post-c-info {padding: 24px; border-radius: 12px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); background-color: #fff; margin: -24px 12px 0; position:relative;}
.post-c-info .post-c-title {color: #273247; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 8px;}
.post-c-info .post-c-desc {color: #435270; font-size:14px; line-height: 20px; letter-spacing: 1px;}
.posts-r .post-c {border-bottom: 1px solid rgba(21, 9, 31, 0.08); padding-bottom: 24px; margin-bottom:24px;}
.p-type .post-b {padding-bottom:24px; border-bottom: 1px solid rgba(21, 9, 31, 0.08)}
.p-type .post-b:last-child {border-bottom:0;}
.p-type .post-b .post-b-r {padding-left: 16px;}
.p-type .post-b .post-b-title {font-size:16px; line-height: 24px; letter-spacing: 0.6px;}

/* Photo Video */
.photo-video .photo-video-wrap {border-bottom: 1px solid rgba(21, 9, 31, 0.08); padding-bottom: 32px; margin-bottom: 72px;}
.pv-top {overflow:hidden; margin-bottom:32px;}
.pv-top ul li {float:left; cursor: pointer; font-size:16px; line-height: 24px; letter-spacing: 1px; padding-bottom:20px; position:relative; margin-right:24px; font-weight: 500;}
.pv-top ul li:before {content: ""; height: 4px; position:absolute; bottom:0; left:0; width:100%; background-color:#15181F; opacity:0;}
.pv-top ul li.active:before {opacity:1;}
.pv-content {display:flex;}
.pv-content .x-right {padding-top: 32px;}
.pv-list .pv-tt {margin: 0 -16px; display:flex;}
.pv-list .pv-item {width:33.3333333333%; padding: 0 16px;}
.pv-list .pv-item-a {height:100%}
.pv-item a {box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); display:block; background-color: #EDF2FC; border: 1px solid rgba(21, 9, 31, 0.08); border-radius:12px; overflow:hidden; height: 100%;}
.pv-item-image img {width:100%; display:block;}
.pv-item-info {padding: 16px 24px 20px}
.pv-item-info .pv-item-title {color: #273247; font-size:20px; line-height: 29px; font-weight: 600; margin-bottom: 8px}
.pv-item-info .pv-item-desc {color: #435270; font-size:14px; line-height: 20px; height: 40px; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; margin-bottom:20px; display: -webkit-box; -webkit-box-orient: vertical; letter-spacing: 1px;}
.pv-list {display:none}
#tab1 {display:block;}

/* Announcements-wrap */
.announcements {padding-bottom:96px;}
.announcements-wrap {margin: 0 -16px 32px; display:flex;}
.announcements-wrap .ann-item {width:25%; padding: 0 16px;}
.ann-item a {display:block; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); border: 1px solid rgba(21, 9, 31, 0.08);  padding: 24px; border-radius: 12px; height: 100%;}
.ann-date {color: #0B235A; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: 1px; padding: 6px 8px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); border: 1px solid rgba(21, 9, 31, 0.08); display:inline-block; vertical-align: top; border-radius:8px; margin-bottom: 16px;}
.ann-image {overflow:hidden; border-radius: 12px; border-radius: 12px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.ann-image img {width:100%; display:block;}
.ann-item .ann-title {color: #273247; font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom:8px; margin-top: 16px;}
.ann-item .ann-desc {color: #435270; font-size:14px; line-height: 20px; height: 40px; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; letter-spacing: 1px;}

/* Rubric */
.rubric {padding: 64px 0; background-color:#EDF2FC}
.rubric-wrap {display:flex; margin-bottom:32px;}
.rubric-wrap .rubric-l {width:57.3%;}
.rubric-wrap .rubric-r {flex:1; padding-left: 32px;}
.rubric-wrap .post-c-info .post-c-title {font-size:32px; line-height: 40px; font-weight: 600}
.r-type .post-b {padding-bottom:24px; border-bottom: 1px solid rgba(21, 9, 31, 0.08)}
.r-type .post-b:last-child {border-bottom:0;}

/* Stats */
.stats {padding: 50px 0;}
.stats-wrap {margin: 0 -16px; display:flex;}
.stats-wrap .stat-item {width:25%; padding: 0 16px; display:flex; justify-content: center;}
.stat-item .stat-icon {width:72px; height:72px; align-content: center;}
.stat-item .stat-icon img {display:block; max-width:100%;}
.stat-item .stat-r {padding-left: 16px; align-content: center;}
.stat-r .stat-count {font-size:32px; line-height: 40px; font-weight: 900; color:#273247; margin-bottom:4px;}
.stat-r .stat-t {color: #687694; font-size:14px; line-height: 20px; letter-spacing: 1px; font-weight: 500;}

/* Urls */
.urls {padding: 20px 0; border-top: 1px solid rgba(21, 9, 31, 0.08)}
.urls-wrap {margin: 0 -16px; display:flex; justify-content: space-between;}
.urls-wrap .url-item {padding: 0 16px;}
.url-item img {display:block;}

/* Footer */
.footer {padding: 72px 0; background-color: #273247;}
.footer-top-wrap {display:flex; justify-content: space-between; padding-bottom:32px; border-bottom: 1px solid rgba(255, 255, 255, 0.16)}
.footer-logo img {display:block;}
.fc-item {color: #fff; font-size:16px; line-height: 24px; letter-spacing: 1px; font-weight: 500; display:flex; text-decoration: underline;}
.fc-item:before {content: ""; width: 32px; height: 32px; margin-right: 8px;}
.f-phone:before {background-image: url(../images/phone.svg)}
.f-mail:before {background-image: url(../images/mail.svg)}
.f-location:before {background-image: url(../images/location.svg)}
.f-social ul {overflow:hidden;}
.f-social ul li {float:left; margin-left: 24px;}
.f-social ul li a {display:block; width:32px; height: 32px;}
.f-fb a {background-image: url(../images/f-fb.svg)}
.f-yt a {background-image: url(../images/f-yt.svg)}
.f-ins a {background-image: url(../images/f-ins.svg)}
.footer-m-wrap {display:flex; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.16); padding: 48px 0; }
.fm-title {color: #88A7F2; font-size:14px; font-weight: 600; line-height: 20px; letter-spacing: 0.5px; margin-bottom:16px;}
.f-menu ul li {margin-bottom: 16px;}
.f-menu ul li:last-child {margin-bottom:0;}
.f-menu ul li a {color: #EDF2FC; font-size:16px; line-height: 24px; font-weight: 500; letter-spacing: 1.1px;}
.f-cp {padding-top: 32px; color:#88A7F2; font-size:14px; line-height: 20px; letter-spacing: 1px;}

/* Media page */
.media-page {padding-bottom:140px}
.media-list {display:flex; margin: 0 -16px; flex-wrap: wrap}
.media-list .md-item {width:33.33333333333%; padding: 0 16px 16px}
.media-list .md-item a {display:block; background-color: #fff; border-radius:16px; position:relative; padding:24px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); border: 1px solid rgba(21, 9, 31, 0.08); overflow:hidden; height:100%;}
.md-item .md-at {color: #687694; font-size:14px; line-height: 20px; font-weight: 500; margin-bottom:4px;}
.md-item .md-bt {color: #273247; font-size:24px; line-height: 32px; font-weight: 900; margin-bottom:16px; min-height: 64px;}
.md-button {display:flex; color: #0B235A; font-size:14px; line-height: 20px; font-weight: 500; letter-spacing: 1px; align-items: center;}
.md-button:before {content: ""; width:32px; height:32px; background-image: url(../images/md-button.svg); margin-right:12px;}
.md-item a:after {content: ""; width:88px; height: 88px; position:absolute; bottom:0; right:0;}
.md1 a:after {background-image: url(../images/md1.svg);}
.md2 a:after {background-image: url(../images/md2.svg);}
.md3 a:after {background-image: url(../images/md3.svg);}
.md4 a:after {background-image: url(../images/md4.svg);}
.md5 a:after {background-image: url(../images/md5.svg);}
.md6 a:after {background-image: url(../images/md6.svg);}
.md7 a:after {background-image: url(../images/md7.svg);}
.md8 a:after {background-image: url(../images/md8.svg);}
.md9 a:after {background-image: url(../images/md9.svg);}

/* Speedbar */
.speedbar {padding-top: 24px; display:flex; flex-wrap:wrap; margin-bottom:48px;}
.speedbar .sp-item a, .speedbar .sp-item span {color: #3D424C; font-size: 14px; line-height: 20px; letter-spacing: 1px; display:flex; align-items: center; margin-right: 12px;}
.speedbar .sp-item span {margin-right:0}
.speedbar .sp-item a:after {content: ""; min-width: 12px; height:12px; display:block; background-image: url(../images/s-right.svg); margin-left:4px;}

/* News page */
.news-page {padding-bottom:160px;}
.news-page .b-head {margin-bottom:8px;}
.category-list {display:flex; margin-bottom:48px; flex-wrap: wrap}
.category-list .nc-item {margin-right: 32px;}
.category-list .nc-item>a {display:block; position:relative; color: #15181F; font-size:16px; line-height: 24px; font-weight:500; letter-spacing: 1px; padding: 20px 0;}
.category-list .nc-item>a:after {content: ""; position:absolute; left:0; bottom:0; width:100%; height: 4px; background-color: #15181F; opacity:0; visibility: hidden;}
.news-page .rubric-wrap {margin-bottom:48px;}
.post-d-list-wrap {margin: 0 -16px; display: flex; flex-wrap:wrap}
.post-d-list-wrap .post-d {width:33.333333333333%; padding: 0 16px 32px;}
.post-d .post-d-image {border-radius:12px; overflow:hidden; position:relative; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); margin-bottom:16px;}
.post-d .post-d-image img {width:100%; display:block;}
.post-d-image .post-date {position:absolute; top: 16px; right: 16px;}
.post-d .post-d-title {color: #273247; font-size:24px; line-height: 32px; font-weight: 600;}
.ct-menu {display:none;color: #0B235A; font-size:12px; line-height: 16px; padding: 10px 12px 10px 0; font-weight:500; letter-spacing: 1px; align-items: center; margin-bottom:32px;}
.ct-menu:before {content: ""; width: 20px; height: 20px; display:block; margin-right:12px; background-image: url(../images/menu.svg); background-size: cover;}
.ct-close {margin-left: auto; width:20px; height:20px; background-image: url(../images/menu.svg); cursor:pointer; background-position: 0 100%; background-size:cover;}

/* Pagination */
.pagination ul {display:flex; justify-content: center; margin-top: 64px; flex-wrap:wrap}
.pagination ul li {}
.pagination ul li a, .pagination ul li span {min-width:40px; height: 40px; font-size:14px; line-height: 20px; color: #6E737D; letter-spacing: 0.9px; font-weight:500; padding: 10px; text-align: center; display:block; border-radius:8px;}
.pagination ul li.prev a:before, .pagination ul li.next a:before, .pagination ul li.prev span:before, .pagination ul li.next span:before {content: ""; display:block; width:20px; height:20px;}
.pagination ul li.prev span:before, .pagination ul li.next span:before {opacity: 0.5}
.pagination ul li.prev a:before, .pagination ul li.prev span:before {background-image: url(../images/p-prev.svg);}
.pagination ul li.next a:before, .pagination ul li.next span:before {background-image: url(../images/p-next.svg);}
.pagination ul li.active span, .pagination ul li.active a {background-color: #D9E4FC; color: #0B235A}
.pagination ul li a:hover {color: #0B235A}

/* News detail */
.news-detail-page {padding-bottom:140px;}
.news-detail-a {margin-bottom:80px;}
.news-detail-a .post-date {margin-bottom:12px;}
.news-detail-a .news-detail-title {margin-bottom:24px; font-weight: 900; color:#000; font-size:36px; line-height: 44px;}
.news-detail-a .news-detail-image {border-radius:12px; overflow:hidden; margin-bottom:48px;}
.news-detail-a .news-detail-image img {width:100%; display:block;}
.news-article {font-size: 16px; color: #15181F; line-height:24px; letter-spacing: 0.8px;}
.news-article h2 {font-weight: 600; margin-bottom:24px;}
.news-article p {margin-bottom:16px;}
.news-article iframe, .news-article video {display:block; width:100%;}
.news-article a {text-decoration: underline; color: #2653BD}
.news-share {padding: 24px; background-color: #EDF2FC; border: 1px solid rgba(21, 9, 31, 0.08); border-bottom-width: 2px; border-radius:12px; display:flex; justify-content: space-between; align-items: center;}
.news-share-l {padding-right:20px;}
.news-share-l b {font-weight: 600; font-size:16px; line-height: 24px; letter-spacing: 0.9px; color:#273247;}
.news-share-l p {color: #435270; font-size:14px; line-height: 20px; letter-spacing: 1px;}
.news-share-i {overflow:hidden;}
.news-share-i ul li {float:left; margin-left:8px;}
.news-share-i ul li a {display:block; border-radius:50%; background-color: rgba(21, 9, 31, 0.08);padding: 10px}
.news-share-i ul li a:before {content: ""; width:20px; height: 20px; display:block;}
.news-share-i ul li.n-fb a:before {background-image: url(../images/n-fb.svg)}
.news-share-i ul li.n-wp a:before {background-image: url(../images/n-wp.svg)}
.news-share-i ul li.n-x a:before {background-image: url(../images/n-x.svg)}
.news-share-i ul li.n-tg a:before {background-image: url(../images/n-tg.svg)}
.news-share-i ul li.n-cp a:before {background-image: url(../images/n-cp.svg)}

/* Conferences */
.conferences-page {padding-bottom:140px;}
.conferences-page .b-head {margin-bottom:8px;}
.cf-t {color: #273247; font-size:24px; line-height: 32px; font-weight: 600; margin-bottom:32px;}
.cf-item {margin-bottom: 16px}
.cf-item:last-child {margin-bottom:0;}
.cf-item a {display:flex; padding: 24px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); border: 1px solid rgba(21, 9, 31, 0.08); border-radius: 12px; background-color:#EDF2FC;  align-items: center;}
.cf-item a:before {content: ""; width:40px; height: 40px; background-image: url(../images/calendar.svg); margin-right: 16px}
.cf-cont {flex: 1}
.cf-item .cf-title {color: #273247; font-size:20px; line-height: 30px; font-weight: 500; margin-bottom:4px;}
.cf-item .cf-date {color: #687694; font-size: 14px; line-height: 20px; letter-spacing: 1.1px;}

/* Newspaper */
.newspaper-page {padding-bottom:140px}
.newspaper-page .b-head {margin-bottom:8px;}
.newspaper-list {display:flex; margin: 0 -16px; flex-wrap:wrap;}
.newspaper-list .np-item {padding: 0 16px 16px; width:50%;}
.np-item a {display:flex; padding: 24px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); border: 1px solid rgba(21, 9, 31, 0.08); border-radius: 12px; background-color:#EDF2FC;  align-items: center;}
.np-item a:before {content: ""; width:40px; height: 40px; background-image: url(../images/pdf.svg); margin-right: 16px}
.np-item a:after {content: ""; width:48px; height: 48px; background-image: url(../images/n-right.svg); margin-left: auto}
.np-item .np-title {color: #273247; font-size:20px; line-height: 30px; font-weight: 500; flex:1}
.newspaper-page .pagination {margin-top: 72px;}

/* Journals */
.journals-page {padding-bottom:140px}
.journals-page .b-head {margin-bottom:8px;}
.journals-list {display:flex; margin: 0 -16px; flex-wrap:wrap;}
.journals-list .jn-item {padding: 0 16px 16px; width:25%; display:flex;}
.jn-item a {display:flex; padding: 24px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); border: 1px solid rgba(21, 9, 31, 0.08); border-radius: 12px; background-color:#EDF2FC;  flex-wrap:wrap; align-content: flex-start;}
.jn-item .jn-image {width:100%; display:block; border-radius: 8px; border: 1px solid rgba(21, 9, 31, 0.04); margin-bottom:16px; overflow: hidden;}
.jn-item .jn-image img {width:100%; display:block;}
.jn-item .jn-title {color: #273247; font-size:20px; line-height: 30px; font-weight: 600; margin-bottom:8px; width:100%;}
.jn-item .jn-more {display:flex; color: #435270; font-size:14px; line-height: 20px; letter-spacing: 1px; align-items: center;}
.jn-item .jn-more:after {content: ""; margin-left: 8px; width:16px; height: 16px; background-image: url(../images/jn-right.svg)}

/* Contact */
.contact-page {padding-bottom:160px;}
.c-head {margin-bottom:48px; max-width:745px}
.c-head .c-head-title {color: #273247; font-size:46px; line-height: 52px; margin-bottom: 16px; font-weight: 900;}
.c-head .c-head-a {color: #3D424C; font-size:16px; line-height: 24px;letter-spacing: 1px;}
.cnt-items {overflow:hidden; margin: 0 -16px 48px;}
.cnt-items .cnt-item {float:left; width:33.33333333333%;padding: 0 16px;}
.cnt-item-a .cnt-icon {width:40px; height: 40px; margin-bottom:24px;}
.c-phone {background-image: url(../images/c-phone.svg);}
.c-mail {background-image: url(../images/c-mail.svg);}
.c-location {background-image: url(../images/c-location.svg);}
.cnt-item-a .cnt-text {font-size:20px; line-height: 30px; font-weight: 600; color: #15181F; padding-bottom: 22px; border-bottom: 1px solid #15181F;}
.cnt-item-a .cnt-b {padding-top: 20px; color: #3D424C; font-size: 14px; line-height: 20px; letter-spacing: 1px; }
.c-map {margin-bottom:48px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); border-radius: 12px; border: 4px solid #fff}
.c-map iframe {width:100%; display:block; border-radius:8px; overflow:hidden}
.cn-social {margin: 0 -16px 48px;}
.cn-social .cn-social-item {float:left; width:33.333333333333%; padding: 0 16px;}
.cn-social-item a {display:block; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); padding: 24px; background-color: #EDF2FC; border-radius: 12px; border: 1px solid rgba(21, 9, 31, 0.08)}
.cn-s-top {color: #273247; padding-right: 44px; font-size:24px; line-height: 32px;font-weight:600; position:relative; margin-bottom:12px;}
.cn-s-top:after {content: ""; position:absolute; top:0; right:0; width:32px; height: 32px;}
.cn-fb:after {background-image: url(../images/c-fb.svg)}
.cn-ins:after {background-image: url(../images/c-ins.svg)}
.cn-yt:after {background-image: url(../images/c-yt.svg)}
.cns-t {color: #687694; font-size:14px; line-height: 20px; letter-spacing: 1px; margin-bottom:32px;}
.cn-more {background-image: url(../images/cn-right.svg); width:24px; height: 24px;}
.contact-bottom {padding-top: 48px; border-top: 1px solid #15181F; display:flex;}
.contact-form {width:606px;}
.x-form-row {overflow:hidden; margin: 0 -6px;}
.x-form-row .x-form-item {width:50%; float:left; padding: 0 6px;}
.x-form-item {margin-bottom:16px;}
.x-form-item input, .x-form-item textarea {width:100%; display:block; font-size:16px; line-height: 24px; letter-spacing: 0.9px; padding: 15px 20px; border: 1px solid #A6AAB2; background-color: rgba(255, 255, 255, 0.60); border-radius: 12px;}
.x-form-item textarea {height: 120px;}
.x-f-text {color: #6E737D; font-size:16px; line-height: 24px; letter-spacing: 0.9px; margin-bottom:16px}
.cn-right {flex:1; padding-left: 88px;}
.cn-right .a-title {margin-bottom:24px;}
.cn-r-image {box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); border-radius: 12px; overflow: hidden; margin-bottom:24px}
.cn-r-image img {width:100%; display:block;}
.cr-links {display:flex; flex-wrap:wrap}
.cr-links .cr-link {margin-right: 40px; margin-bottom:16px;}
.cr-links .cr-link:last-child {margin-right: 0;}
.cr-links .cr-link a {display:block; letter-spacing: 1.3px; text-decoration: underline; color: #273247; font-size:18px; line-height: 28px; font-weight: 500}

/* Rector page */
.rector-page {padding-bottom: 140px;}
.rector-z {display:flex;}
.rector-z .rz-right {flex:1; padding-left: 142px}
.rz-right .rz-block {background-color: #EDF2FC; border: 1px solid rgba(21, 9, 31, 0.08); border-radius: 12px; padding: 32px;}
.rector-page .contact-form {width: 634px;}
.rz-dw {width: 48px; height: 48px; background-image: url(../images/write.svg)}
.rz-tl {margin: 16px 0; color: #273247; font-size:24px; line-height: 32px; font-weight: 600;}
.rz-list ul li {color: #435270; font-size: 16px; line-height: 24px; letter-spacing: 0.9px; padding-left: 14px; position:relative;}
.rz-list ul li:before {content: ""; width:4px; height: 4px; background-color: #435270; position:absolute; top:10px; left:0; border-radius:50%}

/* 404 page */
.nf-wrap {padding: 220px 0;}
.nf-wrap .nf-a {display:flex; max-width: 1080px; justify-content: space-between; margin: 0 auto; align-items: center;}
.nf-a .nf-l {width:524px;}
.nf-image img {width:100%; display:block;}
.nf-t {color: #000; font-size:46px; line-height: 52px; font-weight: 600; margin-bottom:16px;}
.nf-ds {color: #000; font-size:16px; line-height: 24px; margin-bottom:32px; letter-spacing: 0.9px;}
.nf-a .x-button a {display: inline-flex}

/* Search */
.search-page {padding-bottom: 140px}
.search-list .sh-item {margin-bottom:12px;}
.search-list .sh-item a {display:flex;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); background-color: #fff; border: 1px solid rgba(21, 9, 31, 0.08); border-radius: 12px; padding: 24px; align-items: center;}
.sh-item .search-image {width: 96px; height: 96px; object-fit: cover; border-radius:8px; overflow:hidden; align-self: flex-start;}
.sh-item .search-image img {width: 100%; display:block; height:100%; object-fit: cover;}
.sh-item-r {flex:1; padding-left: 24px;}
.sh-item-r .sh-type {color: #687694; font-size:16px; line-height: 24px; letter-spacing: 0.9px; margin-bottom:4px;}
.sh-item-r .sh-title {color: #273247; font-size:24px; line-height: 32px; font-weight: 500;}

/* Teachers */
.teachers-page {padding-bottom:140px}
.teachers-page .b-head {margin-bottom:8px;}
.teachers-list {display:flex; margin: 0 -16px; flex-wrap:wrap;}
.teachers-list .tc-item {padding: 0 16px 32px; width:25%; display:flex;}
.tc-item a {display:flex; padding: 24px 24px 16px 24px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); border: 1px solid rgba(21, 9, 31, 0.08); border-radius: 12px; background-color:#fff;  flex-wrap:wrap; align-content: flex-start; margin-bottom:4px;}
.tc-item .tc-image {width:100%; display:block; border-radius: 8px; border: 1px solid rgba(21, 9, 31, 0.04); margin-bottom:16px; overflow: hidden;}
.tc-item .tc-image img {width:100%; display:block;}
.tc-item .tc-prof {text-decoration: underline; color: #435270; font-size:14px; line-height: 20px; letter-spacing: 1px; margin-bottom:4px}
.tc-item .tc-title {color: #273247; font-size:20px; line-height: 30px; font-weight: 600; margin-bottom:12px; width:100%;}
.tc-item .tc-more {display:flex; color: #0B235A; font-size:14px; line-height: 20px; letter-spacing: 0.9px; align-items: center; font-weight: 500;}
.tc-item .tc-more:before {content: ""; margin-right: 12px; width:32px; height: 32px; background-image: url(../images/tc-right.svg)}

/* Teacher detail */
.teacher-detail-wrap {padding-bottom: 160px;}
.teacher-detail-wrap .teacher-detail-a .td-block {background-color: #FFF; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04);border-radius: 12px; margin-bottom: 16px}
.td-block .td-block-info {padding: 32px 32px 0 32px;}
.td-ba {display:flex;}
.td-ba .td-ba-image {width:212px; border-radius: 8px; overflow:hidden;}
.td-ba .td-ba-image img {width:100%; display:block; height:100%; object-fit: cover;}
.td-ba .td-ba-right {flex:1; padding-left: 32px}
.td-ba-right  .td-prof {color: #687694; font-size:16px; line-height: 24px; font-weight: 500; letter-spacing: 1px;margin-bottom:4px;}
.td-ba-right  .td-name {color: #273247; font-size:36px; line-height: 44px; font-weight: 900; margin-bottom: 8px;}
.td-ba-right .td-orc {color:#435270; font-size:14px; line-height: 20px; letter-spacing: 0.4px; margin-bottom: 16px;}
.td-ba-right .td-orc span {font-weight: 600;}
.td-ba-right .td-orc u {letter-spacing:1px; text-decoration: underline; font-weight: normal}
.td-ba-right .td-orc u a {color: #435270}
.td-a-item {color: #273247; font-size: 16px; line-height: 24px; letter-spacing: 0.9px; margin-bottom: 8px; display:flex; align-items: center;}
.td-a-item a {color: #273247}
.td-a-item:before {content: ""; display:block; min-width:32px; height:32px; margin-right: 8px; align-self: flex-start;}
.td-p:before {background-image: url(../images/td-p.svg);}
.td-m:before {background-image: url(../images/td-m.svg);}
.td-block-wrap {padding: 32px;}
.td-block-title {margin-bottom:16px; color: #15181F; font-size:24px; line-height: 32px; font-weight: 600; }
.td-block-text {color: #15181F; font-size:16px; line-height: 24px; letter-spacing: 0.9px;}
.td-block-text b {font-weight: 500}
.td-block-tab { display: none; }
.td-block-tab:first-child { display: block; }
.td-more {margin-top: 16px; display:flex;}
.td-more a {display:inline-flex; align-items: center; color:#0B235A; font-size:14px; line-height: 20px; letter-spacing: 0.4px; font-weight: 500;}
.td-more a:before {content: ""; width:32px; height: 32px; background-image: url(../images/td-z.svg); margin-right: 12px; display:block;}
.td-list {padding-left: 10px}
.td-list li {color: #15181F; font-size: 16px; line-height: 24px; letter-spacing: 0.9px; padding-left: 14px; position:relative;}
.td-list li:before {content: ""; width:4px; height: 4px; background-color: #435270; position:absolute; top:10px; left:0; border-radius:50%}
.teacher-c-list {display:flex; margin-top:16px; flex-wrap: wrap}
.teacher-c-list .tlt-item {margin-right: 24px;}
.teacher-c-list .tlt-item a {display:block; position:relative; color: #15181F; font-size:16px; line-height: 24px; font-weight:500; letter-spacing: 1px; padding: 20px 0;}
.teacher-c-list .tlt-item a:after {content: ""; position:absolute; left:0; bottom:0; width:100%; height: 4px; background-color: #15181F; opacity:0; visibility: hidden;}
.teacher-c-list .tlt-item a.active:after {opacity: 1; visibility: visible;}

/* Clinics */
.clinics-page {padding-bottom:110px;}
.clinics-page .b-head {margin-bottom:8px;}
.cc-item {margin-bottom:48px;}
.cc-item:last-child {margin-bottom:0}
.cc-item a {display:flex; align-items: center; padding-bottom:48px; border-bottom: 1px solid rgba(21, 9, 31, 0.08)}
.cc-item:nth-child(odd) a {flex-direction: row-reverse;}
.cc-item:last-child a {padding-bottom:0; border:0}
.cc-item .cc-image {width:524px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08); border-radius:12px; overflow:hidden}
.cc-item .cc-image img {width:100%; display:block;}
.cc-item .cc-info {flex:1; padding-left: 140px}
.cc-item:nth-child(odd) .cc-info {padding: 0 140px 0 0}
.cc-info .cc-name {color: #273247; font-size: 46px; line-height: 52px; font-weight: 600; margin-bottom:12px;}
.cc-info .cc-desc {color: #687694; font-size:16px; line-height: 24px; letter-spacing: 0.9px; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom:24px;}
.cc-more {display:flex; align-items: center; color: #0B235A; letter-spacing: 1.2px; font-size:18px; line-height: 28px; font-weight: 500;}
.cc-more:before {content: ""; display:block; width:48px; height: 49px; background-image: url(../images/c-right.svg); margin-right: 16px;}

/* Reports */
.reports-page {padding-bottom:140px;}
.reports-page .b-head {margin-bottom:8px;}
.rp-content {color: #000; font-size:16px; line-height: 24px; letter-spacing: 0.8px;}
/* .rp-content p, .rp-content h2 {max-width: 856px;} */
.rp-content video, .rp-content iframe {width:100%; display:block;}
.rp-content h2 {font-size:22px; line-height: 30px; font-weight: 500;}
.rp-content table {background-color: #fff; overflow:hidden; width:100%;}
.rp-content table tr th, .rp-content table tr td {padding: 18px; text-align: left; font-size: 14px; line-height: 20px; min-width:140px;}
.rp-content table tr td {border: 1px solid rgba(21, 9, 31, 0.08); letter-spacing: 0.8px; color: #3D424C; }
.rp-content table tr th {color: #D9E4FC; letter-spacing: 0.5px; background-color: #0B235A; border: 1px solid rgba(255, 255, 255, 0.08)}
.rp-content a {text-decoration: underline;}
.table-res {overflow: auto; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); }

/* Sections */
.sections-page {padding-bottom: 160px;}
.sect-image {margin-bottom:24px; border-radius: 12px; overflow: hidden;}
.sect-image img {width: 100%; display:block;}
.sect-article {color: #000; font-size:16px; line-height: 24px; letter-spacing: 0.8px;}
.sect-article u {text-decoration: underline;}
.sect-article h2 {font-weight: 600; font-size:24px; line-height: 32px; margin-bottom:24px;}
.sw-im-t {display:flex; margin: 48px 0;}
.sw-im-t .sw-text {padding-right: 32px; flex:1}
.sw-im-t .sw-img {width: 412px; border-radius: 12px; overflow: hidden; align-self: flex-start;}
.sw-im-t .sw-img img {width:100%; display:block;}
.article-gallery {margin-top: 40px; margin-bottom:30px;}
ul#imageGallery li {border-radius:12px; overflow: hidden;}
ul.lSPager li {border-radius:8px; overflow: hidden;}

/* Faq */
.faq-page {padding-bottom: 140px}
.fq-accordion-section {border-radius: 12px; background: #EDF2FC; border: 1px solid rgba(21, 9, 31, 0.08); margin-bottom:12px; cursor:pointer;}
.fq-accordion-section .fq-accordion-header {font-weight: 600; font-size:20px; line-height: 30px; padding: 20px 70px 20px 24px; position:relative; color: #273247}
.fq-accordion-header:after {content: ""; position:absolute; top:0; bottom:0; margin: auto; width:32px; height: 32px; right: 24px; background-image: url(../images/plus.svg); background-repeat: no-repeat; background-position: center;}
.fq-accordion-section .fq-accordion-content {padding: 8px 24px 24px 24px; display:none;font-size:16px;}
.first .fq-accordion-content {display:block;}
.fq-accordion-section.active .fq-accordion-header {color: #1a1c57;}
.active .fq-accordion-header:after {background-image: url(../images/minus.svg)}

/* Faculties page */
.faculties-page {padding-bottom:140px;}
.faculty-list .faculty-block {margin-bottom: 24px; padding: 24px 24px 8px; border-radius: 12px; background-color: #F7FAFF; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); border: 1px solid rgba(21, 9, 31, 0.08)}
.faculty-list .faculty-block:last-child {margin-bottom:0}
.faculty-block .faculty-top {display:flex; border-bottom: 1px solid rgba(21, 9, 31, 0.08); padding-bottom:24px; align-items: center;}
.faculty-top .faculty-image {width:72px; height: 72px; border-radius:4px; overflow:hidden; align-self: flex-start;}
.faculty-top .faculty-image img {width:100%; display:block;}
.faculty-top .faculty-info {flex:1; padding: 0 34px 0 16px; position:relative;  }
.faculty-top .faculty-info:after {content: ""; width:24px; height: 24px; top: 24px; right:0; background-image: url(../images/ft-down.svg); position:absolute;}
.faculty-info .fct-name {color: #273247; margin-bottom:4px; font-size:20px; line-height: 30px; font-weight: 500;}
.faculty-info .fct-name a {color: #273247;}
.faculty-info .fct-cn {color: #687694; font-size:14px; line-height: 20px; letter-spacing: 0.9px;}
.department-list {padding-top: 32px; display:flex; margin: 0 -12px}
.department-list ul {width:33.333333333333%;}
.department-list ul li {padding: 0 12px; margin-bottom:24px;}
.department-list ul li a {color: #435270; font-size:16px; line-height: 24px; letter-spacing: 0.9px; font-weight: 500;}