/* HTML GENERAL START  */
@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');
}

.nopadding {
    padding: 0 !important;
}

::selection {
    background: #2b9cf5;
    color: #F0F0F0;
}

::-moz-selection {
    background: #2b9cf5;
    color: #F0F0F0;
}

*, :before, :after {
    box-sizing: border-box;
    word-wrap: break-word;
}

html {
    scroll-behavior: smooth;
    position: static;
    height: 100% !important;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    transition: all .4s;
}

body {
    margin: 0;
    counter-reset: stepcounter;
    z-index: 1;
    background-color: #fff;
    font-family: "Webly Sleek UI",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    transition: all .4s;
}

h1, h2, h3, h4, h5, h6, p, input, form, ul, img {
    margin: 0;
}

:focus {
    outline: none !important;
}

ul {
    padding: 0;
}

li {
    list-style-type: none !important;
}

a, button {
    text-decoration: none !important;
}

.d-grid {
    display: grid;
}

.box-shadow-0 {
    box-shadow: none !important;
}

.background-0 {
    background: none !important;
}

/* HTML GENERAL END  */


/* PAGES GENERAL START*/

/* BREADCRUMB START */
.breadcrumb-container {
    background-image: url("../img/breadcrumb.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: left top;
    height: 330px;
    z-index: 53;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.form-errors ul li{
    color: red;
}

/*.breadcrumb-container::before {*/
/*    background: repeat left top url(../image/slider-dotted-overlay.png) !important;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    content: "";*/
/*}*/

.breadcrumb-container-content {
    width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.breadcrumb-container-title {
    float: left;
    word-break: break-all;
}

.breadcrumb-container-title p {
    color: rgba(255, 255, 255, 1);
    padding-left: 2px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.breadcrumb-container-title h2 {
    margin-top: 0.5em;
    font-weight: 700;
    border-radius: 15px;
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 40px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    padding: 0 16px;
}

.breadcrumbs {
    text-align: left !important;
    top: -10px;
    z-index: 78;
    display: block;
    word-break: break-word;
    margin: 0 auto;
    width: 1280px;
    position: relative;
    background-color: #fff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
}

.breadcrumbs::before {
    display: block;
    height: 32px;
    top: -32px;
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    background-color: #fff;
}

.breadcrumb-title {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
    transition: all 0.3s ease-out;
    position: relative;
    color: rgba(89, 133, 197, 0.9);
}

.breadcrumb-title:hover {
    color: rgba(89, 133, 197, 0.9);
}

.breadcrumb-title::after {
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    content: "";
    bottom: -4px;
    left: 0;
    transition: all 700ms cubic-bezier(.19, 1, .22, 1);
    opacity: 0.5;
    background-color: #616161 !important;
}

.staff_type-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0;
    transition: all 0.3s ease-out;
    position: relative;
    color: rgba(89, 133, 197, 0.9);
}

.breadcrumb-title:not(:first-child)::before, .breadcrumbs span::before {
    background: rgba(89, 133, 197, 0.9);
    display: inline-block;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-left: 16px;
    margin-right: 16px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    content: "";
}

/* BREADCRUMB END */

/* PAGES GENERAL END*/

/* HEADER START */
.nav-position {
    background-color: #5985c5;
    box-shadow: 0 11px 19px 0 rgba(0, 0, 0, 0.22), 0 1px 55px 0 rgba(0, 0, 0, 0.21);
}

.nav-logo {
    width: 120px;
    height: 110px;
    display: block;
}

/*.nav-d {*/
/*    display: none;*/
/*}*/

.navbar-drp-btn {
    background: none;
    position: relative;
    border: none;
    width: 50px;
    padding: 7px 0 7px 7px;
}


.header-items {
    margin: 0 2em;
    position: relative;
    padding: 0.1em;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
}

.header-items:hover {
    color: #fff;
}

/*.header-1 {*/
/*    color: rgba(255, 255, 255, 0.9);*/
/*}*/

/*.header-1:hover {*/
/*    color: #fff;*/
/*}*/

/*.header-2 {*/
/*    color: rgba(8, 68, 116, 0.8);*/
/*}*/

/*.header-2:hover {*/
/*    color: rgba(8, 68, 116, 1);*/
/*}*/

.nav-hover {
    width: 220px;
    border-radius: 4px;
    -webkit-transition: opacity 600ms, visibility 600ms;
    transition: opacity 600ms, visibility 600ms;
    opacity: 0;
    visibility: hidden;
    position: absolute;

}

/*.hover-1 {*/
/*    background-color: #fff;*/
/*    transition: all .3s;*/
/*}*/


.nav-links {
    transition: all .3s;
    border-radius: 4px;
    text-transform: uppercase;
}

/*.link-1 {*/
/*    color: rgba(8, 68, 116, 0.8);*/
/*    transition: all .3s;*/
/*}*/

/*.link-1:hover {*/
/*    color: rgb(8, 68, 116);*/
/*}*/

.link-2 {
    color: rgba(255, 255, 255, 0.9);
    transition: all .3s;
    display: block;
}

.link-2:hover {
    color: #fff;
}

.subitem{
    padding: 5px 20px;
    transition: all 1s;
}

.subitem:hover {
    background-color: rgba(255, 255, 255, 0.30);
    transition: all 1s;
}

/* SEARCH START */
.header-search {
    color: #fff;
    margin-right: 1em;
}

.lang {
    text-align: right;
    cursor: pointer;
    margin-bottom: .5em;
}

.lang a{
    text-decoration: none;
    color:  #fff;;
}

.lang-box {
    position: absolute;
    right: 8px;
    top: 40px;
    padding: 4px 10px 0;
    background-color: #5985c5;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    z-index: 1;
}

.lang-show {
    visibility: visible;
    opacity: 1;
}

.h-30 {
    height: 30px;
}

.search {
    border: none;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #5985c5;
    padding: 0.4em 0 0.4em 0.6em;
    width: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
}

.search-show {
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.search-icon {
    font-size: 20px;
    cursor: pointer;
    text-align: right;
    right: 32px;
    transition: all .3s;
    position: absolute;
    border: none;
    padding: 8px;
    background: none;
    color: rgba(255, 255, 255, 0.9)!important;
}

.submit-icon {
    font-size: 20px;
    padding: 8px;
    cursor: pointer;
    color: #5985c5!important;
    text-align: right;
    right: 32px;
    transition: all .3s;
    position: absolute;
    border: none;
    background: none;
    color: rgba(255, 255, 255, 0.9);
}

.search-color {
    color: #5985c5;
}

.classForPath {
    font-size: initial;
}

/* SEARCH END */


/* HEADER END */


/* HOME SLIDER START */
.home-slider {
    transition: all .3s;
}

.slider div {
    background-size: cover;
    background-position: center;
    height: 100%;
}

.wrapper, .slider {
    width: 100%;
    height: 100%;
}

/* Slick Arrows Start */
.wrapper .prev, .wrapper .next {
    position: absolute;
    top: 50%;
    font-size: 3em;
    cursor: pointer;
    transition: all .3s;
    color: rgba(255, 255, 255, 0.9);
}

.wrapper .prev:hover, .wrapper .next:hover {
    color: #5985c5;
}

.next {
    right: 1em;
}

.prev {
    left: 1em;
}

/* Slick Arrows End */

/* HOME SLIDER END */


/* VIDEO START */
video {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.video-text {
    margin: 1em 0 1.5em;
}

/* VIDEO END */

.title{
    text-transform: uppercase;
}

.title::after {
    background-color: #5985c5;
    bottom: 0;
    top: 20px;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
    width: 100px;
}

/* NEWS & PROFESSION START */
.news-border {
    border-bottom: 1px solid grey;
    margin-bottom: 2em;
    padding-bottom: 1em;
}

.news, .staff-view {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    background-color: #fff;
    transition: all .3s;
    padding-bottom: 1em;
    border-radius: 4px;
}

/* NEWS & PROFESSION START */

/* COUNTER START */

.counter {
    background-color: #ffffff;
    padding: 10px 0;
    border-radius: 5px;
    min-height: 250px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    transition: all .3s;
}

.counter:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transition: all .3s;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #5985c5;
}

/* COUNTER END */


.news-img {
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    width: 100%;
    transition: all .3s;
    height: 200px
}

.news-img:hover .media_description{
    background: rgba(0,0,0,.3);
}

.news-1 {
    background-image: url("../img/hashvarum.jpg");
}

.news-2 {
    background-image: url("../img/managment.jpg");
}

.news-3 {
    background-image: url("../img/marketing.jpg");
}

.news-4 {
    background-image: url("../img/apahovagrum.jpg");
}

.news-5 {
    background-image: url("../img/zbosashrjum.png");
}

.news-6 {
    background-image: url("../img/cook.png");
}

.news-7 {
    background-image: url("../img/sarnaran.png");
}

.news:hover {
    z-index: 99;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.news-height {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.news-date {
    color: rgba(0, 0, 0, 0.5);
}

.blog_title span svg{
    margin-right: 5px;
}


.news-info {
    margin: 0.5em 0 2em;
    color: rgba(0, 0, 0, 0.5);
}

.news-link {
    color: #fff;
    background-color: rgba(89, 133, 197, 0.9);
    padding: 0.8em 1em;
    transition: all .3s;
    border-radius: 4px;
    width: fit-content;
}

.news-link:hover {
    color: #fff;
    background-color: #5985c5;
}

.news-link-full {
    color: #fff;
    background-color: rgba(89, 133, 197, 0.9);
    padding: 0.8em 1em;
    transition: all .3s;
    border: none;
    border-radius: 4px;
    width: 100%;
}

.news-link-full:hover {
    color: #fff;
    background-color: #5985c5;
}

/* NEWS & PROFESSION END */


/* PARTNERS START */
.partners {
    width: 100%;
    justify-content: center;
    display: flex;
}

/* PARTNERS END */


/* ARTICLE START */
.article-img {
    /*background-image: url("../img/GUG-20122.jpg");*/
    /*background-size: cover;*/
    /*background-position: center;*/
    width: 100%;
    transition: all .3s;
    padding: 1em;
}

.img1 {
    background-image: url("../img/ewscripps.brightspotcdn.jpg");
    background-size: cover;
    background-position: center;
}

.img2 {
    background-image: url("../img/o-HAPPY-UNIVERSITY-STUDENTS-LAUGHING-facebook_0.jpg");
    background-size: cover;
    background-position: center;
}

.img3 {
    background-image: url("../img/GUG-20122.jpg");
    background-size: cover;
    background-position: center;
}

.article {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0.5em 1em;
    margin-bottom: 7px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}

.article-header {
    color: #454545;
    font-size: 15px;
    display: inline-block;

}

.article-header:hover {
    color: #212121;
}

.article-news {
    color: #fff;
    transition: all .3s;
    padding: 0.5em;
    margin-left: 1em;
    background-color: rgba(89, 133, 197, 0.9);
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}

.article-news:hover {
    color: #fff;
    background-color: #5985c5;
}

.article-link {
    display: block;
    position: absolute;
    bottom: 1em;
    color: #212121;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0.8em 1em;
    transition: all .3s;
    border-radius: 4px;
}

.article-link:hover {
    background-color: #fff;
    color: #212121;
}

.owl-arrow {
    background-color: rgba(255, 255, 255, 0) !important;
    font-size: 50px !important;
    transition: all .3s;
}

.owl-next, .owl-prev {
    position: absolute;
    top: 40%;
    background: none !important;
}

.owl-arrow:hover {
    color: #5985c5 !important;
}

.owl-next {
    right: 0;
}

.owl-prev {
    left: 0;
}

/* ARTICLE END */


/* FOOTER START */
.footer-bg {
    background-color: #5985c5;
}

.footer-logo {
    width: 70px;
    height: 60px;
    display: inline-block;
}

.qolej-footer {
    width: 100%;
    display: inline-block;
    margin-left: 0.4em;
    color: rgba(255, 255, 255, 0.9);
}

.footer-info {
    color: rgba(255, 255, 255, 0.9);
    transition: all .3s;
}

.footer-info:hover {
    color: #fff;
}

.footer-address:hover .footer-info {
    color: #fff;
}

.footer-header {
    color: rgba(255, 255, 255, 0.9);
    padding: 0.8em 0;
}

.footer-input {
    border: none;
    border-radius: 4px;
    width: 80%;
    background-color: #FFFFFF;
    padding: 0.4em 1em;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 10px;
}

.light_btn {
    border: none;
    border-radius: 4px;
    padding: 0.5em 0.8em;
    color: rgba(89, 133, 197, 0.9);
    background-color: rgba(255, 255, 255, 0.9);
    transition: all .3s;
}

.light_btn:hover {
    color: rgba(89, 133, 197, 0.9);
    background-color: #fff;
}

.footer-links {
    color: rgba(255, 255, 255, 0.9);
    margin-right: 1em;
    font-size: 24px;
    transition: all .3s;
}

.footer-links:hover {
    color: #fff;
}


.contact_form{
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    padding: 40px;

}

.contact_form-focus{
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    transition: 0.3s;
}
.contact_form-blur{
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    transition: 0.3s;
}

#map {
    height: 458px;
}

.contact_block{
    background: #ffffff;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    display: flex;
    min-height: 145px;
    align-items: center;
    flex-direction: column;
    color: rgba(89, 133, 197, 0.9);
    padding: 10px;
    justify-content: space-evenly;
    border-radius: 20px;
    word-break: break-all;
    transition: 0.3s;
    font-weight: 600;
}

.contact_block p svg{
    font-size: 22px;
}

.contact_block a{
    color: rgba(89, 133, 197, 0.9);
    text-decoration: none;
    transition: 0.3s;
}

.contact_block a:hover{
    color: #5985c5;
    text-decoration: none;
    transition: 0.3s;
}
.contact_block a:hover ~ .contact_block p svg{
    color: #5985c5;
    text-decoration: none;
    transition: 0.3s;
}

.contact_block:hover{
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.right-sidebar{
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    border-radius: 5px;
}


.right-sidebar h6{
    background: #5985c5;
    text-align: center;
    border-radius: 5px 0 0 0;
    padding: 10px 0;
    color: #ffffff;
}

.right-sidebar .article-container .article p{
    margin: 5px 0;
}


.left-sidebar{
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    border-radius: 5px;
}


.left-sidebar h6{
    background: #5985c5;
    text-align: center;
    border-radius: 0 5px 0 0;
    padding: 10px 0;
    color: #ffffff;
}

.left-sidebar .article-container .article p{
    margin: 5px 0;
}

header .item {
    height: 100vh;
    position: relative;
}
header .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
}
header .item .cover .header-content {
    position: relative;
    padding: 56px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    max-width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
header .item .cover .header-content img {
    width: 330px;
    height: 300px;
}
header .item .cover .header-content .text-description {
    margin: 0 10px;
    z-index: 1000;
}
header .item .cover .header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-clip-path: polygon(0% 0,6356% 0, 36% 100%, 0% 100%);
    clip-path: polygon(0% 0,6356% 0, 36% 100%, 0% 100%);
}
header .item .cover .header-content h2 {
    font-weight: 500;
    font-size: 25px;
    color: #fff;
}
header .item .cover .header-content h1 {
    font-size: 20px;
    font-weight: 300;
    margin: 35px 0;
    word-spacing: 3px;
    color: #fff;
}
header .item .cover .header-content h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
}

header .owl-item{
    margin: 0!important;
}

header .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
header .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
header .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}
header .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: 0.3s;
}
header .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}
header .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
}
header .owl-nav .owl-prev:focus {
    outline: 0;
}

header .owl-nav .owl-next {
    position: absolute;
    right: 35px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}
header .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
}
header .owl-nav .owl-next:focus {
    outline: 0;
}

header:hover .owl-prev {
    left: 0px;
    opacity: 1;
}
header:hover .owl-next {
    right: 20px;
    opacity: 1;
}

.navbar-drp-btn {
    position: relative;
    width: 50px;
    padding: 7px 0 7px 7px;
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.icon-bar {
    background: #FFFFFF;
    margin-top: 2px;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 0.094em;
    transition: all 0.5s !important;
}

.icon-navbar-1 {
    transform: rotate(45deg);
    width: 12px;
    margin-left: 9px;
}

.icon-navbar-3 {
    transform: rotate(136deg);
    width: 12px;
    margin-left: 9px;
}

/* FOOTER END */


/* ============== OTHER PAGES START ================= */


/* staff START */

.staff-view-link {
    color: #074678;
    transition: all .3s;
}

.staff-view-link:hover {
    color: #5985c5;
}

.footer-address:hover .staff-view-link {
    color: #5985c5;
}

.light-bg {
    background-color: #f1f1f18a;
}

/* staff END */

/* login form */

.login_form{
    display: flex;
    justify-content: center;
    margin: 50px 0;
}
.login_form form{
    padding: 20px;
    background-color:#5985c5;;
    width: 350px;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    color: #ffffff;
}

.login_form form h3{
    text-align: center;
}

/* login form end */


/* Blog View */

.owl-blog .item {
    height: 50vh;
    position: relative;
}
.owl-blog .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.owl-blog .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
}

.blog_view{
    margin: 20px;
}

.blog_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

.share_social{
    margin: 10px 0;
}

.social_icons{
    margin: 20px 0;
}

.page-item.active .page-link{
    background-color: #5985c5;
    border-color: #5985c5;
}

.page-link{
    color: #5985c5;
}

.pagination{
    margin: 20px 0;
}

.media_description{
    height: 100%;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.media_description a span{
    color: white;
    opacity: 0;
}

.media_description a{
    color: white!important;
    opacity: 0;
    transition: all .3s;
}

.media_image_item:hover .media_description a span{
    opacity: 1;
    font-weight: bold;
}

.media_image_item:hover .media_description a {
    opacity: 1;
}

.media_link{
    position: absolute;
    width: 100%;
    height: 100%;
}

.media_image_thumb svg{
    font-size: 30px!important;
    color: white!important;
    opacity: 0;
    transition: all .3s;
}

.media_image_thumb{
    display: flex;
    justify-content: center;
    align-items: center;
}

.fancybox-thumb:hover .media_image_thumb svg{
    opacity: 1!important;
}

.faq-item{
    background: #ffffff;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.faq-item h5 button{
    color: #5985c5;
    font-weight: 600;
}

.faq-item-opened{
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.faq-body{
    color: #5985c5;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

.faq-down-icon{
    float: right;
    color: #5985c5;
    margin-top: 10px;
}

.faq-up-icon{
    float: right;
    color: #5985c5;
    margin-top: 10px;
}

.faq-up{
    display: none;
}

.collapsible-item{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.collapsible-item-heading{
    background: #ffffff;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    transition: 0.3s;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.collapsible-item-title-link{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #5985c5;
    font-weight: 600;
}

.collapsible-item-body{
    color: #5985c5;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.document_list{
    display: flex;
    justify-content: right;
    word-break: break-all;
    flex-wrap: wrap;
    background-color: #ffffff;
}

.document_list .document_view{
    padding: 30px;
    border-radius: 20px;
    margin: 20px;
    display: block;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    max-width: 250px;
}

.document_list .document_view svg{
    margin-right: 10px;
}

.sub-menu-child{
    width: 0;
    opacity: 0;
    visibility: hidden;
    height: 0;
}
.sub-menu-staff-child{
    width: 0;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.subitem-sub:hover .sub-menu-child{
    z-index: 10000;
    height: auto;
    left: 350px;
    bottom: 55px;
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
    transition: all .2s;
    background-color: #5985c5;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22), 0 9px 10px 0 rgba(0, 0, 0, 0.21);
    position: absolute!important;
    width: 350px;
}

.subitem-sub-staff:hover .sub-menu-staff-child{
    z-index: 10000;
    height: auto;
    left: 350px;
    bottom: 155px;
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
    transition: all .2s;
    background-color: #5985c5;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22), 0 9px 10px 0 rgba(0, 0, 0, 0.21);
    position: absolute!important;
    width: 350px;
}

.parg{
    padding: 0 20px;
}

.parg{

}

.staff{
    background-size: contain!important;
    background-repeat: no-repeat!important;
}



.owl-partner .owl-nav button{
    position: absolute;
    top: 100px;
}

/* End Blog View */

/* ============== OTHER PAGES END ================= */

/* MEDIA QUERIES START */

@media (min-width: 1600px) {
    .news-img {
        height: 250px;
    }
}

@media only screen and (max-width: 1366px) {
    .breadcrumbs {
        padding: 56px 0 0 0;
        margin: 0 auto;
        width: 100%;
        top: 0;
    }

    .breadcrumbs::before {
        content: none;
    }
}

@media (max-width: 1200px) {
    .header-items {
        margin: 9px 1em;

    }

    .qolej-header {
        display: none;
    }
}

@media (min-width: 992px) {
    .w-100-lg {
        width: 100%;
    }

    .nav-hover {
        width: 350px;
        -webkit-transition: opacity 600ms, visibility 600ms;
        transition: opacity 600ms, visibility 600ms;
        transform: rotateX(-90deg);
        position: absolute;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22), 0 9px 10px 0 rgba(0, 0, 0, 0.21);

    }

    .hover-2 {
        background-color: #5985c5;
        transition: all .3s;
    }

    .header-items:hover .nav-hover {
        z-index: 10000;
        opacity: 1;
        transform: rotateX(0);
        margin: 9px 1em;
        visibility: visible;
        transition: all .2s;
    }


    .home-slider {
        height: 100vh;
    }

    .article-img {
        height: 380px;
    }

    .about-vid {
        height: 550px;
    }

    .home-vid {
        height: 100%;
    }
}

@media (max-width: 991px) {
    .nav-position {
        position: sticky;
        padding-right: 0.4em;
        padding-left: 0.4em;
    }

    header .item .cover .header-content{
        flex-wrap: wrap;
    }

    .nav-drp-menu {
        height: 85%;
        position: fixed;
        top: 110px;
        left: 0;
        background-color: #5985c5;
        width: 270px;
        overflow-y: scroll;
        transform: translate(-100%, 0%);
        transition: all 0.4s;
    }

    .qolej-header {
        width: 33% !important;
        display: block;
    }

    .nav-links {
        font-size: 15px;
    }

    .nav-show {
        visibility: visible;
        opacity: 1;
        position: relative !important;
        top: 0;
    }

    .collapse.show {
        transform: translate(0%, 0%);
        height: 100%;
    }

    .collapsing {
        overflow: visible;
    }

    .home-slider {
        height: 85vh;
    }

    .wrapper .prev, .wrapper .next {
        font-size: 2em;
    }

    .video-mt {
        margin-top: 2em;
    }

    .article-img {
        height: 390px;
    }

    .about-vid, .home-vid {
        height: 440px;
    }
}


@media (max-width: 768px) {
    .home-slider {
        height: 55vh;
    }

    .right-sidebar{
        display: none;
    }

    .left-sidebar{
        display: none;
    }

    .footer-logo {
        width: 60px;
        height: 50px;
    }


    .about-vid, .home-vid {
        height: 370px;
    }
    .contact_parts{
        margin-top: 50px;
    }
    .nav-logo {
    width: 80;
    height: 70px;
    display: block;
}

}

@media (max-width: 576px) {
    .about-vid, .home-vid {
        height: 340px;
    }
}

@media (min-width: 481px) {
    .header-search {
        width: 250px;
    }
}

@media (max-width: 480px) {
    .home-slider {
        height: 45vh;
    }

    .wrapper .prev, .wrapper .next {
        font-size: 1.5em;
    }

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

    .owl-arrow {
        font-size: 40px !important;
    }

    .footer-logo {
        width: 60px;
        height: 50px;
    }

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

    .about-vid, .home-vid {
        height: 236px;
    }
}

@media (max-width: 350px) {
    .home-slider {
        height: 35vh;
    }

    .footer-logo {
        width: 45px;
        height: 35px;
    }

    .qolej-footer {
        font-size: 10px;
    }

    .about-vid, .home-vid {
        height: 210px;
    }
}