/*
Theme Name: Backpakers Tours & Travels
Theme URI: https://thezoomit.com
Description: A great travel theme designed for travel blog, travel corporate website, also you can use for any wordpress website to do some customization.
Author: Muhammad Kamrul Hasan
Author URI: https://thezoomit.com
version: 1.0
*/

*{
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Google Sans", sans-serif !important;
	font-size: 14px;
	color: #222;
}

h1, h2, h3, h4, h5, h6, strong {
	font-family: "Google Sans", sans-serif !important;
	font-weight: 700;
	margin-top: 0;
}
a{
	color: #111;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
a:hover{
	color: #6abf15;
}
a, a:hover, a:focus{
	text-decoration: none;
}
ul{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
.fix{
	display: block;
	overflow: hidden;
}
@media (min-width: 1400px) {
  .container {
    width: 1250px;
  }
}
/*=================================/*
Homepage Style
/*=================================*/

/*
* Header
*/
.top-bar span{
	width: 20%;
	height: 2px;
	float: left;
}
.top-bar .one{
	background: #00A859; 
}
.top-bar .two{
	background: #0094D6; 
}
.top-bar .three{
	background: #3E4095; 
}
.top-bar .four{
	background: #97999B; 
}
.top-bar .five{
	background: #ED3237; 
}
.header-nav {
	height: 50px;
	background: #6abf15;
	box-shadow: -17px 0px 2px #ddd;
	display: flex;
}
.nav-top ul li, .social-connect ul li {
	float: left;	
}
.nav-top ul li{
	position: relative;
}
.nav-top ul li a {
	display: block;
	padding: 16.5px 18px;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 13px;
	text-shadow: 1px 1px #888;
	text-transform: uppercase;
}
.nav-top ul li:hover > a, .nav-top ul li.current-menu-item a{
	background-color: rgba(0,0,0,0.1);
}
.nav-top ul li ul {
	position: absolute;
	top: 50px;
	display: none;
	margin: 0;
	left: 0;
	padding: 0;
	width: 200px;
	z-index: 99;
	transition: all 0.2s;
}
.nav-top ul li:hover ul{
	display: block;
}
.nav-top ul li ul li{
	list-style: none;
	float: none;
	display: block;
}
.nav-top ul li ul li a {
	display: block;
	padding: 10px 15px;
	text-align: left;
	background: #065728;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	border-top: 1px solid rgba(0,0,0,0.1);
	font-family: "Google Sans", sans-serif;
}
.nav-top ul li ul li a:hover {
	background: #054a22;
}
.social-connect ul li a {
	display: block;
	padding: 15px 18px;
	color: #e5f2eb;
	font-size: 15px;
}
.social-connect ul li a:hover{
	color: #fff;
}
.social-connect ul li.search a{
	background-color: rgba(0,0,0,0.1);
	color: #fff;
}
.social-connect {
	float: right;
}
.logo {
	margin: 13px 0;
}
.logo img {
	max-width: 260px;
	height: auto;
}
.header-right {
	margin: 27px 0px 14px 0;
}
.email-container {
	width: 50%;
	float: left;
	position: relative;
}
.email-container::after {
	position: absolute;
	content: '';
	top: 4px;
	right: 28px;
	width: 1px;
	height: 27px;
	background: #91a1b4;
}
.call-container {
	width: 30%;
	float: left;
}
.external-link {
	width: 20%;
	float: right;
}
.email-container .fa, .call-container .fa {
	color: #91a1b4;
	font-size: 27px;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
.email-box p {
	margin-bottom: 0;
	font-size: 10px;
	color: #91a1b4;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
}
.email-box h3 {
	color: #435061;
	font-size: 15px;
	margin-bottom: 0;
}
.call-container .email-box h3 {
	font-size: 17px;
}
.external-link a {
	color: #6abf15;
	font-size: 11px;
	border: 1px solid #6abf15;
	border-radius: 2px;
	display: inline-block;
	padding: 9px;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
	width: 130px;
	text-align: center;
	background-color: #fff;
	transition: all 0.2s;
	float: right;
}
.external-link a:hover {
	background-color: #6abf15;
	color: #fff;	
}
.banner {
	background: #064621;
	overflow: hidden;
}
/*===Home carousel===*/
#homeCarousel {
	position: relative;
}
#homeCarousel::before {
	position: absolute;
	content: '';
	left: -500%;
	top: 0;
	width: 500%;
	background: #043e1c;
	opacity: 0.7;
	height: 100%;
	z-index: 1;
}
#homeCarousel::after {
	position: absolute;
	content: '';
	right: -500%;
	top: 0;
	left: auto;
	width: 500%;
	background: #043e1c;
	opacity: 0.7;
	height: 100%;
	z-index: 1;
}
#homeCarousel .owl-nav div {
  position: absolute;
  top: 50%;
  background: #115F37;
  color: rgba(255, 255, 255, 1);
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  line-height: 41px;
}
#homeCarousel .owl-nav .owl-prev {
  position: absolute;
  left: 14px;
}
#homeCarousel .owl-nav .owl-next {
  position: absolute;
  left: auto;
  right: 14px;
}
#homeCarousel .owl-stage-outer {
	overflow: inherit;
}
#homeCarousel .owl-item img {
	height: auto;
}
/*===Home carousel close===*/
.featured-box {
	padding-top: 50px;
}
.featured-gallery img {
	max-width: 100%;
	margin-left: -15px;
}
.banner-box ul{
	margin-left: 4px;
}
.banner-box ul li {
	background: url("images/banner-bg.png") repeat;
	width: 33.3%;
	float: left;
	padding: 20px;
	min-height: 133px;
	display: flex;
	align-items: center;
}
.banner-box ul li:nth-child(1) {
	background-color: #00A859;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.banner-box ul li:nth-child(2){
	background-color: #0094D6;
}
.banner-box ul li:nth-child(3){
	background-color: #3E4095;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.banner-box ul li span.fa {
	color: #eef2f6;
	font-size: 42px;
	margin-right: 15px;
}
.box-info h3 {
	font-size: 16px;
	color: #eef2f6;
	margin-bottom: 5px;
}
.box-info p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}
.featured-area, .call-to-action-area, .upcoming-event, .testimonial-area, .promo-area, .homepage-blog, .footer-top {
	padding: 80px 0;
}
.featured-header h5 {
	font-size: 14px;
}
.featured-header h5 span {
	background: #6abf15;
	color: #fff;
	padding: 6px 17px;
	border-radius: 3px;
}
.featured-header h2 {
	font-size: 21px;
	color: #435061;
	line-height: 33px;
}
.featured-container {
	background: #EEF2F6;
	margin-top: 22px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 25px;
}
#featuredCarousel {
	margin-left: -15px;
}
.featured-home {
	margin-left: -15px;
	padding-top: 18px;
	padding-bottom: 15px;
}
.featured-home h5 {
	font-size: 14px;
}
.featured-home h5 span {
	border: 1px solid #6abf15;
	color: #6abf15;
	padding: 6px 17px;
	border-radius: 3px;
}
.feat-content h2 {
	font-size: 20px;
	color: #435061;
	margin-top: 18px;
}
.feat-content p {
	font-size: 14px;
	color: #465364;
}
.feat-info {
	margin: 22px 0;
}
.feat-info h4 {
	font-size: 14px;
	color: #435061;
	margin-top: 3px;
	margin-bottom: 5px;
}
.feat-info h4 span {
	color: #6abf15;
	border: 1px solid #6abf15;
	padding: 5px 10px;
	display: inline-block;
	position: relative;
	margin-right: 20px;
	width: 77px;
}
.feat-info h4 span::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-left: 20px solid #6abf15;
	border-bottom: 13px solid transparent;
	top: -1px;
	right: -20px;
}
.feat-link a {
	color: #6abf15;
	font-size: 11px;
	border: 1px solid #6abf15;
	border-radius: 2px;
	display: inline-block;
	padding: 9px;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
	width: 130px;
	text-align: center;
	background-color: #EEF2F6;
	transition: all 0.2s;
}
.feat-link a:hover {
	background-color: #6abf15;
	color: #fff;	
}
.feat-box {
	margin-bottom: 30px;
}
.feat-thumb-title {
    position: relative;
}
.feat-thumb-title h3 {
	font-size: 16px;
	margin-bottom: 0 !important;
	padding: 10px 10px;
	text-align: center;
	position: absolute;
	width: 100%;
	display: block;
	overflow: hidden;
	left: 0;
	bottom: 0;
	z-index: 11;
	color: #fff !important;
}
.feat-thumb-title h3::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 50px;
	z-index: -11;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.99) 99%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.99) 99%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.99) 99%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.feat-thumb-title a {
	color: #fff;
}
.feat-thumb-day {
	padding: 7px 15px;
	border: 1px solid #a3bf8d;
	font-size: 14px;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
	color: #435061;
}
.feat-thumb-day span {
	width: 50%;
	text-align: center;
	border-right: 1px solid #a3bf8d;
}
.feat-thumb-day span.pull-right{
	border-right: 0 solid;
}
.feat-box img {
	max-width: 100%;
	height: auto;
}
.feat-thumb-day span .fa {
	color: #6abf15;
}
#featuredCarousel {
	text-align: center;
}
#featuredCarousel .owl-nav div {
	position: absolute;
	top: 50%;
	color: #fff;
	transform: translateY(-50%);
	font-size: 21px;
	text-align: center;
	line-height: 41px;
}
#featuredCarousel .owl-nav .owl-prev {
	left: 7px;
}
#featuredCarousel .owl-nav .owl-next {
	left: auto;
	right: 7px;
}
.call-to-action-area {
	background-image: url('images/cta-bg.jpg');
	background-attachment: fixed;
	background-size: cover;
}
.action-box {
	text-align: center;
	color: #fff;
	padding: 0 65px;
}
.action-box p {
	font-size: 16px;
}
.action-box .batch-button {
	background: #eef2f6;
	color: #6abf15;
	padding: 6px 17px;
	border-radius: 3px;
	margin-bottom: 12px;
	display: inline-block;
	font-size: 14px;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
}
.action-content h2 {
	font-size: 22px;
}
.action-link a {
	font-size: 14px;
	border-radius: 2px;
	display: inline-block;
	padding: 13px;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
	width: 149px;
	text-align: center;
	transition: all 0.2s;
	margin: 23px 10px 0 0;
}
.action-link a.left-link{
	color: #fff;
	border: 1px solid #6abf15;
	background: #6abf15;
}
.action-link a.left-link:hover{
	background: transparent;
	color: #6abf15; 
}
.action-link a.right-link {
	color: #fff;
	border: 1px solid #B73637;
	background: #B73637;
}
.action-link a.right-link:hover{
	background: transparent;
	color: #B73637;
}
.testimonial-area {
	background-image: url('images/gplaypattern.png');
	background-repeat: repeat;
	border-top: 1px solid #eee;
}
.testimonial-header h5 span, .homeblog-header h5 span, .event-header h5 span {
	background: #6abf15;
	color: #fff;
	padding: 6px 17px;
	border-radius: 3px;
	font-size: 14px;
	display: inline-block;
}
.testimonial-header h2, .homeblog-header h2, .event-header h2 {
	font-size: 22px;
}
/*===Testimonial carousel===*/
#testimonialCarousel {
	margin-top: 40px;
	margin-bottom: 48px;
}
#testimonialCarousel .owl-dots {
	text-align: center;
	margin-top: 25px;
}
#testimonialCarousel .owl-dots div{
	border-radius:500px;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right:13px;
	border: 1px solid #6abf15;
}
#testimonialCarousel .owl-dots div.active{
	background: transparent;
	background: #6abf15;
}
/*===Testimonial carousel close===*/
.testimonial-item {
	background: #fff;
	padding: 32px;
	min-height: 200px;
	align-content: center;
	border-radius: 30px;
	box-shadow: 0px 0px 8px #ddd;
	margin: 20px;
}
.testimonial-item h3 {
	font-size: 18px;
	margin-bottom: 1px;
	color: #435061;
}

.promo-area {
	background-image: url('images/slide2.jpg');
	background-size: cover;
	background-position: left center;
	padding: 120px 0;
	background-attachment: fixed;
}
.promo-box {
	background-color: #fff;
	padding: 30px;
	min-height: 264px;
}
.promo-box h2 {
	font-size: 20px;
	border: 1px solid #6abf15;
	padding: 10px;
	text-align: center;
	color: #6abf15;
}
.promo-box p {
	font-size: 16px;
	text-align: justify;
}
.promo-link{
	text-align: center;
}
.promo-link a {
	color: #fff;
	font-size: 11px;
	border: 1px solid #6abf15;
	border-radius: 2px;
	display: inline-block;
	padding: 9px;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
	width: 130px;
	text-align: center;
	background-color: #6abf15;
	transition: all 0.2s;
}
.promo-link a:hover {
	background: #fff;
	color: #6abf15;
}
.homeblog-single {
	border: 1px solid #ddd;
	margin-bottom: 30px;
}
.homeblog-single h4 {
	font-size: 16px;
	padding: 8px;
	margin-bottom: 0;
}
.homeblog-info {
	padding: 3px 8px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.homeblog-info span {
	font-size: 14px;
}
.homeblog-info span:first-child {
	float: left;
}
.homeblog-info span:last-child {
	float: right;
}
.homeblog-single p {
	padding: 8px;
	font-size: 14px;
}
.homeblog-link a {
	display: block;
	text-align: center;
	background: #222;
	color: #fff;
	font-size: 14px;
	text-transform: lowercase;
	padding: 10px;
}
.homeblog-link a {
	display: block;
	text-align: center;
	background: #6abf15;
	color: #fff;
	font-size: 14px;
	text-transform: lowercase;
	padding: 10px;
	font-family: "Google Sans", sans-serif;
	font-weight: 700;
}
.homeblog-link a:hover{
	opacity: 0.9
}
.homeblog-thumb img {
	max-width: 100%;
	height: 228px;
	object-fit: cover;
}
.homeblog-content {
	margin-top: 25px;
}
.footer-top {
	background-image: url('images/section_bg.jpg');
	border-top: 7px solid #6abf15;
	color: #fff;
}
.footer-bottom {
	background: #1E1E2A;
	color: #fff;
	padding: 10px 0;
	font-size: 14px;
}
.footer-widget a {
	color: #fff;
}
/*=Developer ZOOM IT=*/
.developer {
	float: right;
}
.developer ul {
  margin: 0;
  padding: 0;
}
.developer ul li {
  list-style: none;
  float: left;
  margin-right: 5px;
  position: relative;
  color: #fff
}

.developer ul li a{
  color: #09CFFF;
font-family: "Google Sans", sans-serif;
font-weight: 700;
}

.zoomit-expand {
  width: 250px;
  background: #333;
  border-radius: 5px;
  padding: 12px;
  position: absolute;
  left: -113px;
  bottom: 27px;
  display: none;
}
.developer ul li:hover .zoomit-expand{
  display: block;
}

.zoomit-expand::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #333;
  transform: rotate(42deg);
  left: 44%;
  bottom: -5px;
}
/*=Close Developer ZOOM IT=*/
.event-package {
	margin-top: 25px;
}
/*===Short Tour carousel===*/
#shortTourCarousel .owl-nav div {
	position: absolute;
	top: 40%;
	border: 1px solid #065728;	
	background: transparent;
	color: #065728;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
	border-radius: 50px;
	font-size: 18px;
	text-align: center;
	line-height: 38px;
}
#shortTourCarousel .owl-nav div:hover{
	background: #065728;
	color: #fff;
}
#shortTourCarousel .owl-nav .owl-prev {
  left: -44px;
}
#shortTourCarousel .owl-nav .owl-next {
  left: auto;
  right: -44px;
}
/*===Short Tour carousel close===*/
.footer-logo img {
	max-width: 100%;
}
.footer-widget h2 {
	font-size: 22px;
	color: #eee;
}
.footer-widget ul li {
	padding-bottom: 5px;
	font-size: 14px;
}

.contact-left {
	margin-top: 50px;
}
.contact-left .content {
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}
.contact-left .content span.fa {
	background: #ddd;
	width: 80px;
	height: 80px;
	float: left;
	font-size: 43px;
	text-align: center;
	padding-top: 17px;
	color: #015CB5;
	margin-right: 18px;
}

.contact-left .content div span.title, .contact-form-box label {
	display: block;
font-family: "Google Sans", sans-serif;
font-weight: 700;
}
.contact-form-box input, .contact-form-box textarea {
	border-radius: 0;
	border-color: #ddd;
	box-shadow: inherit;
	outline: 0 none;
	height: 35px;
}
.contact-form-box textarea{
	height: 128px;
}
.contact-form-box .form-selector {
	padding-bottom: 15px;
}
.breadcrumbs-area {
	background-size: cover;
	background-position: center center;
	min-height: 305px;
	text-align: center;	
	position: relative;
}
.breadcrumbs-area::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
	z-index: 1;
}
.breadcrumb-title {
	margin-top: 115px;
	padding: 15px;
	z-index: 2;
	position: relative;
}
.page-subheading {
	background: #6abf15;
	color: #fff;
	padding: 9px 17px;
	border-radius: 2px;
	font-size: 14px;
	display: inline-block;
}
.main-content-area {
	padding: 80px 0;
}
.blog-page {
	margin: 40px 0;
}
.content-area {
	padding: 50px 0 80px 0;
}
.sidebar_widget {
	border: 1px solid #eaeaea;
	margin-bottom: 20px;
	padding: 20px;
}
.sidebar_widget h3 {
	margin: 0 0 12px 0;
	padding-bottom: 10px;
	font-weight: 400 !important;
	border-bottom: 1px solid #31BCEE;
	font-size: 15px;
	color: #333;
	text-transform: uppercase;
}
.sidebar_widget .tour-summary ul li {
	color: #222;
	text-transform: capitalize;
	padding: 7px 0;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(97,191,168,0.2);
	font-size: 12px
}
.sidebar_widget .tour-summary ul li strong{
	color: #6abf15;
}
.singlePost h3 {
	font-size: 18px;
	margin-top: 9px;
}
.singlePost {
	padding: 20px;
	border: 1px solid #e8e8e8;
	margin-bottom: 20px;
}
.breadcrumb-title i {
	background: #6abf15;
	padding: 5px;
	font-size: 14px;
	width: 23px;
	height: 23px;
	border-radius: 50px;
	margin-left: 10px;
}
.breadcrumb-title h2 {
	color: #0679BA;
}
.breadcrumb-title p {
	text-shadow: 1px 1px 2px #000;
}
.breadcrumbs-area-tour{
	background: url('images/sun-pattern.png');
	padding: 35px 0;
	border-bottom: 2px solid #50A1CE;
}
.horozontal {
	width: 55%;
	margin: 9px 0;
	height: 2px;
	background: #50A1CE;
	display: block;
	border: 0px solid;
}
.breadcrumb-left img {
	max-width: 100%;
	height: 250px;
	box-shadow: 0 0 5px #222;
}
.tour-summary li {
	margin-bottom: 10px;
}
.tour-summary li strong {
	background: #0679BA;
	padding: 2px 5px;
	font-weight: normal;
	color: #fff;
}
.price-box {
	margin-bottom: 20px;
}
.price-box ul li {
	float: left;
	width: 50%;
	border: 2px solid #047AB7;
	padding: 10px;
	text-align: center;
}
.price-box ul li:first-child {
	color: #047AB7;
}
.price-box ul li:last-child {
	background: #6AA6C4;
	color: #222;
font-family: "Google Sans", sans-serif;
font-weight: 700;
	padding: 0;
}
.price-box a {
	background: #046293;
	display: block;
	color: #fff;
	text-align: center;
	padding: 10px;
	overflow: hidden;
font-family: "Google Sans", sans-serif;
font-weight: 700;
}
.price-box a:hover {
	opacity: 0.9;
}
.section-head {
	margin: 26px 0px;
}
.section-head h2 {
	color: #6abf15;
	font-size: 21px;
	border-bottom: 3px solid #6abf15;
	padding-bottom: 4px;
	display: inline-block;
	position: relative;
	padding-left: 46px;
	margin-bottom: 23px;
}
.section-head h2::before {
	position: absolute;
	content: '';
	width: 46px;
	height: 32px;
	background-image: url('images/title-bg.jpg');
	background-size: cover;
	background-position: center center;
	left: 0;
}
.tour-highlight ul li {
	list-style: square;
	margin-left: 20px;
	margin-bottom: 4px;
}
.tour-itinerary ul li {
	position: relative;
	padding-left: 23px;
	margin-bottom: 5px;
}
.tour-itinerary ul li::before {
	position: absolute;
	content: '\f017';
	font-family: FontAwesome;
	font-size: 19px;
	color: #6abf15;
	left: 0;
	top: -2px;
}
.tour-price table {
	border: 1px solid #6abf15;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.tour-price table tr td, .tour-price table tr th{
	padding: 16px;
	line-height: 1.42857143;
	vertical-align: top;
	border: 1px solid #ddd;
}
.tour-price table tr th {
	background-color: #6abf15;
	color: #fff;
}
.breadcrumb-title a {
	color: #fff;
}

/*===Gallery carousel===*/
.galleryitem img {
	height: auto;
}
.tour-gallery #featuredCarousel {
	margin-left: 0;
}
/*===Gallery carousel close===*/
.upcoming-event .feat-box img {
	height: 222px;
	object-fit: cover;
}
.feat-extra .feat-box img {
	height: 215px;
	object-fit: cover;
}
.upcoming-event.bord {
	border-bottom: 1px solid #ddd;
}


/* Search Area CSS */

.dorne-search-form {
    width: 100%;
    position: fixed;
    z-index: 99999;
    height: 120px;
    background-color: #065728;
    top: -200px;
    left: 0;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    overflow-x: hidden;
}

.search-form-on .dorne-search-form {
    top: 0;
}

.sticky .dorne-search-form {
    height: 80px;
}

.dorne-search-form form {
    position: relative;
    z-index: 1;
}

.dorne-search-form form input[type="text"] {
    width: 82%;
    border: 1px solid #6abf15;
    background-color: transparent;
    height: 50px;
    color: #fff;
    padding: 0 20px;
    font-size: 14px;
    float: left
}
.dorne-search-form form input[type="submit"] {
	width: 18%;
	float: right;
	background: transparent;
	background: #6abf15;
	padding: 13px;
	font-size: 17px;
	border: 0px solid;
}
#closeBtn {
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 9;
	background-color: transparent;
	margin-top: -15px;
	top: 16px;
	right: -20px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

#closeBtn:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#closeBtn > i {
	font-size: 16px;
	background: red;
	padding: 7px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
}
.dorne-search-form form {
	position: relative;
	z-index: 1;
	margin-top: 32px;
}
.wpcf7-form-control.wpcf7-submit.sendbutton {
	display: inline-block;
	border: 0;
	background: #015CB5;
	padding: 6px 16px;
	font-size: 14px;
	border: 2px solid #015CB5;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	font-weight: normal;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}