.login-wrapper{
	font-family: 'Open Sans', sans-serif;
	height:100%;
	background-image:url('../images/admissions portal web page-02.png');
	background-size:contain;
	background-repeat: no-repeat;
	background-position:bottom;
}
.login-wrapper #logo{
	width: 115px;
	margin:-10px 25px 0px 0px;
}
.main-heading{
	/*font-family:sans-serif;*/
	font-size: 40px;
}
.secondary-heading{
	font-family: sans-serif;
	font-size: 20px;
	padding-left:50px;
}
.side-heading{
	/*font-family: 'Poppins', sans-serif;*/
	font-size: 22px;
	color:black;
}
#login-extra-text{
	/*font-family: sans-serif;*/
	font-size: 18px;
	padding-top: 20px;
}
.padding-logo{
	padding-left: 70px;
}
.heading{
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	background-color: #104a78;
	padding:10px 0px 2px 0px;
	width:580px;
}
.my-blue{
	color:#104a78 !Important;
}
.heading h1{

	font-weight: 800;
	font-size:40px;
}
.fac{
	padding:5px;
}
.images{
	width: 160px;
	height: 160px;
}
.fac:hover .overlay{
	visibility: visible;
	transition: 0.1s ease-out;
}
.overlay{
	transition: 0.1s ease-in;
	visibility: hidden;
	position: absolute;
	margin-top:-160px;
	text-align:center;
	font-size:14px;
	font-weight: bold;
	width: 160px;
	height: 160px;
	border-radius:50%;
	background:rgba(45, 86, 116, 0.8);
	color: #f5f5f5;
	text-shadow:2px 2px #1a1e21;
}
.overlay.p-one{
	padding:70px 5px 5px 5px;
}
.overlay.p-two{
	padding:44px 5px 5px 5px;
}
.images-second-row{
	padding-left: 50px;
}
.padding-login{
	background-color: #ffa500;
	padding: 3px 40px 3px 40px;
	font-family: sans-serif;
	font-size: 22px;
}
.padding-login:hover{
	background-color: #222222;
}
.bottom-button :hover{
	background-color: #104a78;
	color: white;
}
.bottom-button a{
	color: #104a78;
}

.my-btn{
	margin:5px;
	font-size:14px;
	font-weight: bold;
	background-color: #104a78;
	color: white;
}
.login-form{
	padding:0px 0px 0px 25px;
}
.forgot-pass{
	text-decoration:none !important;
}
.forgot-pass:hover{
	text-decoration: underline !important;
 }
.bg-light{
	background:#f5f5f5 !important;
}
.login-form input{
	border:1px solid #f5f5f5 !important;
	height:50px;
}
.login-form input:focus{
	border:1px solid #104a78 !important;
}
.mt-form{
	margin:0px 0px 0px 0px;
}
.my-d-flex{
	display:flex;
}
@media only screen and (min-width:991px){
	.over-hidden{
		height:100vh;
		overflow:hidden;
	}
	.my-right{
		float:right;
	}
	.v-align-center{
		height:65vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media only screen and (max-width:990px){
	.over-hidden{
		overflow-x:hidden;
	}
	.login-wrapper #logo{
		width:150px;
	}
	.faculties{
		margin-top:50px;
	}
	.my-right{
		float:none;
		display: block;
		margin:auto !important;
	}
	.login-wrapper{
		padding-bottom:50px;
	}
	.heading{
		width:100% !important;
	}
	.secondary-heading{
		text-align:center !important;
		padding-left:0px;
	}
	.images{
		width:90px;
		height:90px;
	}
	.overlay{
		margin-top:-90px;
		font-size: 10px;
		width:90px;
		height:90px;
	}
	.overlay.p-one{
		padding:40px 5px 5px 5px;
	}
	.overlay.p-two{
		padding:34px 5px 5px 5px;
	}
}
@media only screen and (max-width:767px){
	.login-form{
		padding-left:5px !important;
	}
}
@media only screen and (max-width:500px){
	.my-d-flex{
		display: block;
	}
	.images{
		width:70px;
		height:70px;
	}
	.overlay{
		margin-top:-70px;
		font-size: 8px;
		width:70px;
		height:70px;
	}
	.overlay.p-one{
		padding:30px 5px 5px 5px;
	}
	.overlay.p-two{
		padding:24px 5px 5px 5px;
	}
}


/*SIDE STICKY ELEMENTS*/


@media all {
    .mystickyelements-fixed ul {
        overflow-wrap: break-word;
    }
}

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/plugins/goodlayers-core/plugins/fontawesome/font-awesome.css ; media=all */
@media all {
    .mystickyelements-fixed .fa-whatsapp:before {
        content: "\f232";
    }
}

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/plugins/goodlayers-core/include/css/page-builder.css ; media=all */
/*@media all {*/
    /*::placeholder {*/
        /*opacity: 1;*/
    /*}*/
/*}*/

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/plugins/wp-floating-menu-pro/css/fontawesome.css ; media=all */
@media all {
    .mystickyelements-fixed .fab {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    .mystickyelements-fixed .fa-facebook-messenger:before {
        content: "\f39f";
    }

    .mystickyelements-fixed .fa-whatsapp:before {
        content: "\f232";
    }
}

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/plugins/wp-floating-menu-pro/css/fa-brands.css ; media=all */
@media all {
    .mystickyelements-fixed .fab {
        font-family: 'Font Awesome 5 Brands';
    }
}

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/plugins/wp-floating-menu-pro/css/font-awesome.min.css ; media=all */
@media all {
    .mystickyelements-fixed .fa-whatsapp:before {
        content: "\f232";
    }
}

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/themes/kingster/css/style-core.css ; media=all */
@media all {
    .mystickyelements-fixed div,.mystickyelements-fixed span, .mystickyelements-fixed a, .mystickyelements-fixed i, .mystickyelements-fixed ul, .mystickyelements-fixed li {
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        margin: 0;
        padding: 0;
    }

    .mystickyelements-fixed ul {
        list-style: disc;
    }

    .mystickyelements-fixed i {
        font-style: italic;
    }

    .mystickyelements-fixed *, .mystickyelements-fixed *:before, .mystickyelements-fixed *:after {
        box-sizing: inherit;
        -moz-box-sizing: inherit;
        -webkit-box-sizing: inherit;
    }

    .mystickyelements-fixed ul {
        margin-left: 35px;
        margin-bottom: 20px;
    }

    .mystickyelements-fixed a {
        text-decoration: none;
        transition: background 300ms, color 300ms, border-color 300ms;
        -moz-transition: background 300ms, color 300ms, border-color 300ms;
        -o-transition: background 300ms, color 300ms, border-color 300ms;
        -webkit-transition: background 300ms, color 300ms, border-color 300ms;
    }
}

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/uploads/kingster-style-custom.css?1655704176 ; media=all */
@media all {
    .kingster-body a {
        color: #c50227;
    }

    .kingster-body a:hover {
        color: #1c1b3b;
    }

    .kingster-body * {
        border-color: #e6e6e6;
    }

    .kingster-body ::-webkit-input-placeholder {
        color: #5e5e5e;
    }

    .kingster-body ::-moz-placeholder {
        color: #5e5e5e;
    }

    .kingster-body :-ms-input-placeholder {
        color: #5e5e5e;
    }

    .kingster-body :-moz-placeholder {
        color: #5e5e5e;
    }
}

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/plugins/mystickyelements/css/font-awesome.min.css ; media=all */
@media all {
    .fab {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    .fa-facebook-messenger:before {
        content: "\f39f";
    }

    .fa-whatsapp:before {
        content: "\f232";
    }

    .fab {
        font-family: "Font Awesome 5 Brands";
    }
}

/*! CSS Used from: https://www.riphah.edu.pk/wp-content/plugins/mystickyelements/css/mystickyelements-front.min.css ; media=all */
@media all {
    .mystickyelements-fixed, .mystickyelements-fixed *, .mystickyelements-fixed :after, .mystickyelements-fixed :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mystickyelements-fixed ul {
        list-style: none;
        display: inline-block;
        vertical-align: top;
    }

    .mystickyelements-fixed ul {
        margin: 0;
        padding: 0;
    }

    .mystickyelements-fixed {
        position: fixed;
        z-index: 99999;
        font-family: Poppins;
        top: 50%;
        display: flex;
        align-items: center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 1s ease 0s;
        -moz-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
    }

    .mystickyelements-fixed li:after {
        content: "";
        display: block;
        clear: both;
    }

    .mystickyelements-fixed ul li {
        position: relative;
        width: 53px;
        display: none;
        margin: 0;
        padding: 0;
    }

    .mystickyelements-fixed ul li.element-desktop-on {
        display: block;
    }

    span.mystickyelements-social-icon, span.mystickyelements-social-icon a {
        width: 53px;
        height: 53px;
        color: #fff;
        float: left;
        position: relative;
        text-align: center;
        font-size: 17px;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.2;
        flex-wrap: wrap;
        text-decoration: none;
    }

    .mystickyelements-social-icon a:active, .mystickyelements-social-icon a:focus, .mystickyelements-social-icon a:hover {
        background-color: transparent;
        color: #fff;
    }

    span.mystickyelements-social-icon i {
        margin: 0;
    }

    span.mystickyelements-social-text {
        color: #fff;
        border-radius: 0 10px 10px 0;
        font-size: 14px;
        float: left;
        line-height: 1.2;
        position: absolute;
        top: 0;
        left: 100%;
        height: 100%;
        white-space: nowrap;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transform-origin: 0 0 0;
        -moz-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .mystickyelements-position-right span.mystickyelements-social-text {
        -webkit-transform-origin: 100% 0 0;
        -moz-transform-origin: 100% 0 0;
        transform-origin: 100% 0 0;
        left: auto;
        right: 100%;
    }

    .mystickyelements-position-right span.mystickyelements-social-text {
        border-radius: 10px 0 0 10px;
    }

    span.mystickyelements-social-text a {
        color: #fff;
        text-decoration: none;
        display: inline-block;
        vertical-align: top;
        min-width: 137px;
        height: 100%;
        padding-top: 19px;
        padding-right: 10px;
        padding-left: 13px;
    }

    .mystickyelements-position-right ul li:first-child .mystickyelements-social-icon {
        border-radius: 10px 0 0 0;
    }

    .mystickyelements-position-right ul li:last-child .mystickyelements-social-icon {
        border-radius: 0 0 0 10px;
    }

    .elements-active .mystickyelements-social-icon {
        border-radius: 0px !important;
    }

    .elements-active .mystickyelements-social-icon {
        border-radius: 0px !important;
    }

    .mystickyelements-fixed ul li {
        cursor: pointer;
        color: #fff;
    }

    @media only screen and (min-width: 1025px) {
        .mystickyelements-position-right {
            right: 0;
            text-align: right;
            left: auto;
        }

        .mystickyelements-position-right.mystickyelements-entry-effect-slide-in {
            right: -90px;
            left: auto;
        }

        .mystickyelements-position-right.mystickyelements-entry-effect-slide-in.entry-effect {
            right: 0;
            left: auto;
        }
    }
    @media only screen and (max-width: 1024px) {
        .mystickyelements-fixed ul li.element-desktop-on {
            display: none;
        }

        .mystickyelements-fixed ul li.element-mobile-on {
            display: block;
        }

        .mystickyelements-mobile-size-small span.mystickyelements-social-icon, .mystickyelements-mobile-size-small span.mystickyelements-social-icon a {
            width: 38px;
            height: 38px;
            line-height: 38px;
            font-size: 13px;
        }

        .mystickyelements-fixed.mystickyelements-mobile-size-small ul li {
            width: 38px;
        }

        .mystickyelements-mobile-size-small span.mystickyelements-social-text {
            font-size: 14px;
        }

        .mystickyelements-mobile-size-small span.mystickyelements-social-text a {
            padding-top: 10px;
        }

        .mystickyelements-position-mobile-bottom ul li:last-child .mystickyelements-social-icon {
            border-radius: 0;
        }

        .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul li {
            position: static;
            float: left;
            width: 8.08%;
        }

        .mystickyelements-position-mobile-bottom ul.mystickyno-minimize li {
            width: 8.33%;
        }

        .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul {
            display: block;
        }

        .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon, .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon a {
            height: 38px;
            line-height: 38px;
            font-size: 16px;
            width: 100%;
        }

        .mystickyelements-position-mobile-bottom {
            left: 0;
            right: 0;
            bottom: 0;
            height: 45px;
            top: auto;
            display: block;
            text-align: center;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            transform: translateY(0);
        }

        .mystickyelements-position-mobile-bottom.mystickyelements-entry-effect-slide-in {
            left: 0;
            bottom: -90px;
            right: 0;
        }

        .mystickyelements-position-mobile-bottom.mystickyelements-entry-effect-slide-in.entry-effect {
            bottom: 0;
            top: auto;
        }

        .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom {
            height: 38px;
        }

        .mystickyelements-position-mobile-bottom .mystickyelements-social-icon {
            border-radius: 0 !important;
        }

        .mystickyelements-position-mobile-bottom ul li:last-child .mystickyelements-social-icon {
            border-radius: 0;
        }

        .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul:after {
            content: "";
            display: block;
            clear: both;
        }

        .mystickyelements-fixed.mystickyelements-position-mobile-bottom span.mystickyelements-social-text {
            -webkit-transform: rotateX(90deg);
            -moz-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: 0 100% 0;
            -moz-transform-origin: 0 100% 0;
            transform-origin: 0 100% 0;
            border-radius: 10px 10px 0 0;
            left: 0;
            right: auto;
            bottom: 100%;
            min-width: 100%;
            top: auto;
            height: auto;
            padding-top: 0;
            padding-bottom: 0;
        }

        .mystickyelements-position-mobile-bottom span.mystickyelements-social-text a {
            padding: 10px 10px;
            white-space: initial;
        }
    }
    @media only screen and (max-width: 991px) {
        .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul li {
            width: 10.77%;
        }

        .mystickyelements-position-mobile-bottom ul.mystickyno-minimize li {
            width: 11.11%;
        }
    }
    @media only screen and (max-width: 767px) {
        .mystickyelements-fixed.mystickyelements-position-mobile-bottom ul li {
            width: 23.25%;
        }

        .mystickyelements-position-mobile-bottom ul.mystickyno-minimize li {
            width: 25%;
        }
    }
}

/*! CSS Used from: Embedded */
/*@media only screen and (min-width: 480px) {*/
    /*.mystickyelements-fixed {*/
        /*margin-top: 50px;*/
    /*}*/
/*}*/

/*! CSS Used fontfaces */
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot");
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
         url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2") format("woff2"), 
         url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff") format("woff"), 
         url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.ttf") format("truetype"), 
         url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff") format("woff");
}

.mystickyelements-on-click.mystickyelements-fixed ul li.elements-active span.mystickyelements-social-text {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
}
.mystickyelements-position-right span.mystickyelements-social-text {
    border-radius: 10px 0 0 10px !important;
}
.mystickyelements-fixed{
    font-family: 'Open Sans', sans-serif;
    color:white;
}