@import url("https://fonts.googleapis.com/css?family=Arvo:700|Open+Sans");

html {

  overflow-x: hidden;

}



body {

  background: #fffdf9;

  font-size: 14px;

  font-weight: 400;

  font-family: Arial, Helvetica, sans-serif;;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-font-smoothing: subpixel-antialiased;

  color: #666666;

  line-height: 25px;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow-x: hidden;

}



h1, h2, h3, h4 {

  font-size: 38px;

  color: #387DBA;

  font-weight: 700;

  font-family:  Arial, Helvetica, sans-serif;;

}



a {

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



a:hover {

  text-decoration: none;

}



a a:focus {

  outline: none;

}



p {

  font-weight: 400;

  font-family: Arial, Helvetica, sans-serif;;

  margin: 0px;

  font-size: 14px;

}



ul, ol {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}



ul li, ol li {

  list-style: none;

  color: #162c4c;

}



a:not([href]):not([tabindex]) {

  color: #fff;

}

/* width */

::-webkit-scrollbar {

  width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px #046297; 

  border-radius: 10px;

}

 

/* Handle */

::-webkit-scrollbar-thumb {

  background: rgb(189, 135, 65); 

  border-radius: 10px;

  

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: rgb(189, 135, 65); 

  cursor:pointer;

}



.table td{

  color: #666666;

}

.table-striped tbody tr:nth-of-type(odd):hover {

  background-color: rgba(255, 253, 249, 0.63);

}

.table-striped tbody td{

  border-bottom: 1px solid rgb(189, 135, 65);
  /*white-space: nowrap;*/

}

.fixed-top{

   top:auto;

}



.header-top {

  background:#046297; 

  color:#ffffff;

}



.section-header {

  margin-bottom: 0px;

}



.section-header p {

  text: center;

  font-weight: 400;

  line-height: 26px;

}



.section-title {

  font-size: 30px;

  color: #222222;

  display: inline-block;

  font-weight: 700;

  position: relative;

}



.fixed-top .dt-ti{

  float:left;color:rgb(189, 135, 65);font-weight:900;z-index:999999;font-size:0.8rem;line-height:1.2;

}

.user_menu{

  margin-top: 55px;

  margin-bottom: 10px;

}

.user_menu > ul{

  flex-direction: row;

  background: #fefeff;

  border-radius: 4px;

  padding:10px 0px;



}

/*.user_menu > ul > li{

  padding: 0 10px;

}*/

.user_menu > ul > li:hover{

  background: #f1f1f2;

}

.user_menu > ul > li a{

  color:#046297;

}

.user_menu > ul > li a:hover{

  color:rgb(189, 135, 65);

}

.shape {

  height: 1px;

  margin: 0 auto 10px;

  position: relative;

  width: 60px;

  background-color: #046297;

}



.padding-none {

  padding: 0px;

}

.bg-orng {

  background: rgb(189, 135, 65);

}

.bg-orng h2{

  color: #ffffff;

}

/*.bg-gray {

  background: #ffffff;

}

.bg-gray h2{

  color:#046297;

}*/

.bg-gray {

  background: linear-gradient(90deg, #e6e6e6 50%, #e6e6e6 60%)

}

.bg-gray h2{

  color:#046297;

}

.bg-gray .shape {

  height: 1px;

  margin: 0 auto 10px;

  position: relative;

  width: 60px;

  background-color: #046297;

}

.bg-blue {

  background: linear-gradient(90deg, #046297 50%, #046297 50%);

  color: #046297;

}

.bg-blue .shape {

  height: 1px;

  margin: 0 auto 10px;

  position: relative;

  width: 60px;

  background-color: #ffffff;

}

.bg-blue>.services-item, p{  

  color: #162c4c;

  text-align: justify;

}

.tab-content>.tab-pane p{

  padding-left: 12px;

}

.bg-gray>.shape{

  background: #046297;

}

.bg-blue h2{

  color: #ffffff;

}

.services-item form h4{

  font-size: 18px;

  color: #046297;

}

.services-item label{

  color: #046297;

  font-weight: bold;

}

.services-item h5{g

  text-align: center;

  color: #046297;

  font-size: 18px;

  cursor: pointer; 

  margin-bottom: 15px;

}

.services-item h5:hover{

  color: #d64022;

}

.alot > .table thead th{  

  padding: 5px 0;

  border-left: 1px solid #dee2e6;

  border-right: 1px solid #dee2e6;  

  text-align: center;

  vertical-align: middle;

}

.alot > .table td{

  text-align: center;    

  padding: 5px 2px;

  vertical-align: middle;

  font-size: 14px;

  line-height: 15px;

}

.alot > .table td a{

  color: #063557;

}

.alot > .table td span{

  text-align: left; 

}

.alot>.table span .form-control{

  padding: 3px;

  width: 80%;

  margin-left: auto;

  margin-right: auto;

}

.bhislot {

  text-align: center;

  vertical-align: middle;

  font-size: 14px;

}

.bhislot>.table>.btn,.bt-sm{

  padding:  5px 10px;

}

.bhislot > .table td a {

  color: #ffffff;

  padding:  5px 10px;

}

.bhislot > .table td .btn .btn-sm {

  color:  5px 10px;

}

.alist > .table td{

  text-align: center;    

  padding: 10px 0.65px;

  vertical-align: middle;

  font-size: 14px;

  line-height: 15px;

}

.ulist > .table td{

  font-size: 14px;

}

.tableFixHead{

  overflow-y: auto; 

  max-height: 900px;

}

.tableFixHead1{

  overflow-y: auto; 

  height: auto;

}



.tableFixHead1,.tableFixHead th{

  position: sticky;

  top: 0;
  /*padding:.49rem;*/	
  font-size: 14px;
  background-image: url(../../assets/img/dark_blue_bg.gif);
  border: 1px solid #999999;
  background-repeat: round;


}

.lot_au>.btn, .btn-sm {

  padding: .25rem .5rem;

  cursor: pointer;

  font-size: 0.75rem;

}

.log-btn{

  border-radius: 5px;

}

.table-fixed tbody{

  height: 230px;

  overflow-y: auto;

  width: 100%;

}

.modal-body a{

  float: right;

}



.modal-body a:hover{

  color: #d64022;

  cursor: pointer;

}

/*.modal-body p, .blinking, a{*/

.modal-body p, .blinking, a{

  color: #fff;

  font-weight: bold;

}

.modal-body p,.blinking{

	animation:blinkingText 3s infinite;

}



@keyframes blinkingText{

	0%{ color: #fff; }

	49%{ color: rgb(189, 135, 65); }

	50%{ color: transparent; }

	99%{ color: #fff;}

  100%{	color: rgb(189, 135, 65); }

} 



.overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  background: rgba(61, 96, 244, 0.3);

}

.tab-pane{

  line-height: 18px;

}
.tab-content>.active {
  padding: 0.2rem;
}
.tab-pane hr{

  border-bottom: 1px dotted #bd8741;

  width: 100%;

  margin: 0.5rem 1rem;

  /*margin-left: 1rem;

  margin-right: 1rem;*/

}



.btn {

  font-size: 14px;

  /*padding: 10px 10px;*/

  cursor: pointer;

  font-weight: 700;

  color: #fff;

  border-radius: 10px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  display: inline-block;

}



.btn:focus,

.btn:active {

  box-shadow: none;

  outline: none;

  color: #fff;

}



.btn-common {

  background-color: rgb(189, 135, 65);

  position: relative;

  z-index: 1;

  text-transform: uppercase;

}



.btn-common:hover {

  color: rgb(189, 135, 65);

  background: transparent;

  border: 1px dotted rgb(189, 135, 65);

  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);

  transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -webkit-transition: all .2s ease-in-out;

}



.btn-border {

  color: rgb(189, 135, 65);

  background-color: transparent;

  border: 1px solid rgb(189, 135, 65);

  border-radius: 30px;

  text-transform: uppercase;

}



.btn-border:hover {

  color: #fff;

  border-color: rgb(189, 135, 65);

  background-color: rgb(189, 135, 65);

}



.btn-border:focus {

  color: #fff;

  border-color: rgb(189, 135, 65);

  background-color: rgb(189, 135, 65);

}



.btn-lg {

  padding: 14px 33px;

  text-transform: uppercase;

  font-size: 16px;

}



.btn-rm {

  padding: 7px 0px;

  color: rgb(189, 135, 65);

  text-transform: capitalize;

}



.btn-rm:hover {

  color: rgb(189, 135, 65);

}



button:focus {

  outline: none !important;

}



.icon-close, .icon-check {

  color: rgb(189, 135, 65);

}



.social-icon a {

  color: #666;

  background: #fffdf9;  width: 32px;

  height: 32px;

  line-height: 34px;

  display: inline-block;

  text-align: center;

  border-radius: 100%;

  font-size: 16px;

  margin: 15px 6px 12px 4px;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.social-icon a:hover {

  color: #fff !important;

}



.social-icon .facebook:hover {

  background: #3b5999;

}



.social-icon .twitter:hover {

  background: #4A9CEC;

}



.social-icon .instagram:hover {

  background: #D6274D;

}



.social-icon .linkedin:hover {

  background: #1260A2;

}



.social-icon .google:hover {

  background: #CE332A;

}



/* ScrollToTop */

a.back-to-top {

  display: none;

  position: fixed;

  bottom: 18px;

  right: 15px;

  text-decoration: none;

}



a.back-to-top i {

  display: block;

  font-size: 22px;

  width: 40px;

  height: 40px;

  line-height: 40px;

  color: #fff;

  background: rgb(189, 135, 65);

  border-radius: 30px;

  text-align: center;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

}



a.back-to-top:hover, a.back-to-top:focus {

  text-decoration: none;

}



/* Preloader */

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  z-index: 9999999;

}



.loader {

  top: 50%;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  position: relative;

  margin: 0 auto;

}



#loader-1:before, #loader-1:after {

  content: "";

  position: absolute;

  top: -10px;

  left: -10px;

  width: 100%;

  height: 100%;

  border-radius: 100%;

  border: 7px solid transparent;

  border-top-color: rgb(189, 135, 65);

}



#loader-1:before {

  z-index: 100;

  animation: spin 1s infinite;

}



#loader-1:after {

  border: 7px solid #f2f2f2;

}



@keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.section-padding {

  padding: 10px 0;

}



hr {

  border-top: 1px dotted #ddd;

  margin: 0px;

}



/* ==========================================================================

  8. Features Section Style

   ========================================================================== */

#features {

  /*background: #fff;*/

}



#features .icon {

  display: inline-block;

  width: 60px;

  height: 60px;

  border-radius: 4px;

  text-align: center;

  position: relative;

  z-index: 1;

}



#features .content-left span {

  float: right;

}



#features .content-left .text {

  text-align: right;

}



#features .content-right span {

  float: left;

}



#features .box-item {

  box-shadow: 0 0 12px #0b1129;

  padding: 15px 22px;

  line-height: 22px;

  margin-top: 30px;

  border-radius: 3px;

  background-color: #fff;

  -webkit-transition: all .3s ease-in-out;

  -mox-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  position: relative;

  top: 0;

}



#features .box-item .icon {

  text-align: center;

  margin: 12px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



#features .box-item .icon i {

  color: rgb(189, 135, 65);

  font-size: 30px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



#features .box-item .text h4 {

  cursor: pointer;

  font-size: 18px;

  font-weight: 500;

  line-height: 22px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



#features .box-item .text p {

  font-size: 14px;

  line-height: 26px;

}



#features .box-item:hover {

  /*box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);*/

  box-shadow: 0 10px 22px 10px rgb(27, 38, 49);

}



#features .box-item:hover h4 {

  color: rgb(189, 135, 65);

}



#features .show-box {

  margin-top: 50px;

}



#features .show-box img {

  width: 100%;

}



/* Services Item */

.services-item {

  padding: 20px;

  border-radius: 4px;

  /*text-align: center;*/

  margin: 15px 0;

  background-color: #ffffff;

  box-shadow: 0 0 12px #0b1129;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.dispo{

  text-align: center;

}



.services-item .icon {

  border: 1px solid #f1f1f1;

  width: 44px;

  height: 44px;

  border-radius: 50%;

  margin: 0 auto;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.services-item .icon i {

  font-size: 30px;

  color: rgb(189, 135, 65);

  line-height: 44px;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.services-item .services-content h3 {

  /*margin-top: 10px;*/

  /*font-weight: 500;*/

  text-transform: uppercase;

  margin-bottom: 10px;

}



.services-item .services-content h3 a {

  font-size: 16px;
  color: #046297;

}



.services-item .services-content h3 a:hover {

  color: rgb(189, 135, 65);

}



.services-item:hover {

  /*box-shadow: 0 10px 22px 10px rgba(14, 54, 76, 0.1);*/

  box-shadow: 0 10px 22px 10px rgba(23, 24, 25, 0.94);

}



.services-item:hover .icon {

  background: rgb(189, 135, 65);

}



.services-item:hover .icon i {

  color: #fff;

}



#service {

  position: relative;

}



/* Registration Item */

.registration-item {

  padding: 20px;

  border-radius: 4px;

  text-align: center;

  margin: 15px 0;

  background-color: #ffffff;

  box-shadow: 0 0 12px #0b1129;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.registration-item .icon {

  border: 1px solid #f1f1f1;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  margin: 0 auto;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.registration-item .icon i {

  font-size: 30px;

  color: rgb(189, 135, 65);

  line-height: 70px;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.registration-item .registration-content h3 {

  margin-top: 10px;

  /*font-weight: 500;*/

  text-transform: uppercase;

  margin-bottom: 10px;

}



.registration-item .registration-content h3 a {

  font-size: 16px;

  color: #585b60;

}



.registration-item .registration-content h3 a:hover {

  color: rgb(189, 135, 65);

}



.registration-item:hover {

  box-shadow: 0 10px 22px 10px rgba(14, 54, 76, 0.1);

}



.registration-item:hover .icon {

  background: rgb(189, 135, 65);

}



.registration-item:hover .icon i {

  color: #fff;

}



#registration {

  position: relative;

}



.about-wrapper {

  padding: 20px;

  border-radius: 4px;

  /*text-align: center;*/

  margin: 15px 0;

  background-color: #ffffff;

  box-shadow: 0 0 12px rgba(11, 17, 41, 1);

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.about-wrapper:hover {

  box-shadow: 0 10px 22px 10px rgba(11, 17, 41, 0.95);

}



.about-area{

  height: 100%;

  width: 100%;

  display: table;

}



.about-area .about-wrapper > div {

  vertical-align: middle;

  display: table-cell;

}



.about-area img {

  border-radius: 4px;

}



.about-area .content {

  margin-top: 15px;

}



.about-area .content p {

  margin-bottom: 30px;

}



#cta {

  padding: 30px 0;

}



.navbar-brand {

  position: relative;

  padding: 0px;

}



.top-nav-collapse {

  /*background: #fff;*/

  z-index: 999999;

  padding: 5px !important;

  top: 0px !important;

  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);

  background: #fffdf9 !important;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

}



.top-nav-collapse .navbar-brand {

  top: 0px;

}



.top-nav-collapse .navbar-brand img {

  width: 100%;

}



.top-nav-collapse .navbar-nav .nav-link {

  color: #387DBA !important;

  margin-top: 0px !important;

  margin-bottom: 0px !important;

}



.nav-tabs .nav-link.active  {

  color: #387DBA !important;

  margin-top: 0px !important;

  margin-bottom: 0px !important;

  font-weight: 700;

  font-size: 14px;                     	

}

.nav-tabs .nav-link {

  cursor: pointer;

  color: rgb(189, 135, 65) !important;

  font-weight: 700;

  font-size: 14px;

}

.top-nav-collapse .navbar-nav .nav-link:hover {

  cursor: pointer;

  color: rgb(189, 135, 65) !important;

  border-color: rgb(189, 135, 65) !important;

}



.top-nav-collapse .navbar-nav .nav-link:hover {

  color: rgb(189, 135, 65) !important;

}



.navbar-expand-md .navbar-toggler {

  background: transparent;

  border: 1px solid rgb(189, 135, 65);
  color: rgb(189, 135, 65);

  border-radius: 4px;

  cursor: pointer;

}



.navbar-brand img {

  width: 100%;

}



.top-nav-collapse .navbar-nav li.active a.nav-link {

  color: rgb(189, 135, 65) !important;

  border-color: rgb(189, 135, 65);

}



.indigo {

  background: transparent;

}



.menu-bg {

  background: transparent;

}



.navbar-expand-md .navbar-nav .nav-link i {

  font-size: 14px;

  margin-left: 5px;

  vertical-align: middle;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



/*.navbar-expand-md .navbar-nav .nav-item {

  padding-left: 25px;

}*/



.navbar-expand-md .navbar-nav .nav-link {

  color: #387DBA;

  font-size: 1.1rem;

  font-weight: 400;

  padding: 7px 0;

  cursor: pointer;

  position: relative;

  background: transparent;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.navbar-expand-md .navbar-nav .nav-link:before {

  background-color: rgb(189, 135, 65);

  content: '';

  display: block;

  height: 2px;

  position: absolute;

  margin: 0 auto;

  width: 0;

  top: 35px;

  left: 0;

  right: 0;

  bottom: 0;

  transition: width 1s;

  -ms-transition: width 1s;

  -webkit-transition: width 1s;

}



.navbar-expand-md .navbar-nav li a:hover,

.navbar-expand-md .navbar-nav li .active > a,

.navbar-expand-md .navbar-nav li a:focus {

  color: #fff;

  outline: none;

}



.navbar-expand-md .navbar-nav .active > .nav-link,

.navbar-expand-md .navbar-nav .nav-link.active,

.navbar-expand-md .navbar-nav .nav-link.open,

.navbar-expand-md .navbar-nav .open > .nav-link {

  color: rgb(189, 135, 65) !important;

  width: 100%;

}



.navbar-expand-md .navbar-nav .nav-link:hover,

.navbar-expand-md .navbar-nav .nav-link:hover::before,

.navbar-expand-md .navbar-nav .nav-link:focus {

  color: rgb(189, 135, 65);

  width: 100%;

  transition: width 1s;

  -webkit-transition: width 1s;

  -ms-transition: width 1s;

}



.navbar {

  padding: 0px 0;

}



.navbar li.active a.nav-link {

  color: #preset;

}



.dropdown-toggle::after {

  display: none;

}



.dropdown-menu {

  margin: 0;

  padding: 10px;

  display: none;

  position: absolute;

  z-index: 99;

  min-width: 200px;

  background-color: #fff;

  white-space: nowrap;

  border-radius: 4px;

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  animation: fadeIn 0.4s;

  -webkit-animation: fadeIn 0.4s;

  -moz-animation: fadeIn 0.4s;

  -o-animation: fadeIn 0.4s;

  -ms-animation: fadeIn 0.4s;

}



.dropdown-menu:before {

  content: "";

  display: inline-block;

  position: absolute;

  bottom: 100%;

  left: 20%;

  margin-left: -5px;

  border-right: 10px solid transparent;

  border-left: 10px solid transparent;

  border-bottom: 10px solid #fff;

}



.dropdown:hover .dropdown-menu {

  display: block;

  position: absolute;

  text-align: left;

  top: 100%;

  border: none;

  animation: fadeIn 0.4s;

  -webkit-animation: fadeIn 0.4s;

  -moz-animation: fadeIn 0.4s;

  -o-animation: fadeIn 0.4s;

  -ms-animation: fadeIn 0.4s;

}



.dropdown .dropdown-menu .dropdown-item {

  width: 100%;

  padding: 12px 20px;

  font-size: 14px;

  color: #333;

  border-bottom: 1px solid #f1f1f1;

  text-decoration: none;

  display: inline-block;

  float: left;

  clear: both;

  position: relative;

  outline: 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

}



.dropdown .dropdown-menu .dropdown-item:last-child {

  border-bottom: none;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px;

}



.dropdown .dropdown-menu .dropdown-item:first-child {

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

}



.dropdown .dropdown-item:focus,

.dropdown .dropdown-item:hover,

.dropdown .dropdown-item.active {

  color: rgb(189, 135, 65);

  background: #f7f7f7;

}



.dropdown-item.active, .dropdown-item:active {

  background: transparent;

}



.fadeInUpMenu {

  -webkit-animation-name: fadeInUpMenu;

  animation-name: fadeInUpMenu;

}



/* ==========================================================================

3. Hero Area

========================================================================== */

#hero-area {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  min-height: auto;

  position: relative;

  overflow: hidden;

  padding: 71px 0 0px;

  background-color: #046297;

}



#hero-area .contents .head-title {

  color: #666666;

  font-size: 42px;

  font-weight: 700;

  line-height: 60px;

  margin-bottom: 10px;

}



#hero-area .contents .header-button {

  margin-top: 20px;

  color: #666666;

}



#hero-area .contents .header-button .btn {

  margin-right: 10px;

}



.sloder-img {

  background: #34363a;

}



/* Team Item */

.team-item:hover {

  box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);

}



.team-item {

  margin: 15px 0;

  border-radius: 0px;

  box-shadow: 0px 2px 18px 0px rgba(198, 198, 198, 0.3);

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  background: #fffdf9;}



.team-item .team-img {

  float: left;

  width: 200px;

  margin-right: 30px;

}



.team-item .contetn {

  padding: 15px 50px;

  height: 200px;

}



.team-item .social-icons {

  padding-top: 11px;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.team-item .social-icons li {

  display: inline-block;

  margin-right: 10px;

}



.team-item .social-icons li a {

  letter-spacing: 0px;

  outline: 0 !important;

}



.team-item .social-icons li a i {

  font-size: 18px;

  display: block;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.team-item .social-icons li .lni-facebook-filled {

  color: #3b5998;

}



.team-item .social-icons li .lni-twitter-filled {

  color: #00aced;

}



.team-item .social-icons li .lni-instagram-filled {

  color: #fb3958;

}



.team-item .info-text {

  margin-bottom: 10px;

}



.team-item .info-text h3 {

  font-size: 16px;

  text-transform: uppercase;

  font-weight: bold;

  margin-bottom: 5px;

  color:#387DBA;

}



.team-item .info-text h3 a {

  color: #387DBA;

}



.team-item .info-text h3 a:hover {

  color: rgb(189, 135, 65);

}



.team-item .info-text p {

  margin: 0;

  color: #888;

}



.team-item:hover .team-overlay {

  opacity: 1;

}



/* ==========================================================================

   Pricing Table Style

   ========================================================================== */

#pricing {

  text-align: center;

}



#pricing .title {

  padding-top: 20px;

}



#pricing .title h3 {

  text-transform: uppercase;

  color: #333;

  font-size: 18px;

}



#pricing .title .month-plan {

  font-size: 16px;

  font-weight: 500;

  color: #333;

}



#pricing .table {

  margin-top: 15px;

  padding: 30px;

  border-radius: 4px;

  border: none !important;

  box-shadow: 0px 2px 18px 0px rgba(198, 198, 198, 0.3);

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -ms-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}



#pricing .table .icon-box {

  position: relative;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  background-color: #EBEDEF;

  margin-bottom: 20px;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -ms-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}



#pricing .table .icon-box i {

  color: rgb(189, 135, 65);

  line-height: 80px;

  font-size: 30px;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -ms-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

}



#pricing .table .pricing-header {

  position: relative;

  text-align: center;

}



#pricing .table .pricing-header .price-value {

  font-size: 24px;

  color: rgb(189, 135, 65);

  position: relative;

  text-align: center;

  font-weight: 700;

}



#pricing .table .pricing-header .price-value sup {

  font-size: 16px;

  font-weight: 500;

  top: -18px;

}



#pricing .table .pricing-header .price-value span {

  font-size: 15px;

  color: #abacae;

  font-weight: 400;

}



#pricing .table .description {

  text-align: center;

  padding: 0px 50px;

  margin-bottom: 20px;

}



#pricing .table .description li {

  font-size: 14px;

  font-weight: 400;

  color: #abacae;

  padding: 4px 0;

}



#pricing .table .description li:last-child {

  border-bottom: none;

}



#pricing .table:hover {

  background: #ffffff;

  box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);

}



#pricing .table:hover .icon-box {

  background: rgb(189, 135, 65);

}



#pricing .table:hover .icon-box i {

  color: #fff;

}



#pricing #active-tb {

  background: #ffffff;

  box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);

}



#pricing #active-tb .icon-box {

  background: rgb(189, 135, 65);

}



#pricing #active-tb .icon-box i {

  color: #fff;

}



#pricing .active {

  z-index: 99999;

}



.testimonial {

  position: relative;

  background-color: rgb(189, 135, 65);

}



.testimonial-item {

  background: #fffdf9;  border-radius: 4px;

  text-align: center;

  padding: 30px 20px;

}



.testimonial-item .img-thumb {

  position: relative;

  margin: 15px 15px 15px 0;

}



.testimonial-item .img-thumb img {

  border-radius: 50%;

  display: inline-block;

  width: inherit;

  padding: 7px;

}



.testimonial-item .content {

  overflow: hidden;

}



.testimonial-item .content .description {

  width: 100%;

  color: #333;

}



.testimonial-item .content .star-icon i {

  color: rgb(189, 135, 65);

}



.testimonial-item .info h2 {

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 30px;

  margin: 0;

}



.testimonial-item .info h2 a {

  color: #333;

}



.testimonial-item .info h3 {

  margin: 0;

  clear: both;

  font-size: 14px;

  font-weight: 500;

  line-height: 26px;

  margin-bottom: 10px;

}



.testimonial-item .info h3 a {

  color: #333;

}



.testimonial-item .info .indicator {

  font-size: 26px;

  font-weight: 700;

  color: rgb(189, 135, 65);

}



.testimonial-item .icon-social {

  margin-top: 30px;

}



.testimonial-item .icon-social a {

  color: #666;

  background: #fffdf9;  width: 32px;

  height: 32px;

  line-height: 34px;

  display: inline-block;

  text-align: center;

  border-radius: 100%;

  font-size: 15px;

  margin: 15px 6px 12px 4px;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.testimonial-item .icon-social a:hover {

  color: #fff;

}



.testimonial-item .icon-social .facebook:hover {

  background: #3b5999;

}



.testimonial-item .icon-social .twitter:hover {

  background: #4A9CEC;

}



.testimonial-item .icon-social .instagram:hover {

  background: #D6274D;

}



.testimonial-item .icon-social .linkedin:hover {

  background: #1260A2;

}



.testimonial-item .icon-social .google:hover {

  background: #CE332A;

}



.img-fluid1{

  height: 60px;

} 



.modal1-content{

  background-color: #046297;

}



.modal1-header{

  border-bottom: 0;

} 

/*.carousel-control-next-icon, .carousel-control-prev-icon {

  background: rgb(189, 135, 65);

}*/

.owl-pagination {

  position: absolute;

  width: 100%;

  left: 0;

  bottom: -40px;

}



.owl-carousel .owl-dots {

  text-align: center;

  margin-top: 20px;

}



.owl-carousel button.owl-dot {

  display: inline-block;

  zoom: 1;

  display: inline;

  text-align: center;

}



.owl-carousel button.owl-dot span {

  display: block;

  width: 12px;

  height: 12px;

  margin: 2px 4px;

  filter: alpha(opacity=50);

  opacity: 1;

  border-radius: 30px;

  background: #fffdf9;  border: 2px solid #fff;

  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);

  transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}



.owl-carousel button.owl-dot.active span, .owl-carousel button.owl-dot.clickable, .owl-carousel button.owl-dot:hover span {

  background: rgb(189, 135, 65);

}



.slick-slider {

  padding: 80px 0;

}



.slider-center img {

  opacity: 0.7;

  transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  padding: 63px 63px;

  position: relative;

  text-align: center;

}



.slider-center .slick-center img {

  -moz-transform: scale(1.9);

  -ms-transform: scale(1.9);

  -o-transform: scale(1.9);

  -webkit-transform: scale(1.9);

  opacity: 1;

  transform: scale(1.9);

}



.form-control {

  width: 100%;

  margin-bottom: 10px;

  font-size: 12px;

  border-radius: 4px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  padding: 5px;

  border: 1px solid #c1bfbf;

}



.form-control:focus {

  border-color: rgb(189, 135, 65);

  box-shadow: none;

  outline: none;

}



.textarea{

  text-align: justify;

  padding: 10px;

  font-size: 11px;

  line-height: 1;

}

textarea {

  border-radius: 4px !important;

  text-align: justify;

  padding: 10px;

  font-size: 11px;

  line-height: 1;

}



.with-errors ul li{

  color: rgb(189, 135, 65);

}



.form-control:focus {

  box-shadow: none;

  outline: none;

}



.btn.disabled, .btn:disabled {

  opacity: 1;

}



.contact-form-area h2 {

  font-size: 18px;

  text-transform: uppercase;

}



.contact-right-area {

  margin-left: 50px;

}



.contact-right-area .contact-title {

  margin-bottom: 20px;

}



.contact-right-area .contact-title h1 {

  font-size: 22px;

}



.contact-right {

  padding: 4px;

}



.contact-right .single-contact {

  margin: 30px 0px;

  padding: 3px 55px;

  position: relative;

  color: #abacae;

}



.contact-right .single-contact p {

  margin-bottom: 0px;

}



.contact-right .single-contact p a {

  color: #abacae;

}



.contact-right .contact-icon {

  background: rgb(189, 135, 65);

  color: #fff;

  border-radius: 4px;

  font-size: 20px;

  height: 40px;

  left: 0;

  padding-top: 8px;

  position: absolute;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 40px;

}



.h3 {

  float: right;

  font-size: 16px;

}



/*cta

*/

#cta{background: ;}



/* Footer Area Start */

.footer-area {

  position: relative;

  padding: 50px 0px 0px;

  background: #fffdf9;

  border-top: 1px solid rgb(189, 135, 65);

}



.footer-area .footer-titel {

  font-size: 18px;

  color: #bd8741;

  font-weight: bold;

  padding-bottom: 20px;

  letter-spacing: 0.5px;

}

.footer-area .footer-titel:hover, .footer-area .footer-titel:hover::before, .footer-area .footer-titel:focus {

  color: rgb(189, 135, 65);

  width: 100%;

  transition: width 1s;

  -webkit-transition: width 1s;

  -ms-transition: width 1s;

}



.footer-area .footer-titel:before {

  background-color: rgb(189, 135, 65);

  content: '';

  display: block;

  height: 2px;

  position: absolute;

  margin: 0 auto;

  width: 0;

  top: 35px;

  left: 0;

  right: 0;

  bottom: 0;

  transition: width 1s;

  -ms-transition: width 1s;

  -webkit-transition: width 1s;

}



.footer-area .footer-titel:hover {

cursor: pointer;

color: rgb(189, 135, 65) !important;

border-color: rgb(189, 135, 65) !important;

}



.footer-area .footer-titel:hover {

color: rgb(189, 135, 65) !important;

}



.footer-area .footer-titel span {

  color: #ccc;

  font-weight: 400;

}



.footer-area .textwidget p {

  color: #333;

}



.footer-area .footer-link li {

  margin-bottom: 0px;

}



.footer-area .footer-link li a {

  color: #063557 ;

  font-size: 14px;

  font-weight: 400;

  position: relative;

}



.footer-area .footer-link li a:hover {

  color: rgb(189, 135, 65);

}



.footer-area .address li {

  margin-bottom: 20px;

}



.footer-area .address li a {

  color: #666666;

  font-size: 14px;

  line-height: 1;

  font-weight: 400;

}



.footer-area .address li a i {

  font-size: 22px;

  width: 32px;

  vertical-align: middle;

  height: 36px;

  text-align: center;

  display: inline-block;

  float: left;

  margin-right: 5px;

  line-height: 32px;

}



.footer-area #subscribe-form {

  margin-top: 10px;

}



.footer-area #subscribe-form .form-group {

  position: relative;

}



.footer-area #subscribe-form .form-group .btn-common {

  position: absolute;

  top: 0;

  right: 0;

  padding: 7px 15px;

  height: 52px;

  border-radius: 0;

  background: transparent;

  color: rgb(189, 135, 65);

}



#copyright .copyright-content {

  border-top: 0px solid #d5d4e9;

  padding: 15px 0;

  margin: 10px 0 0px;

}



#copyright p {

  line-height: 15px;

  color: #ffffff;

  text-align: center;

  margin: 0;

}



#copyright p a {

  color: #ffffff;

}

#copyright p a:hover {

  color: rgb(189, 135, 65);

}



.social-icon a {

  color: rgb(189, 135, 65);

  background: #fffdf9;  width: 32px;

  height: 32px;

  line-height: 34px;

  display: inline-block;

  text-align: center;

  border-radius: 4px;

  font-size: 16px;

  margin: 15px 6px 12px 4px;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.social-icon a:hover {

  color: #fff !important;

}



.social-icon .facebook:hover {

  background: #3b5999;

}



.social-icon .twitter:hover {

  background: #4A9CEC;

}



.social-icon .instagram:hover {

  background: #D6274D;

}



.social-icon .linkedin:hover {

  background: #1260A2;

}



.social-icon .google:hover {

  background: #CE332A;

}