@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
html, body {
	height: 100%;
	margin: 0px;
}
body {
	margin: 0;
	padding: 0;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
}
.clear {
	float: left;
	clear: both;
	margin: 10px 0;
	width: 100%;
}
a, img {
	text-decoration: none;
	border: 0;
	color: #d31145;
}
header {
	float: left;
	width: 100%;
	background: url(../images/alpha.png) repeat;
	/*background: #000;*/
	padding: 20px 0;
	position: absolute;
	top: 0;
	z-index: 999;
}
.bgc {
	background: #D31145;
	float: left;
	width: 100%;
}
.header_home {
	float: left;
	width: 94.01709%;
	background: url(../images/glass_bg.png) #ced7d6;
	background-size:cover;
	padding: 20px 0 0;
	position: static;
	top: 0;
	z-index: 999;
	/*border-bottom: 10px solid #606060;*/
}
#logo {
	float: right;
	margin: 0;
	padding: 0;
}
.logo {
	float: left;
	margin: 0;
	padding: 5px 0 15px;
}
.midlogo {
	position: absolute;
	top: -120px;
	left:0%;
	width:100%;
	background:url(../images/mid_logo_bg.jpg) repeat-x;
	box-shadow: -2px -2px 2px #6A0923;
}

.midlogo a {
	width:100%;
}



.container_content {
	padding-bottom: 110px;
}
.mobilemenu {
	border: 1px solid #ccc;
	border-radius: 7px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	height: 22px;
	line-height: 22px;
	padding: 8px 10px;
	position: absolute;
	left: 6px;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	top: 0;
	width: 50px;
	z-index: 9999999;
	display: none;
	cursor: pointer;
}
.slider_container {
	float: left;
	width: 100%;
	margin-bottom: 0px;
	position: relative;
}
.slider_container img {
	float: left;
	width: 100%;
}
.menu {
	float: left;
}
.menu ul {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.menu ul li {
	float: left;
	width: 120px;
}
.menu ul li a {
	float: left;
	width: 100%;
	padding: 10px 0 15px;
	color: #FFF;
	text-align: center;
	border-bottom: 4px solid transparent;
}
#homepage #home, #aboutpage #about, #windowpage #window, #doorpage #door, #conservatorypage #conservatory, #glasspage #glass, #showroompage #showroom, #contactpage #contact {
	border-bottom: 4px solid #d31145;
}
#container {
	width: 95%;
	margin: 0 auto;
}
.container {
	float: left;
	width: 100%;
}
.left_c {
	width: 20%;
}
.right_c {
	width: 80%;
}
 [class*="span"] {
 box-sizing: border-box;
 display: block;
 float: left;
 margin-left: 2.5641%;
 min-height: 30px;
 position:relative;
}
.first {
	margin-left: 0;
}
.span1 {
	width: 5.98291%;
}
.span2 {
	width: 14.5299%;
}
.span3 {
	width: 23.0769%;
}
.span4 {
	width: 31.6239%;
}
.span5 {
	width: 40.1709%;
}
.span6 {
	width: 48.7179%;
}
.span7 {
	width: 57.265%;
}
.span8 {
	width: 65.812%;
}
.span9 {
	width: 74.359%;
}
.span10 {
	width: 82.906%;
}
.span11 {
	width: 91.453%;
}
.span12 {
	width: 100%;
}
.right_content {
	width: 85.4701%;
	background: #FFF;
	box-sizing: border-box;
	display: block;
	float: left;
	min-height: 600px;
	position: relative;
}
.ban_container {
	box-sizing: border-box;
	display: block;
	float: left;
	position: relative;
	width: 85.4701%
}
.title {
	float: left;
	margin: 30px 0 20px;
	color: #d31145;
	font-size: 26px;
}
.content {
	color: #717171;
	line-height: 24px;
	margin: 15px 0px;
	text-align: justify;
	float: left;
	width: 98%;
	padding: 0px 1%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.leftmenu_container {
	float: left;
	position: relative;
	min-height: 565px;
	padding-bottom: 90px;
	background: #d31145;
	padding-top:135px;
}
.ind_left {
	position:absolute; 
	right:0px; 
	top:-10px;
}
ul.leftmenu {
	padding: 0;
	width: 100%;
}
ul.leftmenu li {
	padding: 0;
	width: 100%;
	float: left;
	background: #d31145;
	border-bottom: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	cursor: pointer;
}
ul.leftmenu li:hover {
	background: #DB3652;
}
ul.leftmenu li.active {
	background: #DB3652;
}
ul.leftmenu li a {
	width: 85%;
	float: left;
	text-align: left;
	color: #FFF;
	padding: 20px 0;
	margin-left: 15%;
}
ul.leftmenu li a img {
	margin-bottom: -15px;
	width: 100%;
	height: 100%;
}
ul.leftmenu li a .img {
	float: left;
	width: 25%;
}
ul.leftmenu li a .sptext {
	float: left;
	width: 75%;
	margin-top:10px;
}
ul.leftmenu li ul {
	background: #FFF;
	float: left;
	width:100%;
}
ul.leftmenu li ul li {
	background: #FFF;
}
ul.leftmenu li ul li a {
	color: #000;
	font-size: 14px;
	padding: 15px 0;
	margin-left: 20%;
	width: 80%;
}
ul.leftmenu li ul li a:hover {
	color: #fff;
}
ul.social_icons {
	width: 70%;
	clear: both;
	margin: 0 auto;
	/*position: absolute;*/
	float: left;
	bottom: 15px;
	margin-top: 25px;
	margin-left: 20%;
	left: 25%;
}
ul.social_icons li {
	float: left;
	margin: 0px 5%;
}
ul.social_icons li a {
	float: left;
	padding: 15px;
	background: url(../images/social.png) no-repeat;
}
ul.social_icons li a.face {
	background-position: 0px 0px;
}
ul.social_icons li a.twit {
	background-position: -60px 0px;
}
ul.social_icons li a.gplus {
	background-position: -30px 0px;
}
.foot_container {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.logos {
	float: left;
	position: absolute;
	right: 0;
	top: -85px;
}
.logos li {
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 3px;
}
.dgcos {
	float: left;
	width: 100%;
	padding: 0;
	position: relative;
	background: rgb(0,172,238);
	background: -moz-linear-gradient(top, rgba(0,172,238,1) 0%, rgba(47,188,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,172,238,1)), color-stop(100%, rgba(47,188,241,1)));
	background: -webkit-linear-gradient(top, rgba(0,172,238,1) 0%, rgba(47,188,241,1) 100%);
	background: -o-linear-gradient(top, rgba(0,172,238,1) 0%, rgba(47,188,241,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,172,238,1) 0%, rgba(47,188,241,1) 100%);
	background: linear-gradient(to bottom, rgba(0,172,238,1) 0%, rgba(47,188,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acee', endColorstr='#2fbcf1', GradientType=0 );
}
.dgcos img {
	width: 100%;
}
.bot_cont {
	width: 18%;
	float: left;
	padding: 25px 0 15px 1%;
	border-left: 1px solid #ccc;
	min-height: 220px;
}
.bot_cont:first-child {
	border-left: 1px solid #fff;
}
.bot_cont li {
	width: 100%;
	float: left;
	line-height: 28px;
	font-size: 14px;
}
.bot_cont li:first-child {
	font-size: 16px;
	color: #d31145;
	font-weight: bold;
	padding-bottom: 15px;
}
.footer_container {
	width: 100%;
	float: left;
	padding: 15px 0;
	line-height: 24px;
	font-size: 14px;
	background: #d31145;
	color: #FFF;
	text-shadow: 1px 1px 1px #666;
}
.footer_container b {
	font-size: 16px;
}
.footer_container a {
	color: #FFF;
}

input[type="text"], textarea, select {
	background: none repeat scroll 0 0 #fdfdfd;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	color: #454545;
	display: inline-block;
	font-size: 13px;
	line-height: 24px;
	margin: 4px 0;
	padding: 5px 7px;
	width: 100%;
	font-family: sans-serif;
}
.submit {
	background: rgb(196,30,58); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(196,30,58,1) 0%, rgba(163,0,16,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(196,30,58,1)), color-stop(100%, rgba(163,0,16,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(196,30,58,1) 0%, rgba(163,0,16,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(196,30,58,1) 0%, rgba(163,0,16,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(196,30,58,1) 0%, rgba(163,0,16,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(196,30,58,1) 0%, rgba(163,0,16,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c41e3a', endColorstr='#a30010', GradientType=0 ); /* IE6-9 */
	color: #fff;
}
.reset {
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239,239,239,1)), color-stop(100%, rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(239,239,239,1) 0%, rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
}
.btn {
	border: 1px solid #cccccc;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	display: inline-block;
	padding: 9px 0;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	vertical-align: middle;
	width: 100%;
}
.head_content {
	background: #E4EBF1;
	text-align: center;
	padding: 15px 5px;
}
.content_content {
	background: #FFE6DF;
	padding: 15px 5px;
}
ul.list_content {
	background: #FFE6DF;
	float: left;
	width: 96%;
	padding: 10px 2%;
	list-style: disc inside;
}
.list_content li {
	float: left;
	width: 48%;
	padding: 10px 1%;
}
ul.list_content_full {
	background: #FFE6DF;
	float: left;
	width: 96%;
	padding: 10px 2%;
	list-style: disc inside;
}
.list_content_full li {
	float: left;
	width: 98%;
	padding: 10px 1%;
}
.find {
	float: right;
	padding: 8px;
	margin: 5px;
	margin-top:-15px;
	background: #D31145;
	background-image: -webkit-linear-gradient(top, #D31145, #A01036);
	background-image: -moz-linear-gradient(top, #D31145, #A01036);
	background-image: -ms-linear-gradient(top, #D31145, #A01036);
	background-image: -o-linear-gradient(top, #D31145, #A01036);
	background-image: linear-gradient(to bottom, #D31145, #A01036);
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	font-family: Arial;
	color: #ffffff;
	padding: 10px;
	border: solid #BF2048 2px;
	text-decoration: none;
	cursor: pointer;
}
.find:hover {
	background: #EF285D;
	background-image: -webkit-linear-gradient(top, #EF285D, #BF2048);
	background-image: -moz-linear-gradient(top, #EF285D, #BF2048);
	background-image: -ms-linear-gradient(top, #EF285D, #BF2048);
	background-image: -o-linear-gradient(top, #EF285D, #BF2048);
	background-image: linear-gradient(to bottom, #EF285D, #BF2048);
	text-decoration: none;
}
.ind_container {
	width: 93.98%;
	float: left;
}
.ind_l {
	background: url(../images/glass_bg_2.jpg) center;
	width:38%;
	background-size:cover;
	float: left;
	height: 350px;
	border-bottom: 50px solid #a8a9ab;
	position: relative;
}
.ind_center {
	background: url(../images/glass.jpg);
	margin-right: 0;
	width: 24%;
	float: left;
	height: 400px;
	position: relative;
}
.ind_r {
	background: url(../images/glass_bg_2.jpg) center;
	width:38%;
	background-size:cover;
	float: right;
	height: 350px;
	border-bottom: 50px solid #a8a9ab;
	position: relative;
}

.ind_content 
{
    padding:80px; float:left
}

.stand {
	background: #D31145;
	margin-left: .1%;
	width: 40px;
	float: right;
	height: 400px;
	position: absolute;
	top: 0px;
	z-index: 99999;
	box-shadow: -2px 0px 2px #6A0923;
}
.indtitle {
	color: #d31145;
	float: left;
	font-size: 26px;
	margin: 0px;
	padding: 10px 1%;
	width: 98%;/*background: #e2e2e2;
background: -moz-linear-gradient(top,  #e2e2e2 0%, #d1d1d1 14%, #dbdbdb 50%, #fefefe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(14%,#d1d1d1), color-stop(50%,#dbdbdb), color-stop(100%,#fefefe));
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#d1d1d1 14%,#dbdbdb 50%,#fefefe 100%);
background: -o-linear-gradient(top,  #e2e2e2 0%,#d1d1d1 14%,#dbdbdb 50%,#fefefe 100%);
background: -ms-linear-gradient(top,  #e2e2e2 0%,#d1d1d1 14%,#dbdbdb 50%,#fefefe 100%); 
background: linear-gradient(to bottom,  #e2e2e2 0%,#d1d1d1 14%,#dbdbdb 50%,#fefefe 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );*/

}


.gallery_list {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	clear:both;
}

.gallery_list li {
	float:left;
	margin:2%;
	padding:0;
	width:20%;
}

.gallery_list li img {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	box-shadow:0px 4px 4px rgba(0,0,0,.1);
}


.gallery_list1 {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	clear:both;
}

.gallery_list1 li {
	float:left;
	margin:2%;
	padding:0;
	width:25%;
}

.gallery_list1 li img {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	box-shadow:0px 4px 4px rgba(0,0,0,.1);
}

.popup 
{
    background:#fff;
    border-radius:7px;
    position:relative;
    width:300px;
    overflow:hidden;
     border: 2px solid #D31145;
     
     
}

.popup span 
{
    padding:10px 2%;
    text-align:center;
    width:96%;
    float:left;
}

.popup_head 
{
    padding:5px 2%;
    height:20px;
    width:96%;
    color:#fff;
    text-shadow:1px 1px 1px #000;
    
    background: #D31145; /* Old browsers */
background: -moz-linear-gradient(top, #D31145 0%, #D31145 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D31145), color-stop(100%,#D31145)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #D31145 0%,#D31145 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #D31145 0%,#D31145 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #D31145 0%,#D31145 100%); /* IE10+ */
background: linear-gradient(to bottom, #D31145 0%,#D31145 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D31145', endColorstr='#D31145',GradientType=0 ); /* IE6-9 */
}

.pop_ok_container 
{
    width: 80px;
    margin:10px auto
}

.pop_ok 
{
     border-color: #196652;
    border-radius: 4px;
    border: 1px solid #722E45;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    width: 80px;
    padding:4px 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    
    
    background: #D31145; /* Old browsers */
background: -moz-linear-gradient(top, #D31145 0%, #D31145 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D31145), color-stop(100%,#D31145)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #D31145 0%,#D31145 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #D31145 0%,#D31145 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #D31145 0%,#D31145 100%); /* IE10+ */
background: linear-gradient(to bottom, #D31145 0%,#D31145 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D31145', endColorstr='#D31145',GradientType=0 ); /* IE6-9 */
}

.close 
{
    position:absolute;
    right:5px;
    top:5px;
    color:#fff;
    font-size:25px;
    cursor:pointer;
}

.req_fd_Vd
{
    font-family:Arial,Helvetica,sans-serif;
    color:Red;
    font-size: 14px;
}

.table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
}
