@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Gerogia,Serif;
}
body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
    font-family: 'Roboto', sans-serif;
}
#main-body{background:url(../images/main-bodybg.jpg) left top repeat-x #303030;}
#inner-body{background:url(../images/inner-body.jpg) left top repeat-x #2F2F2F;}
#inner-body{background: none !important;}
h1{margin:0;padding:0;}
p{line-height:20px;}
a:focus{outline:none;}
img{border:none;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 .padding_top20{
 	padding-top:20px;
}
.marginBott20{margin-bottom:20px;}
.marginTop20{margin-top:20px;}
.paddingleft-right{padding:0 10px;}
.fontItalic{font-style:italic;}
.txtBold{font-weight:bold;}
.font20{font-size:20px;}
.colorSkyblue{color:#50BFC9;}
 .padding_top30{
 	padding-top:30px;
}
.clearfix {
	clear: both;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.logo{
	float:left;
}
.colorBlack{
	color:#333;
}

#main-header{
	background:url(../images/headerBg.jpg) center top no-repeat;
		margin:auto;
	height:634px;
	width:100%;
}
#header-wrapper{
	width:1087px;
	margin:auto;
}
#header{
	width:100%;
	padding:20px 0;
	background: rgb(28, 26, 25);  
}
.social-links{
	float:right;
	margin-top:65px;
	margin-right:25px;
	position:relative;
}
.top-cta {
    position: absolute;
    right: 80px;
    min-width: 230px;
    padding: 9px 7px 0 0;
    text-align: right;
}
.cta-button a {
    background: #4aa3ac;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 0 1px #000;
}
.cta-button a:hover{
    color: #4aa3ac;
    background: #fff;
}
.page-bottom-cta {
    margin: 0px 0 0px;
    min-height: 40px;
    padding: 0 0 20px;
    text-align: center;
}
a.freefieldmeasurements {
    background: #4aa3ac;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 4px;
    /* border: 1px solid #000; */
    box-shadow: 0 0 1px #000;
    margin: 10px 0 0px;
    display: inline-block;
}
a.freefieldmeasurements:hover{
    color: #4aa3ac;
    background: #fff;
}
.facebook{
	background:url(../images/facebook-icon.png) left top no-repeat;
	width:35px;
	height:38px;
	float:left;
	margin-right:5px;
}
.facebook:hover{
	background:url(../images/facebook-icon-hov.png) left top no-repeat;
}
.twitter{
	background:url(../images/twitter-icon.png) left top no-repeat;
	width:35px;
	height:38px;
	float:left;
	margin-right:5px;
}
.twitter:hover{
	background:url(../images/twitter-icon-hov.png) left top no-repeat;
}
.youtube{
	background:url(../images/youtube-icon.png) left top no-repeat;
	width:35px;
	height:38px;
	float:left;
}
.youtube:hover{
	background:url(../images/youtube-icon-hov.png) left top no-repeat;
}
#menu{
	width: auto;
}
.menuleftbg{
	background:url(../images/menu-leftbg.png) left top no-repeat;
	float:left;
	width:9px;
	height:52px;
}
.menurightbg{
	background:url(../images/menu-rightbg.png) left top no-repeat;
	float:left;
	width:9px;
	height:52px;
	margin-right:-6px;
}
#topNav{
	float:left;
	background:url(../images/menu-bg.png) left top no-repeat;
	height: 52px;
    padding: 0 8px;
    width: 100%;
}
#topNav ul{
	margin:0;
	padding:0;
}
#topNav ul li{
	list-style:none;
	float:left;
}
#topNav ul li a{
	color:#fff;
	text-decoration:none;
	font-family:Georgia, Times, serif;
	font-size:16px;
	padding:19px 15px 15px 15px;
	background:url(../images/menu-divider.png) left bottom no-repeat;
	display:block;

}
#topNav ul li a:hover,#topNav ul li.none a:hover{
	color:#000000;
	background:url(../images/menu-hover.png) left top repeat-x;
}
#topNav ul li.none a{
	background:none;
}

#topNav .current a, #topNav li:hover > a {
	color:#000;
	background:url(../images/menu-hover.png) left top repeat-x;
}
#topNav ul ul
{display: none; position:absolute; z-index:10000; margin-top:0; }
#topNav ul li:hover ul
{display: block;}
#topNav li ul li{
	float:none;
	margin:-2px 0 0 0;padding:0;
	background:none;
	height:none;
	}
#topNav li:hover ul li  a{
	display:block;
	padding:10px;
	margin:0;
	text-transform:uppercase;
	color:#fff;
	background:url(../images/dropMenu-repeatbg.png) repeat-y left top;
	font-weight:normal;
	width:150px;
	font-size:12px;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	line-height:18px;
	}
#topNav li ul li a:hover{
	background:url(../images/dropMenu-hoverbg.png) repeat-y left top;
	color:#fff;
	margin:0;
	font-weight:normal;
	letter-spacing:normal;
	font-style:normal;
	 }
	#topNav li ul li.lastBottom{
		padding:0;
		float:left;
	}
#banner{
	background:url(../images/bannerBg.png) center top no-repeat;
	margin:auto;
	height:282px;
}
.divider{
	width:1004px;
	margin:auto;
	padding-bottom:10px;
}
#slider{
	width:1076px;
	margin:0 6px;
}
.PageTitle{
	width:860px;
	margin:auto;
}
/*.heading{
	font-size:68px;
	color:#50bfc9;
	text-shadow:-1px -1px #7afef9;
	padding-left:10px;
}*/
.heading {
    padding-left: 0px ;
    color: #000 ;
    margin: 0px 0 0px;
    line-height: 1;
    font-weight: normal;
    text-shadow: none;
    width: 55%;
    display: flex;
    align-items: center;
}
.heading h1 {
    font-family: 'DM Serif Display', serif !important;
    font-size: 50px !important;
    color:#000 !important;
}
.heading-img {
    width: 45%;
    display:none;
}
.inner-PageTitle .heading-img {
    display:block;
}
.heading-img img {
    width: 100%;
    display: block;
    max-height: 300px;
    object-fit: cover;
}
#main-container{
	background:url(../images/main-containerBg.jpg) center top no-repeat #313131;
	width:100%;
	margin:auto;
}
#main-content{
	background:url(../images/contentBg.jpg) center top no-repeat #FDFDFD;
	left: 4px;
    margin: auto;
    position: relative;
    width: 1079px;
}
#inner-container{
	/*background:url(../images/main-containerBg1.jpg) center top no-repeat #313131;*/
	width:100%;
	margin:auto;
}
#inner-content{
	/*background:url(../images/contentBg1.jpg) center top no-repeat #FDFDFD;*/
    left: 0px;
    margin: auto;
    position: relative;
    width: 1119px;
    padding: 15px;
    box-sizing: border-box;
}
.content{
	width:100%;
	margin:auto;
	min-height:450px;
    padding:30px 30px;
	color:#525252;
	box-sizing: border-box;
}
#inner-content .content {
    padding: 30px 0;
}
.welcomeTitle{
	font-size:24px;
	font-weight:noraml;
	color:#545252;
}
.padding_left20{
	padding-left:20px;
}
.content p{
	font-size:14px;
	color:#525252;
}

.welcomeContent{
	width:99%;
	padding:0 5px;
}
.appcontent{
	width:100%;
	background:url(../images/boxBg.jpg) left top repeat-x;
	border:1px solid #d5d3d3;
	height: 172px;
	margin-top:10px;
	float:left;
}
.left_appcontent{
	width:390px;
	float:left;
	padding: 22px 20px 0;
}
.right_appcontent{
	width:392px;
	float:right;
	padding: 22px 20px 0;
}
.designContent{
	width:270px;
	float:left;
	margin-left:15px;
}
.designContent p{
	margin:5px 0;
	padding:0;
}
.more-link a{
	color:#000;
	text-decoration:none;
	font-size:14px;
}
.more-link a:hover{
	color:#313131;
	text-decoration:underline;
}
.gallery{
	width:100%;
	float:left;
	margin: 20px 0;
}
.gallery ul{
	margin:0;
	padding:0;
}
.gallery ul li{
	float:left;
	list-style:none;
	background:url(../images/galleryImageBG.png) no-repeat left top;
	height:119px;
	width:208px;
	margin:0 0 20px 0;
	padding:4px 5px 0 6px
}
.gallery ul li a{
	display: block;
    text-decoration: none;
}
.gallery ul li.last{
	margin-right:0;
}
.welcome-list{
	width:100%;
	float:left;
	margin: 20px 0;
}
.welcome-list ul{
	margin:0;
	padding:0;
}
.welcome-list ul li{
	float:left;
	list-style:none;
	background:url(../images/tick.png) no-repeat left top;
	font-size:18px;
	color:#545252;
	margin: 0 19px 0 0;
    padding-left: 35px;
	height:26px;
}
.welcome-list ul li a{
	display: block;
    padding: 4px 6px 0;
    text-decoration: none;
}
.welcome-list ul li.last{
	margin-right:0;
}
.testimonial{
	float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 862px;
}
.testimonial-middlebg{
	background:url(../images/testimonial_middlebg.png) no-repeat left top;
	width:862px;
	height:50px;
	float:left;
}
.testimonial-middlebg p{
	margin:0;
	padding:0 25px;
}
.testimonial-bottombg{
	background:url(../images/testimonial_bottombg.png) left top no-repeat;
	width:862px;
	height:55px;
	float:left;
}
.client-sign{
color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding-top: 35px;
    text-align: right;
    width: 170px;
}
#footer{
	width:981px;
	height:50px;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#828282;
}
.left-footercontent{
	float:left;
	margin-top:13px;
}
.left-footercontent ul{
	margin:0;
	padding:0;
}
.left-footercontent ul li{
	list-style:none;
	float:left;
	padding:0 0 0 15px;
}
.left-footercontent ul li a{
	color: #828282;
    display: block;
    padding: 0 15px 0 0;
    text-decoration: none;
}
.left-footercontent ul li a:hover{
	text-decoration:underline;
}
.right-footercontent{
		float:right;
		margin-top:0px;
}
/*#inner-header{
	background:url(../images/inner-headerBg.jpg) center top no-repeat;
	width:100%;
	margin:auto;
	height:336px;
}*/
#inner-header {
    background: rgb(243, 238, 234) !important;
    height: inherit  !important;
}
.inner-content{
	width:877px;
	margin:auto;
	padding-top:30px;
	padding-bottom:30px;
}
.inner-content p{
	font-size:14px;
	color:#545252;
}
.inner-PageTitle{
	width:1079px;
	margin:auto;
	display: flex;
}
.content a{
	color:#333;
	text-decoration:none;
}
.content a:hover{
	color:#545252;
	text-decoration:none;
}
.sitemap ul li{
	font-size:14px;
	padding-bottom:5px;
}
.sitemap ul ul{
	margin-top:5px;
}

.gallery-box{
	width:100%;
	margin-top:20px;
}
.gallery-box ul{
	margin:0;
	padding:0;
}
.gallery-box ul li{
	list-style:none;
	float:left;
	padding:0 11px 20px 0;
}
.gallery-box ul li img{
	padding:3px;
	background:#fff;
	border:1px solid #cdcdcd;
}
.grid-view table.items th {
    background:  #666E73;
    color: white;
    text-align: center;
}
.grid-view table.items th a{
    text-decoration: none;
    color: white;
    text-align: center;
}
.grid-view table.items tr.odd {
    background: none ;
}
.grid-view table.items tr.selected {
    background: none repeat scroll 0 0 #666E73;
    color:white;
}
.grid-view table.items th, .grid-view table.items td {
    border: 1px solid white;
 	font-size: 1em;
    padding: 0.3em;
}
.addbutton
	{
	text-decoration:none; background:#666E73; color:#fff; padding:6px; border-radius:2px;
	}
.searchcont
	{
		width:200px;
		border: solid 1px;
	}
.heading3 {
    color: #35383D;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}
.contact-title{
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	color:#525252;
}
.product_gallery a {

    color: #333333;
    display: block;
    float: left;
    height: 100px;
    margin: 10px 15px 10px 10px;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.product_gallery a img {
     max-height: 90px;
    max-width: 100px;

}
.item-row{width:100%;float:left;margin-bottom:10px;}
.item-row p{}
.imgThumb{max-width:50px;max-height:50px;}
.imgLeft{margin-left:5px;}

.imgborder{
	border:1px solid #ccc;
	background:#fff;
	padding:4px;
	margin-right:10px;
	float:left;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.posRel{position:relative;}
.client-menu {font-size: 14px;
    position: absolute;
    right: -88px;
    top: 0;
}
.client-menu li {display:inline-block}
.client-menu li a{color:#fff;text-decoration: none;padding:3px 8px;}
.client-menu li a:hover{}
.gallery-box ul li img{width:866px;}
.address-footer{text-align:center;margin-top:10px;}
.address-footer address{font-size:13px;}
#scrolling-box{ width:100%; padding-top:2px; height:40px; }

.full-width-structure{
    padding: 0 0 30px;
}
.btn.btn-primary a {
    background: #4aa3ac;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 0 1px #000;
    margin: 10px 0 0px;
    display: inline-block;
    min-width: 220px;
    text-align:center;
}
.btn.btn-primary a:hover {
    color: #4aa3ac;
    background: #fff;
}
.full-width-structure .btn-group .btn.btn-primary{
    display: inline-block;
    padding: 0 5px;
}
.full-width-structure .btn-group{
    width: 877px;
    margin: 0 auto 0px;
    text-align:center;
}
.full-width-structure .btn-group::after,
.full-width-structure .btn-group::before{
    content:"";
    clear:both;
    display:table;
}
/*--added form index page--*/

.PageTitle-home{
    width: 1050px;
    margin: auto;
}
.PageTitle-home p{
    color: #545252;
    font-size: 19px;
    text-align: center;
    padding-top: 25px;
}

body{font-family: 'Arimo', sans-serif;}
#main-content{display: block;}
#main-header{background: rgb(243, 238, 234);}
#header-wrapper{max-width: max-width: 1087px; margin: 0 auto;}
#header-wrapper::after, #header-wrapper::before{content:""; clear: both; display: table;}
.logo {
    max-width: 197px;
} 
.logo a {
    display: block;
}
.logo img{
	max-width: 100%;
} 
.header-right {
    float: left;
    width: calc(100% - 200px);
    padding-top: 35px;
}  
   
   
   @media screen and (max-width:1119px){
		#header-wrapper{max-width: 100%;}
		#main-header{width: auto !important; padding: 0 20px;}
		#header{padding: 10px 0px 0;}
		#header::after, #header::before{content: ""; clear: both; display: table;}
		.header-right { float: right;}
		.social-links{margin-right: 0px !important;}
		#topNav{background-size: contain !important; height: 47px; padding:6px 0px 0px !important;}
		#topNav ul li a{padding: 11px 10px 11px !important;}
		#topNav .current a, #topNav li:hover > a{background: #4EA7B0 !important;}
		.inner-PageTitle{max-width: 100%;}
		.content{width: initial !important; padding: 20px 20px !important;}
		#inner-content{max-width: 100%; left: 0px !important; }
		#footer{max-width: 100%; height: auto !important;}
		#slider{max-width: 100% !important; margin:0px !important;}
		.coin-slider{float:none !important;}
		.PageTitle img{max-height:80px;}
		#main-content{left: 0px !important; max-width: 100%;}
		img { max-width: 100%;}	
		.heading h1 { padding: 0 15px;}
		.full-width-structure .btn-group { width: 100%;}
	}
	@media screen and (max-width:1009px){
		#topNav ul li a{font-size: 12px !important;} 
		
	}
	
	@media screen and (max-width:959px){
		#topNav{background: none !important; height: auto !important; float: none !important; position: absolute; left: 0px; top:32px; width: 100%; z-index: 9; display: none; text-align: left;}
		#topNav ul li{float: none !important;}
		#topNav ul li a{background:#525252 !important; border-bottom: 1px solid #000; text-transform: uppercase;}
		#menu{height: auto !important; position: relative;}
		#topNav ul ul{position: static !important;}
		#topNav ul ul li{float: none !important; position: relative;}
		#topNav ul ul li a{background:#525252 !important; border-bottom: 1px solid #000;}
		#topNav li ul li a:hover{background: #4EA7B0 !important;}
		#topNav li:hover ul li a{background:#525252 !important; border-bottom: 1px solid #000 !important; width: auto !important; }
		#topNav ul ul li:last-child img{display: none;}
		#topNav li ul li{margin: 0 0 0 !important;}
		#header{height: auto !important;}
		#menu{text-align: right;}
		.menu-icon-flip {background: #4EA7B0; width: 40px; height: 32px; cursor: pointer; display: inline-block;}
		.menu-icon-flip span {display: block; height: 4px; background: #fff; margin: 5px;}
		.social-links{margin-top: 5px !important;}
		.heading { max-width: 80%;}
		.heading img{max-width: 100%;}
		.welcome-list{float: none !important;}
		.welcome-list ul::after, .welcome-list ul::before{content: ""; clear: both; display: table;}
		.welcome-list ul li{margin-bottom: 14px !important;}
		
		.GalleryBanner .items li img {height: 100%; object-fit: cover;}
		.menu-icon-flip span {width: 30px; height: 5px; background: #fff; margin: 5px; border-radius: 5px;}
        .menu-icon-flip { background: none !important; width: auto !important; height: auto !important;}
        .menu-icon-flip span:nth-child(1) { margin-left: 15px;}
        .menu-icon-flip span:nth-child(2) { margin-left: 10px;}
	}
	@media screen and (max-width:920px){
		.appcontent{float: none !important; background-size: contain !important; height: auto !important;}
		.appcontent > img{display: none !important;}
		.left_appcontent, .right_appcontent{width: auto !important; float: none !important; padding-bottom: 22px !important;} 
		.left_appcontent img, .right_appcontent img{margin-right: 15px;}
		.right_appcontent{ border-top: 1px solid #d5d3d3;}
		.left_appcontent::after, .left_appcontent::before, .right_appcontent::after, .right_appcontent::before{ content: ""; clear: both; display: table;}
		.designContent {width: auto !important; float: none !important;}
		
	}
	@media screen and (max-width:879px){
		.left-footercontent{float: none !important; text-align: center;}
		.left-footercontent ul li{float: none !important; padding: 0 0 0 0px !important; display: inline-block !important;}
		.left-footercontent ul li a{padding: 0 0px 0 0 !important;}
		.right-footercontent {float: none !important; margin: 0px 0 0px; text-align: center;}
		.freefieldmeasurements {display: block; max-width: 217px; margin: 13px auto 0px; position: relative;}
		.freefieldmeasurements img{margin-bottom: -5px;}
		.PageTitle{max-width: 100% !important;}
		.content table{width: 100% !important;}
		
	}
	@media screen and (max-width:767px){
		.logo { float: none !important; text-align: center !important;}
		.social-links{float: none !important; margin: 10px 0 0 !important;}
		.header-right {float: none !important; text-align: center;}
		.social-links .twitter, .social-links .facebook{margin-right: 0px !important; display: inline-block; vertical-align: top; float: none !important;}
		.header-right div:nth-child(2){margin-right: 0px !important; float: none !important; margin-top: 7px !important;}
		#topNav{top: 0px;}
		.menu-icon-flip {position: absolute; right: 0px; top: -36px;}
		.inner-PageTitle{padding-top: 0px !important;}
		.address-footer, .left-footercontent, .right-footercontent{padding: 0 20px;}
		.PageTitle .padding_top20{padding-top: 6px !important;}
		.PageTitle img { max-height: 50px;}
		#main-content{ margin-top: -30px !important;}
		.welcomeTitle{padding: 0px !important;}
		.inner-PageTitle {flex-wrap: wrap; flex-direction: column-reverse;}
		.heading {width: 100% !important; padding: 30px 15px !important; justify-content: center; box-sizing: border-box;}
		.heading-img { width: 100% !important;}
		.heading h1.padding_top2 {margin: 0px 0 0px !important;  padding: 0 !important;}
		.product_gallery-outer { padding-top: 30px;}
		.icon-section .icon { margin: 10px 0;box-sizing: border-box;}
	}
	@media screen and (max-width:575px){
		.welcome-list ul li{float: none !important;}
		.welcomeContent{padding: 0px !important;}
		.gallery ul{padding: 0 0 0 4px !important;}
		.gallery ul li{float: none !important; margin: 0 auto 20px !important; padding: 4px 0px 0 6px !important;}
		.gallery ul li.last { margin-right: auto;}
		.list-view .summary { margin: -20px 0 15px; text-align: center;}
		.welcomeTitle { text-align: center;}
		.new-formating-stair-parts-outer h1 { font-size: 24px;}
	}		
	@media screen and (max-width:540px){
		#inner-container{margin-top: -60px !important;}
		.content {width: 100% !important; box-sizing: border-box;}
		.content table td{display: block; width: 100%; text-align: center;}
		#inner-body #inner-container { margin-top: 0px !important;}
		#inner-content .content { padding: 30px 0 !important;}
		
	}
	@media screen and (max-width:380px){
		.content{overflow: hidden;}

		.header-right div:nth-child(2){text-align: left;}
		#inner-content .content div { width: 100% !important;}
	}
	#scrolling-box{ width:100%; height:40px;padding-top:2px !important; }
	#main-content .content > div {width: 100% !important;}


@media screen and (max-width: 768px){
    .content p, .content strong { font-size: 20px !important; line-height: 30px !important; }
    .content.remodelcnt h2 {
     margin-block-start: 5px;
    }
    .content.remodelcnt p {
        line-height: 30px;
    }
    .content.remodelcnt ul li {
        font-size: 16px !important;
        line-height: 26px;
    }
    .content.remodelcnt ul {
        list-style: unset !important;
    }
    .PageTitle-home {
        width: 90%;
    }
    .cs-prev, .cs-next {
        width: 22px !important;
        height: 42px !important;
    }
    p.bid-request {
        font-size: 18px !important;
    }
    .home-page h3, .service-area, .about-istairs {
        font-size: 45px;
        margin: 0px;
    }
    ul.specialized-stair li, ul.choose-us li {
        font-size: 18px;
        line-height: 26px;
    }
    .home-page td p {
        width: 50%;
        margin: 0;
        float: left;
        padding-bottom: 20px;
    }
    #inner-content .content.renovationcnt-wrap {
        padding: 0px 0px 30px 0px !important;
    }
    p.mid-cnt { 
        text-align: center;
        width: 100%;
    }
}