@charset "utf-8";

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0;
	border: 0;
	font-size: 100%; font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*basic*/
body{font-family:'Open Sans', sans-serif; font-size:14px; color:#444444;}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, textarea, button, select{font-weight:'Open Sans', sans-serif;}
a{color:#444444; text-decoration:none;}

/*common*/
	.wrap{
		width:1338px; margin:0 auto; padding:0 31px;
		-moz-transition:all 0.5s; -ms-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s;
		-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	}
	.clearfix::after{clear:both; display:block; content:"";}
	section h2{font-size:32px; color:#222222; text-align:center; font-weight:600; letter-spacing:-0.3px; padding-top:100px;}
	section h2::after{display:block; content:""; width:123px; height:3px; margin:0 auto; background-color:#0952a1; margin-top:15px;}
	h3{font-size:21px;}

/*topNav*/
	header{width:100%; height:60px; background-color:#ffffff;}
	header .navPos{width:100%; height:60px; display:block; position:relative;}

	header .navPos h1 a{display:block; height:60px; position:absolute; left:0; top:0;}
	header .navPos h1 a img{padding-top:12px;}

	header #topNav{position:absolute; top:0; right:0px;}
	header #topNav .navBar, header #topNav .navOut{display:none;}
	header #topNav div > ul{margin-top:20px;}
	header #topNav div > ul > li{
		float:left; margin-left:50px;
		-moz-transition:all 0.5s; -ms-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s;
		position:relative;
	}
	header #topNav div > ul > li > a{display:block; width:100%; height:100%; line-height:35px; text-align:center; border-bottom:5px solid #ffffff; }
	header #topNav div > ul > li:hover > a{border-bottom:5px solid #0952a1;}

	/*2depth*/
	header #topNav div > ul > li > ul{
		background-color:rgba(255,255,255,0.85); width:164px;
		position:absolute; left:0; top:40px; z-index:10;
	}
	header #topNav div > ul > li > ul > li{width:100%; height:34px;}
	header #topNav div > ul > li > ul > li a{display:block; width:100%; height:100%; padding:0 13px; line-height:34px;}
	header #topNav div > ul > li > ul > li:hover{background-color:rgba(255,255,255,0.8);}
	header #topNav div > ul > li > ul > li:hover a{color:#0952a1; font-weight:bold;} 

/*mainBanner*/
	figure{
		width:100%; height:400px; 
		background:url(https://image.ec21.com/optimg/escrow/landing_page/figure_bg.jpg) no-repeat center;
		color:#ffffff; font-size:60px; line-height:333px; font-weight:normal;
	}
	figure > .wrap{opacity:0.9;}

/*nav*/
	nav .wrap{width:1338px; padding:0px;}
	nav{width:100%; height:67px; background-color:rgba(0,0,0,0.4); position:absolute; top:393px; left:0;}
	nav ul li{float:left; height:67px; padding:0 31px;}
	nav ul li a{display:block; width:100%; height:100%; color:#ffffff; line-height:67px; font-size:16px; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s;}
	nav ul li a i{padding-left:10px;}
	nav ul li:hover a{color:#ff3600;}
	nav ul li a.on{color:#ff3600;}

/*What is escrow?*/
	#s1{width:100%; background-color:#ffffff;}
	#s1 article div{
		float:left; width:50%; margin-top:85px; padding:0 40px 98px; 
		-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	}
	#s1 h3{line-height:29px; color:#222222;padding-bottom:252px;}
	#s1 p{font-size:14px; line-height:21px; color:#777777;}
	#s1 article a{color:#0952a1;}
	#s1 article a:hover{text-decoration:underline;}
	#s1 article div:first-child{background:url(https://image.ec21.com/optimg/escrow/landing_page/what_img01.jpg) no-repeat center 85px;}
	#s1 article div:last-child{background:url(https://image.ec21.com/optimg/escrow/landing_page/what_img02.jpg) no-repeat center 82px;}

/*video*/
	#s2{
		width:100%; height:466px; text-align:center;
		background-image:url(https://image.ec21.com/optimg/escrow/landing_page/video_bg.jpg); 
		background-attachment:fixed;
		background-position:center;
		background-size:cover;
	}
	#s2 h2{font-size:28px; color:#b1b1b1; line-height:66px;}
	#s2 h2::after{display:none;}
	#s2 h3{font-size:21px; color:#b1b1b1; padding-bottom:60px;}
	#s2 #video{
		width:100%; height:100%; background-color:rgba(0,0,0,0.9);
		position:fixed; left:0; top:0; z-index:1000000;
	}
	#s2 #video div{margin-top:120px;}
	#s2 #video iframe{width:720px; height:405px; border:0;}
	#s2 #video .videoOut{position:absolute; top:50px; right:100px;}

/*How escrow works?*/
	#s3{width:100%; background-color:#f3f3f3; text-align:center;}
	#s3 h3{padding-bottom:145px; font-weight:bold;}
	#s3 ul{width:100%; margin-top:85px; padding-bottom:50px;}
	#s3 li{
		float:left; width:25%; font-size:16px; line-height:20px; border-right:1px solid #d5d5d5;
		-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	}
	#s3 li:nth-child(1){background:url(https://image.ec21.com/optimg/escrow/landing_page/work_icon01.png) no-repeat center 54px;}
	#s3 li:nth-child(2){background:url(https://image.ec21.com/optimg/escrow/landing_page/work_icon02.png) no-repeat center 54px;}
	#s3 li:nth-child(3){background:url(https://image.ec21.com/optimg/escrow/landing_page/work_icon03.png) no-repeat center 54px;}
	#s3 li:nth-child(4){background:url(https://image.ec21.com/optimg/escrow/landing_page/work_icon04.png) no-repeat center 54px; border-right:none 0;}
	#s3 > div > p{color:#0952a1; font-weight:bold; text-align:right; padding-bottom:50px; padding-right:50px;}

/*How to use Escrow service in EC21*/
	#s4{width:100%; background-color:#fff; padding-bottom:80px;}
	#s4 .wrap{width:1400px; padding:0px;}

	#s4 article{height:841px; position:relative;}
	#s4 article h3{width:100%; height:65px; font-size:20px; line-height:65px; color:#ffffff; text-align:center; background-color:#0952a1; margin-top:62px;}
	#s4 article .line{position:absolute; left:0; top:13.5%; width:100%; height:87%; border:3px solid #dcdee3; border-top:none 0; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#s4 article .phaseWp{float:left; width:50%; position:relative;}
	#s4 article .phaseWp > a{
		display:block; width:100%; height:51px; border-bottom:3px solid #dcdee3;
		font-size:20px; color:#aaaaaa; line-height:47px; text-align:center; background-color:#f7f8fa;
		-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	}
	#s4 article .phaseWp > a.on{
		background-color:#ffffff; color:#ff3600; font-weight:bold; font-size:23px; margin-top:7px; height:44px; 
		border:3px solid #dcdee3; border-bottom:none 0;
	}
	/*list tab menu*/
	#s4 article .phaseWp > ul{
		position:absolute; left:4.5%; top:85px; width:191.3%; border:1px solid #dddddd;
		-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	}
	#s4 article .phaseWp > ul > li{height:50px; float:left; text-align:center; position:relative; background-color:#ffffff;}
	#s4 article .phaseWp > ul > li::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:25px solid transparent; border-left:15px solid #ffffff; border-right:none;
	}
	#s4 article .phaseWp > ul > li::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:25px solid transparent; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 article .phaseWp > ul > li:last-child::before{display:none;}
	#s4 article .phaseWp > ul > li:last-child::after{display:none;}

	#s4 article .phaseWp > ul > li.on{background-color:#fff5f2;}
	#s4 article .phaseWp > ul > li.on::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:25px solid transparent; border-left:15px solid #fff5f2; border-right:none;
	}
	#s4 article .phaseWp > ul > li.on::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:25px solid #ffffff; border-left:15px solid #dddddd; border-right:none;
	}
	
	#s4 article .phaseWp > ul > li > a{display:block; width:100%; line-height:50px; font-size:15px; color:#0952a1;}
	#s4 article .phaseWp > ul > li.on > a{display:block; width:100%; height:100%; color:#ff3600;}
	#s4 article .phaseWp > ul > li > a:hover{text-decoration:underline;}
	#s4 article .phaseWp > ul > li.on > a:hover{text-decoration:none;}

	/*list tab menu contents*/
	#s4 article .phaseWp > ul > li > ul{position:absolute; top:51px; width:300%; display:none;}
	#s4 article .phaseWp > ul > li > ul li{float:right;}

	#s4 article .phaseWp > ul > li > ul li:first-child{
		width:36%; margin-top:163px; padding-right:4%;
		text-align:left;
	}
	#s4 article .phaseWp > ul > li > ul li:last-child{width:60%; height:639px;}

	#s4 article .phaseWp > ul > li > ul li .title p{float:left; font-size:22px; color:#222222; line-height:28px; margin-bottom:23px;}
	#s4 article .phaseWp > ul > li > ul li .title p:first-child{width:23px; padding-left:0px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#s4 article .phaseWp > ul > li > ul li .title p:last-child{width:92%; padding-left:0px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

	#s4 article .phaseWp > ul > li > ul li p{font-size:14px; color:#222222; line-height:24px; padding-left:26px;}
	#s4 article .phaseWp > ul > li > ul li p a{color:#0952a1;}
	#s4 article .phaseWp > ul > li > ul li p a:hover{text-decoration:underline;}

	#s4 article .phaseWp .conBtn{position:absolute; right:0; bottom:50px; text-align:center;}
	#s4 article .phaseWp .conBtn p{display:inline-block; padding:0px 40px;}
	#s4 article .phaseWp .conBtn a{font-size:22px; color:#0952a1; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s;}
	#s4 article .phaseWp .conBtn p.on:hover a{color:#ff3600; text-decoration:none;}

	#s4 article .phaseWp .nextBtn a{width:100%;}
	#s4 article .phaseWp .nextBtn a i{padding-left:8px;}

	#s4 article .phaseWp .prevBtn a i{padding-right:8px;}

	/*set up seller*/
	#s4 .setUp .seller > ul > li{width:33.3333%;}
	#s4 .setUp .seller > ul > li:nth-child(3) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}
	#s4 .setUp .seller> ul > li:nth-child(1) > ul{left:0;}
	#s4 .setUp .seller > ul > li:nth-child(2) > ul{left:-100%;}
	#s4 .setUp .seller > ul > li:nth-child(3) > ul{left:-200%;}

	#s4 .setUp .seller > ul > li > ul li:last-child{text-indent:-999999999999px;}
	#s4 .setUp .seller > ul > li:nth-child(1) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/setup_seller01.jpg) no-repeat left 18px;
			background-size:contain;
		}
	#s4 .setUp .seller > ul > li:nth-child(2) > ul li:last-child{
		background:url(https://image.ec21.com/optimg/escrow/landing_page/setup_seller02.jpg) no-repeat left 18px;
		background-size:contain;
	}
	#s4 .setUp .seller > ul > li:nth-child(3) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/setup_seller03.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .setUp .seller strong{display:block; font-weight:bold; margin-top:50px;}

	/*set up buyer*/
	#s4 .setUp .buyer > ul{
		position:absolute; left:-95.5%; top:85px; width:190.3%; border:1px solid #dddddd;
		-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	}
	#s4 .setUp .buyer > ul > li{width:25%;}
	#s4 .setUp .buyer > ul > li:nth-child(1) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}
	#s4 .setUp .buyer > ul > li:nth-child(3) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}
	#s4 .setUp .buyer > ul > li > ul{width:400%;}
	#s4 .setUp .buyer > ul > li:nth-child(1) > ul{left:0;}
	#s4 .setUp .buyer > ul > li:nth-child(2) > ul{left:-100%;}
	#s4 .setUp .buyer > ul > li:nth-child(3) > ul{left:-200%;}
	#s4 .setUp .buyer > ul > li:nth-child(4) > ul{left:-300%;}

	#s4 .setUp .buyer > ul > li:nth-child(1) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/setup_buyer01.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .setUp .buyer > ul > li:nth-child(2) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/setup_buyer02.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .setUp .buyer > ul > li:nth-child(3) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/setup_buyer03.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .setUp .buyer > ul > li:nth-child(4) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/setup_buyer04.jpg) no-repeat left 30px;
			background-size:contain;
		}

	/*Escrow seller*/
	#s4 .escrow .seller > ul > li{width:20%;}
	#s4 .escrow .seller > ul > li > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}
	#s4 .escrow .seller > ul > li:nth-child(4) > a{line-height:50px; padding-top:0px;}
	#s4 .escrow .seller > ul > li.on > a{width:80%;}
	#s4 .escrow .seller > ul > li > ul{width:500%;}
	#s4 .escrow .seller > ul > li:nth-child(1) > ul{left:0}
	#s4 .escrow .seller > ul > li:nth-child(2) > ul{left:-100%;}
	#s4 .escrow .seller > ul > li:nth-child(3) > ul{left:-200%;}
	#s4 .escrow .seller > ul > li:nth-child(4) > ul{left:-300%;}
	#s4 .escrow .seller > ul > li:nth-child(5) > ul{left:-400%;}

	#s4 .escrow .seller > ul > li:nth-child(1) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/escrow_seller01.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .escrow .seller > ul > li:nth-child(2) > ul li:last-child{
		background:url(https://image.ec21.com/optimg/escrow/landing_page/escrow_seller02.jpg) no-repeat left 30px;
		background-size:contain;
	}
	#s4 .escrow .seller > ul > li:nth-child(3) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/escrow_seller03.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .escrow .seller > ul > li:nth-child(4) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/escrow_seller04.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .escrow .seller > ul > li:nth-child(5) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/escrow_seller05.jpg) no-repeat left 30px;
			background-size:contain;
		}

	/*Escrow buyer*/
	#s4 .escrow .buyer > ul{
		position:absolute; left:-95.5%; top:85px; width:190.3%; border:1px solid #dddddd;
		-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	}
	#s4 .escrow .buyer > ul > li{width:33.33333%;}
	#s4 .escrow .buyer > ul > li:nth-child(1) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}
	#s4 .escrow .buyer > ul > li:nth-child(1) > ul{left:0;}
	#s4 .escrow .buyer > ul > li:nth-child(2) > ul{left:-100%;}
	#s4 .escrow .buyer > ul > li:nth-child(3) > ul{left:-200%;}

	#s4 .escrow .buyer > ul > li:nth-child(1) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/escrow_buyer01.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .escrow .buyer > ul > li:nth-child(2) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/escrow_buyer02.jpg) no-repeat left 30px;
			background-size:contain;
		}
	#s4 .escrow .buyer > ul > li:nth-child(3) > ul li:last-child{
			background:url(https://image.ec21.com/optimg/escrow/landing_page/escrow_buyer03.jpg) no-repeat left 30px;
			background-size:contain;
		}
	/*escrow buyer 03 add Image*/
	#s4 .escrow .buyer .addImgBtn div{padding:20px 0 0 25px;}
	#s4 .escrow .buyer .addImgBtn div a{display:block; float:left;}
	#s4 .escrow .buyer .addImgBtn p{width:100%; line-height:30px; padding-left:26px; font-size:14px; margin-top:23px;}

	#s4 .escrow .buyer .addWrap{
		width:100%; height:100%; display:none;
		position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.7); z-index:99;
	}
	#s4 .escrow .buyer .addImg img:first-child{width:60%; position:absolute; top:7%; left:50%; margin-left:-30%;}
	#s4 .escrow .buyer .addImg img:last-child{width:60%; position:absolute; top:5%; left:50%; margin-left:-30%;}
	#s4 .escrow .buyer .addOut{position:absolute; top:2%; right:2%;}

/*Links for further helps*/
	#s5{width:100%; background-color:#e3e3e3;}
	#s5 h2{float:left; padding-top:0px; line-height:150px; font-size:21px; color:#222222; font-weight:normal;}
	#s5 h2 i{color:#afaeae; padding-left:5px;}
	#s5 h2::after{display:none;}
	#s5 ul{float:right;}
	#s5 ul li{float:left; height:46px; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; margin-top:48px; margin-left:65px; padding:8px 3px;}
	#s5 ul li a{display:block; width:100%; height:100%; font-size:15px; color:#222222; font-weight:bold; vertical-align:middle; line-height:46px; -moz-transition:all 0.4s;; -ms-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
	#s5 ul li a:hover{color:#ff3600;}

	#s5 ul li:last-child a{line-height:30px;}
	#s5 ul li:last-child a p{font-size:13px; font-weight:normal; margin-top:-10px;}

	/*popup*/
    .well {
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        display:none;
        margin:1em; padding:40px 20px 20px;
		background:#fff;
		position:relative;
    }
	.well p:first-child{line-height:20px;}
	.well dl{margin-top:10px; font-family:'Open Sans', sans-serif;}
	.well dt{font-weight:bold; line-height:40px;}
	.well dd{display:list-item; list-style-type:outside disc !important; line-height:20px; margin-left:22px;}
	.well i{position:absolute; right:5px; top:5px; font-size:25px;}


	
/*footer*/
	footer{width:100%; background-color:#444444; font-size:13px; color:#a4a4a3; text-align:center; padding:20px 0px;}
	footer a{color:#a4a4a3; -moz-transition:all 0.4s;; -ms-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
	footer a:hover{color:#ffffff;}
	
    footer .share p{display:inline-block; line-height:29px;}
	footer .share ul{display:inline-block; vertical-align:top;}
    footer .share li{display:inline-block; text-indent:-99999999999px; width:29px; height:29px;}
	
	footer .share li a{display:block; width:100%; height:100%;}
	footer .share li:nth-child(1) a{background:url(https://image.ec21.com/optimg/escrow/landing_page/social_icon.png) no-repeat 0px -40px;}
	footer .share li:nth-child(2) a{background:url(https://image.ec21.com/optimg/escrow/landing_page/social_icon.png) no-repeat -43px -40px;}
	footer .share li:nth-child(3) a{background:url(https://image.ec21.com/optimg/escrow/landing_page/social_icon.png) no-repeat -86px -40px;}
	footer .share li:nth-child(4) a{background:url(https://image.ec21.com/optimg/escrow/landing_page/social_icon.png) no-repeat -129px -40px;}
	footer .share li:nth-child(5) a{background:url(https://image.ec21.com/optimg/escrow/landing_page/social_icon.png) no-repeat -173px -40px;}
	footer .share li:nth-child(6) a{background:url(https://image.ec21.com/optimg/escrow/landing_page/social_icon.png) no-repeat -217px -40px;}
	footer .share li:nth-child(7) a{background:url(https://image.ec21.com/optimg/escrow/landing_page/social_icon.png) no-repeat -260px -40px;}

	footer .share li:nth-child(1):hover a{background-position:0px 0px;}
	footer .share li:nth-child(2):hover a{background-position:-43px 0px;}
	footer .share li:nth-child(3):hover a{background-position:-86px 0px;}
	footer .share li:nth-child(4):hover a{background-position:-129px 0px;}
	footer .share li:nth-child(5):hover a{background-position:-173px 0px;}
	footer .share li:nth-child(6):hover a{background-position:-217px 0px;}
	footer .share li:nth-child(7):hover a{background-position:-260px 0px;}

	footer .footNav{margin-top:29px;}
	footer .footNav ul li{display:inline-block;}
	footer .footNav ul li::after{content:""; border-right:1px solid #a4a4a3; padding-left:4px; opacity:0.5;}
	footer .footNav ul li:last-child::after{display:none;}

	footer .copyright{margin-top:20px;}

/*top botton*/
	.topGo{
		width:50px; height:50px;
		position:fixed; bottom:20px; right:20px; z-index:100;
		font-size:13px; line-height:13px; text-align:center; font-weight:bold; letter-spacing:-1px;
		border:1px solid #979797; border-radius:25px;
		display:block;
	}
	.topGo a{display:block; width:100%; height:100%; color:#979797;}
	.topGo i{font-size:25px; margin-top:5px;}
	.topGo p{margin-top:-3px;}


@media screen and (max-width : 1395px) {

	/*common*/
	.wrap{width:95%; padding:0 0px;}

	/*nav*/
	nav .wrap{width:95%;}
	
	/*How to use Escrow service in EC21*/
	#s4 .wrap{width:95%;}
	#s4 article{height:774px;}
	#s4 article .line{top:9.5%; width:100%; height:94%;}
	#s4 article .phaseWp > ul{width:190.3%;}
	#s4 article .phaseWp > ul > li > ul{width:300%;}
	#s4 .escrow .seller > ul > li:nth-child(4) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}
	#s4 article .phaseWp > ul > li > ul li:last-child{height:580px;}
	
	/*escrow seller*/
	#s4 .escrow .seller > ul > li{height:64px;}
	#s4 .escrow .seller > ul > li::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #ffffff; border-right:none;
	}
	#s4 .escrow .seller > ul > li::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid transparent; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .escrow .seller > ul > li.on::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #fff5f2; border-right:none;
	}
	#s4 .escrow .seller > ul > li.on::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid #ffffff; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .escrow .seller > ul > li > a{line-height:18px !important; padding-top:12px !important;}
	#s4 .escrow .seller > ul > li:nth-child(2) > a{padding-top:4px !important;}

	/*escrow buyer 03 add Image*/
	#s4 .escrow .buyer .addImgBtn p{margin-top:13px;}

	#s4 .phaseWp > ul > li:last-child .conBtn{position:absolute; right:0%; bottom:-4px;}
	#s4 .seller > ul > li:last-child .conBtn{position:absolute; right:0%; bottom:17px;}
}

@media screen and (max-width : 1290px) {
	#s4 article{height:1100px;}
	#s4 article .line{top:9.5%; width:100%; height:91%;}

	#s4 article .phaseWp > ul > li > ul li{float:none;}
	#s4 article .phaseWp > ul > li > ul li:first-child{width:80%; margin:40px auto 0; padding-right:0px;}
	#s4 article .phaseWp > ul > li > ul li:last-child{width:80%; margin:0 auto;}
	#s4 article .phaseWp > ul > li > ul li:last-child{height:630px;}

	/*set up seller*/
	#s4 .setUp .seller > ul > li:nth-child(1) > ul li:last-child{background-position: center 28px;}
	#s4 .setUp .seller > ul > li:nth-child(2) > ul li:last-child{background-position: center 28px;}
	#s4 .setUp .seller > ul > li:nth-child(3) > ul li:last-child{background-position: center 28px;}
	#s4 .setUp .seller strong{margin-top:15px;}

	/*set up buyer*/
	#s4 .setUp .buyer > ul > li:nth-child(2) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}
	#s4 .setUp .buyer > ul > li:nth-child(4) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}

	#s4 .setUp .buyer > ul > li:nth-child(1) > ul li:last-child{background-position: center 28px;}
	#s4 .setUp .buyer > ul > li:nth-child(2) > ul li:last-child{background-position: center 28px;}
	#s4 .setUp .buyer > ul > li:nth-child(3) > ul li:last-child{background-position: center 28px;}
	#s4 .setUp .buyer > ul > li:nth-child(4) > ul li:last-child{background-position: center 28px;}

	/*escrow seller*/
	#s4 .escrow .seller > ul > li:nth-child(3) > a{padding-top:12px !important;}
	#s4 .escrow .seller > ul > li:nth-child(1) > ul li:last-child{background-position:center 30px;}
	#s4 .escrow .seller > ul > li:nth-child(2) > ul li:last-child{background-position:center 30px;}
	#s4 .escrow .seller > ul > li:nth-child(3) > ul li:last-child{background-position:center 30px;}
	#s4 .escrow .seller > ul > li:nth-child(4) > ul li:last-child{background-position:center 30px;}
	#s4 .escrow .seller > ul > li:nth-child(5) > ul li:last-child{background-position:center 30px;}

	/*escrow buyer*/
	#s4 .escrow .buyer > ul > li:nth-child(1) > ul li:last-child{background-position: center 30px;}
	#s4 .escrow .buyer > ul > li:nth-child(2) > ul li:last-child{background-position: center 30px;}
	#s4 .escrow .buyer > ul > li:nth-child(3) > ul li:last-child{background-position: center 15px;}
	
	#s4 .escrow .buyer .addImgBtn::after{clear:both; display:block; content:"";}
	
	
	/*escrow buyer 03 add Image*/
	#s4 .escrow .buyer .addImgBtn div{float:left;}
	#s4 .escrow .buyer .addImgBtn p{float:left !important; width:54% !important; line-height:30px; padding-left:26px; font-size:14px; margin-top:23px;}

	#s4 .escrow .buyer .addImg img:first-child{width:90%; position:absolute; top:10%; left:50%; margin-left:-45%;}
	#s4 .escrow .buyer .addImg img:last-child{width:90%; position:absolute; top:10%; left:50%; margin-left:-45%;}
	#s4 .escrow .buyer .addOut{position:absolute; top:2%; right:2%;}

	#s4 .escrow .buyer .addWrap{height:105%;}

	#s4 article .phaseWp .conBtn{position:absolute; right:35%; bottom:-60px;}
	#s4 .phaseWp > ul > li:first-child .conBtn{position:absolute; right:41.5%; bottom:-60px;}
	#s4 .phaseWp > ul > li:last-child .conBtn{position:absolute; right:44%; bottom:-60px;}

	#s4 .seller > ul > li:last-child .conBtn{position:absolute; right:41.5%; bottom:-10px;}
	#s4 .escrow .seller > ul > li:nth-child(3) .conBtn{position:absolute; right:35%; bottom:-26px;}
	#s4 .escrow .seller > ul > li:nth-child(5) .conBtn{position:absolute; right:41.5%; bottom:-50px;}
	
	#s4 .escrow .buyer > ul > li:last-child .conBtn{position:absolute; right:42%; bottom:-27px;}
}

@media screen and (max-width : 1257px) {
	#s4 article .line{top:9.5%; width:100%; height:93%;}
}

@media screen and (max-width : 1229px) {
	/*escrow seller*/
	#s4 .escrow .seller > ul > li:nth-child(3) > a{padding-top:4px !important;}
}

@media screen and (max-width : 1200px) {
	#s4 article{height:1153px;}
}


@media screen and (max-width : 1174px) {
	#s4 .escrow .buyer .addImgBtn p{width:52% !important;}
}
@media screen and (max-width : 1174px) {
	/*escrow seller*/
	#s4 .escrow .seller > ul > li:nth-child(1) > a{padding-top:4px !important;}
}

@media screen and (max-width : 1156px) {
	/*How escrow works?*/
	#s3 > div > p{padding-right:0px;}

	/*escrow seller*/
	#s4 .escrow .seller > ul > li:nth-child(1) > a{padding-top:4px !important;}

	#s4 .escrow .seller > ul > li:nth-child(3) .conBtn{position:absolute; bottom:-36px;}
}

@media screen and (max-width : 1113px) {
	#s4 .setUp .buyer > ul > li:nth-child(1) > a{width:82%;}
}

@media screen and (max-width : 1087px) {
	#s4 article .phaseWp > ul > li > ul li:first-child{width:84%;}
	#s4 article .phaseWp > ul > li > ul li:last-child{width:84%;}

	/*set up buyer*/
	#s4 .setUp .buyer > ul > li{height:64px;}
	#s4 .setUp .buyer > ul > li::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #ffffff; border-right:none;
	}
	#s4 .setUp .buyer > ul > li::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid transparent; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .setUp .buyer > ul > li.on::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #fff5f2; border-right:none;
	}
	#s4 .setUp .buyer > ul > li.on::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid #ffffff; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .setUp .buyer > ul > li > a{line-height:18px !important; padding-top:12px !important;}
	#s4 .setUp .buyer > ul > li:nth-child(1) > a{padding-top:4px !important;}
}

	
@media screen and (max-width : 1049px) {

	/*common*/
	.wrap{width:100%; padding:0 10px;}

	/*topNav*/
	header #topNav div > ul > li{margin-left:30px;}
	
	/*mainBanner*/
	figure > .wrap{padding-left:30px;}

	/*nav*/
	nav .wrap{width:100%; padding:0;}

	/*What is escrow?*/
	#s1 h3{padding-bottom:240px;}
	#s1 article div:first-child{background-size:contain;}
	#s1 article div:last-child{background-size:contain;}

	/*Links for further helps*/
	#s5 h2{float:none; padding-top:0px; line-height:80px;}
	#s5 h2 i{display:none;}
	#s5 h2::after{display:none;}
	#s5 ul{float:none; padding-bottom:30px; text-align:center;}
	#s5 ul li{float:none; display:inline-block; height:36px; margin-top:0px; margin-left:10px; margin-right:10px; padding:8px 3px;}
	#s5 ul li a{line-height:36px;}

	#s5 ul li:last-child{position:relative; top:7px;}
	#s5 ul li:last-child a{line-height:24px;}
	#s5 ul li:last-child a p{font-size:13px; font-weight:normal; margin-top:-10px;}

}


@media screen and (max-width : 1025px) {
	#s4 .escrow .buyer .addImgBtn p{width:50% !important; padding-left:16px;}
	#s4 .escrow .buyer .addImgBtn div{padding:20px 0 0 20px;}
	
	#s4 .escrow .seller > ul > li:nth-child(3) .conBtn{position:absolute; right:31%; bottom:-5px;}
}

@media screen and (max-width : 1007px) {
	#s4 article .phaseWp > ul > li > ul li:first-child{width:92%;}
	#s4 article .phaseWp > ul > li > ul li:last-child{width:92%;}
	#s4 article .phaseWp > ul > li > ul li:last-child{height:648px !important; background-position:25px 30px !important;}

	/*escrow seller*/
	#s4 .escrow .seller > ul > li:nth-child(1) > a{width:90%;}
	#s4 .escrow .seller > ul > li:nth-child(2) > a{width:90%; padding-left:6%;}

	/*escrow buyer 03 add Image*/
	#s4 .escrow .buyer .addImg img:first-child{width:98%; position:absolute; top:10%; left:1%; margin-left:0%;}
	#s4 .escrow .buyer .addImg img:last-child{width:98%; position:absolute; top:10%; left:1%; margin-left:0%;}

	#s4 article .phaseWp .conBtn{position:absolute; right:31%; bottom:-60px;}
}

@media screen and (max-width : 980px) {
	#s4 .escrow .buyer > ul > li:nth-child(3) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:4px;}
	#s4 .escrow .buyer .addImgBtn p{float:left !important; width:100% !important; padding-left:23px; margin-bottom:0px; margin-top:5px;}
}

@media screen and (max-width : 966px) {
	#s4 .setUp .buyer > ul > li:nth-child(3) > a{padding-top:4px !important;}

}

@media screen and (max-width : 933px) {
	/*set up seller*/
	#s4 .setUp .seller > ul > li{height:64px;}
	#s4 .setUp .seller > ul > li::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #ffffff; border-right:none;
	}
	#s4 .setUp .seller > ul > li::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid transparent; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .setUp .seller > ul > li.on::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #fff5f2; border-right:none;
	}
	#s4 .setUp .seller > ul > li.on::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid #ffffff; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .setUp .seller > ul > li > a{line-height:18px !important; padding-top:22px !important;}
	#s4 .setUp .seller > ul > li:nth-child(3) > a{padding-top:4px !important;}
}


@media screen and (max-width : 930px) {
	#s4 article .phaseWp > ul > li > ul li:last-child{width:95%; background-position:29px 30px !important;}
}

@media screen and (max-width : 900px) {

	/*What is escrow?*/
	#s1 h3{padding-bottom:224px;}

	#s1 article div:first-child{background-position:center 105px;}
	#s1 article div:last-child{background-position:center 106px;}
	
	/*video*/
	#s2 #video .videoOut{position:absolute; top:50px; right:10px;}

}

@media screen and (max-width : 897px) {
	#s4 .wrap{width:100%;}
	#s4 article .phaseWp > ul > li > ul{top:70px;}
	#s4 article .phaseWp > ul > li > ul li:last-child{height:633px !important;}

	/*set up seller*/
	#s4 .setUp .seller > ul > li{height:64px;}
	#s4 .setUp .seller > ul > li::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #ffffff; border-right:none;
	}
	#s4 .setUp .seller > ul > li::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid transparent; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .setUp .seller > ul > li.on::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #fff5f2; border-right:none;
	}
	#s4 .setUp .seller > ul > li.on::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid #ffffff; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .setUp .seller > ul > li > a{line-height:18px !important; padding-top:22px !important;}
	#s4 .setUp .seller > ul > li:nth-child(3) > a{padding-top:16px !important;}

	/*set up buyer*/
	#s4 .setUp .buyer > ul > li:nth-child(3) > a{padding-top:4px !important;}

	/*escrow seller*/
	#s4 .escrow .seller > ul > li{height:84px;}
	#s4 .escrow .seller > ul > li::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:42px solid transparent; border-left:15px solid #ffffff; border-right:none;
	}
	#s4 .escrow .seller > ul > li::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:42px solid transparent; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .escrow .seller > ul > li.on::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:42px solid transparent; border-left:15px solid #fff5f2; border-right:none;
	}
	#s4 .escrow .seller > ul > li.on::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:42px solid #ffffff; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .escrow .seller > ul > li > a{line-height:18px !important; padding-top:20px !important; padding-left:2%;}
	#s4 .escrow .seller > ul > li:nth-child(1) > a{padding-top:5px !important;}
	#s4 .escrow .seller > ul > li:nth-child(2) > a{padding-top:16px !important; padding-left:9% !important;}
	#s4 .escrow .seller > ul > li:nth-child(3) > a{padding-top:16px !important;}

	#s4 .escrow .buyer .addWrap{position:absolute; top:-19px; left:0;;}

}

@media screen and (max-width : 888px) {
	#s4 .setUp .seller > ul > li:nth-child(3) > a{padding-top:4px !important;}
}

@media screen and (max-width : 885px) {
	#s4 .escrow .seller > ul > li:nth-child(2) > a{padding-top:5px !important; padding-left:2% !important;}
}

@media screen and (max-width : 862px) {
	#s4 article .phaseWp > ul > li > ul li:last-child{width:99%; height:632px;}
	#s4 .escrow .seller > ul > li:nth-child(4) > a{padding-top:16px !important;}

	/*escrow buyer 03 add Image*/
	#s4 .escrow .buyer .addWrap{top:-19px;}
}

@media screen and (max-width : 833px) {
	#s4 .setUp .seller > ul > li:nth-child(1) > a{display:block; width:80%; margin:0 auto; line-height:20px; padding-top:16px !important;}
	#s4 .setUp .buyer > ul > li > a{padding-left:7%;}
}

@media screen and (max-width : 820px) {
	#s4 .escrow .buyer > ul > li:last-child .conBtn{position:absolute; right:42%; bottom:-7px !important;}
}

@media screen and (max-width : 800px) {

	.wrap{min-width:760px; margin:0;}

	/*topNav*/
	header #topNav{position:absolute; top:0; right:0px;}
	header #topNav .navBar{display:block; font-size:28px; margin-top:14px; margin-right:14px;}
	header #topNav .navOut{
		display:none;
		position:fixed; top:20px; right:20px; z-index:1001;
	}
	header #topNav div{
		position:fixed; left:100%; top:0; z-index:1000; width:100%; height:100%;
		background-color:#777;
		overflow-y:auto; overflow-x:hidden;
	}
	header #topNav div > ul{
		margin-top:0px; padding-top:70px;
		position:absolute; left:0; top:0; width:100%; height:120%;
		overflow-y:auto; overflow-x:hidden;
	}

	header #topNav div > ul > li{float:none; margin-left:0px; position:relative;}
	header #topNav div > ul > li:nth-child(1){border-top:1px solid #aaa;}
	header #topNav div > ul > li > a{
		display:block; 
		width:100%; height:100%; padding-left:50px;
		font-size:20px; color:#ffffff; line-height:45px; text-align:left;
		border-bottom:1px solid #aaa; 
		-moz-transition:all 0.5s; -ms-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s;
	}
	header #topNav div > ul > li:hover > a{background-color:#0952a1; border-bottom:1px solid #aaa;}

	/*2depth*/
	header #topNav div > ul > li > ul{
		display:block;
		background-color:rgba(255,255,255,0.8); width:100%;
		position:static;
	}
	header #topNav div > ul > li > ul > li{width:100%; height:40px; padding-left:55px;}
	header #topNav div > ul > li > ul > li a{display:block; width:100%; height:100%; padding:0 13px; line-height:40px;}
	header #topNav div > ul > li > ul > li:hover{background-color:rgba(255,255,255,0.8);}
	header #topNav div > ul > li > ul > li:hover a{color:#0952a1; font-weight:bold;} 

	/*nav*/
		nav ul li{float:left; height:67px; padding:0 25px;}

	#s4 article .phaseWp > ul > li > a{padding-left:0% !important;}
	#s4 .escrow .seller > ul > li:nth-child(2) > a{padding-left:3% !important;}
}

@media screen and (max-width : 792px){
	/*set Up seller*/
	#s4 .setUp .buyer > ul > li{height:84px;}
	#s4 .setUp .buyer > ul > li::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:42px solid transparent; border-left:15px solid #ffffff; border-right:none;
	}
	#s4 .setUp .buyer > ul > li::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:42px solid transparent; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .setUp .buyer > ul > li.on::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:42px solid transparent; border-left:15px solid #fff5f2; border-right:none;
	}
	#s4 .setUp .buyer > ul > li.on::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:42px solid #ffffff; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .setUp .buyer > ul > li > a{line-height:18px !important; padding-top:20px !important; padding-left:2%;}
	#s4 .setUp .buyer > ul > li:nth-child(1) > a{padding-top:16px !important;}
	#s4 .setUp .buyer > ul > li:nth-child(2) > a{padding-top:20px !important; padding-left:9% !important;}
	#s4 .setUp .buyer > ul > li:nth-child(3) > a{padding-top:5px !important;}

	/*escrow buyer*/
	#s4 .escrow .buyer > ul > li{height:64px;}
	#s4 .escrow .buyer > ul > li::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #ffffff; border-right:none;
	}
	#s4 .escrow .buyer > ul > li::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid transparent; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .escrow .buyer > ul > li.on::before {
		content: ''; position: absolute; right:-14px; top:0px; z-index:2;
		border:32px solid transparent; border-left:15px solid #fff5f2; border-right:none;
	}
	#s4 .escrow .buyer > ul > li.on::after {
		content: ''; position: absolute; right:-15px; top:0px; z-index:1;
		border:32px solid #ffffff; border-left:15px solid #dddddd; border-right:none;
	}
	#s4 .escrow .buyer > ul > li > a{line-height:18px !important; padding-top:22px !important;}
	#s4 .escrow .buyer > ul > li:nth-child(1) > a{padding-top:4px !important;}
	#s4 .escrow .buyer > ul > li:nth-child(3) > a{padding-top:16px !important;}

	#s4 .escrow .buyer .addWrap{position:absolute; top:-5px; left:0; height:103%;}

}

@media screen and (max-width : 787px){
	#s4 .setUp .buyer > ul > li:nth-child(3) > a{padding-top:12px !important;}
}

@media screen and (max-width : 777px){
	#s4 .setUp .buyer > ul > li:nth-child(3) > a{padding-top:4px !important;}
}