/* Everest Demo all Styles
================================================== */

	/* Page Fonts - You can change fonts on google: https://fonts.google.com/share?selection.family=Cabin:wght@400;500;600;700%7CMr%20Dafoe */
	/* Don't forget to change font classes and body style when you change website fonts. */
	@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&family=Mr+Dafoe&display=swap');
	
	/* Main and secondary fonts */
	.font-main{ font-family: 'Cabin', sans-serif !important;}
	.font-secondary{ font-family: 'Mr Dafoe', cursive !important; }

	/* Body Options */
	body{ font-family: 'Cabin', sans-serif; font-weight: 400; letter-spacing: 0px;}
	body *{outline:none;}

	/* Square */
    .loader-square{width:30px;height:30px;background-color:#333;margin:0 auto;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out;}
    @-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)} 50%{-webkit-transform:perspective(120px) rotateY(180deg)} 100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}
    @keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)} 50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}}

	/* Home Section */
	.home .slider-for-home{width: calc(100vw - 120px);}


		@media only screen and (max-width:1200px){
			.home{height: auto!important;}
			.home .slider-for-home{width: 100%;}
			.home .right-elements{display: none!important;}
			.home .slider-image{height: 700px!important;}
		}

		@media only screen and (max-width:992px){
			.home .slider-image{height: 500px!important;}
		}

		@media only screen and (max-width:640px){
			.home{height: auto!important;}
			.home .slider-for-home{width: 100%;}
			.home .right-elements{display: none!important;}
			.home .slider-image{height: 400px!important;}
		}

	/* Home Title */
	.home .home-title{font-size: calc(20px + 26*(100vw - 500px)/1500)}
	.home .home-title span{font-size: calc(28px + 25*(100vw - 500px)/1500)}
	/* Navigation slider's white masks */
	.home .nav-for-home-slider:before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:5;pointer-events:none;display:block;background: url(../images/white_mask_top.svg) top left 100% no-repeat, url(../images/white_mask_bottom.svg) bottom left 100% no-repeat;}
	.home .nav-for-home-slider .slick-list, .home .nav-for-home-slider .slick-track{height: 100% !important;}






	/* Current projects */
	.current-projects .slick-list, .current-projects .track, .current-projects .slick-slide{overflow: visible !important;}
	.current-projects .project-container{box-shadow: 10px 15px 70px 0 rgba(0,0,0,0.15);}

	/* SVG arrows */
	.project-slider-navs svg:hover path{fill: #FFFFFF !important;}






	.project-item .project-image-container img{-webkit-filter:blur(0px);filter:blur(0px);}
	.project-item .project-image-container .bubble-icon{visibility: hidden; opacity: 0; box-shadow: 4px 19px 64px 0 rgba(0,0,0,0.36); -webkit-transform:scale(0.8);transform:scale(0.8);}

	.project-item:hover .project-image-container img{-webkit-filter:blur(7px);filter:blur(7px);}
	.project-item:hover .project-image-container .bubble-icon{visibility: visible; opacity: 1; -webkit-transform:scale(1);transform:scale(1);}