﻿@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 300;
  src: local("Rajdhani Regular"),
    url("../fonts/Rajdhani/Rajdhani-Regular.woff") format("woff"),
    url("../fonts/Rajdhani/Rajdhani-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 100;
  src: local("Rajdhani Light"),
    url("../fonts/Rajdhani/Rajdhani-Light.woff") format("woff"),
    url("../fonts/Rajdhani/Rajdhani-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 600;
  src: local("Rajdhani Medium"),
    url("../fonts/Rajdhani/Rajdhani-Medium.woff") format("woff"),
    url("../fonts/Rajdhani/Rajdhani-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 700;
  src: local("Rajdhani SemiBold"),
    url("../fonts/Rajdhani/Rajdhani-SemiBold.woff") format("woff"),
    url("../fonts/Rajdhani/Rajdhani-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 900;
  src: local("Rajdhani Bold"),
    url("../fonts/Rajdhani/Rajdhani-Bold.woff") format("woff"),
    url("../fonts/Rajdhani/Rajdhani-Bold.ttf") format("truetype");
}

.body-content {
  padding-bottom: 15px;
}

:focus {
  outline: none;
}

header {
  padding: 0px;
}

.header-top {
  background-color: #fff;
  padding: 20px 0px;
}

header .mainmenu {
  float: none;
  text-align: center;
  display: table;
  margin-top: 20px;
}

header .mainmenu ul li a {
  text-decoration: none;
  font-size: 1.5em;
  color: #383838;
  font-weight: 600;
  font-family: "Rajdhani";
  padding: 0px;
  line-height: 1.2;
}

header .mainmenu ul li {
  padding: 0px 12px;
}

header .mainmenu ul li:last-child {
  padding-right: 0px !important;
}

.login ul li {
  margin-right: 10px;
}

.login ul li:last-child {
  margin-right: 0px;
}

.login ul a {
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  padding: 2px 20px;
  box-shadow: 0px 0px 10px #d6d6d6;
  -webkit-box-shadow: 0px 0px 10px #d6d6d6;
  -moz-box-shadow: 0px 0px 10px #d6d6d6;
  -ms-box-shadow: 0px 0px 10px #d6d6d6;
  font-family: "Rajdhani";
  text-transform: uppercase;
}

.login ul a.log-btn {
  background-color: #174894;
}

.login ul a.reg-btn {
  background-color: #f19220;
}

/*************SUB MENU*************/
.mainmenu .sub-menu {
  list-style: outside none none;
  min-width: 250px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  display: none;
}

.mainmenu li:last-child:hover .dropdown-menu {
  /*right: 0;*/
}

.mainmenu li:hover .dropdown-menu {
  /*display: block;*/
}

.mainmenu .dropdown-menu li {
  padding: 0px !important;
  border-bottom: 1px solid #d6d6d6;
}

.mainmenu .dropdown-menu li a {
  /*background-color: #efefef;*/
  display: block;
  padding: 10px 15px !important;
  text-align: left;
  /*color: #000 !important;*/
  text-decoration: none;
  transition: all 0s ease-in-out 0s;
}

.mainmenu .dropdown-menu li a:hover {
  /*background: #fff !important;*/
  padding-left: 25px;
  /*color: #000 !important;*/
}

.col-md-5ths {
  width: 20%;
  float: left;
}

/*******MAIN MENU*********/
header .mainmenu .navbar {
  margin: 0px;
  padding: 0px;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  margin: 0px;
}

.owl-theme .owl-nav {
  margin-top: 0;
}

header .mainmenu .navbar-nav a.active,
header .mainmenu .navbar-nav a:focus,
header .mainmenu .navbar-nav a:hover {
  background: none;
  color: #174894;
}

header .header-bottom {
  position: relative;
}

header .header-bottom .banner-contents {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 25%;
  width: 100%;
}

header .banner-contents h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  font-family: "Rajdhani";
}

.banner-contents a {
  text-decoration: none;
  font-size: 21px;
  color: #fff;
  font-weight: 700;
  font-family: "Rajdhani";
  border-radius: 5px;
  border: 2px solid #ee824b;
  background-color: #ee824b;
  padding: 10px 30px;
  box-shadow: 0px 3px 4px #565646;
  -webkit-box-shadow: 0px 3px 4px #565646;
  -moz-box-shadow: 0px 3px 4px #565646;
  -ms-box-shadow: 0px 3px 4px #565646;
  text-transform: uppercase;
}

.header-logo h3 {
  font-size: 40px;
  font-weight: 700;
  font-family: "Rajdhani";
  text-transform: uppercase;
  margin: 0em;
  color: #383838;
}

.img-logo + .header-logo h3 {
  margin-left: 10px;
  /*line-height:80px;*/
  display: inline-block;
}

.header-logo a {
  text-decoration: none;
}

.heading h3 {
  font-size: 40px;
  color: #383838;
  font-weight: 700;
  font-family: "Rajdhani";
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.heading p {
  font-size: 20px;
  color: #000;
  line-height: 1.7;
}

.about-section {
  background-color: #fff;
  padding: 20px 0px 10px 0px;
}

.about-heading h3 {
  background-image: url(img/others/heading-strip.png);
}

.common-section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px 0px;
}

.common-img h3 {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Rajdhani";
  margin-bottom: 0px;
  margin-top: 0px;
}

.common-img {
  padding: 10px;
}

.common-contents {
  background-color: #fff;
  padding: 10px;
}

.common-contents .content-container {
  min-height: 170px;
  margin-bottom: 25px;
}

.common-contents .content-container a {
  color: #174894;
  text-decoration: underline;
  padding: 0px;
  border: none;
  font-weight: 400;
  text-transform: capitalize;
}

.common-contents ul {
  min-height: 170px;
}

.common-contents ul li a {
  color: #174894;
  padding: 0px;
  border: none;
  font-weight: 400;
  text-transform: capitalize;
}

.common-contents ul li {
  background-repeat: no-repeat;
  background-position: left 7px;
  padding: 5px 0px 5px 15px;
  font-size: 16px;
  color: #101010;
  border-bottom: 1px solid #efefef;
}

.common-contents .min-w-60 {
  min-width: 60px;
}

.common-contents ul {
  margin-bottom: 25px;
}

.common-contents a.btn {
  text-decoration: none;
  font-size: 18px;
  color: #f19220;
  border-radius: 5px;
  padding: 4px 10px;
  background-color: transparent;
  border: 2px solid #f19220;
  font-weight: 700;
  //text-transform: uppercase;
}

.ql-btn {
  width: 250px;
}

.common-cont-wrap {
  background-color: #fff;
  min-height: 300px;
  margin-bottom: 30px;
  box-shadow: 0px 8px 10px #d6d6d6;
  -webkit-box-shadow: 0px 8px 10px #d6d6d6;
  -moz-box-shadow: 0px 8px 10px #d6d6d6;
  -ms-box-shadow: 0px 8px 10px #d6d6d6;
  font-size: 16px;
}

.common-cont-wrap.quick-links {
  background-color: #fff;
  min-height: 0px;
  margin-bottom: 15px;
  box-shadow: 0px 8px 10px #d6d6d6;
  -webkit-box-shadow: 0px 8px 10px #d6d6d6;
  -moz-box-shadow: 0px 8px 10px #d6d6d6;
  -ms-box-shadow: 0px 8px 10px #d6d6d6;
}

.common-cont-wrap.box {
  min-height: 430px;
}

.events-section {
  background-color: #fff;
  padding: 90px 0px;
}

.events-heading h3 {
  background-image: url(img/others/orange-strip.png);
  text-transform: uppercase;
}

.events-heading {
  padding-bottom: 20px;
}

.events-contents h3 {
  font-size: 20px;
  color: #313131;
  font-family: "Rajdhani";
  text-transform: uppercase;
  font-weight: 700;
}

.events-contents p {
  font-size: 18px;
  color: #0d0d0d;
  line-height: 1.4;
  padding-top: 5px;
}

.events-contents a {
  text-decoration: none;
  font-size: 19px;
  color: #e75c25;
  font-weight: 700;
  text-transform: capitalize;
  font-family: "Roboto";
}

.events-contents {
  background-image: url(img/others/orange-bg.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 100% 100%;
  padding: 30px;
  position: relative;
  margin-left: 20px;
  margin-top: -60px;
}

.view-btn {
  padding-top: 30px;
}

.view-btn a {
  text-decoration: none;
  font-size: 18px;
  color: #e75c25;
  border-radius: 5px;
  padding: 8px 20px;
  background-color: transparent;
  border: 2px solid #e75c25;
  font-weight: 700;
  text-transform: uppercase;
}

.footer-section {
  background-color: #060e19;
  padding: 50px 0px 30px;
}

.newletter .form-control::-webkit-input-placeholder {
  color: #5e5e5e;
  opacity: 1;
}

.newletter .form-control::-moz-placeholder {
  color: #5e5e5e;
  opacity: 1;
}

.newletter .form-control::-ms-input-placeholder {
  color: #5e5e5e;
  opacity: 1;
}

.newletter .form-control::placeholder {
  color: #5e5e5e;
  opacity: 1;
}

.newletter input {
  border-radius: 50px;
  height: 50px;
  font-size: 14px;
  color: #5e5e5e;
  margin-bottom: 10px;
  padding: 10px 20px;
}

.newletter a {
  text-decoration: none;
  font-size: 17px;
  color: #fff;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
  background-color: #e75c25;
  padding: 7px 30px;
}

.footer-wrap p {
  text-decoration: none;
  font-size: 17px;
  color: #fff;
  margin-bottom: 25px;
}

.footer-wrap h3 {
  font-size: 23px;
  color: #fff;
  font-family: "Rajdhani";
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 25px;
}

.footer-wrap ul li a {
  text-decoration: none;
  font-size: 17px;
  color: #fff;
}

.footer-wrap ul li {
  padding-bottom: 5px;
}

.footer-contact ul li {
  background-repeat: no-repeat;
  padding-left: 35px;
  background-position: left 7px;
  padding-bottom: 10px;
}

.footer-contact ul li.location {
  background-image: url(image/cont-1.png);
}

.footer-contact ul li.phone {
  background-image: url(image/cont-2.png);
}

.footer-contact ul li.mail {
  background-image: url(image/cont-3.png);
  overflow-wrap: break-word;
}

.social-icons ul li a i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding-top: 10px;
  text-align: center;
  background-color: transparent;
  border: 2px solid #fff;
}

.social-icons {
  padding-top: 20px;
}

.social-icons ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
}

.social-icons ul li {
  padding-right: 8px;
}

.copyrights p a {
  text-decoration: none;
  color: #fff;
}

.copyrights {
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  margin-top: 50px;
}

.copyrights p {
  font-size: 18px;
  line-height: 2;
  color: #fff;
  margin-bottom: 0px;
}

/*RESPONSIVE*/
@media screen and (max-width: 2880px) {
}

@media screen and (max-width: 1920px) {
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (min-width: 1100px) and (max-width: 1280px) {
}

@media screen and (max-width: 1279px) {
  header .mainmenu ul li {
    padding: 0px 10px;
  }

  .common-contents ul {
    min-height: 154px;
  }

  .login ul a {
    font-size: 15px;
    padding: 2px 15px;
  }

  .common-contents ul li {
    font-size: 16px;
  }

  .common-contents {
    padding: 20px 10px;
  }

  .heading h3 {
    font-size: 31px;
  }

  .heading p {
    font-size: 17px;
  }

  .common-img h3 {
    font-size: 18px;
  }

  .common-cont-wrap.box {
    min-height: 416px;
  }

  .events-contents h3 {
    font-size: 18px;
  }

  .events-contents a {
    font-size: 16px;
  }

  .events-contents p {
    font-size: 15px;
  }

  .common-contents a {
    font-size: 13px;
    padding: 6px 15px;
  }

  .common-cont-wrap {
    min-height: 300px;
  }

  .view-btn a {
    font-size: 15px;
    padding: 8px 20px;
  }

  .copyrights p {
    font-size: 15px;
  }

  .footer-wrap ul li a {
    font-size: 15px;
  }

  .footer-wrap p {
    font-size: 15px;
  }
}

@media screen and (max-width: 1023px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }

  .events-contents {
    padding: 20px;
  }

  header .mainmenu ul li a {
    font-size: 17px;
  }

  header .banner-contents h3 {
    font-size: 20px;
  }

  .common-contents ul {
    min-height: 234px;
  }

  .banner-contents a {
    font-size: 15px;
    padding: 6px 20px;
  }

  .about-section {
    padding: 20px 0px;
  }

  .common-section {
    padding: 40px 0px;
  }

  .common-cont-wrap {
    min-height: 390px;
  }

  .common-contents ul li {
    font-size: 15px;
  }

  .common-cont-wrap.box {
    min-height: 532px;
  }

  .events-section {
    padding: 50px 0px;
  }
}

@media screen and (max-width: 767px) {
  header .header-logo {
    text-align: center;
  }

  header .header-logo img {
    display: inline-block;
  }

  header .mainmenu .navbar {
    margin: 0;
    padding: 0;
  }

  .icon-bar {
    background-color: #020202;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
  }

  .icon-bar + .icon-bar {
    margin-top: 4px;
  }

  button:focus {
    outline: none;
  }

  .navbar-toggler {
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    padding: 9px 10px;
  }

  .navbar-dark .navbar-toggler {
    border: medium none;
  }

  header .header-top .mainmenu ul li {
    margin-bottom: 10px;
  }

  header .header-top .mainmenu ul li .dropdown-menu li {
    margin-bottom: 0px;
  }

  .mainmenu li:last-child:hover .dropdown-menu {
    right: auto;
  }

  header .mainmenu {
    float: none;
    text-align: left;
    display: block;
    margin: 0px;
  }

  .common-contents {
    padding: 20px 20px;
  }

  .common-cont-wrap {
    min-height: 0px;
  }

  .common-cont-wrap.box {
    min-height: 0px;
  }

  .events-img img {
    width: 100%;
  }

  .login {
    text-align: center !important;
    padding-top: 10px;
  }

  .newletter {
    padding-bottom: 20px;
  }

  .header-bottom .owl-theme .owl-nav {
    margin-top: 0;
    display: none;
  }

  header .header-bottom .owl-theme .owl-dots .owl-dot span {
    background-color: #242424;
    height: 8px;
    width: 8px;
    margin: 2px 3px !important;
  }

  header .header-bottom .owl-theme .owl-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid transparent !important;
    margin: 0px 3px;
    text-align: center;
    padding: 0px !important;
  }

  .copyrights {
    margin-top: 30px;
  }

  .common-contents ul {
    min-height: 0px;
  }
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 414px) {
  .banner-contents a {
    font-size: 11px;
    padding: 4px 10px;
  }

  header .header-bottom .banner-contents {
    top: 15%;
  }

  .copyrights p {
    font-size: 12px;
  }
}

@media screen and (max-width: 387px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {
}

body {
  padding-top: 50px;
  padding-bottom: 20px;
}

.welcome-header {
  color: #999999;
}

/*set the margin on the bottom of the description list entries*/
dd {
  margin-bottom: 10px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  /*max-width: 280px;*/
}

@media (min-width: 768px) {
  input,
  select,
  textarea {
    max-width: 450px;
  }
}

/*style for area on home page below the banner*/
.prebody {
  background-color: #ffffff;
  background-image: url("image/taupe.png");
}

/*style for current registration tab*/
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
  background-color: #2184be;
  color: #fff;
}

/*style for previously visited registration tabs*/
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
  background-color: #9dc8e2;
  color: #fff;
}

/*style for registration buttons*/
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
  background-color: #2184be;
  color: #fff;
}

.btn-default {
}

/* styles for validation helpers */
.field-validation-error {
  color: #b94a48;
  display: inline-block;
  margin-top: 5px;
  font-size: 13px;
}

.input-char-counter {
  margin-top: 2px;
  font-size: 12px;
  display: inline-block;
}

.field-validation-valid {
  display: none;
}

input.input-validation-error {
  border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
  border: 0 none;
}

.validation-summary-errors {
  color: #b94a48;
}

.validation-summary-valid {
  display: none;
}

.rounded-corners {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

/*background color of rows in a list for inactive entities*/
.InactiveRow {
  background-color: #ffcccc;
}

/*menu style*/

/*icon sizes*/
.largeIcon {
  font-size: 75px;
}

@media (max-width: 600px) {
  .largeIcon {
    font-size: 25px;
  }
}

@media (max-width: 480px) {
  .largeIcon {
    font-size: 25px;
  }
}

.action-icon {
  cursor: pointer;
}

.smallIcon {
  font-size: 25px;
}

.padding-right {
  padding-right: 5px;
}

.padding-left {
  padding-right: 5px;
}

.field-validation-error {
  min-width: 0px;
}

.k-widget.k-tooltip-validation {
  color: #b94a48;
  display: inline-block;
  margin-top: 5px;
  margin-left: 0px;
  padding: 0px;
  font-size: 12px;
  background: white;
  border: none;
  box-shadow: none;
  background-image: none;
}

.k-tooltip-validation .k-icon {
  background-image: none;
  width: 0px;
  height: 0px;
}

/*hide tiny mce branding*/
.tox-statusbar__branding {
  display: none;
}

br[data-mce-bogus="1"] {
  display: none;
}

.MVCNgPage .admin-page-header {
  margin: 10px 0;
}

/*.MVCNgPage.container {
    background-color: #f1f1f2 !important;
    min-height: 750px;
}*/

.MVCNgPage .admin-page-body {
  min-height: 250px;
  padding: 30px 15px;
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.17);
}

/*.MVCNgPage .border-top-thin {
    border-top: 3px solid #5F6368;
}*/

#mvc-ng-body {
  /*background-color: #f1f1f2 !important;*/
  font-family: "IBM Plex Sans", "Roboto", "sans-serif";
  color: #5f6368;
}

#loginForm .validation-summary-errors ul {
  list-style-type: none;
  padding-left: 10px;
}
