body {
	font-family: 'Roboto', sans-serif;
}

.mainContainer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	transform-style: preserve-3d;
	perspective: 1200px;
}

.window_toppanel {
	width: auto;
	height: 100%;
}

.window_bottompanel {
	height: 100%;
	width: auto;
	border-bottom: none;
}

.top_panel,
.bottom_panel {
	width: 33.3%;
	height: 100%;
	float: left;
	padding: 4px;
	position: relative;
}

.top_panel {
	border-top: none;
}

.top_panel:last-child,
.bottom_panel:last-child {}

.top_innerpanel,
.bottom_innerpanel {
	border: 1px solid #000;
	overflow: hidden;
	height: 100%;
	position: relative;
}

.top_innerpanel img,
.bottom_innerpanel img,
.openable img {
	height: 100%;
	width: 100%;
}

.openable {
	height: 100%;
	width: 100%;
	padding: 10px;
	box-shadow: 0px 0px 35px 13px rgba(204, 204, 204, 0.18) inset;
	position: relative;
}

.not_openable {
	padding: 6px;
	box-shadow: 0px 0px 10px 10px rgba(204, 204, 204, 0.18) inset;
}

.top_handeltop {
	position: absolute;
	top: -7px;
	left: 40%;
	right: 40%;
}

.top_handelleft {
	position: absolute;
	top: 30%;
	left: 1px;
	bottom: 30%;
}

.top_handelbottom {
	position: absolute;
	left: 40%;
	bottom: -4px;
	right: 40%;
	width: 30px;
}

.top_handelright {
	position: absolute;
	right: 1px;
	top: 30%;
	bottom: 30%;
}

.btm_handeltop {
	position: absolute;
	top: -7px;
	left: 40%;
	right: 40%;
}

.btm_handelleft {
	position: absolute;
	top: 40%;
	left: 2px;
	bottom: 40%;
	height: 40px;
	width: 10px;
}

.btm_handelbottom {
	position: absolute;
	left: 40%;
	bottom: -4px;
	right: 40%;
	width: 30px;
}

* .btm_handelright {
	position: absolute;
	right: 1px;
	top: 40%;
	bottom: 40%;
	width: 7px;
	height: 40px;
}

.glass {
	height: 100%;
	border: 1px solid #000;
	background-size: cover;
	position: relative;
}

.innerframe {
	border: 1px solid #000;
	height: 100%;
	padding: 5px;
	position: relative;
}

.diagonal_1_openable {
	border-top: 1px solid #000;
	transform: rotate(45deg);
	transform-origin: 0% 0;
	width: 30px;
	position: absolute;
}

.diagonal_2_openable {
	border-bottom: 1px solid #000;
	transform: rotate(314deg);
	transform-origin: 100% 100%;
	width: 30px;
	right: 0;
	position: absolute;
}

.diagonal_3_openable {
	border-top: 1px solid #000;
	position: absolute;
	bottom: 0;
	transform: rotate(315deg);
	width: 30px;
	transform-origin: 0% 0;
	left: 0;
}

.diagonal_4_openable {
	border-top: 1px solid #000;
	position: absolute;
	transform: rotate(45deg);
	width: 30px;
	right: 0;
	bottom: 0;
	transform-origin: 100% 0;
}

.diagonal_1 {
	border-top: 1px solid #000;
	position: absolute;
	width: 15px;
	transform: rotate(46deg);
	left: 0;
	top: 0;
	transform-origin: left;
}

.diagonal_2 {
	position: absolute;
	right: 0;
	top: 0;
	border-top: 1px solid #000;
	transform: rotate(-45deg);
	width: 15px;
	transform-origin: right;
}

.diagonal_3 {
	border-top: 1px solid #000;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 15px;
	transform: rotate(-43deg);
	transform-origin: left;
}

.diagonal_4 {
	width: 15px;
	border-top: 1px solid #000;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: rotate(45deg);
	transform-origin: right;
}

.diagonal_1_notopenable {
	position: absolute;
	width: 10px;
	left: 0;
	top: 0;
	transform: rotate(45deg);
	border-top: 1px solid #000;
	transform-origin: 0% 0;
}

.diagonal_2_notopenable {
	position: absolute;
	width: 10px;
	right: 0;
	top: 0;
	transform: rotate(-45deg);
	border-top: 1px solid #000;
	transform-origin: 100% 0%;
}

.diagonal_3_notopenable {
	position: absolute;
	width: 10px;
	left: 0;
	bottom: 0;
	transform: rotate(318deg);
	border-top: 1px solid #000;
	transform-origin: 0% 0;
}

.diagonal_4_notopenable {
	position: absolute;
	width: 10px;
	right: 0;
	bottom: 0;
	transform: rotate(44deg);
	border-top: 1px solid #000;
	transform-origin: 100% 0%;
}

.innerfram_diagonal_2 {
	border-top: 1px solid;
	transform: rotate(-50deg);
	transform-origin: 100% 0;
	width: 10px;
	position: absolute;
	right: 0;
	top: 0;
}

.innerfram_diagonal_1 {
	border-top: 1px solid;
	position: absolute;
	left: 0;
	width: 10px;
	transform: rotate(45deg);
	transform-origin: left;
	top: 0;
}

.innerfram_diagonal_3 {
	border-top: 1px solid #000;
	left: 0;
	bottom: 0px;
	width: 10px;
	position: absolute;
	transform: rotate(-45deg);
	transform-origin: 0 100%;
}

.innerfram_diagonal_4 {
	border-top: 1px solid #000;
	right: -11px;
	bottom: 0;
	position: absolute;
	width: 9px;
	transform: rotate(-140deg);
	transform-origin: 0 100%;
}

ul.frame_color {
	padding: 0;
	margin: 0;
}

ul.frame_color li {
	list-style-type: none;
	display: inline-block;
	margin: 10px;
}

.windowstyle {
	padding: 0 0 0 5px;
}

.gifimg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.colourheading {
	margin-bottom: 10px;
	margin-top: 0;
	text-align: center;
}

.cills-div {
	border: 1px solid;
	margin: auto;
	padding: 4px;
	background-image: url('/frontend/web/product_layout_images/new/21.jpg');
}

.cillcontainer {
	margin: auto;
	position: relative;
}

.radio {
	margin: 0.5rem;
}

.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.radio input[type="radio"]+.radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: -0.2em;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}

.radio input[type="radio"]:checked+.radio-label:before {
	background-color: #3197EE;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"]:focus+.radio-label:before {
	outline: none;
	border-color: #3197EE;
}

.radio input[type="radio"]:disabled+.radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}

.radio input[type="radio"]+.radio-label:empty:before {
	margin-right: 0;
}

.mullion {
	float: left;
	height: 100%;
}

.div-loader {
	display: none;
}

.frame_color>li {
	border: 1px solid #000;
}

.total_width>input {
	border: 1px solid #000;
	font-size: 12px;
	height: 20px;
	padding: 3px;
	width: 40px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: -10px auto;
}

.mulion_width .total_width>input {
	border: 1px solid #000;
	font-size: 12px;
	height: 20px;
	padding: 3px;
	width: 35px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	background: #fff;
	z-index: 9;
	margin: -10px auto 0;
	top: 0;
	left: 0;
	right: 0;
}

.total_height>input {
	border: 1px solid #000;
	display: table-cell;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	left: -20px;
	padding: 2px;
	position: absolute;
	text-align: center;
	top: 45%;
	vertical-align: middle;
	width: 40px;
	z-index: 9;
}

.trandsome-height .total_height {
	background-size: contain;
	position: relative;
	right: 0;
	top: 0;
}

.trandsome-height {
	position: absolute;
	left: -37px;
	height: 100%;
	top: 0;
}

.totalcontainer {
	width: 26%;
	margin: 0 auto;
}

span.pan_number {
	position: absolute;
	color: #fff;
	top: 48%;
	left: 0;
	right: 0;
	font-weight: bold;
	font-size: 26px;
}

.glass_pattern {
	background: #bbb;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	opacity: 0.7;
	text-align: center;
	z-index: 99
}

.btm_handelleft img,
.btm_handelright img,
.top_handelright img,
.top_handelleft img {
	height: 100%;
	width: auto;
}

.glspatterncate {
	display: inline-block;
	text-transform: capitalize;
	width: 100%;
}

.glspatterncontainer {
	text-align: center;
	width: 115px;
	float: left;
}

.hndlcontainer {
	display: table;
	float: left;
	text-align: center;
	width: 70px;
}

.windowstyle_cills,
.windows_locking,
.windowstyle_handles,
.windowstyle_tv,
.windowstyle_conn {
	height: 160px;
}

#handleimage {
	height: 97px;
	width: auto;
	border: 1px solid #aaa;
	display: block;
	margin: auto;
}

.hndlname {
	display: block;
}

.glass_pattern .ptrname {
	color: #fa0303;
	font-family: roboto;
	font-size: 14px;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 9;
	font-weight: bolder;
}

.toughdiv {
	color: #000;
	font-family: roboto;
	font-size: 14px;
	opacity: 1;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	top: 21px;
	transform: translateX(0%) translateY(-50%);
	width: 100%;
	font-weight: 700;
	z-index: 999
}

.Add-Extra {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.Extra-diamond {
	background-image: url("../images/addextra/diamond_leadb.png");
}

.Extra-square {
	background-image: url("../images/addextra/square_leadb.png");
}

.Extra-georgian {
	background-image: url("../images/addextra/leadb.png");
}

.astrigal-bar-white {
	background-image: url("../images/addextra/leadb.png");
}

.astrigal-bar-foil {
	background-image: url("../images/addextra/leadb.png");
}

.windowContainer {
	height: 500px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.videocontainer {
	height: 100%;
	width: 100%;
	margin: auto;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.videocontainer::before {
	content: " ";
	width: 1px;
	height: 100%;
	position: absolute;
	background: #fff;
	right: -1px;
}

.framecontainer {
	height: 100%;
	width: 100%;
	margin: auto;
	position: relative;
	border: 1px solid #000;
	padding: 8px;
	background-size: cover;
	z-index: 99;
}

.win_frame_color {
	background-image: url('/frontend/web/product_layout_images/new/21.jpg');
}

.vert_outer_frame {
	position: absolute;
	height: 100%;
	width: 8px;
	bottom: 0;
}

.hori_outer_frame {
	width: 100%;
	height: 8px;
	right: 0;
	position: absolute;
}

.top {
	top: 0;
	left: 0;
	right: 0;
}

.left {
	left: 0;
	top: 0;
}

.right {
	right: 0;
	top: 0;
}

.bottom {
	bottom: 0;
	left: 0;
	right: 0;
}

.innertop_frame {
	width: 50%;
	height: 50%;
	float: left
}

.mulion {
	width: 2%;
	height: 100%;
	float: left;
	position: relative;
}

.transome {
	width: 100%;
	height: 2%;
	float: left;
	position: relative;
}

.innercontainer {
	height: 100%;
	position: relative;
	width: 100%;
}

.vertical_pannel {
	height: 100%;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.toppannel {
	height: 39%;
	width: 100%;
	float: left;
	position: relative;
	border: 1px solid #000;
	padding: 7px;
}

.bottompannel {
	height: 58%;
	width: 100%;
	float: left;
	position: relative;
	border: 1px solid #000;
	padding: 7px;
}

.vert_opnable_frame {
	position: absolute;
	width: 9px;
	height: 100%;
	box-shadow: 0px 0px 0px 8px rgba(204, 204, 204, 0.06) inset;
	z-index: 9;
}

.hori_opnable_frame {
	position: absolute;
	width: 100%;
	height: 9px;
	box-shadow: 0px 0px 0px 8px rgba(204, 204, 204, 0.06) inset;
	z-index: 9;
}

.vert_notopnable_frame {
	position: absolute;
	width: 7px;
	height: 100%;
	box-shadow: 0px 0px 0px 8px rgba(204, 204, 204, 0.06) inset;
	z-index: 9;
}

.hori_notopnable_frame {
	position: absolute;
	width: 100%;
	height: 7px;
	box-shadow: 0px 0px 0px 8px rgba(204, 204, 204, 0.06) inset;
	z-index: 9;
}

.innerpannel {
	height: 100%;
	width: 100%;
	position: relative;
	border: 1px solid #000;
	padding: 4px;
	z-index: 9;
}

.hori_glass_frame {
	width: 4px;
	height: 100%;
	position: absolute;
	box-shadow: 0px 0px 0px 8px rgba(204, 204, 204, 0.06) inset;
	z-index: 9;
}

.vert_glass_frame {
	width: 100%;
	height: 4px;
	position: absolute;
	box-shadow: 0px 0px 0px 8px rgba(204, 204, 204, 0.06) inset;
	z-index: 9;
}

.openable {
	padding: 9px;
}

.notopenable {
	padding: 10px;
}

#video {
	object-fit: initial;
	width: 100%;
	height: 100%;
}

.outer_diagonal_1 {
	border-top: 1px solid #000;
	position: absolute;
	width: 23px;
	transform: rotate(44deg);
	left: 0;
	top: 0;
	transform-origin: left;
}

.outer_diagonal_2 {
	position: absolute;
	right: 0;
	top: 0;
	border-top: 1px solid #000;
	transform: rotate(-45deg);
	width: 23px;
	transform-origin: right;
}

.outer_diagonal_3 {
	border-top: 1px solid #000;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 23px;
	transform: rotate(-45deg);
	transform-origin: left;
}

.outer_diagonal_4 {
	width: 23px;
	border-top: 1px solid #000;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: rotate(45deg);
	transform-origin: right;
}

.vent_diagonal_1 {
	border-top: 1px solid #000;
	position: absolute;
	width: 22px;
	transform: rotate(45deg);
	left: 0;
	top: 0;
	transform-origin: left;
	z-index: 9;
}

.vent_diagonal_2 {
	position: absolute;
	right: 0;
	top: 0;
	border-top: 1px solid #000;
	transform: rotate(-45deg);
	width: 22px;
	transform-origin: right;
	z-index: 9;
}

.vent_diagonal_3 {
	border-top: 1px solid #000;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 22px;
	transform: rotate(-45deg);
	transform-origin: left;
	z-index: 9;
}

.vent_diagonal_4 {
	width: 21px;
	border-top: 1px solid #000;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: rotate(45deg);
	transform-origin: right;
	z-index: 9;
}

.glass_diagonal_1 {
	border-top: 1px solid #000;
	position: absolute;
	width: 7px;
	transform: rotate(44deg);
	left: 0;
	top: 0;
	transform-origin: left;
	z-index: 99;
}

.glass_diagonal_2 {
	position: absolute;
	right: 0;
	top: 0;
	border-top: 1px solid #000;
	transform: rotate(-45deg);
	width: 7px;
	transform-origin: right;
	z-index: 99;
}

.glass_diagonal_3 {
	border-top: 1px solid #000;
	position: absolute;
	left: -1px;
	bottom: -1px;
	width: 7px;
	transform: rotate(-45deg);
	transform-origin: left;
	z-index: 99;
}

.glass_diagonal_4 {
	width: 7px;
	border-top: 1px solid #000;
	position: absolute;
	right: -1px;
	bottom: -1px;
	transform: rotate(45deg);
	transform-origin: right;
	z-index: 99;
}

.glass_container {
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	z-index: 99;
}

.transome_left_bottom_diagonal {
	border-top: 1px solid #000;
	width: 6px;
	position: absolute;
	left: 1px;
	bottom: -1px;
	transform-origin: left;
	transform: rotate(-135deg);
	z-index: 99;
	display: none;
}

.transome_right_bottom_diagonal {
	border-top: 1px solid #000;
	width: 6px;
	position: absolute;
	right: 2px;
	bottom: -2px;
	transform-origin: right;
	transform: rotate(135deg);
	z-index: 99;
	display: none;
}

.transome_left_top_diagonal {
	border-top: 1px solid #000;
	width: 8px;
	position: absolute;
	left: -2px;
	top: 2px;
	transform-origin: left;
	transform: rotate(-45deg);
	z-index: 99;
	height: 8px;
	border-left: 1px solid #000;
	display: none;
}

.transome_right_top_diagonal {
	border-top: 1px solid #000;
	width: 8px;
	position: absolute;
	right: -2px;
	top: 2px;
	transform-origin: right;
	transform: rotate(45deg);
	z-index: 99;
	border-right: 1px solid #000;
	height: 8px;
	display: none;
}

.mullion_left_bottom_diagonal {
	position: absolute;
	width: 8px;
	border-top: 1px solid #000;
	left: 0px;
	bottom: -3px;
	transform: rotate(-134deg);
	transform-origin: center;
	z-index: 9;
	height: 7px;
	border-left: 1px solid #000;
	display: none;
}

.mullion_left_top_diagonal {
	border-top: 1px solid #000;
	width: 7px;
	position: relative;
	left: 0px;
	top: 0px;
	transform-origin: right;
	transform: rotate(44deg);
	z-index: 9;
	border-left: 1px solid #000;
	height: 7px;
	display: none;
}

.mullion_right_top_diagonal {
	position: absolute;
	top: 0;
	right: 0;
	transform-origin: right;
	transform: rotate(45deg);
	z-index: 9;
	border-top: 1px solid #000;
	width: 6px;
	display: none;
}

.mullion_right_bottom_diagonal {
	border-top: 1px solid #000;
	width: 6px;
	bottom: 0;
	right: 0;
	transform-origin: right;
	transform: rotate(-45deg);
	z-index: 9;
	position: absolute;
	display: none;
}

.top_handl_left img,
.top_handl_right img,
.top_handl_bottom img {
	height: 100%;
	width: 100%;
}

.top_handl_left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	height: 45px;
	width: 5px;
	right: 0;
	margin: auto;
}

.top_handl_right {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	height: 45px;
	width: 5px;
	margin: auto;
	right: 0;
}

.top_handl_bottom {
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
	width: 45px;
	height: 5px;
	margin: auto;
}

.bottom_handl_left img,
.bottom_handl_right img,
.bottom_handl_bottom img {
	height: 100%;
	width: 100%;
}

.bottom_handl_left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 45px;
	width: 5px;
	margin: auto;
}

.bottom_handl_right {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	height: 45px;
	width: 5px;
	vertical-align: middle;
	right: 0;
	margin: auto;
}

.bottom_handl_bottom {
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
	width: 45px;
	height: 5px;
	margin: auto;
}

.dummy {
	padding: 9px;
}

.bottom_grill {
	background-image: url(astrigalbar_bottom.png);
	height: 100%;
	width: 100%;
	background-size: 100% 100%;
}

.top_grill {
	background-image: url(astrigalbar_top.png);
	height: 100%;
	width: 100%;
	background-size: 100% 100%;
}

.border_top_bottom {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.border_left_right {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.ex_width_left {
	width: 1%;
}

.ex_width_right {
	width: 1%;
}

.ex_height_top {
	height: 1%;
}

.ex_height_bottom {
	height: 1%;
}

.ex_top_ {
	top: 0%;
}

.ex_left {
	left: 0%;
}

.ex_right {
	right: 0%;
}

.ex_bottom {
	bottom: 0%;
}

.ex_vert_outer_frame_left {
	position: absolute;
	height: 100%;
	border-left: 1px solid #000;
	top: 0;
}

.ex_hori_outer_frame_top {
	position: absolute;
	width: 100%;
	border-top: 1px solid #000;
	margin: 0 auto;
	left: 0;
}

.ex_vert_outer_frame_right {
	position: absolute;
	height: 100%;
	border-right: 1px solid #000;
	top: 0;
}

.ex_hori_outer_frame_bottom {
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #000;
	margin: 0 auto;
	left: 0;
}

.frame_extender {
	width: 100%;
	height: 100%;
	position: relative;
}

.ex_left_top_diagonal_box {
	position: absolute;
	left: 0%;
	top: 0%;
	border-top: 1px solid #000;
	height: 0%;
	width: 6%;
	transform-origin: left;
	transform: rotate(50deg);
	display: none;
}

.ex_right_top_diagonal_box {
	position: absolute;
	right: 0%;
	top: 0%;
	border-top: 1px solid #000;
	width: 6%;
	height: 0%;
	transform: rotate(-50deg);
	transform-origin: right;
	display: none;
}

.ex_left_bottom_diagonal_box {
	position: absolute;
	left: 0%;
	bottom: 0%;
	border-top: 1px solid #000;
	height: 0%;
	width: 6%;
	transform-origin: left;
	transform: rotate(-50deg);
	display: none;
}

.ex_left_right_diagonal_box {
	position: absolute;
	right: 0%;
	bottom: 0%;
	border-top: 1px solid #000;
	width: 6%;
	height: 0%;
	transform-origin: right;
	transform: rotate(50deg);
	display: none;
}

.grand_container {
	height: 100%;
	top: 0%;
	position: absolute;
	width: 100%;
	left: 0%;
	margin: 0 auto;
}

.vent_not_opneable_1 {
	position: absolute;
	border-top: 1px solid #000;
	top: 0;
	left: 0;
	width: 11px;
	transform-origin: left;
	transform: rotate(45deg);
	z-index: 99;
}

.vent_not_opneable_2 {
	position: absolute;
	border-top: 1px solid #000;
	top: 0;
	right: 0;
	width: 11px;
	transform-origin: right;
	transform: rotate(-45deg);
	z-index: 99;
}

.vent_not_opneable_3 {
	position: absolute;
	border-top: 1px solid #000;
	bottom: 0;
	left: 0;
	width: 11px;
	transform-origin: left;
	transform: rotate(-45deg);
	z-index: 99;
}

.vent_not_opneable_4 {
	border-top: 1px solid #000;
	bottom: 0;
	position: absolute;
	right: 0;
	transform: rotate(45deg);
	transform-origin: right center 0;
	width: 11px;
	z-index: 99;
}

.notopnable .innerpannel {
	padding: 0;
	border: none;
}

.infofooter a {
	color: #fff;
	padding: 10px 0;
	display: block;
}

.checkoutsection {
	display: none;
}

.infofooter a:hover {
	color: #fff;
}

.bar_horz {
	width: 100%;
	height: 4px;
	background: #fff;
	position: absolute;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	top: 50%;
	left: 0;
}

.bar_vert {
	position: absolute;
	height: 100%;
	width: 4px;
	background: #fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	left: 50%;
	top: 0;
}

#noscriptfound>div {
	background-color: #fe2322;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.mm25_hori {
	height: 5px !important;
}

.mm25_vert {
	width: 5px !important;
}

.astri_bar_container {
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.buy_editbtn {
	display: none;
	text-align: center;
	margin: 15px auto 0;
	float: none;
}

.mid_container_update {
	left: 50%;
	transform: translate(-50%, 0%);
}

.checkout_from .form-control {
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 0;
}

.checkout_from .form-control:focus {
	border-color: #ddd;
	box-shadow: none;
}

.checkout_from .btngroup_left {
	width: 100%;
	float: none;
	display: table;
	padding-top: 0;
	text-align: center;
}

.checkout_from .editbtn {
	float: none;
	margin: 0 auto;
}

audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
	display: none;
}

audio::-webkit-media-controls,
video::-webkit-media-controls {
	display: none;
}
@media only screen and (max-width: 800px){

.total_height > input, .mulion_width .total_width > input, .total_width > input {
    font-size: 10px;
    height: 15px;
    width: 30px;
	font-weight: bold;
	padding:0;
}
span.extender_height_label-top, span.extender_height_label-bottom, span.extender_width_label-bottom{
	font-size: 10px;
}
span.extender_width-label-top, span.frame_width-label-left, 
span.frame_height-label-top, span.extender_height_label-bottom,
span.extender_height_label-top{
	padding:0;
}
}