/* Css For Pesto */

/************ 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: #222121;
  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;
}
.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-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 700;
  text-align: center;
  padding: 9px 12px;
  border-radius: 5px;
  text-transform: uppercase;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn.btn-one{
  color: #fff;
}

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

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

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

.theme-btn.btn-four{
  color: #fff;
}

.theme-btn.btn-four:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.theme-btn.btn-four:hover:after{
  width: 100%;
}

.theme-btn.btn-four:before{
  display: none;
}


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

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



.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: #000;
  border-radius: 3px;
  border: 1px solid #cccccc;
  background: #f3f4f9;
  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: 52px;
  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.open {
  bottom: 50px;
}

.scroll-top span{
  color: #fff;
}

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

.sec-title h2{
  display: block;
  font-size: 40px;
  line-height: 80px;
  font-family: 'Londrina Solid', cursive;
  font-weight: 400;
}

.sec-title.light h2{
  color: #fff;
}

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

.sec-title-ss h2{
  display: block;
  font-size: 35px;
  line-height: 50px;
  font-family: 'Londrina Solid', cursive;
  font-weight: 400;
}


/*** 

====================================================================
                        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: #fff;
  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;
}

.main-header .nav-right .cart-box a{
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  padding-right: 35px;
}

.main-header .nav-right .cart-box a span{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  text-align: center;
}

.header-style-one .nav-right .cart-box a:hover{
  
}




/** main-menu **/

.main-menu{
  float: left;
  padding-top: 13px;
}

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

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

.main-menu .navigation > li{
  position:relative;
  float:left;
  z-index:2;
  margin: 0px 18px;
  -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: 17px;
  line-height: 30px;
  padding: 35px 0px;
  font-weight: 400;
  opacity: 1;
  color: #000;
  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 > a,
.main-menu .navigation > li:hover > a{
  
}

.main-menu .navigation > li > a:before{
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  left: 50%;
  bottom: 25px;
  border-radius: 50%;
  transform: translateX(-50%) scale(0,0);
  transition: all 500ms ease;
}

.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li:hover > a:before{
  transform: translateX(-50%) 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: 10px 30px;
  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.15);
}

.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.dropdown > 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: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:last-child > a{
  border-bottom: none;
}

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

.main-menu .navigation > li > ul > li > ul > li.dropdown > 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.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  margin-top: 0px;
  top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top: 0%; 
  margin-top: 0px;
}

.main-menu .navigation li.dropdown .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.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.dropdown ul li.dropdown .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;
}

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


/** megamenu-style **/

/*.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .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 25px;
  text-align:left;  
  padding-bottom: 100px;
}

.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 25px;
  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 > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  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.dropdown .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.dropdown > .megamenu{
  display: none;
}

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

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

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

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

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

.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 a:hover{
  
}

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

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

.header-style-one .sticky-header .logo-box{
  padding: 22px 33px 21px 33px;
}

/** check-box **/



.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-radius: 3px;
  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{
  
}


/** main-footer **/

.main-footer{
  position: relative;
  background: #191d20;
}

.footer-top{
  padding: 268px 0px 95px 0px;
}

.main-footer .footer-logo{
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
}

.main-footer .footer-logo .logo{
  position: relative;
  padding: 64px 33px 24px 33px;
}

.main-footer .footer-logo .logo .logo-shape{
  position: absolute;
  left: 0px;
  bottom: -42px;
  width: 100%;
  height: 42px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.footer-top .contact-widget span{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
  margin-bottom: 5px;
}

.footer-top .contact-widget h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 17px;
}

.footer-top .contact-widget h3 a{
  display: inline-block;
}

.footer-top .contact-widget h3 a:hover{
  color: #fff;
}

.footer-top .contact-widget p{
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
  margin-bottom: 5px;
}

.footer-top .contact-widget .mail a{
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
}

.footer-top .contact-widget .mail a:hover{

}

.footer-top .subscribe-widget{
  position: relative;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.footer-top .subscribe-widget .text{
  margin-bottom: 26px;
}

.footer-top .subscribe-widget .text p{
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
}

.footer-top .subscribe-widget form .form-group{
  position: relative;
  margin-bottom: 21px;
}

.footer-top .subscribe-widget form .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  background: #2a2f33;
  border: 1px solid #2a2f33;
  border-radius: 5px;
  font-size: 15px;
  color: #999999;
  padding: 0px 160px 0px 25px;
  transition: all 500ms ease;
}

.footer-top .subscribe-widget form .form-group input:focus{

}

.footer-top .subscribe-widget form .form-group button[type='submit']{
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0px 32px;
  border-radius: 0px 5px 5px 0px;
}

.footer-top .subscribe-widget .lower-box p{
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
  font-style: italic;
  margin-bottom: 56px;
}

.footer-top .subscribe-widget .lower-box p a{
  font-style: normal;
  color: #fff;
  line-height: 16px;
  text-decoration: underline;
}

.footer-top .subscribe-widget .lower-box p a:hover{

}

.footer-top .social-links li{
  position: relative;
  display: inline-block;
  margin: 0px 1px;
}

.footer-top .social-links li a{
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  background: #2a2f33;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}

.footer-top .social-links li a:hover{

}

.footer-top .text-widget .text{
  padding-left: 100px;
}

.footer-top .text-widget .text p{
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
}

.main-footer .copyright{
  padding-bottom: 73px;
}

.main-footer .copyright p{
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
}

.main-footer .copyright p a{
  color: #fff;
}

.main-footer .copyright p a:hover{

}

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

.nice-select{
  position: relative;
  display: block;
  width: 100%;
  border-radius: 5px;
  padding: 0px 16px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  border: 1px solid #cccccc !important;;
  color: #000000;
  background: #f3f4f9;
}

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

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

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


/** header-style-two **/

.header-style-two{
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    background: #fff;
}

.header-style-two .outer-box{
  display: block;
}

.header-style-two .outer-box .logo-box{
  float: left;
  margin-right: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-style-two .main-menu .navigation > li.current > a, 
.header-style-two .main-menu .navigation > li:hover > a{
  color: #ef7505;
}

.header-style-two .header-lower .main-menu{
  padding-top: 13px;
}

.header-style-two .nav-right{
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 35px;
}

.header-style-two .support-box{
  position: relative;
  padding: 0px 0px 0px 73px;
  margin-right: 160px;
}

.header-style-two .support-box .icon{
  position: absolute;
  display: inline-block;
  left: 0px;
  top: -2px;
  width: 54px;
  height: 54px;
  line-height: 54px;
  background: #ffa00b;
  font-size: 24px;
  color: #000;
  text-align: center;
  border-radius: 50%;
}

.header-style-two .support-box span{
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: rgb(58 57 57 / 96%);
  margin-bottom: 1px;
}

.header-style-two .support-box h3{
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
}

.header-style-two .support-box h3 a{
  display: inline-block;
  color: #000;
}

.header-style-two .support-box h3 a:hover{
  text-decoration: underline;
}

.header-style-two .nav-right .info-box{
  display: flex;
  align-items: center;
}

.header-style-two .nav-right .cart-box a span{
  color: #000;
  background: #ffa00b;
}

.header-style-two .nav-right .language .nice-select{
  height: auto;
  line-height: 30px;
  color: #fff;
  border: none !important;
  padding-right: 15px;
}

.header-style-two .nav-right .language .nice-select .option{
  color: #000;
}

.header-style-two .nav-right .language .nice-select:after{
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 0px;
}

.header-style-two .nav-right .language{
  position: relative;
  top: -5px;
}

.header-style-two .sticky-header .outer-box .logo-box{
  padding-top: 20px;
}

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

.header-style-two .sticky-header .nav-right{
  padding-top: 35px;
}

.theme-btn.btn-two{
  color: #000;
}

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

.ml_70{
  margin-left: 70px;
}

.mr_70{
  margin-right: 70px;
}

.bg-color-1{
  background: #e9e2d9;
}


/** footer-style-two **/


.footer-style-two{
  position: relative;
  background: #191d20;
}

.footer-style-two .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  z-index: 1;
}

.footer-style-two .footer-top{
  position: relative;
  padding: 112px 0px 150px 0px;
}

.footer-top .widget-title{
  position: relative;
  display: block;
  margin-bottom: 29px;
}

.footer-top .widget-title h4{
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

.footer-style-two .footer-top .contact-widget h3 a:hover{
  color: #fff;
}

.footer-style-two .footer-top .contact-widget .mail{
  margin-bottom: 42px;
}

.footer-style-two .footer-top .social-links li a:hover{
  color: #000;
}

.footer-top .schedule-widget .schedule-list li{
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.footer-top .schedule-widget .schedule-list li .line {
  position: relative;
  display: block;
  height: 1px;
  border: 1px dashed #626262;
  width: 100%;
  flex: 1;
  top: 3px;
}

.footer-top .schedule-widget .schedule-list li .day{
  position: relative;
  display: block;
  font-size: 14px;
  color: #cccccc;
  margin-right: 15px;
}

.footer-top .schedule-widget .schedule-list li .time{
  position: relative;
  display: block;
  font-size: 14px;
  color: #cccccc;
  margin-left: 15px;
}

.footer-top .schedule-widget{
  max-width: 250px;
}

.footer-top .links-widget .links-list li{
  position: relative;
  display: block;
  margin-bottom: 4px;
}

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

.footer-top .links-widget .links-list li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #cccccc;
}

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

}

.footer-top .newsletter-widget .text{
  position: relative;
  display: block;
  margin-bottom: 26px;
}

.footer-top .newsletter-widget p{
  color: #cccccc;
  line-height: 24px;
}

.footer-top .newsletter-widget .lower-text p{
  font-style: italic;
}

.footer-top .newsletter-widget .lower-text p a{
  font-style: normal;
  color: #fff;
  line-height: 16px;
  display: inline-block;
  text-decoration: underline;
}

.footer-top .newsletter-widget .lower-text p a:hover{

}

.footer-top .newsletter-widget form .form-group{
  position: relative;
  margin-bottom: 21px;
}

.footer-top .newsletter-widget form .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  background: #2a2f33;
  border-radius: 5px;
  border: 1px solid #2a2f33;
  padding: 10px 140px 10px 20px;
  font-size: 14px;
  color: #999999;
  transition: all 500ms ease;
}

.footer-top .newsletter-widget form .form-group input:focus{

}

.footer-top .newsletter-widget form .form-group button{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 125px;
  height: 50px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  border-radius: 0px 5px 5px 0px;
}

.footer-style-two .pattern-layer-2{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.footer-style-two .copyright p{
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
}

.footer-style-two .copyright p a{
  color: #fff;
}

.footer-style-two .copyright p a:hover{

}



/*** 

====================================================================
                        Home-Page-Two
====================================================================

***/

/* ---Start Form----*/
.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 11px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
/*---End Form---*/

.bydestination-tours {
    float: left;
    width: 100%;
    padding-bottom: 0px;
}
.frame-package {
    padding: 0 9px 9px;
    display: block;
    float: left;
    width: 100%;
    margin-top: 18px;
}
.frame-package .dest-column {
    width: 100%;
    background: #FAF7F7;
    padding-bottom: 20px;
    margin-bottom: 15px;
    box-shadow: 1px 0 6px rgba(0, 0, 0, .2);
    padding: 3px;
}
.frame-package .dest-column:hover {
    box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15) !important;
}
.sec-title-theme  {
     position: relative;
     display: block;
     padding-top: 30px; 
}