/*	@import url("https://use.typekit.net/qnn2xbx.css");*/
	*{margin:0 auto;padding:0;font-family:Roboto, sans-serif;font-weight:400;}
    body{background-color:#666666;}
    img{max-width:100%;max-height:100%;}
    .clear{clear:both;width:100%;}
    .wrap{width:940px;height:768px;position:relative;background:#f1f1f2;overflow:hidden;}
    .wrap .layer{position:absolute;width:100%;height:calc(100% - 110px);padding-top:110px;}
 	.SelectTitle{height:40px;width:336px;text-align:center;background:rgba(255,255,255,0.8);color:#000;position:relative;font-size:27px;line-height:40px;}
	.wrap .layer .info_sign{width:29px;height:29px;background:url("images/i.png")no-repeat center center;cursor:pointer;position:absolute;left:5px;top:5px;}
	.homeSign{position:absolute;top:7px;right:15px;z-index:30;width:52px;height:52px;background:url("images/homeSign.png")center center no-repeat;cursor:pointer;border-radius:50%;display:none;}
    .backSign{position:absolute;top:7px;left:15px;z-index:30;width:52px;height:52px;background:url(images/backSign.png)center center no-repeat;cursor:pointer;border-radius:50%;display:none;}
	.wrap .footer{position:absolute;bottom:0;left:0;width:100%;height:83px;background:url(images/footer.png) no-repeat top center;border-top:0;z-index:11;}
	.wrap .footer span{position:absolute;bottom:5px;left:0;width:100%;text-align:center;color:#fff;font-size:75%;line-height:normal;margin:0;}
    .wrap .continer{width:100%;height:484px;position:relative;padding-top:90px;margin:-32px auto 0;text-align:center;background:url("images/background_answer-df.jpg")no-repeat center center;background-size:cover;}
	.wrap .label_glob{position:absolute;top:75px;background:#fff;width:85px;white-space:normal;padding:2px;color:#005e1d;line-height:normal;text-transform:uppercase;left:50%;margin-left:-42px;font-weight:400;font-size:14px;}
    /*  layer 01 */
	.wrap .l01{display:block;padding-top:0;height:100%;background:url(images/background_layer01.jpg) no-repeat top center;}
    #lang{width:100%;position:absolute;top:10px;left:10px;}
    #lang a{display:inline-block;border:solid 2px #fff;color:#fff;text-align:center;text-decoration:none;padding:3px 5px;}
    .wrap .layer .start_Logo{background: url("images/Logo_df.png")no-repeat center center #FFF;width:173px;height:47px;position:absolute;left:0px;top:30px;}
	.wrap .layer .headTitle{background:url("images/getRightTwine.png") no-repeat center center;width:440px;height:104px;margin:60px auto 0;}
    .wrap .layer .startButton{width:131px;height:114px;cursor:pointer;background:rgba(0,0,0,0.7);border:1px solid #FFFFFF;text-align:center;box-shadow:6px 10px 3px rgba(0,0,0, 0.2);margin:260px auto 0;display:block;}
    .wrap .layer .startButton span{color:#fff;text-transform:uppercase;width:100%;text-align:center;margin:25px auto 15px;display:block;font-size:20px;}
	.wrap .layer .startButton img{display:block;}
    .wrap .l02{display:none;}
    .wrap .secondBox.General{width:331px;height:78px;background:url("images/getRightTwine_small.png") no-repeat center center;padding-top:40px;}
    .wrap .layer .Breadcrumbs_General{width:100%;height:65px;position:relative;text-align:center;margin:15px auto 0;display:inline-block;}
    .wrap .layer .Breadcrumbs_General:before{content:"";width:100%;height:23px;position:absolute;left:0px;top:20px;z-index:1;background:#005e1d;}
    .wrap .layer .Breadcrumbs_General .box_General{width:65px;height:65px;display:inline-block;text-align:center;line-height:65px;border-radius:50%;position:relative;z-index:1;margin:0 20px;}
    .wrap .layer .Breadcrumbs_General .box_General img{vertical-align:middle;}
	.wrap .layer .continer02{background:url(images/background2-df.jpg) no-repeat center center;}
    .wrap .layer .continer02 .model_option{width:774px;height:auto;position:relative;top:28px;left:0;text-align:center;}
    .wrap .layer .continer02 .model_option .model{width:111px;height:40px;border:2px solid #fff;box-shadow:1px 1px 2px #000;margin:0 5px 10px;cursor:pointer;color:#fff;text-align:center;line-height:40px;font-size:20px;background:rgba(0,0,0,0.7);display:inline-block;}
    .wrap .l03{display:none;}
    .wrap .layer .continer03{background:url(images/background3-df.jpg) no-repeat center center;background-size:cover;}
	.wrap .layer .continer03 .crop_option, .wrap .layer .continer04 .condition_option{width:100%;position:relative;top:56px;text-align:center;}
    .wrap .layer .continer03 .crop_option .crop, .wrap .layer .continer04 .condition_option .condition{width:135px;height:116px;border:2px solid #fff;display:inline-block;background-color:rgba(0,0,0,0.7);box-shadow:1px 1px 2px #000;color:#fff;text-align:center;font-size:25px;line-height:116px;cursor:pointer;margin:0 20px;text-transform:uppercase;}
    .wrap .l04{display:none;}
    .wrap .layer .continer04{background:url(images/background4-df.jpg) no-repeat center center;background-size:cover;}
	.wrap .layer .continer04 .SelectTitle{width:423px;}
    .wrap .layer .warning_left,.wrap .layer .warning_right{width:205px;height:74px;font-size:14px;color:#fff;position:relative;top:56px;padding:35px 10px 0;text-align:left;display:none;font-weight:400;vertical-align:top;}
    .wrap .layer .warning_left{background:url("images/warning_l.png") no-repeat center top;right:124px;}
    .wrap .layer .warning_right{background:url("images/warning_r.png") no-repeat center top;left:124px;}
	.wrap .answer{display:none;background:transparent;}
    .wrap .layer .middleBox{width:651px;height:335px;background-color:rgba(255,255,255,0.8);position:relative;box-shadow:2px 2px 8px #000;}
	.wrap .layer .top_middleBox{width:100%;padding-top:20px;}
    .wrap .layer .twine_text{text-align:left;font-size:16px;width:381px;float:left;}
	.wrap .layer .twine_img{width:270px;float:left;}
    .wrap .layer .twine_img div{width:100%;text-align:center;font-size:14px;}
    .wrap .layer .twine_img img {min-width: 230px;}
	.wrap .layer .twine_text .textHead{font-size:35px;line-height:40px;width:98%;float:left;color:#005e1d;font-weight:700;}
	.wrap .layer .twine_text .textSub{font-size:20px;width:98%;float:left;color:#000;font-weight:400;}
    .wrap .layer .top_middleBox .description{font-size:16px;width:55%;float:left;margin-top:15px;text-align:left;font-weight:400;}

	.wrap .layer.contact_your_dealer .top_middleBox .description{font-size:39px;width:90%;float:left;margin:15px 5%;text-align:center;font-weight:600;padding:0;color: #005e1d;line-height:43px;}


	.wrap .layer .toStart{width:232px;height:45px;border:2px solid #FFF;background-color:rgba(0,0,0,0.7);text-align:center;font-size:20px;color:#FFF;position:relative;top:15px;line-height:45px;cursor:pointer;}
	.wrap .layer .twine_color{width:100%;height:111px;clear:both;position:absolute;bottom:0;}
	.wrap .layer .colorScale2{text-align:center;width:100%;margin:70px auto 0;display:inline-block;}
	.wrap .layer .colorScale2 .box2{color:#fff;text-align:center;line-height:32px;width:85px;height:32px;display:inline-block;text-transform:uppercase;position:relative;font-size:14px;margin:0 2px;}
	.wrap .layer .colorScale2 .box2:before{content:"";position:absolute;top:-16px;width:0px;height:0px;left:50%;margin-left:-8px;border:solid 8px transparent;border-top:solid 15px #5e5f61;display:none;}
	.wrap .layer .colorScale2 .box2:after{content:"Your BEST CHOICE!";display:none;position:absolute;top:-40px;font-size:17px;line-height:24px;color:#000;width:170px;text-align:center;margin-left:-85px;left:50%;}
	.wrap .layer .colorScale2 .box2.blue:after{color:#099abe;font-weight:700;white-space:nowrap;}
	.wrap .layer .colorScale2 .box2.green:after{color:#aaaf37;font-weight:700;white-space:nowrap;}
	.wrap .layer .colorScale2 .box2.orange:after{color:#f5821f;font-weight:700;white-space:nowrap;}
	.wrap .layer .colorScale2 .box2.orange:after{color:#f5821f;font-weight:700;white-space:nowrap;}
	.wrap .layer .colorScale2 .box2.red:after{color:#da262e;font-weight:700;white-space:nowrap;}
	.wrap .layer .colorScale2 .box2.brown:after{color:#692f25;font-weight:700;white-space:nowrap;}
	.wrap .layer .colorScale2 .box2.block:after,.wrap .layer .colorScale2 .box2.block:before{display:block;}
	.wrap .layer .colorScale2 .blue{background-color:#099abe !important;}
	.wrap .layer .colorScale2 .green{background-color:#aaaf37 !important;}
	.wrap .layer .colorScale2 .orange{background-color:#f5821f !important;}
	.wrap .layer .colorScale2 .red{background-color:#da262e !important;}
	.wrap .layer .colorScale2 .brown{background-color:#692f25 !important;}
	.Low{}
	.Standard{}
	.High{}
	.Very_High{}
	.Extreme{}
	.darkBlue{color:#1c3569;background-color: transparent !important;}
	.blue{color:#099abe;background-color: transparent !important;}
	.green{color:#aaaf37;background-color: transparent !important;}
	.orange{color:#f5821f;background-color: transparent !important;}
	.red{color:#da262e;background-color: transparent !important;}
	.brown{color:#692f25;background-color: transparent !important;}
    .preload{display:none;width:0px;height:0px;overflow:hidden;}
    .preload.full{display:block;}
    .preload.s480{display:none;}
    .preload.s360{display:none;}
@media(max-width:952px){
    .wrap{width:768px;}
}
@media(max-width:767px){
    .preload.full{display:none;}
    .preload.s480{display:block;}
    .preload.s360{display:none;}
	.wrap{width:480px;height:805px;}
	.wrap .secondBox.General{width:300px;height:72px;padding-top:80px;}
    .wrap .layer{height:calc(100% - 144px);padding-top:144px;}
	.wrap .layer .continer02 .model_option{width:390px;}
    .wrap .layer .warning_right,.wrap .layer .warning_left{line-height:17px;}
	.wrap .layer .warning_right{left:0px;}
	.wrap .layer .warning_left{right:0px;}
	.wrap .layer .middleBox{width:471px;height:354px;}
	.wrap .layer .top_middleBox{display:block;}
	.wrap .layer .twine_img{height:130px;padding:8px;width:219px;}
	.wrap .layer .twine_text{padding:5px;width:225px;}
    .wrap .l01{background:url("images/background_layer01_480.jpg") no-repeat top center;}
    .wrap .layer .continer02{background:url(images/background2-df_480.jpg) no-repeat top center;height:557px;}
    .wrap .layer .continer03{background:url(images/background3-df_480.jpg) no-repeat top center;height:557px;}
    .wrap .layer .headTitle{margin:-35px auto 0;}
    .wrap .layer .twine_img img{min-width:auto;}
    .wrap .layer .top_middleBox .description{width:90%;padding:0 5% 0 5%;margin-top:4px;text-align:left;}
	.wrap .layer.contact_your_dealer .top_middleBox .description{font-size:30px;}
    .wrap .layer .colorScale2 .box2 {line-height:27px;width:62px;height:27px;font-size:10px;margin:0px 0px;}
    .wrap .layer .twine_text .textHead span{display:inline-block;width:130px;}
    
}
@media(max-width:481px){
    .preload.full{display:none;}
    .preload.s480{display:none;}
    .preload.s360{display:block;}
	.wrap{width:360px;height:670px;}
    .wrap .layer .start_Logo{background:url(images/Logo_df_360.png)no-repeat center center #FFF;width:133px;height:35px;}
    .wrap .layer{height:calc(100% - 110px);padding-top:110px;}
	.wrap .layer .headTitle{width:290px;height:70px;background-size:contain;margin:-10px auto 0;}
    .wrap .layer .startButton{margin:200px auto 0;}
	.backSign, .homeSign{width:40px;height:40px;background-size:contain;}
	.backSign{left:5px;top:5px;}
	.homeSign{right:5px;top:5px;}
	.wrap .continer{height:422px;}
	.wrap .footer{background-size:cover;height:60px;} 
	.SelectTitle{width:296px;height:34px;line-height:34px;font-size:20px;}
	.wrap .layer .continer04 .SelectTitle{width:301px;font-size:18px;}
	.wrap .layer .info_sign{top:3px;left:3px;}
	.wrap .secondBox.General{width:232px;height:57px;background-size:contain;padding-top:104px;}
	.wrap .layer .Breadcrumbs_General .box_General{width:49px;height:49px;line-height:49px;margin:0 15px;}
	.wrap .layer .Breadcrumbs_General:before{height:18px;top:18px;}
	.wrap .layer .continer02 .model_option{width:313px;}
	.wrap .layer .continer02 .model_option .model{width:90px;height:38px;line-height:38px;font-size:15px;}
	.wrap .layer .continer03 .crop_option .crop, .wrap .layer .continer04 .condition_option .condition{margin:0 9px;}
    .wrap .label_glob{width:70px;top:60px;padding:1px;font-size:12px;line-height:14px;margin-left:-36px;}
    .wrap .layer .warning_right, .wrap .layer .warning_left {width:122px;height:103px;top:64px;font-size:12px;padding:26px 6px 0 6px;}
    .wrap .layer .warning_left{background:url(images/warning_l_360.png) no-repeat top center;right:11px;}
    .wrap .layer .warning_right{background:url(images/warning_r_360.png) no-repeat top center;left:11px;}
	.wrap .layer .middleBox{width:316px;height:381px;}
	.wrap .layer .toStart{top:100px;}
	.wrap .layer .twine_img{height:100px;padding:5px;text-align:left;}
	.wrap .layer .twine_text .textHead{font-size:25px;line-height:normal;}
	.wrap .layer .twine_text .textSub{font-size:17px;line-height:15px;}
	.wrap .layer .colorScale2 .box2.blue:after{left:59px;}
	.wrap .layer .colorScale2 .box2.brown:after{left:0px;}
    .wrap .l01 {background:url(images/background_layer01_360.jpg) no-repeat top center;}
    .wrap .layer .continer02{background:url(images/background2-df_360.jpg)no-repeat top center;height:423px;}
    .wrap .layer .continer03{background:url(images/background3-df_360.jpg)no-repeat top center;height:423px;}
    .wrap .layer .continer04{background:url(images/background4-df_360.jpg)no-repeat top center;height:423px;}
    .wrap .answer .continer{background:url(images/background_answer-df_360.jpg)no-repeat top center;height:456px;padding-top:56px;}
    .wrap .layer .colorScale2 .box2{width:58px;}
    .wrap .layer .colorScale2 .box2:after{width:134px;font-size:14px;margin-left:-73px;}
    .wrap .layer .top_middleBox{padding-top:10px;}
    .wrap .layer .twine_text{width:90%;margin:5px 5%;padding:0;}
    .wrap .layer .twine_text .textHead span{width:210px;line-height:normal;}
}