@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;900&display=swap');

*
{	
	font-family: 'Albert Sans', sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:400;
	
}
.font-light , .font-light *
{
	 font-weight: 300;
}
.font-medium , .font-medium *
{
	 font-weight: 500;
}
.font-bold , .font-bold *
{
	 font-weight: 900;
}/*
::-webkit-scrollbar {
  width: 8px;
  height: 16px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #143E67;
}*/
html , body
{
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;

}
.transition
{
	transition:all 0.5s ease-in-out;
}
body
{
	
}
a {
	color:#000;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}
.displaynone
{
	display:none !important
}
.d-inline-block
{
	display:inline-block
}
.vError
{
	border:red 2px solid !important
}
.form-error
{
    color: red;
    font-size: 10px !important;
}
.h100{
	height:100%
}
.FormResult  , .FormResult1 , .FormResult *, .FormResult1 * , .FormResult2, .FormResult2 *
{
	color:green;

}
.dnone
{
	display:none
}
.d-block{
	display:block
}
.d-flex
{
	display:flex;
	flex-wrap: wrap;
}
.italic
{
	font-style:italic
}
.white
{
	color:#FFF
}


.font-12, .font-12 *
{
	font-size:0.75rem
}
.font-13, .font-13 *
{
	font-size:0.8125rem
}
.font-14, .font-14 *
{
	font-size:0.875rem
}
.font-15, .font-15 *
{
	font-size:0.9375rem
}
.font-16, .font-16 *
{
	font-size:1rem
}
.font-18 , .font-18 *
{
	font-size:1.125rem
}
.font-20, .font-20 *
{
	font-size:1.25rem
}
.font-22, .font-22 *
{
	font-size:1.375rem;
}
.font-24, .font-24 *
{
	font-size:1.5rem
}
.font-25, .font-25 *
{
	font-size:1.5625rem
}
.font-26, .font-26 *
{
	font-size:1.625rem
}
.font-28, .font-28 *
{
	font-size:1.75rem
}
.font-30, .font-30 *
{
	font-size:1.875rem
}
.font-32, .font-32 *
{
	font-size:2rem;
}
.font-35, .font-35 *
{
	font-size:2.1875rem;
}
.font-36, .font-36 *
{
	font-size:2.25rem
}
.font-40, .font-40 *
{
	font-size:2.5rem
}
.font-42, .font-42 *
{
	font-size:2.625rem
}
.font-45, .font-45 *
{
	font-size:2.8125rem
}
.font-50, .font-50 *
{
	font-size:3.125rem;
}
.font-52, .font-52 *
{
	font-size:3.25rem
}
.font-55, .font-55 *
{
	font-size:3.437rem
}
.font-60, .font-60 *
{
	font-size:3.75rem;
}
.font-62, .font-62 *
{
	font-size:3.875rem
}
.font-70, .font-70 *
{
	font-size:4.375rem;
}
.font-80, .font-80 *
{
	font-size:5rem
}
.font-90, .font-90 *
{
	font-size:4.375rem;
}
.font-110, .font-110 *
{
	font-size:6.875rem
}
.font-120, .font-120 *
{
	font-size:7.5rem
}
.text-center
{
	text-align:center
}
.line-110
{
	line-height:6.875rem
}
.line-height13
{
	line-height:1.3rem
}
.line-height14
{
	line-height:1.4rem
}
.line-height15
{
	line-height:1.5rem
}
.line-height2
{
	line-height:2rem
}
.line-height3
{
	line-height:3rem
}
.line-height4
{
	line-height:4rem
}
.inline-block
{
	display:inline-block
}
.flex-row {
    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.flex-column {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.jc-fs
{
	    justify-content: flex-start !important;
}
.jc-sb
{
	    justify-content: space-between !important
}
.trigger{
	width: 35px;
	height: 25px;
	z-index: 999999999;
	cursor:pointer;

}

.trigger > div{
	position: relative;
}

.trigger > div > span{
	position: absolute;
	height: 2px;
	width:40px;
	margin:0;
	background: #FFF;
	top:0;
	

	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
	left:0
}

.trigger > div > span:nth-child(2){
    top: 9px;


}

.trigger > div > span:nth-child(3){
	top:18px;
}

.trigger > div.close > span:nth-child(1){
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 11px;
	background:#FFF
}

.trigger > div.close > span:nth-child(2){
	display: none;
}

.trigger > div.close > span:nth-child(3){
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 11px;background:#FFF
}

.trigger, .sitewrapper{
	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.slideddddd{
	-ms-transform: translate(-320px,0); /* IE 9 */
	-webkit-transform: translate(-320px,0); /* Safari */
	transform: translate(-320px,0); /* Standard syntax */
	
}
.white , .white *
{
	color:#FFF !important
}
.blur {
    
    background: transparent !important;
}
.z-100
{
	z-index:100
}
.relative
{
	position:relative;
}
b
{
	font-weight:700
}
.txt-justify
{
	text-align:justify
}
.py-75
{
	padding-top:4.6875rem;
	padding-bottom:4.6875rem
}
.py-100
{
	padding-top:6.25rem;
	padding-bottom:6.25rem
}
.pt-100
{
	padding-top:6.25rem;
}
.px-100
{
	padding-right: 6.25rem;
	padding-left: 6.25rem
}
.ai-fs
{
	align-items:flex-start
}
.line-18 , .line-18 *
{
	line-height:1.125rem;
}
.line-20 , .line-20 *
{
	line-height:1.25rem;
}
.line-22 , .line-22 *
{
	line-height:1.375rem
}
.line-25 , .line-25 *
{
	line-height:1.5625rem
}
.line-30 , .line-30 *
{
	line-height:1.875rem;
}
.line-35 , .line-35 *
{
	line-height:2.1875rem;
}
.line-40 , .line-40 *
{
	line-height:2.5rem;
}
.line-45 , .line-45 *
{
	line-height:2.8125rem;
}
.line-50 , .line-50 *
{
	line-height:3.125rem
}
.line-60 , .line-60 *
{
	line-height:3.75rem
}
.line-70 , .line-70 *
{
	line-height:4.375rem
}
.line-80 , .line-80 *
{
	line-height:5rem
}
a:hover
{
	color:#CC2448
}
.ai-initial
{
	align-items:initial
}
.jc-c
{
	    justify-content: center;
}.jc-fe
{
	    justify-content: flex-end;
}
.ai-fe
{
	align-items:flex-end
}
.d-inline-block{
	display:inline-block
}
.open_left , .open_right , .area_layer_back 
{
	opacity:0
}
.open_right.aos-animate
{
	animation: 1s ease-in-out 0.75s window-fromleft both;
    /* -webkit-animation: 1.25s ease-in-out 0.75s window-fromright both; */
    opacity: 1;
}
.open_left.aos-animate
{
	animation: 1s ease-in-out 0.75s window-fromright both;
    /* -webkit-animation: 1.25s ease-in-out 0.75s window-fromright both; */
    opacity: 1;
}
.area_layer_back.aos-animate
{
	opacity: 1;
    animation: 1s ease-in-out 0.5s circle-fromcenter-over both;
    -webkit-animation: 1s ease-in-out 0.5s circle-fromcenter-over both;
}
.bg_white
{
	background:#FFF
}
.cur
{
	cursor:pointer
}
.opacity-4
{
	opacity: 0.4;
}
.opacity-5
{
	opacity: 0.5;
}
.bg1
{
	background:#143E67;
}
.bg2
{
	background:#205486;
}
.bg3
{
	background:#4582BB;
}
.bg4
{
	background:#143457;
}
.bg5
{
	background:#F6F6F6;
}
.bg6
{
	background:#00264A;
}
.color1 , .color1 *
{
	color:#00264A
}
.color2 , .color2 *
{
	color:#212243
}
.color3 , .color3 *
{
	color:#E02020
}
.color4 , .color4 *
{
	color:#484847
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer {
    background: #00264A;
}
.border-top-1
{
	  border-top: 1px solid #979797;

}
.social li
{
	margin-left:30px;
}
.social li span 
{
	color:#818190
}
.social.white li span
{
	color:#FFF
}
.social li a:hover span
{
	color:#CC2448
}
.footer_menu  li
{
	width:100%;
}
.insideImg {
    height: 365px;
}
.insideImg .img-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-size: cover;
    content: '';  background: linear-gradient(270deg, rgba(0,78,129,0) 0%, #00264A 100%);

}
.parallax1 {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    height: 468px;
}.parallax1:before
{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	background-color: rgba(0,0,0,0.1);
	width:100%;
	height:100%;
	content:'';
} 
.read_more a , .read_more button
{
  border-radius: 29px;
  background-color: #CC2448;	
}
.read_more a:hover , .read_more button:hover
{
 color:#CC2448;
  background-color: #FFF;	
}


.read-more a
{
 
  color: #E02020;	
}
.read-more a:hover
{
 color:#00264A;
}
.by_teach{
  border-radius: 15.5px;
  background-color: #0091FF;
position:absolute;
bottom:20px;
right:20px;
z-index:50  
}
.by_teach1{
  border-radius: 15.5px;
  background-color: #0091FF;
 
}
.bg_inner{
	position:relative;
}
.bg_inner:before
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:540px;
	content:'';
	z-index:10;
	  background: linear-gradient(270deg, rgba(0,78,129,0) 0%, #00264A 100%);

}
.bg_inner:after
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:540px;
	content:'';
	z-index:5;
	 background-color: #205486;

}
 .search_form input , .search_form select
 {
	  width: 100%;
	  border: 1px solid #D1CACA;
	  border-radius: 3px;	
	  color:#8A8A8A;
	  font-size:13px;	
	
 }
.alphabetical_box
{
	border-bottom: 2px solid #979797;
}
.alph_text
{
	  border: 1px solid #FFFFFF;
	background-color: #F5F7FF;
}
.list_alpha
{
	  border: 1px solid #9DB5E5;

}
.main_alpha_box
{
	display:flex;
	flex-wrap:wrap
}
.main_alpha_box ul
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	
}
.alphabetical_box .active a
{
	color:#CC2448
}
.main_alpha_box ul li:nth-child(1)
{
	width:15%;word-wrap: break-word;
}
.main_alpha_box ul li:nth-child(2)
{
	width:11%	
}
.main_alpha_box ul li:nth-child(3)
{
	width:17%	
}
.main_alpha_box ul li:nth-child(4)
{
	width:8%	
}
.main_alpha_box ul li:nth-child(5)
{
	width:12%	
}
.main_alpha_box ul li:nth-child(6)
{
	width:12%	
}
.main_alpha_box ul li:nth-child(7)
{
	width:25%	
}
.main_alpha_box ul li:nth-child(8)
{
	width:10%	
}
.pagination 
{
	text-align:center
}
.pagination  li
{
	margin: 0 10px;

}
.pagination  li a , .pagination  li span
{
    color: #143457;
    border: 1px solid #9DB5E5;
    width: 30px;
    height: 30px;
    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.pagination  li span
{
    background: #143457;
	color:#FFF
    
}
.menu_mob.slided {
    transform: scaleY(1);
}
.menu_mob {
    position: absolute;
    top: 137px;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #FFF;
    box-shadow: 0 7px 10px 0 rgb(153 153 153 / 50%);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.5s ease;
    border-top: 1px solid #4582BB;
    overflow: hidden;
}.menu_mob ul {
    padding: 50px 0 50px 0;
}.menu_mob ul li {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin: 0;
}
.home_parallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 225px;
}
.search_form_home select , .search_form_home input
{
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  background-color: rgba(255,255,255,0.11);color:#FFF;
	
}
.search_form_home label
{
	color:#FFF;
	display:block;
	margin-bottom:15px;
}

.signin-form label.t_label {
    color:#00264A;
	line-height:1.25rem;
	font-size:0.9375rem;
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}
.signin-form button[type=submit] , .signin-form button[type=button].form_account {

    width: 200px;
    height: 50px;

	
  border-radius: 29px;
  background-color: #CC2448;	
}
.bgg1
{
	background:url('../img/bg1.jpg') no-repeat center center / cover
}
.w-100
{
	width:100% !important
}


  /* the parent */
.form_slick  .slick-track 
{
    display: flex !important;
}

.form_slick  .slick-slide 
{
    height: inherit !important;
}
.form_slick  .slick-slide  , .form_slick  .slick-slide > div , .form_slick  .slick-slide .test_box
{
	height:100%
}

.form_slick .slick-dots 
{
	bottom:-20px
}
 
.form_slick  .slick-dots li 
{
	width:15px;
	height:15px;
	border-radius:25px;
}
.form_slick .slick-dots li 
{
	margin: 0 5px;	
}

 .form_slick .slick-dots li button 
{
	width:15px;
	height:15px;border-radius:25px;
	background-color:#FFF;transition: all 0.5s ease-in;border:1px solid #FFF;
	padding:0
}
.form_slick .slick-dots li button:before 
{
	display:none
}
 .form_slick .slick-dots li button:hover , .form_slick .slick-dots li.slick-active button 
{
	background:#E02020;
	border-color:#E02020

}
.bg12
{
  border: 1px solid #E0E0E0;
  background-color: #ECEEEE;	
}
.d_menu li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
}
.d_menu li a.active {
    background-color: #FFF;

}
.d_menu li a {
    padding: 25px 25px;
    display: block;
}
.red , .red *
{
	color:#E02020
}
.bb1
{
	border:2px solid #E5E5E5
}
.bb-1
{
	border-bottom:2px solid #E0E0E0
}
.bt-1
{
	border-top:2px solid #E0E0E0
}
.d_menu li a.active img
{
	/*filter: brightness(0) invert(1);*/

}
.form_slick1
{
	max-width:500px
}

.input-main
{
min-height: 240px;
    border: 1px solid #d9d9d9;background:#FFF;
    position: relative;	overflow:hidden
}
.input-main input[type="file"]{
width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    top: 0;
    left: 0;
}

.input-main img{
width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    top: 0;
    left: 0;
}

.input-main img
{
	z-index:5
}
.input-main .upload-text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;padding:10px;
    bottom: 0;font-size: 14px;text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.input-main .upload-text i {
    display: block;
    font-size: 2rem;text-align:center;
    margin-bottom: 0.5rem;
}.mt-25
{
	margin-top:25px;
}.input-main .delete-image {

    cursor: pointer;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    border-radius: 50%;
    padding: 0px 8px;
    background-color: rgba(0,0,0,.5);
    -webkit-appearance: none;
    border: none;
	opacity:0
}
.input-main .delete-image i
{
	color:#FFF;font-size:12px;
}
#imgInp-1 , #imgInp-2 , #imgInp-3, #imgInp-4 , #imgInp-5 , #imgInp-6 , #imgInp1
{
	opacity:0 !important
}



.opa1
{
	opacity:1 !important;
	object-fit: cover;
    height: 100%;
}.label-warning {
	background-color:#f0ad4e
}.label-success {
	background-color:#5cb85c
}.label-important {
	background-color:#d9534f
}
.label_status
{
	border-radius:5px;
	padding:2px 10px;
}
.send_msg
{
    border-radius: 29px;
    background-color: #CC2448;	
}
#hidden-content
{
	background:#FFF;
	width:700px;
	overflow-x:hidden;
	padding:50px;
}
.message_form .vError
{
	border:1px solid #ccc !important
}
.chat_box
{
	border: 2px solid #D8DCDC;
	border-radius: 1px;
}
.chat_box_reply
{
	border-top: 2px solid #D8DCDC;

}
.txt-right
{
	text-align:right;
	background:#f6f6f6
}
.filter_white
{
	filter: brightness(0) invert(1);

}
.customscrollbar {
    height: 150px;
    overflow: hidden;
    overflow-y: scroll;padding-right: 15px;overflow: -moz-scrollbars-vertical; -webkit-overflow-scrolling: auto;
display: flex;
flex-direction: column-reverse;
}
.customscrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  background:#FFF
}
.customscrollbar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #00264A;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.mCSB_scrollTools .mCSB_draggerContainer
{
	left:10px !important;
}

.opp_slick  .slick-slide{margin: 0 10px;}
.opp_slick  .slick-list{margin: 0 -10px;}


.opp_slick .slick-dots ,.gallery_slick .slick-dots 
{
	bottom:-55px
}
 
.opp_slick  .slick-dots li ,.gallery_slick  .slick-dots li
{
	width:15px;
	height:15px;
	border-radius:25px;
}
.opp_slick .slick-dots li ,.gallery_slick .slick-dots li
{
	margin: 0 5px;	
}

 .opp_slick .slick-dots li button , .gallery_slick .slick-dots li button
{
	width:15px;
	height:15px;border-radius:25px;
	background-color:#00264A;transition: all 0.5s ease-in;border:1px solid #00264A;
	padding:0
}
.opp_slick .slick-dots li button:before ,.gallery_slick .slick-dots li button:before 
{
	display:none
}
 .opp_slick .slick-dots li button:hover , .opp_slick .slick-dots li.slick-active button , .gallery_slick .slick-dots li button:hover , .gallery_slick .slick-dots li.slick-active button
{
	background:#E02020;
	border-color:#E02020

}


.latest_arrow {
	display:none
}
.banners {
    margin-bottom: -5px !important;    z-index: 50;
}
.main_bg {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.banners_bg {
    position: absolute;
    transition: all 1s ease-in;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;background-repeat:no-repeat;background-size:cover
}
.banners_bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;content:'';
    background-color: rgba(0,0,0,0.01);
    z-index: 50;
   
}.banners_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    padding-top: 0;
}



.banners .slick-active{
  animation:Slick-FastSwipeIn 1s both;
  
}



/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn{
    0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
    100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
}


.banners  .slick-dots li 
{
	width:30px;
	height:3px;
	border-radius:25px;
}
.banners .slick-dots li 
{
	margin: 0 5px;	
}

 .banners .slick-dots li button 
{
	width:30px;
	height:2px;
	background-color:#FFF;transition: all 0.5s ease-in;
	padding:0
}
.banners .slick-dots li button:before 
{
	display:none
}
 .banners .slick-dots li button:hover , .banners .slick-dots li.slick-active button 
{
	background:#FFF;
}
.banners .slick-dots li.slick-active button 
{

	height:6px;
}
.banners .slick-dots{
    bottom: 5vh;
    z-index: 10;
	text-align:right;
	padding-right:100px;
	right:0;

}
.image-uploader .upload-text span{text-align:center}

@media all and (max-width: 1400px){
	
}
@media all and (max-width: 1255px){
.container{width:1150px}
}
/*m*/@media all and (max-width: 1025px){
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.container{width:1000px}
}
/*xm*/@media all and (max-width: 868px){
.flex-row-xm{flex-direction:column}
.mt-25-xm{margin-top:1.5625rem;}
.mt-50-xm{margin-top:3.125rem;}
.ml-0-xm{margin-left:0}
.ai-fs-xm{align-items:flex-start}
.txt-cntr-xm{text-align:center}
.d-inline-block-xm{display:inline-block}
.d-none-xm{display:none !important}
.px-15-xm{padding-left:0.9375rem;padding-right:0.9375rem}
.px-50-xm{padding-left:3.125rem;padding-right:3.125rem}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.input-main{min-height:210px;}
}
@media all and (max-width: 576px){
	.order-2-s{order:2}
	.order-1-s{order:1}
	.mob-h{    width: 100%;
    justify-content: space-between;}
html{font-size:12px;}
.flex-row-s{flex-direction:column}
.ai-fs-s{align-items:flex-start}
.mt-25-s{margin-top:25px;}
.d-none-s{display:none !important}
.px-0-s{padding-left:15px;padding-right:15x}
.px-25-s{padding-left:1.5625rem;padding-right:1.5625rem;}
.ai-fs-s{align-items:flex-start}
.home_register{height:300px;}
.pl-0-s{padding-left:0}
.pt-0-s{padding-top:0}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_alpha_scroll{overflow-x:scroll}
.main_alpha_box{display:inline-block;width:760px;}
.search_form , .search_form select , .search_form input , .search_form div{width:100%;margin-left:0}
.main_bg{height:400px;}
.trigger > div > span{width:100%}
.menu_mob{top:195px;}
.font-60, .font-60 * {font-size: 3rem;}
.font-40, .font-40 * {font-size: 2rem;line-height:initial}
.form_slick1{width:100%}
.flex-row-ss {
    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
}




















