@media only screen and (min-width: 320px) and (max-width: 1023px) {
  /* Profile Page Responsive */
  /* Profile Page End */
  .main-uni-course section.left11-form {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .main-uni-course section.top-section {
    width: 98% !important;
    margin: auto;
  }
  .main-uni-course.d-flex.justify-content-center {
    display: block !important;
  }
  .switch-program .has-search .autocomplete {
    width: 100% !important;
  }
}


@media only screen and (min-width: 320px) and (max-width: 600px) {

.top-section .university-section {
  font-size: 1rem;
  width: 86% !important;
  margin: auto !important;   
}

.cust_logo_pera .cust_logo_img {
    max-width: 100%;
    height: auto;
    height: 170px;
    object-fit: contain;
}


}





@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .main-uni-course section.left11-form {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .main-uni-course section.top-section {
    width: 98% !important;
    margin: auto;
  }
  .main-uni-course.d-flex.justify-content-center {
    display: block !important;
  }

}

@media only screen and (min-width: 320px) and (max-width: 600px) {

.main-uni-course section.top-section {
    width: 100% !important;
    margin: auto;
}

}

/*.signupbox {

  background-color: #fff;

  border-radius: 45px;

  padding: 0px;

  position: relative;

  min-height: 726px;

  z-index: 9999

}*/

/*.signupbox:before {

  position: absolute;

  content: '';

  top: 0px;

  right: 0px;

  z-index: 1;

  background-image: url("../img/topshap.png");

  height: 223px;

  width: 881px;

  background-repeat: no-repeat;

  background-size: 100%

}*/

/*.signupbox:after {

  position: absolute;

  content: '';

  bottom: -5px;

  right: 0px;

  z-index: -1;

  background-image: url("../img/bootshape.png");

  height: 202px;

  width: 820px;

  background-repeat: no-repeat;

  background-size: 100%

}

.signupbox h2 {

  font-family: 'abhaya_libreregular';

  font-size: 58px;

  color: #b6121d

}

.signupbox .form-control {

  border-radius: 45px;

  height: calc(2.5em + .75rem + 2px);

  border-left: 0px;

  -webkit-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .input-group-prepend .input-group-text {

  border-radius: 45px;

  width: 51px;

  padding: .375rem 1.1rem;

  background-color: transparent;

  -webkit-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .input-group-append .input-group-text {

  border-radius: 45px;

  width: 60px;

  padding: 0rem 2px;

  background-color: transparent;

  -webkit-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .fa {

  font-size: 25px;

}

.signupbox .input-group {

  margin-bottom: 20px !important;

}

.signuplft {

  padding-top: 190px;

  padding-left: 50px;

  z-index: 9999

}*/

/*.usrhnt h2 {

  color: #f46d03

}*/

select {

  background-color: white;

  border: thin solid #c9c9c9;

  border-radius: 4px;

  display: inline-block;

  font: inherit;

  line-height: 1.5em;

  padding: 5px;

  margin: 0px 4px 0px 0px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-appearance: none;

  -moz-appearance: none;

}

select:-moz-focusring {

  color: transparent;

  text-shadow: 0 0 0 #000;

}

/* This is the default state */

/* This is the checked state */

/* active state i.e. displayed while the mouse is being pressed down */

/* the shadow; displayed while the element is in focus */

/*.google-maps {

  position: relative;

  overflow: hidden;

}*/

/*#collapseExample, #collapseExample2, #collapseExample3, #collapseExample4, #collapseExample5, #collapseExample6, #collapseExample7 {

    width: 100%;

}*/
@media only screen and (max-width: 767px) {

/*  .usrhnt {

    padding: 59px 30px 106px 30px;

    text-align: center;

  }*/



  

  

}











































/*----------------------------------------------CYRAX-------------------------------------------------------------*/


/*
.signupbox{

  min-height: 840px;

}*/



/*  LOGIN HOVER  */





/*  FILTERS */

/*

body.modal {

  height: 100vh;

  overflow-y: hidden;

}

*/



/* CHAT */



/*Profile Picture css*/



/*new-added-css*/

.university-section .icon-first a {
    text-decoration: underline;
    font-size: 16px;
}
.top-section .state-uni-text i {
    font-size: 16px;
    padding-top: 10px;
}
.university-section .location-text {
    padding-left: 10px;
    font-size: 1rem;
 
}
.university-section .state-uni-text {
    border: 1px solid #ddd;
    padding: 15px 0px;
    border-radius: 5px;    
}

.left11-form .university-side-form form {
    background: #16b8c2;
}

.left11-form .university-side-form form {
    background: #ffffff;
    padding: 30px;
    border: 1px solid #ddd;
}

section.left11-form {
    width: 30%;
    display: inline-block;
}
select {
    border: 1px solid #CCC;
    width: 55px;
}
/*.left11-form .checkbox-text input, button {
    height: 21px;
}*/
.top-section{
  width: 54%;
  display: inline-block;
}

.top-section .university-section {
  font-size: 1rem;
  width: 97%;
  margin-left: auto;
  margin-right: 1%;    
}


.left11-form .university-side-form .submit-footer-btn {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
    margin-top: 15px;
    display: block;
}


.left11-form .university-side-form .submit-footer-btn  i.fa.fa-check{
  padding-right: 10px;
}
.left11-form .university-side-form .submit-footer-btn i.fa.fa-check {
  margin-right: 10px;
  background: #142631;
  padding: 4px;
  border-radius: 50px;
  color: #fff;
  font-size: 15px;
  margin-top: 0;
  vertical-align: text-bottom;
}
.university-side-form .switch-program {
  margin-bottom: 15px;
}
.main-uni-course {
  margin-top: 25px;
  margin-bottom: 50px;
}


/* University Search Page*/
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.icon-ser {
  padding: 10px;
  color: #16b8c2;
  min-width: 50px;
  text-align: center;
  border-right: 1.5px solid;
  border-radius: 3px 0 0px 3px;

}
.input-fieldss {
    width: 100%;
    padding: 5.5px 10px;
    border: 1.5px solid #fff;
    border-radius: 0;
}
/*End*/



/* Auto Complete Search */
#filter-form .switch-program .autocomplete {
  width: 100%;
}
.autocomplete {
  position: relative;
  display: inline-block;
  width: 88.5%;
  margin: 0 !important;
}


/*when hovering an item:*/
/*when navigating through the items using the arrow keys:*/
/*Ent Auto-complete Search*/




/*Pagination Css*/
.has-search {
  margin-bottom: 40px !important;
}
.input-fieldss.search-autocomplete {
  border-radius: 0 3px 3px 0;
  border-color: #274658;
  background: #274658;
  color: #fff;
}
/*End pagination*/


/* Notificatoin */
/*End Notification*/


/* Home auto complete Select Start */
/* Home auto complete Select End */

.all-placetrans input.select2-search__field:focus-visible {
  outline: none;
}


/*Home Page Css*/

/*Notification icon on header*/

/*Chatbox Css*/
.input_msg_write input:focus-visible {
outline: none;
}

/*Upload documents file button css*/
/*.file-design {
  position: relative;
  top: 150px;
  font-family: calibri;
  width: 150px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #BBB;
  text-align: center;
  background-color: #DDD;
  cursor: pointer;
}
*/


/*Profile Page*/

@media only screen and (min-width:320px) and (max-width:520px){

  /*#prof-cont{
    display: none;
  }*/

}

@media screen and (min-width: 320px) and (max-width: 575px) {
  .state-uni-text > div:first-child {
    width: 50% !important;
    text-align: center;
    margin: auto;
    margin-bottom: 15px;
  }

}
.loader:::before {
  border-top: 0.3em solid dodgerblue;
  transform: rotate(120deg);
}




.processhead [class*="col-"] {

    padding-left: 0 !important;

    padding-right: 0 !important;

  } 







.processhead {

  background-image: url("../img/process_head.jpg");

  background-repeat: no-repeat;

  background-position: center top;

  background-size: cover;

  min-height: 852px;

}



.process{padding-left:40px;}



.processhead h2 {

  font-size: 70px;

  color: #000;

  padding: 0px;

  margin: 200px 0px 50px 0px;

  font-family: 'bebas_neueregular';

}

.processhead h2 span {

  display: block;

  font-size: 95px;

}

.processhead h2 i.head1 {

  font-style: normal;

  color: #b6121d

}

.processhead h2 i.head2 {

  font-style: normal;

  color: #2b4554

}

.processhead h2 i.head3 {

  font-style: normal;

  color: #b6121d

}

.startnow {

  background-color: #b6121d;

  border-radius: 4px;

  padding: 10px 30px;

  color: #fff;

  font-size: 35px;

  text-transform: uppercase;

  font-family: 'bebas_neueregular';

  border: 0px solid #000;

  border-bottom: 2px solid #c25806

}

.startnow:hover {

  background-color: #2b4554;

  border-bottom: 2px solid #b6121d;

}



.stockworks{background-image:url("../img/stoke_works.png"); background-repeat: no-repeat; background-position:center top; min-height: 980px; padding:120px 0px}

.storestep{background-color:#fff; position:relative; -webkit-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18);

-moz-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18);

box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18); padding: 30px; margin-bottom:50px;}



.stepno{position:absolute; top:-25px; left: 25px; background-color:#fff; border:2px solid #b6121d; width:50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-family: 'bebas_neueregular'; font-size:30px;}





.storestep h3{font-size:30px; color:#2b4554; padding: 0px; margin: 0px 0px 10px 0px; text-transform: uppercase; font-family: 'bebas_neueregular';}

.storestep p{font-size:18px; color:#5f5f5f; padding: 0px; margin: 0px; line-height: 25px; font-family: 'montserratlight'; }



.stepml{margin-left:100px;}

.stepmr{margin-right:80px;}

.works-cont{width:70%; margin-top:50px;}

.works-cont h2{ font-size:60px; color:#2b4554; padding: 0px; margin: 0px 0px 30px 0px; font-family: 'bebas_neueregular'; position: relative  }

.works-cont h2:before{background-color:#f46b01; width:48px; height: 2px; position: absolute; top:35px; left: -45px; content: ''}





.works-cont h2 span{ font-size:52px; color:#f46b01; display:block; font-family: 'bebas_neuebook';  }



.works-cont p{font-size:18px; color:#5f5f5f; line-height: 30px;}



.getaccount {padding:10px 0px}

.getaccount h2{color:#16bac4; padding:0px; margin: 0px 0px 80px 0px; font-family: 'bebas_neueregular'; text-align: center; font-size: 60px;}

.getaccount h2 span{color:#f46b01;  font-family: 'bebas_neuebook'; display:block}

.getaccount ul{padding:0px; margin: 0px auto 40px auto; list-style: none; text-align: center}

.getaccount ul li{padding:100px 25px; margin: 0px 15px 0px 0px; list-style: none; width: 18%; background-color:#fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18);

-moz-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18);

box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18); position: relative; display: inline-block; vertical-align: top; min-height: 450px; line-height: 30px;}

.acticon{position:absolute; top:-60px; left: 30%; right: 30%;}

.getaccount ul li:nth-child(1){background-color:#16bac4}

.getaccount ul li:nth-child(2){background-color:#b6121d}

.getaccount ul li:nth-child(3){background-color:#2b4554}

.getaccount ul li:nth-child(4){background-color:#f46b01}

.getaccount ul li:nth-child(5){background-color:#888888}

.getaccount ul li h3{color:#fff; font-size:24px; text-transform: uppercase; padding: 0px; margin: 0px 0px 20px 0px; font-family: 'montserratregular';}

.getaccount ul li p{color:#fff; font-size:18px; font-family: 'montserratlight';}

.create_account{border:1px solid #f46b02; border-radius: 6px; text-transform: uppercase; padding: 8px 25px; color:#f46b02; font-size:22px; font-family: 'bebas_neueregular'; background-color:#fff}

.create_account:hover{background-color:#f46b02; color:#fff}

.pricing{background-image:url("../img/stoke_works.png"); background-repeat: no-repeat; background-position:center top; min-height: 980px; padding:120px 0px}

.pricing h2{text-align:center; font-size:70px; font-family: 'bebas_neueregular'; color:#2b4554; margin-bottom: 40px; }

.pricing h2 span{color:#16bac4}

.pricing h2 span:nth-child(2){color:#b6121d}

.pricing h2 span:nth-child(3){color:#f46b01}

.pricing [class*="col-"] {

    padding-left: 0 !important;

    padding-right: 0 !important;

  } 



.pricing ul{padding:0px; margin: 0px; list-style: none; min-height: 370px;}

.pricing ul li{padding:0px 0px 0px 45px; margin: 0px 0px 15px 0px; list-style: none; position: relative; font-size:16px;}



.pricebox1{background-color:#fff; border-radius: 15px; -webkit-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18);

-moz-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18);

box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.18); padding: 0px; background-image: url("../img/topbg.png"); background-repeat: no-repeat; background-position:top left; margin-top:30px; }



.priceboxft{background-image: url("../img/ftbg.png"); background-repeat: no-repeat; background-position:bottom left; border-radius: 0px 0px 8px 8px;  text-align: center; padding:40px 0px}



.priceboxft2{background-image: url("../img/ftbg2.png"); background-repeat: no-repeat; background-position:bottom left; border-radius: 0px 0px 8px 8px;  text-align: center; padding:40px 0px}



.priceboxft3{background-image: url("../img/ftbg3.png"); background-repeat: no-repeat; background-position:bottom left; border-radius: 0px 0px 8px 8px;  text-align: center; padding:40px 0px}



.pricebox1 h3{ text-align:center; font-size:37px; font-family: 'bebas_neueregular'; padding: 25px 0px; margin: 0px; position: relative  }

.pricebox1 h3:after{ position:absolute; bottom: 15px; left:30%; right: 0px; content: ''; width:60px; height: 4px; background-color:#00a344 }

.planprice{font-size:60px; color:#000; font-family: 'bebas_neueregular'; text-align:center; min-height: 170px;  }

.planprice span{display:block; font-size:18px; color:#A0A0A0;   font-family: 'montserratlight'}





.pricing ul li figure{position:absolute; top:0px; left:15px;} 



.choosebut{background-color:#fff; border:1px solid #959595; font-family: 'bebas_neueregular';  color:#939393; padding: 8px 60px; border-radius: 40px; font-size:20px;}

.choosebut:hover{background-color:#f46b01; border:1px solid #f46b01; color:#fff; }

.pricebox2{position:relative; z-index: 9999; margin-top:0px!important; min-height: 818px;z-index: 99; }

.pricebox2 ul {

    min-height: 426px;

}



.featured{background-image:url("../img/spril.jpg"); background-repeat: no-repeat; background-position:center; padding: 80px 0px}



.fetprice{background-color:#f7f7ff; border-radius: 10px; padding: 15px; -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.39);

-moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.39);

box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.39); position: relative; z-index: 99}



.featbox{background-color:#fff; padding: 15px; border-left:2px solid #17a394; -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.39);

-moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.39);

box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.39); text-align: center; margin-bottom: 20px; }



.featbox h2 { font-family: 'bebas_neueregular'; font-size:65px;}

.featbox p {   font-family: 'montserratlight'; font-size:18px;}

.featbox p span {   font-size:16px; color:#828181; display:block}

.addoncons{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e76500+0,f46b01+100 */

background: rgb(231,101,0); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(231,101,0,1) 0%, rgba(244,107,1,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(231,101,0,1) 0%,rgba(244,107,1,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(231,101,0,1) 0%,rgba(244,107,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76500', endColorstr='#f46b01',GradientType=0 ); /* IE6-9 */

padding:140px 60px; border-radius: 10px; -webkit-box-shadow: 3px 2px 13px -3px rgba(0,0,0,0.39);

-moz-box-shadow: 3px 2px 13px -3px rgba(0,0,0,0.39);

box-shadow: 3px 2px 13px -3px rgba(0,0,0,0.39); font-family: 'bebas_neueregular'; color:#fff; font-size:60px; line-height: 70px; text-align:center; margin-top: 60px; margin-left: -40px;}

/*#collapseExample, #collapseExample2, #collapseExample3, #collapseExample4, #collapseExample5, #collapseExample6, #collapseExample7 {

    width: 100%;

}*/
@media only screen and (max-width: 767px) {

/*  .usrhnt {

    padding: 59px 30px 106px 30px;

    text-align: center;

  }*/

  

.process {

    padding-left: 22px;

} 

  

.processhead h2 {

    font-size: 30px;

    margin: 24px 0px 50px 0px;

}

  

.processhead h2 span {

    display: block;

    font-size: 48px;

}

  

  .startnow {

    padding: 1px 30px;

    font-size: 27px;}

  

  .processhead {min-height: inherit;}

  .stepmr {

    margin-right: 0px;

}

  .stepml {

    margin-left: 0px;

}

  .works-cont{width:100%;}

  .works-cont h2 {

    font-size: 40px;

}

  .works-cont h2 span {

    font-size: 35px;

}

  

  .getaccount h2 {

    margin: 0px 0px 80px 0px;

    font-size: 40px;

}

  

  .stockworks {

    min-height: inherit;

    padding: 40px 0px;

}

  

.getaccount ul li {

    width: 100%;

    display: block;

    margin-bottom: 30px; 
    min-height: inherit

}

  

  .pricing h2 {

    font-size: 40px;

}

  .pricing [class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

}

  

  .pricebox1 {margin-bottom:25px;}

  .pricing{padding-bottom:20px; min-height: inherit}

  

  .featured {

    padding: 30px 0px;

}



  

  

}
@media (min-width:768px) and (max-width: 1024px) {

  

  .process {

    padding-left: 22px;

} 

  

.processhead h2 {

    font-size: 30px;

    margin: 24px 0px 50px 0px;

}

  

.processhead h2 span {

    display: block;

    font-size: 48px;

}

  

  .startnow {

    padding: 1px 30px;

    font-size: 27px;}

  

  .processhead {min-height: inherit;}

  .stepmr {

    margin-right: 0px;

}

  .stepml {

    margin-left: 0px;

}

  .works-cont{width:100%;}

  .works-cont h2 {

    font-size: 40px;

}

  .works-cont h2 span {

    font-size: 35px;

}

  

  .getaccount h2 {

    margin: 0px 0px 80px 0px;

    font-size: 40px;

}

  

  .stockworks {

    min-height: inherit;

    padding: 40px 0px;

}

  

.getaccount ul li {

    width: 100%;

    display: block;

    margin-bottom: 30px; 
    min-height: inherit

}

  

  .pricing h2 {

    font-size: 40px;

}

  .pricing [class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

}

  

  .pricebox1 {margin-bottom:25px;}

  .pricing{padding-bottom:20px; min-height: inherit}

  

  .featured {

    padding: 30px 0px;

}

  .acticon img{width:140px; height: auto}

  .priceboxft2{background-size:cover}

  .priceboxft{background-size:cover}

  .priceboxft3{background-size:cover}

  .storestep p {

    font-size: 14px;

    line-height: 15px;

}

}





@media (min-width:600px) and (max-width: 767px) {

.processhead h2 span {

    display: block;

    font-size: 44px;

} 



  .acticon img{width:140px; height: auto}

  .addoncons {

    font-size: 33px;

    line-height: 45px;

}

  

  .featbox p {

    font-family: 'montserratlight';

    font-size: 14px;

}

}





@media (min-width:1200px) and (max-width: 1900px) {

  

  

.processhead h2 {

    font-size: 50px;

    margin: 150px 0px 50px 0px;

}

  

.processhead h2 span {

    display: block;

    font-size: 67px;

}

  

  .startnow {

    padding: 1px 30px;

    font-size: 27px;}

  

  .processhead {min-height: inherit;}

  .stepmr {

    margin-right: 0px;

}

  

  .works-cont{width:100%;}

  .works-cont h2 {

    font-size: 40px;

}

  .works-cont h2 span {

    font-size: 35px;

}

  

  .getaccount h2 {

    margin: 0px 0px 80px 0px;

    font-size: 40px;

}

  

  .stockworks {

    min-height: inherit;

    padding: 40px 0px;

}

  

.getaccount ul li {

    

    margin-bottom: 30px; /*min-height: 580px ;*/ padding: 100px 25px 20px 25px;

}

  

  .pricing h2 {

    font-size: 40px;

}

  

  

  

  .pricebox1 {margin-bottom:25px;}

  .pricing{padding-bottom:20px; min-height: inherit}

  

  .featured {

    padding: 30px 0px;

}

  .acticon img{width:140px; height: auto}

  .priceboxft2{background-size:cover}

  .priceboxft{background-size:cover}

  .priceboxft3{background-size:cover}

  .storestep p {

    font-size: 14px;

    line-height: 15px;

}

  

  .storestep{padding:30px 10px;}

}











































/*----------------------------------------------CYRAX-------------------------------------------------------------*/


/*
.signupbox{

  min-height: 840px;

}*/



/*  LOGIN HOVER  */



.pricebox2{

  z-index: 99;

}





/*  FILTERS */

/*

body.modal {

  height: 100vh;

  overflow-y: hidden;

}

*/



/* CHAT */



/*Profile Picture css*/

 .hide{
  display: none !important;
 }



/*new-added-css*/
/*.left11-form .checkbox-text input, button {
    height: 21px;
}*/


/* University Search Page*/
/*End*/



/* Auto Complete Search */


/*when hovering an item:*/
/*when navigating through the items using the arrow keys:*/
/*Ent Auto-complete Search*/




/*Pagination Css*/
/*End pagination*/


/* Notificatoin */
/*End Notification*/


/* Home auto complete Select Start */
/* Home auto complete Select End */

.all-placetrans input.select2-search__field:focus-visible {
  outline: none;
}


.input_msg_write input:focus-visible {
outline: none;
}



/*Profile Page*/



/*Step Page*/

@media only screen and (min-width: 320px) and (max-width: 400px) {
  #home_div .headcapt h3 {
    font-size: 35px;
  }
  #home_div .chooseopt ul li{
    margin-top: 25px;
  }

}





@media only screen and (min-width: 320px) and (max-width: 1023px) {
  #home_div button#srch_university {
    width: 130px;   
    margin-bottom: 15px;
  }

}
.mainhead {

  position: relative;

  /*background-image: url("../img/header.png");*/

  background-repeat: no-repeat;

  background-position: right top;

  /*min-height: 966px;*/

  min-height: 560px;

  /*background-size: cover;*/

  background-size: contain;

}

.mainhead h2 {

/*  font-size: 48px;*/

  color: #000;

  font-family: 'bebas_neuebook';

  /*padding: 250px 0px 50px 0px;*/

  padding: 50px 0px 50px 0px;

  margin: 0px;

  text-transform: uppercase;

  line-height: 40px;

}

.mainhead h2 span {

  color: #b6121d;

  padding: 0px;

  margin: 0px;

  display: block

}

.mainhead h2 span span {

/*  font-size: 68px;*/

  color: #000;

  display: inline-block;

  border-bottom: 2px solid #f46b02;

/*  padding-bottom: 44px;*/

}

.headcapt h3 {

  position: relative;

  padding: 61px 0px 0px 122px;

  /*margin: 0px 0px 150px 0px;*/

  margin: 0px 0px 90px 0px;

  font-family: 'bebas_neuebook';

  font-size: 46px;

}

.headcapt h3 span {

  color: #F46B02;

  /*color: #b6121d;*/

  font-family: 'bebas_neueregular';

}

.headcapt h3 figure {

  position: absolute;

  left: 0px;

  top: 0px;

}

.chooseopt ul {

  padding: 0px;

  margin: 0px;

  list-style: none

}

.chooseopt ul li {

  padding: 0px;

  margin: 0px 10px 20px 0px;

  list-style: none;

  display: inline-block;

  min-width: 135px;

}

.chooseopt ul li a {

  background-color: #fff;

  /*border: 1px solid #000;*/

  border-radius: 4px;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);

  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);

  font-family: 'bebas_neueregular';

  font-size: 20px;

  color: #2b4554;

  padding: 10px;

  display: block;

  text-align: center

}

.chooseopt ul li a:hover {

  background-color: #b6121d;

  color: #fff;

  text-decoration: none

}

.chooseopt ul li a.active {

  background-color: #b6121d;

  color: #fff;

  text-decoration: none

}

.downarrow {

  position: absolute;

  bottom: -48px;

  left: 25%;

  z-index: 9999

}

.disparea {

  padding: 60px 0px;

  position: relative

}

.disparea h2 {

  padding: 0px;

  margin: 25px 0px 30px 0px;

  font-family: 'bebas_neuebook';

  font-size: 46px;

  color: #000

}

.disparea h2 span {

  color: #F46B02;

  /*color: #b6121d;*/

  font-family: 'bebas_neueregular';

}

.discipline .discipline-select{
  width: 45%;
  margin: auto;
}
.discipline {

  padding: 60px 0px;
  position: relative;
  background-repeat: no-repeat;

  background-position: center top;

  min-height: 466px;

  /*padding: 100px 0px;*/


  background-size: cover
}

.discipline h2 {

  padding: 0px;

  margin: 25px 0px 30px 0px;

  font-family: 'bebas_neuebook';

  font-size: 46px;

  color: #000

}

.discipline h2 span {

  color: #F46B02;

  /*color: #b6121d;*/

  font-family: 'bebas_neueregular';

}




.location {

  position: relative;

  /*background-image: url("../img/course.jpg");*/

  background-repeat: no-repeat;

  background-position: center top;*/

  min-height: 366px;

  /*padding: 100px 0px;*/

  padding: 80px 0px;

  background-size: cover

}

.searchbut {
  background-color: #2b4554;
  padding: 10px 30px;
  color: #fff;
  font-family: 'bebas_neueregular';
  text-transform: uppercase;
  border: 0px;
  font-size: 24px;
  width: 200px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);
  position: relative;
  margin-top: 25px;
  height: auto;
}

.searchbut .fa {

  position: absolute;

  top: 15px;

  right: 15px;

}

/*.signupbox {

  background-color: #fff;

  border-radius: 45px;

  padding: 0px;

  position: relative;

  min-height: 726px;

  z-index: 9999

}*/

/*.signupbox:before {

  position: absolute;

  content: '';

  top: 0px;

  right: 0px;

  z-index: 1;

  background-image: url("../img/topshap.png");

  height: 223px;

  width: 881px;

  background-repeat: no-repeat;

  background-size: 100%

}*/

/*.signupbox:after {

  position: absolute;

  content: '';

  bottom: -5px;

  right: 0px;

  z-index: -1;

  background-image: url("../img/bootshape.png");

  height: 202px;

  width: 820px;

  background-repeat: no-repeat;

  background-size: 100%

}

.signupbox h2 {

  font-family: 'abhaya_libreregular';

  font-size: 58px;

  color: #b6121d

}

.signupbox .form-control {

  border-radius: 45px;

  height: calc(2.5em + .75rem + 2px);

  border-left: 0px;

  -webkit-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .input-group-prepend .input-group-text {

  border-radius: 45px;

  width: 51px;

  padding: .375rem 1.1rem;

  background-color: transparent;

  -webkit-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .input-group-append .input-group-text {

  border-radius: 45px;

  width: 60px;

  padding: 0rem 2px;

  background-color: transparent;

  -webkit-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .fa {

  font-size: 25px;

}

.signupbox .input-group {

  margin-bottom: 20px !important;

}

.signuplft {

  padding-top: 190px;

  padding-left: 50px;

  z-index: 9999

}*/

/*.usrhnt h2 {

  color: #f46d03

}*/

select {

  background-color: white;

  border: thin solid #c9c9c9;

  border-radius: 4px;

  display: inline-block;

  font: inherit;

  line-height: 1.5em;

  padding: 5px;

  margin: 0px 4px 0px 0px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-appearance: none;

  -moz-appearance: none;

}

select:-moz-focusring {

  color: transparent;

  text-shadow: 0 0 0 #000;

}

/* This is the default state */

/* This is the checked state */

/* active state i.e. displayed while the mouse is being pressed down */

/* the shadow; displayed while the element is in focus */

.form-control:focus {

/*  border: 1px solid #ced4da !important;*/

  box-shadow: none !important;

  /* border-left: 0px !important;

  border-left: 0px; */

  -webkit-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

/*.google-maps {

  position: relative;

  overflow: hidden;

}*/

/*#collapseExample, #collapseExample2, #collapseExample3, #collapseExample4, #collapseExample5, #collapseExample6, #collapseExample7 {

    width: 100%;

}*/
@media screen and (max-width: 575px) {

  .location .course-img{
    width: 100%;
    display: block;
  }
  .location .course-content{
    width: 100%;
    display: block;
  }

  .discipline .discipline-select{
  width: 100%;
  margin: auto;
  max-width: 100%;
}

}
@media only screen and (max-width: 767px) {

    .location .course-img{
    width: 100%;
    display: block;
    min-width: 100%;
  }
  .location .course-content{
    width: 100%;
    display: block;
    min-width: 100%;
  }
    .location .course-img{
    width: 100%;
    display: block;
  }
  .location .course-content{
    width: 100%;
    display: block;
  }
  .discipline .discipline-select{
  width: 100%;
  margin: auto;
  max-width: 100%;
}
#main-bg-home {
  background: none !important;
}


  .mainhead h2 {

/*    font-size: 25px;*/

    padding: 60px 0px 10px 0px;

    line-height: 30px;

  }

  .mainhead h2 span {

/*    font-size: 37px;*/

  }

  .mainhead h2 span span {

/*    font-size: 70px;*/

/*    padding-bottom: 30px;*/

  }

  .headcapt h3 {

    padding: 26px 0px 0px 122px;

    margin: 0px 0px 100px 0px;

  }

  .chooseopt ul li {

    margin: 0px 10px 20px 0px;

    min-width: 46%;

  }

  .mainhead {

    min-height: 100%;

    padding-bottom: 50px;

  }

/*  .usrhnt {

    padding: 59px 30px 106px 30px;

    text-align: center;

  }*/



  

  

}
@media (min-width: 320px) and (max-width: 575px ) {

    .location .course-img{
    width: 100%;
    display: block;
    min-width: 100%;
  }
  .location .course-content{
    width: 100%;
    display: block;
    min-width: 100%;

  }
  .course-content .autocomplete{
     width: 100%;
  }
.discipline .discipline-select{
  width: 100%;
  margin: auto;
  max-width: 100%;
}
}
@media (min-width: 521px) and (max-width: 768px ) {
  .discipline .discipline-select{
  width: 100%;
  margin: auto;
  max-width: 100%;
}

}
@media (min-width:300px) and (max-width: 420px) {
.discipline .discipline-select{
  width: 100%;
  margin: auto;
  max-width: 100%;
}

}
@media (min-width: 814px) and (max-width: 1024px) {
    .discipline .discipline-select{
      max-width: 60%;
      width: 100%;
    }
}
@media (min-width: 320px) and (max-width: 575px) {

  .location .course-img{
    width: 100%;
    display: block;
    min-width: 100%;
  }
  .location .course-content{
    width: 100%;
    display: block;
    min-width: 100%;
  }
.discipline .discipline-select{
  width: 100%;
  margin: auto;
  max-width: 100%;
}
}

.main-area {

  background-color: #edf0f7;

  padding: 100px 0px;

}

/*.signupbox {

  background-color: #fff;

  border-radius: 45px;

  padding: 0px;

  position: relative;

  min-height: 726px;

  z-index: 9999

}*/

/*.signupbox:before {

  position: absolute;

  content: '';

  top: 0px;

  right: 0px;

  z-index: 1;

  background-image: url("../img/topshap.png");

  height: 223px;

  width: 881px;

  background-repeat: no-repeat;

  background-size: 100%

}*/

/*.signupbox:after {

  position: absolute;

  content: '';

  bottom: -5px;

  right: 0px;

  z-index: -1;

  background-image: url("../img/bootshape.png");

  height: 202px;

  width: 820px;

  background-repeat: no-repeat;

  background-size: 100%

}

.signupbox h2 {

  font-family: 'abhaya_libreregular';

  font-size: 58px;

  color: #b6121d

}

.signupbox .form-control {

  border-radius: 45px;

  height: calc(2.5em + .75rem + 2px);

  border-left: 0px;

  -webkit-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .input-group-prepend .input-group-text {

  border-radius: 45px;

  width: 51px;

  padding: .375rem 1.1rem;

  background-color: transparent;

  -webkit-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .input-group-append .input-group-text {

  border-radius: 45px;

  width: 60px;

  padding: 0rem 2px;

  background-color: transparent;

  -webkit-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: -8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

.signupbox .fa {

  font-size: 25px;

}

.signupbox .input-group {

  margin-bottom: 20px !important;

}

.signuplft {

  padding-top: 190px;

  padding-left: 50px;

  z-index: 9999

}*/

.forgot a {

  font-size: 16px;

  color: #111d5e;

  padding: 15px 0px

}

.forgot a:hover {

  font-size: 16px;

  color: #b6121d;

  text-decoration: underline

}

.creataccount {

  color: #111d5e;

  text-decoration: none

}

.creataccount a {

  color: #111d5e;

  text-decoration: none

}

.creataccount a:hover {

  color: #000;

  text-decoration: underline

}

.usrhnt {

  padding: 280px 30px 0px 30px;

  text-align: center

}

/*.usrhnt h2 {

  color: #f46d03

}*/

/* This is the default state */

/* This is the checked state */

/* active state i.e. displayed while the mouse is being pressed down */

/* the shadow; displayed while the element is in focus */

.form-control:focus {

/*  border: 1px solid #ced4da !important;*/

  box-shadow: none !important;

  /* border-left: 0px !important;

  border-left: 0px; */

  -webkit-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

/*.google-maps {

  position: relative;

  overflow: hidden;

}*/

/*#collapseExample, #collapseExample2, #collapseExample3, #collapseExample4, #collapseExample5, #collapseExample6, #collapseExample7 {

    width: 100%;

}*/
@media only screen and (max-width: 767px) {

  .signupbox::before {

    height: 120px;

    width: 470px;

  }

  .signupbox::after {

    height: 116px;

    width: 468px;

  }

  .signuplft {

    padding-top: 120px;

    padding-left: 25px;

    z-index: 9999;

    padding-right: 25px;

  }

/*  .usrhnt {

    padding: 59px 30px 106px 30px;

    text-align: center;

  }*/



  

  

}
@media (min-width:300px) and (max-width: 420px) {
  .signupbox::before {

    height: 120px;

    width: 300px;

  }

  .signupbox::after {

    height: 77px;

    width: 300px;

  }

}
@media (min-width:768px) and (max-width: 1024px) {
  .signupbox::before {

    height: 165px;

    width: 645px;

  }

  .signupbox::after {

    height: 156px;

    width: 635px;

  }

  .signupbox h2 {

    font-size: 40px;

  }

  .usrhnt {

    padding: 225px 30px 0px 30px;

  }

}











































/*----------------------------------------------CYRAX-------------------------------------------------------------*/


/*
.signupbox{

  min-height: 840px;

}*/

.login-text {

    font-size: 14px;

    color: #111d5e;

    font-weight: 700;

    margin: 20px 0;

    text-transform: uppercase;

}



/*  LOGIN HOVER  */





/*  FILTERS */

/*

body.modal {

  height: 100vh;

  overflow-y: hidden;

}

*/



/* CHAT */



/*Profile Picture css*/



/*new-added-css*/
/*.left11-form .checkbox-text input, button {
    height: 21px;
}*/


/* University Search Page*/
/*End*/



/* Auto Complete Search */


/*when hovering an item:*/
/*when navigating through the items using the arrow keys:*/
/*Ent Auto-complete Search*/




/*Pagination Css*/
/*End pagination*/


/* Notificatoin */
/*End Notification*/


/* Home auto complete Select Start */
/* Home auto complete Select End */

.all-placetrans input.select2-search__field:focus-visible {
  outline: none;
}
form#login-form button:focus {
  outline: none !important;
}


/*Home Page Css*/

/*Notification icon on header*/

/*Chatbox Css*/
.input_msg_write input:focus-visible {
outline: none;
}

/*Upload documents file button css*/
/*.file-design {
  position: relative;
  top: 150px;
  font-family: calibri;
  width: 150px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #BBB;
  text-align: center;
  background-color: #DDD;
  cursor: pointer;
}
*/


/*Profile Page*/

@media only screen and (min-width:320px) and (max-width:520px){

  /*#prof-cont{
    display: none;
  }*/

}
.loader:::before {
  border-top: 0.3em solid dodgerblue;
  transform: rotate(120deg);
}










































/*----------------------------------------------CYRAX-------------------------------------------------------------*/


/*
.signupbox{

  min-height: 840px;

}*/



/*  LOGIN HOVER  */





/*  FILTERS */

/*

body.modal {

  height: 100vh;

  overflow-y: hidden;

}

*/



/* CHAT */



/*Profile Picture css*/

 .hide{
  display: none !important;
 }



/*new-added-css*/
select {
    border: 1px solid #CCC;
    width: 55px;
}
/*.left11-form .checkbox-text input, button {
    height: 21px;
}*/


/* University Search Page*/
/*End*/



/* Auto Complete Search */
.autocomplete {
  position: relative;
  display: inline-block;
  width: 88.5%;
  margin: 0 !important;
}


/*when hovering an item:*/
.course-content input{
  border-width: 2px;
}
/*when navigating through the items using the arrow keys:*/
/*Ent Auto-complete Search*/




/*Pagination Css*/
/*End pagination*/


/* Notificatoin */
/*End Notification*/


/* Home auto complete Select Start */
/* Home auto complete Select End */

.all-placetrans input.select2-search__field:focus-visible {
  outline: none;
}


/*Home Page Css*/
.searchbut .fa {
    position: absolute;
    top: 9px;
    bottom: 0;
    right: 13px;
}

button#srch_university {
/*    width: 27%;*/
    padding: 9px 30px;
    text-align: center;
    float: unset;
    left: 27%;
}
.focus-error{

    border-color: #a94442!important;

    background-color: #fbe3e4!important;

}
span.select2-selection__arrow {
    display: none;
}

/*Notification icon on header*/

/*Chatbox Css*/
.input_msg_write input:focus-visible {
outline: none;
}

/*Upload documents file button css*/
/*.file-design {
  position: relative;
  top: 150px;
  font-family: calibri;
  width: 150px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #BBB;
  text-align: center;
  background-color: #DDD;
  cursor: pointer;
}
*/


/*Profile Page*/

@media only screen and (min-width:320px) and (max-width:520px){

  /*#prof-cont{
    display: none;
  }*/

}


.loader-bg {
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999999;
}
.loader-bg h3 {
  position: fixed;
  color: #ff5e31;
  font-size: 24px;
}
.loader {
  width: 8em;
  height: 8em;
  font-size: 22px;
  box-sizing: border-box;
  border-top: 0.3em solid #505050;
  border-radius: 50%;
  position: relative;
  animation: rotating 2s ease-in-out infinite;
  --direction: 1;
}
.loader span {
  position: absolute;
  color: #FF5E31;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: 10em;
  font-family: sans-serif;
  animation: rotating 2s linear infinite;
}
.loader::before,
.loader::after {
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  box-sizing: border-box;
  top: -0.2em;
}
.loader:::before {
  border-top: 0.3em solid dodgerblue;
  transform: rotate(120deg);
}
.loader::after {
  border-top: 0.3em solid #ff5e31;
  transform: rotate(240deg);
}
@keyframes rotating {
  50% {
    transform: rotate(calc(180deg));
  }
  100% {
    transform: rotate(calc(360deg));
  }
}



@media only screen and (min-width: 320px) and (max-width: 1023px) {
  /* Profile Page Responsive */
  
  .profil_cont {
    padding: 0 !important;
  }
  .profil_cont .proftab {
    border-radius: 15px;
    padding: 5px;
    width: 100%;
  }
  .proftab .nav-tabs {
    width: 100%;
    display: inline-block;
  }
  .proftab .nav-tabs .nav-item {
    margin: 0px;
    width: 49%;
    display: inline-block;
    text-align: center;
  }
  .profile .tab-content > .active {
    border-radius: 15px !important;
  }
  .profile label {
    width: 100%;
  }
  /* Profile Page End */
}

select {

  background-color: white;

  border: thin solid #c9c9c9;

  border-radius: 4px;

  display: inline-block;

  font: inherit;

  line-height: 1.5em;

  padding: 5px;

  margin: 0px 4px 0px 0px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-appearance: none;

  -moz-appearance: none;

}

select.minimal {

  background-image: url("../img/selectarrow.png");

  background-repeat: no-repeat;

  background-position: 98% 50%;

  padding-right: 17px !important;

}

select.minimal:focus {

  background-image: url("../img/selectup.png");

  outline: 0;

}

select:-moz-focusring {

  color: transparent;

  text-shadow: 0 0 0 #000;

}

/* This is the default state */

/* This is the checked state */

/* active state i.e. displayed while the mouse is being pressed down */

/* the shadow; displayed while the element is in focus */

.profile {

  background-color: #f0f1f6;

  background-image: url("../img/pagebg.jpg");

  background-repeat: no-repeat;

  background-position: right top;

  padding: 8% 0px 8% 0px

}

.profile .main {

  background-color: rgba(255, 255, 255, 0.30);

  padding: 20px 30px;

  border-radius: 10px;

  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);

  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);

}

.prof-left { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b9e8e+13,16bac3+100 */

  border-radius: 10px;
  padding: 25px 10px;
  background: linear-gradient(to right, #b6121d, #f5a9b8); /* Even lighter red for a smoother transition */

  color: white; /* Text color for contrast */
  border-radius: 5px; /* Optional: Add rounded corners */

}

.profil_cont h2 {

  font-size: 42px;
  padding:10px 10px;
  color: #2b4554;
  font-family: 'bebas_neuebook';

}

.proftab {

  background-color: rgba(0, 0, 0, 0.05);

  border-radius: 45px;

  padding: 5px;

}

.proftab .nav-tabs .nav-link.active {

  border-radius: 25px;

  border: 0px;

}

.proftab .nav-tabs {

  border: 0px;

}

.proftab .nav-tabs .nav-item {

  margin: 0px;

}

.proftab .nav-tabs .nav-link {

  color: #96a0b8;

  padding: 10px 20px;

}

.profile .tab-content > .active {

  background-color: #ffffff !important;

  border-radius: 25px;

  margin-top: 15px;

  padding-bottom: 15px;

}

.profile label {

  color: #000;
  margin-bottom: 8px;
  font-family: initial;

}

.profile .form-control {

  border-radius: 6px;

  margin-bottom: 6px;

}

.form_sep {

  background-color: #fbfcfd;

  border-top: 1px solid #ededee;

  border-bottom: 1px solid #ededee

}

.profile_test {

  background-color: #fbfcfd;

  border-top: 1px solid #ededee;

  border-bottom: 1px solid #ededee

}

.profil_cont h3 {

  font-size: 18px;

  color: #f46b01;

  font-family: 'montserratregular';

  text-transform: uppercase

}

.submtbut {

  background-color: #f46b01;

  border-radius: 6px;

  padding: 0px 30px;

  color: #fff;

  border-bottom: 2px solid #c25806;

  border: 0px;

  font-family: 'bebas_neueregular';

  font-size: 24px;

}

.prof-left ul {

  padding: 0px;

  margin: 0px;

  list-style: none

}

.prof-left ul li {

  padding: 12px 0px;

  margin: 15px 0px;

  list-style: none;

  line-height: 20px;

}

.prof-left ul li:hover {

  background-color: #edeff4;

  position: relative

}

.prof-left ul li:hover:before {

  position: absolute;

  left: -16px;

  top: -13px;

  content: url("../img/left_shap.png")

}

.prof-left ul li:hover:after {

  position: absolute;

  right: -16px;

  top: -13px;

  content: url("../img/right_shape.png")

}

.prof-left ul li:hover a {

  color: #000;

  text-decoration: none

}

.prof-left ul li a {

  color: #fff;

  text-decoration: none

}

.form-control:focus {

/*  border: 1px solid #ced4da !important;*/

  box-shadow: none !important;

  /* border-left: 0px !important;

  border-left: 0px; */

  -webkit-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  -moz-box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

  box-shadow: 8px -1px 15px -6px rgba(0, 0, 0, 0.21);

}

/*.google-maps {

  position: relative;

  overflow: hidden;

}*/

/*#collapseExample, #collapseExample2, #collapseExample3, #collapseExample4, #collapseExample5, #collapseExample6, #collapseExample7 {

    width: 100%;

}*/
.mailing-add .col-sm-12 {
  padding: 0;
}











































/*----------------------------------------------CYRAX-------------------------------------------------------------*/



/*  LOGIN HOVER  */



.msg{

  display: none;

}

.sorry-img{

  text-align: center;

}

.profile .table td, .table th{

  vertical-align: middle;

}

.profile th{

  color: #f46b01;

}

.sorry-img img{

  max-width: 100%;

}





/*  FILTERS */

/*

body.modal {

  height: 100vh;

  overflow-y: hidden;

}

*/



/* CHAT */


/*Profile Picture css*/

 .profile-pic {
    border-radius: 50%;
    height: 150px;
    width: 150px;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    vertical-align: middle;
    text-align: center;
    color: transparent;
    transition: all .3s ease;
    text-decoration: none;
    cursor: pointer;
}

.profile-pic:hover {
    background-color: rgba(0,0,0,.5);
    z-index: 10000;
    color: #fff;
    transition: all .3s ease;
    text-decoration: none;
}

.profile-pic span {
    display: inline-block;
    padding-top: 4.5em;
    padding-bottom: 4.5em;
}

#profile-pic-form input[type="file"] {
          display: none;
          cursor: pointer;
 }



@media only screen and (max-width: 940px) and (min-width: 580px){
.tab-pane .col-sm-4{
  max-width: 100%;
  flex:100%;
}
}
.prof-left ul li a {
  cursor:pointer;
}
.prof-left ul li a i{
  padding: 0 8px 0 0;
}



/*new-added-css*/
select {
    border: 1px solid #CCC;
    width: 55px;
}
/*.left11-form .checkbox-text input, button {
    height: 21px;
}*/


/* University Search Page*/
/*End*/



/* Auto Complete Search */


/*when hovering an item:*/
/*when navigating through the items using the arrow keys:*/
/*Ent Auto-complete Search*/




/*Pagination Css*/
/*End pagination*/


/* Notificatoin */
/*End Notification*/


/* Home auto complete Select Start */
/* Home auto complete Select End */

.all-placetrans input.select2-search__field:focus-visible {
  outline: none;
}


/*Home Page Css*/

/*Notification icon on header*/

/*Chatbox Css*/
.input_msg_write input:focus-visible {
outline: none;
}

/*Upload documents file button css*/
/*.file-design {
  position: relative;
  top: 150px;
  font-family: calibri;
  width: 150px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #BBB;
  text-align: center;
  background-color: #DDD;
  cursor: pointer;
}
*/


/*Profile Page*/
.university-status-row{
  margin-top: 20px;
}
.padding{
  margin:20px 0px 5px 0px;
}

@media only screen and (min-width:320px) and (max-width:520px){

  /*#prof-cont{
    display: none;
  }*/

}
.loader:::before {
  border-top: 0.3em solid dodgerblue;
  transform: rotate(120deg);
}

/* Auto Complete Search */
#filter-form .switch-program .autocomplete {
  width: 100%;
}
.autocomplete {
  position: relative;
  display: inline-block;
  width: 88.5%;
  margin: 0 !important;
}
.autocomplete-items {
  position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    max-height: 200px;
    overflow-y: scroll;
    left: 0;
    right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}


/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #f46b02; 
}
.course-content input{
  border-width: 2px;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/*Ent Auto-complete Search*/

