/* reset css */
body{margin:0; font-family: 'robotoregular'; font-weight: normal; font-size: 14px; color: #2c2829; background-color: #fff;}
input, select, fieldset, textarea{font-family: 'open_sansregular'; font-weight: normal; font-size: 14px; border: 0; outline: 0; resize: none; color: #363f48;}
p{margin: 0; padding: 2px 0; font-weight: normal; font-size: 14px; font-family: 'robotoregular'; color: #333;}
img{vertical-align: middle; border: none; outline: none;}
a{display: inline-block; text-decoration: none; outline: none; cursor: pointer; transition: all 0.4s;}
ul, ol, li{padding: 0; margin: 0; list-style: none;}
.clear{clear:both;}
/* -- heading -- */
h1, h2, h3, h4, h5, h6{margin: 0; font-family: 'ralewayregular';}
h1{font-size: 24px;}
h2{font-size: 20px;}
h3{font-size: 16px;}
/* --under-line-- */
.under-line{margin: 4px 0; width: 100%; height: 1px; overflow: hidden; border-bottom: 1px dashed #666;}
/* --fix-wrapper-- */
.fix-wrapper{margin: 0 auto; width: 1000px;}
@media screen and (max-width: 1000px){
    .wrapper .sdr-cntr{width: 1000px;}
    .wrapper .nav-cntr{position: relative; margin-top: 0; transition: all 0.5s;}
    .wrapper .txt-cntr{width: 1000px;}
    .wrapper .client-cntr{width: 1000px;}
    .wrapper .ftr-cntr{width: 1000px;}
    .wrapper .contno-cntr{width: 1000px;}
}

/* --fonts-- */
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
	 url('../fonts/opensans-regular-webfont.woff') format('woff'),
	 url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/Raleway-Regular-webfont.eot');
    src: url('../fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Raleway-Regular-webfont.woff') format('woff'),
         url('../fonts/Raleway-Regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------index page css--------------------------------------------*/
/*----------------------hdr-cntr----------------------*/
.hdr-cntr{width: 100%; background-color: #e1e1e1;}
	/*----------------------hdr-Box----------------------*/
	.hdr-Box{padding: 3px 0; display: block; background-color: #e1e1e1;}
	.hdr-lft{padding-top: 2px; width: 420px; float: left;}
	.hdr-lft li{padding-right: 15px; float: left; background-image: url(../img/home-tel.png); background-repeat: no-repeat; background-position: 0 7px;}
	.hdr-lft li:first-child{margin-right: 12px; letter-spacing: 0.02em; background-image: url(../img/home-mail.png); border-right: 1px solid #888;}
	.hdr-lft li p{color: #333; padding-left: 20px; font-size: 12px; transition: all 0.5s;}
	.hdr-lft li a p:hover{color: #0099cc;}
	.hdr-rgt{width: 116px; float: right;}
	.hdr-rgt li{float: left; padding-left: 4px; text-align: center;}
	.hdr-rgt li a{width: 25px; height: 25px; display: table-cell; vertical-align: middle; color: #0099cc; background-color: #FFF; border-radius: 50%; box-shadow: inset 0 0 2px #666;}
	.hdr-rgt li:nth-child(1) a:hover, .hdr-rgt li:nth-child(2) a:hover, .hdr-rgt li:nth-child(3) a:hover, .hdr-rgt li:nth-child(4) a:hover{box-shadow: inset 0 0 12px #ff9900; color: #333;}
    
/*----------------------sdr-cntr----------------------*/
.sdr-cntr{width: 100%; border-top: 1px solid #ff9900; border-bottom: 2px solid #ff9900;}

/*----------------------nav-cntr----------------------*/
.nav-cntr{width: 100%; position: absolute; margin-top: -84px; z-index: 99;}
	/*----------------------nav-Box----------------------*/
	.nav-Box{padding: 5px 0; display: block; background: rgba(255,255,255,1); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
    .nav-lft{width: 180px; float: left;}
    .nav-lft img{padding: 6px 0 0 10px;}
    .nav-rgt{width: 800px; float: right;}
    .nav-rgt ul{float: right;}
    .nav-rgt li{float: left; text-align: center; border-left: 1px solid #f1f1f1;}
    .nav-rgt li:last-child{border-right: 1px solid #eaeaea;}
    .nav-rgt li a{display: table-cell; vertical-align: middle; width: 100px; height: 72px; color: #0099cc; font-family: 'ralewayregular'; text-shadow: 0 1px 0px #eee; background: url(../img/arrow.png) no-repeat center -14px;}
    .nav-rgt li a:hover, .nav-rgt li a.active{color: #333; background-position: center 50px;}
    .nav-rgt li ul{opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: absolute; z-index: 999; background-color: #FFF; transition: all 0.2s;}
    .nav-rgt li:hover > ul{opacity: 1; filter: alpha(opacity=100); visibility: visible;}
    .nav-rgt li ul li{clear: both; border-left: none;}
    .nav-rgt li ul li:last-child{border-right: none;}
    .nav-rgt li ul li a{background-image: none; height: 40px; border-bottom: 1px solid #f1f1f1;}
    .nav-rgt li ul li a:hover, .nav-rgt li ul li a.active{background-color: #eee; color: #111;}
    .arrow_box{position: relative; border-top: 1px solid #ddd;}
	.arrow_box:after, .arrow_box:before{bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
	.arrow_box:after{border-color: rgba(238, 238, 238, 0); border-bottom-color: #ddd; border-width: 7px; margin-left: -7px;}
	.arrow_box:before{border-color: rgba(238, 238, 238, 0); border-bottom-color: #ddd; border-width: 8px; margin-left: -8px;}

/*----------------------txt-cntr----------------------*/
.txt-cntr{width: 100%; background: #f7f7f7; -moz-box-shadow: inset 0 8px 8px -8px #666, inset 0 -12px 12px -12px #333;  -webkit-box-shadow: inset 0 8px 8px -8px #666, inset 0 -12px 12px -12px #333; box-shadow: inset 0 8px 8px -8px #666, inset 0 -12px 12px -12px #333;}
	/*----------------------txt-Box----------------------*/
	.txt-Box{padding: 5px 0; display: block;}
    .txt-tile{padding: 30px 0; display: block;}
    .txt-tile li{padding-right: 26px; width: 230px; float: left;}
    .txt-tile li:last-child{padding: 0px;}
    .txt-tile-inn{width: 230px; display: block; text-align: center; cursor: pointer;}
    .txt-tile-inn h2{padding-left: 4px; color: #ff9900; text-shadow: 0 1px 0 rgba(0,0,0,0.2); text-align: left;}
    .tile-thumb{margin: 20px 0; border: 4px solid #FFF; box-shadow: 0 0 3px #999; transition: all linear 0.4s;}
    .tile-thumb img{width: 222px; height: auto;}
    .txt-tile-inn p{padding-bottom: 30px; color: #333; text-align: left;}
    .txt-tile-inn a{padding: 4px 20px; color: #FFF; box-shadow: inset 0 0 100px #0099cc; border: 1px solid transparent; border-radius: 1px; display: inline-block; transition: all 0.3s;}
    .txt-tile-inn a:hover{color: #222; border: 1px solid #0099cc; box-shadow: inset 0 0 1px #0099cc;}
    .txt-tile-inn:hover .tile-thumb{transform: scale(1.1);}
    
/*----------------------txt-btm-cntr----------------------*/
.txt-btm-cntr{width: 100%; background-color: #333;}
	/*----------------------txt-btm-Box----------------------*/
    .txt-btm-Box{padding: 40px 0; display: block; background-color: #333;}
	.txt-btm-lft{width: 750px; float: left; text-align: justify;}
	.txt-btm-rgt{width: 220px; float: right; margin-top: 62px; text-align: center;}
	.txt-btm-lft h2{font-size: 30px; color: #ff9900; text-transform: capitalize; font-weight: normal;}
	.txt-btm-lft p{padding: 10px 0; color: #aaa;}
	.txt-btm-rgt a{padding: 8px 40px; margin-top: 20px; display: inline-block; color: #FFF; background-color: #FFF; color: #222; border: 1px solid #ff9900; transition-duration: 0.5s;}
	.txt-btm-rgt a:hover{background-color: #ff9900; color: #FFF; border: 1px solid #ff9900; transition-duration: 0.5s;}

/*----------------------client-cntr----------------------*/
.client-cntr{width: 100%; background-color: #FFF; -moz-box-shadow: inset 0 8px 8px -6px #666, inset 0 -12px 12px -12px #333;  -webkit-box-shadow: inset 0 8px 8px -6px #666, inset 0 -12px 12px -12px #333; box-shadow: inset 0 8px 8px -6px #666, inset 0 -12px 12px -12px #333;}
	/*----------------------client-Box----------------------*/
    .client-margin{padding: 30px 0 60px;}
    .client-Box{display: block; background-color: #FFF;}
	.client-Box h2{padding-bottom: 20px; font-size: 22px; color: #ccc; text-transform: capitalize; font-weight: normal; text-align: center;}
	.scroll-img{margin: 0 auto; width: 100%; height: 120px; overflow: hidden;}
	.scroll-img ul{width: 700px; height: 600px; margin: 0; padding:0;}
	.scroll-img ul li{float: left; margin: 0 10px;}
	#scroll.scroll-img ul{width: 2500px;}

/* ------------------------------ftr-cntr------------------------------ */
.ftr-cntr{width: 100%; background: #333; text-shadow: 0px 1px 0px #222; border-top: 3px solid #ff9900;}
	/* ---------------------ftr-Box--------------------- */
    .ftr-Box{display: block; padding-bottom: 20px; background: #333; font-size: 12px;}
    .ftr-Box h2{padding: 10px 0 7px 5px; margin-bottom: 5px; font-size: 16px; font-weight: normal; color: #888; border-bottom: 1px solid #666;}
    .ftr-Box p{color: #ff9900; font-size: 12px; text-align: right;}
    .ftr-Box p a{color: #ff9900; transition: all 0.5s;}
    .ftr-Box p a:hover{color: #0099cc;}
    .ftr-Box li{padding-left:2%; width: 235px; float: left; transition: all 0.5s;}
    .ftr-Box li:first-child{padding: 0;}
    .footer-nav li{clear: both;}
    .footer-nav li:first-child{padding: 0 0 0 4px;}
    .footer-nav li a{padding: 0 2px 0 16px; color: #ff9900; background: url(../img/arrow1.png) no-repeat 0 4px; transition: all 0.5s;}
    .footer-nav li a:hover{color: #0099cc; background: url(../img/arrow2.png) no-repeat 4px 4px;}
    .black{color: #888;}
    .social-base ul{text-shadow: 0px 1px 0px #000;}
    .social-base li{padding: 4px 0; width: 162px; margin-left: 37px;}
    .social-base li:first-child{padding: 4px 0;}
    .social-base li:nth-child(1) a{background-image: url(../img/social1.png); background-repeat: no-repeat; background-position: 10px  center;}
    .social-base li:nth-child(2) a{background-image: url(../img/social2.png); background-repeat: no-repeat; background-position: 10px  center;}
    .social-base li:nth-child(3) a{background-image: url(../img/social3.png); background-repeat: no-repeat; background-position: 10px  center;}
    .social-base li:nth-child(4) a{background-image: url(../img/social4.png); background-repeat: no-repeat; background-position: 10px  center;}
    .social-base li a{padding: 5px 2px 5px 10px; color: #ff9900; width: 150px; background-color: #222; text-align: center; display: block; border-radius: 3px; transition: all 0.5s;}
    .social-base li a:hover{background-color: rgba(0,0,0,0.1); color: #0099cc; box-shadow: inset 0 0 2px #000;}
    .ftr-cntr-btm{width: 100%; background: #111; text-shadow: 0px 1px 0px #000;}
    .ftr-btm-Box{display: block; background: #111;}
    .ftr-btm-Box p{padding: 4px 0; text-align: center; font-size: 12px; color: #666;}
    .ftr-btm-Box p a{color: #666; transition: all 0.5s;}
    .ftr-btm-Box p a:hover{color: #ff9900;}
	
/*----------------------nav-reposition----------------------*/
.nav-reposition > .nav-cntr{width: 100%; position: relative; margin: 0px; z-index: 99;}

/*----------------------about-Box----------------------*/
.about-Box{margin: 20px 0; padding: 10px 20px; min-height: 350px; background-color: #FFF; box-shadow: 0 1px 2px #ccc;}
.about-Box h2{margin-bottom: 10px; padding: 0 10px 3px; color: #ff9900; font-weight: normal; border-bottom: 1px dotted #0099cc; text-transform: uppercase;}
.about-Box p{padding: 0 10px 6px; color: #333; text-align: justify;}
.about-Box ul{padding: 0 0 6px 10px; font-size: 14px; font-family: 'robotoregular';}
.about-Box li{padding-left: 20px; background: url(../img/arrow2.png) no-repeat left 5px; color: #333;}
.about-Box h3{padding: 10px 10px 0px; color: #06C; font-weight: normal;}
.about-Box .img-inn1{margin: 40px 10px 0 10px; float: left;}
.about-Box .img-inn2{margin: 40px 10px 0 0; float: right;}

/*----------------------interior-Box----------------------*/
.int-Box{margin: 20px 0; padding: 10px 20px; min-height: 350px; background-color: #FFF; box-shadow: 0 1px 2px #ccc;}
.int-Box h2{margin-bottom: 10px; padding: 0 10px 3px; color: #ff9900; font-weight: normal; border-bottom: 1px dotted #0099cc; text-transform: uppercase;}
.int-Box p{padding: 0 10px 6px; color: #333; text-align: justify;}
.int-Box ul{padding: 0 0 6px 10px; font-size: 14px; font-family: 'robotoregular';}
.int-Box li{padding-left: 10px; background: url(../img/arrow2.png) no-repeat left 5px; color: #333;}
.int-Box h3{padding: 0 10px 3px; color: #0099cc; font-weight: normal;}
.int-Box .img-inn1{margin: 40px 10px 0 10px; float: left;}
.int-Box .img-inn2{margin: 40px 10px 0 0; float: right;}


/*------------------------------------gallery page------------------------------------*/
.gallery-Box{margin: 20px 0; padding: 10px 20px 20px; min-height: 350px; background-color: #FFF; box-shadow: 0 1px 2px #ccc;}
.gallery-Box h2{margin-bottom: 10px; padding: 0 10px 3px; color: #ff9900; font-weight: normal; border-bottom: 1px dotted #0099cc; text-transform: uppercase;}
.fancybox{display: block;}
.fancy-in{margin: 10px 0 5px 16px; float: left; position: relative; overflow: hidden; width: 220px; height: 220px; box-shadow: 0 0px 2px #666; border-radius: 2px;}
.fancy-in:hover{box-shadow: 0 1px 1px #CCC;}
.fancy-inner{position: absolute; top: 0; display: block; width: 220px; height: 220px; text-align: center; opacity: 0; transition: opacity ease 0.5s 0s; background: rgba(255,255,255, 0.2);}
.fancy-inner img{margin: 100px auto 0; display: block; width: 40px; height: 40px;}
.fancy-in:hover .fancy-inner, .fancy-in.active .fancy-inner{display: block; top: 0; opacity: 1;}

/*------------------------------------Contact page------------------------------------*/
.contno-cntr{padding: 30px 0; width: 100%; background: #ffffff;
            background: -moz-linear-gradient(left,  #ffffff 0%, #eaeaea 25%, #eaeaea 50%, #eaeaea 75%, #ffffff 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(25%,#eaeaea), color-stop(50%,#eaeaea), color-stop(75%,#eaeaea), color-stop(100%,#ffffff));
            background: -webkit-linear-gradient(left,  #ffffff 0%,#eaeaea 25%,#eaeaea 50%,#eaeaea 75%,#ffffff 100%);
            background: -o-linear-gradient(left,  #ffffff 0%,#eaeaea 25%,#eaeaea 50%,#eaeaea 75%,#ffffff 100%);
            background: -ms-linear-gradient(left,  #ffffff 0%,#eaeaea 25%,#eaeaea 50%,#eaeaea 75%,#ffffff 100%);
            background: linear-gradient(to right,  #ffffff 0%,#eaeaea 25%,#eaeaea 50%,#eaeaea 75%,#ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );}
	.contno-Box{text-align: center;}
	.cont-cntr{padding: 20px 0; width: 100%;}
	.cont-cntr .lft-cntr{width: 680px; float: left;}
	.cont-cntr .lft-cntr h2{padding: 0 10px 3px; color: #ff9900; font-weight: normal; border-bottom: 1px dotted #0099cc; text-transform: uppercase;}
	.cont-cntr .rgt-cntr{width: 300px; float: right;}
	.cont-cntr .rgt-cntr h2{padding: 0 0px 3px; color: #ff9900; font-weight: normal; border-bottom: 1px dotted #0099cc; text-transform: uppercase;}
	/*------------------form-Box------------------*/
	.form-Box{padding: 10px 0 10px 10px; display: block;}
	.form-Box p{margin-bottom: 20px;}
	.text-field{display: block; margin-bottom: 5px;}
	.form-Box input[type="text"]{padding: 10px 10px; width: 640px; height: 16px; border-radius: 2px; border: 1px solid #D4D4D4; background: #fff;}
	.form-Box input[type="email"]{padding: 10px 10px; width: 640px; height: 16px; border-radius: 2px; border: 1px solid #D4D4D4;background: #fff;}
	.form-Box input[type="tel"]{padding: 10px 10px; width: 640px; height: 16px; border-radius: 2px; border: 1px solid #D4D4D4; background: #fff;}
	.form-Box textarea{padding: 10px 10px; margin-bottom: 10px; width: 640px; height: 100px; font-size: 14px; border-radius: 2px; border: 1px solid #D4D4D4; background: #fff;}
	.form-Box input[type="button"]{padding: 6px 10px; margin-right: 8px; float: right; width: 140px; cursor: pointer; font-size: 14px; color: #FFF; transition: all 0.5s; border-radius: 2px; background: #0099cc; border: 1px solid transparent;}
	.form-Box input[type="button"]:hover{background: #006699;}
	.form-Box input:focus{border: 1px solid #0099cc;}
	.form-Box textarea:focus{border: 1px solid #0099cc;}
	/*------------------add-Box------------------*/
	.adrs-Box{padding: 10px 0; display: block;}
	.adrs-detail{padding: 10px 0; display: block;}
	.adrs-info{padding: 10px 0; display: block;}
	.adrs-lft{float: left; width: 80px;}
	.adrs-rgt{float: right; width: 210px;}
	.adrs-rgt li{padding: 0; font-size: 14px; background-image: none;}
	.adrs-rgt li:hover{color: inherit;}
	.adrs-lft .bg-tel{padding: 0px 0 5px 5px; font-size: 14px;}
	.adrs-lft .bg-email{padding: 0px 0 5px 5px; font-size: 14px;}
	.adrs-lft .bg-add{padding: 0px 0 5px 5px; font-size: 14px;}
	.adrs-rgt li a{display: inline-block; color: #0099cc;}
	.adrs-rgt li a:hover{color: #333;}
	
	/*prerna work*/
.bed h2 {
    text-align: center;
}