.mainContainer {

    width: 100%;

    height: 100%;

    margin: 0 auto;

    position: relative;

    transform-style: preserve-3d;

    margin-top: 1%;

	perspective:1200px;

}

.totalcontainer {

    margin: auto;

    width: 499px;

    transform-style: preserve-3d;

    transform: rotateY(0deg);

    transform-origin: center;

    height: auto;

}

.french_door_container {

    width:100%;

    height: 500px;

    margin:0 auto;

	position: relative;
    z-index:99; 
}

.french_doorvideo_container {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

#video {

    object-fit: initial;

    width: 100%;

    height: 100%;

}

.french_doorframe_container {

    position: relative;

    width: 100%;

    height: 100%;
    z-index:99;
    /*  border: 1px solid #000; */

  /*  padding: 10px;*/

} 

.left{

	left:0;

	top:0;

}

.top{

	top:0;

	left:0;

}

.bottom{

	bottom:0;

	left:0;

}

.right{

	right:0;

	top:0;

}

.frame_color{

	/*background:url("frameimg.jpg");*/

}

.french_door_outer_frame_vert {

    width: 10px;

    position: absolute;

    height: 100%;

}

.french_door_outer_frame_horz {

    width: 100%;

    position: absolute;

    height: 10px;

}

.french_door_midrail {
    float: left;
    height: 4%;
    left: 0;
    position: relative;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    z-index:999;
}

.french_door_inner_panel{

	width:100%;

	height:100%;

	position:relative;

	float: left;

	border: 1px solid #000;

}

.french_fix {

    padding: 4px;

}

.french_glass_frame_vert {

    position: absolute;

    width: 4px;

    height: 100%;

}

.french_glass_frame_horz {

    position: absolute;

    width: 100%;

    height: 4px;

}

.french_glass_frame_container {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 4px;
}

.french_vent{

	padding:10px;

}

.french_inner_container {

    height: 100%;

    width: 100%;

    position: relative;

}

.french_fix_frame_vert{

	position: absolute;

    width: 4px;

    height: 100%;

}

.french_fix_frame_horz {

	position: absolute;

    width: 100%;

    height: 4px;

}

.french_vent_frame_vert{

	position: absolute;

    width: 10px;

    height: 100%;

}

.french_vent_frame_horz{

	position: absolute;

    width: 100%;

    height: 10px;

}

.french_door_top_light {

    height: 10%;

    width: 100%;

    position: relative;

    float: left;

    border: 1px solid #000;

}

.french_glass_container {
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #000;
}

.french_door_vert_panel{

	height:100%;

	width:100%;

	position:relative;

	float:left;
	border:1px solid #000;

}

.french_door_bottom_light {

    width: 100%;

    height: 100%;

    position: relative;

    float: left;

}

.french_fix_diagonal_1 {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 6px;

    border-top: 1px solid #000;

    transform: rotate(-45deg);

    transform-origin: left;

}

.french_fix_diagonal_2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 6px;

    border-top: 1px solid #000;

    transform: rotate(45deg);

    transform-origin: left;

}

.french_fix_diagonal_3 {

    border-top: 1px solid #000;

    position: absolute;

    width: 6px;

    right: 0;

    bottom: 0;

    transform-origin: right;

    transform: rotate(45deg);

}

.french_fix_diagonal_4 {

    position: absolute;

    width: 6px;

    border-top: 1px solid #000;

    right: 0;

    top: 0;

    transform: rotate(-45deg);

    transform-origin: right;

}

.french_vent_diagonal_1 {

    position: absolute;

    border-top: 1px solid #000;

    width: 20px;

    bottom: 0;

    left: 0;

    transform: rotate(-45deg);

    transform-origin: left;

}

.french_vent_diagonal_2{

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    border-top: 1px solid #000;

    transform: rotate(45deg);

    transform-origin: left;

}

.french_vent_diagonal_3{

	border-top: 1px solid #000;

    position: absolute;

    width: 20px;

    right: 0;

    bottom: 0;

    transform-origin: right;

    transform: rotate(45deg);

}

.french_vent_diagonal_4{

    position: absolute;

    width: 20px;

    border-top: 1px solid #000;

    right: 0;

    top: 0;

    transform: rotate(-45deg);

    transform-origin: right;	

}

.french_glass_diagonal_1{

    position: absolute;

    border-top: 1px solid #000;

    width: 7px;

    bottom: 0;

    left: 0;

    transform: rotate(-45deg);

    transform-origin: left;	

}

.french_glass_diagonal_2{

	position: absolute;

    top: 0;

    left: 0;

    width: 7px;

    border-top: 1px solid #000;

    transform: rotate(45deg);

    transform-origin: left;

}

.french_glass_diagonal_3{

	border-top: 1px solid #000;

    position: absolute;

    width: 7px;

    right: 0;

    bottom: 0;

    transform-origin: right;

    transform: rotate(45deg);

}

.french_glass_diagonal_4{

	position: absolute;

    width: 7px;

    border-top: 1px solid #000;

    right: 0;

    top: 0;

    transform: rotate(-45deg);

    transform-origin: right;	

}

.french_door_outer_frame_diagonal_1{

	position: absolute;

    border-top: 1px solid #000;

    width: 22px;

    bottom: 0;

    left: 0;

    transform: rotate(-45deg);

    transform-origin: left;	

}

.french_door_outer_frame_diagonal_2{

	position: absolute;

    top: 0;

    left: 0;

    width: 22px;

    border-top: 1px solid #000;

    transform: rotate(45deg);

    transform-origin: left;

}

.french_door_outer_frame_diagonal_3{

	border-top: 1px solid #000;

    position: absolute;

    width: 22px;

    right: 0;

    bottom: 0;

    transform-origin: right;

    transform: rotate(45deg);

}

.french_door_outer_frame_diagonal_4{

	position: absolute;

    width: 22px;

    border-top: 1px solid #000;

    right: 0;

    top: 0;

    transform: rotate(-45deg);

    transform-origin: right;	

}

.front, .back {

    transition: all 3s ease-out !important;

}

.front {

    width: 100%;

    transform-style: preserve-3d;

    transform: rotateY(0deg);

    backface-visibility: hidden;

    overflow: hidden;

    z-index: 999;

    position: relative;

}

.back {

    position: absolute;

    width: auto;

    top: 0;

    width: 100%;

    backface-visibility: hidden;

    transform: rotateY(-180deg);

    transform-style: preserve-3d;

    overflow: hidden;

}

.class1 {

    transform: rotateY(180deg);

    transform-style: preserve-3d;

    backface-visibility: hidden;

    overflow: hidden;

}

.class2 {

    transform: rotateY(0deg);

    transform-style: preserve-3d;

    overflow: hidden;

}

.cill_container {

    position: RELATIVE;

    width: 40%;

    border: 1px solid #000;

    height: 10px;

    display: block;

    margin: auto;

}

.french_door_midrail_vert {

    float: left;

    height: 100%;

    position: relative;

}

.french_midrail_diagonal_1 {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    bottom: 0;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 5px;
    transform: rotate(-137deg);
    transform-origin: left center 0;
    width: 11px;
    z-index: 9;
}

.french_midrail_diagonal_2 {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    bottom: 0;
    height: 11px;
    position: absolute;
    right: -8px;
    top: -3px;
    transform: rotate(52deg);
    transform-origin: left center 0;
    width: 11px;
    z-index: 9;
}
.french_door_handle_right {
     height: 70px;
    left: 2px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 41%;
    transform: none;
    width: 32px;
    z-index: 9999;
}
.french_door_handle_left {
    height: 70px;
    right: 2px;
    margin: auto;
    position: absolute;
    
    top: 41%;
    transform: none;
    width: 32px;
    z-index: 9999;
}
.french_door_handle_right img,.french_door_handle_left img{

    height: 100%;

    width: 100%;

}

.french_threshhold {
    background: #ccc none repeat scroll 0 0;
    bottom: 6px;
    height: 8px;
    /*left: 0;*/
    margin: 0 auto;
    position: absolute;
    /*right: 0;*/
    width: 63%;
    z-index: 9;
}

h2 {

    text-align: center;

}

.french_door_midrail_horz{

	width:100%;

	height:100%;

	position:relative;

	float:left;

}

.french_fix .french_midrail_diagonal_1{

    left: 5px;

    bottom: 0;

    top: 7px;

}

.french_fix .french_midrail_diagonal_2{

    top: -2px;

    right: -9px;

    bottom: 0;

}



.door_frame_color{

	background:#fff;

}

.marginleft_225{margin-left:225px !important}

.french_add_extra { width:100%; height:100%; z-index:9999;top:0;left:0;right:0;bottom:0; }


.french_fix{
	padding:10px;
}
.french_fix_frame_left {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
}

.french_fix_frame_top {
    background: #fff none repeat scroll 0 0;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.french_fix_frame_bottom {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
}

.french_fix_frame_right {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
}

.french_fixs_diagonal_1{

	position: absolute;

    border-top: 1px solid #000;

    width: 22px;

    bottom: 0;

    left: 0;

    transform: rotate(-45deg);

    transform-origin: left;	

}

.french_fixs_diagonal_2{

	position: absolute;

    top: 0;

    left: 0;

    width: 22px;

    border-top: 1px solid #000;

    transform: rotate(45deg);

    transform-origin: left;

}

.french_fixs_diagonal_3{

	border-top: 1px solid #000;

    position: absolute;

    width: 22px;

    right: 0;

    bottom: 0;

    transform-origin: right;

    transform: rotate(45deg);

}

.french_fixs_diagonal_4{

	position: absolute;

    width: 22px;

    border-top: 1px solid #000;

    right: 0;

    top: 0;

    transform: rotate(-45deg);

    transform-origin: right;	

}
.french_glass{
	padding:4px;
}

.door_sash {
    float: left;
    height: 100%;
    padding: 10px;
    border: 1px solid #000;
    position: relative;
}