a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
label {
	font-family: Roboto, sans-serif;
}

.certification a,
.certification a:active,
.certification a:focus,
.certification a:hover,
.cms-div>p,
.company_name a,
.company_name a:active,
.company_name a:focus,
.company_name a:hover,
.registration a:active,
.registration a:focus,
.registration a:hover,
.top_menu a:active,
.top_menu a:focus,
.top_menu a:hover {
	color: #fff
}

.welcome-text h3,
.welcome-text p {
	letter-spacing: 1px
}

#accordion_1 .windowstyle,
.box-img,
.quote-img,
.vent-section {
	overflow: hidden
}

.box-img img:hover,
.quote-img img:hover {
	transform: scale(1.1)
}

.info,
.infobtn,
.select select:disabled,
.select__arrow {
	pointer-events: none
}

#menu ul li a,
.heading h4,
.top_menu a,
.welcome-text h3 {
	text-transform: uppercase
}

.child>li,
.dropdown,
.parent-menu>li,
.subprolisting>li {
	list-style-type: none
}

.help-block,
.home_quote,
.spilt_detail,
.start-btn,
.transome_div {
	clear: both
}

a {
	text-decoration: none!important
}

a:active,
a:focus {
	outline: 0;
	border: none
}

.form-group {
	display: table;
	width: 100%
}

#menu ul li a,
.registration a {
	font-family: roboto;
	transition: all .4s ease-in-out
}

.nopadding {
	padding: 0!important
}

#header-content {
	background: #0066cb
}

.logo {
	text-align: center;
	padding-top: 0;
	height: 100px;
	width: 300px
}

.cms-div,
.top_header {
	padding: 10px 0
}

.top_header {
	display: flex
}

.company_name {
	float: left
}

.certification,
.top_menu {
	float: right
}

.company_name a {
	font-size: 20px
}

.cms-div>p {
	font-size: 16px;
	margin-bottom: 0
}

#menu ul,
.top_menu ul {
	margin: 0;
	padding: 0
}

#menu ul li,
.top_menu ul li {
	list-style-type: none;
	display: inline
}

.top_menu {
	padding: 10px 0
}

.top_menu a {
	color: #fff;
	margin-left: 15px
}

li.drop_down_menu {
	position: relative;
	transition: all .4s ease-in-out
}

.sub_menu {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 26px;
	background: #fff;
	width: 185px;
	display: none;
	transition: all .4s ease-in-out;
	text-align: left!important
}

.sub_menu li {
	display: block;
	border-bottom: 1px solid #ccc
}

.sub_menu li:last-child {
	border-bottom: none
}

.sub_menu li a {
	color: #0066cb;
	padding: 8px 0 5px 7px!important;
	display: block;
	margin: 0;
	border-bottom: 3px solid transparent!important;
	margin-left: 0!important;
	border-top: none!important;
	font-size: 12px!important
}

li.drop_down_menu:hover .sub_menu {
	display: block;
	transition: all .4s ease-in-out
}

.sub_menu li a .fa-angle-right {
	margin-right: 7px;
	font-size: 20px;
	float: right
}

.registration {
	text-align: center;
	line-height: 3;
	width: 33.33%;
	float: left
}

#menu ul,
.pdfcontainer {
	text-align: right
}

.registration a {
	color: #fff;
	font-size: 15px;
	display: block
}

.registration a:hover {
	margin-left: 15px
}

.supply {
	background: #1975d0
}

.retail,
.trade {
	background: #3385d5
}

#menu {
	padding: 10px;
	box-shadow: 0 7px 15px -7px #ccc
}

#menu ul li a {
	color: #0066cb;
	border-top: 3px solid transparent;
	margin-left: 2px;
	padding: 8px 11px 12px;
	text-align: left;
	font-size: 14px
}

#menu ul li a.active,
#menu ul li a:hover {
	background: #0066cb;
	color: #fff
}

.footer,
.quote-div a {
	background: #000
}

.welcome-text {
	margin: 5% auto 0;
	float: right;
	padding: 25px
}

.welcome-quote {
	padding: 5% 0 6%
}

.welcome-img {
	border: 3px solid #0066cb;
	height: 300px;
	width: 300px;
	margin: 0 auto;
	padding-top: 15px;
	padding-right: 15px;
	position: relative
}

.box-img {
	position: absolute;
	right: 20px;
	left: -35px;
	top: 20px
}

.box-img img {
	height: 300px;
	transition: all .4s ease-in-out
}

.copyright {
	padding: 15px 0;
	color: #fff
}

.copyright p {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	margin: 0
}

.get_quote {
	padding: 0 0 6%
}

.quote-heading {
	text-align: center
}

.quote-div {
	min-height: 340px;
	border: 1px solid #eee;
	padding: 20px;
	margin-top: 25px;
	border-radius: 1px;
	transition: all .9s ease-in-out
}

.quote-div:hover {
	box-shadow: 0 0 20px 2px #eee;
	border: 1px solid transparent
}

.quote-img {
	margin-bottom: 15px
}

.quote-img img {
	transition: all .6s ease-in-out
}

.make-up,
.quote-div a {
	transition: all .9s ease-in-out
}

.count {
	width: 20%;
	float: left;
	padding: 10px
}

.count span {
	font-size: 26px;
	border-bottom: 2px solid
}

.heading {
	width: 80%;
	float: left
}

.quote-div a {
	border: none;
	color: #fff;
	padding: 8px;
	border-radius: 1px;
	margin-top: 9px;
	display: inline-block
}

.quote-div a:hover {
	background: #0066cb;
	color: #fff
}

.start-btn {
	margin: 18px 0 0;
	display: inline-block;
	text-align: center;
	width: 100%
}

.start-btn a {
	border-radius: 4px;
	background-color: #0066cb;
	border: none;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	padding: 8px 20px;
	transition: all .5s;
	cursor: pointer;
	font-weight: 400
}

.start-btn a:active,
.start-btn a:focus,
.start-btn a:hover {
	color: #fff
}

.start-btn a span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: .5s
}

.start-btn a span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: .5s
}

.start-btn a:hover span {
	padding-right: 25px
}

.start-btn a:hover span:after {
	opacity: 1;
	right: 0
}

.modal-content {
	padding: 15px;
	border-radius: 4px
}

#Login_pop-up .nav-tabs>li {
	display: inline-block;
	float: none;
	width: 49.5%
}

#sign_pop-up .nav-tabs>li {
	display: inline-block;
	float: none;
	width: 100%
}

#Login_pop-up .nav-tabs>li:last-child {
	border-right: none
}

#Login_pop-up .nav-tabs>li.active>a,
#Login_pop-up .nav-tabs>li.active>a:focus,
#Login_pop-up .nav-tabs>li.active>a:hover,
#sign_pop-up .nav-tabs>li.active>a,
#sign_pop-up .nav-tabs>li.active>a:focus,
#sign_pop-up.nav-tabs>li.active>a:hover {
	background: #fff;
	color: #0066cb;
	font-size: 14px;
	font-weight: 700;
	border: none;
	margin-right: 0
}

#Login_pop-up .nav-tabs,
#sign_pop-up .nav-tabs {
	border-bottom: none;
	text-align: center;
	width: 100%;
	display: table
}

#Login_pop-up .nav>li>a:focus,
#Login_pop-up .nav>li>a:hover,
#sign_pop-up .nav>li>a:focus,
#sign_pop-up .nav>li>a:hover {
	background-color: #fff;
	color: #0066cb;
	border: none;
	font-weight: 700
}

#Login_pop-up .nav-tabs>li>a,
#sign_pop-up .nav-tabs>li>a {
	color: #000;
	border: none;
	font-weight: 700
}

#Login_pop-up .tab-content,
#design_pop-up .tab-content,
#sign_pop-up .tab-content {
	padding: 20px
}

.pop_up_btn button {
	border: 2px solid #0066cb;
	background: #fff;
	padding: 7px 10px;
	margin-top: 15px;
	border-radius: 4px;
	color: #0066cb;
	font-weight: 700;
	transition: all .6s ease-in-out;
	font-family: roboto
}

.pop_up_btn button:hover {
	background: #0066cb;
	color: #fff;
	border-color: #0066cb
}

.modal-dialog {
	width: 500px;
	margin: 10% auto
}

button.close {
	background: #0066cb!important;
	opacity: 1;
	height: 21px;
	width: 21px;
	color: #fff;
	border-radius: 3px
}

.close:focus,
.close:hover {
	color: #fff!important;
	background: #0066cb!important;
	opacity: 1!important;
	outline: 0
}

.close-btn {
	float: right
}

.control {
	display: block;
	position: relative;
	padding-left: 17px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 15px;
	width: 15px;
	border: 1px solid #0066cb
}

.control--radio .control__indicator {
	border-radius: 50%
}

.control input:checked:focus~.control__indicator,
.control input:checked~.control__indicator,
.control:hover input:not([disabled]):checked~.control__indicator {
	background: #0066cb
}

.control input:disabled~.control__indicator {
	background: #0066cb;
	opacity: .6;
	pointer-events: none
}

.control__indicator:after {
	content: '';
	position: absolute;
	display: none
}

.control input:checked~.control__indicator:after {
	display: block
}

.control--checkbox .control__indicator:after {
	left: 6px;
	top: 2px;
	width: 3px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}

.control--checkbox input:disabled~.control__indicator:after {
	border-color: #7b7b7b
}

.control--radio .control__indicator:after {
	left: 3px;
	top: 3px;
	height: 7px;
	width: 7px;
	border-radius: 50%;
	background: #fff
}

.control--radio input:disabled~.control__indicator:after {
	background: #7b7b7b
}

.dropdown_menu .select {
	padding: 10px 4px
}

.select {
	position: relative;
	padding: 10px
}

.select select {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 10px 15px;
	outline: 0;
	border-radius: 0;
	font-size: 14px;
	color: #8c8c8c;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #eee
}

.select select::-ms-expand {
	display: none
}

.select select:disabled {
	opacity: .5
}

.select__arrow {
	position: absolute;
	right: 20px;
	top: 22px;
	font-size: 17px;
	color: #8c8c8c
}

.select select:focus~.select__arrow,
.select select:hover~.select__arrow {
	border-top-color: #000
}

.select select:disabled~.select__arrow {
	border-top-color: #ccc
}

.window-styling-section h3 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 5px;
	font-family: roboto;
	font-weight: 400;
	text-transform: uppercase
}

.main .quote-div {
	padding: 5px;
	min-height: auto
}

.main .count {
	padding: 5px
}

.main .count span {
	font-size: 16px
}

.main .heading h4 {
	margin-top: 6px;
	margin-bottom: 0;
	font-size: 16px
}

.main .heading h5 {
	font-size: 12px
}

.left_sidebar {
	position: relative
}

#left_sidebar_overlay,
#left_sidebar_overlay_main_menu,
#right_sidebar_overlay,
#vent_overlay {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(51, 51, 51, .74);
	z-index: 2;
	cursor: pointer;
	text-align: center;
	transition: all .6s ease-in-out
}

#left_sidebar_overlay_main_menu_text,
#left_sidebar_overlay_text,
#right_sidebar_overlay_text,
#vent_overlay_text {
	position: absolute;
	top: 35%;
	font-size: 20px;
	color: #fff;
	text-transform: capitalize;
	display: none;
	transition: all .6s ease-in-out;
	padding: 0 5px;
	left: 6%;
	right: 6%
}

.child>li,
.parent-menu>li>a {
	font-size: 14px;
	cursor: pointer
}

#left_sidebar_overlay:Hover #left_sidebar_overlay_text,
#left_sidebar_overlay_main_menu:Hover #left_sidebar_overlay_main_menu_text,
#right_sidebar_overlay:hover #right_sidebar_overlay_text,
#vent_overlay:hover #vent_overlay_text,
.make-up a {
	display: block
}

#left_sidebar_overlay_main_menu_text {
	color: red;
	font-weight: 700
}

#left_sidebar_overlay_main_menu:Hover {
	background-color: rgba(51, 51, 51, .95)
}

.page-content {
	padding: 2px 0;
	position: relative
}

.parent-menu {
	padding: 0;
	margin: 0;
	width: 100%
}

.parent-menu>li {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	position: relative
}

.parent-menu>li a span:first-child {
	float: right;
	margin-right: 22px;
	border-right: 1px solid #ccc;
	padding-right: 8px;
	height: 22px;
	position: absolute;
	right: 8px;
	top: 10px
}

.dropdown {
	border: 1px solid #eee
}

.child>li {
	color: #000;
	padding: 7px 15px;
	border-bottom: 1px solid #eee
}

.child {
	padding: 0
}

.child>li:hover {
	background: #21b6d2;
	color: #fff
}

.select_item {
	background: #21b6d2;
	color: #fff!important
}

.parent-menu>li>a {
	padding: 10px 26px 10px 10px;
	display: block;
	color: #757575;
	border: 1px solid #ddd;
	font-family: Roboto, sans-serif
}

.parent {
	padding: 15px
}

.parent a {
	padding: 6px!important
}

.parent-menu .dropdown a span:first-child {
	float: right;
	margin-right: 0;
	border-right: none;
	padding-right: 0;
	height: 22px
}

.info,
.infobtn {
	float: right;
	width: 20px;
	height: 20px;
	background: #21b6d2;
	border-radius: 50%;
	font-weight: bolder;
	font-size: 14px;
	color: #fff;
	font-family: sans-serif;
	right: 5px;
	top: 12px;
	position: absolute;
	cursor: pointer;
	text-align: center;
	font-style: italic
}

.infobtn {
	padding: 1px
}

.resize_detail label.control.control--checkbox,
.sizing_div {
	float: left
}

.make-up {
	text-align: center;
	margin-bottom: 20px
}

.make-up a {
	color: #615f5f;
	font-weight: 700;
	border: 2px solid;
	padding: 8px 0;
	border-radius: 4px;
	transition: all .4s ease-in-out;
	width: 100px;
	margin: auto
}

.contact-btn,
.make-up a:hover,
.vent {
	border: 2px solid #0066cb
}

.make-up a:hover {
	background: #0066cb;
	color: #fff
}

.make-up span {
	margin-bottom: 0;
	display: table;
	font-size: 15px;
	font-family: roboto
}

.start-btn.Done button {
	background: #000
}

.vent:hover,
.window_style_div .control input:checked~.control__indicator {
	background: #0066cb
}

.chng-ventes h5,
.window_detail_section h5 {
	text-align: center;
	margin: 10px 0;
	text-transform: uppercase;
	font-weight: 700;
	font-family: roboto
}

.window_detail_section {
	clear: both;
	margin-bottom: 15px;
	padding-top: 20px
}

.chng-ventes {
	text-align: center;
	display: table;
	width: 100%
}

.vent-section {
	position: relative;
	text-align: center
}

.vent {
	height: 70px;
	width: 95px;
	text-align: center;
	color: #0066cb;
	font-weight: 700;
	font-size: 14px;
	transition: all .9s ease-in-out;
	border-radius: 2px;
	margin: 0 5px;
	display: inline-block
}

.vent:hover {
	color: #fff
}

.detail-table {
	border: 1px solid #eee;
	border-radius: 2px;
	display: table;
	width: 100%;
	margin: 0 auto
}

.detail-table label {
	color: #615f5f;
	font-size: 16px;
	margin-top: 5px;
	font-weight: 500
}

.value {
	color: #949191;
	font-size: 16px;
	text-transform: capitalize
}

.window-detail {
	padding: 10px;
	border-bottom: 1px solid #eee;
	display: table;
	width: 100%
}

.window-detail label {
	margin-bottom: 0;
	color: 000;
	margin-right: 7px;
	font-weight: 500
}

.window_style {
	width: 100%;
	height: 180px;
	margin-bottom: 4px
}

.window_style img {
	width: 100%;
	height: 100%
}

.window_style_div {
	margin-top: 20px;
	min-height: 200px
}

.window_style_container {
	height: 590px;
	padding-right: 10px
}

.window_style_div .control__indicator {
	border: 1px solid #0066cb
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #0066cb!important
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 0
}

.window_style_container .mCSB_outside+.mCSB_scrollTools {
	right: 0
}

.help-block-error {
	color: red!important
}

.customalert {
	color: red;
	padding: 0 0 12px;
	text-align: center
}

.window_style_pop_up {
	height: 500px;
	padding-right: 10px
}

.window_style_pop_up .mCSB_outside+.mCSB_scrollTools {
	right: 4px
}

#design_choose_style .modal-dialog,
#design_pop-up .modal-dialog {
	width: 700px
}

#design_pop-up h4 {
	text-align: center
}

.main {
	height: auto;
	position: relative;
	display: table;
	width: 100%;
	margin: 0 auto
}

.right_sidebar {
	min-height: 320px
}

.img-container {
	height: 100%
}

.selectimg img {
	max-width: 100%;
	height: 270px;
	width: auto
}

.window_resize_container h4 {
	text-align: center;
	margin-bottom: 2px;
	margin-top: 0
}

.selectimg {
	text-align: center;
	height: 285px
}

.resize_detail input.form-control,
.spilt_detail input.form-control,
.transome_div input.form-control {
	width: 130px;
	box-shadow: none;
	border-radius: 0;
	float: left
}

.spilt_detail {
	display: inline-block;
	margin-bottom: 10px
}

.transome_div .select {
	padding: 0
}

.transome_div .select select {
	padding: 6px 7px;
	border: 1px solid #ccc;
	font-size: 14px;
	background: #fff
}

.transome_div .info {
	top: 0;
	right: 10px
}

.transome_div .select__arrow {
	top: 7px;
	right: 7px
}

.right-sidebar-container {
	position: relative;
	padding-bottom: 25px
}

.site-contact h3 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 400
}

.contact-us-form h5 {
	text-align: center
}

.contact-us-page {
	margin: 40px 0
}

.contact-us-form .form-control {
	border-radius: 0;
	width: 100%;
	background-image: none;
	resize: none
}

.contact-btn {
	background: #fff;
	color: #0066cb;
	font-weight: 700;
	border-radius: 4px;
	text-shadow: none;
	transition: all .4s ease-in-out;
	font-size: 16px;
	height: 40px;
	width: 100px
}

.contact-btn:hover {
	background: #0066cb;
	color: #fff;
	border: 2px solid #0066cb
}

.center-loader {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 99;
	display: none
}

.center-loader-img {
	background: url(load-page.gif) center no-repeat;
	height: 100%;
	width: 100%
}

.contact-us-form {
	padding: 10px 30px 1px;
	border-left: 1px solid #ddd
}

.contact-us-form label {
	font-size: 15px;
	font-weight: 400
}

.home_quote span,
.home_start a {
	font-weight: 500;
	text-transform: uppercase
}

.contact-content {
	padding: 10px
}

.contact-content p:empty {
	display: none
}

#contactform-verifycode-image {
	height: 36px;
	width: 100%;
	border: 1px solid #ccc
}

.left_bar,
.right_bar {
	width: 21%!important
}

.mid_bar {
	width: 58%!important
}

.window_resize_container {
	top: 0;
	width: 100%
}

.subprolisting {
	margin: 50px 0 0;
	padding: 0;
	text-align: center
}

.subprolisting>li {
	position: relative
}

.submodules,
.subproducts {
	background: #0066cb;
	color: #fff;
	display: block;
	font-family: roboto;
	font-size: 15px;
	padding: 10px;
	text-transform: uppercase;
	border-radius: 3px;
	border: 2px solid #0066cb;
	transition: all .6s ease-in-out;
	width: 53%;
	float: none;
	margin: 11px auto 0
}

#accordion_3 .panel-collapse,
#info_pop-up .modal-content,
.home_container {
	border: 2px solid #0066cb
}

.inside,
.sevices a {
	float: left
}

.info_div {
	position: absolute;
	right: 18%
}

.submodules:hover,
.subproducts:hover {
	color: #0066cb;
	border: 2px solid #0066cb;
	background: #fff
}

#accordion_1 .windowstyle,
#accordion_2 .add_ext_listing,
#accordion_2 .astrigal_listing,
#accordion_2 .windowstyle {
	height: 150px
}

.windowstyle_colour,
.windowstyle_ext,
.windowstyle_of,
.windowstyle_rf,
.windowstyle_sh {
	height: 150px;
	overflow: hidden
}

#accordion_1 .windowstyle .mCSB_outside+.mCSB_scrollTools,
#accordion_2 .windowstyle .mCSB_outside+.mCSB_scrollTools {
	right: -6px
}

#accordion_1 .windowstyle .mCSB_scrollTools a+.mCSB_draggerContainer,
#accordion_2 .windowstyle .mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 0
}

#info_pop-up .modal-dialog {
	width: 65%
}

.home_content {
	background: rgba(230, 230, 230, .4);
	height: 100%;
	display: table;
	width: 100%;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.home_container {
	height: auto;
	width: 350px;
	background: #0066cb;
	padding: 30px 10px;
	display: block;
	margin: 0 auto;
	border-radius: 3px
}

.window_ecllips {
	width: 100px;
	height: 100px;
	border: 2px solid #FFF;
	border-radius: 50%;
	text-align: center;
	margin: 5% auto;
	padding: 15px;
	display: none
}

.home_quote,
.home_start,
.sevices {
	width: 100%;
	display: table
}

.page1 {
	margin-top: 10%
}

.home_quote {
	text-align: center;
	padding: 0 0 24px
}

.home_quote span {
	color: #fff;
	font-size: 18px;
	font-family: roboto
}

.home_start {
	text-align: center;
	padding: 10px;
	margin-top: 15px
}

.home_start a {
	background: #fff;
	padding: 12px 40px;
	font-size: 16px;
	color: #0066cb;
	border-radius: 3px
}

.sevices {
	padding: 2px;
	background: #fff;
	margin-top: 5px;
	border-radius: 2px
}

.service_img {
	background: #0066cb;
	padding: 10px;
	height: 40px;
	width: 40px;
	float: left
}

.sevices a {
	margin-left: 10px;
	font-size: 16px;
	color: #000;
	line-height: 38px;
	display: block;
	width: 84%
}

.resize_detail .form-group,
.transome_div .form-group {
	margin-bottom: 10px
}

.container-fluid {
	max-width: 100%;
	position: inherit
}

.sidenav a {
	padding: 8px 15px 8px 7px;
	font-size: 14px;
	color: #fff;
	display: block;
	transition: .3s;
	text-transform: uppercase;
	background-color: #0066cb;
	margin-bottom: 1px;
	border-radius: 0 4px 4px 0;
	border: 2px solid #0066cb;
	position: relative
}

#accordion_3 .panel-collapse .submenu_child {
	background: #fff;
	color: #0066cb;
	border: none;
	border-radius: 0;
	padding-left: 20px
}

#accordion_3 .panel-collapse .submenu_child:hover {
	background: #0066cb;
	color: #fff!important;
	border: none;
	border-radius: 0
}

.subchild_active {
	background: #0066cb!important;
	color: #fff!important;
	border: none;
	border-radius: 0
}

.offcanvas a:focus,
a.menuactive {
	background: #fff;
	color: #0066cb
}

#accordion_3 .panel-collapse {
	margin-bottom: 2px;
	border-left: 0
}

.sidenav a .fa-angle-down,
.sidenav a .fa-angle-right {
	right: 2px;
	top: 10px;
	position: absolute
}

.sidenav a .fa-angle-right {
	margin-right: 5px
}

.closebtn_1 .fa,
.closebtn_2 .fa {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 26px;
	padding: 0;
	color: #000
}

#accordion_3 {
	padding: 0
}

.sidenav a:focus,
.sidenav a:hover {
	border: 2px solid #0066cb;
	background: #fff;
	color: #0066cb
}

.offcanvas a:focus {
	border: 2px solid #0066cb;
	border-left: 0
}

#captiontext {
	font-size: 16px;
	text-align: center;
	font-family: roboto;
	margin: 2px
}

.ventimg {
	display: block;
	height: 45%;
	margin: 8px auto;
	max-width: 100%;
	width: 45%
}

#design_choose_style .window_style_container,
#design_pop-up .window_style_container,
#glass_pattern_pop-up .window_glass_container {
	height: 450px
}

.center_page {
	display: table;
	width: 100%;
	height: 100%
}

.center_page p {
	text-align: center;
	font-family: roboto;
	font-size: 40px;
	margin-top: 20%;
	color: #0066cb
}

.div-loader {
	position: absolute;
	top: 0;
	text-align: center;
	background: rgba(0, 0, 0, .45);
	height: 100%;
	width: 100%;
	color: #fff;
	z-index: 99
}

.div-loader .fa-spinner.fa-spin {
	font-size: 20px;
	margin-top: 10px
}

#item18 .select {
	padding: 5px
}

#item18 .windowstyle {
	padding: 0;
	height: 140px
}

.optbox .glassname {
	display: block;
	font-weight: 700;
	padding: 6px;
	text-align: center
}

.glassoption .control.control--radio,
.toughopt .control.control--radio {
	display: inline;
	font-size: 11px;
	padding-left: 12px;
	padding-right: 5px
}

.glassoption .control--radio .control__indicator::after,
.toughopt .control--radio .control__indicator::after {
	background: #fff;
	border-radius: 50%;
	height: 6px;
	left: 1px;
	top: 1px;
	width: 6px
}

.clear_glass,
.patter_salect {
	background: #0066cb;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.glassoption .control__indicator,
.toughopt .control__indicator {
	height: 10px;
	width: 10px
}

.patter_salect {
	border-radius: 3px;
	display: block;
	font-size: 13px;
	margin: 5px auto 10px;
	padding: 1px;
	width: 97px
}

.toughopt span {
	display: block;
	text-align: center;
	font-weight: 700
}

.toughopt {
	margin-bottom: 10px
}

.patter_salect:active,
.patter_salect:focus,
.patter_salect:hover {
	color: #fff
}

.input-group span.input-group-addon {
	width: 38px;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 99;
	height: 34px;
	border-radius: 0;
	border-right: 1px solid #ccc!important
}

.back,
.front {
	backface-visibility: hidden;
	z-index: 999;
	overflow: hidden
}

.input-group {
	width: 100%
}

.input-group .form-control {
	padding-left: 45px
}

#formsection h4 {
	text-align: center;
	font-weight: 700;
	font-family: roboto
}

#formsection span.explan {
	display: block
}

.unitselection .control.control--radio {
	display: inline-block;
	margin-right: 15px;
	margin-top: 10px;
	font-size: 14px
}

.patterntype {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: roboto;
	text-align: center;
	padding: 10px 0
}

.patterncontainer .window_style_div {
	margin-top: 8px;
	min-height: 160px
}

.patterncontainer .window_style {
	margin-bottom: 3px
}

.updatecontainer h3 {
	text-align: center;
	margin-bottom: 20px
}

.page2 {
	display: none;
	margin-top: 0
}

#content_11 .mCSB_outside+.mCSB_scrollTools {
	right: -14px
}

.cillcontainer {
	display: block;
	margin: auto
}

.total_height .left_top {
	transform: rotate(-50deg);
	bottom: -2px
}

.total_height .left_bottom {
	transform: rotate(50deg);
	top: -2px
}

.total_height .right_top {
	transform: rotate(50deg);
	bottom: -2px
}

.total_height .right_bottom {
	transform: rotate(-50deg);
	top: -2px
}

.sidenav .panel {
	border: none
}

.clear_glass {
	padding: 3px;
	margin: 3px auto;
	display: block;
	width: 75px;
	border-radius: 3px
}

.outside {
	float: right
}

.viewbtn {
	background: #fff;
	color: #0066cb;
	border-radius: 3px;
	padding: 5px 10px;
	font-weight: 500;
	font-family: roboto;
	transition: all .5s ease-in-out 0s;
	border: 2px solid #0066cb
}

.activeview,
.viewbtn:hover {
	border: 2px solid #0066cb;
	color: #fff;
	background: #0066cb
}

.viewbtn:active,
.viewbtn:focus {
	outline: 0;
	border: 2px solid #0066cb
}

.checkoutsection .start-btn {
	float: left
}

.buybtn,
.editbtn,
.quotebtn {
	text-align: center;
	display: block;
	margin: 0 14px;
	border: 2px solid #0066cb;
	padding: 0;
	border-radius: 3px;
	width: 110px;
	float: left;
	height: 40px;
	transition: all .5s ease-in-out 0s
}

.btngroup_left {
	width: 73%;
	float: left;
	padding: 51px 0 0
}

.btngroup_right {
	width: 26%;
	float: left
}

.buybtn a,
.editbtn a,
.quotebtn a {
	color: #0066cb;
	font-size: 15px;
	font-family: roboto;
	font-weight: 500;
	padding: 7px 0;
	display: block
}

.btngroup_right .make-up a {
	margin-top: 8px;
	border-color: #0066cb;
	color: #0066cb;
	width: 123px
}

.btngroup_right .make-up a:hover,
.buybtn:hover,
.editbtn:hover,
.quotebtn:hover {
	border: 2px solid #0066cb;
	background: #0066cb
}

.btngroup_right .make-up a:hover {
	color: #fff
}

.btngroup_right .make-up {
	display: table;
	width: 100%
}

.buybtn a .fa,
.editbtn a .fa,
.quotebtn a .fa {
	margin-right: 6px
}

.updatecontainer {
	min-height: 525px
}

.buybtn:hover a,
.editbtn:hover a,
.quotebtn:hover a {
	color: #fff
}

.back {
	position: absolute;
	top: 0;
	width: 100%;
	transform: rotateY(-180deg);
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}

.front,
.totpricecontainer {
	position: relative;
	width: 100%
}

.front {
	transform-style: preserve-3d;
	transform: rotateY(0);
	-webkit-backface-visibility: hidden
}

.back,
.front {
	transition: all 4s ease-out!important
}

.class1 {
	transform: rotateY(180deg);
	transform-style: preserve-3d;
	backface-visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden
}

.class2 {
	transform: rotateY(0);
	transform-style: preserve-3d;
	overflow: hidden;
	-webkit-backface-visibility: hidden
}

.windowquantitydiv {
	width: 100%
}

.totpricecontainer {
	height: 40px;
	float: right;
	margin-top: 0
}

.totpricecontainer .div-loader .fa-spinner.fa-spin {
	font-size: 20px;
	margin-top: 9px
}

.comment textarea {
	height: 200px;
	width: 100%;
	resize: none;
	border: 2px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	color: #757575
}

input.qty_chng {
	width: 65px;
	height: 35px;
	box-shadow: 0 0 2px 0 #ccc;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px 12px;
	font-weight: 700;
	color: #615f5f
}

.transome_div label {
	text-transform: uppercase
}

span.mullioncls {
	font-size: 11px;
	font-family: roboto;
	color: #999;
	margin-left: 15px;
	display: inline-block
}

.window_resize_container label {
	margin-bottom: 0
}

#info_pop-up .modal-dialog .close-btn {
	position: absolute;
	right: 20px;
	z-index: 9;
	top: 24px
}

[data-tip] {
	position: relative
}

[data-tip]:before {
	display: none;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;
	position: absolute;
	top: 30px;
	left: 35px;
	z-index: 8;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}

[data-tip]:after {
	display: none;
	content: attr(data-tip);
	position: absolute;
	top: 35px;
	left: 0;
	padding: 5px 8px;
	background: #1a1a1a;
	color: #fff;
	z-index: 9;
	font-size: .75em;
	height: 18px;
	line-height: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	word-wrap: normal
}

[data-tip]:hover:after,
[data-tip]:hover:before {
	display: block
}

.pdfcontainer {
	margin-top: 4px
}

.pdfcontainer a {
	background: #0066cb;
	padding: 3px 6px;
	color: #fff;
	border-radius: 2px;
	font-style: italic;
	font-family: cursive;
	margin-top: 3px;
	display: inline-block;
	margin-bottom: 5px
}

.pdfcontainer a:before {
	content: "\f1c1";
	font-family: FontAwesome;
	margin-right: 7px;
	font-size: 13px;
	font-style: normal
}

.pdfcontainer a:focus,
.pdfcontainer a:hover {
	background: #0066cb;
	color: #fff;
	border: none;
	outline: 0
}

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

select#trickle_vent_quantity {
	padding: 2px 10px;
	width: 94%;
	margin-bottom: 10px;
	border: 1px solid #bbb;
	box-shadow: 0 0 4px 0 #ccc inset;
	cursor: pointer
}

label.no_of_vents.vents_qty {
	text-align: center;
	float: none;
	margin: 0 auto 0 30px
}

.sidenav,
.start-btn a.back_btn {
	float: left
}

.trickle_vent_quantity_div:after {
	content: "\f107";
	font-family: Fontawesome;
	position: absolute;
	right: 18px;
	top: 3px
}

.trickle_vent_quantity_div {
	position: relative
}

.menu,
.sidenav {
	position: absolute
}

.profile_li a span:first-child {
	margin-right: 0!important;
	border-right: none!important;
	padding-right: 0!important
}

.Extra-diamond,
.Extra-square {
	background-position: center center
}

.viewdiv label {
	float: left;
	width: 100%
}

.viewdiv label.control {
	width: 40%;
	margin-bottom: 0
}

.sidenav {
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #0066cb;
	transition: .5s;
	display: block;
	font-family: roboto;
	margin-right: 10px;
	width: 240px
}

.pagediv {
	transition: margin-left .5s;
	margin-left: 240px
}

.menu {
	right: 0;
	top: 6px;
	width: 35px;
	height: 28px;
	background: #fff;
	border-radius: 2px 0 0 2px;
	text-align: center;
	cursor: pointer;
	z-index: 9
}

.menu i.fa.fa-arrow-circle-left,
.menu i.fa.fa-arrow-circle-right {
	color: #0066cb;
	font-size: 20px;
	margin-top: 5px
}

.resize_opt {
	display: inline-table;
	width: 100%;
	text-align: center
}

.resize_opt .control__indicator {
	left: 23%
}

.resize_msg label {
	font-weight: 100;
	color: #757575
}

.extender_height_label,
.extender_width-label {
	color: #555;
	letter-spacing: 1px;
	position: absolute;
	padding: 0
}

.resize_msg {
	text-align: center
}

.extendet-back {
	background: #fff;
	width: 90%;
	height: 10px;
	margin: -4px auto 0
}

label.extender_width-label {
	position: absolute;
	font-weight: 100;
	font-size: 12px;
	left: 102%;
	top: -8px;
	text-transform: capitalize;
	letter-spacing: 1px
}

.total_height.full_height {
	right: -55px!important
}

.extender_height_back {
	background: #fff;
	height: 93%;
	width: 10px;
	top: 3%;
	left: -3px;
	position: absolute
}

label.extender_height_label {
	position: absolute;
	top: 0;
	left: -57px;
	font-weight: 100;
	font-size: 12px;
	letter-spacing: 1px
}

.extender_width-label {
	background: #fff;
	top: -7px;
	left: 16px;
	font-size: 12px
}

.extender_height_label {
	top: 67%;
	left: -59px;
	text-align: center;
	width: 117px;
	transform: rotate(90deg);
	font-size: 13px;
	font-weight: 500;
	font-family: roboto
}

.extender_height>input {
	top: 54%!important
}

span.tot_height {
	background: #fff;
	width: 55px;
	right: -25px;
	position: absolute;
	padding: 0;
	font-size: 12px;
	bottom: 11%;
	text-align: center
}

span.extender_width-label-top,
span.frame_width-label-left {
	left: 10%;
	top: -8px;
	padding: 0 17px;
	background: #fff;
	font-size: 12px;
	position: absolute
}

span.frame_width-label-right {
	position: absolute;
	background: #fff;
	right: 7%;
	top: -8px;
	font-size: 12px
}

span.extender_width_label-bottom {
	background: #fff;
	right: 10%;
	position: absolute;
	top: -10px;
	font-size: 12px
}

span.frame_height-label-top {
	background: #fff;
	position: absolute;
	padding: 10px 0;
	left: -20px;
	top: 10%;
	font-size: 12px
}

span.frame_height-label-bottom {
	background: #fff;
	position: absolute;
	bottom: 28%;
	left: -3px;
	padding: 0;
	font-size: 12px;
	text-align: center
}

.full_height-back {
	background: #fff;
	height: 94%;
	width: 10px;
	left: -5px;
	position: absolute;
	top: 3%
}

span.extender_height_label-top {
	position: absolute;
	background: #fff;
	top: 30%;
	z-index: 999;
	padding: 5px 0;
	left: -19px;
	font-size: 12px
}

span.extender_height_label-bottom {
	position: absolute;
	background: #fff;
	left: -13px;
	padding: 10px 0;
	bottom: 20%;
	font-size: 12px
}

span.menu_icon img {
	background: #0066cb;
	height: 100%;
	width: auto;
	display: inline-block
}

.start-btn a.back_btn span:after {
	display: none
}

.start-btn a.back_btn span:before {
	content: '\f100';
	position: absolute;
	opacity: 0;
	top: 0;
	left: -50px;
	transition: .5s;
	font-family: fontawesome
}

.start-btn a.back_btn:hover span:before {
	opacity: 1;
	right: 0
}

.start-btn a.back_btn:hover span {
	padding-right: 0;
	padding-left: 25px
}

.start-btn a.save_btn {
	float: right
}

.header {
	padding: 0!important
}

span.mainmenu {
	width: 80%;
	margin-left: 0;
	font-size: 14px
}

span.menu_icon {
	width: 30px;
	margin-bottom: 5px;
	padding: 4px;
	height: 30px;
	float: left
}

.submenu_child i.fa.fa-angle-right {
	left: 10px
}

.bay_pols .select {
	padding: 0;
	border: 1px solid #ccc;
	width: 170px
}

.bay_pols .select select {
	padding: 6px 7px
}

.bay_pols .select__arrow {
	right: 7px;
	top: 6px
}

.vent_hole_div {
	height: 25px;
	width: 25px;
	border: 2px solid #000;
	text-align: center;
	border-radius: 50%;
	line-height: .8;
	font-size: 23px;
	font-weight: bolder;
	position: absolute;
	bottom: 10px;
	left: 0;
	color: #000;
	font-family: inherit;
	margin: 0 auto;
	right: 0
}

#signupform-user_type label,
.windowquantitydiv,
.windowstylediv,
.windowviewdiv {
	float: left;
	margin-right: 15px
}

.menu_icon i.fa {
	font-size: 18px
}

.mainContainer .total_width {
	text-align: center;
	border: 1px solid #aaa;
	height: 0;
	position: relative;
	width: 100%;
	margin: 10px 0 5px;
	display: inline-block
}

.left_bottom,
.left_top,
.right_bottom,
.right_top {
	border-top: 2px solid #aaa;
	width: 6px;
	position: absolute
}

.left_top {
	left: -1px;
	transform-origin: 0;
	transform: rotate(-35deg);
	bottom: -1px
}

.left_bottom {
	transform-origin: 0;
	transform: rotate(35deg);
	top: -1px;
	left: -1px
}

.right_top {
	right: -1px;
	transform-origin: right;
	transform: rotate(30deg);
	bottom: -1px
}

.right_bottom {
	right: -1px;
	transform-origin: right;
	transform: rotate(-30deg);
	top: -1px
}

.mainContainer .total_height {
	width: 1px;
	height: 100%;
	border: 1px solid #aaa;
	position: absolute;
	right: -40px;
	top: 0
}

.mulion_width {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 5px
}

.astri_fixed_horz,
.astri_vent_horz {
	height: 9px;
	left: 0;
	position: absolute;
	width: 100%;
	top: 50%
}

.mulion_width .total_width {
	float: left
}

.astri_fixed_horz {
	border-radius: 10px;
	z-index: 99
}

.astri_vent_horz {
	z-index: 99;
	border-radius: 10px
}

.astri_fixed_vert,
.astri_vent_vert {
	left: 50%;
	position: absolute;
	width: 9px;
	z-index: 99;
	border-radius: 10px;
	height: 100%
}

.astri_fixed_vert {
	top: 0;
	background: #fff
}

.astri_vent_vert {
	top: 0;
	text-align: center
}

.add_ext_listing .mCSB_outside+.mCSB_scrollTools,
.astrigal_listing .mCSB_outside+.mCSB_scrollTools {
	right: -5px
}

.astri_container,
.finish_overlay {
	position: absolute;
	left: 0;
	right: 0
}

.astri_container {
	height: 100%;
	padding: 9px;
	top: 0
}

label.leftwording {
	float: left;
	width: 45%;
	text-align: center
}

label.rightwording {
	float: left;
	width: 50%;
	text-align: center
}

.mandatory {
	color: red
}

.inside_astri_vert {
	border-left: 1px solid;
	height: 100%;
	margin: auto;
	width: 0
}

.inside_astri_hori {
	border-top: 1px solid;
	height: 0;
	margin-top: 4px
}

.lam_tough {
	color: #0066cb!important
}

#tilthoveropen {
	margin-left: 10px
}

#turnhoveropen {
	margin-right: 10px
}

@media screen and (min-width:1300px) {
	.container-fluid {
		max-width: 1340px
	}
}

.finish_overlay {
	height: 80px;
	width: 100%;
	bottom: 0;
	background: #999;
	background: -webkit-linear-gradient(rgba(255, 255, 255, .5), #757575);
	background: linear-gradient(rgba(255, 255, 255, .5), #757575);
	background: -moz-linear-gradient(rgba(255, 255, 255, .5), #757575);
	background: -o-linear-gradient(rgba(255, 255, 255, .5), #757575);
	text-align: center
}

.finish_overlay p {
	color: red;
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700
}

.colour {
	width: 27px;
	height: 27px;
	cursor: pointer
}

.color_overlay .finish_overlay {
	height: 62px
}

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:1024px) {
	.info,
	.infobtn {
		width: 14px;
		height: 15px;
		font-size: 10px;
		top: 5px;
		pointer-events: none
	}
	.parent-menu>li>a {
		padding: 5px 33px 5px 5px;
		font-size: 10px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: auto
	}
	.parent-menu>li a span:first-child {
		float: right;
		margin-right: 15px;
		border-right: 1px solid #ccc;
		padding-right: 3px;
		height: 14px;
		position: absolute;
		right: 8px;
		top: 7px
	}
	.activeview,
	.vent,
	.viewbtn {
		border: 1px solid #0066cb
	}
	.div-loader .fa-spinner.fa-spin {
		font-size: 15px;
		margin-top: 5px
	}
	.viewbtn {
		padding: 3px 5px;
		font-weight: 100;
		font-size: 10px
	}
	label.leftwording,
	label.rightwording {
		font-size: 11px
	}
	.resize_msg label {
		padding-left: 0
	}
	.resize_opt .control__indicator {
		left: 15%
	}
	.viewdiv label.control {
		width: 50%;
		margin-bottom: 0;
		font-size: 11px
	}
	.finish_overlay p {
		color: red;
		font-size: 12px;
		padding: 0 10px;
		margin-top: 10px
	}
	.finish_overlay strong {
		color: red;
		font-size: 12px;
		font-weight: 400;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.finish_overlay {
		height: 65px
	}
	.control {
		margin-bottom: 0;
		font-size: 10px;
		font-weight: 400;
		text-transform: capitalize;
		padding-right: 0!important
	}
	.form-control {
		display: block;
		width: 100%;
		height: 25px!important;
		padding: 3px 8px!important;
		font-size: 12px!important
	}
	.clear_glass,
	.colourheading,
	.optbox .glassname,
	.patter_salect,
	.toughopt span,
	.vent,
	span.extender_width-label-top,
	span.frame_height-label-bottom,
	span.frame_height-label-top,
	span.frame_width-label-left,
	span.frame_width-label-right {
		font-size: 10px
	}
	.colourheading {
		font-weight: 700;
		text-align: left!important
	}
	.colour {
		width: 20px;
		height: 20px
	}
	.vent {
		height: 40px;
		width: 65px;
		font-weight: 700
	}
	.ventimg {
		display: block;
		height: 35%;
		margin: 6px auto;
		max-width: 100%;
		width: 35%
	}
	.main {
		height: 555px
	}
	.mulion_width .total_width>input,
	.total_height>input,
	.total_width>input {
		font-weight: 400!important
	}
	.comment {
		display: none
	}
	.comment textarea {
		height: 156px;
		font-size: 10px
	}
	.control--radio .control__indicator:after {
		left: 2px;
		top: 2px;
		height: 5px;
		width: 5px
	}
	.control__indicator {
		top: 2px;
		left: 0;
		height: 11px;
		width: 11px
	}
	.mainContainer .total_height {
		right: -30px
	}
	.total_height.full_height {
		right: -44px!important
	}
	.color_overlay .finish_overlay {
		height: 70px
	}
	.clear_glass {
		width: 60px
	}
	.patter_salect {
		margin: 5px auto;
		width: 70px
	}
	#accordion_1 .windowstyle,
	#accordion_2 .add_ext_listing,
	#accordion_2 .astrigal_listing,
	#accordion_2 .windowstyle,
	.windows_locking,
	.windowstyle_cills,
	.windowstyle_conn,
	.windowstyle_handles,
	.windowstyle_tv {
		height: 110px
	}
	.dropdown_menu .select .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.dropdown_menu .select .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
	.dropdown_menu .select .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.dropdown_menu .select .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
		width: 3px
	}
	div#door_slabcolour b {
		font-weight: 600;
		font-size: 12px!important
	}
	.toughopt {
		margin-bottom: 5px
	}
}

@media only screen and (max-width:800px) {
	div#tabsIframe {
		display: none
	}
}

.window_detail_section {
	display: none!important
}

#tabsIframe-2 .vent-section,
#tabsIframe-3 .vent-section {
	margin-top: 100px
}