/* BASIC css start */
.brand_ .ft_banner{display:none}

.section{overflow:hidden;position:relative;margin:0 -15px}
.section .inwrap{position:relative;z-index:1}

.section .txt{padding:20px;background:white}
.section .txt h4{position:relative;line-height:100%;margin-bottom:25px;font-size:27px;color:black;font-weight:700;opacity:0;filter:alpha(opacity=0)}
.section .txt p{line-height:160%;margin-top:10px;font-size:12px;color:#757575;letter-spacing:-0.02em;opacity:0;filter:alpha(opacity=0)}
.section .bg{position:absolute;top:0;left:0;width:100%;height:46%;
	background-position: 50% 50%;
	transition: transform 0.8s
}
.section.on .bg{
	-webkit-transition-duration:1.4s;
	transition-duration:1.4s;
	-webkit-transition-delay:0.6s;
	transition-delay:0.6s;
	transform: scale(1.10)
}

.section.sect1 .inwrap{padding-top:50%}
.section.sect1 .txt{top:0;right:0;bottom:0;padding-bottom:50px;text-align:right}
.section.sect1 .txt h4{top:-30px;right:0}
.section.sect1 .bg{height:55%;background:url(/design/sdnetworks/skin1.m/imgz/brand/brand-stroy_sect1-bg.jpg) no-repeat 0 0;background-size:cover}

.section.sect2 .inwrap{padding-top:50%}
.section.sect2 .txt{top:0;bottom:0;left:0;padding-bottom:50px}
.section.sect2 .txt h4{top:-30px}
.section.sect2 .bg{background:url(/design/sdnetworks/skin1.m/imgz/brand/brand-stroy_sect2-bg.jpg) no-repeat 100% 0;background-size:cover}

.section.sect3 .inwrap{padding-top:50%}
.section.sect3 .txt{top:0;right:0;padding-bottom:50px;text-align:right}
.section.sect3 .txt h4{top:-30px;right:0}
.section.sect3 .object{position:absolute;top:0;left:15px;margin-top:18%;width:39%;height:0;padding-top:47%;background:url(/design/sdnetworks/skin1.m/imgz/brand/brand-stroy_sect3-object1.png) no-repeat;background-size:cover}
.section.sect3 .bg{background:url(/design/sdnetworks/skin1.m/imgz/brand/brand-stroy_sect3-bg.jpg) no-repeat 50% 0;background-size:cover}
.section.sect3.on .object{margin-top:11%;
	-webkit-transition-duration:1.4s;
	transition-duration:1.4s;
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
}

.section.sect4 .txt{padding:50px 20px;background:none;text-align:center}
.section.sect4 .txt:after{display:inline-block;position:relative;z-index:1;width:70%;margin-top:30px;padding-top:46%;background:url(/design/sdnetworks/skin1.m/imgz/brand/brand-stroy_sect4-object1.png) no-repeat 50% 0;background-position: 50% 50%;background-size:cover;transition:transform 0.8s;content:''}
.section.sect4 .bg{height:100%;background:url(/design/sdnetworks/skin1.m/imgz/brand/brand-stroy_sect4-bg.jpg) no-repeat 0 0;background-size:cover}
.section.sect4.on .txt:after{
	-webkit-transition-duration:1.4s;
	transition-duration:1.4s;
	-webkit-transition-delay:0.6s;
	transition-delay:0.6s;
	transform: scale(1.10)
}

.section.on .txt h4{top:0;opacity:10;filter:alpha(opacity=100);
	-webkit-transition-duration:1.4s;
	transition-duration:1.4s;
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
}
.section.on .txt p.n1{opacity:10;filter:alpha(opacity=100);
	-webkit-transition-duration:1.5s;
	transition-duration:1.5s;
	-webkit-transition-delay:1.5s;
	transition-delay:1.5s;
}
.section.on .txt p.n2{opacity:10;filter:alpha(opacity=100);
	-webkit-transition-duration:1.5s;
	transition-duration:1.5s;
	-webkit-transition-delay:1.8s;
	transition-delay:1.8s;
}
.section.on .txt p.n3{opacity:10;filter:alpha(opacity=100);
	-webkit-transition-duration:1.5s;
	transition-duration:1.5s;
	-webkit-transition-delay:2.1s;
	transition-delay:2.1s;
}
.section.on .txt p.n4{opacity:10;filter:alpha(opacity=100);
	-webkit-transition-duration:1.5s;
	transition-duration:1.5s;
	-webkit-transition-delay:2.4s;
	transition-delay:2.4s;
}
/* BASIC css end */

