@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */

@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url("html5-reset.css");

@font-face{
    font-family: 'roboto_slabregular';
    src: url('fonts/robotoslab-regular-webfont.eot');
    src: url('fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotoslab-regular-webfont.woff2') format('woff2'),
         url('fonts/robotoslab-regular-webfont.woff') format('woff'),
         url('fonts/robotoslab-regular-webfont.ttf') format('truetype'),
         url('fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
	     font-weight: normal;
     	 font-style: normal;
}
@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/pt_sans-web-regular.eot');
    src: url('fonts/pt_sans-web-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-regular.woff2') format('woff2'),
         url('fonts/pt_sans-web-regular.woff') format('woff'),
         url('fonts/pt_sans-web-regular.ttf') format('truetype'),
         url('fonts/pt_sans-web-regular.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/pt_sans-web-bold_0-webfont.eot');
    src: url('fonts/pt_sans-web-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-bold_0-webfont.woff2') format('woff2'),
         url('fonts/pt_sans-web-bold_0-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-bold_0-webfont.ttf') format('truetype'),
         url('fonts/pt_sans-web-bold_0-webfont.svg#pt_sansbold') format('svg');
}

body{background: #ffffff;  margin:0px; padding:0px;}
p{margin:0px; padding:0px 0px 15px 0px; line-height:20px; font-size:14px; color:#060606; font-family: 'pt_sansregular';}
#page-wrap {width:960px; margin:0px auto;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#2B84C6;}
a:hover, a.selected {text-decoration:none; color:#333333;}
a:focus{outline:none;}
ul {list-style:none;}
li {list-style:none;}
h2{font-size:20px; color:#2b2492; margin-bottom:15px; font-family: 'roboto_slabregular';}

/* ========== Do Not Touch In Css End ========== */

/* ------- Top Area Strat ------- */

.bgwhite{background:#fff; width:100%; position:relative; -webkit-box-shadow: 0 8px 6px -6px #ccc;
	   -moz-box-shadow: 0 8px 6px -6px #ccc;
	        box-shadow: 0 8px 6px -6px #ccc;}
.header{background:#fff; z-index:9999;}
.logo{padding-top:10px;}
.glyphicon {float: right;}

/* ------- Top Area End ------- */

/* ------- Navigation Area Strat ------- */

nav{margin:0px; padding:0px;}
nav ul{float:right!important; margin:0; padding:0;}
nav ul li{font-size:14px; color:#23120a; float:left; font-family: 'roboto_slabregular';}
nav ul li a{color:#23120a; padding:35px 20px!important; display:inline-block; border-bottom:4px solid #fff;}
nav ul li:hover a, nav ul li.selected a{background:#f5f5f5; border-bottom:4px solid #7e7cd5;}
.socialicon{float:right; margin:0px; padding:0px;}
.socialicon ul{margin:0px; padding-top:30px;}
.socialicon ul li{width:25px; height:25px; background:#000; float:left; text-align:center; margin:0 5px; padding:5px;}
.socialicon ul li a{color:#fff; display:block;}
.socialicon ul li:hover a{color:#24a4d4;}
.fnt16{font-size:16px!important;}
.fnt16 a{color:#000;}
.fnt16 a:hover{color:#2b84c6;}
.contact i{float:left; font-size:22px; text-align:center;}
.padleft{padding-left:30px;}
input.form-control, textarea.form-control{margin-bottom:20px; resize:none;}

/* ------- Navigation Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */

.bannerdiwali{background:url(../images/banner_aaluglass.jpg) no-repeat!important; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover!important; width:100%; height:100%;}
.hmbanner1{background:url(../images/hmbanner1.jpg) no-repeat!important; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover!important; width:100%; height:100%;}
.hmbanner2{background:url(../images/hmbanner2.jpg) no-repeat!important; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover!important; width:100%; height:100%;}
 .hmbanner3{background:url(../images/hmbanner3.jpg) no-repeat!important; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover!important; width:100%; height:100%;}
  .hmbanner4{background:url(../images/hmbanner4.jpg) no-repeat!important; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover!important; width:100%; height:100%;}
.hmservices{position:absolute; bottom:50px; z-index:9999; width:100%;}
.hmservices ul{margin-left:30px; padding:0px;}
.hmservices ul li{float:left; margin-right:0px; font-size:12px; font-family: 'pt_sansbold'; text-transform:uppercase; text-align:center; width:110px; margin-right:10px;}
.hmservices ul li a{color:#000;}
.hmservices ul li a:hover span{border: 5px solid #24a4d4; color:#24a4d4;}
.hmservices ul li a:hover{color:#24a4d4;}
.hmservices ul li span{width: 80px; display:block;
border: 5px solid #fff;
display:inline-block;
height: 80px;
background: url(../images/bg_footer.png) repeat;
margin: 0 0 25px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
.hmservices ul li span div{-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}

.hmservices1{background:url(../images/img_hmservices1.png) no-repeat 15px 7px; width:60px; height:57px;}
.hmservices ul li a:hover .hmservices1{background:url(../images/img_hmservices1_hover.png) no-repeat 15px 7px; width:60px; height:57px;}
.hmservices2{background:url(../images/img_hmservices2.png) no-repeat 15px 7px; width:60px; height:76px;}
.hmservices ul li a:hover .hmservices2{background:url(../images/img_hmservices2_hover.png) no-repeat 15px 7px; width:60px; height:76px;}
.hmservices3{background:url(../images/img_hmservices3.png) no-repeat center center; width:69px; height:68px;}
.hmservices ul li a:hover .hmservices3{background:url(../images/img_hmservices3_hover.png) no-repeat center center; width:69px; height:68px;}
.hmservices3{background:url(../images/img_hmservices3.png) no-repeat center center; width:69px; height:68px;}
.hmservices ul li a:hover .hmservices3{background:url(../images/img_hmservices3_hover.png) no-repeat center center; width:69px; height:68px;}
.hmservices4{background:url(../images/img_hmservices4.png) no-repeat center center; width:69px; height:68px;}
.hmservices ul li a:hover .hmservices4{background:url(../images/img_hmservices4_hover.png) no-repeat center center; width:69px; height:68px;}
.hmservices5{background:url(../images/img_hmservices5.png) no-repeat center center; width:69px; height:68px;}
.hmservices ul li a:hover .hmservices5{background:url(../images/img_hmservices5_hover.png) no-repeat center center; width:69px; height:68px;}
.hmservices6{background:url(../images/img_hmservices6.png) no-repeat center center; width:69px; height:68px;}
.hmservices ul li a:hover .hmservices6{background:url(../images/img_hmservices6_hover.png) no-repeat center center; width:69px; height:68px;}
.hmservices7{background:url(../images/img_hmservices7.png) no-repeat center center; width:69px; height:68px;}
.hmservices ul li a:hover .hmservices7{background:url(../images/img_hmservices7_hover.png) no-repeat center center; width:69px; height:68px;}

/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */

.innerbanner{margin:0px; padding:0px; text-align:center; height:200px; overflow:hidden;}
.innerbanner img{max-width:100%;}
.incnt{min-height:400px; padding:50px 0;}
.leftmenu{margin:0px; padding:0px;}
.leftmenu ul{margin:0px; padding:0px;}
.leftmenu ul li{font-size:16px; color:#fff; background:#06b2ef; border-bottom:1px solid #fff;}
.leftmenu ul li a{padding:15px 10px; display:block; color:#fff; font-family: 'roboto_slabregular';}
.leftmenu ul li:hover, .leftmenu ul li.selected{background:#6acaf1;}
.leftmenu ul li:hover a, .leftmenu ul li.selected a{color:#2b2492;}
.marleft15{margin-left:15px;}
.clientsimg{}
.clientsimg img{ margin-bottom:30px;}
ul.arrow li{background:url(../images/arrow.png) no-repeat left 6px; padding-left:20px; padding-bottom:10px;}
ul.split li{width:30%; float:left;}
.proimages{}
.proimages img{margin-bottom:30px;}

/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */

footer{background:url(../images/bg_footer.png) repeat; padding:10px 0; font-size:11px; color:#fff; position:absolute; bottom:0; width:100%;}
footer.footerinner{position:relative;}
.megh{text-align:right;}
.megh a{color:#fff;}

/* ------- Footer Area End ------- */

@media (max-width: 1024px){}
@media (max-width: 768px){
	.gallery{text-align:center;}
	}
@media (max-width: 640px){
	.gallery{text-align:center;}
	.hmservices, footer{position:relative; bottom:0;}
	.socialicon ul{padding-top:12px;}
	.hmservices{padding:30px 0;}
	footer{text-align:center;}
	.megh{text-align:center; margin-top:15px;}
	.logo, .bgwhite{text-align:center;}
	.socialicon{float:none; display:inline-block;}
	.navbar-toggle{float: right; margin-top: -35px;}
	nav ul{float:none!important; margin:0!important;}
	nav ul li a{padding: 20px 10px!important;}
	.hmservices ul li{margin-bottom:20px;}
	.innerbanner{height:80px;}
	.leftmenu{margin-bottom:40px;}
	.proimages{text-align:center;}
	ul.split li{width:100%;}
	}
@media (max-width: 480px) {
	nav ul li{float:none;}
	nav ul li a{padding: 10px!important;}
	.hmservices ul li{margin-bottom:30px;}
		.innerbanner{height:60px;}
	}
@media (max-width: 360px) {}
@media (max-width: 320px) {}

.info2, .success2, .warning2, .failure, .validation2 {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info2 {
color: #00529B;
background-color: #BDE5F8;
background-image: url(../../assets/images/info.png);
}
.success2 {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url(../../assets/images/accept.png);
}
.warning2 {
color: #9F6000;
background-color: #FEEFB3;
background-image: url(../../assets/images/warning.png);
}
.failure {
color: #D8000C;
background-color: #FFBABA;
background-image: url(../../assets/images/error.png);
}
/* ------- footer end ------- */

input[type="text"].error,textarea.error{border:1px solid #F00;!important}
label.error{color: #F00;}
label.error{solid #F00!important;}
.martop20{margin-top:20px;}
.error{color: #F00; font-size: 11px;}
input.email.error, input.number.error{margin-bottom:0;}
input.email.error + span.error, input.number.error + span.error{margin-bottom:15px; display:inline-block;}
.gallery img{margin-bottom:10px;}
.gallery span{text-align:center; display:block; margin-bottom:30px;}