/*----- general---- */
.line{
	border-bottom: 1px solid #a9a9a9;
}

.btn-general{
	font-size: calc(19.2px + 0.25vw);
}

.rl-two-cols{
	width: calc( (100% - 4.44vw) / 2 );
	float: left;
}
	.rl-two-cols-wrapper .rl-two-cols:nth-of-type(odd){
		margin-right: 4.43vw
	}

	.underline{ text-decoration: underline; }

.img-shift{ margin-left: -1px; }

/*----- banner ------*/
.onlyforTopBanner{
	text-shadow: 1px 1px 15px #000;
	font-size: calc( 13.2px + 3.375vw ) !important;
	padding-bottom: calc( 20px + 3.125vw );
	margin: 0 !important;
}

	.flex-contentCenter-alignEnd {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: flex-end;
	    -webkit-align-items: flex-end;
	    -ms-flex-align: flex-end;
	    align-items: flex-end;
	    -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;
	}

/*----- $1 -----*/

/*----- $2 -----*/
	/*----- $2.1 -----*/
	.nav-vrContent a{
		margin-right: calc( 3.6px + 2.9375vw );
		display: inline-block;
		padding: 0;
		font-weight: 500;
		color: #666666;
	}
		.nav-vrContent a:last-of-type{
			margin-right: 0;
		}
		.nav-vrContent a.current,
		.nav-vrContent a:hover,
		.nav-vrContent a:focus,
		.nav-vrContent a:active,
		.nav-vrContent a:focus:active{
			color: #666666;		
			text-decoration: none;
		}

		.nav-vrContent a.current,
		.nav-vrContent a:hover{
			color: #82be0f;
		}

		#creation .rl-btn-wrapper{
			text-align: right;
		}
			.btn-resource{
				padding: 12px calc( 10px + 1.5625vw);
			}

		.vrContent-carousel.owl-theme .owl-dots{ display: none !important; }
    
	/*----- $2.2 -----*/
	.icon-output{
		float: left;
    	margin-right: calc( 3px + 0.625vw);
    	width: calc(40.8px + 2.875vw);
    }

    .camera-left, .camera-right .img-wrapper:first-of-type img{ padding-bottom: 15px; }
    .camera-right{ padding-left: 0; }


	/*----- $2.3 -----*/
	.img-VRGlass .img-wrapper{
		float: left;
		margin-right: calc( 22.8px + 0.375vw );
		/*width: calc( (100% - ( 40px * 4 )) /5 );*/
	}
		.img-VRGlass .img-wrapper:last-of-type{
			margin-right: 0;
		}

		/*.img-vr1{ max-width: 250px }
		.img-vr2{ max-width: 270px }
		.img-vr3{ max-width: 220px; }
		.img-vr4{ max-width: 250px; }
		.img-vr5{ max-width: 250px; }
				*/


/*----- 3 -----*/
	/*----- 3.1 -----*/
	.downloadArea{
		/*background: black;*/
		padding: 0 15px;
	}
	.download-img-iclone{
		/*border-right: 1px solid white;*/
		background: black;
		padding: calc( 16px + 1.25vw );
	}
		.download-img-iclone img{
			width: 100%;
			max-width: 614px;
			max-height: 136px
		}

	.download-link-iclone{
		/*padding-left: calc( 10px + 1.5625vw );*/
		width: 100%;
	}
		.download-link-iclone-inner{
			/*background: black;
    		padding: calc( 10px + 1.5625vw );*/
		}
		.downloadTitle{
			padding: 0;
		    margin-bottom: calc( 16px + 1.25vw );
		    font-weight: 500;
		}
			.downloadTitle i{
				font-size: calc( 20.8px + 0.375vw );
			    margin-right: calc( 20.8px + 0.375vw );
			    vertical-align: middle;
			    color: #82BF0C;
			}

		.btn-download{
			width: 100%;
		    margin-bottom: 20px;
		    padding: 12px 12px;
		}
		.btn-Newcomer-wrapper button{
			width: calc( ( 100% - 1.5vw) / 2 );
			margin-right: 1.49vw;
			float: left;
		}
			.btn-Newcomer-wrapper a:last-of-type button{
				margin-right: 0;
			}
		.download-desc{
			padding: 0;
		}

		.download-link-iclone .rl-btn-wrapper{width: 100%;}
		.forbalence{ visibility: hidden; }

	/*----- 3.2 -----*/
	    /*----- verticle middle, h right-----*/
        .flex-verticleCenter-alignRight{
            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: flex-end;
                -ms-justify-content: flex-end;
                        -ms-flex-pack: flex-end;
                        justify-content: flex-end;
            -webkit-flex-direction: row;
                -ms-flex-direction: row;
                    flex-direction: row;
        }

    /*----- 3.3 -----*/
    	.forMagicTitle{
    		margin-left: 50px;
    		text-indent: -30px;
    	}


	   

@media screen and (max-width: 991px) {
/*----- general---- */
	.rl-two-cols{
		width: 100%;
	}
		.rl-two-cols-wrapper .rl-two-cols:nth-of-type(odd){
			margin-right: 0
		}

	.text-left-md{
		text-align: left;
	}

	.flex-all-align-md{
        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;
            
    }




	#creation .rl-btn-wrapper{
		text-align: center;
	}

	/*----- $2.3 -----*/


/*----- 3 -----*/
	/*----- 3.1 -----*/
	.forbalence{ display: none; }
	.btn-Newcomer-wrapper a:last-of-type button{
		margin-bottom: 0;
	}

	/*----- 3.2 -----*/
	    /*----- verticle middle, h right-----*/
        .flex-verticleCenter-alignRight{
            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;
        }

}

/*----- 4 testnomial -----*/
	/*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;}
	.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;
	}

@media screen and (max-width: 767px) {
/*----- $2 -----*/
	/*----- $2.2 -----*/
    .camera-right{ padding-left: 15px; }
    	.camera-right .img-wrapper{
			width: calc( (100% - 15px) / 2 );
			float: left;
			margin-right: 15px;
    	}
    	.camera-right .img-wrapper:last-of-type{
    		margin-right: 0;
    	}
}

@media screen and (max-width: 500px) {
/*----- general---- */
	.text-left-phone{
		text-align: left;
	}

/*----- $2 -----*/
	/*----- $2.2 -----*/
    	.camera-right .img-wrapper{
			width: 100%;
			float: none;
			margin-right: 0;
    	}


/*----- 3 -----*/
	/*----- 3.1 -----*/
	.btn-Newcomer-wrapper button{
			width: 100%;
			margin-right: 0;
			float: none;
	}
}

@media screen and (max-width: 400px) {
/*----- $2 -----*/
	/*----- $2.1 -----*/
	.btn-resource{
		    font-size: calc(17.2px + 0.25vw);
	}
}