/* Starting Global Style */

a:hover { text-decoration: none; }

button:focus {
    outline: 0;
}

.owl-carousel .owl-item img { width: auto; margin: auto; max-height: inherit; }

iframe { width: 100%; }

ul { margin: 0; }

.form-control:focus,
input:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

a,
a i,
button,
.dropdown-toggle::after,
#site-header .navbar-collapse,
#site-header .dropdown-item::before,
.link-item img,
.owl-theme .owl-nav [class*=owl-],
.news-item .img img,
#ads .ad-item,
#ads .ad-item img,
.side-nav li,
.side-nav li a::after,
.contact-info .info-item i,
.contact-info .info-item a,
.default-page .a-link,
.default-page .a-link > img,
.managers .details,
.managers .details strong,
#site-header .navbar-nav > .nav-item,
.dropdown-toggle,
.regulations .item::after {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

ul {
    padding: 0;
    list-style: none;
}

.view-all i,
.social-list li a i {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.news-item .img:hover img,
#ads .ad-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.dropdown-item:focus, .dropdown-item:focus-visible {
    background: transparent;
    outline: 0;
}

/* Ending Global Style */

/* Starting Header */

#site-header { position: relative }

#site-header .header-top {
    min-height: 95px;
    background: #003243 url(../images/texture.png) no-repeat;
}

#site-header .header-top .container-fluid,
#site-header .header-top .container { min-height: inherit; text-align: center; overflow: hidden; }

#site-header .site-logo {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#site-header #logo { margin: 0;height: 85px; display: flex; align-items: center;}

#site-header #logo > a { display: flex; }

.right-list, .left-list { min-height: inherit; }

.right-list,
.right-list ul,
.left-list,
.left-list ul { display: flex; align-items: center; }

.right-list ul li a {
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background: #27B1CD;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.right-list ul li a i { font-size: 16px; }

.right-list ul li:nth-of-type(2) a { background: #45D0C5; }

.right-list ul li:last-of-type a { background: #7ABDC4; }

.right-list ul li a:hover { background: #7ABDC4; }

.right-list ul li:hover:nth-of-type(2) a { background: #D0BB45; }

.right-list ul li:hover:last-of-type a { background: #27B1CD; }

.right-list ul .univ-link { background: transparent!important; }

.right-list ul .univ-link i { color: #27B1CD; }

.s-form {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 176px;
    height: 38px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #9DBCC6;
}

.s-form .btn,
.s-form .form-control {
    border: 0;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    line-height: inherit;
}

.s-form .btn i {
    font-size: 16px;
    color: #D0BB45;
    line-height: inherit;
}

.s-form .form-control {
    font-size: 15px;
    color: #9DBCC6;
    height: inherit;
}

.s-form .form-control::placeholder {
    color: #9DBCC6;
    position: relative;
    top: -1px;
}

.s-form .form-control:-ms-input-placeholder {
    color: #9DBCC6;
}

.s-form .form-control::-ms-input-placeholder {
    color: #9DBCC6;
}

.left-list ul.other-links li {
    position: relative;
    padding: 0 16px
}

.left-list ul.other-links li::after {
    content: "";
    width: 1px;
    height: 15px;
    background: #375E6C;
    position: absolute;
    top: 6px;
}

.left-list ul.other-links li a {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

.left-list ul.other-links li a:hover { color: #D0BB45; }

.left-list ul.other-links li a i { font-size: 20px; color: #67D7FF; }

.left-list ul.other-links li:last-of-type a i { color: #D0BB45; }

.left-list ul.other-links li:last-of-type a:hover i { color: #67D7FF; }

.left-list ul.languages li { display: flex; align-items: center; }

.left-list ul.languages li a {
    display: block;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.left-list ul.languages li img { display: block; max-width: 100%; }

a.watch-all {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 32px;
    font-size: 14px;
    text-transform: capitalize;
    color: #9DBCC6;
    border: 1px solid;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}

a.watch-all i { font-size: 8px; color: #27B1CD; }

a.watch-all:hover {
    background: #27B1CD;
    color: #fff;
    border-color: #27B1CD
}

a.watch-all:hover i { color: #fff; }

#site-header #primary-menu {
    text-align: center;
    border: 1px solid #5AC7ED;
    border-left: 0;
    border-right: 0;
    background: #27b1cd; /* Old browsers */
    background: -moz-linear-gradient(left,  #27b1cd 0%, #199eb9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #27b1cd 0%,#199eb9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #27b1cd 0%,#199eb9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b1cd', endColorstr='#199eb9',GradientType=1 ); /* IE6-9 */
}

#site-header #primary-menu .container {display: flex;justify-content: space-between;align-items: center;}

#site-header .navbar-nav {width: 100%;align-items: center;min-height: 70px;}

#site-header .navbar-nav > .nav-item {
    position: relative;
    padding: 0 40px;
    text-transform: capitalize;
    min-height: inherit;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

#site-header .navbar-nav > .nav-item:not(:last-of-type)::after {
    content: "";
    height: 16.75px;
    width: 1px;
    background: #2B88A8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#site-header .navbar-nav > .nav-item > .nav-link {
    display: flex;
    align-items: center;
    min-height: inherit;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    padding: 0;
}

#site-header .navbar-nav > .nav-item.active,
#site-header .navbar-nav > .nav-item:hover { background: #fff; }

#site-header .navbar-nav > .nav-item.active > .nav-link,
#site-header .navbar-nav > .nav-item:hover > .nav-link { color: #27B1CD; }

#site-header .dropdown-item {
    font-size: 17px;
    color: #033446;
    padding: 10px 30px;
    position: relative;
    border-bottom: 1px solid #CBCBCB;
}

#site-header .dropdown-item::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
    right: 0;
    opacity: 0;
}

#site-header .dropdown-item:hover { background: transparent; }

#site-header .dropdown-item:hover::before { opacity: 1; }

#site-header .lang-item .dropdown-menu { min-width: 130px;padding: 0 10px; }

.dropdown-toggle::after {
    content: "\e90c";
    font-family: 'icomoon' !important;
    color: #fff;
    border: 0;
    font-size: 10px;
    font-weight: 900;
    position: relative;
    top: 2px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#site-header .navbar-nav > .nav-item:hover .dropdown-toggle::after{ color: #27B1CD; }

#site-header .dropdown-item::after {
    content: "\e90c";
    font-family: 'icomoon' !important;
    color: #BD9B60;
    border: 0;
    font-size: 10px;
    font-weight: 900;
    position: absolute;
    top: 19px;
}

.main-center { max-height: 48px; }

.main-center img { max-height: inherit; }

/* Ending Header */

/* Starting SlideShow */

#slideshow {
    height: calc(100vh - 165px);
    max-height: 1198px;
    min-height: 1198px;
    position: relative;
    background: #02283D;
}

#slideshow::before {
    content: "";
    position: absolute;
    width: 30.744%;
    height: 100%;
    background-size: contain;
    z-index: 1;
}

#slideshow .container { position: relative; }

#slideshow .carousel { z-index: 2; }

#slideshow .carousel,
#slideshow .carousel-inner,
#slideshow .carousel-item,
#slideshow .carousel-item .img {
    height: inherit;
    max-height: inherit;
    min-height: inherit;
}

#slideshow .img { opacity: .36; }

#slideshow .over-details {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#slideshow .over-details .container {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

#slideshow .over-details .details { padding-top: 18px }

#slideshow .over-details p {
    font-size: 27px;
    font-weight: 300;
    color: #A5E8FF;
    margin: 0 0 22px;
}

#slideshow .over-details h2 {
    font-size: 82px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 50px;
    line-height: 1.5;
}

#slideshow .over-details h2 strong { font-weight: 600; display: block; }

#slideshow .over-details .sign-link {
    display: inline-block;
    padding: 0 120px;
    height: 82px;
    line-height: 80px;
    font-size: 22px;
    font-weight: 500;
    background: #45D0C5;
    border: 1px solid #74C7E5;
    color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    text-transform: capitalize;
}

#slideshow .over-details .sign-link:hover { background: #27B1CD; }

#slideshow .over-details .sign-link i { font-size: 14px;opacity: .6; }

.video_play {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.video_play i:before {
    display: inline-block;
    width: 137px;
    height: 137px;
    line-height: 137px;
    background: #27B1CD;
    color: #fff!important;
    border-radius: 50%;
    font-size: 32px;
    text-align: center;
}

.video_play span { display: block }

.video_play:before,
.video_play:after,
.video_play span:before,
.video_play span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 208px;
    height: 208px;
    border: 1px solid rgb(255 255 255 / 25%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.video_play:after,
.video_play span:after {
    width: 293px;
    height: 293px;
}

.video_play:before,
.video_play:after {
    opacity: 1;
    -webkit-animation: sdb03 2.5s infinite;
    -moz-animation: sdb03 2.5s infinite;
    -o-animation: sdb03 2.5s infinite;
    animation: sdb03 2.5s infinite;
    z-index: 1;
    cursor: pointer;
}

@-webkit-keyframes sdb03 {
    0% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    60% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        -ms-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        -o-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    }
    100% {
        opacity: 0;
    }
}
@keyframes sdb03 {
    0% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        -ms-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        -o-box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

#videomodal { background:rgba(0,0,0,.5);z-index: 999999; }

#videomodal .modal-body,#videoModal .modal-content {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: transparent
}

#videomodal .modal-content {
    background: 0 0;
    border: 0;
    padding: 0;
}

#videomodal .close,
#form_modal .close {
    position: fixed;
    top: 10px;
    cursor: pointer;
    opacity: 1;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    margin: 0;
}

#videomodal .close i,#form_modal .close i {
    margin: 0;
    line-height: 40px;
    font-size: 40px;
    font-weight: 300;
    font-style: normal;
    color: #fff;
}

#videomodal iframe {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.8);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.8);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.8);
    -khtml-box-shadow: 0 0 20px rgba(0,0,0,.8);
    -o-box-shadow: 0 0 20px rgba(0,0,0,.8);
}

#form_modal .modal-lg { max-width: 600px; }

#form_modal .contact_form form p:last-of-type { height: 76px }

.embed-container { height: 400px; width: 100%; }

#slideshow .slide-nav {
    position: absolute;
    width: 100%;
    bottom: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#slideshow .slide-nav .carousel-control-next,
#slideshow .slide-nav .carousel-control-prev {
    position: static;
    opacity: 1;
    width: auto;
    font-size: 16px;
}

#slideshow .slide-nav .carousel-control-next i,
#slideshow .slide-nav .carousel-control-prev i {
    font-size: 26px;
}

#slideshow .slide-nav p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin: 0 14px;
    position: relative;
    display: flex;
    align-items: center;
}

#slideshow .slide-nav p:after {
    content: "";
    display: inline-block;
    width: 60px;
    border-top: 2px solid #FAF8F5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

#slideshow .scroll-down { position: absolute; bottom: 170px; }

#slideshow .scroll-down p {
    font-size: 13px;
    color: #A3A8AA;
    margin: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
}

#slideshow .scroll-down p::before {
    content: "";
    display: block;
    width: 23px;
    border-top: 1px solid #D6D6D6;
    opacity: .61;
    position: absolute;
    top: 9px;
}

#slideshow .scroll-next {
    display: block;
    width: 24px;
    height: 35px;
    border: 2px solid #D6D6D6;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    z-index: 9999999;
    cursor: pointer;
    position: relative;
    top: 70px;
}

#slideshow .scroll-next:before {
    content: "";
    display: block;
    width: 1.77px;
    height: 6.2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 20px;
    background: #fff;
    margin: auto;
    position: relative;
    top: 5px;
    -webkit-animation: icon 2s linear infinite;
    -moz-animation: icon 2s linear infinite;
    -ms-animation: icon 2s linear infinite;
    -o-animation: icon 2s linear infinite;
    animation: icon 2s linear infinite;
}

#slideshow .scroll-next::after {
    content: "\e909";
    font-family: 'icomoon' !important;
    color: #D6D6D6;
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 100%;
    margin-top: 4px;
}

@-webkit-keyframes icon {
    0%, 100%  { top: 5px; opacity: 1}
    50%  { top: 27px; opacity: 0.2}
}
@keyframes icon {
    0%, 100%  { top: 5px; opacity: 1}
    50%  { top: 27px; opacity: 0.2}
}

/* Ending SlideShow */

/* Starting Fast Links */

#fast-links {
    padding: 80px 0;
    background: url(../images/shape1.png) no-repeat top center;
    background-size: 200px;
}

#fast-links .owl-carousel { padding: 0 118px; }

.link-item {
    display: block;
    text-align: center;
    background: #F9F9F9;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
    min-height: 302px;
    padding: 80px 15px 40px;
    margin-bottom: 20px;
}

.link-item:hover {
    border: 1px solid #6EBFDB;
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 10px 12px rgba(0, 0. 0, .1);
    -o-box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 12px rgba(0, 0, 0, .1);
}

.link-item span {display: flex;max-height: 90px;margin: auto;}

.link-item span img { max-width: 100%; height: inherit; }

.link-item .link-title {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    color: #033446;
    margin: 25px 0 0;
    line-height: 1.4;
    height: 61px;
    overflow: hidden;
}

.link-item > img {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    margin-top: 20px!important;
}

.link-item:hover > img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.owl-carousel .owl-dots {
    margin-top: 90px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 19px;
}

.slick-dots li,
.owl-carousel .owl-dots .owl-dot span,
.owl-carousel .owl-dots .owl-dot:hover span,
.carousel-indicators li {
    width: 11px;
    height: 11px;
    background: #D6D6D6;
    margin: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    opacity: 1;
    border-top: 0;
    border-bottom: 0;
}

.slick-dots .slick-active,
.owl-carousel .owl-dots .owl-dot.active span,
.carousel-indicators li.active {
    width: 19px;
    height: 19px;
    background: #6EBFDB;
    border: 5px solid #fff;
    outline: 1px solid #6EBFDB;
}

/* Ending Fast Links */

/* Starting Common title */

.common-title {
    font-size: 65px;
    text-transform: capitalize;
    margin: 0 0 65px;
    text-align: center;
    color: #033446;
    font-weight: 600;
}

/* Ending Common-title */

/* Starting News */

#news {
    padding: 80px 0;
    border: aliceblue;
    background: #F5F5F5 url(../images/Mask.png) repeat top center;
}

#news .owl-carousel { padding: 0 118px; }

#news .common-title { margin-bottom: 45px; }

.news-item .img {
    display: block;
    max-height: 432px;
    margin-bottom: 25px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #F2F2F2;
    overflow: hidden;
    background: #02283D;
}

.news-item .n-title { margin: 0 0 10px; line-height: 1.7;font-size: 24px;font-weight: 600; }

.news-item .n-title a { color: #033446; }

.news-item .details { padding: 0 10px; }

.news-item .n-date {
    font-size: 14px;
    color: #45ACD0;
}

.news-item .n-date i { display: inline-flex; }

#news .owl-nav.disabled+.owl-dots  { margin-top: 74px; }

#news .owl-dots .owl-dot span,
#news .owl-dots .owl-dot:hover span,
#events .owl-dots .owl-dot span,
#events .owl-dots .owl-dot:hover span  {
    border: 1px solid #D6D6D6;
    background: #fff;
}

#fac-ads .owl-dots .owl-dot span,
#fac-ads .owl-dots .owl-dot:hover span {
    border: 1px solid #299DC6;
    background: transparent;
}

#news .owl-dots .owl-dot.active span,
#events .owl-dots .owl-dot.active span,
#fac-ads .owl-dots .owl-dot.active span {
    background: #299DC6;
    border: 5px solid #fff;
    outline: 1px solid #299DC6;
}

#news .view-all, #news .s-header .owl-nav,
#events .view-all, #events .s-header .owl-nav,
#fac-ads .view-all,#fac-ads .owl-nav {
    border-color: #45ACD0;
    color: #45ACD0;
}

#news .s-header .owl-nav [class*=owl-],
#events .s-header .owl-nav [class*=owl-],
#fac-ads .s-header .owl-nav [class*=owl-] { color: #45ACD0; }

#news .s-header .owl-nav::before,
#events .s-header .owl-nav::before,
#fac-ads .s-header .owl-nav::before { border-color: #45ACD0; }

/* Ending News */

/* Starting Ads */

#ads {
    padding: 80px 0;
    background: url(../images/shape1.png) no-repeat top center;
    background-size: 200px;
}

#ads .owl-carousel { padding: 0 118px; }

#ads .ad-item {
    display: block;
    max-height: 412px;
    border: 1px solid #E3E3E3;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
}

#ads .owl-nav.disabled+.owl-dots  { margin-top: 112px; }

/* Ending Ads */

/* Starting Colleges */

#colleges {
    padding: 80px 0;
    background: url(../images/shape1.png) no-repeat top center;
    background-size: 200px;
}

.college-item {
    display: block;
    margin: 5px 0 40px;
    padding: 80px 15px;
    border: 1px solid #299DC6;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    text-align: center;
    -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -moz-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -ms-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -o-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    box-shadow: 0 8px 7px rgba(0,0,0,.05);
    background: #f8f8f8;
    background: -moz-linear-gradient(-45deg,  #f8f8f8 0%, #f8f8f8 13%, #ffffff 54%, #f3f4f6 67%, #f3f4f6 71%, #fbfbfc 100%);
    background: -webkit-linear-gradient(-45deg,  #f8f8f8 0%,#f8f8f8 13%,#ffffff 54%,#f3f4f6 67%,#f3f4f6 71%,#fbfbfc 100%);
    background: linear-gradient(135deg,  #f8f8f8 0%,#f8f8f8 13%,#ffffff 54%,#f3f4f6 67%,#f3f4f6 71%,#fbfbfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#fbfbfc',GradientType=1 );
}

.college-item:hover {
    -webkit-box-shadow: 0 23px 30px rgba(0,0,0,.2);
    -moz-box-shadow: 0 23px 30px rgba(0,0,0,.2);
    -ms-box-shadow: 0 23px 30px rgba(0,0,0,.2);
    -o-box-shadow: 0 23px 30px rgba(0,0,0,.2);
    box-shadow: 0 23px 30px rgba(0,0,0,.2);
}

.college-item p {
    font-size: 22px;
    color: #11273D;
    margin: 10px 0 0;
}

.college-item p span {display: block;color: #00A4BC;text-transform: capitalize;}

#colleges .owl-carousel .owl-dots { margin-top: 60px!important; }

/* Ending Colleges */

/* Starting About Us */

.about-content {
    background: #033446;
    padding: 90px 0 160px;
    position: relative;
}

.about-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/about.webp) no-repeat top center;
    background-size: 100% 100%;
    background-attachment: fixed;
    opacity: .2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.about-content .container { position: relative; }

.about-content .about-content { margin-bottom: 110px; }

.about-content .heading {
    font-size: 45px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    margin: 0 0 42px;
    text-align: center;
}

.about-content .img {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
}

.about-content .details {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.about-content .details .title {
    font-size: 35px;
    font-weight: 500;
    color: #D0BB45;
    margin: 0 0 20px;
}

.about-content .details p {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #fff;
}

.about-content .details .more {
    display: inline-flex;
    height: 62px;
    line-height: 62px;
    padding: 0 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ACDCED;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    color: #ACDCED;
}

.about-content .details .more:hover {
    background: #27B1CD;
    border-color: #27B1CD;
    color: #fff;
}

.about-content .details .more i { font-size: 14px; }

.statistics .col {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.statistics .item { display: flex; align-items: center;color: #fff; }

.statistics .item i { font-size: 92px; }

.statistics .item > div { display: flex;flex-direction: column; justify-content: center; }

.statistics .item .s-num { font-size: 56px;font-weight: 700; line-height: .9; margin-bottom: 5px; }

.statistics .item .s-title {
    font-size: 19px;
    font-weight: 500;
    color: #F0DC6C;
    margin: 0;
    text-transform: capitalize;
}

.statistics .heading { margin-bottom: 76px; }

.statistics .heading::before {
    content: "";
    display: flex;
    width: 58px;
    height: 5px;
    margin: auto;
    margin-bottom: 44px;
    background: #D0BB45;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/* Ending About Us */

/* Starting Events */

#events {
    padding: 80px 0 178px;
    background: #F5F5F5 url(../images/Mask.png) repeat top center;
    border: 1px solid #E5E5E5;
}

#events .common-title { margin-bottom: 42px; }

.e-item {
    display: flex;
    padding: 15px;
    background: #033446;
    color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #EBEBEB;
    padding: 23px;
    position: relative;
}

.e-item:not(:last-of-type) { margin-bottom: 25px; }

.e-item .e-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    -ms-flex: 0 0 171px;
    flex: 0 0 171px;
    max-width: 171px;
    background-size: contain;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px;
    padding: 30px 15px 20px;

}

.e-item .e-date p {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}

.e-item .e-date strong {
    display: block;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 2px;
}

.e-item .e-date span {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.e-item .e-date span > i { display: block; font-size: 26px; color: #B7ECFF; font-weight: 300; margin-top: 10px; }

.e-item .e-details .e-title {margin-bottom: 10px;text-transform: capitalize;}

.e-item .e-details .e-title a {font-size: 23px;font-weight: 300;color: #fff;}

.e-item .e-details p {font-size: 14px;font-weight: 300; margin: 0 0 22px; line-height: 1.8;}

.e-item .e-time { border-top: 1px solid #296176;padding-top: 12px; }

.e-item .e-time ul, .e-item .e-time ul li { display: flex; align-items: center; }

.e-item .e-time ul li { font-size: 16px; font-weight: 300 }

.e-item .e-time > ul > li > i { font-size: 14px;font-weight: 100; }

.e-item .e-time > ul > li > i, .e-item .e-time span { color: #D0BB45 }

.e-item .e-time span { font-weight: 500;font-size: 14px; }

.e-item .social-list li a {
    display: block;
    width: 21.5px;
    height: 21.5px;
    line-height: 20.5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
}

.e-item .social-list li a i { font-size: 10px; }

/* Ending Events */

/* Starting Register Now */

.register-now {
    position: relative;
    top: 115px;
    margin-top: -272px;
    z-index: 2;
}

.register-now .wrapper {
    background: #27B1CD url(../images/sign-bg.png) no-repeat center;
    background-size: contain;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #6EBFDB;
    display: flex;
    align-items: center;
    position: relative;
}

.register-now .img {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 266px;
    -ms-flex: 0 0 483px;
    flex: 0 0 483px;
    max-width: 483px;
    background: url(../images/bg2.png) no-repeat bottom center;
    background-size: contain;
    overflow: hidden;
}

.register-now .img img { position: relative; top: -7px; max-width: 100% }

.register-now .details {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 10px 0;}

.register-now .details .title {font-size: 21px;font-weight: 400;color: #A5E8FF;text-transform: capitalize;}

.register-now .details > div { width: 64%; }

.register-now .details p {
    font-size: 32px;
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
    margin: 0;
    line-height: 1.4;
}

.register-now .details p strong { font-weight: 600; display: block; }

.register-now .details a {
    height: 70px;
    text-transform: capitalize;
    line-height: 68px;
    padding: 0 86px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    background: #D0BB45;
    border: 1px solid #74C7E5;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    color: #fff;
}

.register-now .details a:hover { background: #74C7E5; }

.register-now .details a i { font-size: 14px; }

/* Ending Register Now */

/* Starting Footer */

footer {
    background: #033446;
    color: #299DC6;
    padding-top: 250px;
    position: relative;
}

footer .footer-top { padding-bottom: 55px; }

footer .heading,
footer .heading2 {
    font-size: 29px;
    font-weight: 600;
    color: #82C9E2;
    margin-bottom: 70px;
    text-transform: capitalize;
}

footer .footer-top .heading + ul {
    width: 85%;
    margin: 0;
    padding-bottom: 18px;
}

footer .footer-top li:not(:last-of-type) { margin-bottom: 30px; }

footer .footer-top li a {
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: #299DC6;
    position: relative;
}

footer .footer-top li a:hover { color: #82C9E2; }

footer .footer-top li a::after {
    content: "\e90c";
    font-family: 'icomoon' !important;
    font-size: 9px;
    position: absolute;
    top: 10px;
    color: #D0BB45;
}

footer .follow-links { display: flex; justify-content: space-between; margin-bottom: 30px; }

.social-list { display: flex; margin: 0; }

.social-list li { margin-bottom: 0!important; }

.social-list li a {
    display: block;
    text-align: center;
    width: 43.5px;
    height: 43.5px;
    line-height: 41.5px;
    color: #45D0C5;
    border: 1px solid;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.social-list li a:hover { color: #D0BB45; }

footer .follow-links li a::after { display: none; }

footer .app-list { display: flex; }

footer .app-list li { margin-bottom: 0!important; }

footer #testimonials {
    background: #062E3C;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #299DC6;
}

footer #testimonials .owl-theme { padding: 28px 90px; }

footer #testimonials .owl-theme .owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    padding: 0 30px;
    margin: 0;
}

footer #testimonials .owl-theme .owl-nav [class*=owl-] { color: #299DC6; margin: 0; }

footer #testimonials .owl-theme .owl-nav [class*=owl-]:hover { background: none; color: #82C9E2; }

footer #testimonials .owl-theme .owl-nav [class*=owl-] i { font-size: 20px; }

footer #testimonials .item > span {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    font-size: 25px;
    color: #6EBFDB;
}

footer #testimonials .item i { font-size: 41px; }

footer #testimonials .item p { font-size: 14px; font-weight: 300; color: #fff; margin-bottom: 8px;}

footer #testimonials .item .customer { font-size: 17px; font-weight: 700; color: #4C7C8E; margin: 0; }

.footer-bottom { border-top: 1px solid #174D60; padding: 13px 0 20px; }

.footer-bottom .links,
.footer-bottom .links ul {
    display: flex;
    align-items: center;
    margin: 0;
}

.footer-bottom .links ul { margin-top: 22px; }

.footer-bottom .links ul li a { font-size: 14px; text-transform: capitalize; color: #299DC6; }

footer .copy-rights {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    color: #299DC6;
    margin-top: 11px;
}

footer .copy-rights a { color: #299DC6 }

.footer-bottom .links ul li a:hover, footer .copy-rights a:hover { color: #82C9E2; }

/* Ending Footer */

/* Starting Section Header */

.s-header .container { position: relative; }

.s-header .owl-nav,
#main-content .slide-nav {
    position: absolute;
    top: 22px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #B7B7B7;
    color: #B7B7B7;
    background: #F8F8F8;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    padding: 0 32px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 140px;
}

.s-header .owl-nav::before,
#main-content .slide-nav::before {
    content: "";
    width: 0;
    height: 31px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.s-header .owl-nav [class*=owl-],
#main-content .carousel-control-prev,
#main-content .carousel-control-next {
    margin: 0 24px;
    background: none;
    border: 0;
    color: #B7B7B7;
    display: flex;
    align-items: center;
}

.s-header .owl-nav [class*=owl-]:hover { background: none; color: #45ACD0 }

.s-header .owl-nav [class*=owl-] i,
#main-content .carousel-control-prev i,
#main-content .carousel-control-next i { font-size: 20px; }

.s-header .view-all {
    height: 50px;
    line-height: 48px;
    border: 1px solid #B7B7B7;
    font-size: 16px;
    font-weight: 400;
    background: #F8F8F8;
    color: #B7B7B7;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    padding: 0 62px;
    margin-top: 22px;
    position: absolute;
    top: 0;
    text-transform: capitalize;
}

.s-header .view-all:hover {
    background: #27B1CD;
    border-color: #27B1CD;
    color: #fff!important;
}

.s-header .view-all i { font-size: 12px }

/* Ending Section Header */

/* Starting Loading Screen */

.loading-screen {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999999999;
}

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #27B1CD;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
    100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot {
    80%, 100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    } 100%, 0% {
          transform: scale(1.0);
      }
}

/* Ending Loading Screen */

/* Starting Breadcrumb */

.breadcrumb-nav {
    background: #F8F8F8;
    border-bottom: 1px solid #EDEDED;
    height: 70px;
    line-height: 70px;
    margin-bottom: 15px;
    margin: 0;
}

.breadcrumb-nav .breadcrumb {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.breadcrumb-nav .breadcrumb li,
.breadcrumb-nav .breadcrumb a {
    font-size: 13px;
    font-weight: 600;
    color: #033446;
    line-height: inherit;
}

.breadcrumb-nav .breadcrumb .active { color: #27B1CD; }

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    color: #27B1CD;
    content: "\e90c";
    font-family: 'icomoon' !important;
    font-size: 9px;
}

/* Ending Breadcrumb */

/* Starting About Us Page */

#main .container { padding-top: 15px; }

#main .col-aside {
    -ms-flex: 0 0 304px;
    flex: 0 0 304px;
    max-width: 304px;
    padding: 0 15px;
}

#main .col-content {
    -ms-flex: 0 0 calc(100% - 304px);
    flex: 0 0 calc(100% - 304px);
    max-width: calc(100% - 304px);
    padding: 0 15px;
}

.side-nav {
    padding: 25px 15px 60px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    background: #F4F4F4;
    border: 1px solid #E6E6E6;
    margin-bottom: 30px;
}

.side-nav .heading {
    font-size: 15px;
    font-weight: 700;
    color: #033446;
    margin-bottom: 5px;
}

.side-nav .heading span { display: inline-block; width: 40px; height: 40px; }

.side-nav .heading span img { display: inline-block; max-width: 100%; }

.side-nav li {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    padding: 0px 20px;
}

.side-nav li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    color: #033446;
    position: relative;
    border-bottom: 1px solid #DDD;
}

.side-nav li a::after {
    color: #27B1CD;
    content: "\e90c";
    font-family: 'icomoon' !important;
    font-size: 9px;
    margin-top: 3px;
}

.side-nav li:hover { background: #27B1CD; color: #fff; }

.side-nav li:hover a { color: #fff; border-color: transparent; }

.side-nav li:hover a::after { color: #fff; }

/* Ending About Us Page */

/* Starting Content Style */

.content { padding-top: 30px }

.content h2 {
    font-size: 44px;
    color: #033446;
    margin-bottom: 30px;
}

.content h3 {
    font-size: 33px;
    color: #45ACD0;
    margin-bottom: 25px;
}

.content p {
    font-size: 25px;
    color: #033446;
    margin-bottom: 25px;
    line-height: 1.7;
}

.content ul { margin-bottom: 15px; }

.content img {
    display: block;
    width: 100%;
    max-width: 100%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    margin: 60px 0;
}

.content iframe {
    border: 1px solid #E3E3E3;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
}

.content .card {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 30px;
    margin-bottom: 40px;
    border: 1px solid #E3E3E3;
    background: #F7F7F7;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
}

.content .card .img {
    -ms-flex: 0 0 277px;
    flex: 0 0 277px;
    max-width: 277px;
    margin-top: 0;
    margin-bottom: 0;
}

.content .card img { margin: 0; }

.content .card .info {
    display: flex;
    align-items: center;
}

.content .card h4 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #033446;
    line-height: 1.5;
}

.content .card  p {
    width: 80%;
    font-size: 20px;
    color: #45ACD0;
    margin: 0 0 20px;
}

.social h5 {
    font-size: 25px;
    color: #27B1CD;
    text-align: center;
    margin: 0 0 20px;
    text-transform: capitalize;
}

.social,
.social ul { display: flex; }

div.social { flex-direction: column; }

.social li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    color: #033446;
    border: 2px solid #033446;
}

.social li a:hover {
    background: #D0BB45;
    border-color: #D0BB45;
    color: #fff;
}

.social li a i {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.content .card > a {
    display: flex;
    align-items: center;
    height: 65px;
    line-height: 65px;
    text-align: center;
    justify-content: center;
    padding: 0 58px;
    font-size: 15px;
    color: #fff;
    background: #27B1CD;
    border: 1px solid #74C7E5;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
}

.content .card > a:hover { background: #D0BB45; border-color: #D0BB45; }

.content .card > a i { font-size: 11px; }

.content .content-head { margin-bottom: 40px;}

.content .content-head .row > div:first-of-type {
    -ms-flex: 0 0 39%;
    flex: 0 0 39%;
    max-width: 39%;
}

.content .content-head .row > div:last-of-type {
    -ms-flex: 0 0 61%;
    flex: 0 0 61%;
    max-width: 61%;
}

.content .content-head img { margin: 0; }

.content .content-head .social { margin-bottom: 20px; margin-top: 30px; }

.content .content-head p { margin: 0; }

/* Ending Content Style */

/* Starting Main Content */

#main {
    background: url(../images/shape5.png) no-repeat;
    background-position: 50% -74px;
    position: relative;
}

#main::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.about-us .statistics {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    padding: 125px 75px;
    background: url(../images/about.jpg) no-repeat;
    background-size: 100% 100%;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.about-us .statistics::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #033446d6;
}

.about-us .statistics h2 {
    font-size: 35px;
    color: #fff;
    margin: 0 0 75px;
    position: relative;
    text-align: center;
}

.about-us .statistics .row { justify-content: center; }

.about-us .statistics .row > div { display: flex; justify-content: center; margin-bottom: 85px; }

.about-us .statistics .row > div:nth-of-type(4) { justify-content: flex-end; }

.about-us .statistics .row > div:nth-of-type(5) { justify-content: flex-start; }

.about-us .statistics .row > div:nth-of-type(4),
.about-us .statistics .row > div:nth-of-type(5) { margin-bottom: 0; }

.col-aside .register-now {
    position: static;
    overflow: hidden;
    margin: 0;
}

.col-aside .register-now .wrapper {
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    background: #27B1CD url(../images/logoicon.png) no-repeat center 22px;
    padding-top: 100px;
    position: relative;
}

.col-aside .register-now .wrapper::before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: .5;
    display: block;
    position: absolute;
    bottom: 88px;
    z-index: 1;
}

.col-aside .register-now .details {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 13px 0;z-index: 2;
}

.col-aside .register-now .details > div { width: 100%; text-align: center;}

.col-aside .register-now .details .title { font-size: 17px; }

.col-aside .register-now .details p { font-size: 24px; margin-bottom: 30px;}

.col-aside .register-now .details p strong { margin-top: 5px; }

.col-aside .register-now .details a {
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 44px;
}

.col-aside .register-now .details a i { font-size: 8px; }

.col-aside .register-now .img {
    -ms-flex: 0 0 100%;
    flex: 0 0 auto;
    max-width: 100%;
    background: none;
    text-align: center;
    height: 205px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 2;
}

.col-aside .register-now .img img { max-width: 100%; position: static; margin: 0; }

.about-us .map { margin-top: 60px; margin-bottom: 20px; }

/* Ending Main Content */

/* Starting Related Content */

.related-content {
    position: relative;
    top: 115px;
    margin-top: -115px;
    z-index: 2;
}

.related-content .wrapper {
    background: #27B1CD url(../images/sign-bg.png) no-repeat center;
    background-size: contain;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #6EBFDB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 270px;
}

.related-content .wrapper .title {
    font-size: 33px;
    color: #fff;
    margin-bottom: 36px;
    text-transform: capitalize;
}

.related-content .wrapper ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.related-content .wrapper li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-size: 13px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    background: #fff;
    color: #0E213A;
    min-width: 210px;
}

.related-content .wrapper li i { font-size: 10px; }

/* Emding Related Content */

/*** Starting Faculty Page ***/

.faculty .header-top .right-list ul li:last-of-type a {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0
}

.faculty .header-top .right-list ul li:last-of-type a i { color: #27B1CD; }

.faculty .left-list > a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #9DBCC6;
    border: 1px solid #9DBCC6;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -p-border-radius: 30px;
    border-radius: 30px;
    height: 38px;
    line-height: 36px;
    padding: 0 24px;
    text-transform: capitalize;
}

/* Starting Main Content */

#main-content {
    background: #002C3B;
    position: relative;
    padding-bottom: 58px;
}

#main-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/mainbg.png) no-repeat;
    background-size: 100%;
    background-position: 50% -200px;
    opacity: .14;
}

.main-top {padding: 75px 0 40px;}

.main-top .row > div {
    display: flex;
    align-items: flex-end;
}

.main-top .row > div:last-of-type { justify-content: flex-end; }

.main-top .follow-us { display: flex; align-items: center; justify-content: center; }

.main-top .follow-us label {
    font-size: 20px;
    color: #27B1CD;
    margin-bottom: 0;
    margin-top: -5px;
}

.main-top .follow-us .social-list li a {
    width: 30px;
    height: 30px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
}

.main-top .follow-us .social-list li a:hover { color: #D0BB45; }

.main-top .fac-logo { width: 100%; }

.main-top .fac-logo > div { width: 200px; margin: auto; }

.main-top .fac-logo img { display: block; max-width: 100%; }

.tech-support {
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
}

.tech-support:hover { color: #D0BB45; }

.tech-support span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #27B1CD;
    position: relative;
}

.tech-support span::after {
    content: "";
    width: 1px;
    height: 20px;
    background: #375E6C;
    margin-top: 5px;
}

.tech-support span i { font-size: 26px; margin-top: 5px; }

.main-top .fac-logo h3 {
    font-size: 30px;
    color: #00A4BC;
    margin: 15px 0 0;
    line-height: 1.7;
    font-weight: 400;
}

.main-top .fac-logo span { display: block; color: #fff; }

#main-content .img {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #27B1CD;
    overflow: hidden;
    margin-bottom: 58px;
}

#main-content .share {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #27B1CD;
}

#main-content .share > i { font-size: 30px; }

#main-content .share li a {
    width: 38px;
    height: 38px;
    line-height: 36px;
    color: #27B1CD;
}

#main-content .share li a:hover { color: #D0BB45; }

#main-content .share li a i { font-size: 18px; }

#main-content .slide-nav {
    top: auto!important;
    bottom: 0;
    background: transparent;
    border-color: #27B1CD;
    max-width: 140px;
    background: #002c3b;
}

#main-content .slide-nav::before { border-color:#27B1CD; }

#main-content .carousel-control-prev,
#main-content .carousel-control-next {
    color: #27B1CD;
    display: inline-table;
    position: relative;
    top: 3px;
}

#main-content .carousel-control-prev,
#main-content .carousel-control-next { padding: 1px 6px; color: #27B1CD; opacity: 1; }

#mian-carousel .share { padding: 0!important; }

.carousel-indicators {
    display: flex;
    align-items: center;
}

.carousel-indicators li {
    background: transparent;
    border: 1px solid #27B1CD;
}

.carousel-indicators li.active {
    background: #fff;
    border-color: #002C3B;
    outline: 1px solid #27B1CD;
}

#main-content .carousel-indicators { height: 0; }

/* Ending Main Content */

/* Starting Faculty Ads */

#fac-ads  {
    padding: 80px 0;
    background: url(../images/shape1.png) no-repeat top center;
}

#fac-ads .common-title { margin-bottom: 30px; }

#fac-ads .ad-item {
    text-align: center;
}

#fac-ads .ad-item .title {
    font-size: 33px;
    color: #299DC6;
    margin: 0 0 30px;
}

#fac-ads .ad-item p {
    color: #033446;
    margin: 0;
    line-height: 1.8;
}

/* Ending Faculty Ads */

/* Starting Faculty Departments */

#fac-departments {
    padding: 80px 0;
    background: url(../images/shape1.png) no-repeat top center;
}

#fac-departments .owl-carousel { margin-top: 85px; }

#fac-departments .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    background: #F9F9F9;
    border: 1px solid #EBEBEB;
    padding: 34px;
    min-height: 287px;
}

#fac-departments .item i {
    font-size: 85px;
    color: #27B1CD;
    margin: 0 0 30px;
}

#fac-departments .item .title {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #033446;
    margin: 0;
    width: 80%;
    height: 63px;
    overflow: hidden;
}

/* Ending Faculty Departments */

/* Starting Events */

.faculty #events { padding: 80px 0; }

/* Ending Events */

/* Starting Statistics */

.fac-statistics { padding: 80px 0 220px; background: url(../images/shape1.png) no-repeat top center; }

.fac-statistics .common-title { margin-bottom: 30px; }

.fac-statistics .common-title + p {
    font-size: 25px;
    font-weight: 600;
    color:#033446;
    margin-bottom: 75px;
    text-align: center;
    line-height: 1.8;
}

.fac-statistics .item { color: #0D6477; }

.fac-statistics .item .s-title { color: #27B1CD; }

/* Ending Statistics */

/* Starting Register Now */

.faculty .register-now { margin-top: -90px;}

.faculty .register-now .img {
    background: url(../images/bg2.png) no-repeat bottom center;
    background-size: contain;
}

.faculty .register-now .img img { position: static; }

/* Ending Register Now */

/*** Ending Faculty Page ***/

/* Starting Contact Us Page */

.contact_us { padding-bottom: 280px; }

.contact-info {padding: 50px 0;}

.contact-info .info-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 304px;
    background: #FCFCFC;
    color: #0E213A;
    border: 1px solid #E2E2E2;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
}

.contact-info .row { margin: 0 -10px; }

.contact-info .row > div { padding: 0 10px; }

.contact-info .info-item i { font-size: 30px; color: #299DC6; }

.contact-info .row > div:nth-of-type(2) .info-item i { color: #D0BB45; }

.contact-info .row > div:last-of-type .info-item i { color: #59E369; }

.contact-info .info-item .title {
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0;
}

.contact-info .info-item span {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.contact-info .info-item a {
    height: 45px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 600;
    background: #F7F7F7;
    border: 1px solid #CCCCCC;
    color: #0E213A;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding: 0 15px;
    min-width: 174px;
    margin-top: 40px;
}

.contact-info .info-item:hover a { background: #299DC6; color: #fff; }

.contact-info .row > div:nth-of-type(2) .info-item:hover a { background: #D0BB45; }

.contact-info .row > div:last-of-type .info-item:hover a { background: #59E369; }

.contact-form {
    padding: 70px 244px;
    border: 1px solid #E2E2E2;
    background: #F8F8F8 url(../images/shape6.png) no-repeat;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
}

.contact-form .common-title { font-size: 44px; margin-bottom: 22px; }

.contact-form p {
    font-size: 16px;
    color: #033446;
    margin: 0 auto 35px;
    width: 63%;
    line-height: 1.7;
}

.contact-form form { display: flex; justify-content: space-between;flex-wrap: wrap; }

.contact-form .form-group {
    flex: 0 0 auto;
    width: calc(50% - 12px);
    margin-bottom: 30px;
}

.contact-form .form-group.message {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
}

.contact-form label {
    font-size: 15px;
    font-weight: 700;
    color: #033446;
    margin: 0 0 15px;
    width: 100%;
}

.contact-form .form-control {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    min-height: 72px;
    padding: 20px;
}

.contact-form textarea { min-height: 193px!important }

.contact-form form button {
    margin: 20px auto 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    height: 74px;
    line-height: 74px;
    font-size: 22px;
    background: #27B1CD;
    color: #fff;
    padding: 0 95px;
    border: 0;
}

.contact-form form button:hover {background: #033446;}

.contact-form form button i { font-size: 12px; }

.default-page {padding-bottom: 280px;}

/* Ending Contact Us Page */

/* Starting Chapter Page */

.chapter .col-aside,
.dersler .col-aside { margin-top: -92px; }

.default-page .a-link {
    display: inline-flex;
    align-items: center;
    min-height: 184px;
    border: 1px solid #299DC6;
    -ms-flex: 0 0 calc(50% - 11px);
    flex: 0 0 calc(50% - 11px);
    width: calc(50% - 11px);
    margin: 30px 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-size: 26px;
    color: #033446;
    font-weight: 600;
    padding: 0 80px;
    background: rgb(249,249,249);
    background: -moz-linear-gradient(-45deg,  rgba(249,249,249,1) 0%, rgba(255,255,255,1) 27%, rgba(243,244,246,1) 35%, rgba(243,244,246,1) 37%, rgba(255,255,255,1) 65%, rgba(242,243,245,1) 71%, rgba(253,253,255,1) 78%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 27%,rgba(243,244,246,1) 35%,rgba(243,244,246,1) 37%,rgba(255,255,255,1) 65%,rgba(242,243,245,1) 71%,rgba(253,253,255,1) 78%,rgba(255,255,255,1) 100%);
    background: linear-gradient(135deg,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 27%,rgba(243,244,246,1) 35%,rgba(243,244,246,1) 37%,rgba(255,255,255,1) 65%,rgba(242,243,245,1) 71%,rgba(253,253,255,1) 78%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 );
}

.default-page .a-link i { font-size: 65px; color: #45D0C5; }

.default-page .a-link > img {
    width: 35px;
    height: 35px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: relative;
    top: 4px;
}

.default-page .a-link:hover {
    -webkit-box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important;
    -moz-box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important;
    -ms-box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important;
    -o-box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important;
    box-shadow: 0 23px 30px rgb(0 0 0 / 20%)!important;
}

.default-page .a-link:hover > img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.managers { padding: 30px 0 10px 0; }

.managers .common-title { margin-bottom: 45px; font-size: 44px; }

.managers .item {
    text-align: center;
    position: relative;
    padding-top: 180px;
    margin: 1px;
    padding-bottom: 15px;
}

.managers .image { position: absolute; top: 0; left: 0;right: 0; width: 85%; margin: auto; }

.managers .image img {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    max-width: 100%;
}

.managers .details {
    background: #F8F8F8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #299DC6;
    min-height: 396px;
    padding: 15px 15px 45px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -moz-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -ms-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -o-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    box-shadow: 0 8px 7px rgba(0,0,0,.05);
}

.managers .item:hover .details { border-color: #D0BB45; background: #fff; }

.managers .details strong {
    font-size: 33px;
    color: #299DC6;
    margin: 0 0 10px;
}

.managers .item:hover strong { color: #D0BB45; }

.managers .details .name {
    font-size: 20px;
    color: #033446;
    margin-bottom: 25px;
}

.managers .item .social { justify-content: center; }

.default-page .contact-form {
    background: #033446 url(../images/shape7.png) no-repeat;
    color: #fff;
    margin-top: 50px;
}

.default-page .contact-form .common-title,
.default-page .contact-form p,
.default-page .contact-form label { color: #fff; }

.default-page .contact-form p { font-weight: 100; }

.default-page .contact-form button { background: #27B1CD }

.default-page .contact-form button:hover { background: #D0BB45 }

.default-page .contact-form label { margin-bottom: 10px; }

/* Ending Chapter Page */

/* Starting BreadCrumb #2 */

.breadcrumb2 {
    min-height: 430px;
    background: #02283D;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.breadcrumb2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/mainbg.png) no-repeat;
    background-size: cover;
    background-position: top center;
    opacity: .25;
}

.breadcrumb2::after {
    content: "";
    position: absolute;
    width: 296px;
    min-height: inherit;
    background: url(../images/breadshape.png) no-repeat center;
    background-size: contain;
}

.breadcrumb2 .container { position: relative; }

.breadcrumb2 .title {font-size: 47px;font-weight: 600;color: #27B1CD; margin: 0;}

.breadcrumb2 .title span {width: 40%;margin: auto;margin-top: 15px;display: block;font-size: 22px;font-weight: 400;color: #fff;line-height: 1.8;}

/* Ending BreadCrumb #2 */

/* Starting Baskan Page */

.baskan .managers .common-title { font-size: 33px; color: #299DC6; }

.baskan .managers .item { padding-top: 165px; }

.baskan .managers .details { min-height: 360px; }

.baskan .managers .details strong { font-size: 25px; text-transform: capitalize; margin-bottom: 30px; }

.managers .owl-carousel .owl-dots { margin-top: 28px!important; }

.managers .owl-carousel .owl-dots .owl-dot.active span,
.managers .carousel-indicators li.active {
    background: #299DC6;
    outline: 1px solid #299DC6;
}

.managers .owl-carousel .owl-dots .owl-dot span,
.managers .owl-carousel .owl-dots .owl-dot:hover span,
.managers .carousel-indicators li {
    background: transparent;
    outline: 1px solid #299DC6;
}

/* Ending Baskan Page */

/* Starting Table */

table {
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    outline: 1px solid #E3E3E3;
    background: #F7F7F7;
    color: #033446;
    border: 40px solid #F7F7F7;
    text-align: center;
    border-collapse: initial;
    margin: 30px 0;
}

table thead th { padding-top: 0; }

table th, table td { padding: 20px; }

table tbody tr {
    background: #fff;
    overflow: hidden;
}

table tbody td {
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

table tr td:first-of-type {
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
}

table tr td:last-of-type {
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
    -o-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}

/* Ending Table */

/* Starting Dersler Page */

.dersler { padding-bottom: 150px; }

/* Ending Dersler Page */

/* Starting Faculty About us Page */

.f-about { padding-bottom: 250px; }

.f-about .f-image {
    position: relative;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 60px;
    margin-top: 30px;
}

.f-about .f-image img { margin: 0; display: block; max-width: 100%; }

.f-about .f-logo {
    position: absolute;
    top: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 156px;
    height: 165px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 4%, rgba(217,217,217,1) 35%, rgba(217,217,217,1) 35%, rgba(253,253,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 4%,rgba(217,217,217,1) 35%,rgba(217,217,217,1) 35%,rgba(253,253,255,1) 70%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 4%,rgba(217,217,217,1) 35%,rgba(217,217,217,1) 35%,rgba(253,253,255,1) 70%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 86%, 0 100%);
}

.f-about .f-logo > span { display: block; width: 65px; margin-bottom: 5px; }

.f-about .f-logo img { display: block; max-width: 100%; }

.f-about .f-logo label {
    font-size: 10px;
    color: #00A4BC;
    text-align: center;
}

.f-about .f-logo label span {
    display: block;
    color: #11273D;
    margin-top: 2px;
    line-height: 1.2;
}

.f-about .mission { padding-top: 120px; padding-bottom: 60px; }

.f-about .mission .row { margin: 0 -8px; }

.f-about .mission .row > div { padding: 0 8px; }

.f-about .mission .item {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #DDDDDD;
    padding: 0 25px 25px;
    height: 100%;
    text-align: center;
    background: rgb(248,248,248);
    background: -moz-linear-gradient(-45deg,  rgba(248,248,248,1) 0%, rgba(248,248,248,1) 12%, rgba(250,250,250,1) 13%, rgba(250,250,250,1) 23%, rgba(252,252,252,1) 26%, rgba(251,251,251,1) 28%, rgba(253,253,253,1) 29%, rgba(251,251,251,1) 29%, rgba(253,253,253,1) 31%, rgba(253,253,253,1) 40%, rgba(255,255,255,1) 42%, rgba(254,254,254,1) 47%, rgba(251,251,251,1) 49%, rgba(251,253,252,1) 49%, rgba(251,249,250,1) 50%, rgba(250,252,251,1) 50%, rgba(249,249,249,1) 51%, rgba(249,250,252,1) 51%, rgba(249,249,251,1) 52%, rgba(247,249,248,1) 52%, rgba(246,247,249,1) 55%, rgba(243,244,246,1) 56%, rgba(244,245,247,1) 64%, rgba(247,248,250,1) 69%, rgba(246,247,249,1) 72%, rgba(248,249,251,1) 73%, rgba(247,249,248,1) 75%, rgba(249,250,252,1) 76%, rgba(248,250,249,1) 76%, rgba(250,252,251,1) 79%, rgba(247,251,250,1) 80%, rgba(251,251,251,1) 80%, rgba(251,251,251,1) 85%, rgba(254,254,254,1) 90%, rgba(253,253,253,1) 93%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 96%, rgba(252,252,252,1) 98%, rgba(248,252,251,1) 98%, rgba(247,248,250,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(248,248,248,1) 0%,rgba(248,248,248,1) 12%,rgba(250,250,250,1) 13%,rgba(250,250,250,1) 23%,rgba(252,252,252,1) 26%,rgba(251,251,251,1) 28%,rgba(253,253,253,1) 29%,rgba(251,251,251,1) 29%,rgba(253,253,253,1) 31%,rgba(253,253,253,1) 40%,rgba(255,255,255,1) 42%,rgba(254,254,254,1) 47%,rgba(251,251,251,1) 49%,rgba(251,253,252,1) 49%,rgba(251,249,250,1) 50%,rgba(250,252,251,1) 50%,rgba(249,249,249,1) 51%,rgba(249,250,252,1) 51%,rgba(249,249,251,1) 52%,rgba(247,249,248,1) 52%,rgba(246,247,249,1) 55%,rgba(243,244,246,1) 56%,rgba(244,245,247,1) 64%,rgba(247,248,250,1) 69%,rgba(246,247,249,1) 72%,rgba(248,249,251,1) 73%,rgba(247,249,248,1) 75%,rgba(249,250,252,1) 76%,rgba(248,250,249,1) 76%,rgba(250,252,251,1) 79%,rgba(247,251,250,1) 80%,rgba(251,251,251,1) 80%,rgba(251,251,251,1) 85%,rgba(254,254,254,1) 90%,rgba(253,253,253,1) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 96%,rgba(252,252,252,1) 98%,rgba(248,252,251,1) 98%,rgba(247,248,250,1) 100%);
    background: linear-gradient(135deg,  rgba(248,248,248,1) 0%,rgba(248,248,248,1) 12%,rgba(250,250,250,1) 13%,rgba(250,250,250,1) 23%,rgba(252,252,252,1) 26%,rgba(251,251,251,1) 28%,rgba(253,253,253,1) 29%,rgba(251,251,251,1) 29%,rgba(253,253,253,1) 31%,rgba(253,253,253,1) 40%,rgba(255,255,255,1) 42%,rgba(254,254,254,1) 47%,rgba(251,251,251,1) 49%,rgba(251,253,252,1) 49%,rgba(251,249,250,1) 50%,rgba(250,252,251,1) 50%,rgba(249,249,249,1) 51%,rgba(249,250,252,1) 51%,rgba(249,249,251,1) 52%,rgba(247,249,248,1) 52%,rgba(246,247,249,1) 55%,rgba(243,244,246,1) 56%,rgba(244,245,247,1) 64%,rgba(247,248,250,1) 69%,rgba(246,247,249,1) 72%,rgba(248,249,251,1) 73%,rgba(247,249,248,1) 75%,rgba(249,250,252,1) 76%,rgba(248,250,249,1) 76%,rgba(250,252,251,1) 79%,rgba(247,251,250,1) 80%,rgba(251,251,251,1) 80%,rgba(251,251,251,1) 85%,rgba(254,254,254,1) 90%,rgba(253,253,253,1) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 96%,rgba(252,252,252,1) 98%,rgba(248,252,251,1) 98%,rgba(247,248,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f7f8fa',GradientType=1 );
}

.f-about .mission .item > i {
    display: inline-flex;
    width: 172px;
    height: 172px;
    margin: auto;
    margin-top: -86px;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
    font-size: 98px;
    background: #0D6477;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background: #45D0C5;
}

.f-about .mission .row > div:nth-of-type(2) .item > i {
    background: #27B1CD;
}

.f-about .mission .row > div:last-of-type .item > i {
    background: #0D6477;
}

.f-about .mission .item .title {
    font-size: 33px;
    color: #033446;
    margin-bottom: 22px;
    margin-top: 15px;
}

.f-about .mission .item p {
    font-size: 19px;
    color: #033446;
    margin-bottom: 25px;
    line-height: 1.8;
}

.f-about .mission .item .more {
    display: table;
    height: 52px;
    line-height: 50px;
    padding: 0 50px;
    background: #fff;
    border: 1px solid #27B1CD;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    font-size: 22px;
    color: #299DC6;
}

.f-about .mission .item:hover .more {
    background: #45D0C5;
    color: #fff
}

.f-about .mission .row > div:nth-of-type(2) .item:hover .more {
    background: #27B1CD;
    border-color: #27B1CD;
}

.f-about .mission .row > div:last-of-type .item:hover .more {
    background: #0D6477;
    border-color: #0D6477;
}

.f-about .mission .item .more i {
    display: inline-block;
    font-size: 14px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.f-about .important-links .a-link {
    min-height: 145px;
    font-size: 20px;
    padding: 0 48px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    -webkit-box-shadow: 0 8px 7px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 8px 7px rgb(0 0 0 / 5%);
    -ms-box-shadow: 0 8px 7px rgb(0 0 0 / 5%);
    -o-box-shadow: 0 8px 7px rgb(0 0 0 / 5%);
    box-shadow: 0 8px 7px rgb(0 0 0 / 5%);
}

.f-about .important-links .a-link i { color: #fff; }

.f-about .important-links .a-link:first-of-type { background: #033446; }

.f-about .important-links .a-link:nth-of-type(2) { background: #27B1CD; }

.f-about .important-links .a-link:nth-of-type(3) { background: #D0BB45; }

.f-about .important-links .a-link:last-of-type { background: #45D0C5; }

.f-about .important-links .a-link img {
    -webkit-filter: brightness(100);
    filter: brightness(100);
    top: -2px;
}

/* Ending Faculty About us Page */

/* Starting Regulations Page */

#main.regulations { padding: 40px 0 80px; }

.regulations .common-title { font-size: 44px; }

.regulations .row { margin: 0 -22px; }

.regulations .row > div { padding: 0 22px; }

.regulations .item {
    display: block;
    height: 374px;
    padding: 80px 15px;
    background: #F8F8F8;
    color: #0D6477;
    border: 1px solid #299DC6;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -moz-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -ms-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -o-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    box-shadow: 0 8px 7px rgba(0,0,0,.05);
    text-align: center;
    position: relative;
    margin-bottom: 44px;
}

.regulations .item:hover { color: #D0BB45; }

.regulations .item .img { margin: 0 auto 25px; width: 90px; }

.regulations .item .img img { max-width: 100%; }

.regulations .item .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    width: 95%;
    margin: 0 auto;
    text-transform: capitalize;
}

.regulations .item::after {
    content: "\e900";
    font-family: 'icomoon' !important;
    font-size: 38px;
    color: #D3D3D3;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}

.regulations .item:hover:after { color: #299DC6; }

/* Ending Regulations Page */

/* Starting Institutes Page */

#main.institutes { padding: 40px 0 80px; }

.institutes .common-title { font-size: 44px; }

.institutes .row > div {
    margin-bottom: 30px;
}

.institutes .item {
    display: flex;
    align-items: center;
    padding: 10px 50px;
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -moz-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -ms-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    -o-box-shadow: 0 8px 7px rgba(0,0,0,.05);
    box-shadow: 0 8px 7px rgba(0,0,0,.05);
    height: 100%;
    min-height: 152px;
    border: 1px  solid;
    color: #27B1CD;
}

.institutes .item:hover { background: #F8F8F8; }

.institutes .row > div:nth-of-type(2) .item { color: #45D0C5; }

.institutes .row > div:nth-of-type(3) .item { color: #D0BB45; }

.institutes .row > div:nth-of-type(4) .item { color: #F0DC6C; }

.institutes .row > div:nth-of-type(5) .item { color: #033446; }

.institutes .row > div:nth-of-type(6) .item { color: #F79A4A; }

.institutes .row > div:nth-of-type(7) .item { color: #6EBFDB; }

.institutes .item .image {
    -ms-flex: 0 0 92px;
    flex: 0 0 92px;
    max-width: 92px;
}

.institutes .item .image img { max-width: 100%; }

.institutes .item .title {
    font-size: 22px;
    margin: 0;
    position: relative;
    -ms-flex: 0 0 calc(100% - 122px);
    flex: 0 0 calc(100% - 122px);
    max-width: calc(100% - 122px);
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.institutes .item .title::after {
    margin-top: 4px;
    content: "\e90c";
    font-family: 'icomoon' !important;
    font-size: 15px;
}

/* Ending Institutes Page */

/* Starting Goals */

.dep-goals { padding: 25px 0; }

.dep-goals .title {font-size: 33px;color: #033446;margin-bottom: 30px;}

.dep-goals .item {
    border: 1px solid #299DC6;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    text-align: center;
    background: rgb(249,249,249);
    background: -moz-linear-gradient(-45deg,  rgba(249,249,249,1) 0%, rgba(255,255,255,1) 27%, rgba(243,244,246,1) 35%, rgba(243,244,246,1) 37%, rgba(255,255,255,1) 65%, rgba(242,243,245,1) 71%, rgba(253,253,255,1) 78%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 27%,rgba(243,244,246,1) 35%,rgba(243,244,246,1) 37%,rgba(255,255,255,1) 65%,rgba(242,243,245,1) 71%,rgba(253,253,255,1) 78%,rgba(255,255,255,1) 100%);
    background: linear-gradient(135deg,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 27%,rgba(243,244,246,1) 35%,rgba(243,244,246,1) 37%,rgba(255,255,255,1) 65%,rgba(242,243,245,1) 71%,rgba(253,253,255,1) 78%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 );
    -webkit-box-shadow:  0 3px 10px rgba(0,0,0,.2);
    -moz-box-shadow:  0 3px 10px rgba(0,0,0,.2);
    -ms-box-shadow:  0 3px 10px rgba(0,0,0,.2);
    -o-box-shadow:  0 3px 10px rgba(0,0,0,.2);
    box-shadow:  0 3px 10px rgba(0,0,0,.2);
    margin: 10px 5px;
    padding: 25px;
    min-height: 385px;
}

.dep-goals .item .icon {
    display: flex;
    width: 118px;
    height: 118px;
    justify-content: center;
    margin: auto;
    margin-bottom: 30px;
    border: 34px solid #ACDCED;
    background: #D1F3FF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

.dep-goals .item .icon img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dep-goals .item p {
    font-size: 19px;
    margin: 0;
    color: #033446;
}

.dep-goals .owl-carousel .owl-dots {  margin-top: 30px!important; }

.dep-goals .owl-item:nth-of-type(2n) .item .icon {
    background: #46E5D8;
    border-color: #45D0C5;
}

.dep-goals .owl-item:nth-of-type(3n) .item .icon {
    background: #ACDCED;
    border-color: #27B1CD;
}

.dep-goals .owl-item:nth-of-type(5n) .item .icon {
    background: #238398;
    border-color: #0D6477;
}

/* Ending Goals */

/* Starting Fields */

.fields { margin-top: 30px; }

.fields ul { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; }

.fields li {
    flex: 0 0 32.333%;
    max-width: 32.333%;
    margin-bottom: 25px;
}

.fields .field {
    background: #27B1CD;
    color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    min-height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    text-align: center;
    font-size: 19px;
}

.fields ul li:nth-of-type(2) .field { background: #D0BB45; }

.fields ul li:nth-of-type(3) .field { background: #45D0C5; }

.fields ul li:nth-of-type(4) .field { background: #6EBFDB; }

.fields ul li:nth-of-type(5) .field { background: #ACDAEA; }

.fields ul li .field span::before {
    content: "\e90c";
    font-family: 'icomoon' !important;
    font-size: 11px;
}

.fields .field:hover {
    -webkit-box-shadow: 0 23px 30px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 23px 30px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 23px 30px rgb(0 0 0 / 20%);
    -o-box-shadow: 0 23px 30px rgb(0 0 0 / 20%);
    box-shadow: 0 23px 30px rgb(0 0 0 / 20%);
}

/* Ending Fields */

/* Starting Student Services */

.student-services { padding-top: 45px; }

.student-services > p {
    font-size: 30px;
    font-weight: 500;
    color: #45ACD0;
    margin-bottom: 52px;
}

.student-services .row { margin: 0 -13px; }

.student-services .row > div { padding: 0 13px; margin-bottom: 26px; }

.student-services .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    min-height: 345px;
    padding: 0 10px;
    padding-top: 34px;
    padding-bottom: 48px;
    text-align: center;
    border: 1px solid #299DC6;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: url(../images/serv-bg.png) no-repeat center;
    background-size: 100% 100%;
}

.student-services .item,
.student-services .item .more {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
}

.student-services .item:hover {
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,.2);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,.2);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,.2);
    box-shadow: 0 3px 10px rgba(0,0,0,.2);
}

.student-services .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 128px;
    margin: 0 auto;
    margin-bottom: 24px;
    background: #0D6477;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.student-services .item .title {
    font-size: 19px;
    font-weight: 700;
    text-transform: capitalize;
    color: #033446;
    margin-bottom: 30px;
    line-height: 1.4;
}

.student-services .item .title a { color: #033446; }

.student-services .item .more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 29px;
    height: 44px;
    font-size: 13px;
    text-transform: capitalize;
    color: #27B1CD;
    border: 1px solid #74C7E5;
    margin-top: auto;
}

.student-services .item .more i { font-size: 10px; }

/* Ending Student Services */

/* Starting Modifications */

#slideshow .scroll-next::after { content: "\e90a"; }

/* Ending Modifications */

/* Starting Electronic Services */

#e-services {
    padding: 80px 0 90px;
    background: url(../images/shape1.png) no-repeat top center;
    text-align: center
}

#e-services .title,
#services-news .title,
#contact-service .title {
    text-align: center;
    font-size: 33px;
    font-weight: 600;
    text-transform: capitalize;
    color: #27B1CD;
    margin-bottom: 25px;
}

#e-services .title + p {
    font-size: 25px;
    font-weight: 400;
    text-transform: capitalize;
    color: #033446;
    margin-bottom: 68px;
}

#services-news {
    padding: 50px 0;
    background: #F7F7F7;
    border: 1px solid #E3E3E3;
    border-left: 0;
    border-right: 0;
}

#services-news .title { margin-bottom: 50px; }

#services-news .item p {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.7;
    margin-top: 18px;
    margin-bottom: 25px;
    color: #033446;
}

#services-news .item a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 66px;
    padding: 0 60px;
    font-size: 15px;
    font-weight: 400;
    background: #27B1CD;
    color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    text-transform: capitalize;
}

#services-news .item a:hover { background: #02283D; }

#services-news .item a i { font-size: 9px; }

#services-news .slider-nav .slick-list {
    height: 417px;
    background: #fff;
    border: 1px solid #6EBFDB;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
}

#services-news .slider-nav .slick-track,
#services-news .slider-nav .image {
    height: inherit;
}

#services-news .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#contact-service { padding: 100px 0 300px; }

#contact-service .title {
    color: #033446;
    margin-bottom: 40px;
}

.slick-dots {
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    height: 19px;
}

.slick-dots li {
    display: flex;
    background: #fff;
    border: 1px solid #6EBFDB;
}

.slick-dots button {
    padding: 0;
    font-size: 0;
    background: transparent;
    border: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/* Ending Electronic Services */