/*--

Author: W3layouts

Author URL: 

--*/

/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

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

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

table{border-collapse:collapse;border-spacing:0;}

/* start editing from here */

a{text-decoration:none;}

.txt-rt{text-align:right;}/* text align right */

.txt-lt{text-align:left;}/* text align left */

.txt-center{text-align:center;}/* text align center */

.float-rt{float:right;}/* float right */

.float-lt{float:left;}/* float left */

.clear{clear:both;}/* clear float */

.pos-relative{position:relative;}/* Position Relative */

.pos-absolute{position:absolute;}/* Position Absolute */

.vertical-base{	vertical-align:baseline;}/* vertical align baseline */

.vertical-top{	vertical-align:top;}/* vertical align top */

nav.vertical ul li{	display:block;}/* vertical menu */

nav.horizontal ul li{	display: inline-block;}/* horizontal menu */

img{max-width:100%;height:100%}

/*end reset*/

html,body{

	padding:0 !important; 
	margin:0 !important; 
	background:#fff; 
	font-family: 'Tajawal', sans-serif;
 }

body a{

    transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

	text-decoration:none;

}

body a:hover {

	text-decoration: none;

}



body a:focus, a:hover {

	text-decoration: none;

}

select,input[type="email"],input[type="text"],input[type=password],

input[type="button"],input[type="submit"],textarea{ width: 100%;

font-family: 'Cabin', sans-serif;

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

	letter-spacing: 1px;

	

}



h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family: "Nunito", sans-serif;letter-spacing: 1px;text-transform: capitalize;letter-spacing: 0px;font-weight: 700;}	

p{

	margin:0;

	padding:0;

 font-family: open sans-serif;

   font-size: 17px;



}

.para{

	margin: 0;

    padding: 0;

    font-family: open sans-serif;

	font-size: 17px;

}



.para p {font-size: 17px; padding: 5px; /*text-align: justify;*/}

ul{

	font-family: 'Cabin', sans-serif;

	margin:0;

	padding:0;

	letter-spacing: 0.5px;

}

/*-- //Reset-Code --*/



/* body {

    background: #767178 url(../images/1.jpg) no-repeat !important;

	

} */

.Donation-main-w3ls {/* width: 33%; *//* margin: 26em 6em; *//* padding: 9px 46px 60px; *//* background: rgba(251, 248, 248, 0.75); *//* border-radius: 5px; *//* position: absolute; *//* box-shadow: 0px 0px 17px 5px rgba(162, 162, 162, 0.30); */position: absolute;}

h1.header-w3ls {

    text-align: center;

    text-transform: uppercase;

    color:#ffffff;

    text-shadow: 2px 3px rgba(0, 0, 0, 0.42);

    letter-spacing: 8px;

            }

			

.form-left-to-w3l input[type="text"],.form-right-to-w3ls input[type="text"],.form-left-to-w3l input[type="email"]

,.form-control-w3l textarea,.form-add-to-w3ls input[type="text"]{

    width:100%;

    color: #000;

    outline: none;

    font-size: 15px;

    padding: .8em 1em;

    border: 1px solid #fff;

	margin: 0px 0px 29px;

    -webkit-appearance: none;

    display: inline-block;

    background:rgba(255, 255, 255, 0.9);

	letter-spacing: 2px;

    transition: all 0.5s ease-in-out;

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

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

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

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

	  box-sizing: border-box;



}

			.main {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}

.form-right-to-w3ls, .form-left-to-w3l {

    flex-basis: 48%;

    -webkit-flex-basis: 48%;

}

.add input[type="text"]{width:100%}

.form-right-to-w3ls input[type="text"]{

   padding-right: 0px; 

}

 select.form-control {

	border-top: 0px solid #ffffff;

	border-left: 0px solid #ffffff;

	border-right: 0px solid #ffffff;

	outline: none;

	font-size: 15px;

	width: 100%;

	margin: 0px 0px 15px;

	border-radius: 0;

	background: rgba(251, 248, 248, 0.75);

	color: rgba(0, 0, 0, 0.85);

	letter-spacing: 2px;

	border-bottom: 0.5px solid rgba(246, 244, 244, 0.82);

	box-sizing: border-box;

	transition: all 0.5s ease-in-out;

}

option{background: rgba(255, 255, 255, 0.78);}

textarea{

    height: 134px;

    padding: 1em;

	overflow: hidden;

	resize:none;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

     color: #000;

}

::-moz-placeholder { /* Firefox 19+ */

    color: #000;

}

:-ms-input-placeholder { /* IE 10+ */

     color: #000;

}

:-moz-placeholder { /* Firefox 18- */

    color: #000;

}

.btnn{text-align:center;

box-sizing: border-box;}

button[type=submit]{

	 width:100%;

	 background: #5ac0de;

	 outline:none;

	 color:#fff;

	 font-size:18px;

	 font-weight:400;

	 border: none;

	 padding:11px 11px;

	 letter-spacing:1px;

	 text-transform:uppercase;

	 cursor:pointer;

	 transition: 0.5s all;

	 -webkit-transition: 0.5s all;

	 -o-transition: 0.5s all;

	 -moz-transition: 0.5s all;

	 -ms-transition: 0.5s all;

}

button:hover{

     color:#fff;

   /*   background: #467ce7; */

     }

			

.copy {

    padding:30px 0px;

}

.copy p {

    margin: 0em;

    text-align: center;

    font-size: 17px;

    color: white;

    letter-spacing: 3px;

}

.copy p a {

    color: #fff;

    text-decoration: none;

}

.copy p a:hover {

    color: #000;

}



/*--responsive--*/





@media only screen and (max-width: 2600px) and (min-width: 1900px){

	.slider-bg2 {display: none;}

}





@media(max-width:1920px){

	.Donation-main-w3ls {width: 40%;/* min-height: 381px; */margin: 36em 6em;}

	.h1-heading h1 {font-size: 60px !important;}

	

	.slider-bg2 {display: none;}

	

	h1.header-w3ls {

    font-size: 64px;

    padding: 65px 0px 56px;

}

	.slider-bg{height: 1000px;}



}

@media(max-width:1680px){

h1.header-w3ls {

    font-size: 60px;

    padding: 45px 0px 28px;

}	

.Donation-main-w3ls {width: 37%;/* min-height: 0px; *//* margin: 28em 7em; */}

}

@media(max-width:1600px){

	h1.header-w3ls {

    font-size: 57px;

    padding: 31px 0px 25px;

	}

	.slider-bg {height: 800px;}

}

@media(max-width:1440px){

	select.form-control {

    height: 55px;

	    padding: 0.5em 1em;

	}

	.form-left-to-w3l input[type="text"],

	.form-right-to-w3ls input[type="text"], 

	.form-left-to-w3l input[type="email"], 

	.form-control-w3l textarea, 

	.form-add-to-w3ls input[type="text"] {

    padding: .5em 1em;

	}

	.Donation-main-w3ls {width: 40%;min-height: 423px;margin: 7em 6em;}

	.h1-heading h1 {font-size: 52px;top: 50%;/* position: absolute; */ font-family: "Pompiere", Arial, Tahoma, sans-serif;}

	

	.slider-bg {height: 578px;}

}

@media(max-width:1366px){

	

h1.header-w3ls {

    letter-spacing: 6px;

}

.Donation-main-w3ls {width: 50%;bottom: -33%;position: absolute;}

}

@media(max-width:1280px){

	.Donation-main-w3ls {/* width: 46%; */}

}

@media(max-width:1080px){

	.Donation-main-w3ls {/* width: 53%; */padding: 5px;}

}

@media(max-width:1050px){

		.Donation-main-w3ls {/* width: 57%; */}

}

@media(max-width:1024px){

	.brand {position: inherit;}

	

.Donation-main-w3ls {/* width: 50%; */}

h1.header-w3ls {

    font-size: 55px;

}

}

@media(max-width:991px){
    .img-rounded {height: auto;}
    .position_index{width: 100% !important;} 
textarea {

    height: 127px;

}

h1.header-w3ls {

    padding: 31px 0px 21px;

}	

}

@media(max-width:900px){

	h1.header-w3ls {

    font-size: 53px;

}

.Donation-main-w3ls {width: 64%;/* padding: 47px 43px 50px; *//* margin-top: 164px; */}

}

@media(max-width:800px){

	.Donation-main-w3ls, .h1-heading {/* display: none; */}

	.slider-bg2 {display: block; bottom: 34%;}

	.slider-bg {/* background: none !important; */}

	.brand { position: inherit;} 

	.slider-form {position: absolute; bottom: 17px; width: 100%;}

	

	h1.header-w3ls {

    letter-spacing: 4px;

		font-size: 50px;

}

button[type=submit] {

    font-size: 17px;

}

	.btn2 {width: 100% !important;}

	

select.form-control,

.form-left-to-w3l input[type="text"],

 .form-right-to-w3ls input[type="text"],

 .form-left-to-w3l input[type="email"], 

 .form-control-w3l textarea,

 .form-add-to-w3ls input[type="text"] {

    font-size: 14px;

    margin: 0px 0px 27px;

}

.copy p {

    font-size: 15px;



}

}

@media(max-width:768px){

	.logo-head {/* position: absolute; */ left: 32%; top: 69%; padding: 0;}

	.brand {position: inherit; float: right;}

	.slider-bg2 {display: block;}

	.brand {position: inherit;} 

	.slider-form {width: 100%;/*bottom: -23px;*/bottom: 76px; }

	.slider-bg {/* background: none !important; */}

	.w3ls-header-right {float: none;} 

	h1.header-w3ls {padding: 39px 0px 25px;}

select.form-control,

.form-left-to-w3l input[type="text"],

 .form-right-to-w3ls input[type="text"],

 .form-left-to-w3l input[type="email"],

 .form-control-w3l textarea,

 .form-add-to-w3ls input[type="text"] {

    margin: 0px 0px 35px;

 }

}

@media(max-width:767px){

	select.form-control, .form-left-to-w3l input[type="text"], .form-right-to-w3ls input[type="text"], .form-left-to-w3l input[type="email"], .form-control-w3l textarea, .form-add-to-w3ls input[type="text"] {

    margin: 0px 0px 26px;

}

h1.header-w3ls {

    padding: 28px 0px 23px;

	 font-size: 47px;

}

.copy p {

    letter-spacing: 2px;

}

}

@media(max-width:736px){

.Donation-main-w3ls {/* width: 68%; */padding: 44px 43px 52px;}

h1.header-w3ls {

    font-size: 45px;

}	

}

@media(max-width:667px){

	h1.header-w3ls {

    letter-spacing: 2px;

	font-size: 43px;

	}

	.copy p {

    letter-spacing: 1px;

}

.Donation-main-w3ls {width: 74%;padding: 44px 37px 52px;}



}

@media(max-width:640px){

.Donation-main-w3ls {padding: 0px;}	

}



@media(max-width:600px){

	.slider-form {width: 100%;bottom: 22px;}

	

h1.header-w3ls {

    font-size: 41px;

}	

textarea {

    height: 122px;

}

}

@media(max-width:568px){

	h1.header-w3ls {

    font-size: 38px;

}

.copy p {

    padding: 0px 21px;

    line-height: 28px;

}

}

@media(max-width:480px){

	.Donation-main-w3ls {

    padding: 40px 33px 38px;

	margin-top: 135px;

	display: none;

}

h1.header-w3ls {

    font-size: 35px;

    line-height: 45px;

	padding: 28px 0px 17px;

}

.main {flex-direction: column;

     -webkit-flex-direction: column;

}

}

@media(max-width:440px){

	.copy {

    padding: 25px 0px;

}

textarea {

    height: 118px;

}

}



@media(max-width:414px){

    .slider-bg{background-position: center !important;}

	.slider-bg{height: 565px;}

	button[type=submit] {

    font-size: 16px;

}

	.btn2 {width: 100% !important;}

}

@media(max-width:384px){

	h1.header-w3ls {

    letter-spacing: 1px;

	}

	textarea {

    height: 113px;

}

}

@media(max-width:375px){

	.slider-bg{height: 446px;/* display: none; */}

h1.header-w3ls {

    font-size: 33px;

}

.Donation-main-w3ls {display: none;}



}



@media(max-width:320px){

	.slider-form{bottom: 34px;}

	.slider-bg{height: 550px;}

	.Donation-main-w3ls {

    display: none;

}

select.form-control, .form-left-to-w3l input[type="text"], .form-right-to-w3ls input[type="text"], .form-left-to-w3l input[type="email"], .form-control-w3l textarea, .form-add-to-w3ls input[type="text"] {

    margin: 0px 0px 24px;

}

}


/* .slider-bg {background: #767178 url(../images/book-yoga-trip-bennar.jpg) no-repeat !important; min-height: 650px;} */

.slider-bg {background: #55561b url('/blog/wp-content/themes/wanderlust/assets/images/slider-03.jpg') no-repeat;text-align: center;background-size: cover;padding-top: 215px;position: relative;padding: 0;width: 100%;min-height: 379px;}


/*firefox style */

select { -webkit-appearance: none;

-moz-appearance: none;

appearance: none;

background: url( ) right / 20px no-repeat !important;

padding-right: 20px;

-webkit-appearance: none;

height: 35px;

}

.btn4 {background-color: #5ac0de !important;}

.btn-link {background-color: #5ac0de; color: #fff; border: none; text-transform: uppercase;}
.blog-bg{background-color: #f7f5f5; padding: 25px 0px;}