/* Css For Ecoland */

/************ 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


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:15px;
  color:#666666;
  line-height:26px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Inter', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1170px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1500px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 15px;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: 'Inter', sans-serif;
  color: #666666;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #000000;
  margin: 0px;
  transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

.preloader-close{
  position: fixed;
  z-index: 99999999;
  font-size: 18px;
  background: #fff;
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  right: 15px;
  top: 15px;
  border-radius: 50%;
}

.handle-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.handle-preloader .animation-preloader .spinner{
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 150px;
  margin: 0 auto 45px auto;
  width: 150px;
}

.handle-preloader .animation-preloader .txt-loading {
  text-align: center;
  user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  animation: letters-loading 4s infinite;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  letter-spacing: 15px;
  display: inline-block;
  position: relative;
  font-size: 70px;
  line-height: 70px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  color: #ffffff;
}

.handle-preloader .animation-preloader .spinner{
  border: 3px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.5); 
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .handle-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
}
@media screen and (max-width: 500px) {
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;}
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

/** button **/

.theme-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 14px!important;
  line-height: 25px!important;
  font-weight: 400;
  text-align: center;
  padding: 12.5px 34px;
  border-radius: 0px;
  text-transform: uppercase;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn.btn-one{
  border: 1px solid #fff;
  padding: 11.5px 31px;
  color: #fff !important;
}

.theme-btn:before{
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  top: 110%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: -1;
}

.theme-btn:hover:before{
  top: -40%;
}

.theme-btn.btn-two{
  background: #fff;
  padding: 8px 39px 23px 31px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

.theme-btn i{
  position: relative;
  font-size: 32px;
  top: 11px;
  margin-right: 10px;
}

.theme-btn.btn-two:hover{
  color: #fff;
}

.theme-btn.btn-three{
  padding: 17.5px 50px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
}

.theme-btn.btn-three:before{
  background: #000;
}



.owl-carousel button{
  background-color: transparent;
}



.pagination{
  position: relative;
  display: block;
}

.pagination li{
  position: relative;
  display: inline-block;
  margin: 0px 1px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  color: #666;
  border: 1px solid #d9d9d9;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: #fff;
}

.pagination li:last-child a{
  width: 80px;
}

.pagination li:last-child a i{
  position: relative;
  font-size: 18px;
  margin-left: 6px;
  top: 2px;
}

.sec-pad{
  padding: 144px 0px 150px 0px;
}

.sec-pad-2{
  padding: 150px 0px !important;
}

.mr-0{
  margin: 0px !important;
}

.top-0{
  top: 0px !important;
}

.scroll-top{
  width: 50px;
  height: 50px;
  line-height: 60px;
  position: fixed;
  bottom: 105%;
  right: 30px;
  font-size: 30px;
  z-index: 99;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: 1s ease;
}

.scroll-top:after, 
.scroll-top:before {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(23, 190, 116, 0.2);
  box-shadow: 0 0 0 0 rgba(23, 190, 116, 0.2);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.scroll-top:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.scroll-top.open {
  bottom: 50px;
}

.scroll-top span{
  color: #fff;
  line-height: 50px;
  vertical-align: top;
}

.sub-title{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.sub-title p{
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}

.sec-title{
  position: relative;
  display: block;
  margin-bottom: 50px;
}

.sec-title .sub-title{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 58px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 72px;
  line-height: 73px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  text-transform: uppercase;
}

.sec-title.light h2{
  color: #ffffff;
}
/*** 
====================================================================
                        Home-Page-One
====================================================================

***/

/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  z-index:0;
  background: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/** header-lower **/

.main-header{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
}

.main-header .header-lower .outer-box{
  position: relative;
  display: block!important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.main-header .logo-box{
  position: relative;
  float: left;
  padding: 37px 0px;
  margin-right: 180px;
}

.main-header .logo-box .logo{
  max-width: 180px;
}

.main-header .logo-box .logo img{
  width: 100%;
}

.main-header .menu-area{
  position: relative;
  float: left;
}

.main-header .nav-right{
  padding: 35px 0px;
}




/** main-menu **/

.main-menu{
  float: left;
}

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  margin: 0px 24px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:14px;
  line-height:30px;
  padding: 45px 0px;
  font-weight:700;
  opacity:1;
  color: #fff;
  text-transform: uppercase;
  z-index:1;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.current-menu-item > a,
.main-menu .navigation > li:hover > a{
  
}

.main-menu .navigation > li > a:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: 0px;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.main-menu .navigation > li.current-menu-item > a:before,
.main-menu .navigation > li:hover > a:before{
  transform: scale(1,1);
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:230px;
  margin-top: 15px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  background-color: #000;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding: 12px 20px;
  line-height:24px;
  font-weight:600;
  font-size:14px;
  text-transform:capitalize;
  color:#fff;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a{
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

.main-menu .navigation > li > .megamenu li > a{
  padding-left: 0px;
}

.main-menu .navigation > li > .megamenu h4{
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{

}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li.menu-item-has-children > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:10px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  right:100%;
  top:0%;
  margin-top: 15px;
  width:230px;
  z-index:100;
  display:none;
  border-radius: 0px;
  background-color: #000;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:12px 20px;
  line-height:24px;
  font-weight:600;
  font-size:14px;
  text-transform:capitalize;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  
}

.main-menu .navigation > li > ul > li > ul > li.menu-item-has-children > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.menu-item-has-children:hover > ul,
.main-menu .navigation > li.menu-item-has-children:hover > .megamenu{
  visibility:visible;
  opacity:1;
  margin-top: 0px;
  top: 100%;
}

.main-menu .navigation li > ul > li.menu-item-has-children:hover > ul{
  visibility:visible;
  opacity:1;
  top: -2px; 
  margin-top: 0px;
}

.main-menu .navigation li.menu-item-has-children .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.menu-item-has-children .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.menu-item-has-children ul li.menu-item-has-children .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #3786ff;
  display: none;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-style-three .menu-area .mobile-nav-toggler .icon-bar{
  background-color: #000;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}

/** megamenu-style **/

.main-menu .navigation > li.menu-item-has-children > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.menu-item-has-children .megamenu li h4{
  font-weight: 700;
  padding: 3px 0px;
  margin-bottom: 10px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  transition: all 900ms ease;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:50px 20px;
  text-align:left;  
  padding-bottom: 50px;
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 900ms ease;
  background-color: #000;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  right: 100%;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #000;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 900ms ease !important;
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current-menu-item > a:before{
  height:100%;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn{
  position:absolute;
  right:20px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open{
  color: #ffffff;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.menu-item-has-children > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0px 20px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}
.mobile-menu .social-links li:first-child {
  margin-left: 0;
}
.mobile-menu .social-links li:last-child {
  margin-right: 0;
}
.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  
}

/*3rd level menu*/

.main-menu .navigation > li > ul > li ul li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li ul li.menu-item-has-children > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:10px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul > li > ul{
  position:absolute;
  right:100%;
  top:0%;
  margin-top: 15px;
  width:230px;
  z-index:100;
  display:none;
  border-radius: 0px;
  background-color: #000;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li.menu-item-has-children:hover > ul{
  display: block;
  visibility: visible;
}

.main-menu .navigation > li > ul > li > ul > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > ul > li a{
  position:relative;
  display:block;
  padding:10px 30px;
  line-height:24px;
  font-weight:600;
  font-size:14px;
  text-transform:capitalize;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  display: block;
}

.main-menu .navigation > li > ul > li > ul > li.menu-item-has-children > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

/*3rd level menu end*/

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 50px 20px 30px 20px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}

.main-header .outer-box{
  position: relative;
}

.sticky-header .logo-box .logo{
  max-width: 180px;
}

.sticky-header .logo-box{
  padding: 22.5px 0px;
}

.sticky-header .main-menu .navigation > li > a{
  padding: 30px 0px;
}

.sticky-header .nav-right{
  padding: 20px 0px;
}

.sticky-header .main-menu .navigation > li > a:before{
  display: none;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}


.dots-style-one .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #cccccc;
  border-radius: 50%;
  margin: 0px 10px;
  cursor: pointer;
  transition: all 500ms ease;
}

.dots-style-one .owl-dots .owl-dot.active span,
.dots-style-one .owl-dots .owl-dot span:hover{

}

.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}

.content-outer{
  position: relative;
  width: 100%;
}

.content-outer .sidebar-text{
  width: 30%;
}

.content-outer .content-column{
  width: 70%;
}

.content-outer .sidebar-text h6{
  display: block;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 400;
}

.content-outer .sidebar-text h5{
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}



/** main-footer **/

.main-footer .content-outer{
  position: relative;
  padding: 123px 0px 100px 0px;
  border-bottom: 1px solid #d9d9d9;
}

.main-footer .contact-widget .info li{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #666666;
  margin-bottom: 14px;
}

.main-footer .contact-widget .info li:last-child{
  margin-bottom: 0px;
}

.main-footer .contact-widget .info li a{
  display: inline-block;
  color: #666666;
}

.main-footer .contact-widget .info li a:hover{

}

.main-footer .links-widget .links-list li{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #666666;
  margin-bottom: 14px;
}

.main-footer .links-widget .links-list li:last-child{
  margin-bottom: 0px;
}


.main-footer .links-widget .links-list li a{
  position: relative;
  display: inline-block;
  color: #666666;
}

.main-footer .links-widget .links-list li a:hover{

}

.main-footer .links-widget .links-list li a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 1px;
  left: 0px;
  bottom: 5px;
  transition: all 500ms ease;
}

.main-footer .links-widget .links-list li a:hover:before{
  width: 100%;
}

.main-footer .social-widget .social-links li{
  position: relative;
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}

.main-footer .social-widget .social-links li:first-child{
  margin-right: 0px;
}

.main-footer .social-widget .social-links li a{
  position: relative;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  background: #f3f3f9;
  color: #666666;
  text-align: center;
  border-radius: 50%;
}

.main-footer .social-widget .social-links li a:hover{
  color: #fff;
}

.main-footer .footer-logo{
  position: relative;
  margin-top: 4px;
}

.footer-bottom{
  position: relative;
  padding: 50px 0px;
}

.footer-bottom .copyright p{
  font-size: 15px;
}

.footer-bottom .copyright a{
  color: #000;
}

.footer-bottom .copyright a:hover{

}

.footer-bottom .language li{
  position: relative;
  display: inline-block;
  font-size: 11px;
  margin-right: 30px;
  color: #666666;
  text-transform: uppercase;
}

.footer-bottom .language li:last-child{
  margin: 0px !important;
}

.footer-bottom .language li a{
  color: #666666;
}

.footer-bottom .language li a.current{

}


/** header-style-two **/

.header-style-two .header-lower .outer-box{
  border-bottom: none;
}

.header-style-two .main-menu .navigation > li > a:before{
  display: none;
}


@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}


.default-form .form-group input[type='text'],
.default-form .form-group input[type='email'],
.default-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 15px;
  color: #999999;
  padding: 15px 0px;
  border-bottom: 1px solid #cfcfd4;
  background: transparent;
  transition: all 500ms ease;
}

.default-form .form-group textarea{
  height: 120px;
  resize: none;
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{
  border-color: #000;
  color: #000;
}

.default-form .form-group button{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  color: #000;
  font-weight: 700;
  border: 1px solid #999999;
  text-align: center;
  padding: 16px 63px;
  background: transparent;
  margin-top: 50px;
}

.default-form .form-group button:hover{
  color: #fff;
}

.main-footer.style-two .footer-bottom{
  border-top: 1px solid #d9d9d9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.main-footer .footer-bottom .social-links li{
  position: relative;
  display: inline-block;
  margin: 0px 6.5px;
}

.main-footer .footer-bottom .social-links li a{
  position: relative;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  color: #666666;
  text-align: center;
}

.main-footer .footer-bottom .social-links li a:hover{
  color: #fff;
}


/** header-style-three **/

.header-style-three{
  position: relative;
  background: #fff;
}

.header-style-three .main-menu .navigation > li > a{
  color: #666666;
}

.header-style-three .sticky-header .main-menu .navigation > li > a{
  color: #fff;
}

.header-style-three .main-menu .navigation > li > a:before{

}

.header-style-three .header-lower .outer-box{
  border-bottom: 1px solid #d9d9d9;
}

.header-style-three .theme-btn{
  border: 1px solid #666666;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  padding: 11.5px 31px;
}

.header-style-three .theme-btn:hover{
  color: #fff;
}

.nice-select:after{
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  right: 20px;
}

.nice-select{
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid #cccccc !important;
  border-radius: 0px;
  padding: 0px 20px;
  padding-right: 40px;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  background: transparent;
}

.check-box input {
  display: none;
}

.check-box label {
  position: relative;
  font-size: 14px;
  line-height: 26px;
  color: #666666;
  padding-left: 34px;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0px;
}

.check-box label a{
  color: #0066cc;
}

.check-box label a:hover{
  text-decoration: underline;
}

.check-box label:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 4px;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc9c4;
  background: transparent;
}

.check-box label:after {
  position: absolute;
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  font-size: 12px;
  left: 0px;
  top: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  opacity: 0;
  font-weight: 400;
  text-align: center;
}

.check-box input:checked + label:after {
  opacity: 1;
}

.check-box input:checked + label:before{
  background: #0ea478;
  border-color: #0ea478;
}

#ui-datepicker-div.ui-widget-content {
  background: transparent;
  color: #252525;
  font-size: 14px;
  border-radius: 0px;
  width: 270px;
  padding: 0px;
}

#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;
  background: #fff;
  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;
  border: none;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 0.4em;
  width: 100%;
  z-index: 99999999;
  background: #ffffff;
}

.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;
}



#ui-datepicker-div.ui-widget-content{
  width: 420px !important;
}

/*pagination css*/
/*farid css*/

.pagination-wrapper .nav-links {
  position: relative;
  display: inline-block;
  margin: 0px 1px;
}

.pagination-wrapper .nav-links .page-numbers,
.pagination-wrapper .nav-links .page-numbers.current{
  position: relative;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  color: #666;
  border: 1px solid #d9d9d9;
  transition: all 500ms ease;
  margin-bottom: 5px;
}

.pagination-wrapper .nav-links .page-numbers:hover, 
.pagination-wrapper .nav-links .page-numbers.current {
  color: #fff;
}

.pagination-wrapper .nav-links .page-numbers.next i {
  position: relative;
  font-size: 18px;
  margin-left: 6px;
  top: 2px;
}

.pagination-wrapper .nav-links .page-numbers.prev i {
  position: relative;
  font-size: 18px;
  margin-right: 6px;
  top: 2px;
}

.pagination-wrapper .nav-links .page-numbers.prev,
.pagination-wrapper .nav-links .page-numbers.next {
  width: 80px;
}

.sidebar-widget .widget-content {
  padding: 18px 35px 35px 35px;
}

.blog-details .navigation{
  margin-bottom: 95px;
  position: relative;
  display: block;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
}

.blog-details-content .navigation .nav-previous {
  padding-left: 105px;
  float: left;
  width: 50%;
}

.blog-details-content .navigation .nav-previous, .blog-details-content .navigation .nav-next {
  position: relative;
  display: block;
  padding-top: 57px;
  padding-bottom: 52px;
}

.blog-details-content .navigation .nav-previous .icon-box {
  left: 0px;
}

.blog-details-content .navigation .icon-box {
  position: absolute;
  top: 0px;
  width: 70px;
  height: 100%;
}

.blog-details-content .navigation .icon-box {
  text-align: center;
  background: #f2f2f7;
  font-size: 60px;
  color: #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.blog-details-content .navigation .nav-next {
  padding-right: 105px;
  float: right;
  width: 50%;
}
.blog-details-content .navigation .nav-next .icon-box {
  right: 0px;
}

.blog-details .navigation .nav-previous .prev-btn span,
.blog-details .navigation .nav-next .next-btn span  {
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 3px;
  color: #666666;
}

.blog-details .navigation .nav-links{
  position: relative;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}

.comments-form-area .logged-in-as{
  margin-bottom: 10px;
}

/**/

.main-footer .menu-footer-menu-container .menu li{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #666666;
  margin-bottom: 14px;
}

.main-footer .menu-footer-menu-container .menu li:last-child{
  margin-bottom: 0px;
}


.main-footer .menu-footer-menu-container .menu li a{
  position: relative;
  display: inline-block;
  color: #666666;
}

.main-footer .menu-footer-menu-container .menu li a:hover{

}

.main-footer .menu-footer-menu-container .menu li a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 1px;
  left: 0px;
  bottom: 5px;
  transition: all 500ms ease;
}

.main-footer .menu-footer-menu-container .menu li a:hover:before{
  width: 100%;
}

.ff-el-group.ff-text-left.btn-box.ff_submit_btn_wrapper{
  margin-bottom: 0;
}

.blog-grid .search-form .form-group {
  min-width: 465px;
}

.blog-grid.sidebar-page-container .sidebar-side .search-box{
  min-width: 100%;
}

.main-footer .large-container .elementor-widget-image a img[src$=".svg"]{
  width: 180px;
}

.blog-grid.home-page .news-block-one .inner-box .image-box img{
  width:100%;
}
.error-section .content-box {
  max-width: 650px;
  margin: 0 auto;
}
.mobile-menu .nav-logo img {
  max-width: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .main-footer .elementor-section-wrap .elementor-container {
      -ms-flex-wrap: unset;
      flex-wrap: unset;
  }
}