 
/* Css For Komito */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.mapouter .gmap_canvas #gmap_canvas{
  position: relative;
  width: 100%;
  height: 580px;
  line-height: 0px;
}
s
/** booking-section **/

.nice-select:after{
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #797989;
  border-right: 1px solid #797989;
  right: 30px;
}

.nice-select{
  position: relative;
  display: block;
  width: 100%;
  line-height: 70px;
  border: 1px solid #d8d8df !important;
  border-radius: 0px;
  padding: 0px 30px;
  height: 70px;
  background: #fff;
  font-size: 14px;
  color: #797989;
}

.ui-datepicker table {
  background: #fff;
  border: 1px solid #e5e5e5;
}

.property-details-content .ui-widget.ui-widget-content{
  background-color: transparent !important;
}

#ptTimeSelectCntr .ui-widget.ui-widget-content{
  border: none !important;
  padding: 0px !important;
}

#ptTimeSelectCntr{
  border: 1px solid #e5e5e5;
  padding-bottom: 15px;
}

#ui-datepicker-div.ui-widget-content {
  background: #fff none repeat scroll 0 0;
  border: none !important;
  color: #252525;
  font-size: 14px;
  border-radius: 0px;
  width: 270px;
  padding: 0px !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: #151515 none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  padding: 5px 0;
  position: relative;
}

.ui-datepicker td a {
  color: #000000 !important;
  text-align: center;
  background-image: none !important;
  background: #f5f5f5 !important;
  border: 1px solid #f9f9f9 !important;
}

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight{
  border: 1px solid #333333 !important;
  background: #333333 !important;
  color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
  border-radius: 30%;
  height: 20px;
  position: absolute;
  top: 7px;
  width: 20px;
  transition: all 500ms ease;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
  right: 5px;
}

.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
  top: 7px;
  background: #fff;
  border: none;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 0.4em;
  width: 100%;
  z-index: 99999999;
}

.ui-datepicker th {
  border: medium none;
  font-weight: 600;
  padding: 2px 3px;
  text-align: center;
}

.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active{
  background: #43c3ea;
  color: #fff;
  border-color: #43c3ea;
}

/** events-page-section **/

.events-block:nth-child(odd) .events-block-two .inner-box{
  background: #f4f4fa;
}

.events-block .events-block-two .inner-box{
  background: #fff2f2;
}

.events-block-two .inner-box .image-box{
  overflow: hidden;
}

.events-block-two .inner-box .info li{
  float: left;
}

.events-block-two .inner-box .info li i{
  position: absolute;
  left: 0px;
  top: 10px;
}

.events-block-two .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.events-block-two .inner-box:hover .image-box img{
  opacity: 0.5;
  transform: scaleX(1.05);
}

/** event-details **/

.event-details .upper-content .inner{
  background: #fff2f2;
  margin-top: -60px;
}

.event-details #contact-google-map{
  width: 100%;
  height: 465px;
}

.single-comment .single-comment {
  margin-left: 30px;
}
.mapouter .gmap_canvas{
  line-height: 0px;
}
.event-details .mapouter .gmap_canvas #gmap_canvas{
  position: relative;
  width: 100%;
  height: 465px;
  line-height: 0px;
}

.tribe-events-pg-template{
     max-width: 100% !important;
     padding: 0px !important;
     margin: 0px !important;
}
.logo-box .logo a img{
  height: 40px ;
  max-width: 136px ;
}
.inner-content div:last-child .inner-box{
  margin-bottom: 0px;
}
/** Pagination **/

.styled-pagination{
  position: relative;
  display: block;
  background: #fff;
  padding: 25px 30px;
  box-shadow: 0px 20px 60px 0px rgb(0 0 0 / 10%);
}
.styled-pagination .pagination{
  position: relative;
  display: block;
}
.styled-pagination .pagination .nav-links{
  position: relative;
  display: block;
}

.styled-pagination .pagination .nav-links a,
.styled-pagination .pagination .nav-links .page-numbers{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin: 0px 5px;
  background: transparent;
  text-align: center;
  color: #061a3a;
  border-radius: 50%;
  z-index: 1;
  border: 1px solid #e6e7ec;
  transition: all 500ms ease;
}
.styled-pagination .pagination .nav-links .page-numbers.current{
  background-color: #0b0e6c;
  border-color: #0b0e6c;
  color: #fff;
}

/**Blog Sidebar **/

.bread-crumb li{
  color: #fff;
}
.bread-crumb li span a span{
  color: #fff;
}
.bread-crumb li span a span:hover{
  color: #f4572e ;
}
.form-inner .fluentform .ff-el-form-control{
  position: relative;
  width: 100%;
  height: 70px;
  background: #fff;
  border: 1px solid #d8d8df;
  font-size: 14px;
  color: #797989;
  padding: 15px 30px;
  border-radius: 0px;
}
.form-inner .fluentform .ff-el-form-control:after{
  content: '';
}
.form-inner .fluentform .ff-el-form-control:focus{
  border-color: #f4572e !important;
}
.form-inner .fluentform textarea.ff-el-form-control{
  display: block;
  resize: none;
  height: 170px;
  border-radius: 0px;
}
.form-inner .fluentform .ff-btn-lg{
  border-radius: 0px;
}
.form-inner .fluentform .ff-el-form-control span{
  line-height: 38px;
}
.form-inner .fluentform .ff-el-form-control ul.list{
  width: 100%;
}
.content_block_5 .form-inner .frm-fluent-form .ff-t-cell{
  padding: 0px !important;
}
.contact-style-two .form-inner .frm-fluent-form .ff-t-cell{
  padding: 0px !important;
}
.mobile-menu .nav-logo a img{
  height: 40px;
}