@charset "utf-8";


/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1200px) {
	.mid_content_left { width: 60%; }
	.get_quote_block p { font-size: 27px; }
	
		
	#banners li {
		background-attachment:scroll;
	}
	
	.main {
		max-width:980px;
		width:100%;
	}

}

/*------------tablet portrait  view------*/
@media (max-width:800px) {

}

/*------------mobile landscape  view------*/
@media (max-width:767px) {
	.main .left-panel { float: none; width: 100%; }
	.main aside { float: none; width: 92%; }
	.logo_block { width: 100%; text-align: center; }
	.navigation_main_block { width: 100%; text-align: center; }
	.call_block { width: 100%; }
	.enumenu_ul { display: none }
	.enumenu_ul > li > a:hover, .enumenu_ul > li.active > a { padding-bottom: 8px !important; }
	.menu-block { height: auto; }
	.menu-icon { display: block; background: #FF541D; margin-bottom: 10px; }
	.services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }
	.enumenu_ul > li { display: block; margin: 0px; padding: 0px; }
	.enumenu_ul > li > a { display: block; text-align: center; padding: 8px; border-bottom: 3px solid transparent; }
	.enumenu_ul { width: 100%; }
	.enumenu_ul > li ul { background: #fff; opacity: 1; transition: none; visibility: visible; }
	.enumenu_ul > li ul a { text-align: center; display: block; text-align: center; color: #2b2b2b; padding: 5px 0; }
	.enumenu_ul .arrow.up { background: url(../images/minus.png) no-repeat center center }
	.enumenu_ul > li ul a:hover { color: #2b2b2b; background: #e0e0e0; }
	/* Push Menu */
	body.menuslide_push { position: relative; }
	body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
	body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
	body.slidemenuRight .enumenu_ul { right: -300px; }
	body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
	body.slidemenuLeft .enumenu_ul { left: -300px; }
	body.slidemenuLeft.menu-open .enumenu_ul { left: 0; }
	body.menuslide_push.slidemenuLeft.menu-open { left: 300px }
	body.menuslide_push.slidemenuRight.menu-open { right: 300px }
	body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { background: #000000 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: 300px; }
	.brd_nav { display: none !important; }
	.call_top { float: none; margin: 10px 0; display: inline-block; }
	.shdw_img { width: 100%; height: 100%; }
	.gallery_block { height: auto; }
	.gallery_left { width: 100%; height: 350px; }
	.gallery_mid { width: 100%; }
	.gallery_right { width: 100%; height: 350px; }
	.gallery_mid p { width: 98%; }
	.mid_content_left { width: 100%; }
	.right_img_block { width: 60%; }
	.get_quote_block p { font-size: 22px; }
	.get_quote_block p { letter-spacing: 0; width: 60%; margin-top: 35px; }
	.get_quote_link { border-left: 101px solid transparent; width: 270px; right: 0; }
	.thumbni_block { width: 282px; height:222px; }
	.thumbnil_cont { margin-top: -80px; height: 80px; }
	.thumbnil_cont h3 { font-size: 22px; margin-top: -20px; }
	.thumbnil_cont::before { margin-top: -25px; }
	.consult_inner_block { width: 100%; }
   
  #header-main {
    background-color: #2B2B2B;
    transition:all 0.5s ease 0s;
  } 
  
  #header-main.hidden {
    top:-100%;
  }
   
  .banner_main_block {
    margin-top: 100px;
  }
  
  body.inner-page {
    padding-top: 0px;
  }

	.logo_block {
		max-width:230px;
		margin:0 auto;
		float:none;
	}
	
	.call_top {
		margin:0;
	}
	
	.menu-icon {
		line-height:34px;
		padding:2px 0;
	}
	
	/* pad all content */
	
	.mid_container_block {
		padding-left:2%;
		padding-right:2%;
	}
	
	.get_quote_block p {
		padding-left:2%;
	}
	
	.mid_content_container.col,
	.side.col {
		width:100%;
		max-width:none;
		margin-left:0;
	}
	
	.filter-form .col + .col {
		margin-left:1.5%;
	}
	
	/* Side promo */
	.side-promo {
		bottom: -85%;
		height: 85%;
		top: unset;
		right: 0 !important;
		transition: all 0.3s ease 0s;
		width: 100%;
	}
	.side-promo > .promo-btn {
		left: 0;
		top: -50px;
		transform: rotate(0deg);
		width: 100%;
	}
	.side-promo > .promo-content {
		border: dotted 3px #787878;
		border-bottom: none;
		width: 100%;
	}
	.side-promo.open-promo {
		bottom: 0;
	}
	.open-promo .promo-btn {
		border-radius: 0;
	}
	.promo-btn:before{
		background: none;
	}
	.open-promo .promo-btn:before {
		content: '[Close X]';
		background: none;
		font-size: 20px;
		line-height: 50px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;	
	}
	
}

/*------------mobile portrait view------*/
@media (max-width:640px) {
	h1 { font-size: 28px; }
	.mid_container_block { padding: 36px 2% 57px 2%; }
	.right_img_block { width: 50%; }
	.cont_itc { line-height: 30px; font-size: 20px; }
	.mid_content_left h2 { font-size: 34px; margin-bottom: 0; width: 100%; }
	.gallery_mid h2 { font-size: 34px; }
	.gallery_mid { padding: 30px 0 50px 0; }
	.gallery_mid p, .gallery_mid a, .mid_content_link a, .get_quote_link a, .mid_content_container a { font-size: 16px; }
	.get_quote_block { height: auto; }
	.get_quote_block p { width: 100%; margin-top: 25px; float: left; padding-bottom: 15px; line-height: 25px; }
	.get_quote_link { border-left: 0 solid transparent; width: 100%; position: relative; right: 0; float: left; border-bottom: 50px solid #dc4e21; margin-bottom: 27px; }
	.get_quote_link:hover { border-bottom: 50px solid #ff871d; }
	.get_link_inner { margin-top: 4px; }
	.thumbni_block { width: 100%; margin-right: 0; }
	.thumbnil_cont h3 { margin-top: -27px; }
	.thumbni_block:nth-child(3) { margin-bottom: 8px; }
	.consult_inner_block h2 { font-size: 34px; line-height: 40px; margin-top: 52px; }
	.consult_inner_block a, .consult_inner_block > span { font-size: 20px; letter-spacing: -0.5px; }
	.consult_inner_block a i, .consult_inner_block > span i { font-size: 20px; }
	.banner_text_main { width: 90%; left: 5%; right: 5%; }
	.banner_crnr_box h1 { font-size: 34px; }
	.banner_crnr_box span { font-size: 20px; margin-top: 10px; display: inline-block; }
	.gl-up, .gl-down { width: 100%; }
	/* services page css start */
	
	.content_page_banner, .services_banner_mainblock { height: 200px; }
	.services_banner_mainblock h1 { margin-top: -33px; font-size: 34px; }
	.mid_content_container { text-align: center; }
	.mid_content_container h2 { font-size: 34px; padding-bottom: 15px; }
	.mid_content_container h3 { line-height: 35px; }
	.mid_content_container a {
		font-size: 18px;
		/* color: #fff; */
		/* padding: 9px 37px 10px 37px; */
		/* background: #ff551d; */
		font-family: "texgyreadventorbold";
	/*
		margin-top: 18px;
		margin-bottom: 8px;
	*/
		display: inline-block;
	}

	h1, .heading-style {
		line-height:36px;
	}
	
	.main-details .col,
	.main-details .col + .col {
		width:100%;
		margin-top:0;
		margin-left:0;
	}
	
	.main-details .col h3:first-child {
		margin-top:25px;
	}
	
	.main-photo {
		max-width:none;
	}
	
	.downloads {
		margin:0 auto 20px;
	}
	
	.downloads li a {
		margin:0;
	}
	
	#gal-tiles figure {
		width:100%;
		max-width:none;
		padding-bottom:45%;
	}
	
	#gal-tiles figure a {
		margin-top:0;
	}
	
	#gal-tiles figcaption {
		margin-top:0;
	}
	
	.prod-table.table,
	.prod-table .table-row,
	.prod-table .table-cell {
		display: block;
		width:100%;
	}
	
	.prod-table .table-row:nth-child(2n-1) {
		background-color:transparent;
	}
	
	.prod-table .table-cell + .table-cell {
		border-left:none;
	}
	
	.prod-table .table-row .table-cell:first-child {
		background-color: #dfe0da !important;
	}
	
	.filter-form {
		padding-left:10%;
		padding-right:10%;
	}
	
	.filter-form .col:nth-child(n+5) {
		margin-top:25px;
	}
	
	.filter-form .col + .col {
		margin-left:2.5%;
	}
}

@media screen and (max-width:550px) {
	.filter-form {
		padding-left:3%;
		padding-right:3%;
	}
	
	.filter-form .col + .col {
		/* margin-left:2.5%; */
	}
}

/*----------optional css------*/
@media (max-width:480px) {
	.thumbnil_cont { margin-top: -84px; height: 80px; }
	.thumbnil_cont h3 { font-size: 22px; margin-top: -28px; }
	.thumbnil_cont::before { margin-top: -25px; }
	.banner_crnr_box span { margin-top: 0; }
	.banner_crnr_box h1 { line-height: 50px; width: 97%; padding-left: 18px; font-size: 32px; }
	.mid_content_left ul li i { top: 6px; width: 3%; vertical-align: top; }
	.mid_content_left ul li span { display: inline-block; width: 89%; }
	.consult_inner_block a { font-size: 16px; }
	.right_img_block { width: 43%; }
	/* services page css start */
	
	  body.inner-page #header-main {
	    background-color: #2b2b2b;
	  }
	
	.content_page_banner, .services_banner_mainblock { height: 164px; }

	.process-list li,
	.process-list li:nth-child(3n-1),
	.process-list li:nth-child(n+4) {
		width:48%;
		margin:0;
	}

	.process-list li:nth-child(2n) {
		margin-left:4%;
	}
	.process-list li:nth-child(n+3) {
		margin-top:4%;
	}
	
	.filter-form .col {
		width:48%;
	}
	
	.filter-form .col + .col {
		margin-left:0;
	}
	
	.filter-form .col:nth-child(2n) {
		margin-left:2.5%;
	}
	
	.filter-form .col:nth-child(n+3) {
		margin-top:35px;
	}
	
	.filter-form .col {
		text-align: center;
	}
	
	.filter-form label:after {
		margin:8px auto 0;
	}
	
	.table.info-table .cell {
		display: block;
	}

}

@media screen and (max-width:420px) {
	
	.filter-form {
		padding-bottom:85px;
	}
}

@media screen and (max-width:380px) {
	
	.process-list li {
		width:100% !important;
		margin:0 !important;
	}

	.process-list li + li {
		margin-top:6% !important;
	}
	
	.photo-list li {
		width:47%;
	}
	.photo-list li + li {
		margin-left:0;
	}
	.photo-list li a {
		height:130px;
		margin:0;
	}
}

/*---------use only when design is customise-----------*/
@media screen and (min-width:700px) and (max-width:990px) {
}

@media screen and (min-width:768px) and (max-width:1024px) {
/*.logo_block { width: 100%; text-align: center; }
navigation_main_block { width: 100%; text-align: center; }*/
.enumenu_ul > li { padding: 0 12px 33px 12px; }
.enumenu_ul li a { font-size: 16px; }
.navigation_main_block nav { margin-top: 8px; }
.logo_block { margin-top: 12px; }
.banner_crnr_box h1 { font-size: 45px; }
.call_block { margin-top: 0; }
.call_top { float: none; margin: 10px 0; display: inline-block; }
.shdw_img { width: 100%; height: 100%; }
.mid_content_left { width: 70%; }
.right_img_block { width: 50%; }
.get_quote_block p { font-size: 22px; }
.get_quote_block p { letter-spacing: -1px; }
.get_quote_link { border-left: 101px solid transparent; width: 270px; right: 0; }
.thumbni_block { width: 342px; }
.thumbnil_cont h3 { font-size: 24px; }
.consult_inner_block { width: 700px; }
}
/*include browser specific css styles here*/


/* ---------- Height-based media queries ------------ */

@media screen and (max-height:650px) {
	
	.banner_main_block .main {
		padding-left:65px;
		padding-right:65px;
	}
	
	.banner_crnr_box h1 {
		font-size:36px;
	}
	
	.banner_crnr_box {
		height:155px;
	}
}

@media screen and (max-height:600px) {
	
	.banner_crnr_box {
		padding:20px 0;
		height:140px;
	}
	
	.banner_crnr_box h1 {
		line-height:40px;
		font-size:30px;
	}

	.banner_text_main {
		bottom:80px;
	}
	
	.banner_text_main a {
		padding:4px 24px;
	}
}

@media screen and (max-height:550px) {
	height:500px;
}
