/* grid.css change bootstrap 3 - rewrite bootstrap*/
/* ps every pages can use this setting*/
body {
    font-family: "Roboto", sans-serif !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: 700;
}

a{color: #000;}
.footer a:hover {
    color: #82be0f !important;
}
.product-logo{
	max-height: 35px;
}

/*common*/
	/*space*/
	.rl-wrapper,.rl-wrapper-s,.rl-wrapper-ss,.rl-wrapper-l,.rl-wrapper-ll{padding-top: 0;padding-bottom: 0;}

	.rl-wrapper-topbottom-ll{padding-top: 100px;padding-bottom: 100px}
	.rl-wrapper-top-ll{padding-top: 100px;padding-bottom: 0;}
	.rl-wrapper-bottom-ll{padding-top: 0;padding-bottom: 100px;}

	.rl-wrapper-bottom-m-ll{margin-top: 0;margin-bottom: 100px;}

	.rl-wrapper-topbottom-l{padding-top: 80px;padding-bottom: 80px}
	.rl-wrapper-top-l{padding-top: 80px;padding-bottom: 0;}
	.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 80px;}

	.rl-wrapper-topbottom{padding-top: 60px;padding-bottom: 60px}
	.rl-wrapper-top{padding-top: 60px;padding-bottom: 0;}
	.rl-wrapper-bottom{padding-top: 0;padding-bottom: 60px;}


	.rl-wrapper-topbottom-s{padding-top: 40px;padding-bottom: 40px}
	.rl-wrapper-top-s{padding-top: 40px;padding-bottom: 0;}
	.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 40px;}

	.rl-wrapper-bottom-m-s{margin-top: 0;margin-bottom: 20px;}

	.rl-wrapper-topbottom-ss{padding-top: 20px;padding-bottom: 20px}
	.rl-wrapper-top-ss{padding-top: 20px;padding-bottom: 0;}
	.rl-wrapper-bottom-ss{padding-top: 0;padding-bottom: 20px;}

	@media screen and (max-width: 1199px){
		.rl-wrapper-topbottom-ll{padding-top: 80px;padding-bottom: 80px}
		.rl-wrapper-top-ll{padding-top: 80px;padding-bottom: 0;}
		.rl-wrapper-bottom-ll{padding-top: 0;padding-bottom: 80px;}

		.rl-wrapper-bottom-m-ll{margin-top: 0;margin-bottom: 80px;}

		.rl-wrapper-topbottom-l{padding-top: 60px;padding-bottom: 60px}
		.rl-wrapper-top-l{padding-top: 60px;padding-bottom: 0;}
		.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 60px;}

		.rl-wrapper-topbottom{padding-top: 40px;padding-bottom: 40px}
		.rl-wrapper-top{padding-top: 40px;padding-bottom: 0;}
		.rl-wrapper-bottom{padding-top: 0;padding-bottom: 40px;}

		.rl-wrapper-topbottom-s{padding-top: 35px;padding-bottom: 35px}
		.rl-wrapper-top-s{padding-top: 35px;padding-bottom: 0;}
		.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 35px;}

		/*.rl-wrapper-bottom-m-s{margin-top: 0;margin-bottom: 35px;}*/

		.rl-wrapper-topbottom-ss{padding-top: 15px;padding-bottom: 15px}
		.rl-wrapper-top-ss{padding-top: 15px;padding-bottom: 0;}
		.rl-wrapper-bottom-ss{padding-top: 0;padding-bottom: 15px;}
	}
	@media screen and (max-width: 1199px){
		.rl-wrapper-topbottom-s{padding-top: 25px;padding-bottom: 25px}
		.rl-wrapper-top-s{padding-top: 25px;padding-bottom: 0;}
		.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 25px;}	

		/*.rl-wrapper-bottom-m-s{margin-top: 0;margin-bottom: 25px;}	*/
	}
	@media screen and (max-width: 767px){
		.rl-wrapper-topbottom-ll{padding-top: 60px;padding-bottom: 60px}
		.rl-wrapper-top-ll{padding-top: 60px;padding-bottom: 0;}
		.rl-wrapper-bottom-ll{padding-top: 0;padding-bottom: 60px;}

		.rl-wrapper-bottom-m-ll{margin-top: 0;margin-bottom: 60px;}

		.rl-wrapper-topbottom-l{padding-top: 40px;padding-bottom: 40px}
		.rl-wrapper-top-l{padding-top: 40px;padding-bottom: 0;}
		.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 40px;}

		.rl-wrapper-topbottom{padding-top: 30px;padding-bottom: 30px}
		.rl-wrapper-top{padding-top: 30px;padding-bottom: 0;}
		.rl-wrapper-bottom{padding-top: 0;padding-bottom: 30px;}

		.rl-wrapper-topbottom-s{padding-top: 20px;padding-bottom: 20px}
		.rl-wrapper-top-s{padding-top: 20px;padding-bottom: 0;}
		.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 20px;}	

		/*.rl-wrapper-bottom-m-s{margin-top: 0;margin-bottom: 20px;}*/
	}

	/*center*/
	.rl-media-center-lg{margin: 0 auto;}
	.text-center{text-align: center;}
	
	@media screen and (max-width: 1199px){
		.rl-media-center-md{margin: 0 auto;}
		.text-center-md{text-align: center;}
	}
	@media screen and (max-width: 991px){
		.rl-media-center-sm{margin: 0 auto;}
		.text-center-sm{text-align: center;}
	}
	@media screen and (max-width: 767px){
		.rl-media-center-xs{margin: 0 auto;}
		.text-center-xs{text-align: center;}
	}
	
	/*border*/
	.border-gray{border-bottom: 1px solid #AFAFAF;}

	/**/
	.position-r{position: relative;}

/*iclone UI common compoments*/
	a.rl-featureLink,
	a.rl-featureLink:hover,
	a.rl-featureLink:focus,
	a.rl-featureLink:active,
	a.rl-featureLink:focus:active
	{
		color: #82be0f;
		text-decoration: underline;
	}
	.btn-iclone, .btn-iclone-upgrade{
		font-size: 20px;
		padding: 10px 20px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border: 1px solid #7b7b7b;
	}

	.btn-iclone img{
		margin-left: 8px;
	}

	.clearfix{
		clear: both;
	}

	.clearfix1:after{       
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}



	.no-padding-lr{padding-left: 0;padding-right: 0;}

	.center{margin: 0 auto;}

	.center2{
		margin: auto;
	}

	/*card*/
	.rl-card .title{text-align: center;margin-bottom: 10px;}
	.card-item{width: 100%;margin: 0 auto;}
	/*.card-item .title{text-align: center;}*/
	.card-item p{
		font-size: 18px;
		color:#4d4d4d;
		font-weight: 300px;
		line-height: 1.5;
	}

	.rl-card .box-item{
		background: transparent;
	    border: 5px solid transparent;
	    padding: 20px 10px;
	    text-align: center;
	    -webkit-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	    color: #bfbfbf;
	}
	.rl-card .box-item.currentCard{
		background: rgba(255,255,255,0.8);
	    /*border: 5px solid rgba(106,152,17,0.8);*/
	    color: #333;
	}
	.default .default-feature-title2{
	    color: #bfbfbf;
	    font-size: calc( 24.8px + 0.5625vw ) !important;
	    line-height: 1.5;
	    font-family: 'Roboto', sans-serif !important;
	    font-weight: 600;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    display: block;
	    text-decoration: underline;
    }
    	.default .currentCard .default-feature-title2{
    		color: #333;
    	}

	/*layout*/
	.rl-row-1440{max-width: 1440px;margin: 0 auto ;padding-right: 15px;padding-left: 15px;}
	.rl-row-1440m{max-width: 1440px;margin: 0 12.1% ;padding-right: 15px;padding-left: 15px;}
	@media screen and (max-width: 1440px){
		.rl-row-1440m{margin: 0 4.17% ;}
	}
	@media screen and (max-width: 991px){
		.rl-row-1440m{margin: 0 auto ;}
	}

	/*btn*/
	.rl-btn-fill{
		background-color: #82be0f;
        border: 2px solid #82be0f;
        color: white;
        line-height: normal;
        font-size: 18px;
        border-radius: 0;
        -moz-border-radius: 0; 
        -webkit-border-radius: 0;   
	}
	.rl-btn-fill:hover, .rl-btn-fill:focus, .rl-btn-fill:active, .rl-btn-fill:active:focus{
        background-color: transparent;
        color: #82be0f;
        outline:none;
    }

    /*big title*/
    .set_group{height: auto;}
    .set_group p,
    .set_group .blockTitle{
    	font-weight: 500;
    	font-size: 3.8em;
    	color: #545454;
    	line-height:1;
    	text-align: center;
    	display: block;
    	font-family: 'Roboto';    	
    }
    .set_group .blockTitle{
    	margin-top: 0;
    }

    .row-title-wrapper{
    	text-align: center;
    	/*margin-top: 20px;*/
    	/*margin-bottom: 10px;*/
    }
    .row-title-wrapper2{
		text-align: left;
		margin-bottom: 40px;
    }
    	.row-title-wrapper .row-title,
    	.row-title-wrapper2 .row-title{
	    	font-weight: 400;
	    	font-size: calc( 28.8px + 1.02vw);
	    	color: #4d4d4d;
	    	line-height:1;	    	
	    	display: inline-block;
	    	font-family: "Roboto", sans-serif !important;
	    	margin-top: 0;
	    	margin-bottom: 0;    	
	    }
	    .row-title-wrapper .row-title{
	    	text-align: center;
	    }

	.description_black{
		color: #4d4d4d !important;
		font-family: "Roboto", sans-serif !important;
		font-size: 18px !important;
	}

/* only for render page */
.owl-render-banner.owl-theme .owl-controls .owl-page span{
	background: rgba(255,255,255,0.5);
}

.owl-render-banner.owl-theme .owl-controls .owl-page.active span{
	background: rgba(255,255,255,1);
}

.owl-render-banner .owl-controls{
	margin-top: -30px !important;
}

/*only for default page*/
#owl-banner .owl-controls{margin-top: -47px;}
#owl-banner .owl-controls .owl-page span{opacity: 0.9}
#owl-banner .owl-controls .owl-page{padding-bottom: 0;}
.rl-features{padding: 10px 60px; font-size: 30px; margin-top: 40px;}
	/*award*/
	.bg-award{background-color: black; background-image:url(../../image/adward_bk.jpg); height:460px;}
	.awardRect .title1{color: #fff; }

	.img_six div div .six .append img{opacity: 0.9;}
	.banner .mainimg{min-height: 36.54%;}
	/*.img_six div div .six .hover{opacity: 0.5;}*/

	/*content*/
	.bg-content{
		background-color: black; 
		background-image:url(../../image/default/content_bk.jpg); 
		height:auto;
		background-position: top right;
		background-repeat: no-repeat;
	}

	/*banner*/
	.banner-style{background-repeat:no-repeat;background-position:40% 40%;background-size: cover; }
	.banner-block{padding-bottom: 36.45%;}
	.banner-block-text{position: absolute;bottom:55px;color: #fff}
	.banner-block-text-2{position: absolute;top:80px;color: #fff}
	.banner-block-text .mainTitle{
		display: block; font-size: 4.5vw; font-weight: 500;
		-moz-text-shadow:5px 5px 10px black;
		-webkit-text-shadow:5px 5px 10px black;
		text-shadow:5px 5px 10px black;
		font-family: 'Roboto', sans-serif;
	}
	.banner-block-text .subTitle{
		display: block; font-size: 1.8vw; font-weight: 500;
		-moz-text-shadow:5px 5px 8px black;
		-webkit-text-shadow:5px 5px 8px black;
		text-shadow:5px 5px 8px black;
		font-family: 'Roboto', sans-serif;
	}
	.banner0{background-image:url('../../image/banner/00.jpg');}
	.banner1{background-image:url('../../image/banner/01.jpg');}
	.banner2{background-image:url('../../image/banner/02.jpg');}
	.banner3{background-image:url('../../image/banner/03.jpg');}
	.banner4{background-image:url('../../image/banner/04.jpg');}
	.banner5{background-image:url('../../image/banner/05.jpg');}
	.banner6{background-image:url('../../image/banner/06.jpg');}
	.banner7{background-image:url('../../image/banner/07.jpg'); background-position: 75%;}
	.banner8{background-image:url('../../image/banner/08.jpg');}

	.img-logo-ic6{width: 36.3%;}
	.img-logo-import{width: 64.5%;}
	.firstSlider{bottom: auto; color: #fff; top: 50%; transform: translateY(-55%); -ms-transform: translateY(-55%); -webkit-transform: translateY(-55%);}
	.firstSlider h1{ font-size: 1.8vw; font-weight: 500;}
	.img-ic6-space{margin-bottom: 60px;}

	.logos-adjust{ margin-right: 30px; width: 85%;}

	/*-----bannerVideo-wrapper-----*/
		.bannerVideo-wrapper{position: relative; max-height: 760px;overflow: hidden; background-size: contain;}
		.bannerVideo-wrapper .content-mask{background-color: rgba(0,0,0,0.55);width: 100%; height: 100%;position: absolute;z-index: 20;top:0;left:0;}
		.bannerVideo-wrapper .video-wrapper{z-index: 10}
		.bannerVideo-wrapper .content-wrapper{width: 100%; position: absolute;z-index: 30;top:90%; left: 50%; -ms-transform: translate(-50%, -90%);-webkit-transform: translate(-50%, -90%);transform: translate(-50%, -90%);}
		.video-wrapper{position: relative;height: 0;overflow: hidden;padding-bottom: 56.25%;}
		.video-wrapper>iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}	
		.content-wrapper img{margin: 0 auto;}
		.content-wrapper .videoText-md,.content-wrapper p.message{text-align: center;color: #fff;display: inline}
		.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 4.5rem;margin-bottom: 20px;line-height: 1.2;}

		.image{width: 100%;text-align: center;}

		/*when video cant play on the mobile device*/
		.video-bgi{background-image: url(../../image/default/video.jpg);background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
		.video-bgi>iframe{display: none}
		.bannerVideo-wrapper .content-mask-bright{background-color: transparent;}

		/*@media screen and (max-width: 1100px){
			.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 3.75rem;}
			.logo-ct8 img{width: 70%;}
		}
		@media screen and (max-width: 991px){
			.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 3.125rem;}
			.default-video-desc{
				padding-left: 0;
    			padding-right: 0;
    			margin-top: 40px;
    			color: black !important;
			}
		}
		@media screen and (max-width: 767px){
			.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 1.875rem}
		}
		@media screen and (max-width: 500px){
			.content-wrapper p.message,.content-wrapper .videoText-md{font-size: 1.25rem}
		}*/

/* only for trial setting */
.btn-trial{
	margin-left: 20px;
	width: 270px;
	background-color: #82be0f;
}

.btn-trial-2{
	width: 250px;
}

.btn-trial-3{
	width: 230px;
}

.btn-trial-4{
	width: 210px;
}

.title-trial{
	color: #000;
}

.btn-trial-auto{
	margin-left: 20px;
	width: auto;
}

.btn-trial-100,.btn-upgrade-100{
	margin-left: 20px;
	width: 100%;
}

.wrap .container ul{
	padding: 0 30px;
}

.wrap .col-xs-*, .wrap .col-sm-*{
	padding-left: 0;
	padding-right: 	0;
}

.wrap{
	padding-bottom: 60px;
}

/* only for upgrade setting */
.mt20{
	margin-top: 20px;
}

.pd-lr-15{
	padding-left: 15px;
	padding-right: 15px;
}

.pd-lr-0{
	padding-left: 0;
	padding-right: 0;
}

.free-upgrade-area, .paid-upgrade-area{
	border-top: 2px solid gray;
}

.paid-upgrade-area{
	border-bottom: 2px solid gray;
}

.paid-desc-area{
	font-weight: bold;
}

.container .upgrad-info{
	padding-top: 0;
    padding-bottom: 25px;
}

/* only for training center*/
.btn-training{
	width: 100%;
	margin-left: 0;
}

.beginnerGuide>tbody>tr>td.guideSpaceforPC{padding-left:90px;}
.banner-fundamentals{margin-top: 15px;}


/*only for video gallery*/
.btn-video-space{margin-left: 40px;}

.w100{width: 100%;}
.row-flex{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.col-flex{
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
}

.row-container{position: relative;}
.col-video-container{position: absolute; bottom: 0; right: 20px; margin-top: 20px;}
.main-video-setting{position: relative; height: 0; overflow: hidden; padding-bottom:50%}
.main-video-setting iframe{position: absolute; top:0; left:0; width: 100%; height: 100%;}

/* only for feature page*/
.subnav{font-weight: bold;font-size: 20px;color: #000;}
.subnav>ul>li>a:hover,.subnav>ul>li>a:focus, .subnav>ul>li>a:active:focus,.subNavClickStyle{color: #82be0f; background-color: transparent;}
.subnav>ul>li{border-right: 3px solid #82be0f;font-size: 20px;}
.subnav>ul>li:last-of-type{border-right: none;}
.row-subnav{ padding-top: 6.5px; padding-bottom: 6.5px;}
.subnav-title{display: none;}
.hiddenMenu{display: none; }

.btn-feature-content{height: auto;width: 200px;}

/* only for what new */
.subnav-whatnew,.subnav-version{width: 100%; text-align: center;}
.light-system-h{height: 120px;}
.whatnew-main-area{height: 650px; padding-top: 60px;}
.container .no-padding-top{padding-top: 0;}
#shiftIC602{
	border-bottom: 1px solid black;
}

/*only for version comparsion*/
.container .subnav-version{padding: 10px 0}

.no-margin-top{margin-top: 0;}
.no-padding-top{padding-top: 0;}
.no-padding-lr{padding-left: 0;padding-right: 0;}
.mb40{margin-bottom: 40px;}

/*iclone 6.5 new feature */
.bg-ic60{
	padding-top: calc( 32px + 2.5vw );
}
.bg-ic65{
	/*border-top: 1px solid black;*/
	/*border-bottom: 1px solid black;*/
	padding-top: calc( 32px + 2.5vw );
}
	.ic65-wrapper .title{
		font-size: 48px;
		font-weight: bold;
		margin-bottom: calc( 24px + 1.875vw );
		color: #333333;
		text-align: center;
		line-height: 1;
		margin-top: 0;
	}

	.ic65-wrapper .description{
		margin-bottom: calc( 24px + 1.875vw );
		font-size: 18px;
		line-height: 1.5;
	}

	.ic65Feature-wrapper{
		margin-bottom: calc( 12px + 0.9375vw );
	}
		.ic65Feature{
			margin-bottom: calc( 12px + 0.9375vw );
		}
			.ic65Feature .xs-title{
			    font-size: 24px;
			    color: #fff;
			    font-weight: 300;
			    max-width: 444px;
			    margin: -35px auto 35px auto;
			}
			.ic65Feature:hover a{
				text-decoration: none;
			}

				.xs-title .text{
					padding-left: 15px;
					padding-right: 15px;
				}

	.ic65SubWrapper{
		
	}
	.ic65-wrapper .subtitle{
		font-size: 24px;
		font-weight: bold;
		margin-bottom: calc( 12px + 0.9375vw );
		margin-top: 0;
		color: #7fb11a;
	}

	.ic65-wrapper .subdescription{
		font-size: 18px;
		font-weight: 400;
		color: #333333;
		margin-bottom: calc( 32px + 2.5vw );
		padding-left: 0;
	    list-style-position: inside;
	    line-height: 1.5;

	}

	.ic65-wrapper .subdescription li{
		text-indent: -15px;
    	padding-left: 15px;
	}

.ic65-wrapper .upgrade-paid-btn1:hover a{
	color: #fff;
}


/*for seo adjust*/
#promo-zero .parallax-content .feature-title{
	font-weight: 700;
    text-transform: none;
    font-size: 48px;
    text-shadow: 2px 2px 4px #000000;
    line-height: 36px;
    color: #82be0f;
}

.topsection .feature-common-title{
    color: #ffffff;
    padding-top: 150px;
    line-height: 48px;
    font-size: 70px;
    font-weight: 400;
    text-shadow: 3px 3px 6px #000000;
}

.feature-title-sm{
	font-size: 20px;
    color: #82be0f;
    line-height: 24px;
}

.default .default-feature-title{
	color: #5b5b5b;
    font-size: calc( 20.8px + 0.375vw ) !important;
    line-height: 1.5;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;	
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    display: block;
}

.default .addons-title2{
	margin-top: 0;
}

.default .resources-title{
	text-align: center;
}

.description_black{
	display: block;
    /*text-align: center;*/
}
.description-wrapper{
	padding-left: 40px;
}



.default-video-desc{
	margin-top: 0;
	margin-bottom: 40px;
	text-align: center; 
	padding-left: 115px;
	padding-right: 115px; 
	color: #fff !important; 
	font-size: calc( 19.2px + 0.25vw ) !important;
	font-weight: 300 !important;
}

.default-video-desc-title{
	/*font-size: 36px;*/ 
	display: block; 
	font-weight: 400; 
	font-size: calc( 26.4px + 0.5vw );
	font-weight: 400 !important;
}



.rl-btn-main-video{
	font-size: 30px;
    /*width: 290px;*/
    padding: 10px 60px;
}

/*-----display: flex-----*/
    .flex-container{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

/*-----flex: 垂直置中-----*/
    .flex-align-center{   
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    /*-----flex: 水平、垂直置中-----*/
    .flex-all-align{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
    }

/*----- Industry Solution -----*/
	.card-col-1,
	.card-col-2,
	.card-col-3{
		float: left;
	}

	.card-col-1 div,
	.card-col-2 div,
	.card-col-3 div{
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.card-col-1{
		width: 59.8%;
		margin-right: 10px;
	}
		.card-col-1 div{
			width: calc( ( 100% - 10px ) / 2 );
			float: left;
		}
		.card-col-1 div:nth-of-type(1){
			width: 100%;
		}
		.card-col-1 div:nth-of-type(1),
		.card-col-1 div:nth-of-type(3)
		{
			margin-right: 0;
		}
	.card-col-2{
		width: calc( 100% - 59.8% - 10px);
	}
		.card-col-2 div{
			margin-right: 0;
		}
	.card-col-3{
		width: 100%;
	}
		.card-col-3 div{
			float: left;
			width: calc( ( 100% - 20px ) / 3  );
		}
			.card-col-3 div:nth-of-type(3n){
				margin-right: 0;
			}
	/*.img-solution{
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: block;
	}
		.img-solution-1{
			padding-bottom: 55.15%;
		}
		.img-solution-2{
			background-image: url(../../image/default/);
		}
		.img-solution-3{
			background-image: url(../../image/default/);
		}
		.img-solution-4{
			background-image: url(../../image/default/);
		}
		.img-solution-5{
			background-image: url(../../image/default/);
		}
		.img-solution-6{
			background-image: url(../../image/default/);
		}
		.img-solution-7{
			background-image: url(../../image/default/);
		}
		.img-solution-8{
			background-image: url(../../image/default/);
		}*/

/*----- feature -----*/
	.bg-features{
		background: black;
		background-image: url(../../image/default/feature01.jpg);
		-webkit-transition: background 0.7s ease-in;
		transition: background 0.7s ease-in;
		background-repeat: no-repeat;
		background-position: top right;
	}
		.bg-features0{
			background-image: url(../../image/default/feature01.jpg);
			/*background: #202020;*/
		}
		.bg-features1{
			background-image: url(../../image/default/feature02.jpg);
			/*background: black;*/
		}
		.bg-features2{
			background-image: url(../../image/default/feature03.jpg);
			/*background: #202020;*/
		}
		.bg-features3{
			background-image: url(../../image/default/feature04.jpg);
			/*background: black;*/
		}
		.bg-features4{
			background-image: url(../../image/default/feature05.jpg);
			/*background: #202020;*/
		}
		.bg-features5{
			background-image: url(../../image/default/feature06.jpg);
			/*background: black;*/
		}

	.overlay{ display: none; }


	.CompleteLeft{
		padding-right: 2.3vw;
	}

	.img-contentStore{
		margin-right: 2vw;
		width: calc( (100% - 2vw) / 2 );
	}
	.img-marketStore{
		width: calc( (100% - 2vw) / 2 );
	}
	.img-completeSelection{		
		float: left;
		padding: 30px 40px;
    	background: rgba(0,0,0,0.8);	
    	transition: background 0.4s;
    	-webkit-transition: background 0.4s;	
	}
		.img-completeSelection:hover{
			background: rgba(0,0,0,1);
		}

	.img-overlay:hover{
		/*opacity: 0.5;
		box-shadow: 0 -205px 171.14px 14px rgba(0,0,0,.6) inset;
		background-color: #000;*/
	}
	.animated + .img-overlay2,
	.animated + .img-overlay3,
	.animated + .img-overlay4{
		position: absolute;
		transition: box-shadow 0.2s ease-in;
    	-webkit-transition: box-shadow 0.2s ease-in;
    	cursor: pointer;
    	pointer-events: none;
	}

	.img-overlay{
		position: relative;
	}
	
	.img-overlay:hover .animated + .img-overlay2{
		
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    box-shadow: 0 -55px 171.14px 14px rgba(0,0,0,.7) inset;
	}

	.img-overlay:hover .animated + .img-overlay3{
		
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    box-shadow: 0 -25px 171.14px 44px rgba(0,0,0,.8) inset;
	}

	.img-overlay:hover .animated + .img-overlay4{
		
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    box-shadow: 0 -25px 171.14px 20px rgba(0,0,0,.8) inset;
	}

	.img-overlay .imgTitle{
		position: absolute;
	    bottom: calc( -8px + 0.9375vw );
	    left: calc( 7px + 0.9375vw);
	    color: white;
	    font-size: calc( 18.4px + 0.5vw);
	    display: block;
	    font-weight: 300;
	    pointer-events: none;
	    width: 100%;
	}


/*slide show 3*/
	#owl-box-testimonial .owl-controls .owl-page span{background: #fff}
	.bg-testimonial{background-color: #82BE10}
	.rl-slide-show3 { position: relative; }
	.rl-slide-show3 .title,.rl-slide-show3 .subtitle, .rl-slide-show3 p{color: #fff;}
	.rl-slide-show3 .title{text-align: center;margin-bottom: 0;font-weight: 300;}
	/*.rl-slide-show3 .subtitle{text-align: center}*/
	.img-testimonial-left{position: relative;top: -50px;left: 0;}
	.img-testimonial-right{position: absolute;bottom: 0;right: 0;}
	.rl-slide-show3 .user-name{
	    text-align: right;
	}
	.rl-slide-show3 .user-desc{
		margin-bottom: 40px;
	}
	.rl-slide-show3 .user-name,
	.rl-slide-show3 .user-desc{
		font-size: 18px;
		color: #242424;
	}


	.color-white{
		color: #fff !important;
	}

.rl-solution img{opacity: 0}
#owl-banner{margin-top: 60px;}

.rl-btn-main-video-wrapper a:hover,
.rl-btn-main-video-wrapper a:focus,
.rl-btn-main-video-wrapper a:active,
.rl-btn-main-video-wrapper a:focus:active
{ 
	text-decoration: none; 
	outline: none
}
.btn-video-pc{
	font-size: 30px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    padding-left: 115px;
    padding-right: 115px;
}
/*	.btn-video-pc:hover,
	.btn-video-pc:focus,
	.btn-video-pc:active,
	.btn-video-pc:focus:active{
		text-decoration: none;
		outline: none
	}*/

@media screen and (min-width: 1480px){
	.container{
		width: 1440px;
	}

	.upgard-ad{
		margin: auto;
	}

	.oldVersion{
		width: 1340px;
	}

	.whatnew-subnav-1480up,.version-desc-space{width: 33.33333333%;}


}

/*special case for training*/
@media screen and (max-width: 1480px) and (min-width: 1201px){
	.col-xlg-6,.col-xlg-4{padding-left: 15px;padding-right: 15px;}
	.col-xlg-6{width: 50%;}
	.col-xlg-4{width: 33.33333333%;}
}

@media screen and (max-width: 1480px){
	.btn-training{
		margin-left: 0;
		margin-bottom: 10px;
	}

	#sub-nav-container.fixed{position: fixed;width: 100%;top: 60px;background-color: white; z-index: 10000;}
	.subnav>ul>li {
	    border-bottom: 1px solid #82be0f;
	    float: none;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    border-right: none;
	    font-weight: normal;
    	font-size: 18px;
    	margin-left: 15px;
    	margin-right: 15px;
	}
	.subnav-title{display: block;font-weight: 400; font-size: 24px;padding-top: 8.5px;padding-bottom: 8.5px;position: relative;}
	.subnav-title a:hover,.subnav-title a:active,.subnav-title a:active:focus,.subnav-title a:focus{color: #000;text-decoration: none;}

	.subnav-content-hidden{opacity: 0;height: 0; overflow: hidden; clear: both;}
	.subnav-content-show{opacity: 1;height: auto;}
	#sub-nav{-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

	#subnav-ul{margin: 7.5px 0; width: 100%;}
	#subnav-ul>li:last-of-type{margin-bottom: 20px;}
	#subnav-ul>li>a{padding-left: 0;}

	.topsection{display: none;}
	.padding-bottom2-phone{padding-top: 30px;}
	.subNavClickStyle{font-weight: 600;}
	.v-icon{margin-left: 10px;font-size: 20px;float: right;cursor: pointer;}
	.v-icon:hover,.v-icon:focus,.v-icon:active,.v-icon:active:focus,#vicon-toggle.glyphicon-chevron-up{color: #82be0f;}

	/*only for whatnew*/
	.whatnew-desc-space{margin-top: 50px;}
	#shiftIC602{
	    margin-top: 60px;
	}

	/*only for whatnew*/
	/*.ic65div{margin-top: 100px;}*/
}

@media screen and (max-width: 1250px){
	.logos-adjust{ margin-right: 0; width: auto;}
	.img-ic6-space{margin-bottom: 40px;}
	#owl-banner{margin-top: 50px;}
	#sub-nav-container.fixed{top:50px;}
}

@media screen and (max-width: 1200px){
	.topsection h1 {
	    font-size: 49px;
	}

	.product_title{
		min-height: 60px;
    	height: auto;
	}

	.product_title h2{
		font-size: 17px;
	}

	.product_content h3{
		font-size: 20px;
	}

	.product_content ul > li{
		line-height: 25px;
	}

	.product_content li + li{
		margin-top: 11px;
	}

	/*only for upgarde*/
	.version-border{
		width: 950px;
	}

	.upgrade-collapsible{
		width: 850px;
	}

	/*only for trainning center*/
	.beginnerGuide{width: 100%;}
	.beginnerGuide>tbody>tr>td.guideSpaceforPC{padding-left:0;}
	.banner-block-text-2{top:40px;}

	/*complete content selections*/
	.img-contentStore{
		margin-right: 0;
		width: 100%;
		margin-bottom: 2vw;
	}
	.img-marketStore{
		width: 100%;
	}
	.img-completeSelection{
		float: none;
		
	}
}


@media screen and (max-width: 991px){
	.win8_img{
	    margin-top: auto;
	    position: relative;
    	top: -60px;
	}

	.btn-trial{
		margin-left: 20px;
		width: auto;
	}

	/*only for upgrade*/
	.btn-iclone-upgrade{
		font-size: 16px;
	}

	.version-border{
		width: 720px;
	}

	.upgrade-collapsible{
		width: 620px;
	}

	/*only for whta new*/
	.whatnew-main-area {
	    height: auto;
	    padding-top: 40px;
	    padding-bottom: 40px;}

	.banner-block-text .mainTitle{
		font-size: 5.5vw;
		-moz-text-shadow:5px 5px 4px black;
		-webkit-text-shadow:5px 5px 4px black;
		text-shadow:5px 5px 4px black;
	}
	.banner-block-text .subTitle,.firstSlider h1{
		font-size: 2.8vw;
		-moz-text-shadow:5px 5px 4px black;
		-webkit-text-shadow:5px 5px 4px black;
		text-shadow:5px 5px 4px black; 
		margin-top: 10px;
	}

	.banner-block-text-2{top:20px;}

	.default-video-wrapper{
		margin-bottom: 40px;
	}


	/*complete content selections*/
	.img-contentStore{
		margin-right: 2vw;
		width: calc( (100% - 2vw) / 2 );
	}
	.img-marketStore{
		width: calc( (100% - 2vw) / 2 );
	}
	.img-completeSelection{		
		float: left;		
	}
	.rl-img-complete-wrapper{
		padding-top: 0;
	}

	.CompleteLeft .row-title-wrapper2{
		text-align: center;
	}

	.feature-customer .row-title-wrapper2{
		text-align: center;
	}

	.img-authors{
		margin-bottom: 30px;
	}

	.description-wrapper {
	    padding-left: 0;
	}



	/*----- Industry Solution -----*/
	.rl-solution-wrapper{
		float: none;
	    /*max-width: 87%;*/
	    margin: 0 auto;
	}
		.card-col-1,
		.card-col-2{
			width: 100%;
		}	

		.card-col-2-img-1, 
		.card-col-2-img-2,
		.rl-solution .card-col-3-img-2,
		.rl-solution .card-col-3-img-3{
			width: calc( ( 100% - 10px ) / 2 );
    		float: left;
		}

		.rl-solution .card-col-2-img-1,
		.rl-solution .card-col-3-img-2{
			margin-right: 10px;
		}

		.rl-solution .card-col-3-img-1{
			width: 100%;
			margin-right: 0;
		}

	/*----- default main video -----*/
	.rl-btn-main-video-wrapper{
		text-align: center;
	}

	/*-----bannerVideo-wrapper-----*/
	.default-video-desc{
		padding-left: 0;
		padding-right: 0;
		margin-top: 40px;
		color: black !important;
		color: #4d4d4d !important;
	}
		.default-video-desc-title{
			color: #5d5d5d !important;
		}
}

@media screen and (max-width: 767px){
	/*----- gerenal -----*/
	.img-new65{
		max-width: 368px;
    	max-height: 231px;
	}

	/**/
	.win8_img{
		top: -160px;
    	float: right;
    	height: 0;
	}
	.btn-trial{
		width: 90%;
	}

	.product_pic{
		margin-bottom: 15px;
	}

	.row{
		margin-left: 0;
		margin-right: 0;
	}

	/*only for upgarde*/
	.version-border,.upgrade-collapsible{
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}

	.win-img{
		padding-bottom: 10px;
	}

	.paid-box{
		margin-bottom: 30px;
	}

	.product_spec .title{
		padding-top: 0;
	}

	.btn-upgrade-100{
		margin-left: 0;
		margin-bottom: 10px;
	}
	
	.history-list img, .img-center{
		margin: auto;
	}

	.version-Iteam{
		margin-bottom: 30px;
	}

	/*only for training video*/
	.train-video-space{
		margin-top: 40px;
	}
	.beginnerGuide{ width: 1100px; }

	/* only for video */
	.btn-video-space{margin-left: 0; margin-top: 20px}
	.row-flex{display: block;}
	.w100{width: auto; margin: 0 auto; max-width: 100%}
	.col-video-space{margin-bottom: 40px;}
	#video .padding-top3{padding-top: 0;}
	.display-none-767{display: none;}

	.banner-block-text .mainTitle{
		font-size: 5vw; 
	}
	.banner-block-text .subTitle,.firstSlider h1{
		font-size: 2.7vw;
		margin-top: 10px;
	}

	.banner-block-text-2{top:10px;}
	.img-logo-import {
	    width: 55%;
	}
	#owl-banner .owl-controls{ margin-top: -25px;}
	.banner-block-text{bottom: 35px;}

	.img-ic6-space{margin-bottom: 20px;}

	.description-wrapper{
		padding-left: 0;
	}

	.CompleteLeft{
		padding-right: 0;
	}


	.rl-features{
		font-size: 22px;
		padding: 10px 25px;
	}

	/*----- Industry Solution -----*/
	.card-col-1 div,
	.card-col-2 div,
	.rl-solution .card-col-3 div{
		width: 100%;
	}

	.rl-solution-wrapper{
		/*width: 490px;*/
	}


}

@media screen and (max-width: 623px){
	/*----- Industry Solution -----*/
		.card-col-1,
		.card-col-2{
			width: 100%;
		}

	/*----- only for what new -----*/
    .ic65div .upgrade-paid-btn1{
    	line-height: 1.3;
    	padding: 10px 45px 15px 45px;
    	height: auto;
    }
}

@media screen and (max-width: 480px){
	.btn-require{font-size: 13px;}

	/*default bannner*/
	.banner-block{padding-bottom: 83.3333%;}
	.banner-block-text .mainTitle{
		font-size: 8vw;
		-moz-text-shadow: 5px 5px 8px black;
    	-webkit-text-shadow: 5px 5px 8px black;
    	text-shadow: 5px 5px 8px black;
   	}
	.banner-block-text .subTitle, .firstSlider h1{
		font-size: 4.5vw;
		-moz-text-shadow: 5px 5px 8px black;
    	-webkit-text-shadow: 5px 5px 8px black;
    	text-shadow: 5px 5px 8px black;
    	margin-top: 10px;
	}
	.banner-block-text{bottom:35px;}

	.banner0{background-image:url('../../image/banner/ic_banner_480_00.jpg');}
	.banner1{background-image:url('../../image/banner/ic_banner_480_01.jpg');}
	.banner2{background-image:url('../../image/banner/ic_banner_480_02.jpg');}
	.banner3{background-image:url('../../image/banner/ic_banner_480_03.jpg');}
	.banner4{background-image:url('../../image/banner/ic_banner_480_04.jpg');}
	.banner5{background-image:url('../../image/banner/ic_banner_480_05.jpg');}
	.banner6{background-image:url('../../image/banner/ic_banner_480_06.jpg');}
	#owl-banner .owl-controls {margin-top: -25px;}
	.display-none-480{display: none;}
	.firstSlider {
	    top: auto;
	    transform: none;
	    -ms-transform: none;
	    -webkit-transform: none;
	}

	/*----- Industry Solution -----*/
		.card-col-1 div,
		.card-col-3 div{
			width: 100%;
		}

	/*complete content selections*/
		.img-contentStore{
			margin-right: 0;
			width: 100%;
			margin-bottom: 20px;
		}
		.img-marketStore{
			width: 100%;
		}
		.img-completeSelection{
			float: none;
			
		}

	.rl-features{
		font-size: 18px;
	}

	/*----- Industry Solution -----*/
	.rl-solution-wrapper{
	    max-width: 100%;
	}

	/*-----default features-----*/
	.bg-features{
		background-position: 85%;
	}

	.rl-btn-main-video{
		padding: 10px 40px;
	}

}

@media screen and (max-width: 450px){
	/*----- gerenal -----*/
	.img-new65{
		max-width: 100%;
    	max-height: auto;
	}

	/**/
	.btn-iclone{
		font-size: 16px;
	}

	.btn-trial{
		width: 100%;
		margin-left: 0;
	}

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left: 0;
		padding-right: 0;
	}

	.rl-features{font-size: 14px;}
}