@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(/assets/font-864a17dc1871.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(/assets/font-650dac2664ae.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(/assets/font-5a87f4b8748e.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(/assets/font-22d43f06832a.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(/assets/font-bcef8875d2fa.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/font-ab4c6372c897.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/font-28bde37422b8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/font-ee9004034e12.ttf) format('truetype');
}


/*
Theme Name: Slide Hide
Theme URI: http://www.verzdesign.com/
Author: Amreen
Version: 1.1
Description : November 2015
*/
img.alignright {
	padding: 4px;
	margin: 5px 0 20px 20px;
	display: inline;
}
.alignright {
	float: right;
}

img.alignleft {
	padding: 4px;
	margin: 5px 20px 20px 0px;
	display: inline;
}
.alignleft {
	float: left;
}

div.wpcf7-validation-errors {
	clear:both;
}
div.wpcf7-mail-sent-ok {
	clear:both;
}
.wpcf7-form label.error {
	float:right !important;
}
.wpcf7-response-output {
	clear:both;
}
.wpcf7-form input.error, .wpcf7-form select.error, .wpcf7-form textarea.error {
	border-bottom:2px solid #990000 !important
}
.wpcf7-form label.error {
	margin-top: -20px;
	text-align: right;
	width: 100%;
}
/*span.wpcf7-list-item{ margin-left:0px !important;}
span .wpcf7-not-valid-tip{ left:-240px !important; top:125% !important; width:225px !important;}*/

.top-nav li.current-menu-item > a, 
.top-nav li.current-menu-ancestor > a, 
.top-nav li.current_page_item > a, 
.top-nav li.current_page_ancestor > a, .top-nav li.current-page-ancestor > a {
  color: #ADD137 !important;
}

#main_nav li.current-menu-item > a, 
#main_nav li.current-menu-ancestor > a{
    -moz-transition: all 0.3s ease-out 0s;
    border-bottom: 4px solid #898468;
    color: #898468;
}
#menuchild ul { display:none;}
#menuchild li.current_page_item > ul , #menuchild li.current_page_ancestor > ul  , #menuchild li.current_page_parent > ul { display:block !important;}
#menuchild li.current_page_item > a, 
#menuchild li.current_page_ancestor > a, #menuchild li.current-page-ancestor > a {     color: #D71F3B;
    text-decoration: underline;}
#menuchild li.current-menu-item > a,
#menuchild li.current-menu-ancestor > a, 
#menuchild li.current_page_item > a, 
#menuchild li.current_page_ancestor > a, #menuchild li.current-page-ancestor > a {     color: #D71F3B;}


.menu ul li.current-menu-item > a, 
.menu ul li.current_page_item > a {
   
}


	#menu_footer ul { display:none !important;}
.menu .sub-menu strong { font-weight:normal !important;}
#sideNav li.current_page_item > ul { display:block;}
#sideNav li.current_page_ancestor > ul { display:block;}
.input_small { width:250px !important;}
.main_country {}
#map_canvas img { max-width:none !important;}
span.wpcf7-list-item { display:block; width:47%; margin-bottom:5px;}
.contact_from p { margin-bottom:0px;margin-top:0px !important;}
.check_from td { padding-bottom:30px; display:inline;}
.foot-nav span { display:none;}

.tableInfo {
	width: 100%;
	border-top: 1px solid #ddd;
}
.tableInfo tr {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.tableInfo td {
	padding: 10px;
	border-right: 1px solid #ddd;
}



.tableHead {
	background: #e9e9e9;
}


.product-wet-wall-grid h5 { font-size: 14px; font-weight: bold;}

.heading2, .heading2 span {text-transform: none !important}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
* { box-sizing: border-box; margin:0 auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img, object, embed { max-width: 100%;}
img {margin: 0px; vertical-align: middle; border: 0;}
/* force a vertical scrollbar to prevent a jumpy page */
ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
a:focus { outline: 0px;}
a:hover, a:active { outline: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:inherit;}
del{ text-decoration: line-through;}
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; margin: 20px 0; padding: 0; }
input, select { vertical-align: middle; }
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { box-sizing: content-box; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }
table { font-size: inherit; font: 100%; }
small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* make buttons play nice in IE */
button { width: auto; overflow: visible; }


.chromeframe {position: absolute; top: 0;}
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
* html .clearfix { height: 1%;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.fleft{ float:left;}
.fright{ float:right;}
.moz-box{box-sizing: border-box;}

.m0{ margin:0px!important;}
.ml0, .first{ margin-left:0px !important;}
.mr0, .last{ margin-right:0px !important;}
.mt0{ margin-top:0px !important;}
.mb0{ margin-bottom:0px !important;}

.p0{ padding:0px!important;}
.pl0{ padding-left:0px !important;}
.pr0{ padding-right:0px !important;}
.pt0{ padding-top:0px !important;}
.pb0{ padding-bottom:0px !important;}



/*--

font-family: 'Open Sans', sans-serif;

font-family: 'Roboto Condensed', sans-serif;

--*/

* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

hr { border-top: 1px solid #e7e7e7; clear: both; margin: 20px 0; }

body { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #444444; line-height: 19px; background: #ffffff; font-weight: 400; }

a { color: #666666; text-decoration: none; outline: none; transition: all 0.2s linear; }

a:hover { color: #000000; }

p { padding-bottom: 20px; }

h1 { font-size: 36px; }

h2 { font-size: 35px; }

h3 { font-size: 16px; }

h4 { font-size: 17px; font-weight: 700; }

h5 { font-size: 12px; }

h6 { font-size: 13px; }

.text-right { text-align: right !important; }

.text-center , .login-submit , .form-submit { text-align: center !important; }

.text-left { text-align: left !important; }

.small-text { font-size: 11px; }

.medium-text { font-size: 17px; }

.big-text { font-size: 25px; }

/*--------------*/

.container { width: 960px; margin: 0 auto; }

.header { padding: 20px 0px; }

.logo { float: left; display: block; }

.top-logo { float: left; }

.top-logo img { vertical-align: top; margin-left: 30px; }

.header-right { float: right; width: 320px; }

.language-selector { color: #002787; font-size: 11px; text-align: right; margin-bottom: 15px; line-height: 11px; }

.language-selector li { display: inline-block; }

.language-selector a { color: #002787; padding: 0px 7px; border-right: 1px solid #002787; }

.language-selector li:last-child a { border-right: 0px; padding-right: 0px; }

.language-selector a:hover, .language-selector li.active a { color: #000000; }

.header-search-wrapper { position: relative; }

.txtSearch { height: 23px; width: 100%; border: 1px solid #dfe6ea; border-radius: 10px; box-shadow: inset 1px 1px 2px 0px rgba(50, 50, 50, 0.2); padding: 5px 10px; padding-right: 40px; font-size: 11px; }

.btnSearch { position: absolute; right: 0px; top: 0px; width: 30px; height: 23px; border: none; background: url("/assets/7eaaf8c1b96e9345.png") no-repeat 7px 7px; display:block; text-indent:-999999px; text-transform:uppercase; }

/*-----*/

.nav-holder {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000fe2+0,002787+100 */ background: #5E67F1; /* Old browsers */ background: -moz-linear-gradient(top, #5E67F1 0%, #002787 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5E67F1 0%, #002787 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5E67F1 0%, #002787 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
#top-nav, #top-nav ul, #top-nav ul li, #top-nav ul li a, #top-nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 500; }
#top-nav:after, #top-nav > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#top-nav #menu-button { display: none; }
#top-nav { width: auto; line-height: 1; }
#top-nav > ul > li { float: left; border-left: 1px solid #002787; border-right: 1px solid #5E67F1; }
#top-nav > ul > li:last-child { margin-right: 0px; }
#top-nav.align-center > ul { font-size: 0; text-align: center; }
#top-nav.align-center > ul > li { display: inline-block; float: none; }
#top-nav.align-center ul ul { text-align: left; }
#top-nav.align-right > ul > li { float: right; }
#top-nav.align-right ul ul { text-align: right; }
#top-nav > ul > li > a { padding: 0 15px; text-decoration: none; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: 600; border-bottom: 3px solid transparent; }
#top-nav > ul > li:hover > a, #top-nav > ul > li.active > a { color: #ffffff; border-color: #6989d7; }
#top-nav > ul > li.has-sub:hover > a::after { border-color: #009ae1; }
#top-nav > ul > li.has-sub:hover > a { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
#top-nav ul ul { position: absolute; left: -9999px; z-index: 9; }
#top-nav li:hover > ul { left: auto; }
#top-nav li:hover > ul { overflow: hidden; }
#top-nav.align-right li:hover > ul { right: 0; }
#top-nav ul ul ul { margin-left: 100%; top: 0; }
#top-nav.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#top-nav ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; }
#top-nav ul li:hover > ul > li { height: 32px; }
#top-nav ul ul li a { padding: 10px 20px; width: 190px; font-size: 12px; background: #6989d7; text-decoration: none; color: #ffffff; }
#top-nav ul ul li:hover > a, #top-nav ul ul li a:hover { color: #ffffff; background: #002787; }
#top-nav ul ul li.has-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }
#top-nav.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }
#top-nav ul ul li.has-sub:hover > a::after { border-color: #ffffff; }
 @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 #top-nav {
 width: 100%;
}

#top-nav ul {

width: 100%;

display: none;

}

#top-nav ul ul {

padding-top: 0px;

}

#top-nav.align-center > ul, #top-nav.align-right ul ul {

text-align: left;

}

#top-nav ul li, #top-nav ul ul li, #top-nav ul li:hover > ul > li {

width: 100%;

height: auto;

border-top: 1px solid #6989d7;

}

#top-nav ul li a, #top-nav ul ul li a {

width: 100%;

}

#top-nav > ul > li.has-sub:hover > a {

border-top-left-radius: 0px;

border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

}

#top-nav li:hover > ul {

border-top-left-radius: 0px;

border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

overflow: hidden;

}

#top-nav > ul > li, #top-nav.align-center > ul > li, #top-nav.align-right > ul > li {

float: none;

display: block;

}

#top-nav ul ul li a {

padding: 0px 20px 0px 30px;

font-size: 12px;

color: #ffffff;

background: none;

height: 40px;

line-height: 40px;

}

#top-nav ul ul ul li a {

padding-left: 40px;

}

#top-nav ul ul, #top-nav ul ul ul {

position: relative;

left: 0;

right: auto;

width: 100%;

margin: 0;

}

#top-nav > ul > li.has-sub > a::after, #top-nav ul ul li.has-sub > a::after {

display: none;

}

#menu-line {

display: none;

}

#top-nav #menu-button {

display: block;

padding: 0px 15px;

height: 40px;

line-height: 40px;

color: #ffffff;

cursor: pointer;

font-size: 20px;

text-transform: uppercase;

}

#top-nav #menu-button::after {

content: '';

position: absolute;

top: 14px;

right: 20px;

display: block;

width: 20px;

height: 2px;

background: #ffffff;

}

#top-nav #menu-button::before {

content: '';

position: absolute;

top: 19px;

right: 20px;

display: block;

width: 20px;

height: 3px;

border-top: 2px solid #ffffff;

border-bottom: 2px solid #ffffff;

}

#top-nav .submenu-button {

position: absolute;

z-index: 10;

right: 0;

top: 0;

display: block;

border-left: 1px solid #6989d7;

height: 35px;

width: 35px;

cursor: pointer;

}


#top-nav .submenu-button::after {

content: '';

position: absolute;

top: 13px;

left: 18px;

display: block;

width: 1px;

height: 11px;

background: #ffffff;

z-index: 99;

}

#top-nav .submenu-button::before {

content: '';

position: absolute;

left: 13px;

top: 18px;

display: block;

width: 11px;

height: 1px;

background: #ffffff;

z-index: 99;

}

#top-nav .submenu-button.submenu-opened:after {

display: none;

}

}

/*----Banner------*/

.camera_commands { display: none; }
.cameraSlide img, .imgLoaded{ width:100% !important; /*height:auto !important;*/ margin-left:0px !important}
.slideshow-desc { width: 480px; padding: 20px 30px; text-align: justify; font-size: 12px; line-height: 18px; color: #ffffff; background: rgba(0,39,135,0.8); }

.slideshow-desc h2 { font-weight: 700; font-size: 25px; margin-bottom: 8px; }

/*------*/

.bottom { background: #999999; color: #ffffff; font-size: 12px; line-height: 25px; padding-top: 30px; }

.bottom h2 { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; }

footer { border-top: 1px solid #dddddd; padding: 20px 0px; margin-top: 30px; }

.bottom a { color: #ffffff; }

.bottom a:hover { color: #000000; }

.bottom-nav { float: left; line-height: 25px; }

.bottom-nav ul { width:640px;}

.bottom-nav ul li{ float: left; width: 160px; }

.footer-contact { float: right; width: 320px; }

.footer-contact i { font-size: 15px; margin-right: 10px; }

/*---------*/

.middle-container { background: url("/assets/3db178291a237a40.jpg") repeat-x; padding: 30px 0px; }

.title1 { font-size: 25px; margin-bottom: 20px; line-height: 30px; }

.blue { color: #002581; }

/*------*/

.button { padding: 10px 30px; cursor: pointer; font-size: 14px; line-height: 14px; font-weight: 600; text-decoration: none; color: #002d68; text-transform: uppercase; display: inline-block; background: #ffffff; border: 1px solid #002d68; text-align: center; }

.btn1 { text-transform: none; padding: 8px 15px; font-size: 13px; line-height: 13px; }

.button:hover { background: #002d68; color: #ffffff; }

.btn-small { padding: 8px; text-transform: none; font-size: 11px; line-height: 11px; }

/*------*/

.home-benifits { background: url("/assets/9189530ef232294d.jpg") no-repeat top center; padding: 30px 0px; }

.home-benifits li { width: 320px; background: url("/assets/595a175b5d3fbae6.jpg") no-repeat; padding-left: 55px; font-size: 12px; line-height: 20px; padding-right: 35px; float: left; }

/*-----------*/

.inner-banner img { width: 100%; }

.inner-ontainer { padding: 30px 0px; }

/* BreadCrumbs */

.breadcrumbs { border: none; margin: 0px 0px 15px; font-size: 11px; color: #989898; padding-bottom: 5px; }

.breadcrumbs li { display: inline; }

.breadcrumbs li a { color: #989898; }

.breadcrumbs strong, .breadcrumbs li a:hover { color: #002787; font-weight: 400; }

.breadcrumbs span { padding: 0 5px 0 8px; }

.breadcrumbs ul { margin: 0; padding: 0px; display: inline-block; }

/*-------*/

.heading2 { font-size: 20px; font-weight: 400; color: #000000; border-bottom: 2px solid #002289; padding-bottom:0px; margin-bottom: 30px; position: relative; text-transform: uppercase; }

.heading2 span { color:#ffffff; padding:8px 20px; position:relative; text-transform:uppercase; background:#002289; display:inline-block; line-height: 25px; }

.heading2 strong { display: block; width: 50px; border-bottom: 1px solid #002787; position: relative; bottom: -13px; }

/*--*/

.side-bar { width: 226px; float: left; text-align: left; font-weight: bold;}

.right-col { width: 718px; float: right; }

/*-*/

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1.4; display: block; position: relative; }

#cssmenu { width: 100%; color: #454545; border-top: 1px solid #0068c4; }

#cssmenu > ul > li > a { padding: 12px 10px 12px 15px; cursor: pointer; z-index: 2; font-size: 13px; text-decoration: none; color: #000; border-bottom: 1px solid #0068c4; background: url("/assets/aeb42b78fda8b478.png") no-repeat 0px 17px; line-height: 18px; }

#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a { color: #0068c4; background: url("/assets/496a821444daf184.png") no-repeat 0px 17px; }

/*#cssmenu > ul > li.open > a {  color: #0068c4;}*/

#cssmenu > ul > li.open > a { background: url("/assets/a60320a7d219c983.png") no-repeat 0px 20px; color: #0068c4; }

#cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a { }

.holder { width: 0; height: 0; position: absolute; top: 0; right: 0; }

#cssmenu ul ul li a { cursor: pointer; padding: 12px 10px 12px 40px; z-index: 1; text-decoration: none; font-size: 13px; color: #454545; border-bottom: 1px solid #0068c4; background: url("/assets/aeb42b78fda8b478.png") no-repeat 25px 14px; }

#cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { color: #0068c4; background: url("/assets/496a821444daf184.png") no-repeat 25px 14px; }

#cssmenu ul ul li:first-child > a { }

#cssmenu ul ul ul li:first-child > a { }

#cssmenu ul ul ul li a { padding-left: 30px; }

#cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a { }

/*--*/

.right-col h3 { font-size: 25px; font-weight: 400; color: #000000; margin-bottom: 30px; }

.product-scope-grid, .product-wet-wall-grid, .benefits-grid, .projects-grid { font-size: 12px; }

.product-scope-grid li, .product-wet-wall-grid li,  .benefits-grid li, .projects-grid li { float: left; width: 226px; margin-right: 20px; height: 410px; padding-bottom: 10px; }

.product-wet-wall-grid li .grid-img{ height:305px;}
 .projects-grid li, .product-wet-wall-grid li { height: auto; text-align: center; margin-bottom: 20px; }

.benefits-grid li { height: 380px; text-align: center; margin-bottom: 20px; padding-bottom: 0px }

.product-scope-grid li:nth-child(3n+0), .product-wet-wall-grid li:nth-child(3n+0), .benefits-grid li:nth-child(3n+0), .projects-grid li:nth-child(3n+0) { margin-right: 0; }

.grid-img img { width: 100%; padding-bottom: 10px; }

.projects-grid li a span { display: block; }

.product-scope-grid li span { float: left; width: 15px; }

.product-scope-grid li p { margin-left: 15px; }

.product-wet-wall-grid li a.button { width: 100%; }

.pro-heading { display: block; height: 60px; width: 150px; margin: 0 auto; }

.benefits-grid .grid-img { border: 1px solid #dedede; margin-bottom: 10px; position: relative; transition: all 0.2s linear; }

.benefits-grid .grid-img a { position: absolute; display: block; width: 100px; height: 100px; background: rgba(0,39,135,0.8); line-height: 100px; border-radius: 50%; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; opacity: 0; }

.benefits-grid .grid-img a img { width: auto; padding: 0px; }

.benefits-grid li:hover > .grid-img { border: 1px solid #33529f; }

.benefits-grid li:hover > .grid-img a { opacity: 1; }

.news-img { float: left; border: 1px solid #dedede; }

.news-info { margin-left: 172px; }

.news-info h3 { font-size: 17px; font-weight: 600; color: #002787; letter-spacing: -.5px; margin-bottom: 0px; }

.news-info span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; padding-bottom: 10px; }

.news-list li { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #f2f2f2; }

.news-top { min-height: 81px; }

/*-------------*/

.pagination { margin-top: 20px; font-size: 11px; }

.pagination ul { display: inline-block; *display:inline;

margin-bottom: 0; margin-left: 0; }

.pagination ul>li { display: inline-block; }

.pagination ul>li>a { padding: 0px 7px; line-height: 20px; text-decoration: none; background-color: #ffffff; border-radius: 3px; color: #959595; display: block; }

.pagination ul>li>a:hover, .pagination ul>.active>a { background-color: #4d4d4d; color: #ffffff; }

.pagination i { font-size: 15px; line-height: 15px; }

.pagination ul>li:first-child { margin-left: 0px; }

.pagination ul>li:last-child { margin-right: 0px; }

.pagination-centered { text-align: center }

.pagination-right { text-align: right }



.projects-grid li { position: relative; padding-bottom: 0px; overflow: hidden; min-height:190px; }

.projects-grid .grid-img img { padding-bottom: 0px; }

.project-info { display: table-cell; width: 226px; height:70px; background: rgba(68,68,68,0.8); color: #ffffff !important;  vertical-align:middle; text-align:center;  transition: all 0.35s linear;}

.mask { position: absolute;  left: 0; bottom:0; z-index: 1; color: #ffffff !important; vertical-align:middle; width:100%;}

.projects-grid li:hover > .mask {}

.projects-grid li:hover > .mask .project-info {height:150px;background: rgba(60,39,135,0.8);}



.title2 { font-size: 20px; font-weight: 700; margin-bottom: 20px; }

.video-grid li { width: 328px; float: left; margin-right: 30px; margin-bottom: 30px; text-align: center; font-size: 13px; font-weight: 600; }

.video-grid li:nth-child(2n+0) { margin-right: 0px; }

.video-grid .grid-img { position: relative; border: 1px solid #dedede; margin-bottom: 15px; }

.video-grid .grid-img img { padding-bottom: 0px; }

.play-button { position: absolute; width: 45px; height: 45px; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; text-align: center; border: 1px solid #ffffff; border-radius: 50%; color: #ffffff !important; line-height: 42px; font-size: 25px; }

.play-button i { margin-left: 4px; }

.form-holder { background: #f5f8ff; padding: 30px; font-size: 12px; }

.form-half { width: 48%; }

.form-holder label { display: block; cursor: text; float: left; width: 115px; line-height: 18px; padding-top: 5px; }

.control { margin-left: 120px; padding-bottom: 0px; }

.form-holder li { margin-bottom: 10px; }

.form-holder input[type="text"],.form-holder input[type="email"],.form-holder input[type="tel"], .form-holder select, .form-holder textarea { width: 100%; height: 30px; border: 1px solid #dedede; transition: all 0.2s linear; padding: 5px; background: #ffffff; border-radius: 3px; font-size: 12px; color: #8f8f8f; font-family: 'Open Sans', sans-serif; }

.form-holder input[type="text"]:focus,.form-holder input[type="email"]:focus,.form-holder input[type="tel"]:focus, .form-holder select:focus, .form-holder textarea:focus { border: 1px solid #002787; }

.form-holder textarea { height: 120px; resize: none; }

.big-field label { width: 300px; }

.big-field li { margin-bottom: 20px; }

.big-field .control { margin-left: 340px; }

.big-field input[type="text"] { height: 60px; }

.contact-list { font-size: 13px; line-height: 19px; width: 520px; padding-bottom: 15px; }

.contact-list h4 { font-size: 12px; margin-bottom: 5px; }

.contact-list h3 { margin-bottom: 7px; font-size: 19px; color: #002787; font-weight: 700; line-height: 20px; }

.contact-list strong { float: left; color: #002787; width: 82px; }

.contact-list strong span { float: right; }

.contact-list i { width: 20px; margin-right: 10px; }

.contact-list p { margin-left: 87px; padding-bottom: 3px; }

.contact-box .contact-list { width: 260px; margin-right: 70px; }

.thankyou { width: 618px; height: 341px; padding: 60px; text-align: center; font-size: 12px; background: url("/assets/c8b236cdea40f60c.jpg") no-repeat; }

.thankyou .contact-list { margin-bottom: 0px; text-align: left; width: 235px; margin: 0 auto; font-size: 12px; padding-bottom: 0px; }

.thankyou h2 { font-size: 25px; }

.thankyou .contact-list strong { width: 67px; }

.thankyou .contact-list p { margin-left: 72px; }

.faq-que { display: block; }

.acc_trigger { background: #efefef; background-image: url("/assets/efdd9d8f39077b79.png"); background-repeat: no-repeat; background-position: right 17px; font-size: 16px !important; font-weight: bold !important; line-height: 30px; margin-bottom: 6px !important; cursor: pointer; text-transform: none !important; padding: 10px 35px 10px 35px }

.acc_trigger:hover { background: #2559d9; background-image: url("/assets/789059b7deeab43e.png"); background-repeat: no-repeat; background-position: right 17px; }

.acc_trigger:hover > a { color: #ffffff; }

.acc_trigger a { color: #444444; display:block;}

.acc_trigger.active { background: #2559d9; background-image: url("/assets/0ee78c72b70b6a50.png"); color: #ffffff; background-repeat: no-repeat; background-position: right 17px; }

.acc_trigger.active a { color: #ffffff; }

.acc_container { padding-bottom: 27px; padding-top: 15px; }

.acc_container h4 { font-size: 13px; }

.faq-box .acc_container li { margin-bottom: 20px; }

.faq-box .acc_trigger { border-radius: 3px; padding: 1px 35px 1px 20px; background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #dedede)); background: -webkit-linear-gradient(top, #f0f0f0 0%, #dedede 100%); background: -o-linear-gradient(top, #f0f0f0 0%, #dedede 100%); background: -ms-linear-gradient(top, #f0f0f0 0%, #dedede 100%); background: linear-gradient(to bottom, #f0f0f0 0%, #dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dedede', GradientType=0 );

border: 1px solid #dedede; line-height:29px;}

.faq-box .acc_trigger.active, .faq-box .acc_trigger:hover:hover { border-color: #002787; background: #0034b2; background: -moz-linear-gradient(top, #0034b2 0%, #002789 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0034b2), color-stop(100%, #002789)); background: -webkit-linear-gradient(top, #0034b2 0%, #002789 100%); background: -o-linear-gradient(top, #0034b2 0%, #002789 100%); background: -ms-linear-gradient(top, #0034b2 0%, #002789 100%); background: linear-gradient(to bottom, #0034b2 0%, #002789 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0034b2', endColorstr='#002789', GradientType=0 );}

.faq-box .acc_trigger a span.tarrow{ float:right; display:block; width:7px; height:7px; background-image:url("/assets/03aa79e49708b157.png"); background-position: -38px -5px !important; margin-top:11px;margin-right: -15px;}

.faq-box .acc_trigger:hover > a span.tarrow{background-position: -46px -5px !important;}

.faq-box .acc_trigger.active > a span.tarrow{background-position: -69px -5px !important;}
.form-half2{ float:none !important; margin:0px auto; width:60%;}
.form-half2 label{ width:130px !important;}
.form-half2 .control { margin-left: 130px !important;}
.hidden-content {display:none; padding-top:20px;}
.expanded-header{ border-color:#666666; background-color:#666666; color:#ffffff;}
.common-ul{padding-bottom:10px; margin-left:30px;}
.common-ul li{ padding-left:15px;background-image: url("/assets/8bdd2c46894c29ae.jpg"); background-repeat: no-repeat; padding-bottom:8px; background-position: left 7px;}

.middle-container .click-header.expanded-header{ background:none;}

.middle-container .click-header.expanded-header span.button.btn-bdr{background-color: #666666!important; border-color: #666666; color: #ffffff;}

.page-restrict-output { }
.page-restrict-inner { width: 45%; display:block; position:relative; }
.page-restrict-inner h4 { margin-bottom:25px; font-size:13px; }
.page-restrict-inner .fhead { position:relative; display:block; font-size:18px; margin:-37px 0px 15px; font-size:18px; font-weight:bold; }

.enq-form { background: #e6e6e6; padding: 25px; font-size: 12px; border-radius:15px; min-height:375px; border:1px solid #dddddd; position:relative; }
.fform:before { position:absolute; top:0px; right:-35px; display:block; content:""; width:30px; height:100%; border-right:1px solid #dddddd; overflow:hidden; text-align:center; vertical-align:middle; }
.fform:after { position:absolute; top:50%; right:-50px; display:block; content:"OR"; width:30px; overflow:hidden; text-align:center; vertical-align:middle; font-size:13px; font-weight:bold; background:#ffffff; }

.page-restrict-output label { display: block; cursor: text; line-height: 18px; padding:0px 0px 5px; width:100% !important; }
.page-restrict-output input[type="text"],.page-restrict-output input[type="email"],.page-restrict-output input[type="tel"], .page-restrict-output select, .page-restrict-output textarea, .wppb-form-field input,
.wppb-form-field input[type="text"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="password"], .wppb-form-field input[type="search"],
.wppb-form-field select,
.wppb-form-field textarea,
.wppb-checkboxes,
.wppb-radios,
#wppb-login-wrap .login-username input,
#wppb-login-wrap .login-password input { width: 100% !important; height: 30px; border: 1px solid #dedede; transition: all 0.2s linear; padding: 5px; background: #ffffff; border-radius: 3px; font-size: 12px; color: #8f8f8f; font-family: 'Open Sans', sans-serif; }

.page-restrict-output #wppb-submit , .page-restrict-output #register {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000fe2+0,002787+100 */ background: #5E67F1; /* Old browsers */ background: -moz-linear-gradient(top, #5E67F1 0%, #002787 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5E67F1 0%, #002787 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5E67F1 0%, #002787 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 10px 30px; cursor: pointer; font-size: 14px; line-height: 14px; font-weight: 600; text-decoration: none; color: #ffffff; text-transform: uppercase; display: inline-block; border:none; text-align: center; }
#wppb-submit:hover , #register:hover { background: #002d68; color: #ffffff; }
@font-face {
  font-family: 'jcon-font';
  
  src: url("/assets/f62cb3a207109c31.woff") format('woff'),
       url("/assets/0ce8f215189457cb.ttf") format('truetype'),
       url("/assets/0514933749c97000.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="jcon-"]:before, [class*=" jcon-"]:before {
  font-family: "jcon-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  /*width: 1em;*/
  /*margin-right: .2em;*/
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.jcon-right-dir:before { content: '\e800'; } /* '' */
.jcon-email:before { content: '\e801'; } /* '' */
.jcon-phone:before { content: '\e802'; } /* '' */
.jcon-search:before { content: '\e803'; } /* '' */
.jcon-print-1:before { content: '\e804'; } /* '' */
.jcon-down-dir:before { content: '\e805'; } /* '' */
.jcon-home:before { content: '\e806'; } /* '' */
.jcon-fax:before { content: '\e807'; } /* '' */
.jcon-mail-alt:before { content: '\e808'; } /* '' */
.jcon-angle-right:before { content: '\e809'; } /* '' */
.jcon-angle-down:before { content: '\e80a'; } /* '' */
.jcon-angle-left:before { content: '\e80b'; } /* '' */
@media only screen and (max-width: 1024px) {



}

@media only screen and (max-width: 980px){



}

@media only screen and (max-width: 900px) {

.container{ width:98%;}

#top-nav > ul > li {}
#top-nav > ul > li > a {
    padding: 0 7px;}
.header-right{width: 270px;}

.home-benifits li{ width:33%;}

.side-bar{ width:100%; margin-bottom:30px;}

.right-col{ width:100%;}

.footer-contact{ width:100%; float:left; padding-top:20px;}

.bottom-nav, .contact-list { width:100%;}

.bottom-nav ul { width: 25%;}

}

@media only screen and (max-width: 800px) {

.container{ width:90%;}

.nav-holder{ width:100%;margin-top: 0px;}

#menu-button{}

#top-nav > ul > li > a { padding: 0 20px;}

#top-nav ul{ position:absolute; z-index:9999;background: #002787;}

#top-nav ul ul{ border:0px;}

#top-nav > ul > li{ margin:0px;}

#top-nav > ul > li > a { border-radius:0px; height: 35px; line-height: 35px; color:#ffffff;}

#top-nav > ul > li:hover > a, #top-nav > ul > li.active > a {border-color: rgba(0, 0, 0, 0); background:#6989d7;}

#top-nav ul ul li a { padding:0 40px;}

#top-nav ul ul li a:hover { color: #ffffff; background: #6989d7 !important; }
.form-half2{ width:80%;}
}

@media only screen and (max-width: 768px) {

.home-benifits li {  width: 100%; padding-bottom:20px;}

.product-scope-grid li:nth-child(3n+0), .product-wet-wall-grid li:nth-child(3n+0), .benefits-grid li:nth-child(3n+0), .projects-grid li:nth-child(3n+0){ margin-right: 20px;}

}

@media only screen and (max-width: 720px) {

.video-grid li{ margin-right:0px !important; width:100%;}

}

@media only screen and (max-width: 640px) {

.logo, .top-logo{ width:100%; text-align:center;padding-bottom:20px;}

.header-right, .form-half { width:100%;}

.page-restrict-inner { width:100%; margin-bottom:30px; }
.enq-form { min-height:auto; }
.fform:before, .fform:before { display:none; }

.header .container{ position:relative;}

.language-selector{ position:absolute; top:0; right:0;}

.big-field label { width:100%; padding-bottom:10px;}

.big-field .control { margin-left: 0px;}

.thankyou{ width:100%; height:auto; background-size:100%; padding:50px;}

}

@media only screen and (max-width: 600px) {

.bottom-nav ul { width:50%;}

.slideshow-desc h2 {font-size: 18px;margin-bottom: 8px;}

.slideshow-desc, .camera_caption > div { width:100% !important;}

.thankyou { padding:40px;}
.camera_wrap{ height:315px !important;}
}

@media only screen and (max-width: 568px) {

.thankyou { padding: 32px;}
.camera_wrap{ height:321px !important;}
.slideshow-desc, .camera_caption > div{ min-height: 120px !important;}
}

@media only screen and (max-width: 480px) {

.product-scope-grid li, .product-scope-grid li:nth-child(3n+0), .product-wet-wall-grid li, .product-wet-wall-grid li:nth-child(3n+0), .benefits-grid li, .benefits-grid li:nth-child(3n+0), .projects-grid li, .projects-grid li:nth-child(3n+0) { margin-right: 0px; height:auto; float:none; display:inline-block;}
.product-wet-wall-grid, .product-wet-wall-grid, .projects-grid, .benefits-grid { text-align:center;}
.pro-heading{ width:100%; height:auto;}

.news-img, .news-img img, .news-info{ width:100%;}

.news-info{ float:left; margin-left:0px; padding-top:10px;}

.news-top { min-height:inherit;}

.inner-banner img { height:100px;}

.form-holder label, .form-half2 label{ width:100% !important; padding-bottom:10px;}

.control, .form-half2 .control{ margin-left:0px !important;}

.thankyou p{ padding-bottom:15px;}

.thankyou .contact-list p {margin-left: 72px;padding-bottom:0px;}

.thankyou { padding: 20px;}

.project-info{ width:432px;}

.projects-grid li:hover > .mask .project-info {height:286px;}
.product-wet-wall-grid li .grid-img {   height: auto;}
.camera_wrap{ height:290px !important;}
.imgLoaded{ height:auto !important;}
}

@media only screen and (max-width: 479px){

.language-selector{ width:100%; text-align:center; position:static;}

.top-logo img:first-child{ margin-bottom:20px;}

.bottom-nav ul { width:100%;}

.thankyou { padding:20px 10px; width:100%; background-image:none; background-color:#f2f2f2;}

.projects-grid li:hover > .mask .project-info {height:215px;}
.camera_wrap { height: 265px !important;}
.slideshow-desc, .camera_caption > div{ min-height: 138px !important;}
}

@media only screen and (max-width: 359px){

.projects-grid li:hover > .mask .project-info {height:191px;}
.camera_wrap { height: 269px !important;}
.slideshow-desc, .camera_caption > div{ min-height: 156px !important;}
}