/**
*** Name Theme:
**  Coder Name: Mo7mEd Kamal Farajalla
**  Coder Url : fb.com/2bo.kamal
**/


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {color: #222;font-size: 1em;line-height: 1.4}

::-moz-selection {background: #b3d4fc;text-shadow: none}

::selection {background: #b3d4fc;text-shadow: none}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	font-family: 'Tajawal', sans-serif !important;
	padding-top: 90px;
	overflow-x: hidden;	
}

/* Start Header */

.navbar {
    background-color: #FFF;
    border-color: #FFF;
    box-shadow: 0 0 15px 1px #d8d6d64a;	
	position: fixed !important;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;	
    padding: .4rem 1rem;	
	z-index: 999
}

.navbar-brand{
    display: block;
    width: 90px;
    padding: 0;	
    margin-left: 4rem;	
}

.navbar-brand img{
    width: 100%;
    object-fit: cover;
}

.navbar .nav-item.active,
.navbar .nav-item:hover a{
    background-color: transparent;
    color: #3301A0;
}

.navbar .nav-item {
	position: relative;
	font-weight: bold;	
}

.navbar .nav-item .nav-link {
    color: #A49BB9;
    font-size: 14px;	
}

.navbar .nav-item:after{
	content: '';
	transition: all .2s
}

.navbar .nav-item.active:after,
.navbar .nav-item:hover:after{
    width: 12px;
    height: 12px;
    background: #704DBC;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    bottom: -35px;
    border: 1px solid #FFF;
    box-shadow: 0 0 10px #0000003d;
}

.navbar .nav-item.active .nav-link{
	color: #3301A0
}

.navbar form button {
    border: 0;
    color: #704DBC !important;
    position: absolute;
    right: 0;	
	background: transparent !important;
	box-shadow: none !important
}

.navbar  .form-inline .form-control {
    width: 100px;
    padding-right: 39px;
    padding-left: 8px;
    border: 1px solid #704DBC;
    border-radius: 50px;
	transition: all .3s
}

.form-header:hover .form-control{
	width: 180px
}

.join-to-whatsapp{
    background: #42D374;
    color: #FFF !important;
    padding: 9px 25px;
    border-radius: 40px;
    font-weight: bold;
    text-decoration: none !important;	
}

.join-to-whatsapp i{    margin-left: 10px;}

.fixed-header .navbar-brand{
	width: 65px
}

.fixed-header.navbar .nav-item.active:after, 
.fixed-header.navbar .nav-item:hover:after{
    bottom: -23px;	
}

.fixed-header{    padding: .2rem 1rem !important;}

.navbar .form-inline .form-control{margin-top: 10px}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: .8rem;
		padding-right: .8rem;
	}
}


.fixed-socail{
    position: fixed;
    top: 250px;
    right: 10px;	
    z-index: 9999;	
}

.fixed-socail span {
    display: block;
    font-weight: 300;
    transform: rotate(-90deg);
    position: relative;
    left: 33px;
    top: -50px;	
}

.fixed-socail li  {
    margin-bottom: -8px;	
}

.fixed-socail li a {
	display: block;
	width: 42px;	
}

.fixed-socail li a img{width: 100%;}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    border: 0;
    box-shadow: 0 0 4px #dcd5d5c9;	
}

/* End Header */

/* Start Slider */

.slider-home{
	position: relative
}

.slider-home .item{
    background-size: cover !important;
    background-position: left center;
    padding-top: 50px;
    padding-bottom: 50px;
    background-repeat: no-repeat;
	display: block
}

.slider-home h2 {
    color: #3301A0;
    padding-top: 50px;
    font-size: 50px;
    position: relative;
    margin-top: 50px;
}

.slider-home h2:after {
    content: '';
    background: url(../img/art3.png);
    width: 50px;
    height: 43px;
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
}

.slider-home .content{
    color: #454545;
    font-weight: 300;
    font-size: 15px;	
}

.content-bar{
	border-radius: 25px;
    background-color: #F5F4F8 ;	
}

.content-bar .row{
    margin-left: -7px;
    margin-right: -7px;	
}

.content-bar .row .col{
    padding-left: 7px;
    padding-right: 7px;	
}

.content-bar img {width: auto !important}

.content-bar  .hand{
    left: 30px;
    top: -30px;	
}

.owl-carousel .owl-item img {
	width: auto;
}

.hesperiden.tp-bullets{
    padding: 15px 50px !important;
    display: inline-block !important;
    border: 1px solid #edeaf2 !important;
    border-radius: 40px !important;
    position: absolute !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    height: auto !important;
    background: #FFF;	
    top: 95%;	
}

.hesperiden .tp-bullet{
	position: relative!important;
	display: inline-block !important;
	background: #eeeaf7 !important;
	border: 0 !important;
	border-radius: 6px !important;
	padding: 0 20px !important;
	margin-right: 3px !important;
	margin-left: 3px !important;
	right: auto;
	left: auto !important;
}

.hesperiden .tp-bullet.selected{
	background: #704DBC !important
}


/* End Slider */

/* Start Watch Vid */

.watch-vid{
    padding-top: 60px;
    padding-bottom: 60px;
    background: url(../img/Video.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.watch-vid .first-col:after{
	content: '';

}

.watch-vid .heading{
    margin-top: 90px;
    padding-top: 19px;
    padding-right: 20px;
}

.watch-vid .heading:after{
	content: '';
	background: url(../img/art4.png);
	width: 30px;
	height: 30px;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
}

.cover-vid .play-vid{
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    width: 80px !important;
    object-fit: cover;
    cursor: pointer	
}

.watch-vid .cover-vid img{
	width: 100%
}

.cover-vid:after{
    content: '';
    background: url(../img/art2.png);
    position: absolute;
    top: -50px;
    width: 40px;
    height: 40px;
    left: -30px;
    background-size: cover;
}

/* End Watch Vid */

/** Start Winners **/

#winners{padding-top: 120px !important}

#winners:after{
    content: '';
    background-image: url(../img/Circle.png);
    background-size: cover;
    width: 800px;
    height: 800px;
    position: absolute;
    top: -350px;
    left: -156px;
    z-index: -1;
}

#winners .container:after{
    content: '';
    position: absolute;
    background-image: url(../img/break.png);
    width: 150px;
    height: 80px;
    background-size: cover;
    top: -41px;
}

#winners h4{color: #704DBC}

#winners h2{ font-size: 50px;}

#winners .winner{
    padding: 25px;
    border: 2px solid #ECECF0;
    border-radius: 30px;	
    padding-top: 60px;
    margin-bottom: 80px;	
}

#winners .winner h3{
    font-size: 19px;
    margin-top: 0;	
}

#winners .winner h3,
#winners .winner p{
	color: #360A2B
}


#winners .winner .img {
	position: absolute;
	top: -50px;
	right: 50%;
	transform: translateX(50%);	
}

#winners .winner img {
	width: 100px;
	height: 100px;
    margin: auto;
    display: block;	
	border-radius: 50%;	
}

#winners .link-comming{
	background: #704DBC;
    padding-top: 30px;
    padding-bottom: 30px;
    border: 2px solid #704DBC;	
}

#winners .link-comming img {
    width: auto;
    height: auto;
	border-radius: unset;	
}

/** End Winners **/

/* Start Project */

#project{
	padding-top: 60px;
	padding-bottom: 60px
}

#project h3:before{ background-image: url(../img/ArrowLeft.png) }

#project h3:after{ background-image: url(../img/art_heading_pro.png) }

.box-project{
    border: 2px solid #ECECF0;
    padding: 45px;
	padding-top: 80px;
    border-radius: 25px;	
	padding-bottom: 100px
}

.box-project:hover{
	background: #704DBC;
	border: 2px solid #4D2A9A;
    box-shadow: 0 0 25px 2px #4d2a9a8a;	
}

.box-project .ratio-content:after {
    content: '';
    background-image: url(../img/Polygon.png);
    width: 161px;
    height: 144px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -29px;
    right: 50%;
    transform: translateX(50%);
    opacity: 0;
}

.box-project:hover .ratio-content:after{
	opacity: 1
}

.box-project img{z-index: 9}

.box-project h4 { font-size: 18px}

.box-project h4 a{
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	left: 0;
	padding: 12px;
	border-radius: 26px;
	color: #000;
	text-decoration: none !important
}

.box-project:hover a,
.boxes-share .box-project:hover a {
	color: #FFF !important;	
	background: #4D2A9A;
	bottom: 0
}


/* End Project */

/* Start Vedio */

#vedio{}

#vedio h3,
#sound h3{
    padding-right: 50px;	
}

#vedio h3:before{
    background-image: url(../img/Videocam.png);
    width: 39px;
    height: 26px;	
}

#sound h3:before{
    background-image: url(../img/MusicalNotes.png);
    width: 35px;
    height: 39px;	
}

#vedio h3 + a,
#sound h3 + a{
    padding-right: 45px;
    color: #704DBC;
	text-decoration: none !important
}

#sound h3 + a{color: #F6632F}

#vedio h3 + a:after,
#sound h3 + a:after{
    content: '';
    background-image: url(../img/arrow_ic.png);
    right: 0;
    width: 42px;
    height: 33px;
    top: -3px;
}

#sound h3 + a:after{
	background-image: url(../img/arrow_ic_sound.png);
}


.slide-video{
	padding: 30px;
	border: 2px solid #ECECF0;
	border-radius: 25px;
}

#vedio h4 a,
#sound h4 a{
    font-size: 15px;
    color: #360A2B;
    padding: 17px;
    display: block;
    padding-bottom: 0;
    position: relative;
    top: 6px;
}

#sound h4 a{padding-top: 0}

#vedio .set-option,
#sound .set-option {    bottom: -30px;}

#sound iframe {width: 100%;height: 100%}

#sound .cover-vid:after{content: none}

#sound:after,
#vedio:after{
    content: '';
    position: absolute;
    background-image: url(../img/bg_sound.png);
    width: 800px;
    height: 800px;
    left: -330px;
    top: -130px;
    background-size: cover;
    z-index: -1;
}

#vedio:after{
	background-image: url(../img/bg_vid_s.png);
	right: -330px;
	left: auto;
    top: -330px;	
}

/* End Vedio */


/** Start Testimonials **/

#testimonials:after{
	content: '\f04b';
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 763px;
	position: absolute;
	top: 250px;
	left: -30px;
	z-index: -1;
	transform: rotate(45deg);
	color: #FBFAFC;
}

#testimonials h3{    padding-right: 40px;}

#testimonials h3:before{
    background-image: url(../img/ContactSupport.png);
    width: 32px;
    height: 38px;
}


#testimonials .slide-video{
    padding: 15px;
    padding-right: 50px;	
	margin-right: 35px;
    min-height: 362px;	
}

.slide-video iframe {
	width: 100%;
	height: 100%;
}

#testimonials h5 {    font-size: 17px;}

#testimonials  .cover-vid{    font-size: 15px;}

#testimonials  .cover-vid .img{
    position: absolute;
    top: 27px;
    right: -35px;
    z-index: 9999999999999999999;
    width: 70px;
    height: 70px;
    border-radius: 50%;	
}

#testimonials  .cover-vid img{
	padding: 2px;
	background: #FFF;
	box-shadow: 0 0 4px #ded6d6;
	border-radius: 50%;	
}


/** End Testimonials **/


/** Start Contact Home **/

#contact-home{}

#contact-home h3{
    padding-right: 45px;
	color: #000;
	margin-bottom: 35px !important
}

#contact-home h3:before{
    background-image: url(../img/AlternateEmail.png);
    width: 35px;
    height: 35px;
}

#contact-home h3:after{
    background-image: url(../img/contact_art.png);
    width: 56px;
    height: 40px;
    top: auto;
    bottom: -30px;
    left: 0px;
}

.contact-info li{
    position: relative;
    border: 1px solid #ECECF0;
    padding: 10px 45px;
    border-radius: 25px;
    background: #FFF;
    margin-bottom: 13px;
} 

.contact-info li:after{
	background-size: cover;
	content: '';
	position: absolute;
	right: 15px;
	background-position: center;
	background-repeat: no-repeat;
	top: 50%;
	transform: translateY(-50%);
}

.contact-info .location:after{
	background-image: url(../img/Location.png);
	width: 20px;
	height: 25px;	
} 

.contact-info .phone:after{
	background-image: url(../img/Phone.png);
    width: 25px;
    height: 25px;	
} 

#contact-home .form-contact{}

#contact-home .email:after{
	background-image: url(../img/Mail.png);
    width: 25px;
    height: 25px;	
} 

input,
textarea{
	border: 1px solid #ECECF0;
	padding: 6px 20px;
	border-radius: 25px;
	display: block;
	width: 100%;
	outline: none;
	font-weight: 300;	
}

textarea{height: 100px;}

input[type='submit']{
    background: rgb(109,73,187);
    background: linear-gradient(-120deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%);
    color: #FFF !important;
    font-weight: bold;
    width: 250px;
    float: left;
    padding: 15px;
	cursor: pointer;
    box-shadow: 0px 5px 15px #9a979773;	
}


.select2-container {
    width: 100% !important;	
}

.select2-container .select2-selection--single {
    height: 40px;
    border-radius: 25px !important;
    border: 1px solid #ECECF0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
    font-weight: 300;	
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    background: rgb(109,73,187);
    background: linear-gradient(-120deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 13px;	
    top: 10px;	
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #fff transparent transparent 	
}

input,
textarea,
select,
.select2-container .select2-selection--single{
    margin-bottom: 10px !important;	
}


/** End Contact Home **/



/* Start Footer */

#footer{
    padding-top: 80px;	
}

#footer .col-logo{
    border: 3px solid #F8EBD1;
    border-radius: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    background: #FFF;	
}

#footer .navbar-brand{
    width: 130px;
	margin: auto 	
}

#footer .join{
    display: inline-block;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 25px;
}

#footer .join:after{
    content: '';
    background-image: url(../img/art3_footer.png);
    width: 59px;
    height: 50px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

#footer .social-link {
    width: 50%;
    float: left;
    padding-top: 40px;
}

#footer .social-link li{
    margin-left: -14px;
    margin-bottom: -12px;	
}

#footer .social-link li a {display: block}

#footer .social-link li a img{max-width: 60px;}

#footer .links-footer {padding-top: 60px}

#footer .links-footer ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer .links-footer ul li {    padding-left: 10px;}

#footer .links-footer ul a{
    color: #A49BB9;
    display: block;
    padding: 8px;
    border-radius: 35px;
	text-decoration: none !important	
}

#footer .links-footer ul a:hover{
	background: #704DBC;
	color: #FFF;
	box-shadow: 0 0 14px 2px #704dbc45;	
}

.copyright{
	padding-top: 30px;	
	padding-bottom: 70px;	
}

.copyright .all-right{
	font-size: 14px;
	color: #4A4A4A;
	display: block;
	padding-top: 10px;	
}


/* End Footer */

/* Start Style Page Join To WhatsApp */

.content-page-join:after{
	content: '';
	background-image: url(../img/bg_join_w.png);
	width: 750px;
	height: 750px;
	left: -400px;
	top: -200px;
	background-size: cover;
	position: absolute;
	z-index: -1;
}

.box-join{
	background: #FFF;
	border: 2px solid #ECECF0;
	padding: 25px;
	border-radius: 25px;
	box-shadow: 0 0 10px #e8e8e8;	
}


.box-join img {
    margin-top: -66px;
    max-width: 85px;
    margin-bottom: 20px;	
}

/* End Style Page Join To WhatsApp */


/* Start Style Page About Us */

.content-page-about:after{
    width: 800px;
    height: 800px;
    background-image: url(../img/bg_join_w.png);
    top: -300px;
    right: -200px;
}

.content-page-about:before,
.contact-page:before,
.page-apps:before{
    width: 600px;
    height: 600px;
    background-image: url(../img/bg_vid_s.png);
    top: 300px;
    left: -300px;
}

.contact-page:after{
    width: 1200px;
    height: 1200px;
    background-image: url(../img/bg_contact_page.png);
    top: -600px;
    right: -336px;
}

.page-apps:before,
.contact-page:before{
    top: 140px;
    left: -350px;
}

.page-apps:before{top: 550px}

.content-page-about:after,
.content-page-about:before,
.contact-page:before,
.page-apps:before,
.contact-page:after{
    content: '';
    position: absolute;
	z-index: -1;
    background-size: cover;	
}

.content-page-about .box-content{
	padding: 30px;
	border-radius: 25px;
	border: 2px solid #ECECF0;
	background: #FFF
}

.content-page-about .box-content h4{margin-bottom: 30px}

.content-page-about .box-content ul {margin-bottom: 0}

.content-page-about .box-content p,
.content-page-about .box-content ul li {
	font-weight: 300	
}

.content-page-about .box-content li{margin-bottom: 15px}

/* End Style Page About Us */

/* Start Style Page Volunteer work  */

.page-volunteer-work .box{    margin-bottom: 25px;}

.page-volunteer-work .box .img{
    width: 70px;
    height: 70px;
    background: #FFF;
    border-radius: 50%;
    padding: 20px;
    border: 1px solid #ECECF0;	
}

.page-volunteer-work .box .img img{}

.page-volunteer-work .box .txt{
    margin-top: -6px;
    position: relative;
    top: -25px;
    padding-right: 15px;	
}

.page-volunteer-work .box .txt h5 {}

.boxes-share .box-project p{
	position: relative;
	top: 40px;	
}

.boxes-share .box-project h4 a{color: #F6632F}

.box-success{    margin-top: 60px;margin-right: 40px;margin-left: 40px}

.box-success .left:after,
.box-success .left:before,
.box-success .right:after,
.box-success .right:before{
	content: '';
	position: absolute
}
.box-success .left:after,
.box-success .left:before,
.box-success .right:before,
.box-success .right:after{
	width: 50px;
	height: 78%;
	border-right: 2px solid #ECECF0;
	top: 59%;
	right: 28px;
	border-radius: 37px;
	/* bottom: 0; */
	transform: translateY(-50%);
	z-index: -1;
	background: #FFF
}
.box-success .right:before{
    right: 17px;
    height: 73%;
}

.box-success .left:after,
.box-success .left:before {
	right: auto;
	border-right: 0;
	border-left: 2px solid #ECECF0;
}

.box-success .left:after{left: 28px;}

.box-success .left:before{
    left: 17px;
    height: 73%;
	right: auto
}

.box-success .img {
    position: relative;
    top: -60px;	
}

.box-success img{
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;	
}

.box-success .txt{ margin-top: -45px }

.success-story .owl-nav{
    display: block !important;
    position: absolute;
    top: 50%;
	width: 100%
}

.last-volunteer-work:after{
	bottom: -600px;
	left: -250px;
	height: 900px !important;
	width: 900px !important;
	right: auto !important;
	top: auto !important;
}

.last-volunteer-work:before {
    background: url(../img/award.png);
    position: absolute;
    content: '';
    width: 129px;
    height: 150px;
    bottom: -220px;
    left: 134px;
    background-size: cover;
}

.imgv{
    position: absolute;
    top: 60px;
    right: -20px;
}

/* End Style Page Volunteer work  */

.cat-heading-search{
    background: #FFF;
    border: 2px solid #ECECF0;
    border-radius: 60px;
    padding-right: 20px;
    padding-left: 20px;	
    padding-top: 15px;
    padding-bottom: 5px;	
}

.filltering {padding:0 !important;margin: 0 !important}

.filltering li {
	display:  inline-block !important
}

.filltering li {
    background: #F2F0F7;
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    color: #231F20;
    padding: 13px 25px !important;
    border-radius: 39px;
    cursor: pointer;
    border: 2px solid transparent;	
}

.filltering li.active {
	background: rgb(157,57,183);
	background: linear-gradient(270deg, rgba(157,57,183,1) 0%, rgba(112,77,188,1) 100%);
    color: #FFF;
    border: 2px solid #C786D8;
    box-shadow: -1px 6px 11px #c7c3c3f2;
}

.hide-item{display: none}

.slider-container .owl-dots{
	background: #FFF;
	display: inline-block;
	border: 2px solid #EDEAF2;
	border-radius: 50px;
	position: relative;
	right: 50%;
	transform: translateX(50%);
	padding: 13px 80px;
	z-index: 9;
}

.slider-container .owl-dot {
	width: 20px;
	height: 5px;
	background: #EEEAF7 !important;
	margin-right: 3px;
	margin-left: 4px;
	border-radius: 15px;
	outline: none !important;
	border: 0;
	cursor: pointer;	
}

.slider-container .owl-dot.active {
    background: #704DBC !important;	
} 

.slider-container .owl-nav{
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    /* width: 100%; */
    display: block;
    display: inline-block;
    z-index: 9999;	
}

.slider-container .owl-nav .owl-prev,
.slider-container .owl-nav .owl-next{
    width: 30px;
    height: 30px;
    border: 0 !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    outline: none !important;
    cursor: pointer;
    box-shadow: 0 10px 14px rgba(0, 0, 0, 0.13);
    border-radius: 50%;
    color: #FFF !important;
    line-height: 30px;
	display: none	 !important
}

.slider-container .owl-nav .owl-prev{
	background: rgb(109,73,187);
	background: linear-gradient(3deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%) !important;	
}

.slider-container .owl-nav .owl-next{
    background: rgb(109,73,187) !important;
    background: linear-gradient(180deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%) !important;
	float: left	
}

.result-page-a{display: none}

.more-btn-tax{
    color: #572db1;
    border-radius: 20px;
    padding: 6px 19px;
    border: 1px solid #4b1eab;
    font-size: 14px;	
}

.footer-page .img {
    background-image: url(../img/bg_page_v.png);
    background-size: cover;
    background-position: center;
    padding-top: 120px;
    padding-bottom: 130px;
}


.btn-share-now{
	display: inline-block;
	color: #FFF !important;
	text-decoration: none !important;
	padding: 10px 40px;
	border-radius: 30px;
	box-shadow: 0 4px 13px 1px #9a9595cc;	
	background: rgb(51,1,160);
	background: linear-gradient(0deg, rgba(51,1,160,1) 0%, rgba(112,77,188,1) 100%);	
}

.page-volunteer-work:after,
.page-apps:after,
.page-volunteer-upload:after{
    content: '';
    background-image: url(../img/img_page-volunteer-upload.png);
    width: 1500px;
    height: 1500px;
    background-size: cover;
    position: absolute;
    top: -850px;
    z-index: -1;
    right: -500px;
}

.page-volunteer-work:after{
	background-image: url(../img/bg_contact_page.png);
}

.page-apps:after{
	background-image: url(../img/bg_join_w.png);
}

.page-volunteer-upload.thx:after{
	content: none;
	display: none
}

.page-volunteer-work .heading:after,
.page-volunteer-upload .heading:after,
.page-vid .heading:after,
.page-apps .heading:after{
	content: '';
	position: absolute;
	width: 260px;
	height: 231px;
	background-size: cover;
	left: -40px;
	top: 50px;
	background-position: center;
}

.page-volunteer-upload .working-review{
    background: #FFF;
    color: #AF7E37;
    padding: 7px 20px;
    border-radius: 23px;	
}

.page-volunteer-upload.thx .working-review{
	background: #F4F2F8;
	color: #7C7C7C
}

.form-volunteer-upload .box{
	padding: 20px;
	border-radius: 25px;
	border: 2px solid #ECECF0;
	background: #FFF
}

.page-volunteer-upload input[type='submit'] {
	background: rgb(77,120,188) !important;
	background: linear-gradient(318deg, rgba(77,120,188,1) 0%, rgba(29,184,209,1) 100%) !important;		
}

.files-uploade ,
.files-uploade .input{
	position: relative
}

.files-uploade .input{
    border: 1px solid #ECECF0;
    border-radius: 25px;
    height: 40px	
}

.files-uploade .wpcf7-form-control-wrap{position: static}

.files-uploade .input input{
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 43px;
    opacity: 0;	
    z-index: 9999;	
}

.files-uploade .input span.txt{
    position: absolute;
	top: 7px;
	right: 20px;
    color: #B1ADB9;
    font-weight: 300;	
}

.files-uploade .input span.input-txt{
    position: absolute;
    left: 0;
    top: -2px;
    padding: 10px 23px;
    background: red;
    color: #FFF;
    font-weight: 300;
    border-radius: 27px;
    background: rgb(246,99,47);
    background: linear-gradient(90deg, rgba(246,99,47,1) 0%, rgba(248,201,98,1) 100%);
    box-shadow: -5px 12px 20px #d6ccccc2;
	cursor: pointer;
    width: 110px;
    text-align: center;	
}

.files-uploade  span.txt.bottom{
    font-weight: 300;
    color: #B1ADB9;
    padding-right: 12px;
    font-size: 14px;	
}


.input-paste input{
	opacity: 1 !important;
    top: -2px !important;
	right: -1px !important;
	left: auto !important
}

.input-paste #paste{z-index: 9999 }

.back-to-home{
	display: inline-block;
	color: #FFF;
	border-radius: 25px;
	padding: 8px 20px;
	background: rgb(112,77,188);
	background: linear-gradient(180deg, rgba(112,77,188,1) 0%, rgba(146,102,245,1) 100%);
	color: #FFF !important;
	text-decoration: none !important
}

/* End Style Page Volunteer Upload  */

/* End Style Page Apps */

.page-apps form > ul {
    background: #FFF;
    border: 2px solid #ECECF0;
    border-radius: 60px;
    display: inline-block;
    padding-left: 22px;
    margin: 0;
    padding: 0;	
	padding-left: 35px;	
}

.page-apps form > ul > li li  {
	display: inline-block
}

.page-apps form > ul > li li input,
.page-apps form > ul > li li:nth-child(2){display: none}

.page-apps form > ul > li li label {
    background: #F2F0F7;
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    color: #231F20;
    padding: 13px 25px !important;
    border-radius: 39px;
	cursor: pointer;
	border: 2px solid  transparent;	
}

.page-apps .searchandfilter ul li{display: inline-block}

.page-apps .sf-option-active label{
    background: rgb(39,189,255);
    background: linear-gradient(202deg, rgba(39,189,255,1) 0%, rgba(51,65,229,1) 100%);
    color: #FFF;
    border: 2px solid #2C86F3;
    box-shadow: -1px 6px 11px #c7c3c3f2;
}
 
.sf-field-taxonomy-typeApps{  
	margin-right: 8px !important;
	position: relative;
	top: 5px;
}

.sf-field-taxonomy-typeApps .select2-container{    width: 250px !important;}

.sf-field-taxonomy-typeApps .select2-selection.select2-selection--single{
    background: #F2F0F7;
	height: 50px
}

.sf-field-taxonomy-typeApps .select2-selection.select2-selection--single .select2-selection__rendered{
    line-height: 50px;
    font-weight: bold;
    padding-right: 20px;	
}

.sf-field-taxonomy-typeApps .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{top: 15px !important}


.page-apps .search-filter-result-item{
	min-height: 350px;
	margin-bottom: 20px;
	position:relative	
}

.page-apps .search-filter-result-item .img img {
    border-radius: 25px;
    box-shadow: 0 0 19px #e4dfdf;	
}

.page-apps .search-filter-result-item h4{
    margin-top: 30px;
    margin-bottom: 20px;	
    font-size: 20px;	
	cursor: pointer;	
}

.page-apps .search-filter-result-item a{color: #360A2B}

.page-apps .search-filter-result-item .footer-box{
border: 2px solid #ECECF0;
    border-radius: 25px;
    margin-left: -27px;
    margin-right: -27px;
    position: absolute;
    bottom: -2px;
    width: 101%;
}

.page-apps .search-filter-result-item .footer-box:after{
    content: '';
    width: 2px;
    height: 35px;
    background: #ECECF0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
}

.paginate_links a.prev,
.paginate_links a.next{
	color: #fff;
	display: inline-block;
	background: red;
	background: rgb(109,73,187);
	background: linear-gradient(-120deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%);
	border-radius: 34px;
	padding: 5px 20px;
	margin-right: 10px;
	margin-left: 10px;	
}

.paginate_links a.page-numbers:not(.prev):not(.next),
.paginate_links span.current{
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #f3ebeb;
	padding: 8px 14px;
	color: #463f3f;	
}

.paginate_links span.current{
    background: rgb(109,73,187);
    background: linear-gradient(-120deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%);
	border: 1px solid rgb(109,73,187);
    color: #FFF;	
}



.modal-app .content p, 
.modal-app .content p span{
	font-size: 14px !important;
	font-weight: 300
}

.modal-app .img img {
    border-radius: 25px;
    box-shadow: 0 2px 9px #cac5c5c9;	
}

.slider-app .owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	width: 100%;
	display: block !important
}

.slider-app .owl-nav button {
    width: 30px;
    height: 30px;
    border: 0 !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    outline: none !important;
    cursor: pointer;
    box-shadow: 0 10px 14px rgba(0, 0, 0, 0.13);
    border-radius: 50%;
    line-height: 30px;
    display: block !important;	
	color: #FFF !important;
	position: relative
}

.slider-app .owl-nav button.owl-prev{
    background: rgb(109,73,187);
    background: linear-gradient(3deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%);
    right: -45px;	
}

.slider-app .owl-nav button.owl-next{
    background: rgb(109,73,187);
    background: linear-gradient(180deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%);	
    left: -45px;
	float: left	
}

.slider-app img{
    border-radius: 6px;
    box-shadow: 0 0 4px #9c9494;
    margin: 2px;
	width: 100% !important
}

.btns-links{
    background: rgb(112,77,188);
    background: linear-gradient(246deg, rgba(112,77,188,1) 0%, rgba(51,1,160,1) 100%);
    color: #FFF !important;
    padding: 17px 40px;
    border-radius: 40px;
    margin-bottom: 25px;
}


.btns-links a{
    color: #FFF;
    font-weight: 300;
    padding-left: 25px;
    padding-right: 25px;
	position: relative	
}

.btns-links a.android:after{
	content: '';
	position: absolute;
	width: 2px;
	height: 40px;
	background: #00000024;
	top: -7px;
	left: 0;
}

.btns-links a.ios{
	
}

/* End Style Page Apps  */

/* Start Style Page Competition */

.item-slider-competition{
    min-height: 550px;
    background-size: 80%;
    background-position: center left;
    background-repeat: no-repeat;
}

.item-slider-competition .heading-img{width: 40px !important;display:inline-block !important}

.slider-competition h2{color: #1DB8D1}

.btn-competition{
    display: inline-block;
    background: red;
    padding: 10px 30px;
    color: #FFF !important;
    text-decoration: none !important;
    border-radius: 31px;
    background: rgb(77,120,188);
    background: linear-gradient(261deg, rgba(77,120,188,1) 0%, rgba(29,184,209,1) 100%);
    box-shadow: -1px 3px 11px 1px #deddddbd;
    margin-bottom: 15px;
    margin-right: 10px;	
}

.heading-competition{}

.box-competition{}

.box-competition .content-box{}

.box-competition iframe{
	width: 100% !important;
	height: 100% !important;
	border-radius: 25px;
	border: 2px solid #ECECF0 !important
}

.box-competition p {
	font-size: 14px
}

.box-competition .btn-competition{
	width: 100%;
    margin-top: 70px;	
}

.box-competition .img {
    height: 400px;
    overflow: hidden;	
}

.box-competition .img img{
    height: 100%;
    object-fit: cover;
    width: 100%;	
}

/* End Style Page Competition */

/* Start Style Page Search  */

.search-items{
    background: #F4F2F8;
    color: #7C7C7C;
    font-weight: 300;
    padding: 8px 15px;
    border-radius: 30px;
    margin-right: 15px;
    position: relative;
    top: -4px;
}

/* End Style Page Search  */

.audio-shortcode .select2-selection{
    width: 200px !important;	
}

.audio-shortcode li {padding: 0 !important}

.audio-page iframe{width: 100%;height: 100%}

.hideThis{
	display: none
}

.content-words {min-height: 190px;}

.suggest-vid .content-words{min-height: auto}

.content-words.en-box,
.single-content-post.en-box,
.en-box {
    text-align: left;
    direction: ltr;	
}

.content-words h3{
    padding-right: 0 !important;
    font-size: 22px;	
    padding-bottom: 15px;	
}

.content-words h3 a {color: #360A2B;}

.content-words .cover-vid{
	font-size: 14px;
	font-weight: 300;	
}

/** Start Page Audios */



/** End Page Audios */

/** Start Single Single Post Type */

.single-post-type .cover-vid img{border-radius: 25px}

.unlbg-style1 img:hover,
.unlbg-style1 img{
	background: url(../img/dislikt.png) !important;
	background-size: cover !important;
	width: 19px;
	height: 16px;
}

.lbg-style1 img:hover,
.lbg-style1 img{
	background: url(../img/like.png) !important;
	background-size: cover !important;
	width: 19px;
	height: 16px;
}


.rf_side{
	display: none 
}

.rating_form .rf_item {
	float: right;
	font-size: 25px;
}

.rating-world{
    position: relative;
    top: -8px;	
}

.views{
    position: relative;
    top: 6px;	
}

.views span {
    position: relative;
    top: -10px;
    right: -27px;	
}

.like-dislike-box * {display: none}

.like-dislike-box .watch-action ,
.like-dislike-box .watch-action *{display: block !important}

.like-dislike-box .watch-action  .status{display: none !important}

.single-content-post #kento-pvc,
.single-content-post .watch-action{
	display: none !important
}

.comment-single #reply-title{display: none}

.comment-single h5 span.color-black {
    border: 2px solid #ECECF0;
    padding: 0 15px;
    border-radius: 20px;	
}

.comment-single input[type='submit']{
    background: rgb(77,120,188);
    background: linear-gradient(246deg, rgba(77,120,188,1) 0%, rgba(29,184,209,1) 100%);
    width: 180px;
    height: auto;
    padding: 16px !important;
    font-weight: bold;
}

.comment-single input,
.comment-single textarea{
	border: 1px solid #ECECF0;
	border-radius: 20px;
	font-weight: 300;
	/* padding: 15px; */
	height: 44px;
}

.comment-single textarea{height: 100px;margin-top: -15px;}

.comment-single #wp-comment-cookies-consent{
    width: auto;
    display: inline-block;
    height: auto;
    margin-left: 8px;	
}

.comment-single label {
    display: inline-block;
    /* margin-top: -8px; */
    font-weight: 300;
    font-size: 14px;
    position: relative;
    top: -2px;	
}

.list-unstyled.comments-list{
	clear: both;
    overflow: hidden;
    margin-top: 120px;	
}

.list-unstyled.comments-list .comment {
    background: #FFF;
    border: 2px solid #ECECF0;
    border-radius: 35px;
    padding: 25px;
	margin-bottom: 20px;	
}

.list-unstyled.comments-list .comment  .comment-author.vcard img{
    padding: 2px;
    background: #FFF;
    box-shadow: 0 0 4px #ded6d6;
    border-radius: 50%;
    margin-left: 7px;	
}

.list-unstyled.comments-list .comment p {
	font-weight: 300;
    margin-top: 15px;
    margin-bottom: 0;	
}

.list-unstyled.comments-list .comment .comment-awaiting-moderation{
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    position: relative;
    top: -24px;
    right: 69px;	
}

.list-unstyled.comments-list .comment .comment-meta{display: none}

.list-unstyled.comments-list .comment .reply{
    float: left;
    position: relative;
    top: -19px;	
}

.single-post-type .cover-vid:after{
	content: none
}

.suggest-vid .slide-video{padding: 15px;}

.suggest-vid .slide-video h4 a{
	font-weight: 300;
	color: #360A2B;
	font-size: 15px;
	text-align: center;
	display: block;
	padding: 3px;
	padding-top: 15px;	
}


.suggestion .watch-action,
.suggestion #kento-pvc,
.suggestion .heading-section{display: none !important}


/* End Single Single Post Type */



/* breadcrumb */

.breadcrumb{margin-top: 12px;}

.breadcrumb,
.nav-breadcrumb {
	background:#f4f2f8 !important
}

.nav-breadcrumb .breadcrumb-item,
.nav-breadcrumb .breadcrumb-item a {
	font-size: 13px
}

.nav-breadcrumb .breadcrumb-item  a{color: #231F20}

.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-left: .5rem;
	color: #6c757d;
	content: "\f053";
	font-family: fantasy;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;	
}

/* ==========================================================================
   Groups classes
   ========================================================================== */
.navbar,
.navbar-brand,
.box-project h4 a,
.box-project,
.box-project .ratio-content:after,
#footer .links-footer ul a{
	transition: all .3s
}

.container-last-section{
	position: relative
}

.container-footer:after,
.container-last-section:after{
    content: '\f04b';
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 856px;
    top: -163px;
    right: -102px;
    z-index: -1;
    transform: rotate(-135deg);
}

.container-footer:after{
	display: none;
}
 

/* ==========================================================================
   Helper classes
   ========================================================================== */
 
.half-last-item{} 
  
.img-shadow{
	padding: 2px;
	background: #FFF;
	box-shadow: 0 0 4px #ded6d6;	
}   
  
.box-p-b-r{
	padding: 25px;
	border: 2px solid #ECECF0;
	border-radius: 25px
}

.section {
	padding-top: 80px;
	padding-bottom: 80px	
}

.ratio-holder { position: relative;}

.ratio-holder .ratio.img-project { padding-top: 55% }

.ratio-holder .ratio.img-modal-app { padding-top: 100% }

.ratio-holder .ratio.img-video { padding-top: 65% }

.ratio-holder .ratio.img-testimonials { padding-top: 100% }

.ratio-holder .ratio.slider { padding-top: 50% }

.ratio-holder .ratio.img-winner { padding-top: 50% }

.ratio-holder .ratio-content,
.ratio-holder .ratio-content img {
	position: absolute;
	top: 0; 
	left: 0;
	bottom: 0;
	right: 0;
}

.ratio-holder .ratio-content img {
	height: 100%;
    object-fit: cover;
    margin: auto;	
}
   
.heading-section{padding-right: 30px;padding-left: 35px }

.heading-section:before,
.heading-section:after{
	content: '';
	position: absolute;
    right: 0;
    width: 25px;
    height: 30px;
    background-size: cover;
    top: 3px;
}

.heading-section:after{
    top: -7px;
    left: 0;	
	right: auto
}
   
.txt-clr-blue1{color: #4286F5}

.txt-clr-blue2{color: #3301A0}

.txt-clr-grange{color: #F6632F}

.txt-clr-green{color: #42D374}

.overflow-hidden{ overflow: hidden }

.post-view{
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #FFF;
    border-radius: 35px;
    padding: 3px 6px;
}

.post-view .blur{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 46px;
    background: inherit;
    box-shadow: inset 0 0 0 200px rgb(255, 255, 255);
    background: #FFF;
    opacity: .9;	
}

.post-view .txt{color: #360A2B;position: relative; z-index: 11}

.post-view img {
	width: auto !important;
	display: inline-block !important
}

.reset-ul{
	padding: 0;
	margin: 0 ;
	list-style: none
}

.list-inline-block li{
	display: inline-block
}

.txt-weight-light {font-weight: 300}


.set-option{
    position: absolute;
    bottom: 30px;	
    background: #FFF;
    display: inline-block;
    border: 2px solid #EDEAF2;
    border-radius: 50px;
    position: relative;
    right: 50%;
    transform: translateX(50%);
    padding: 13px 80px ;	
	z-index: 9;
}

#testimonials .set-option {    bottom: -30px}

.slider-competition .set-option {
	position: relative;
	transform: translateX(0);
	margin-top: -21px;
	right: 0;
	top: -40px;
}

.slider-competition  .set-option .owl-dot.active {
    background: #21B2CF;
}

.slider-competition .set-option .owl-prev {
	background: rgb(29,184,209);
	background: linear-gradient(180deg, rgba(29,184,209,1) 0%, rgba(77,120,188,1) 100%);
}

.slider-competition .set-option .owl-next {
	background: rgb(29,184,209);
	background: linear-gradient(0deg, rgba(29,184,209,1) 0%, rgba(77,120,188,1) 100%);
}

.set-option .owl-dot{
    width: 50px;
    height: 5px;
    background: #EEEAF7;
    margin-right: 3px;
    margin-left: 4px;
    border-radius: 15px;	
	outline: none !important;
	border: 0;
	cursor: pointer
}

.set-option .owl-dot.active{ background: #704DBC }

#sound .slide-video{
	min-height: 280px;	
}

.page-audio .slide-video{min-height: 292px;}

#sound .set-option .owl-dot.active{ background: #F66A32 }

#testimonials .set-option .owl-dot.active{ background: #86B445 }

.view-single-page{
    position: relative;
    top: 17px;	
}

.views.view-single-page span{
    top: -12px;
    right: 40px;	
}

.set-option .owl-prev,
.set-option .owl-prev,
.set-option .owl-next,
.set-option .owl-next,
.success-story .owl-next,
.success-story .owl-prev{
    width: 30px;
    height: 30px;
    border: 0 !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: absolute;
	top: 9px;
	outline: none !important;
	cursor: pointer;
    box-shadow: 0 10px 14px rgba(0, 0, 0, 0.13);
	border-radius: 50%;	
    color: #FFF;
    line-height: 30px;	
}


.set-option i{position: relative}

.set-option .owl-next i{left: -1px}

.set-option .owl-prev i{    right: -1px;}

.set-option .owl-prev{right: 10px}

.set-option #navContainer .owl-prev,
.set-option #navContainerVid .owl-prev{
    background: rgb(109,73,187);
    background: linear-gradient(3deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%);
}

.set-option .owl-next{left: 10px}

.set-option #navContainer .owl-next,
.set-option #navContainerVid .owl-next{
	background: rgb(109,73,187);
	background: linear-gradient(180deg, rgba(109,73,187,1) 0%, rgba(51,1,160,1) 100%);
}

.set-option #navContainerSound .owl-next{
	background: rgb(246,99,47);
	background: linear-gradient(0deg, rgba(246,99,47,1) 0%, rgba(248,201,98,1) 100%);

}

.set-option #navContainerSound .owl-prev{
	background: rgb(246,99,47);
	background: linear-gradient(180deg, rgba(246,99,47,1) 0%, rgba(248,201,98,1) 100%);
}

.set-option #navContainerTestimonials .owl-next{
	background: rgb(185,217,136);
	background: linear-gradient(180deg, rgba(185,217,136,1) 0%, rgba(96,152,17,1) 100%);
}

.set-option #navContainerTestimonials .owl-prev{
	background: rgb(185,217,136);
	background: linear-gradient(0deg, rgba(185,217,136,1) 0%, rgba(96,152,17,1) 100%);	
}

.success-story .owl-next,
.success-story .owl-prev{
	position: static;
	color: #FFF !important;
    width: 40px;
    height: 40px;	
    position: relative;	
}

.success-story .owl-next {
	background: rgb(246,99,47) !important;
	background: linear-gradient(180deg, rgba(246,99,47,1) 0%, rgba(248,201,98,1) 100%) !important;
    left: -40px;
    float: left	
}

.success-story .owl-prev{
	background: rgb(246,99,47);
	background: linear-gradient(0deg, rgba(246,99,47,1) 0%, rgba(248,201,98,1) 100%) !important;
    right: -40px;	
}

.show-mobile{display: none }

@media(max-width: 776px) {
	
	.navbar form button{top: 6px}
	
	.show-mobile{display: block }
	
	#footer .col-logo {
		width: 90%;
		margin: auto;		
	}
	
	.slider-home .item{
		min-height: 350px!important;
	}
	
	.slider-home .item{background-position: center }
	
	.slider-home .item.item2slider {background-position: 0 76%;}
	
	.slider-home .content{
		background: #33019f59;
		color: #FFF;
		padding: 10px;
		border-radius: 5px;
		font-size: 14px;		
	}
	
	.slider-home h2{margin-top: 0}
	
	.content-bar {
		border-radius: 25px;
		background-color: #F5F4F8;
		margin-top: 50px !important;
	}	
	
	#winners{    padding-bottom: 0 !important;}
	
	.set-option .owl-dot{
		border-radius: 50%;
		padding: 0	;
		width: 5px	
	}
	
	#testimonials .slide-video {
		padding-right: 15px;
		margin-right: 0;
		padding-top: 100px
	}	
	
	#testimonials .cover-vid .img{
		right: 50%;
		transform: translateX(50%);
		top: 15px;
	}
	
	#winners .img {margin-bottom: 70px}
	
	#footer .social-link li a img { max-width: 50px; }
	
	#footer .links-footer ul a{padding: 3px;font-size: 14px }
	
	#footer .links-footer { padding-top: 20px }	
	
	#footer .social-link {
		width: 100%;
		float: none;
		padding-top: 40px;
		
	}
	
	.imgv{right: -20px;}
	
	.imgv img {    width: 115px;}
	
	#contact-home form .row{
		width: 98%;
		margin: auto
	}
	
	#testimonials .slide-video {min-height: auto }
	
	.boxes-share{margin-top: 0 !important}
	
	.page-volunteer-work .box { margin-bottom: 0 }
	
	.copyright{padding-bottom: 20px !important}
	
	.content-page-about .box-content ul{padding: 0}
	
	.page-apps .searchandfilter ul li{
		display: block;
	    margin-bottom: 5px;	
	}
	
	.sf-field-taxonomy-typeApps {
		margin-right: 31px !important;
		top: 0;
	}	
	
	.box-p-b-r{    padding: 12px;}
	
	.breadcrumb,
	.nav-breadcrumb{
		margin-top: 8px;
		padding-right: 0
	}
	
	.box-success .txt{font-size: 14px}
	
	.nav-breadcrumb .breadcrumb-item, .nav-breadcrumb .breadcrumb-item a {
		font-size: 11px;
	}	
	
	.success-story .owl-nav{
		top: auto;
		position: static;
		margin-bottom: 20px;	
		width: 85px;
		margin: 20px auto !important;
	}
	
	.box-project{    padding-bottom: 60px;}
	
	.box-project .ratio-content img {
		height: 66%;
		object-fit: cover;		
	}
	
	.box-project .ratio-content:after{
		width: 130px;
		height: 115px;		
	}

	.box-project{    padding-top: 40px;}
	
	.boxes-share .box-project p{top: 0}
		
	.files-uploade .input span.input-txt{width: auto;text-align: center;}
	
	.form-volunteer-upload .box{padding: 10px;}
	
	.breadcrumb-item.active{padding-right: 0}
	
	.contact-info li,
	.page-volunteer-upload .working-review{
		font-size: 13px !important
	}
	
	h3{ 
		font-size: 20px
	}
	
	.box-project,
	.box-join,
	.page-volunteer-upload.thx .content,
	.form-volunteer-upload .box{
		margin-bottom: 20px
	}	
	
	.join-to-whatsapp,
	#footer .social-link,
	#footer .join,
	#footer .links-footer ul,
	.copyright .float-left,
	.copyright .float-right,
	#testimonials .slide-video,
	.page-volunteer-upload.thx .content{
		text-align: center !important;
	}
	
	.page-vid{position: relative;}
	
	.audio-shortcode .select2-selection {
		width: 100% !important;
	}	
	
	.cat-heading-search,
	.cat-heading-search .d-inline-block,
	.searchandfilter label{
		display: block !important;
	}
	
	.cat-heading-search .d-inline-block.txt-weight-light.pr-3 {
		text-align: center;
		display: block !important;
		padding-bottom: 8px;
		padding-left: 0 !important;		
	}
	
	.searchandfilter ul{padding: 0}
	
	.content-words{
		min-height: auto
	}
	
	#testimonials,
	#sound,
	#vedio,
	#winners,
	.contact-page{
		overflow: hidden !important
	}
	
	.page-apps .search-filter-result-item .footer-box {
		margin-left: 0;
		margin-right: -14px;		
	}
	
	.cover-vid:after,
	.navbar .nav-item:after,
	.contact-page:before,
	.page-apps .heading:after,
	.page-volunteer-upload .heading:after,
	.page-volunteer-work .heading:after,
	.last-volunteer-work:before,
	.hidden-mobile,
	.page-vid .heading:after,
	.fixed-socail{
		content: none;
		display: none
	}	
	
	.half-last-item{
		position: static;
		padding-right: 5px;
		padding-left: 5px;		
	}
	
	#sound h3:before {
		background-image: url(../img/MusicalNotes.png);
		width: 25px;
		height: 28px;
	}	
	
	#vedio h3:before {
		background-image: url(../img/Videocam.png);
		width: 30px;
		height: 20px;
	}	
	
	#sound h3 + a,
	#vedio h3 + a	{
		color: #F6632F;
		float: right !important;
		margin-top: -17px !important;
	}	
	
	#vedio h3, #sound h3 {
		padding-right: 37px;
		padding-top: 6px;
	    font-size: 17px;	
	}	
	
	#vedio h3 + a{
		color: #704DBC !important;
	}
	
	.join-to-whatsapp,
	.navbar .d-inline-block{
		display: block !important
	}
	
	.copyright .float-left,
	.copyright .float-right,
	input[type='submit']{
		float: none !important
	}
	
	#footer{padding-top: 0 !important}
	
	.navbar .form-inline .form-control{
		width: 100%
	}
	
	.ratio-holder .ratio.slider {    padding-top: 50%;}
	
	.item1slider .ratio-holder .ratio-content img{
		position: relative;
		right: 40px;		
	}
	
	.item1slider{background-size: 100% !important;}
}

/** New Edit 2021 **/

.plyerAudio{
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background: #FFF;
	box-shadow: 0 0 8px #e8e8e8;
	z-index: 99999999;
	padding-left: 35px;
	 transition: all .2s;
	bottom: -150%
}

.show-player{
	bottom: 0;
	transition: all .2s;
}

.plyerAudio > i.fa-times-circle {
	font-size: 22px;
	position: absolute;
	top: 50%;
	z-index: 999;
	left: 20px;
	transform: translateY(-50%);
	color: #4a5464;
	cursor: pointer;
	
}

.content-plyer-audio{
	position: relative
}

.content-plyer-audio img{
    max-width: 100%;
    height: auto;
	border-radius: 5px	
}

.clickPlayerAudio{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 25px;
    background: #94be56;
    padding: 7px;
    color: #FFF;
    border-radius: 3px;
    cursor: pointer;
    z-index: 9;
    transition: all .2s;
}

.slide-video:hover .clickPlayerAudio{
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
}

.plyr__volume input[type=range],
.plyr__progress input[type=range]{
    color: #e89f23;	
	margin-top: 10px;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true]{
	background: #e89f23;	
}