/* 
	Section Background (bg.css)
	
	Table of Content
	- general settings for section & subheader
	- general background image for subheader
	- background settings for page subheader
	- background settings for section
	- subheader for side navigation
	- media query
*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap);
/* general settings for section & subheader */
section,#subheader{
-webkit-background-size: 100% !important;
-moz-background-size: 100% !important;
-o-background-size: 100% !important;
background-size: 100% !important;
}

/* general background image for subheader */
#subheader{
background:url(../images/background/bg-subheader.jpg)top fixed;
}

/* background settings for page subheader */
.page-projects #subheader{background-image:url(../images/background/subheader-1.jpg);}
.page-projects-alt #subheader{background-image:url(../images/background/subheader-1b.jpg);}
.page-services #subheader{background-image:url(../images/background/subheader-2.jpg);}
.page-about #subheader{background-image:url(../images/background/subheader-3.jpg);}
.page-blog #subheader{background-image:url(../images/background/subheader-4.jpg);}
.page-shop #subheader{background-image:url(../images/background/subheader-5.jpg);}
.page-contact #subheader{background-image:url(../images/background/subheader-6.jpg);}

/* background settings for section */
#info-address{background:url(../images/background/bg-3.jpg) top fixed;}
#view-all-projects, #call-to-action{padding:60px 0 60px 0;}
#section-about-us-2{background:#f8f8f8; height:100%;}
#section-about-us-2 .image-container{background:url(../images/background/bg-side-1.jpg);}
#section-about-us-3{background:#f5f5f5; height:100%;margin-bottom:6px;}
/*#section-about-us-3 .image-container{background:url(../images/background/bg-side-2.jpg);}*/
#section-about-us-3 .image-container{
	display:flex;
	align-items:center;
	justify-content:center;
}
	
#section-about-us-4 .image-container{background:url(../images/background/bg-side-3.jpg);}
#section-welcome-5{background:url(../images/background/bg-14.jpg) top fixed;}
#section-blog {background:url(../images/background/bg-5.jpg) top fixed;}
#section-coming-soon{ background:none; position:absolute; min-height:100%; width:100%;z-index:1;}
#section-describe{background:#202020;}
#section-download{background:url(../images/background/bg-9.jpg) top fixed;}
#bg-coming-soon-page{background:url(../images/background/bg-6.jpg) top fixed; position:fixed; min-height:100%; width:100%;}
#section-about-us-2{background:#18191b; height:100%;}
.de_light #section-about-us-2{background:none;}
#section-welcome{background:url(../images/background/bg-4.jpg) top fixed;}
#section-welcome-2{background:url(../images/background/bg-6.jpg) top fixed;}
#section-welcome-3{background:url(../images/background/bg-7.jpg) top fixed;}
#section-welcome-4{
	background-attachment:fixed;
	background-position:top;
	}
#section-welcome-6{background:url(../images/background/bg-15.jpg) top fixed;}
#section-welcome-7{background:url(../images/background/bg-20.jpg) fixed center;}
#section-welcome-8{background:url(../images/background/bg-20.jpg) fixed center;}
#section-welcome-9{background:url(../images/background/bg-21.jpg) top fixed;}
#section-welcome-10{background:url(../images/background/bg-23.jpg) top fixed;}
#section-welcome-11{background:url(../images/background/bg-25.jpg) top fixed;}
#section-welcome-12{background:url(../images/background/bg-26.jpg) top fixed;}
#section-welcome-13{background:url(../images/background/bg-27.jpg) bottom right fixed;}
#section-welcome-14{background:url(../images/background/bg-28.jpg) top right fixed;}
#section-why-choose-us{background:url(../images/background/bg-8.jpg) top fixed;}
#section-why-choose-us-3{background:url(../images/background/bg-16.jpg) top fixed;}
#section-portfolio{background:#222; width:101%; overflow:hidden;}
.de_light #section-portfolio{background:#fff;}
#section-skill-bar{ background:url(../images/background/bg-8.jpg) top fixed;}
#section-testimonial{ background:url(../images/background/bg-3.jpg) top fixed;}
#section-testimonial-2{ background:url(../images/background/bg-17.jpg) top fixed;}
#section-steps{ background:url(../images/background/bg-2.jpg) top fixed;}
#section-steps-2{ background:#f5f5f5;}
#section-steps-3{ background:url(../images/background/bg-12.jpg) top fixed;}
#section-steps-4{ background:url(../images/background/bg-29.jpg) top fixed;}
#section-team{background:#111;}
.de_light #section-team{background:#f5f5f5;}
#hide-content{position:absolute; width:100%; min-height:100%; z-index:100;display:none; background:rgba(0,0,0,.8);}
#section-fun-facts .image-container{background:url(../images/background/bg-side-4.jpg);}
#section-fun-facts-2{background:url(../images/background/bg-13.jpg) center;}
#section-fun-facts-3{background:url(../images/background/bg-18.jpg) top;}
#section-custom-1{background:url(../images/background/bg-17.jpg) top fixed;}
#section-custom-2{background:url(../images/background/bg-16.jpg) top fixed;}
#section-cta-1{background:url(../images/background/bg-22.jpg) top fixed;}
#section-profile-experiences{background:url(../images/background/bg-24.jpg) top fixed;}
#section-pricing-coworking{background:url(../images/background/bg-30.jpg) top fixed;}
#section-testimonial-coworking{background:url(../images/background/bg-31.jpg) top fixed;}

/* services section side background */
#section-service-1.side-bg .background-image{background:url(../images/background/bg-service-1.jpg);}
#section-service-2.side-bg .background-image{background:url(../images/background/bg-service-2.jpg);}
#section-service-3.side-bg .background-image{background:url(../images/background/bg-service-3.jpg);}
#section-service-4.side-bg .background-image{background:url(../images/background/bg-service-4.jpg);}
#section-service-2,#section-service-4{background:#f2f2f2;}

#section-side-1.side-bg .background-image{background:url(../images/background/bg-side-5.jpg);}
#section-side-2.side-bg .background-image{background:url(../images/background/bg-side-6.jpg);}
#section-side-3.side-bg .background-image{background:url(../images/background/bg-side-7.jpg);}
#section-side-4.side-bg .background-image{background:url(../images/background/bg-side-8.jpg);}


/* background settings for side navigation subheader */
.de-navbar-left.de_light #subheader{background:url(../images/background/bg-subheader-sn.jpg)top fixed;}
.de-navbar-left.de_light.page-projects #subheader{background-image:url(../images/background/subheader-1-sn.jpg);}
.de-navbar-left.de_light.page-services #subheader{background-image:url(../images/background/subheader-2-sn.jpg);}
.de-navbar-left.de_light.page-about #subheader{background-image:url(../images/background/subheader-3-sn.jpg);}
.de-navbar-left.de_light.page-blog #subheader{background-image:url(../images/background/subheader-4-sn.jpg);}
.de-navbar-left.de_light.page-shop #subheader{background-image:url(../images/background/subheader-5-sn.jpg);}
.de-navbar-left.de_light.page-contact #subheader{background-image:url(../images/background/subheader-6-sn.jpg);}

.bg-fit-height{
	-webkit-background-size: auto 100% !important;
	-moz-background-size: auto 100% !important;
	-o-background-size: auto 100% !important;
	background-size: auto 100% !important;
	background-attachment:scroll !important;
}
	/*extra developers code*/
 .logo_means{
	 position:absolute;
	 width:100%;
	 height:100%;
	 top:0;
	 left:0;
	 opacity:0;
	 background:rgba(255,255,255,0.5);
	 transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
 }
 .first_half_img{
	 width:100%;
	 height:50%;
	 display:flex;
	 align-items:center;
	 padding-left:15px
 }
  .second_half_img{
	 width:100%;
	 height:50%;
	 display:flex;
	 align-items:center;
	 padding-left:15px
 }
 .basic-letter{
	  font-family: 'Montserrat',Arial, Helvetica, sans-serif; 
	  font-size:200px;
	  font-weight:400;
	  transform: scaleX(2);
	  color:#000;
	  opacity:0;
	  transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
 }
  .first_half_img  .basic-letter{
	  transform:rotateY(180deg);
  }
   .second_half_img  .basic-letter{
	  transform:rotate(-30deg);
  }

 .letter-words .first_e{
	  font-family: 'Manrope', sans-serif;
	  font-size:18px;
	  color:#222;
	  font-weight:100;
	  padding-left:20px;
	  margin-bottom:10px;
	  margin-top:50px;
	  letter-spacing:3px;
 }
  .letter-words .all_c{
	  font-family: 'Manrope', sans-serif;
	  font-size:18px;
	  color:#222;
	  font-weight:100;
	  padding-left:20px;
	  margin-bottom:10px;
	  margin-top:50px;
	  letter-spacing:3px;
 }
 .letter-words .all_c div{
	 margin-bottom:20px;
}
.first_e, .first_c, .second_c, .third_c, .foth_c, .fivth_c {
	 opacity:0;
	 padding-left:30px;
	 transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
}
 .side-bg .about_artist{
		right:0 !important;
	}
.menu_button_in_menu{
	display:none;
	position:absolute;
	top:10px;
	right:20px;
	width:50px;
	height:50px;
	z-index:9999;
}
.menu_button_in_line_one{
	width:30px;
	margin-top:20px;
	margin-left:20px;
	background:#000;
	height:1px;
	transform:rotate(45deg);
}
.menu_button_in_line_two{
	width:30px;
	background:#000;
	height:1px;
	margin-top:-1px;
	margin-left:20px;
	transform:rotate(-45deg);
}
.forced_margin_left{margin-left:25vw;}
.forced_no_margin_left{margin-left:0vw;}
/* media query */
@media only screen and (max-width: 1199px) {
	section{
	-webkit-background-size: auto 100% !important;
	-moz-background-size: auto 100% !important;
	-o-background-size: auto 100% !important;
	background-size: auto 100% !important;
	background-attachment:scroll !important;
	background-position:top !important;
	}
}
@media only screen and (max-width: 992px) {
section,#subheader{
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
}
@media only screen and (max-width: 768px) {
	.basic-letter{
		font-size:120px;
	}
	.letter-words .first_e, .letter-words .all_c{
		font-size:16px;
		margin-top:35px;
		 letter-spacing:0px;
	}
	 .letter-words .all_c div{
	 margin-bottom:10px;
    }
	.menu_all_website{width:100vw;}
	.menu_button_in_menu{display:block;}
	.forced_no_margin_left{margin-left:0vw;margin-right:0vw;}
	.forced_margin_left{margin-left:100vw;margin-right:-100vw;}
}
.line_process{
	display:flex;
	align-items:center;
	justify-content:space-around;
	font-size:20px;
}
.border_class{
	position:relative;
	width:100%;
	text-align:center;
	padding-bottom:20px;
	cursor:pointer;
	border-bottom:2px solid #dedede;
}
.border_class_line{
	position:absolute;
	bottom:-2px;
	width:0px;
	height:2px;
	background:#FAB702;
	transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
}
.checked_item{
	margin-left:10px;
}
.checked_item .fas{
	color:#FAB702;
}
.checked_item .far{
	color:#FAB702;
}
.padding-forced-0{
	padding:0px !important;
}
.padding-forced-0 .row{
	    margin-right: -18px !important;
        margin-left: 0px !important;
}
.container.show_blogs{
	padding-left:15px;
	padding-right:15px;
	padding-top:30px;
}
.loader_move .fa-refresh{
  font-size: 20px;
  animation: spin 1s; 
  margin-right:5px;
  animation-timing-function: linear;
  animation-iteration-count: infinite; 
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.show_all_blog{
	cursor:pointer;
}
.share_social a{
	margin-bottom:5px;
}
.grid-item{
	border:3px solid #f9f9f9;
}
.extra_style_slider{
	padding-left:50px;
}