/*

Template Name: king saud university for health sciences
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNTER DESIGN
    06. START TEAM CSS DESIGN
    07. START PROCESS DESIGN
    08. START WORK CSS DESIGN
    09. START TESTIMONIAL DESIGN
    10. START COMPANY PARTNER LOGO
    11. START PRICING DESIGN
    12. START CONTACT ADDRESS & CONTACT FORM DESIGN
    13. START NEWSLETTER DESIGN
    14. START FOOTER DESIGN
    15. Medical Intern Career Day 2021
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
@import url("/_catalogs/masterpage/KSAUPortal/fonts/GEDinarOne_Medium/stylesheet.css");
@import url("/_catalogs/masterpage/KSAUPortal/fonts/GEDinarOne_Light/stylesheet.css");
html {
    background: #fff;
    -moz-animation-name: html_elem;
    -webkit-animation-name: html_elem;
    animation-name: html_elem;
    -moz-animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
}
* {
    outline: none!important
}
::selection {
    background: #009966;
    color: #fff
}
::-moz-selection {
background:#009966;
color:#fff
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
body {
    background-color: #fff;
    color: #000;
    font-family: "Cairo-regular";
    font-size: 1.6em;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    overflow-x: hidden;
    transition: all .5s ease-in 0s;
}
a {
    color: inherit;
    text-decoration: none;
    outline: 0
}
a:hover {
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease-in-out 0s
}
a:-webkit-any-link {
text-decoration:none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
    line-height: 1.6;
	margin-top: 10px;
}
a:visited {
	color: inherit;
    text-decoration: none;
}
ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.6;
}
p {
    font-size: 1.5rem;
    line-height: 1.6
}
strong {
    font-weight: 600;
    ont-family: "cairo-700";
}
label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 1.4rem;
    font-weight: 400;
}
input {
    outline: none;
}
input:hover {
    transition: all 0.2s ease-in-out 0s;
}
@-moz-keyframes html_elem {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes html_elem {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes html_elem {
0% {
opacity:0
}
100% {
opacity:1
}
}
.mt-10 {
    margin-top: 1rem!important
}
.mt-20 {
    margin-top: 2rem!important
}
.mt-30 {
    margin-top: 3rem!important
}
.mt-40 {
    margin-top: 4rem!important
}
.mt-50 {
    margin-top: 5rem!important
}
.mt-60 {
    margin-top: 6rem!important
}
.mt-70 {
    margin-top: 7rem!important
}
.mt-80 {
    margin-top: 8rem!important
}
.mt-90 {
    margin-top: 9rem!important
}
.mt-100 {
    margin-top: 10rem!important
}
.mt-110 {
    margin-top: 11rem!important
}
.mt-120 {
    margin-top: 12rem!important
}
.mt-130 {
    margin-top: 13rem!important
}
.mt-140 {
    margin-top: 14rem!important
}
.mt-150 {
    margin-top: 15rem!important
}
.mt-160 {
    margin-top: 16rem!important
}
.mt-170 {
    margin-top: 17rem!important
}
.mt-180 {
    margin-top: 18rem!important
}
.mt-190 {
    margin-top: 19rem!important
}
.mt-200 {
    margin-top: 20rem!important
}
.mb-10 {
    margin-bottom: 1rem!important
}
.mb-20 {
    margin-bottom: 2rem!important
}
.mb-30 {
    margin-bottom: 3rem!important
}
.mb-40 {
    margin-bottom: 4rem!important
}
.mb-50 {
    margin-bottom: 5rem!important
}
.mb-60 {
    margin-bottom: 6rem!important
}
.mb-70 {
    margin-bottom: 7rem!important
}
.mb-80 {
    margin-bottom: 8rem!important
}
.mb-90 {
    margin-bottom: 9rem!important
}
.mb-100 {
    margin-bottom: 10rem!important
}
.mb-110 {
    margin-bottom: 11rem!important
}
.mb-120 {
    margin-bottom: 12rem!important
}
.mb-130 {
    margin-bottom: 13rem!important
}
.mb-140 {
    margin-bottom: 14rem!important
}
.mb-0 {
    margin-bottom: 0!important
}
.dir-rtl {
    direction: ltr
}
.dir-ltr {
    direction: rtl
}
.brdr-bottom {
    border-bottom: 1px solid rgba(0,0,0,0.05)
}
.brdr-right {
    border-left: 1px solid rgba(0,0,0,0.05)
}
.no-brdr {
    border: none!important
}
.over-fl-hidden {
    overflow: hidden
}
.over-fl-visible {
    overflow: visible
}
[class*='dark-text'] {
    color: #000!important
}
[class*='light-text'] {
    color: #fff!important
}

/*
* ----------------------------------------------------------------------------------------
* 01.Scrolling  Bar
* ----------------------------------------------------------------------------------------
*/

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}

::-webkit-scrollbar {
 width: 8px;
 background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
 background-color: #009966;
 border: 2px solid #009966;
}
/*
* ----------------------------------------------------------------------------------------
* Breadcrumb
* ----------------------------------------------------------------------------------------
*/
.breadcrumb {
    background-color: rgba(33, 25, 25, 0);
}
.breadcrumb>.active {
    color: #fff;
    font-weight: 600;
    font-family: "Cairo-700";
}
.breadcrumb a:visited {
    color: white;
    text-decoration: none;
}
.ms-core-webpartadder {
    z-index: 11;
}
/*---------------------------
sharepoint
---------------------------*/

/*#s4-workspace {
    height: 100% !important;
    width: 100% !important;
}*/
#s4-bodyContainer {
    padding-bottom: 0 !important;
}
.ms-webpartzone-cell {
    margin: 0 auto 0px !important;
}
.item {
    padding: 0 !important;
}
.ms-webpart-zone {
    display: block;
}
.ms-webpart-cell-vertical {
    display: block;
}
.ms-webpart-chrome-vertical {
    display: block;
}
/*---------------------------
sharepoint costom label
---------------------------*/
.portfolio .label {
    position: absolute;
    margin: 0;
    left: 0;
    width: 100%;
    height: 40px;
    bottom: -48px;
}
/*---------------------------
sharepoint costom list
---------------------------*/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
/*    background-image: -webkit-linear-gradient(rgba(51,51,51,0.00) 0%, rgb(51, 51, 51) 100%);
    background-image: -o-linear-gradient(rgba(51,51,51,0.00) 0%, rgb(51, 51, 51) 100%);
    background-image: linear-gradient(rgba(51,51,51,0.00) 0%, rgb(51, 51, 51) 100%);/*opacity: .7;*/
	
	background-image: -webkit-linear-gradient(rgba(238,238,238,0.00) 11%, rgba(221,221,221,0.06) 50%, rgba(0,0,0,0.64) 100%);
	background-image: -o-linear-gradient(rgba(238,238,238,0.00) 11%, rgba(221,221,221,0.06) 50%, rgba(0,0,0,0.64) 100%);
	background-image: linear-gradient(rgba(238,238,238,0.00) 11%, rgba(221,221,221,0.06) 50%, rgba(0,0,0,0.64) 100%);
}
.general-list-menu-head {
    background: #009967;
    /*    padding: 20px;*/
    color: white;
}
.general-list-menu-head h4 {
    font-family: "cairo-700";
    padding: 20px;
    color: white;
}
li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active {
    background-color: #cde6f7 !important;
    background-color: rgba(0, 153, 103, 0.78) !important;
    color: white !important;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header {
    font-size: 1.1em;
    vertical-align: middle;
    font-family: Cairo-regular;
    display: block;
}
.ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
    border-bottom: 1px solid #f7f6f6;
}
/*---------------------------
Center Div & Right
---------------------------*/
.center-div {
    margin-left: auto;
    margin-right: auto;
    padding-left: auto;
    padding-right: auto;
}
.right {
    text-align: left;
}
body {
    /*padding-top: 43px;*/
    overflow: auto;
}
.paddingtop {
    padding-top: 30px;
}
.paddingbottom {
    padding-bottom: 30px;
}
.nopadding {
    padding: 0 !important;
}
.nomargin {
    margin: 0 !important;
}
.bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#top-header {
    background-color: #fff;
    position: relative;
    z-index: 10 !important;
    height: 124px;
}
.topcolor {
    height: 9px;
    background-color: #03784f;
}
/*.top-nav li {
	display: inline-block;
	float: right;
	background-color: white;
}
.top-nav li a{
	padding: 20px;
}*/
.custom-barand {
    height: auto;
    padding-bottom: 0;
}
.navbar-brand {
    padding-top: 10px;
}
.navbar-brand.logos li {
    padding: 0px;
}
ul.top-bar {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.top-bar h4 {
    /* display: inline-block; */
    color: #FFFFFF;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 14px;/* background: #E90E11; *//* float:right; */
}
.search-menu {
    float: right !important;
    /* margin-top: 30px !important; */
    width: 300px;
    padding-top: 30px !important;
    padding-right: 5px !important
}
.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.navbar-form .input-group>.form-control {
    width: 240px;
    background: #ffffff;
    border: 0.5px solid #dedede;
    border-radius: 3px 0 0 3px;
    font-size: 12px;
}
.btn-default {
    color: #fff;
    min-width: 2em;
    background-color: #009966;
    border-color: #009966;
    border-radius: 0px 3px 3px 0px !important;
}
.btn-default:hover {
    color: #fff;
    background-color: #006738;
    border-color: #009966;
}
.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-image: none;
}
.navbar-form {
    margin-top: 0px;
}
.glyphicon {
    top: 3px;
}
.search-menu a {
    padding: 15px !important;
}
.search-icon {
    font-size: 13px;
    color: white;
    text-decoration: none;
}
.lag-menu {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    float: right !important;
    background-color: #006738;
    margin-top: 30px !important;
    height: 34px;
    /* width: 34px; */
    border-radius: 4px;
    cursor: pointer;
}
.lag-menu:hover {
    background-color: #27AE60;
}
.lag-menu a {
    color: white !important;
    font-size: 13px !important;
    font-weight: 600;
}
.vison {
    float: right !important;
    padding-top: 25px;
    padding-left: 10px;
}
.vison img {
    width: 60px;
    height: auto;
}
.home-menu {
    background: #15a047;
}
.management-menu {
    background: #39b449;
}
.university-menu {
    background: #006738;
}
.news-menu {
    background: #014d31;
}
.top-bar .login-menu {
    background: #15A047;
    text-decoration: none;
}
.login-menu:hover, .news-menu:hover, .university-menu:hover, .home-menu:hover, .management-menu:hover {
    background: #06c82e;
    color: white;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.news-menu:active, .university-menu:active, .home-menu:active, .management-menu:active {
    background: #06c82e;
    color: white;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
top-bar>login-menu .main-menu {
    background: rgba(255,255,255,0.44);/* padding: 20px 0px 20px 0px;
	position:sticky; */
}
.searchbox {
    position: relative;
    min-width: 50px;
    width: 0%;
    height: 37px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #000;
    width: 300px;
    height: 36px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 16px;
    color: white;
}
.searchbox-input::-webkit-input-placeholder {
 color: white;
}
.searchbox-input:-moz-placeholder {
 color: white;
}
.searchbox-input::-moz-placeholder {
 color: white;
}
.searchbox-input:-ms-input-placeholder {
 color: white;
}
.searchbox-icon, .searchbox-submit {
    width: 50px;
    height: 36px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 19px;
    right: 0;
    padding: 0px;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
    color: #dcddd8;
    background: #014d31;
}
.searchbox-open {
    width: 100%;
}
.slide-contant {
    /*	padding-top: 15%;
	padding-bottom: 15%;*/
    text-align: left;
}
/*------------------------------------------------
Slider Dark style
-----------------------------------------------*/
.carousel-caption {
    display: flex;
    align-items: flex-end;
    height: 100%;
}
.slider {
    background: #fff;
}
.slider .image-bg {
    background-image: url(/_catalogs/masterpage/KSAUPortal/image/text.jpg);
}
.slider .item {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center bottom;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
}
.slider .carousel-caption {
    bottom: 0;
}
.darkstyle.slide-contant h2 {
    font-size: 3.438em;
    color: #000;
    line-height: 1.75em;
    text-align: left;
}
.darkstyle.slide-contant span {
    font-family: "cairo-700";
    color: #000;
}
.darkstyle.slide-contant p {
    color: #000;
    font-weight: normal;
    font-size: 30px;
    max-width: 540px;
    line-height: 36px;
    padding-bottom: 15px;
    text-align: left;
}
.darkstyle.slide-contant .btn.btn-lg.btn-custon-one {
    background: #009966;
    color: white;
    font-size: 14px;
    border-radius: 4px;
    border-width: 0px;
    padding-left: 50px;
    padding-right: 50px;
    font-weight: 100;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 5px;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}
.darkstyle.slide-contant .btn.btn-lg.btn-custon-one:hover {
    background: #05432B/*linear-gradient(90deg, #009344 14%, #3AB94F 100%)*/;
    color: white;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}
.btn-custon-one:active, .btn-custon-one:focus {
    background: linear-gradient(90deg, #009344 14%, #3AB94F 100%);
    color: white;
}
.darkstyle.slide-contant .btn.btn-lg.btn-custon-two {
    color: #009966;
    font-size: 14px;
    border: 3px solid #009966;
    padding-left: 50px;
    padding-right: 50px;
    font-weight: 100;
    padding-top: 10px;
    padding-bottom: 11px;
    background-color: rgba(255,255,255,1.00);
    margin: 5px;
}
.darkstyle.slide-contant .btn.btn-lg.btn-custon-two:hover {
    /* [disabled]background: linear-gradient(90deg, #009344 14%, #3AB94F 0%);
*/
    color: #009966;
    -webkit-box-shadow: 0px 0px #019344;
    box-shadow: 0px 0px #019344;
    border: 3px solid #00D585;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.btn-custon-two:active, .btn-custon-two:focus {
    color: #009966;
    background-color: rgba(255,255,255,0.00);
}
/*------------------------------------------------
Slider light style
-----------------------------------------------*/
.lightstyle.slide-contant h2 {
    font-size: 35px;
    text-align: left;
    font-family: cairo-700;
    color: #fff;
    line-height: 1.75em;
}
.lightstyle.slide-contant span {
    font-family: "cairo-700";
    color: #7d7d7d;
}
.lightstyle.slide-contant p {
    color: #f3f3f3;
    font-weight: normal;
    font-size: 18px;
    max-width: 600px;
    line-height: 30px;
    padding-bottom: 15px;
}
.lightstyle.slide-contant .btn.btn-lg.btn-custon-one {
    background: #009344;
    color: white;
    font-size: 14px;
    border-radius: 4px;
    border-width: 0px;
    padding-left: 50px;
    padding-right: 50px;
    font-weight: 100;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 5px;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}
.lightstyle.slide-contant .btn.btn-lg.btn-custon-one:hover {
    background: #05432B/*linear-gradient(90deg, #009344 14%, #3AB94F 100%)*/;
    color: white;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}
.btn-custon-one:active, .btn-custon-one:focus {
    background: linear-gradient(90deg, #009344 14%, #3AB94F 100%);
    color: white;
}
.lightstyle.slide-contant .btn.btn-lg.btn-custon-two {
    color: #DDDDDD;
    font-size: 16px;
    border: 3px solid #DDDDDD;
    padding-left: 50px;
    padding-right: 50px;
    font-weight: 100;
    padding-top: 10px;
    padding-bottom: 11px;
    background-color: rgba(0,0,0,0.00);
    margin: 5px;
}
.lightstyle.slide-contant .btn.btn-lg.btn-custon-two:hover {
    /* [disabled]background: linear-gradient(90deg, #009344 14%, #3AB94F 0%);
*/
    color: #019344;
    -webkit-box-shadow: 0px 0px #019344;
    box-shadow: 0px 0px #019344;
    border: 3px solid #00D585;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.btn-custon-two:active, .btn-custon-two:focus {
    color: #019344;
    background-color: rgba(255,255,255,0.00);
}
.service {
  /*	background:url(../image/../image/footbg2.png);*/
  background-color: #f3f3f3;
  position: relative;

}
.service .downline {
  position: absolute;
  bottom: -5px;
  width: 100%;
}
.service .downline img {
  width: 100%;
  height: 5px;
}
    
.col-carousel {
	margin: 0px 0;
}
    .image-tooltip {
	
        padding: 41px 0 40px 0;
}

/* owl nav */
.owl-prev span, .owl-next span {
	color: #2da174;
	font-size:30px;
}
.owl-prev svg, .owl-next svg {
	color: #2da174;
}

.owl-prev span:hover, 
.owl-next span:hover {
	color: #8199A3;
}
.owl-prev svg:hover, 
.owl-next svg:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 5px;
    height: 100%;
}

.owl-prev {
	right: -80px;
}

.owl-next {
	left: -80px;
}
#description {
    border-top: 10px solid #333333;
    padding: 0;
}
#descScroll {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}
#descInner {
    padding: 10px 0;
}
/*position and hide the menu initially...*/

#page {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
#menu {
    position: absolute;
    right: 0;
    width: 100%;
    display: none;
}
#menu {
    right: 54px;
    }
/*dock styling...*/

	/*...centre the dock...*/

#menu div.jqDockWrap {
    margin: 0 auto;
}
/*...set the cursor...*/

#menu div.jqDock {
    cursor: pointer;
}
/*label styling...*/
.tooltip-inner {
    min-width: 175px;
    max-width: 220px;
    padding: 2px 2px;
    margin: 0 auto;
    color: #fff;
    text-align: center !important;
    background-color: #000;
    font-size: 11px;
    font-family: cairo-600;
    border-radius: 4px;
}
.service h1 {
    color: white;
    font-family: "cairo-700";
}
.service b {
    color: white;
    float: left;
}
.service h3 {
    text-align: center;
    font-size: 16px;
	font-family: "cairo-700";
    margin-top: 10px;
    margin-bottom: 0px;
}
.service-name img {
    width: auto;
    height: 86px;
    -webkit-transition: all 200ms ease-in-out;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in-out;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in-out;
    -moz-transform: scale(1);
    transition: all 200ms ease-in-out;
    transform: scale(1);
    display: inline-block;
}
.service-name img:hover {
    -webkit-transition: all 200ms ease-in-out;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in-out;
    -ms-transform: scale(1.2);
    -moz-transition: all 200ms ease-in-out;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in-out;
    transform: scale(1.2);
}
.service-name {
    color: #FFFFFF;
    font-style: normal;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
}
.about {
    background-image: url(/_catalogs/masterpage/KSAUPortal/image/bg2.png);
    background-attachment: fixed;
    background-position: center top;
    /*background-position-y: 695px;*/
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-left: 30px;
    padding-bottom: 50px;
    padding-right: 30px;
}
.play-icons {
    padding: 27px;
}
.about h2 {
    color: #FAFAFA;
    font-size: 4.875rem;
    line-height: 4.875rem;
}
.about p {
    color: #FAFAFA;
    font-size: 2rem;
    line-height: 3rem;
}
.border-one {
    margin-right: auto;
    margin-left: auto;
    height: 144px;
    width: 144px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    border: 10px solid rgb(0, 153, 103);
}
.border-two {
    margin-right: auto;
    margin-left: auto;
    height: 173px;
    width: 173px;
    -moz-border-radius: 112px;
    border-radius: 112px;
    border: 15px solid rgba(0, 153, 103, 0.64);
}
.border-three {
    margin-right: auto;
    margin-left: auto;
    height: 202px;
    width: 202px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 15px solid rgba(0, 153, 103, 0.23);
}
.play-icon {
    width: 45%;
    margin-top: 35px;
    margin-right: 40px;
}
.news {
    background-image: url(/_catalogs/masterpage/KSAUPortal/image/news_bg.jpg);
    background-position: center top;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 45px;
    padding-right: 30px;
}
.news-box {
    border: thin solid #CFDAD1;
    border-radius: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.image-head img {
    height: 250px;
    /*	background-repeat: no-repeat;
	background-size: cover;*/
    /* [disabled]border-bottom-left-radius: 10px;
*/
    /* [disabled]border-bottom-right-radius: 10px;
*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-position: center center;
}
.news-title-home {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 25px;
}
.news-title-home h1 {
    font-size: 25px;
    font-family: "cairo-700";
}
.news-title-home p {
    font-size: 16px;
    /* font-weight: 600; */
    color: #777;
    margin: 0 auto;
    max-width: 550px;
}
.news-icon-more {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 0px;
    padding-left: 34px;
}
.news-contant {
    margin-top: 150px;
    padding-left: 50px
}
.news-contant h1 {
    color: #009966;
    font-family: "cairo-700";
    font-size: 5em;
}
.news-contant h2 {
    color: #000000;
    font-family: "GEDinarOne Light";
    font-size: 5em;
    line-height: 0.2;
    padding-bottom: 3rem;
}
.news-contant p {
    color: #7E7E7E;
    font-size: 1.8em;
    max-width: 18em;
}
.btn-news {
    background: #006A44;
    transition: all 0.5s ease;
    margin-right: 10px;
    color: white;
    font-size: 16px;
    border-width: 0px;
    border-radius: 3px;
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 100;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 20px;
}
.btn-news:hover {
    background: #2E3135;
    color: white;
}
.btn-news:visited {
    color: white;
}
.btn-custon-three {
    background: #006A44;
    transition: all 0.5s ease;
    margin-right: 10px;
    color: white;
    font-size: 16px;
    border-width: 0px;
    border-radius: 3px;
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 100;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 20px;
}
.btn-custon-three:hover {
    background: #2E3135;
    color: white;
}
.btn-custon-event {
    background: #006A44;
    transition: all 0.5s ease;
    margin-right: 10px;
    color: white;
    font-size: 16px;
    border-width: 0px;
    border-radius: 3px;
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 100;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 20px;
}
.btn-custon-event:hover {
    background: #2E3135;
    color: white;
}
.colleges-title {
    padding: 25px;
}
.colleges-title h1 {
    color: #15A047;
}
.colleges-title p {
    color: #013522;
    font-size: 16px;
    max-width: 523px;
    text-align: center;
    margin: 0 auto;
    font-family: "cairo-700";
}
.website-images {
    padding: 0px;
    margin: 0px
}
/*About colleges*/
.about-college {
	/*background:url(/_catalogs/masterpage/KSAUPortal/image/footbg2.png);*/
    background-color: #03784f;
    padding-top: 10px;
    padding-bottom: 10px;
}
.about-college h1 {
    color: white;
    font-size: 35px;
}
.about-college h2 {
    color: white;
    font-size: 30px;
    font-family: "GEDinarOne Light";
    margin: 0;
    line-height: 1.3;
}
.btn-custon-four {
    background-color: white;
    background: linear-gradient(to left, white 50%, #2E3135 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease;
    font-family: "cairo-700";
    color: #1A9348;
    font-size: 16px;
    border-width: 0px;
    border-radius: 5px;
    margin-top: 14px !important;
    padding-left: 30%;
    padding-right: 30%;
    font-weight: 100;
    padding-top: 14px;
    padding-bottom: 14px;
}
.btn-custon-four:hover {
    background-position: left bottom;
    font-family: "cairo-700";
    color: white;
}
.btn-custon-four:visited {
    color: white;
}
.n_event {
    border: 1px solid #F3F3F3;
    border-radius: 5px 5px 0px 0px;
}
.n_event_img {
    border-bottom: 1px solid #F3F3F3;
    height: auto;
    width: 100%;
}
.n_event_img {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    height: 434px;
    background-size: 100% 100% !important;
    background-position: center center !important;
}
.n_event h1 {
    font-size: 20px;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    color: #004A32;
    text-align: left;
    font-family: cairo-700;
    padding-bottom: 10px;
}
.n_event p {
    font-size: 14px;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-align: left;
    padding-bottom: 23px;
}
.n_event .time, .n_event .date, .n_event .location {
    font-family: 'Cairo-Regular', sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: 800;
    padding-left: 10px;
}
.n_event .time span, .n_event .date span, .n_event .location span {
    font-size: 16px;
    color: #000;
}
.n_event .time .text-custom, .n_event .date .text-custom, .n_event .location .text-custom {
    font-size: 10px;
    color: #000;
}
.text-custom {
    font-size: 10px;
}
.n_event .n_event_foot {
    padding: 20px 20px 0px 20px;
}
.n_event_box {
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 5px 0px 0px 5px;
    margin-bottom: 10px;
}
.n_event_box img {
    height: 175px;
    border-radius: 5px 0px 0px 5px;
}
.n_event_img img {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    height: 350px;
}
.n_event_box h1 {
    font-size: 17px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    color: #004A32;
    text-align: left;
    font-family: cairo-700;
    padding-bottom: 5px;
}
.n_event_box p {
    font-size: 12px;
    text-align: left;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}
.stretch {
    display: table;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 4px;
}
.stretch li{
	display: table-cell;
}
.n_event_box .events-post-box .events-des ul {
    padding-bottom: 15px;
}
.n_event_box .events-post-box .events-des ul li {
    padding: 8px 0;
}
.n_event_box .events-post-box .events-des .icon-clock, .icon-card3, .icon-locationpin, .icon-calendar {
    font-size: 15px;
    color: #000;
    line-height: 2;
}
.n_event_box .n_event_foot span.time, span.location, span.price {
    font-family: 'Cairo-Regular', sans-serif;
    font-size: 13px;
    font-weight: 800;
    color: #000000;
    padding-left: 10px;
}
.n_event_box .n_event_foot {
    padding: 8px;
}
.n_event_img_s {
    border-radius: 5px 0px 0px 5px;
    width: 100%;
    height: 215px;
    background-size: 100% 100% !important;
    background-position: center center !important;
}
.n_event_box .n_event_foot .list-inline>li {
    padding-left: 10px;
    padding-right: 10px;
}
.events {
    padding-top: 20px;
}
.event-head {
    padding-bottom: 25px;
}
.event-head h1 {
    font-size: 25px;
    font-family: "cairo-700";
}
.event-head p {
    font-size: 16px;
    max-width: 500px;
    color: #777;
}
.event-box {
    padding: 10px 0px 10px 0px;
}
.events-head h1 {
    color: #000;
    font-size: 35px;
}
.events-head p {
    color: #013522;
    font-size: 16px;
    max-width: 517px;
    line-height: 25px;
}
.date {
/*	float: right;
	width: 20%;*/
}
.num-date {
    padding: 0px;
}
.num-date h1 {
    padding: 0px;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.1;
}
.date-name h3 {
    color: #908E8E;
    font-family: "GEDinarOne Light";
    padding: 0px;
    font-size: 29px;
}
.event-image {
    height: 200px;
    background-image: url(/_catalogs/masterpage/KSAUPortal/image/image2.jpg);
    background-color: cornflowerblue;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 1px solid #979797;
    border-radius: 10px;
}
.event-container {
    padding-left: 39px;
}
.event-container h1 {
    color: #000;
    font-family: "cairo-700";
    font-size: 35px;
    padding-bottom: 13px;
}
.event-container p {
    font-size: 16px;
}
.margin-right {
    margin-left: 10px;
}
.event-container .time span {
    font-size: 13px;
    color: #B2B2B2;
    font-family: "GEDinarOne Light";
}
.event-container .location span {
    font-size: 13px;
    color: #B2B2B2;
    font-family: "GEDinarOne Light";
}
.gallery-title {
    padding: 25px;
	text-align: center;
}
.gallery-title h1 {
    font-size: 35px;
    font-family: "cairo-700";
}
.gallery-title p {
    font-size: 16px;
    color: #777;
    max-width: 523px;
    text-align: center;
    margin: 0 auto;
}
/*
* ----------------------------------------------------------------------------------------
* 01.FOOTER STYLE
* ----------------------------------------------------------------------------------------
*/
.footer {
    background-color: #2e3135;
    background-image: url(/_catalogs/masterpage/KSAUPortal/image/footbg.png);
    padding-top: 50px;
    padding-bottom: 50px;
    color: #FFFFFF;
}
.footer-two {
    background-color: #F1F0F0;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 18px;
}
.footer-two ul {
	padding-bottom: 10px;
}
.footer-two ul li a {
	font-family: cairo-700;
	font-size: 15px; 
}
.footer-two ul li a:hover {
	color: #009966;
}
.footer-two p {
    margin: 0px;
	font-family: cairo-700;
	font-size: 12px;
	color: #5B5B5B;
}
.ul-p-margin p {
    margin: 0 !important;
}
/*
* ----------------------------------------------------------------------------------------
* Custom Socil
* ----------------------------------------------------------------------------------------
*/
.btn-facebook {
    color: #fff;
    background-color: rgba(59, 89, 152, 0);
    border-color: rgba(255, 255, 255, 0.2);
}
.btn-twitter {
    color: #fff;
    background-color: rgba(85, 172, 238, 0);
    border-color: rgba(255, 255, 255, 0.2);
}
.btn-linkedin {
    color: #fff;
    background-color: rgba(0, 123, 182, 0);
    border-color: rgba(255, 255, 255, 0.2);
}
.btn-instagram {
    color: #fff;
    background-color: rgba(63, 114, 155, 0);
    border-color: rgba(255, 255, 255, 0.2);
}
.btn-openid {
    color: #fff;
    background-color: rgba(247, 147, 30, 0);
    border-color: rgba(255, 255, 255, 0.2);
}
.btn-google {
    color: #fff;
    background-color: rgba(221, 75, 57, 0);
    border-color: rgba(255, 255, 255, 0.2);
}
.btn-github {
    color: #fff;
    background-color: rgba(68, 68, 68, 0);
    border-color: rgba(255, 255, 255, 0.2);
}
.success {
  border-color: #fff;
  color: #fff;
  border: 2px solid #fff;
  padding: 14px 50px;
  font-size: 16px;
  cursor: pointer;
    border-radius: 2px;
}

.success:hover {
  background-color: #4CAF50;
  border: 2px solid #4CAF50;    
  color: white;
}
.success:visited {
  color: white;
}
/*
* ----------------------------------------------------------------------------------------
* overriding styles, carousel header
* ----------------------------------------------------------------------------------------
*/
.carousel-control.left-header span, .carousel-control.right-header span {
    font-size: 41px;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.61);
}
.carousel-control.right-header {
    /* margin-right: 60px; */
    left: 60px;
    right: auto;
    top: 50%;
    z-index: 9999;
}
.carousel-control {
    text-shadow: none;
    opacity: 1;
}
.carousel-control.left, .carousel-control.right-header {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}
.carousel-control.left-header span, .carousel-control.right-header span {
    font-size: 41px;
    color: #fff;
}
.carousel-control.left-header {
    /* margin-left: 60px; */
    right: 90px;
    left: auto;
    top: 50%;
    z-index: 9999;
}
.carousel-control.left, .carousel-control.right-header {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}

@media screen and (min-width: 768px) {
.carousel-caption {
/*top: 40%;
	right: 0%;
	left: 20%;
	padding-bottom: 30px;*/
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.carousel-caption {
/*top: 8%;
	right: 10%;
	left: 0%;
	padding-bottom: 30px;*/
}
}
/*
* ----------------------------------------------------------------------------------------
* overriding styles, carousel 
* ----------------------------------------------------------------------------------------
*/
.carousel-control.left-event span, .carousel-control.right-event span {
    font-size: 41px;
    color: #006a44;
}
.carousel-control.right-event span {
    padding: 15px;
}
.carousel-control.right-event {
    left: auto;
    right: 6%;
    top: -102px;
}
.carousel-control {
    text-shadow: none;
    opacity: 1;
}
.carousel-control.left, .carousel-control.right-event {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}
.carousel-control.left-event span, .carousel-control.right-event span {
    font-size: 41px;
    color: #006a44;
}
.carousel-control.left-event span {
    padding: 15px;
}
.carousel-control.left-event {
    right: 10%;
    left: auto;
    top: -102px;
}
.carousel-control.left, .carousel-control.right-event {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: relative !important;
    top: 0 !important;
}
/* Carousel Styles */
.carousel-indicators .active {
    background-color: #15A047;
}
.carousel-inner img {
    width: 100%;
    max-height: 80vh;
}
.carousel-control {
    width: 0;
}
.carousel-control.left, .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}
.carousel-control.left {
    left: -100px;
    right: auto;
    top: 50%;
}
.carousel-control.right {
    left: auto;
    right: -25px;
    top: 50%;
}
.carousel-indicators {
    position: absolute;
    left: 50%;
    bottom: -29px;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #15a047;
    border-radius: 10px;
}
.carousel-control.left span {
    padding: 15px;
}
.carousel-control.right span {
    padding: 15px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    right: 0;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    left: 0;
}
.carousel-control.left span, .carousel-control.right span {
    font-size: 41px;
    color: #006a44;
}
.carousel-control.left span:hover, .carousel-control.right span:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}
/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    right: 1.8%;
    left: auto;
    width: 96.66666666666666%;
    color: #fff;
}
.header-text h2 {
    font-size: 40px;
}
.header-text h2 span {
    background-color: #2980b9;
    padding: 10px;
}
.header-text h3 span {
    background-color: #000;
    padding: 15px;
}
.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}
.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-left: 15px;
}
.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* Statistics Page
* ----------------------------------------------------------------------------------------
*/
.statistics-page {
	padding-top: 50px;
}
.statistics-page .statistics-title {
	padding: 15px 10px 15px 0px;
	display: table-cell;
	vertical-align: baseline;
	padding-top: 27px;
}
.statistics-page .statistics-des {
	padding: 15px 50px 15px 5px;
	display: table-cell;
	vertical-align: baseline;
	padding-top: 15px;
}
.statistics-page .statistics-title h3 {
	font-family: cairo-700;
	font-size: 30px;
	color: #334453;
	letter-spacing: -0.1px;
	text-align: left;
	line-height: 44px;
}
.statistics-page .statistics-des h4 {
	font-family: cairo-600;
	font-size: 14px;
	color: #656565;
	letter-spacing: 0;
	text-align:justify;
}
.vl {
	text-align: center;
	border-right: 1px solid #d2d2d2;
	height: 175px;
	width: 10px;
	/* padding: 30px; */
	margin: 0 auto;
}
/* =================================== */
/*  Stat Styles 
/* =================================== */
.stat-section {
	background: #000000;
	padding: 50px;
	background-image: url("../image/inner_page/Research2.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.section-gap-half {
/*    background: rgba(76, 175, 80, 0.96) /* Green background with 30% opacity ;*/
}
.stat-section h1 {
	color: #ffffff;
	text-align: center;
	font-family: cairo-700;
}
.stat-section h4 {
	font-family: Cairo-Regular;
	color: #fff;
	text-align: center;
	font-size: 14px
}
.stat-section .single-stat {
	color: #fff;
}
.stat-section .single-stat i {
	font-size: 35px;
}
.stat-section .single-stat h1 {
	margin: 5px 0px;
}
.section-title {
	padding: 50px 0;
}
.section-title h1 {
	color: #fff;
	text-align: center;
	font-family: cairo-700;
	font-size: 30px;
}
/* =================================== */
/*  service Styles 
/* =================================== */
.service-section {
	padding-top: 3px;
	padding-bottom: -2px;
}
.service-section .single-service {
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.09);
	/* background-color: #f5f5f56b; */
	padding: 9px 30px;
	/* -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7); */
	-moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
	/* box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7); */
	/* -webkit-transition: all 0.4s ease; */
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	/* transition: all 0.4s ease; */
}
.service-section .single-service i {
	font-size: 35px;
	color: #222;
}
.service-section .single-service h4 {
	margin: 5px 0px;
	font-family: cairo-700;
	color: #333;
	font-size: 16px;
}
.service-section .single-service p {
	margin-bottom: 0px;
	font-size: 12px;
	color: black;
	line-height: 27px;
	font-family: cairo-600;
}
/*.service-section .single-service:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
	-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
	box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
}*/
.service-section .single-service-head {
	position: relative;
	background-color: #00603bb5;
	padding: 40px 30px;
	-webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
	-moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
	box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.service-section .single-service-head i {
	font-size: 35px;
	color: #222;
}
.service-section .single-service-head h4 {
	margin: 15px 0px;
	font-family: cairo-700;
	color: #02784f;
	font-size: 20px;
}
.service-section .single-service-head p {
	margin-bottom: 0px;
	font-size: 13px;
	color: white;
	line-height: 27px;
	font-family: cairo-700;
}
.service-section .single-service-head:hover {
	-webkit-transform: translateY(-10px);
	background-color: #00603b;
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
	-moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
	box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9);
}
.service-section .owl-dots {
	text-align: center;
	margin-top: 30px;
}
.service-section .owl-dots .owl-dot {
	width: 14px;
	height: 14px;
	background: #eee;
	display: inline-block;
	margin: 0px 5px;
}
.service-section .owl-dots .owl-dot.active {
	background: #691cff;
}
.service-section .owl-dots .owl-dot:focus {
	outline: none;
}
/* =================================== */
/*  Stat Styles 
/* =================================== */
.stat-section-help {
	background: #000000;
	padding-top: 50px;
	padding-bottom: 70px;
	background-image: url("../image/inner_page/maarten.png");
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.section-gap-half {
/*    background: rgba(76, 175, 80, 0.96) /* Green background with 30% opacity ;*/
}
.stat-section-help h1 {
	color: #000000;
	text-align: center;
	font-family: cairo-700;
}
.stat-section-help h4 {
	font-family: Cairo-Regular;
	color: #fff;
	text-align: center;
	font-size: 14px
}
.stat-section-help .single-stat {
	color: #fff;
}
.stat-section-help .single-stat i {
	font-size: 35px;
}
.stat-section-help .single-stat h1 {
	margin: 5px 0px;
}
.stat-section-help .section-title {
	padding: 50px 0;
	text-align: center;
}
.stat-section-help .section-title h1 {
	color: #fff;
	text-align: center;
	font-family: cairo-700;
	font-size: 30px;
	padding: 0 0 30px 0;
}
.stat-section-help .section-title b {
	color: #fff;
	text-align: center;
	font-family: Cairo-600;
	font-size: 18px;
	line-height: 30px;/* padding: 20px; */
}

.radio-options label {
  margin: 1em 0px 2em 0em !important;
  display: block;
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  font-family: "cairo-700";
  cursor: pointer;
}

.radio-options input {
  height: 1px;
  width: 34px;
  opacity: 0;
}

.radio-options .outside {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border: 2px solid #2c9f93;
  border-radius: 10%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
}

.radio-options .inside {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  display: inline-block;
  border-radius: 10%;
  width: 10px;
  height: 10px;
  background: #4CAF50;
  right: 3px;
  top: 3px;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
.radio-options .no-transforms .inside {
  right: auto;
  top: auto;
  width: 0;
  height: 0;
}

.radio-options input {
  /*  &:focus, &:active {
        + .outside {
          border-color: $almost-black;
        }
      }*/
}
.radio-options input:checked + .outside .inside {
  -webkit-animation: radio-select 0.1s linear;
          animation: radio-select 0.1s linear;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.radio-options .no-transforms input:checked + .outside .inside {
  width: 10px;
  height: 10px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 2px solid #aaaaaa38;
    border-radius: 0px;
}
.select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:active, .select2-container--default .select2-selection--single:hover {
    background-color: #fff;
    border: 2px solid #FF0004;
    border-radius: 0px;
}
.select2-container .select2-selection--single {
    height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #616161;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 42px;
    text-align: left;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px;
    left: auto;
    right: 5px;
    width: 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #04af76;
    color: white;
}
.select2-container--default .select2-results>.select2-results__options {
    text-align: left;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 2px solid #aaaaaa9c;
    text-align: left;
}
.datepicker table {
    margin: 0 auto;
    width: 80%;
}
.datepicker td, .datepicker th {
    text-align: center;
    width: 76px;

}
.cd-filter-block input[type='search'], .cd-filter-block input[type='text'], .cd-filter-block select {
    font-size: 16px;
    -webkit-appearance: none;
    font-family: cairo-600;
}
.cd-filter-block input[type='search']:focus, .cd-filter-block input[type='text']:focus, .cd-filter-block select:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #ff0000;
}
.cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before {
    border-color: #009966;
    background-color: #009966;
}

/*
* ----------------------------------------------------------------------------------------
* Tablet style 
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* News inner page
* ----------------------------------------------------------------------------------------
*/
.contant-inner {
    padding-top: 10%;
    padding-bottom: 10%;/*font-size: 16px;*/
}
.contant-inner h2 {
    font-size: 3.438em;
    color: #004621;
    line-height: 1.75em;
}
.contant-inner span {
    font-family: "cairo-700";
    color: #15A048;
}
.contant-inner p {
    color: #004621;
    font-weight: normal;
    font-size: 30px;
    max-width: 540px;
    line-height: 36px;
    padding-bottom: 15px;
}
/*INNER PAGE HEAD*/
#header {
    /*background: url(/_catalogs/masterpage/KSAUPortal/image/inner_page/headers/header_3.jpg) 0 no-repeat fixed;*/
    height: 100%;
    overflow: hidden;
    color: #FFFFFF
}
/*NEWS PAGE */
.news-page-title {
    padding-top: 1vh;
    padding-bottom: 1vh;
}
.bg-inner-page {
    background: rgba(44, 62, 80, 0.87);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}
.news-page-title h1 {
    font-size: 3.063em;
}
.hr-title {
    border-top: 1px solid #8c8b8b;
/*    border-bottom: 1px solid #fff;*/
    width: 30%;
}
.inner-page-news {
    padding-top: 30px;
    padding-bottom: 30px;
}
.news-image {
	text-align: center;
}
.news-title {
    padding: 0px 0 20px 0;
    text-align: left;
}
.news-title h1 {
    font-size: 35px;
    color: #000000;
    letter-spacing: 0;
}
.news-title p {
    color: #013522;
    font-size: 16px;
    max-width: 523px;
    text-align: left;
    margin: 0 auto;
}
.news-title h3 {
    font-family: "cairo-700";
    color: #000;
    padding-bottom: 5px;
    font-size: 25px;
    line-height: 35px;
    margin-top: 0;
}
.news-title span {
    color: currentColor;
    padding-left: 5px;
    font-family: "cairo-700";
}
.news-title ul li {
    color: #ACACAC;
    padding-right: 25px;
    padding-left: 5px;
    font-family: sans-serif;
}
.news-des {
    padding: 25px 0 25px 0;
}
.news-des p {
    font-size: 16px;
    line-height: 29px;
    text-align: justify;
}
.news-des a {
    text-decoration: underline !important;
    font-family: "cairo-700";
    color: #118319;
}
.news-list-menu {
    margin-top: 40px;/*border: thin solid rgba(44,62,80,0.57);*/
}
.news-list-menu-head {
    background: #2C3E50;
    padding: 20px;
    color: white;
}
.list-group .list-group-item .list-group-item-heading {
    color: #333;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 26px;
}
.list-group .list-group-item .list-group-item-text {
    color: #2C3E50;
    line-height: 21px;
}
/*EVENTS PAGE*/

.eventpage-page-title {
    padding-top: 2vh;
    padding-bottom: 2vh;
}
.bg-inner-page {
    background: rgba(44, 62, 80, 0.87);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}
.eventpage-page-title h1 {
    font-size: 2.5em;
	font-family: "cairo-700";
}
/*.hr-title {
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 8px double rgba(255,255,255,.15);
	max-width: 10%
}*/
.inner-page-eventpage {
    padding-top: 30px;
    padding-bottom: 30px;
}
.eventpage-title {
	padding-bottom: 25px;
}
.eventpage-title h3 {
	font-family: "cairo-700";
    color: #000;
    padding-bottom: 5px;
    font-size: 25px;
    line-height: 35px;
    margin-top: 0;
}
.eventpage-title span {
    color: currentColor;
    padding-left: 5px;
    font-family: "cairo-700";
}
.eventpage-title ul li {
    color: #ACACAC;
    padding-right: 25px;
    padding-left: 5px;
}
.eventpage-image img {
    margin: 0 auto;
}
.eventpage-des {
    padding: 25px 0 25px 0;
}
.eventpage-des p {
    font-size: 16px;
    line-height: 27px;
    text-align: justify;
}
.eventpage-list-menu {
    margin-top: 40px;/*border: thin solid rgba(44,62,80,0.57);*/
}
.eventpage-list-menu-head {
    background: #2C3E50;
    padding: 20px;
    color: white;
}
.eventpage-list-menu-head h4 {
    font-size: 25px;
    font-family: "cairo-700";
}
/*Geneal Page*/
.general-page-title {
    padding-top: 6vh;
    padding-bottom: 6vh;
}
.general-page-title h1 {
    font-size: 4.063em;
}
.general-list-menu {
    margin-top: 40px;/*border: thin solid rgba(44,62,80,0.57);*/
}
/*.general-list-menu-head {
	background: #2C3E50;
	padding: 20px;
	color: white;
}*/
.text-style {
    font-size: 16px;
    /*line-height: 40px;*/
    padding: 20px 0 20px 0px;
}
.image-align {
}
/*News List*/
.news-inner-list {
    background: rgba(229, 229, 229, 0.62);
    padding: 25px;
    margin: 20px;
    border: solid #e6e3e3 1px;
    border-radius: 5px;
    -webkit-box-shadow: -3px 10px 24px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px 10px 24px -9px rgba(0,0,0,0.75);
    box-shadow: -3px 10px 24px -9px rgba(0,0,0,0.75);
}
.news-inner-list p {
    color: #000;
    font-size: 16px;
    padding: 10px 10px 0px 10px;
}
.news-inner-list-title {
    color: #15A047;
    font-family: "cairo-700";
    font-size: 16px;
    padding: 10px 10px 0px 10px;
}
/* ----------------------------------
 N E W S INNER PAGE
---------------------------------- */
.news-list {
    padding-top: 25PX;
    padding-bottom: 25px;
}
.news-list-box {
    padding-bottom: 25px;
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    -o-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.news-list-box:hover {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.news-list-image {
    overflow: hidden;
    border: 10px solid #F3F3F3;
    border-radius: 6px;
}
.news-list-image a>img {
    border-radius: 3px;
    width: 100%;
    height: 190px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.news-conntaner >.news-date {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.news-conntaner h2 {
    font-family: "cairo-700";
    font-size: 25px;
    color: #000000;
    line-height: 37px;
    margin-top: 8px;
    margin-bottom: 29px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.news-conntaner h2:hover {
    color: #009966;
}
.news-conntaner p {
    font-size: 16px;
    color: #787878;
}
.news-conntaner .author {
    font-size: 14px;
    color: #C8C8C8;
    line-height: 50px;
}
/* ----------------------------------
   19. B L O G  /  N E W S  /  S E R V I C E S
---------------------------------- */
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.news-item.short {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
}
.news-item.short {
	height: 100%;
}
.news-item-title {
    color: #000;
    font-family: "cairo-700";
    text-align: center;
}
.news-item-title h1 {
    font-size: 60px;
    line-height: 0px;
    padding-bottom: 60px
}
.news-item-title i {
    font-size: 190px;
    padding: 10px;
    color: rgba(18,156,104,1.00);
}
.news-item.short span {
    font-size: 16px;
    color: #777;
    font-style: normal;
}
.news-item.short p {
    font-size: 14px;
    color: #9a9a9a;
}
.news-item.short h3 {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 25px;
}
.news-item.short.no-border {
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #E9ECEF;
    margin-bottom: 0;
}
.news-item.short.no-border:last-child {
    border-bottom: 0;
}
.news-item.short.no-border .article-short {
    padding-right: 0;
    border-radius: 0;
    padding: 25px 0 25px 80px;
}
.comment-list {
    margin-bottom: 30px;
}
.dark1 .news-item.short.no-border, .dark2 .news-item.short.no-border, .dark3 .news-item.short.no-border, .primary .news-item.short.no-border {
    border-bottom: 1px solid #3B476E;
}
.dark1 .news-item.short.no-border:last-child, .dark2 .news-item.short.no-border:last-child, .dark3 .news-item.short.no-border:last-child, .primary .news-item.short.no-border:last-child {
    border-bottom: 0;
}
.dark1 pre, .dark2 pre, .dark3 pre, .primary pre {
    background: transparent;
    color: #E9ECEF;
    border: 1px solid #3B476E;
}
.article-short {
    padding: 20px 20px 20px 115px;
    position: relative;
}
.article-short .user-pic img {
    position: absolute;
    top: 25%;
    left: 20px;
    border-radius: 100px;
    width: 80px;
    height: 80px;
}
.section-short {
    padding: 60px 20px 60px 20px;
    position: relative;
    background-color: #eaeaea;
}
.section-short h2 {
    color: black;
    font-family: "cairo-700";
}
.section-short p {
    font-family: "GEDinarOne Light";
    font-size: 16px;
    color: back;
}
.section-short .user-pic img {
    top: 25%;
    left: 20px;
    border-radius: 100px;
    width: 80px;
    height: 80px;
}
.article-short p, .article-short h3 {
    margin: 0;
}
.blog-controls {
    border-top: 1px solid #E9ECEF;
    margin-top: 15px;
    padding-top: 22px;
}
.blog-controls a {
    display: inline-block;
}
.blog-controls a:hover i {
    color: #224B7D;
}
.blog-controls a i {
    font-size: 12px;
    -webkit-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    position: relative;
    top: -1px;
}
.blog-controls a.prev-post i {
    margin-right: 11px;
}
.blog-controls a.next-post i {
    margin-left: 11px;
}
.dark1 .blog-controls, .dark2 .blog-controls, .dark3 .blog-controls, .dark .blog-controls, .primary .blog-controls {
    border-top: 1px solid #3B476E;
}
.dark1 .posted-by, .dark1 .comment, .dark2 .posted-by, .dark2 .comment, .dark3 .posted-by, .dark3 .comment, .dark .posted-by, .dark .comment, .primary .posted-by, .primary .comment {
    background: transparent;
    border: 1px solid #3B476E;
}
.dark1 .posted-by h3, .dark1 .comment h3, .dark2 .posted-by h3, .dark2 .comment h3, .dark3 .posted-by h3, .dark3 .comment h3, .dark .posted-by h3, .dark .comment h3, .primary .posted-by h3, .primary .comment h3 {
    border-bottom: 1px solid #3B476E;
}
.posted-by {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    border: 1px solid #E9ECEF;
    background: white;
    padding: 10px 25px;
    position: relative;
}
.posted-by h3 {
    border-bottom: 1px solid #E9ECEF;
    padding-bottom: 10px;
}
.posted-by img {
    width: 53px;
    height: 53px;
    position: absolute;
    border-radius: 100px;
    left: 0;
    top: 5px;
}
.posted-by > div {
    position: relative;
    margin: 25px 0;
    padding-left: 75px;
}
.comment {
    padding-left: 98px;
    position: relative;
    margin-top: 30px;
    padding-bottom: 25px;
    padding-right: 20px;
    padding-top: 20px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    border: 1px solid #E9ECEF;
    background: white;
}
.comment .date-posted {
    margin-top: 0;
    font-size: 13px;
}
.comment h4 {
    margin-bottom: 0;
}
.comment img {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 100px;
    left: 25px;
    top: 37px;
}
.comment .reply {
    position: absolute;
    top: 15px;
    right: 25px;
}
ul.children {
    margin-left: 50px;
}

@media (max-width: 991px) {
ul.children {
    margin-left: 30px;
}
}

@media (max-width: 767px) {
ul.children {
    margin-left: 15px;
}
}
ul.children li {
    list-style: none;
}
.social {
    text-align: right;
}
.blog-social h3 {
    margin: 0;
}
.blog-social .social a i {
    font-size: 25px;
    color: #B8B8B8;
    margin-left: 20px;
    display: inline-block;
    -webkit-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.blog-social .social a i:hover {
    color: #088F12;
}
.tag {
    border-radius: 100px;
    background: #06C82E;
    display: inline-block;
    padding: 0 17px;
    line-height: 31px;
    font-size: 14px;
    color: white;
}
.banner-date {
    display: inline-block;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 0;
    padding-top: 12px;
}
.sidebar {
    border-left: 1px solid #e4e4e4;
}
.sidebar.sidebar-l {
    border-right: 1px solid #e4e4e4;
    border-left: 0;
}
.sidebar .item {
    margin-bottom: 35px;
}
.sidebar .item h2 {
    background: #009967;
    color: #fff;
    background-image: url(/_catalogs/masterpage/KSAUPortal/image/footbg.png);
    background-position: center;
    padding: 20px 0 20px 15px;
}
.sidebar .item h4 {
    font-size: 25px;
    font-family: "cairo-700";
    color: #000;
    margin: 0;
}
.sidebar .item::after {
    clear: both;
}
.sidebar .item .row {
    padding-bottom: 15px;
}
.sidebar .item .row a:hover .lp-title {
    color: #05C82E;
}
.sidebar .item img {
    border-radius: 4px;
    width: 100%;
	height: 67px;
	margin-top: 10px;
}
.sidebar .item .list li {
    font-size: 16px;
    line-height: 30px;
    font-family: "cairo-700";
    color: seagreen;
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 3px;
}
.sidebar .item .list li:hover {
    background: #2e8b57;
    padding-left: 25px;
    color: white;
    -webkit-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.sidebar .lp-title {
    font-size: 15px;
    margin: 0;
    line-height: 20px;
    margin-top: 10px;
    -webkit-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.sidebar ul.list li {
    display: block;
}
.sidebar ul.list li::before {
    content: '\f124';
    font-family: "IonIcons";
    margin-right: 10px;
    font-style: normal;
    font-size: 12px;
}
.sidebar ul.tags li {
    display: inline-block;
}
.sidebar ul.tags li a {
    font-size: 13px;
    padding: 5px 10px;
    line-height: 13px;
    border-radius: 100px;
    margin: 5px 3px;
    display: inline-block;
    border: 1px solid #E9ECEF;
}
.sidebar ul.tags li a:hover {
    color: #fff;
    background: #5BC0BE;
    border-color: #5BC0BE;
}
.blog.two-col {
    margin: 0 auto;
}
.blog.two-col .blog-sizer, .blog.two-col .blog-item {
    margin: 0 1% 30px;
    width: 48%;
}

@media (max-width: 991px) {
.blog.two-col .blog-sizer, .blog.two-col .blog-item {
    margin-bottom: 25px;
}
}
.blog.two-col .blog-sizer .project-info h2, .blog.two-col .blog-item .project-info h2 {
    font-size: 25px;
}

@media (max-width: 1200px) {
.blog.two-col .blog-sizer .project-info h2, .blog.two-col .blog-item .project-info h2 {
    font-size: 16px;
}
}
.blog.two-col .blog-sizer .project-info:before, .blog.two-col .blog-item .project-info:before {
    display: none;
}
.blog.three-col {
    margin: 0 auto;
}
.blog.three-col .blog-sizer, .blog.three-col .blog-item {
    margin: 0 1% 30px;
    width: 31.333%;
}

@media (max-width: 991px) {
.blog.three-col .blog-sizer, .blog.three-col .blog-item {
    margin-bottom: 25px;
}
}

@media (max-width: 767px) {
.blog.three-col .blog-sizer, .blog.three-col .blog-item {
    width: 48%;
    margin-bottom: 10px;
}
}
.blog.four-col {
    margin: 0 auto;
}
.blog.four-col .blog-sizer, .blog.four-col .blog-item {
    margin: 0 1% 20px;
    width: 23%;
}

@media (max-width: 991px) {
.blog.four-col .blog-sizer, .blog.four-col .blog-item {
    width: 48%;
    margin-bottom: 18px;
}
}

@media (max-width: 767px) {
.blog.four-col .blog-sizer, .blog.four-col .blog-item {
    margin-bottom: 10px;
}
}
.blog.four-col .blog-sizer .project-info h2, .blog.four-col .blog-item .project-info h2 {
    font-size: 25px;
}

@media (max-width: 1200px) {
.blog.four-col .blog-sizer .project-info h2, .blog.four-col .blog-item .project-info h2 {
    font-size: 16px;
}
}
.blog.four-col .blog-sizer .project-info, .blog.four-col .blog-item .project-info {
    padding: 20px 30px;
}
.blog.four-col .blog-sizer .project-info:before, .blog.four-col .blog-item .project-info:before {
    display: none;
}

@media (max-width: 767px) {
.blog.four-col .blog-sizer .project-info:before, .blog.four-col .blog-item .project-info:before {
    display: block;
}
}
.blog::after {
    content: '';
    display: block;
    clear: both;
}
.blog-item, .news-item, .service-item {
    background: white;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    border: 1px solid #E9ECEF;
    position: relative;
    transform: scale(0.97);
    overflow: hidden;
    -webkit-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}

@media (max-width: 991px) {
.blog-item, .news-item, .service-item {
    transform: scale(1);
}
}
.blog-item:hover, .news-item:hover, .service-item:hover {
    transform: scale(1);
}
.blog-item .article, .news-item .article, .service-item .article {
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
}
.blog-item .article.arhome {
    height: 200px;
}
.blog-item .article .tag, .news-item .article .tag, .service-item .article .tag {
    position: absolute;
    top: -15px;
    right: 16px;
}
.blog-item .article a h3, .news-item .article a h3, .service-item .article a h3 {
    margin-top: 0;
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}
.blog-item .article p, .news-item .article p, .service-item .article p {
    font-size: 14px;
}
.blog-item .article p:last-child {
    font-size: 14px;
    overflow: hidden;
    line-height: 25px;
    height: 75px;
}
.blog-item .article p:first-child{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 11px;
    color: gray;
}
.blog-item .article a p, .news-item .article a p, .service-item .article a p {
    margin-bottom: 0;
    font-size: 14px;
    margin-top: 30px;
}
.blog-item img, .news-item img, .service-item img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.dark1 .thumb1, .dark2 .thumb1, .dark3 .thumb1 {
    background: #2A3454;
}
.dark1 .blog-item, .dark1 .news-item, .dark1 .service-item, .dark2 .blog-item, .dark2 .news-item, .dark2 .service-item, .dark3 .blog-item, .dark3 .news-item, .dark3 .service-item {
    border: 1px solid #3B476E;
    background: transparent;
}
.thumb1 img {
    -webkit-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.blog-item:hover .thumb1 img, .news-item:hover .thumb1 img, .service-item:hover .thumb1 img {
    transform: scale(1.1);
}
.blog-item .author, .news-item .author, .service-item .author {
    padding: 5px 0;
}
.blog-item .author.auhome {
    position: absolute;
    bottom: 10px !important;
}
.blog-item a:hover h3, .news-item a:hover h3, .service-item a:hover h3, .news-item a:hover h2 {
    color: #02784F;
    font-family: "cairo-700";
    -webkit-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.blog-item a h3, .news-item a h3, .service-item a h3 {
    font-family: "cairo-700";
}
.blog-item .thumb1, .news-item .thumb1, .service-item .thumb1 {
    width: 100%;
    background: #E9ECEF;
    overflow: hidden;
    -webkit-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.blog-item .thumb1.homeimg img {
    height: 250px !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.blog-item .thumb1 img, .news-item .thumb1 img, .service-item .thumb1 img {
    height: auto;
    width: 100%;
    display: block;
}
/* ----------------------------------
   20. Research Tab
---------------------------------- */
a:hover, a:focus {
    outline: none;
    text-decoration: none;
}
.tab {
    text-align: center;
    position: relative;
    margin-top: 20px;
}
.tab:before {
    content: "";
    width: 100%;
    height: 4px;
    border-radius: 7px;
    background: #006638;
    position: absolute;
    top: 15px;
    left: 0;
    transform: translateY(-50%);
}
.tab .nav-tabs{
    display: inline-block;
    border: none;
    margin-bottom: 15px;
}
.tab .nav-tabs li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #006638;
    text-align: center;
    padding: 0;
    border: none;
    margin-right: 40px;
    position: relative;
}
.tab .nav-tabs li:last-child a{
    margin-right: 0;
}
.tab .nav-tabs li.active a:hover, .tab .nav-tabs li.active a:focus{
    border: none;
    background: #e4e4e4;
}
.tab .nav-tabs li a:before{
    content: "";
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    background: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a:hover:before, .tab .nav-tabs li.active a:before{
    background:#009965;
}
.tab .nav-tabs li a span {
    display: inline-block;
    font-family: cairo-700;
    font-size: 20px;
    color: #002d1a;
    margin: 0 auto;
    position: absolute;
    top: -30px;
    left: 0;
    right: 36px;
}
.tab .tab-content {
    padding: 25px;
    background: #fbfafa;
    text-align: left;
	border-radius: 5px;
}
.tab .tab-content h3{
	font-family:cairo-700;
    font-size: 24px;
    margin-top: 0;
}
.tab .tab-content p{
    line-height: 37px;
    margin-bottom: 0;
}
.tab .tab-content ul li {
    font-size: 18px;
    line-height: 37px;
    margin-bottom: 30px;
    list-style-image: url(/_catalogs/masterpage/KSAUPortal/image/left-arrow.png);
    list-style-position: inside;
    padding: 10px;
}
#searchclear {
    position: absolute;
    right: 57px;
    top: 0;
    bottom: 0;
    height: 17px;
    margin: auto;
    font-size: 19px;
    cursor: pointer;
    color: #828282;
    z-index: 9999;
}
.research {
	background-color: #f9f9f9;
	padding: 30px;
	border: solid 1px #EAEAEA;
	border-radius: 5px;
	vertical-align: middle;
	margin-bottom: 50px;
	display: table;
	width: 100%;
}
.research h1{
	font-family: cairo-700;
	font-size: 25px;
	padding-left: 18px
}
.research p{
	font-size: 14px;
	color:#8B8B8B;
	padding-left: 18px;
	padding-bottom: 10px
}
.research .navbar-form {
	margin-top: 30px;
}
.research .navbar-form .input-group>.form-control{
	background: #f9f9f9;
}
.research .navbar-form .input-group .input-group-btn {
	width:1%;
}
.research .input-group-addon:last-child {
	border-left-width: 1px;
    border-left-style: solid;
    border-right: 0;
}
.research .navbar-form .input-group>.form-control {
	width: 100%;
}
.research .navbar-form .input-group {
	width: 100%;
}
.stuck {
	position: fixed;
    top: 30px;
    right: 20px;
    /*bottom: 10px;*/
    z-index: 9999; 
}
/* ----------------------------------
   13. Verification Page
---------------------------------- */
.inputText {
  border: 1px solid #b7b7b766 !important;
  padding: 4px 20px !important;
  margin-top: 10px !important;
  margin-right: 5px;
  font-size: 14px;
  width: 422px!important;
  border-radius: 0;
}
.floating-label {
  position: absolute;
  pointer-events: none;
  left: 0px;
  color: currentColor;
  font-size: 14px;
  font-family: "cairo-700";
  top: -33px;
  transition: 0.2s ease all;
}
.verification-box {
  height: 305px;
  position: relative;
  background-color: #f5f5f56b;
  padding: 56px 77px 40px 94px;
  -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  -moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-verification {
  position: relative;
  margin-top: 0px;
}
.btn-outline {
  color: #ffffff;
  /* background-color: #ff0000; */
  /* border-color: #ff0000; */
  padding: 19px 1px;
  font-weight: bold;
  letter-spacing: 0.09em;
  margin-top: 12px;
}
.btn-outline {
  color: #ff0000;
  background-color: transparent;
  /* border-color: #ff0000; */
  font-weight: bold;
  min-width: 15px !important;
  border-radius: 2;
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus, .btn-outline.active {
  background: transparent;
  color: #48d496;
  border-color: transparent;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}
a.btn-outline:visited {
  color: #ff0000 !important;
}
a.btn-success {
  color: #fff !important;
}
.vc-box {
  height: 305px;
  position: relative;
  background-color: #009966;
  padding: 70px;
  -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  -moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.vc-box .vc-title {
  text-align: left;
  color: #fff;
}
.vc-box .vc-title h4 {
  font-family: cairo-700;
  font-size: 22px;
  color: #fff;
}
.vc-box .vc-title h6 {
  font-family: cairo-600;
  font-size: 14px;
  color: gainsboro;
}
.vc-box-info {
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-bottom: none;
  background: #f0f8ff54;
}
.vc-box-info:last-child {
  border: 1px solid rgba(0, 0, 0, 0.11);
}
.vc-box-info .vc-box-ar {
  border: none;
  border-right: 1px solid rgba(0, 0, 0, 0.11);
  padding: 11px;
}
.vc-box-info .vc-box-en {
  padding: 11px;
}
.vc-box-info .vc-box-ar h4 {
  margin: 0;
  padding-top: 10px;
  font-family: cairo-700;
  font-size: 15px;
  padding: 5px 15px;
}
.vc-box-info .vc-box-ar h6 {
  margin: 0;
  padding-top: 15px;
  font-family: cairo-700;
  font-size: 16px;
  color: #017750;
  padding: 4px 15px;
}
.vc-box-info .vc-box-en h4 {
  margin: 0;
  padding-top: 10px;
  font-family: cairo-700;
  font-size: 15px;
  padding: 5px 15px;
}
.vc-box-info .vc-box-en h6 {
  margin: 0;
  padding-top: 10px;
  font-family: cairo-700;
  font-size: 16px;
  color: #248664;
  padding: 4px 15px;
}
.inputTextca {
  border: 1px solid #b7b7b766 !important;
  padding: 4px 20px !important;
  margin-top: 10px !important;
  margin-right: 5px;
  font-size: 14px;
  width: 198px !important;
  border-radius: 0;
}
input[type=submit]{
    min-width: 15em;
    padding: 9px 10px;
    border: 1px solid #016d49;
    background-color: #fdfdfd;
    background-color: #009966;
    margin-left: unset;
    margin-top: 25px;
    font-family: cairo;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
}
/*------------Form List-----------------*/
.bg-thead {background-color: #2e3136;}
.bg-section {background-color: #009966;}
    .text-white { color: #fff; }
    .hero-btn {
  background: #2d3036 none repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 0 0 20px 0 rgba(114, 114, 114, 0.4);
  -webkit-box-shadow: 0 0 20px 0 rgba(114, 114, 114, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(255, 95, 109, 0.4);
  color: #fff;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  padding: 9px 20px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  margin-top: 0px;
}
.hero-btn:hover {
  background: #009966 none repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 0 0 20px 0 rgba(101, 101, 101, 0.4);
  -webkit-box-shadow: 0 0 20px 0 rgba(79, 79, 79, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(95, 168, 255, 0.4);
  color: #fff;
}
/*------------End Form List-----------------*/
/* ----------------------------------
   15. Medical Intern Career Day 2021
---------------------------------- */


.break {
background-color:#d9d9d9 !important;
}

.topic {
background-color:#00bb1714 !important;
text-align:center;
}
.teamsLink
	{
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Capa_1' style='enable-background:new 0 0 128 128;' version='1.1' viewBox='0 0 128 128' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2321A365;%7D .st1%7Bfill:%23107C41;%7D .st2%7Bfill:%23185B37;%7D .st3%7Bfill:%2333C481;%7D .st4%7Bfill:%2317864C;%7D .st5%7Bfill:%23FFFFFF;%7D .st6%7Bfill:%23036C70;%7D .st7%7Bfill:%231A9BA1;%7D .st8%7Bfill:%2337C6D0;%7D .st9%7Bfill:%2304878B;%7D .st10%7Bfill:%234F59CA;%7D .st11%7Bfill:%237B82EA;%7D .st12%7Bfill:%234C53BB;%7D .st13%7Bfill:%230F78D5;%7D .st14%7Bfill:%2329A7EB;%7D .st15%7Bfill:%230358A8;%7D .st16%7Bfill:%230F79D6;%7D .st17%7Bfill:%23038387;%7D .st18%7Bfill:%23048A8E;%7D .st19%7Bfill:%23C8421D;%7D .st20%7Bfill:%23FF8F6A;%7D .st21%7Bfill:%23ED6B47;%7D .st22%7Bfill:%23891323;%7D .st23%7Bfill:%23AF2131;%7D .st24%7Bfill:%23C94E60;%7D .st25%7Bfill:%23E08195;%7D .st26%7Bfill:%23B42839;%7D .st27%7Bfill:%230464B8;%7D .st28%7Bfill:%230377D4;%7D .st29%7Bfill:%234FD8FF;%7D .st30%7Bfill:%231681D7;%7D .st31%7Bfill:%230178D4;%7D .st32%7Bfill:%23042071;%7D .st33%7Bfill:%23168FDE;%7D .st34%7Bfill:%23CA64EA;%7D .st35%7Bfill:%237E1FAF;%7D .st36%7Bfill:%23AE4BD5;%7D .st37%7Bfill:%239332BF;%7D .st38%7Bfill:%237719AA;%7D .st39%7Bfill:%230078D4;%7D .st40%7Bfill:%231490DF;%7D .st41%7Bfill:%230364B8;%7D .st42%7Bfill:%2328A8EA;%7D .st43%7Bfill:%2341A5ED;%7D .st44%7Bfill:%232C7BD5;%7D .st45%7Bfill:%23195ABE;%7D .st46%7Bfill:%23103E91;%7D .st47%7Bfill:%232166C3;%7D .st48%7Bopacity:0.2;%7D%0A%3C/style%3E%3Ccircle class='st10' cx='111.1' cy='30.2' r='13'/%3E%3Cpath class='st10' d='M108.3,104.8h-2c-10.7,0-19.3-8.7-19.3-19.3V54.9c0-3.1,2.5-5.5,5.5-5.5h29.6c3.1,0,5.5,2.5,5.5,5.5v30.5 C127.7,96.1,119,104.8,108.3,104.8z'/%3E%3Ccircle class='st11' cx='70.3' cy='24.2' r='18.7'/%3E%3Cpath class='st11' d='M70.4,122.1h-3.2c-16.8,0-30.5-13.7-30.5-30.5V54.1c0-2.5,2.1-4.6,4.6-4.6h55c2.5,0,4.6,2.1,4.6,4.6v37.5 C100.9,108.4,87.3,122.1,70.4,122.1z'/%3E%3Cpath class='st12' d='M59.5,97.2h-53c-3.5,0-6.4-2.9-6.4-6.4V38.6c0-3.5,2.9-6.4,6.4-6.4h53c3.5,0,6.4,2.9,6.4,6.4v52.2 C65.9,94.3,63.1,97.2,59.5,97.2z'/%3E%3Cg%3E%3Cpath class='st5' d='M29.4,52.7H19v-5.5h27.5v5.5H36.1V83h-6.6V52.7z'/%3E%3C/g%3E%3Cpath class='st48' d='M66,49.5v41.2c0,3.5-2.9,6.4-6.4,6.4H37.2l1.5,5.7H65c3.5,0,6.4-2.9,6.4-6.4V49.5L66,49.5z'/%3E%3C/svg%3E");
		display: block;
		width:36px;
		height: 36px;
		background-repeat: no-repeat;
		background-position: center;
		border: 2px solid #7B82EA80;
		border-radius: 7px;
		background-size: 24px;
		margin:0 auto;
		
	}
	.teamsLink:hover
	{
	    border: 2px solid #4c53bb;
}
/* ----------------------------------
   15. Medical Intern Career Day 2021
   				  End
---------------------------------- */