.edrea_tm_section{transition:visibility .5s linear,opacity linear;-moz-transition:visibility .5s linear,opacity linear;-webkit-transition:visibility .5s linear,opacity linear;-o-transition:visibility .5s linear,opacity linear}

#preloader{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    display: flex;
}
#preloader:before,
#preloader:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#preloader:after{
    left: auto;
    right: 0;
}
#preloader .loader_line{
    margin: auto;
    width: 1px;
    height: 250px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
.loader_line:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #000;
    -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
    -o-animation: lineheight 1000ms ease-in-out 0s forwards;
    animation: lineheight 1000ms ease-in-out 0s forwards;
}
.loader_line:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: lineround 1200ms linear 0s infinite;
    -o-animation: lineround 1200ms linear 0s infinite;
    animation: lineround 1200ms linear 0s infinite;
    animation-delay: 2000ms;
}

@keyframes lineheight{
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}

@keyframes lineround{
    0%{
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
}

/*hiding all*/
.preloaded .loader_line:after{
    opacity: 0;
}
.preloaded  .loader_line{
    opacity: 0;
    height: 100%!important;
}
.preloaded:before,
.preloaded:after{
    -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    -o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero{
    0%{
        width: 50%;
    }
    100%{
        width: 0%;
    }
}

.cursor-outer.cursor-hover,.preloaded .loader_line:after{opacity:0}.preloaded .loader_line{opacity:0;height:100%!important}.preloaded:after,.preloaded:before{-webkit-animation:.3s ease-in-out .5s forwards preloadedzero;-o-animation:.3s ease-in-out .5s forwards preloadedzero;animation:.3s ease-in-out .5s forwards preloadedzero}@keyframes preloadedzero{0%{width:50%}100%{width:0%}}
.progress_inner .background .bar.open{-webkit-animation:2s cubic-bezier(.165,.84,.44,1) wow;-moz-animation:2s cubic-bezier(.165,.84,.44,1) wow;animation:2s cubic-bezier(.165,.84,.44,1) wow;width:100%}@-webkit-keyframes wow{0%{width:0%}100%{width:100%}}@-moz-keyframes wow{0%{width:0%}100%{width:100%}}@keyframes wow{0%{width:0%}100%{width:100%}}
.cd-headline b{font-weight:500!important}
.edrea_tm_modalbox .about_popup_details .partners .list ul{min-width:calc(100% + 12px)}
.edrea_tm_modalbox .about_popup_details .partners .list_inner{height:100%;display:flex;align-items:center;justify-content:center;}
.edrea_tm_modalbox .about_popup_details .testimonial .list ul li .text:before{position:absolute;content:"";height:0;width:0;top:100%;left:50px;border:solid transparent;border-top-color:#333;border-width:18px 18px 0 0}
.edrea_tm_modalbox .about_popup_details .testimonial .list ul li .text:after{position:absolute;content:"";top:100%;left:50px;height:0;width:0;border:solid transparent;border-top-color:#222;border-width:14px 13px 0 0;margin-left:2px}
.edrea_tm_news .news_list .image:hover .main,.edrea_tm_portfolio .portfolio_list .list_inner:hover .image .main{transform:scale(1.1) translateZ(0)}
.edrea_tm_swiper_progress{width:100%;display:flex;align-items:center;justify-content:space-between;clear:both;margin-top:32px}
.edrea_tm_swiper_progress .my_pagination_in{float:left;position:relative}
.edrea_tm_swiper_progress span{display:block;float:left;font-size:16px;letter-spacing:0;color:#fff;height:22px;line-height:22px}
.edrea_tm_swiper_progress .pagination_progress{width:100px;margin:0 20px;position:relative}
.edrea_tm_swiper_progress .pagination_progress .all{height:1px;width:100%;position:absolute;z-index:5;top:50%;left:0;background-color:rgba(255,255,255,.2)}
.edrea_tm_swiper_progress .pagination_progress .all span{height:1px;width:100%;background-color:rgba(255,255,255,.5);position:absolute;z-index:5;top:0;left:0;transform-origin:left top;transform:scale(0);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.edrea_tm_settings .cursor li .svg,.edrea_tm_settings .icon .svg{width:25px;height:25px;color:#fff}
.edrea_tm_swiper_progress .my_navigation{position:relative;left:6px}
.edrea_tm_swiper_progress .my_navigation ul{margin:0;list-style-type:none}
.edrea_tm_swiper_progress .my_navigation ul li{margin:0 10px 0 0;display:inline-block}
.edrea_tm_swiper_progress .my_navigation ul li:last-child{margin-right:0}
.edrea_tm_swiper_progress .my_navigation ul li a{text-decoration:none;color:#fff;font-size:14px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.edrea_tm_swiper_progress .my_navigation ul li a:hover{color:var(--pink-color)}
.edrea_tm_modalbox .portfolio_popup_details .additional_images ul li:nth-child(3n-2){width:100%}
.mouse-cursor{position:fixed;left:0;top:0;pointer-events:none;border-radius:50%;-webkit-transform:translateZ(0);transform:translateZ(0);visibility:hidden}
.cursor-inner{margin-left:-3px;margin-top:-3px;width:6px;height:6px;z-index:100;background-color:var(--pink-color);-webkit-transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out}
.cursor-inner.cursor-hover{margin-left:-40px;margin-top:-40px;width:80px;height:80px;background-color:var(--pink-color);opacity:.3}
.cursor-outer{margin-left:-15px;margin-top:-15px;width:30px;height:30px;border:2px solid var(--pink-color);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:100;opacity:.5;-webkit-transition:.08s ease-out;transition:.08s ease-out}
.edrea_tm_all_wrap[data-magic-cursor=hide] .mouse-cursor{display:none;opacity:0;visibility:hidden;position:absolute;z-index:-1111}
.edrea_tm_modalbox .about_popup_details .partners .list ul img{display:inline-block}
.edrea_tm_contact .fields .first ul li input:focus{outline: none;background: transparent;}
.edrea_tm_contact .fields .last textarea:focus{outline: none;background: transparent;}
@media(max-width:1400px){.edrea_tm_content,.edrea_tm_header{width:800px!important}.edrea_tm_content{top:80px!important;bottom:80px!important}}
@media(max-width:1040px){.edrea_tm_content{width:100%!important;top:70px!important;bottom:70px!important}.edrea_tm_topbar{display:block!important}}

.edrea_tm_portfolio .portfolio_list .details{
	position: absolute;
	z-index: 2;
	bottom: -100px;
	left: 20px;
	background-color: #fff;
	padding: 10px 20px 10px 20px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
	border-radius: 5px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.edrea_tm_portfolio .portfolio_list .details h3{
	color: #000;
	font-size: 15px;
	margin-bottom: 2px;
}
.edrea_tm_portfolio .portfolio_list .details span{
	color: #777;
	font-size: 14px;
}
.edrea_tm_portfolio .portfolio_list .list_inner:hover .details{
	bottom: 20px;
}
