*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

iframe[name=google_conversion_frame] {
	bottom: -100px; position: absolute; 
}
body {
	font-family: Verdana, Geneva, Tahoma, sans-serif !important; background-color: #ffffff;
}

#info
{
	display: none; visibility: hidden; height: 0px
}
.checkit {color: red}
.hideme{display: none; visibility: hidden; height: 0px}	
#requestSP{display: none; visibility: hidden; height: 0px}	
.shareSpace{display: flex; justify-content:space-between;}
#panelBTNS ul{width: 100%; padding: 0px;position: absolute;left: 0px}
#panelBTNS li.registerButton{
	position: absolute;
	left: 0px;
	margin-right: auto;
	color:#000;
	text-decoration:none;
	transition: background-color 0.5s ease;				  	
	background-color: #e2d249;
	text-shadow:none;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	width: auto;
	padding: 5px;
	margin-left: 0px;
	text-align:center;
	list-style:none;
	height: auto;
	font-weight:bold;
	vertical-align:middle;
    border: 2px solid #ddd;
    border-radius: 4px;
	
}
#panelBTNS li.submitButton{
	position: absolute;
	left: 1%;
	margin-right: auto;
	color:#000;
	text-decoration:none;
	transition: background-color 0.5s ease;				  	
	background-color: #e2d249;
	text-shadow:none;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	width: auto;
	padding: 5px;
	margin-left: 0px;
	text-align:center;
	list-style:none;
	height: auto;
	font-weight:bold;
	vertical-align:middle;
    border: 2px solid #ddd;
    border-radius: 4px;
}

#panelBTNS li.submitButton:hover{
    border: 2px solid #ddd;
    border-radius: 4px;
    padding: 5px;
	background-color: #000000;			    
	transition: background-color 0.5s ease;				  	
	color: #fff;
	cursor:  pointer;
	margin-left: 0px	
}

#panelBTNS li.buttonFonts {
	color:#000;
	text-decoration:none;
	transition: background-color 0.5s ease;				  	
	background-color: #e2d249;
	text-shadow:none;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	width: 20%;
	float:right;
	padding: 5%;
	margin-left: 10px;
	text-align:center;
	list-style:none;
	height: 14%;
	font-weight:bold;
	vertical-align:middle;
    border: 2px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}
#panelBTNS li.requestBTNS{
	color:#000;
	text-decoration:none;
	transition: background-color 0.5s ease;				  	
	background-color: #e2d249;
	text-shadow:none;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	width: auto;
	float:right;
	padding: 5%;
	margin-left: 10px;
	text-align:center;
	list-style:none;
	height: 14%;
	font-weight:bold;
	vertical-align:middle;
    border: 2px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

#panelBTNS li.registerButton:hover{
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
	background-color: #000000;			    
	transition: background-color 0.5s ease;				  	
	color: #fff;
	cursor:  pointer;	
}

#panelBTNS li.buttonFonts:hover{
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
	background-color: #000000;			    
	transition: background-color 0.5s ease;				  	
	color: #fff;
	cursor:  pointer;	
}

#panelBTNS li.requestBTNS:hover{
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
	background-color: #000000;			    
	transition: background-color 0.5s ease;				  	
	color: #fff;
	cursor:  pointer;	
}
.requestBTNS	
{
	color: #000000;
	font-weight: bold;
	font-size:0.7vw;
	text-decoration:none;
	cursor:  pointer;	
	margin-bottom: 5%;
}
.requestBTNS:hover{
	color: #ffffff;
	font-weight: bold;
	font-size:0.7vw;
	text-decoration:none;
	cursor:  pointer;
}
.registerButton	
{
	color: #000000;
	font-weight: bold;
	font-size:0.7vw;
	text-decoration:none;
	cursor:  pointer;	
	margin-bottom: 5%;
}
.registerButton:hover{
	color: #ffffff;
	font-weight: bold;
	font-size:0.7vw;
	text-decoration:none;
	cursor:  pointer;
}
.submitButton	
{
	color: #000000;
	font-weight: bold;
	font-size:0.7vw;
	text-decoration:none;
	cursor:  pointer;	
	margin-bottom: 5%;
}
.submitButton:hover{
	color: #ffffff;
	font-weight: bold;
	font-size:0.7vw;
	text-decoration:none;
	cursor:  pointer;
}
			
.buttonFonts{
	color: #000000;
	font-weight: bold;
	font-size:0.7vw;
	text-decoration:none;
	cursor:  pointer;	
	margin-bottom: 5%;
}
.buttonFonts:hover{
	color: #ffffff;
	font-weight: bold;
	font-size:0.7vw;
	text-decoration:none;
	cursor:  pointer;

}
#lprocontainer {
	width: 100%;
	border: 2px;
	border-style:solid;
	border-color: #000;
	font-weight: bold;
	font-size:0.8vw;
	text-decoration:none;
	font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif !important;
	position: relative;
	float:left;
	margin-bottom: 0px;
	margin-top: 0px;
}

#jleft_colh {
	float: left;
	width: 30%;
	text-align:	center;
	border-bottom: 1px;
	border-bottom-style: solid; 
	border-right: 1px;
	border-right-style: solid; 
}


#jright_colh {
	margin-right: 0px;
	margin-left: 30%;
	padding-left: 2%;
	border-bottom: 1px;
	border-bottom-style: solid; 
	border-color: #000;
}

#jleft_col {
	float: left;
	width: 30%;
	text-align:	center;
	border-right: 1px;
	border-right-style: solid; 
	border-color: #000;
	
}


#jright_col {
	margin-right: 0px;
	margin-left: 30%;
	padding-left: 2%;
}

#warningUSR {
	position: relative;
	top: 5%;
}
#warningUSR p {
	color: #000000;
	font-weight:  normal;
	font-size: 0.8vw;
	text-decoration: none;
	font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif !important;
}
/*			
.style-1 input[type="text"] {
  width: 90%;
  padding: 6px;
  margin: 3px;
  border: solid 1px gainsboro;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1 input[type="text"]:focus, .style-1 input[type="text"].focus {
  border: solid 1px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696;
}*/

header.menu .nav {
	font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif !important;
}
section .page-title {
	font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif !important; font-size: 0.5vw
}
.pagetitle {
	font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif !important;
}
header.menu .nav li a::before {
	background: rgb(232, 204, 15) !important; color: rgb(255, 222, 0) !important;
}
header.menu .nav li a::after {
	background: rgb(232, 204, 15) !important; color: rgb(255, 222, 0) !important;
}
header.menu .nav li.active > a {
	color: rgb(255, 222, 0) !important;
}
.clstext {
	line-height: 1.3em; font-size: 1.3em; font-weight: 400;
}
.style_1.page-title::before {
	border-right-color: rgb(253, 226, 44) !important; border-right-width: 1px !important; border-right-style: solid !important;
}
.style_1.pagetitle::before {
	border-right-color: rgb(253, 226, 44) !important; border-right-width: 1px !important; border-right-style: solid !important;
}
.page-title {
	color: rgb(0, 0, 0) !important; font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif !important; font-size: 3.8vw !important; font-weight: 700 !important;
}
.clsAbt {
	text-align: center !important; color: rgb(51, 51, 51) !important; line-height: 1.4em !important; padding-top: 10px !important; font-size: 1em !important;
}

.clsabtdiv {
	text-align: justify !important; float:left; padding-left: 4%; width: 24%; color: #000000; padding-top: 3% !important;  
}
.clsabtdivfull {
	text-align: justify !important; float:left; padding-left: 4%; width: 90%; color: #000000; padding-top: 0px !important;  
}

.clsabtdivtaekiul {
	line-height: 1.4em !important; text-align: left !important; float:left; padding: 10px !important; font-size: 0.9vw; width: 100%; color: #000000; margin-top: 20px; 
}

.clsabtdivtaeki1 {
	text-align:  center !important; float:left; padding: 10px !important; font-size: 0.9vw; width: 100%; background-color: #000000; color: #ffffff; line-height: 2.0em !important;
}
.clsabtdivtaeki2 {
	text-align:  center !important; float:left; padding: 10px !important; font-size: 0.9vw; width: 100%; background-color: #f7931d; color: #ffffff; line-height: 2.0em !important;
}
.clsabtdivtaeki3 {
	text-align:  center !important; float:left; padding: 10px !important; font-size: 0.9vw; width: 100%; background-color: #a46f2e; color: #ffffff; line-height: 2.0em !important;
}
.clsabtdivtaeki1 h11{
	font-size: 1.2vw; font-weight: bolder; line-height: 1.5em !important;
}
.clsabtdivtaeki2 h11{
	font-size: 1.2vw; font-weight: bolder; line-height: 1.5em !important;
}
.clsabtdivtaeki3 h11{
	font-size: 1.2vw; font-weight: bolder; line-height: 1.5em !important;
}

.clsAbtfull{
	color: rgb(51, 51, 51) !important; font-weight: normal; float:left; font-size: 1.0vw; text-align:justify;
}
.clsAbtleft{
	color: rgb(51, 51, 51) !important; font-weight: normal; float:left; font-size: 1.0vw
}
.clsabtdiv .sml{
	text-align: left !important; color: rgb(255, 255, 255) !important; line-height: 1.4em !important; margin-top: 8px !important; font-size: 1.2vw; padding: 2% 2%; font-weight:bold; float:left; background-color: #000000; margin-right: 8px;
}
.clsAbtleft .med{
	text-align: justify !important; color: rgb(255, 255, 255) !important; line-height: 1.4em !important; margin-top: 2px !important; margin-right: 10px !important; font-size: 1.2vw; width: 43%; padding: 5% 3%; font-weight:bold; float:left; background-color: #000000
}
.clsAbtleft .lrg{
	text-align: justify !important; color: rgb(255, 255, 255) !important; line-height: 1.2em !important; margin-top: 2px !important; margin-right: 10px !important; font-size: 1.2vw; padding: 4% 3%; font-weight:bold; float:left; background-color: #000000
}
.clsSerleft{
	text-align: left !important; color: rgb(255, 255, 255) !important; line-height: 1.2em !important; margin-top: 6px !important; font-size: 1.0vw; width: 100%; padding: 10% 10%; font-weight: normal; 
}

.clsAbt1 {
	text-align: center !important; color: rgb(51, 51, 51) !important; line-height: 1.4em !important; padding-top: 10px !important; font-size: 1em !important;
}
.clsAbt2 {
	text-align: center !important; color: rgb(51, 51, 51) !important; line-height: 1.4em !important; padding-top: 10px !important; font-size: 1em !important;
}
.clsAbt1 {
	font-style: italic !important; font-weight: 700 !important;
}
.clsAbt2 {
	color: rgb(206, 23, 51) !important; font-size: 1.5em !important; font-weight: 700 !important;
}
.clsexpertise .page-title {
	color: rgb(255, 255, 255) !important; margin-top: 0px;
}
.clsprocess .page-title {
	color: rgb(255, 255, 255) !important; margin-top: 0px;
}
#insights .page-title {
	color: rgb(255, 255, 255) !important; margin-top: 0px;
}
.pt_text_belief {
	color: rgb(255, 255, 255); line-height: 1.3em !important; font-size: 1.9vw; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right:auto; width: 37%; font-style:italic; margin-left: 33%; margin-right:33%
}
.clsexpertise .pt_text_shortcode {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.3em !important; font-size: 0.9em; margin-top: 0px; margin-bottom: 0px;
}
.clsprocess .pt_text_shortcode {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.3em !important; font-size: 0.9em; margin-top: 0px; margin-bottom: 0px;
}
#services .pt_text_shortcode p {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.3em !important; font-size: 0.3em; margin-top: 0px; margin-bottom: 0px;
}
#products .pt_text_shortcode p {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.3em !important; font-size: 0.3em; margin-top: 0px; margin-bottom: 0px;
}
#insights .pt_text_shortcode {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.3em !important; font-size: 0.9em; margin-top: 0px; margin-bottom: 0px;
}
#services .pt_text_shortcode p {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.3em !important; font-size: 0.9em; margin-top: 0px; margin-bottom: 0px;
}
#services .pt_text_belief p {
	text-align: justify;
}
#contact-us .pt_text_shortcode p {
	color: rgb(51, 51, 51); line-height: 1.5em; text-align: center; font-size: 0.9vw; 
}
.cover {
	background-position: top;
}
.clsprocess {
	border-bottom-color: rgb(237, 26, 58); border-bottom-width: 4px; border-bottom-style: solid;
}
#services .page-title {
	color: rgb(255, 255, 255) !important;
}
#clients .page-title {
	color: rgb(255, 255, 255) !important;
}
#services .pt_text_shortcode {
	text-align: center; line-height: 1vw; font-size: 1.5vw;
}
#about-us .pt_text_shortcode {
	text-align: center; line-height: 1vw; font-size: 1.5vw;
}
#products .pt_text_shortcode {
	text-align: center; line-height: 1vw; font-size: 0.5vw;
}
#clients .pt_text_shortcode {
	text-align: center; line-height: 1vw; font-size: 0.9vw;
}
.pt_button {
	border-radius: 0px !important;
}
.portfolio-header h1 {
	text-transform: uppercase; font-size: 30px !important;
}
.clsportfolio p {
	line-height: 20px; font-size: 14px;
}
section.portfolio-page .portfolio-active-category {
	background-color: rgb(253, 185, 19) !important; color: #000; margin-top: 10%;
}
section.portfolio-page .portfolio-active-category:hover i {
	background-color: rgb(253, 185, 19) !important;
}
section.portfolio-page .active.portfolio-active-category i {
	background-color: rgb(253, 185, 19) !important;
}

section #products .portfolio-active-category {
	background-color: rgb(253, 185, 19) !important; color: #000; margin-top: 10%;
}
section #products .portfolio-active-category:hover i {
	background-color: rgb(253, 185, 19) !important;
}
section #products .active.portfolio-active-category i {
	background-color: rgb(253, 185, 19) !important;
}

/*2nd*/
section.portfolio-page .portfolio-active-category2 {
	background-color: rgb(253, 185, 19) !important; color: #000; margin-top: 10%;
}
section.portfolio-page .portfolio-active-category2:hover i {
	background-color: rgb(253, 185, 19) !important;
}
section.portfolio-page .active.portfolio-active-category2 i {
	background-color: rgb(253, 185, 19) !important;
}

section #products .portfolio-active-category2 {
	background-color: rgb(253, 185, 19) !important; color: #000; margin-top: 10%;
}
section #products .portfolio-active-category2:hover i {
	background-color: rgb(253, 185, 19) !important;
}
section #products .active.portfolio-active-category2 i {
	background-color: rgb(253, 185, 19) !important;
}




/* filter menu backgroun on active  */
section.portfolio-page .portfolio-categories {
/*	background-color: rgb(13, 13, 13) !important; */
	background-color: rgba(13, 13, 13, 0.9) !important; 
}
section.portfolio-page .portfolio-active-category i {
	background-color: rgb(253, 185, 19) !important;
}

section.portfolio-page .portfolio-categories2 {
/*	background-color: rgb(13, 13, 13) !important; */
	background-color: rgba(13, 13, 13, 0.9) !important; 
}
section.portfolio-page .portfolio-active-category2 i {
	background-color: rgb(253, 185, 19) !important;
}





.clswebsite {
	padding: 0px !important; display: inline-block;
}
.clswebsite1 {
	padding: 0px !important; display: inline-block;
}
.clswebsite1.counter p {
	font-size: 18px; opacity: 1 !important; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1;
}
.clswebsite1 .counter-text {
	float: right;
}
.clswebsite1.counter i {
	display: none;
}
header.nav2.menu .nav.navbar-nav li a::after {
	font-size: 0px !important;
}
.clsService {
	margin-top: 6%;
}
#services .page-title {
	margin-top: 10% !important; margin-bottom: 38px !important;
}
.clsJoin .h3 {
	margin: 0px; padding: 3% 0px 7%; color: rgb(232, 204, 15);
}
.clsJoin {
	padding: 5% 9%; color: rgb(51, 51, 51); line-height: 1.39em; font-size: 0.9em;
}
.clsJoin a {
	background: rgb(232, 204, 15); margin: 0px 17%; padding: 3% 4%; border-radius: 4px; text-align: center; color: rgb(255, 255, 255) !important; text-decoration: none !important; display: inline-block;
}
#insights .clsCount .vc_span4 {
	border: 3px solid rgb(255, 255, 255); border-image: url('themestyle.css') none;
}
#insights .clsCitem {
	margin: 0px 2%; padding: 2% 1%; width: 29%; height: 160px;
}
#insights .clsCitem .wpb_single_image {
	margin-right: 5%; float: left;
}
.clsFootic {
	margin: 0px 4%; padding: 2% 0px 0px; border: 3px solid rgb(153, 153, 153); border-image: url('themestyle.css') none; width: 30% !important; height: auto;background-color: #fff;
}
#contact-us .clsTit {
	margin: 0px !important; color: rgb(232, 204, 15) !important; font-size: 1vw !important; padding-bottom: 2%;
}
#contact-us .clsTit2 {
	margin: 0px !important; color: rgb(232, 204, 15) !important; font-size: 1em !important; padding-top: 5%;
}
#contact-us .clsTit2 a{
	margin: 0px !important; color: rgb(232, 204, 15) !important; font-size: 0.9vw !important;
}
#contact-us .clsadd {
	line-height: 1vw !important; margin-top: 5% !important;font-size: 1vw !important;
}
#contact-us .pt-icon-wrapper {
	margin: 0px !important;
}
#contact-us .clsadd a {
	text-decoration: none !important; border-bottom-color: currentColor !important; border-bottom-width: medium !important; border-bottom-style: none !important;
}
#contact-us .clsfoot p {
	color: rgb(153, 153, 153) !important; line-height: 6em !important; font-size: 1em !important;
}
#contact-us .clsfoot {
	border-bottom-color: rgb(232, 204, 15); border-bottom-width: 5px; border-bottom-style: solid; 
}
#contact-us .content {
	padding-bottom: 0px !important;
}
#contact-us .page-title {
	padding-bottom: 2% !important;
}
#contact-us .pt_social_icons a {
	margin: 0px 0.7%;
}
#team .clsJoin p {
	text-align: left !important;
}
#team .pt_text_shortcode p {
	margin: 40px 0px 0px; color: rgb(51, 51, 51); line-height: 0.9em; font-size: 0.9vw;
}
#team .pt_text_shortcode p.page-title {
	margin-top: 0px !important;
}
#clients .pt_text_shortcode p.page-title {
	margin-top: 0px !important;
}
#insights .pt_text_shortcode p.page-title {
	margin-top: 0px !important;
}
#contact-us .pt_text_shortcode p {
	margin-top: -10px !important;
}
#team .clsTeam {
	margin-top: 6%;
}
#clients .pt_text_shortcode p {
	margin: 40px 0px 0px; line-height: 1.5em; font-size: 0.9vw;
}
#insights .pt_text_shortcode p {
	margin: 40px 0px 0px; line-height: 1.5em; font-size: 1em;
}
#contact-us .pt_text_shortcode p {
	margin: 0px 0px 0px 0px; line-height: 1.5em; font-size: 0.9vw;
}
section.single.blog a {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#insights .clsCitem .wpb_single_image {
	width: 45%;
}
.counter {
	width: 50%; font-size: 41px !important;
}
.counter .counter-text {
	width: 100%;
}
.wpb_row .vc_span3 {
	padding: 0px; position: relative; min-height: 1px;
}
.clsJoin {
	background: url("../../lomo/dromex_inc/bgjoin.jpg") no-repeat center; padding: 20% 16%; width: 100%; min-height: 357px;
}
.clsJoin a {
	margin: 10% 7% 0px;
}
#team .clsTeam {
	margin: 0%;
}

/* White Box Contact us */
.clsHome h1.op100 {
	margin: 2% 0px; color: rgb(255, 255, 255) !important; padding-bottom: 1%; font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif; font-size: 4em !important; font-weight: 700 !important;
}
.clsHome div.op100 {
	font-size: 1.3em;
}
.page-title {
	text-align: center; color: rgb(85, 85, 85); line-height: 60px; font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif;font-size: 1.5vw; font-style: normal; margin-top: 0px !important; margin-bottom: 20px;
}
.pagetitle {
	text-align: center; color: rgb(85, 85, 85); line-height: 60px; font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif;font-size: 1.5vw; font-style: normal; margin-top: 0px !important; margin-bottom: 20px;
}
/*shortcut menu */

header.nav2.menu {
	background: 0px 0px rgba(0, 0, 0, 0.9); padding: 2% 0px; left: 0px; width: 100%; margin-left: 0px;   box-shadow: 3px 3px 0 rgba(0,0,0,0.2);

}
.header-shrink {
	height: 40px;
}
header.nav2.menu:hover {
	background: 0px 0px rgb(0, 0, 0); color: 0px 0px rgb(0, 0, 0);
}
header.fixed.menu {
	box-shadow: none;
}
header.nav2.menu .nav.navbar-nav li a {
	text-transform: lowercase !important;
}
/* Topmenu */
header.nav2.menu .navbar-nav {
	height: 100%; padding-top: 0px; float: right; display: block;
}
header.nav2.menu .nav.navbar-nav li a {
	margin: 0px 13px; transition:0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); line-height: 30px;
}
header.menu .nav li a {
	line-height: 80% !important;
}
.menu-desktop .navbar-nav li {
	display: inline-block; box-shadow: 0px 0px 1px rgba(0,0,0,0); transform: translateZ(0px); transition-property: transform; transition-duration: 0.3s;
}
.menu-desktop .navbar-nav li:hover {
	transform: translateY(5px);
}
.menu-desktop .navbar-nav li:focus {
	transform: translateY(5px);
}
.menu-desktop .navbar-nav li:active {
	transform: translateY(5px);
}
header.menu .nav li a:hover {
	color: rgb(232, 0, 4) !important;
}
header.nav2.menu .nav.navbar-nav li a::before {
	height: 0px !important;
}
#contact-us .pt_text_shortcode p.clsPh {
	padding-top: 0px; font-size: 0.9vw !important; display: block;
}
.clsVisit.clsFootic a {
	border-image: url('themestyle.css') none; left: 0px; width: 25%; text-align: center; bottom: -36px; color: rgb(232, 204, 15) !important; font-size: 17px;
}
.clsBusiness.clsFootic a {
	border-image: url('themestyle.css') none; 
left: 0px; width: 100%; text-align: center; bottom: -36px; color: rgb(232, 204, 15) !important; font-size: 17px;
}
.clsSupport.clsFootic a {
	border-image: url('themestyle.css') none; 
left: 0px; width: 100%; text-align: center; bottom: -36px; color: rgb(232, 204, 15) !important; font-size: 17px;
}
.clsVisit.clsFootic a:hover {
	color: rgb(51, 51, 51) !important;
}
.clsBusiness.clsFootic a:hover {
	color: rgb(51, 51, 51) !important;
}
.clsSupport.clsFootic a:hover {
	color: rgb(51, 51, 51) !important;
}
.clsBusiness.clsFootic a {
	bottom: -56px;
}
.clsSupport.clsFootic .clssup a {
	bottom: -77px;
}
.clsSupport.clsFootic {
	margin-right: 0px !important;
}
.clsFootic .clsTit {
	color: rgb(232, 204, 15);
}
#preloader {
	background-color: #000; background-position: -100px -100px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 100;	
	opacity: 0.8;
	-webkit-transform: translateY(0);
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	-moz-transform: translateY(0);
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	transform: translateY(0);
	transition: transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	-ms-transform: translateY(0);

}
#preloader .sample {
	background: url("../../lomo/images/loader3.gif") no-repeat center rgb(253, 185, 19); background-position: -60px 0px; background-size: 100%; width: 600px; height: 300px; position: relative; margin-top: 10%; margin-left:auto; margin-right:auto
}
#preloader .spinner {
	margin: 15% auto; width: 320px; height: 240px; position: relative;
}
#preloader .spinner .dot1 {
	width: 0px; height: 0px;
}
#preloader .spinner .dot2 {
	width: 0px; height: 0px;
}
.clsContin {
	margin: 0px 0.5%; width: 49%; float: left;
}
.clsContin div {
	margin-bottom: 10px;
}
.clsContin div textarea {
	height: 83px;
}
.clsContin div input {
	padding: 2px 5px; border: 1px solid rgb(153, 153, 153); border-image: url('themestyle.css') none; width: 100%; font-size: 17px;
}
.clsContin div textarea {
	padding: 2px 5px; border: 1px solid rgb(153, 153, 153); border-image: url('themestyle.css') none; width: 100%; font-size: 17px;
}
.wpcf7-submit.wpcf7-form-control {
	background: 0px 0px rgb(232, 204, 15); border: 1px solid rgb(232, 204, 15); border-image: url('themestyle.css') none; width: auto; right: 23%; bottom: 20px; color: rgb(255, 255, 255); position: absolute;
}
.wpcf7-submit.wpcf7-form-control:hover {
	background: rgb(102, 102, 102); border-color: rgb(102, 102, 102);
}
.monosocial-linkedin:hover {
	color: rgb(232, 204, 15);
}
.monosocial-circlelinkedin:hover {
	color: rgb(232, 204, 15);
}
.monosocial-roundedlinkedin:hover {
	color: rgb(232, 204, 15);
}
.on.monosocial-linkedin {
	color: rgb(232, 204, 15);
}
.on.monosocial-circlelinkedin {
	color: rgb(232, 204, 15);
}
.on.monosocial-roundedlinkedin {
	color: rgb(232, 204, 15);
}
.monosocial-facebook:hover {
	color: rgb(232, 204, 15);
}
.monosocial-circlefacebook:hover {
	color: rgb(232, 204, 15);
}
.monosocial-roundedfacebook:hover {
	color: rgb(232, 204, 15);
}
.on.monosocial-facebook {
	color: rgb(232, 204, 15);
}
.on.monosocial-circlefacebook {
	color: rgb(232, 204, 15);
}
.on.monosocial-roundedfacebook {
	color: rgb(232, 204, 15);
}
.monosocial-retweet:hover {
	color: rgb(232, 204, 15);
}
.monosocial-circleretweet:hover {
	color: rgb(232, 204, 15);
}
.monosocial-roundedretweet:hover {
	color: rgb(232, 204, 15);
}
.on.monosocial-retweet {
	color: rgb(232, 204, 15);
}
.on.monosocial-circleretweet {
	color: rgb(232, 204, 15);
}
.on.monosocial-roundedretweet {
	color: rgb(232, 204, 15);
}
.monosocial-twitterbird:hover {
	color: rgb(232, 204, 15);
}
.monosocial-circletwitterbird:hover {
	color: rgb(232, 204, 15);
}
.monosocial-roundedtwitterbird:hover {
	color: rgb(232, 204, 15);
}
.on.monosocial-twitterbird {
	color: rgb(232, 204, 15);
}
.on.monosocial-circletwitterbird {
	color: rgb(232, 204, 15);
}
.on.monosocial-roundedtwitterbird {
	color: rgb(232, 204, 15);
}
.monosocial-twitter:hover {
	color: rgb(232, 204, 15);
}
.monosocial-circletwitter:hover {
	color: rgb(232, 204, 15);
}
.monosocial-roundedtwitter:hover {
	color: rgb(232, 204, 15);
}
.on.monosocial-twitter {
	color: rgb(232, 204, 15);
}
.on.monosocial-circletwitter {
	color: rgb(232, 204, 15);
}
.on.monosocial-roundedtwitter {
	color: rgb(232, 204, 15);
}
header.nav2.menu .navbar-header {
	width: auto;
}
.btn-large.pt_button {
	padding: 19px 16px; border-radius: 5px !important; width: 100%; text-align: center;
}
h5 {
	font-size: 23px;
}
header.nav2.menu {
	padding-bottom: 10px;
}
#contact-us .pt_text_shortcode p.clsadd span {
	padding-bottom: 2%; color: rgb(153, 153, 153); display: block; font-weight:bold;
}
#contact-us .clsSupport .pt_text_shortcode p.clsadd span {
	padding: 0px 0px;
}
#contact-us .pt_text_shortcode p.clsTit {
	font-size: 1.0vw !important; font-weight:bold;
}
#contact-us .pt_text_shortcode p.clsTit2 {
	font-weight:bold;  
}
#contact-us .pt_text_shortcode p.clsadd {
	font-size: 1em !important;
}
div.wpcf7-validation-errors {
	border: 2px solid rgb(247, 231, 0); border-image: url('themestyle.css') none; 
text-align: center; clear: both;
}
div.wpcf7-response-output {
	border: 2px solid rgb(247, 231, 0); border-image: url('themestyle.css') none; 
text-align: center; clear: both;
}
a {
	text-decoration: none;
}
.clsAbt > li {
	background: url("../../lomo/dromex_inc/img/arrow.png") no-repeat 0% 60% rgba(0, 0, 0, 0); line-height: 25px; padding-left: 15px;
}
.pt_text_shortcode a {
	border-bottom-color: currentColor !important; border-bottom-width: 0px !important; border-bottom-style: none !important;
}
.style_1.page-title::before {
	border-right-color: currentColor !important; border-right-width: 0px !important; border-right-style: none !important;
}
.style_1.pagetitle::before {
	border-right-color: currentColor !important; border-right-width: 0px !important; border-right-style: none !important;
}
.parent-pageid-32 .clsContin {
	width: 100%;
}
.parent-pageid-32 .clsAbt {
	text-align: left !important;
}
.parent-pageid-32 h1 {
	text-align: left !important;
}
.parent-pageid-32 .clsAbt1 {
	text-align: left !important; font-style: normal !important;
}
.parent-pageid-32 p {
	font-size: 18px !important;
}
.parent-pageid-32 ul {
	margin: 0px; padding: 0px; text-align: left !important; font-size: 18px !important; list-style-type: none;
}
.parent-pageid-32 .wpcf7-form .wpcf7-submit {
	left: 328px;
}
.parent-pageid-32 .wpcf7-submit.wpcf7-form-control {
	bottom: 0px;
}
.parent-pageid-32 .wpcf7-validates-as-tel.wpcf7-validates-as-required.wpcf7-tel.wpcf7-text.wpcf7-form-control {
	margin-bottom: 10px;
}
.clsAbt1 {
	margin: 0px; padding-top: 20px !important;
}
.cont.clsAbt1 {
	padding-top: 0px !important; padding-bottom: 20px !important;
}
.strat.clsAbt {
	color: rgb(119, 119, 119); padding-top: 30px !important; padding-bottom: 0px !important; margin-bottom: 0px !important;
}
.strat.clsAbt strong {
	color: rgb(119, 119, 119);
}
.parent-pageid-32 #contact-us {
	display: none;
}
.parent-pageid-32 p span {
	text-align: center !important;
}
.clsfoot {
	border-bottom-color: rgb(232, 204, 15); border-bottom-width: 5px; border-bottom-style: solid;
}
.parent-pageid-32 .clslink {
	background: url("../../lomo/dromex_inc/img/arrow.png") no-repeat 0% 22% rgba(0, 0, 0, 0);
}
.parent-pageid-32 .wpcf7-submit {
	width: 56px;
}
.parent-pageid-32 .wpcf7-submit.wpcf7-form-control {
	text-align: center; right: 0%; float: right; position: static;
}
.parent-pageid-32 .wpcf7-form .wpcf7-submit {
	left: 0px;
}
.single-portfolio .clsImgSing {
	padding-top: 75px;
}
.single-portfolio .portpadright {
	padding-right: 90px;
}
.clsportfolio .wpb_row .clsAniPad.vc_span12 {
	margin: 0px auto; clear: both; float: none; max-width: 1000px;
}

@media screen and (max-width:640px)
{
	.hbz10 {
		line-height: 72px;
	}
	#insights .clsCitem {
		width: 100%;
	}
	.clsFootic {
		width: 100% !important;
	}
	.clsContin {
		width: 100% !important;
	}
}



#contact-us .container{
	width: 80%; 
}

.Catcontainer {height: 100%}

.bl-main {
	position: absolute;
	width: 100%;
	height: inherit;
	/*overflow: hidden;*/
	overflow: hidden; 
	color: #fff;
}

.bl-main > section {
	position: absolute;
	width: 20%;
	height: 50%;
	float:left;
	color: #fff;
}

.bl-main > section h2:hover {
	color: #fff;
}


.bl-main > section:first-child {
	top: 4%;
	left: 0;
}

.bl-main > section:nth-child(2) {
	top: 4%;
	left: 20%;
}

.bl-main > section:nth-child(3) {
	top: 4%;
	left: 40%;
}

.bl-main > section:nth-child(4) {
	top: 4%;
	left: 60%;
}

.bl-main > section:nth-child(5) {
	top: 4%;
	left: 80%;
}

.bl-main > section:nth-child(6) {
	top: 50%;
	left: 0%;
}

.bl-main > section:nth-child(7) {
	top: 50%;
	left: 20%;
}

.bl-main > section:nth-child(8) {
	top: 50%;
	left: 40%;
}

.bl-main > section:nth-child(9) {
	top: 50%;
	left: 60%;
}

.bl-main > section:nth-child(10) {
	top: 50%;
	left: 80%;
}

.bl-main > section:nth-child(11) {
	top: 68%;
	left: 0%;
}

.bl-main > section:nth-child(12) {
	top: 68%;
	left: 20%;
}

.bl-main > section:nth-child(13) {
	top: 68%;
	left: 40%;
}

.bl-main > section:nth-child(14) {
	top: 68%;
	left: 60%;

}

.bl-main > section:nth-child(15) {
	top: 68%;
	left: 80%;

}

.bl-box {
	position: relative;
	width: 100%;
	height: 100%;
/*	cursor: pointer;*/
	opacity: 1;
	/* Centering with flexbox */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
}
.catHeadings{
	text-align: center;
	/*color: #ffffff;*/
	font-size: 1.4vw;
	text-transform: uppercase;
	line-height: 14px;
}
.SubCatHeadings{
	text-align: center;
	color: #ffffff;
	font-size: 0.7vw;
	text-transform: uppercase;
	line-height: 14px;
}
.bl-box h2 {
	text-align: center;
	margin: 0;
	padding: 20px;
	width: 100%;
	/*color: #ffffff;*/
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
}




.bl-icon {
	font-family: Myriad, Calibri;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
}

.bl-icon:before {
	display: block;
	font-size: 2em;
	margin-bottom: 10px;
}

.bl-icon-about:before {
	content: "\e000";
}

.bl-icon-works:before {
	content: "\e001";
}

.bl-icon-blog:before {
	content: "\e002";
}

.bl-icon-contact:before {
	content: "\e003";
}

.close-stretch {
	width: 4%;
	height: 4%;
	position: absolute;
	top: 3%;
	right: 1%;
	cursor: pointer;
}


.bl-icon-close {
	position: fixed;
	top: 5px;
	right: 10px;
	z-index: 99;
	opacity: 0;
	/*background-image: url('../images/black_close.jpg');*/
	height: 3.4%;
	width: 5%;
	background-size: 100% 100%;
	
}
.close-stretch {
	width: 5%;
	height: 3.4%;
	z-index: 999;
	position: absolute;
	top: 0%;
	right: 0%;
	cursor: pointer;
}

.bl-icon-close:before {
	/*content: "\e005";*/
}
/* cat positioning */
.bl-content, 
div.bl-panel-items > div > div {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0 0px;
	overflow: hidden;
	overflow-y: auto;
	/*background-image:url('../images/menuBetabgnd.png');*/
	background-repeat: repeat;
	height: 100%;
	width: 100%;
}

/* Custom content positioning */

.bl-content div {
	margin:0px 50px 0px 20px; 
}
.bl-content p {
	padding-bottom: 15px;
	font-size: 0.9vw;
	line-height: 1.8;
}

.bl-content h2 {
	font-size: 1.7vw;
	font-weight: 300;
	margin: 20px 20px 20px 20px;
	color: #ffffff;
}
.bl-content-header span {
	font-size: 1.0vw;
	font-weight: 300;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

.bl-content article {
	padding: 20px 40px 20px 0px;
}

.bl-content article h3 {
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding-top: 20px;
	font-size: 1.4em;
}

.bl-content article a {
	color: rgba(0,0,0,0.2);
}

.bl-content > ul {
	list-style: none;
	padding: 0;
	margin: 0;
} 

.bl-content > ul li {
	display: inline-block;
	width: 20%;
	margin: 1%;
}

.bl-content > ul li a {
	display: block;
	padding: 0;
	/*border: 8px solid rgba(0,0,0,0.1);*/
}

.bl-content > ul li a img {
	display: block;
	max-width: 100%;
}

/* Panel Items */

div.bl-panel-items,
div.bl-panel-items > div {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

div.bl-panel-items > div > div {
	width: 60%;
	margin: 0 auto;
	opacity: 1;
	bottom: 90px;
	top: 90px;
	pointer-events: auto;
}

div.bl-panel-items > div > div h3 {
	font-size: 2.4em;
	font-weight: 300;
	margin: 0 0 20px 0;
}

div.bl-panel-items > div > div p {
	font-size: 1.3em;
}

div.bl-panel-items > div > div img {
	float: left;
	margin: 0 20px 20px 0;
	max-width: 100%;
}

div.bl-panel-items {
	top: 100%;
	z-index: 9999;
}

div.bl-panel-items > div {
	background: #3ba5db;
	z-index: 0;
	opacity: 0;
	-webkit-transform: translateY(0);
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	-moz-transform: translateY(0);
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	transform: translateY(0);
	transition: transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	-ms-transform: translateY(0);
}

div.bl-panel-items nav {
	position: absolute;
	z-index: 9999;
	width: 216px;
	left: 50%;
	top: 0px;
	margin-left: -108px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out 0.5s;
	-moz-transition: opacity 0.2s ease-in-out 0.5s;
	transition: opacity 0.2s ease-in-out 0.5s;
}

div.bl-panel-items.bl-panel-items-show nav span {
	float: left;
	margin: 5px;
}

div.bl-panel-items nav span.bl-next-work {
	font-weight: 700;
	letter-spacing: 2px;
	display: block;
	text-transform: uppercase;
	line-height: 2em;
	cursor: pointer;
	margin-right: 2em;
}

div.bl-panel-items.bl-panel-items-show nav {
	opacity: 1;
	top: -70px;
}

div.bl-panel-items > div.bl-show-work {
	z-index: 1000;
	opacity: 1;
	-webkit-transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transform: translateY(-100%);
	-moz-transition: -moz-transform 0.5s ease-in-out;
	transform: translateY(-100%);
	transition: transform 0.5s ease-in-out;
	-ms-transform: translateY(-100%);
}

div.bl-panel-items > div.bl-hide-current-work {
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-webkit-transform: translateY(-100%) scale(0.5);
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-moz-transform: translateY(-100%) scale(0.5);
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transform: translateY(-100%) scale(0.5);
	-ms-transform: translateY(-100%) scale(0.5);
	z-index: 0;
}

/* Transition classes and properties */
/* Separated for a better overview and control */

.bl-main > section {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.bl-main > section.bl-expand {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.bl-main > section.bl-expand-top {
	z-index: 100;
}

/*.bl-main > section:first-child.bl-expand {
	background: #EE4444;
}*/

/*this is the submenu*/
.bl-main > section:nth-child(even).bl-expand {
	/*background: #e4cd36; opacity: 1;*/ background-color:transparent;
}
.bl-main > section:nth-child(odd).bl-expand {
	/*background: #e4cd36; opacity: 1;*/background-color:transparent;
}

.bl-main.bl-expand-item > section:not(.bl-expand),
.bl-main.bl-expand-item > section.bl-scale-down {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}

.bl-box {
	-webkit-transition: opacity 0.2s linear 0.5s;
	-moz-transition: opacity 0.2s linear 0.5s;
	transition: opacity 0.2s linear 0.5s;
}

section.bl-expand .bl-box {
	opacity: 0;
	-webkit-transition: opacity 0s linear;
	-moz-transition: opacity 0s linear;
	transition: opacity 0s linear;
}

.bl-box h2 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.no-touch section:not(.bl-expand) .bl-box:hover h2 {
	-webkit-transform: translateY(-14%);
	-moz-transform: translateY(-14%);
	-ms-transform: translateY(-14%);
	transform: translateY(-14%);
}


/*=========== Justin where you carry on tomorrow  =====================================*/
.bl-box .catitemDet {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0;
}
.catitemDet2 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0;
}
/*  the over effect */
.no-touch section:not(.bl-expand) .bl-box:hover .catitemDet {
	-webkit-transform: translateY(5%);
	-moz-transform: translateY(5%);
	-ms-transform: translateY(5%);
	transform: translateY(5%);
	opacity: 1;
}
.no-touch section:not(.bl-expand) .bl-box:hover .catitemDet2 {
	-webkit-transform: translateX(15%);
	-moz-transform: translateX(15%);
	-ms-transform: translateX(15%);
	transform: translateX(15%);
	opacity: 1;
}
/*================================================*/


.bl-content,
.bl-icon-close {
	-webkit-transition: opacity 0.1s linear 0s;
	-moz-transition: opacity 0.1s linear 0s;
	transition: opacity 0.1s linear 0s;
}

section.bl-expand .bl-content,
section.bl-expand .bl-icon-close {
	pointer-events: auto;
	opacity: 1;
	-webkit-transition: opacity 0.3s linear 0.5s;
	-moz-transition: opacity 0.3s linear 0.5s;
	transition: opacity 0.3s linear 0.5s;
}

@media screen and (max-width: 46.5em) {
	.bl-content,
	.bl-box {
		font-size: 75%;
	}

	.bl-expand .bl-box {
		height: 130px;
	}

	.bl-content > ul li {
		width: 40%;
	}
}
.bl-icon img{
		width: 50%;
	}

/*jj*/
	.bl-content-header {
		position: relative; top: 18%; padding-left: 1%; width: 94%; 
	}
	.bl-content-header h2{
		font-family: Arial, Helvetica, sans-serif; font-weight:bold
	}
	
	bl-content-description{
		padding-bottom: 30px; padding-left: 0%; width: 94%; position: relative;  
	}
	bl-content-description .span{
		color: #ffffff; font-size: large ; font-family: Arial, Helvetica, sans-serif; 
	}


.subCatUL{
	width: 98%; height: 64%; top: 32%; padding-bottom: 0px; margin-left: auto; margin-right:auto; position:  inherit;
}
.subCatUL li{
	text-decoration: none; 
	list-style:none; 
	float:left;
	background: transparent;
	padding: 2%; 
	position: relative;
	background-repeat: repeat-x;
	margin-left: 2%;  
	/*margin-bottom: 20px;*/
	border: 1.7px;
	border-color: #ffffff;
	border-style:  dashed; 
	cursor:pointer; 
	font-size: 1.0vw;
}

.menupara {
	margin-left: auto; 
	line-height: 100%; 
	margin-right: auto;
	width: 92%;
}

@media only screen and (min-width: 1000px){
	.catHeadings{
		text-align: center;
		color: #ffffff;
		font-size: 1.1vw;
		text-transform: uppercase;
		line-height: 14px;
	}
	.catHeadings:hover {
		color: #ffe323;
		font-size: 1.1vw;
	}
	
	.SubCatHeadings{
		vertical-align: top;
		text-align: center;		
		color: #ffffff;
		font-size: 1.2vw;
		font-weight:bold;
		text-transform: uppercase;
		position: absolute;
		left: 0px;
		top: 20%;
		width:100%;
		margin: auto;
		border: 0px;
		line-height: 32px;
		font-weight:bold
	}
	.SubCatHeadingsdesc{
		vertical-align:  middle;
		text-align:center;		
		color: #ffffff;
		font-size: 0.9vw;
		text-transform: uppercase;
		line-height: 30px;
		position: absolute;
		left: 0px;
		width: 99%;
		padding-left: 5%;
		margin-top: 10%;
		border: 0px;
		margin-left: auto;
		margin-right:auto;
	}
}

@media only screen and (max-width: 1000px){
	.catHeadings{
		text-align: center;
		color: #ffffff;
		font-size: 1.1vw;
		text-transform: uppercase;
		line-height: 14px;
	}
	.catHeadings:hover {
		color: #ffe323;
		font-size: 1.1vw;
	}
	
	.SubCatHeadings{
		vertical-align: top;
		text-align: center;		
		color: #ffffff;
		font-size: 1.8vw;
		font-weight:bold;
		text-transform: uppercase;
		position: absolute;
		left: 0px;
		top: 10%;
		width:100%;
		margin: auto;
		border: 0px;
	}
	.SubCatHeadingsdesc{
		vertical-align:  middle;
		text-align:center;		
		color: #ffffff;
		font-size: 0.9vw;
		text-transform: uppercase;
		position: absolute;
		left: 0px;
		width:100%;
		border: 0px;
		line-height: 10px; 
	}
}


.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #000000;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	max-height: 100%;
	height: 100%;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-modalproducts {
	border: 5px;
	border-color: #424242;
	border-style:solid;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 60%;
	max-width: 60%;
	min-width: 60%;
	max-height: 80%;
	height: 80%;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-modallogin {
	border: 5px;
	border-color: #424242;
	border-style:solid;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 60%;
	max-width: 60%;
	min-width: 60%;
	max-height: 60%;
	height: 60%;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 1399px) and (min-width: 800px) {
.md-modalproducts {
	border: 5px;
	border-color: #424242;
	border-style:solid;
	position: fixed;
	top: 50%;
	left: 50%;
	width:60%;
	max-width: 60%;
	min-width: 60%;
	max-height: 70%;
	height: 70%;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

}
.md-modal2 {
	border: 5px;
	border-color: #424242;
	border-style:solid;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	max-height: 100%;
	height: 100%;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

#jg-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 1;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 1;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

.md-show ~ #jg-overlay {
	opacity: 1;
	visibility: visible;
/*	background-image: url('../images/overlay2.png');
	background-repeat:repeat;*/
}

.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.2);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	display: inline-block;
}

.codrops-top a:hover {
	color: #e74c3c;
	background: rgba(255,255,255,1);
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}
.userINP {
	border: thin;
	border-style:  solid;
	border-color:gray;
	padding: 0px;
	background: #d0d0d0;
	color: #4c4c4c;
	font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif !important;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: none;
	display: inline-block;
	margin: 1px 2px;
	border-radius: 0px;
	font-weight:bold;
	width: 50%;
}
.userINP2 {
	border: thin;
	border-style:  solid;
	border-color:gray;
	padding: 0px;
	background: #d0d0d0;
	color: #4c4c4c;
	font-family:Myriad, Verdana, Geneva, Tahoma, sans-serif !important;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: none;
	display: inline-block;
	margin: 1px 2px;
	border-radius: 0px;
	font-weight:bold;
	width: 40%;

	float:  left;
}

/* ============================================================
  COMMON
============================================================ */
input[type=text] {
  display: block;
  margin: 5px;
  width: 100%;
  font-family: Myraid, "Open Sans", sans-serif;
  font-size: 1,6em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
}
input[type=text]:focus {
  outline: none;
}

/* lists */
ul.input-list {
  list-style: none;
  margin: 10 10px;
  padding: 10px;
}
ul.input-list li {
  display: block;
  padding: 10 10px;
  width: 44%;
  float: left;
}

/* ============================================================
  STYLE 1
============================================================ */
.style-1 input[type=text] {
  width: 90%;
  padding: 6px;
  margin: 3px;
  border: solid 1px gainsboro;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1 input[type=text]:focus, .style-1 input[type=text].focus {
  border: solid 1px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696;
}



/* Content styles */
.md-content {
	color: #000;
	background: #ffffff;
	position: relative;
	margin: 0px;
	height: 100%;
}

#imgLarge img{
	height:100%;
}

#imgLarge{
	float:left;
	left: 2%; 
	margin-left: 2%;
	margin-top: 0%;
	width: 40%; 
	height: 90%;
	padding-bottom 2%;
}
#imgLargefoot{
	float:left;
	left: 2%; 
	margin-left: 2%;
	margin-top: 2%;
	width: 40%; 
	height: 80%;
	padding-bottom 15%;
}
#imgLargefooth{
	float:left;
	left: 2%; 
	margin-left: -10%;
	margin-top: 2%;
	height: 76%;
}
#imgLargeRB{
	float:left;
	left: 2%; 
	margin-left: -2%;
	margin-top: 2%;
	width: auto; 
	height: 80%;
	padding-bottom 15%;
}

/*#imgLargeRB img{
	width: auto;
	height: auto;
}
*/

#imgLargeReflect{
	float:left;
	left: 2%; 
	margin-left: -2%;
	margin-top: 2%;
	width: 40%; 
	height: 80%;
	padding-bottom 15%;
}

#imgLargepvccloth{
	float:left;
	left: 2%; 
	margin-left: -12%;
	margin-top: 2%;
	width: 40%; 
	height: 80%;
	padding-bottom 15%;
}

#imgLargeTape{
	float:left;
	left: 0%; 
	margin-left: 0%;
	width: 70%; 
	height: 100%;
}
#imgLargebarr{
	float:left;
	left: 0%; 
	margin-left: 10%;
	margin-top: 2%;
	height: 90%;
}
#imgLargeTape img{
	margin-top: 10%;
	width: 98%; 
	height: auto;
}

#imgLargeharnes{
	float:left;
	left: 0%; 
	margin-left: 2%;
	width: auto;
	height: 100%;
}

#imgLargehori{
	float:left;
	left: 2%; 
	margin-left: -3%;
	width: auto; 
	height: 70%;
}

#imgLargehorifloat{
	float:left;
	left: 2%; 
	margin-left: -8%;
	width: auto; 
	height: 100%;
}

#imgLargehear{
	float:left;
	left: 2%; 
	margin-left: -5%;
	margin-top: 3%;
	width: auto; 
	height: 80%;
}

#imgLargehorieye{
	float:left;
	left: 0%; 
	margin-left: -2%;
	margin-top: 3%;
	width: 64%; 
	height: auto;
}

#imgLargehorir{
	float:left;
	left: 2%; 
	margin-left: -10%;
	width: auto; 
	height: 100%;
	margin-top: 10%;
}

#imgLargeFF{
	float:left;
	left: 2%; 
	margin-left: 0%;
	width: auto; 
	height: 80%;
	margin-top:6%;
}

#imgLargehoriresp{
	float:left;
	left: 2%; 
	margin-left: -10%;
	width: auto; 
	height: 80%;
	margin-top:6%;
}
#imgLargehoricart{
	float:left;
	left: 1%; 
	margin-left: 0%;
	width: auto; 
	height: 70%;
	margin-top: 6%;
}
#imgLargehorirhm{
	float:left;
	left: 2%; 
	margin-left: -10%;
	width: auto; 
	height: 90%;
}

.iType{
	font-size: 0.9vw; 
	font-weight:bold;
	float:right;
	left: 1%;
	position:absolute;
	top: -1%;
}

#iData{
	float:left; 
	padding-left: 1%; 
	padding-right: 1%; 
	padding-bottom: 0%; 
	text-align:justify; 
	height: 90%;
	position:absolute;
	left: 43%;
	font-size: 0.7vw;
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
	line-height: 0.9vw; 
	
}
#iDataRB {
	float:left; 
	padding-left: 1%; 
	padding-right: 1%; 
	padding-bottom: 1%; 
	text-align:justify; 
	height: 100%;
	position:absolute;
	left: 64%;
	font-size: 0.7vw;
	background: rgba(255, 255, 255, 0.7);
	overflow:hidden;
	line-height: 0.76vw; 
}
#iDataHear {
	float:left; 
	padding-left: 1%; 
	padding-right: 1%; 
	padding-bottom: 1%; 
	text-align:justify; 
	height: 100%;
	position:absolute;
	left: 64%;
	font-size: 0.8vw;
	background: rgba(255, 255, 255, 0.7);
	overflow:hidden;
	line-height: 0.76vw; 
}

#iDataPVCcloth {
	float:left; 
	padding-right: 1.4%; 
	text-align:justify; 
	height: 80%;
	position:absolute;
	left: 64%;
/*	font-size: 0.9vw; line-height: 1.2em; */
}

.soldin{
	font-size: 0.6vw; line-height: 0.5vw; padding-top: 20px;	
}

.iCode{font-size: 0.9vw; float:left; width: 100%;}
.iQty{position: relative; float:left; width: auto; font-size: 0.9vw; padding-right: 6px}
.iSize{position: relative; float:left; width: auto; font-size: 0.9vw; left:10%}
.iDesc{
	position: relative;
	float:left;
	width: 96%;
	position: relative;
	top: 0%;
	font-size: 0.9vw;
	padding-right:2%	
}

.iChar{
	float:left;
	width: 100%;
	position: relative;
	top: 0%;
	font-size: 0.9vw;
}

.iCoderes{font-size: 0.9vw; float:left; width: 100%;}
.iQtyres{position: relative; float:left; width: auto; font-size: 0.9vw; padding-right: 6px;}
.iSizeres{position: relative; float:left; width: auto; font-size: 0.9vw; left:10%}

.iCodeharn{font-size: 0.9vw; float:left; width: 100%;}
.iQtyharn{position: relative; float:left; width: auto; font-size: 0.9vw; padding-right: 6px}
.iSizeharn{position: relative; float:left; width: auto; font-size: 0.9vw; left:10%}

#icare{
	font-size: 0.9vw;
	float:left;
	width: 100%;
	margin-top: 2%;
}

#pgheader{
	width: 100%; 
	height: 1.6vw; 
	border-bottom: 1.4px; 
	border-bottom-color: #000000; 
	border-bottom-style: solid;
/*	padding-bottom: 2% */
}
.pgheaderff{
	position: relative;
	width: 100%; 
	height: 5%; 
	margin-left: auto; 
	margin-right: 5%; 
	border-bottom: 1.4px; 
	border-bottom-color: #000000; 
	border-bottom-style: solid;
/*	padding-bottom: 2% */
	top: 0px; 
	left: 0px;
}
.pgheaderp{
	font-size: 0.9vw; 
	font-weight:bold;
	float:right;
	right: 1%;
	position:absolute;
	top: -1%;
}
.iTypeff{position:absolute; right: 2%; top: 1%; float: right; font-size: 0.9vw; font-weight:bold; margin-top: 0px}
.pgheaderpff{	float: right; margin-right: 10%; font-size: 0.9vw; font-weight:bold}
.pgheaderph{	float: right; margin-right: 2%; font-size: 1.1vw; font-weight:bold; margin-bottom: -1%}
.iTypeh{position:absolute; left: 2%; top: 1%; float: left; font-size: 0.9vw; font-weight:bold; margin-top: 0px}
#iDatah{float:left; padding-right: 1.4%; padding-left: 1%; text-align:left; height: 80%;position:absolute;left: 60%;font-size: 0.9vw; line-height: 1.2em;background: rgba(255, 255, 255, 0.7);}
#iDatahr{float:left; padding-right: 1.4%; padding-left: 1%; text-align:left; height: 100%;position:absolute;left: 68%;font-size: 0.9vw; line-height: 1.2em;background: rgba(255, 255, 255, 0.7);}
#iDatahresp{float:left; padding-right: 1.4%; padding-left: 1%; text-align:left; height: 100%;position:absolute;left: 60%;font-size: 0.9vw; line-height: 1.2em; background: rgba(255, 255, 255, 0.7);}
#iDatahff{float:left; padding-right: 1.4%; padding-left: 1%; text-align:left; height: 100%;position:absolute;left: 60%;font-size: 0.9vw; line-height: 1.2em;background: rgba(255, 255, 255, 0.7);}
.iCodeh{font-size: 0.9vw; float:left; width: 100%}
.iQtyh{font-size: 0.9vw; top: -5%; line-height: 1.3em}
.iSizeh{font-size: 0.9vw; top: -2%;float:left; position:relative}
.iCodehff{font-size: 0.9vw; float:left; width: 100%; line-height: 1.3em}
.iQtyhff{font-size: 0.9vw; top: -5%; line-height: 1.3em; width: 100%}
.iSizehff{font-size: 0.9vw; top: -2%;float:left; position:relative; width: 100%; line-height: 1.3em}
#iShieldse{position:absolute; left: 2%; bottom: 0%; float:left;/*width: 15%;*/ height: 10%}
#iShieldses{position:absolute; left: 2%; bottom: 0%; float:left;/*width: 15%;*/ height: 10%}
#iShieldse img{height: 80%}
#iShieldses img{height: 70%; margin-top: 1.6%}
#iShields{position:absolute; left: 2%; bottom: 0%; float:left;/*width: 15%;*/ height: 10%; visibility: hidden; display:none; height: 0px; width:0px}
#iShieldsh{position:absolute; left: 2%; bottom: 0%; float:left;/*width: 15%;*/ height: 10%; visibility: hidden; display:none; height: 0px; width:0px}

#nails{
	float:left;
	width: 96%;
	height: 30%;
	margin-top: 0px;
	font-size: 0.8vw;
}

#nails img{
	float:left;
	width: auto;
	height: 80%;
}

/* Work wear colour bar buttons */


#iApp{
	float:left;
	width: 100%;
	position: relative;
	font-size: 0.9vw;
	top: 2%;
	margin-right: 6%;
}

#iApp ul{
	float:left;
	position: relative;
	margin-right: 6%;}
#iApp li{
	font-size: 0.9vw;	
	float:left;
	width: 100%;
	line-height: 1vw; 
	margin-right: 6%;
}




#iAppRB{

	float:left;
	width: 100%;
	position: relative;
	top: -5%;
}

#iAppRB ul{
	font-size: 0.7vw;
	float:left;
	position: relative;
}
#iAppRB li{
	font-size: 0.7vw;
	float:left;
	width: 100%;
	line-height:1vw; 				
}


#iAppff{
	float:left;
	width: 100%;
	position: relative;
	top: 1%;
	font-size: 0.9vw;	
}

#iAppff ul{
	font-size: 0.9vw;	
	float:left;
	position: relative;
}
#iAppff li{
	font-size: 0.9vw;	
	float:left;
	width: 100%;
	line-height:1vw;
}

#iAppresp{
	float:left;
	width: 100%;
	position: relative;
	top: 0%;
	font-size: 0.8vw; 	
	line-height: 0.7vw;
	padding-top: 3%;
}

#iAppresp ul{
	font-size: 0.8vw; 	
	float:left;
	position: relative;
}
#iAppresp li{
	font-size: 0.8vw; 	
	float:left;
	width: 100%;
	font-weight:normal;
}

#iApphear{
	float:left;
	width: 100%;
	position: relative;
	top: 1%;
	font-size: 0.8vw; 	
}
#iApphear ul{
	font-size: 0.9vw; 
	float:left;
	position: relative;
}
#iApphear li{
	font-size: 0.9vw; 
	float:left;
	width: 100%;
	line-height:1vw;
}


#iAppfoot{

	float:left;
	width: 100%;
	position: relative;
	top: -2%;
}

#iAppfoot ul{
	font-size: 0.7vw;
	float:left;
	position: relative;
}
#iAppfoot li{
	font-size: 0.7vw;
	float:left;
	width: 100%;
	line-height:1vw; 				
}

#iAppH {
	font-size: 0.9vw;
	float:left;
	width: 100%;
	margin-top: 0%;	
	position: relative;
	
}

#iAppHarness {
	font-size: 0.9vw;
	float:left;
	width: 100%;
	margin-top: 0%;	
	position: relative;
}
#iAppHarness ul{
	font-size: 0.7vw;
	float:left;
	position: relative;
	line-height: 0.4em; 
}
#iAppHarness li{
	font-size: 0.7vw;
	float:left;
	width: 100%;
	line-height:1vw; 				
}
#iAppfloat {
	font-size: 0.9vw;
	float:left;
	width: 100%;
	margin-top: 0%;	
	position: relative;
}
#iAppfloat ul{
	font-size: 0.7vw;
	float:left;
	position: relative;

}
#iAppfloat li{
	font-size: 0.7vw;
	float:left;
	width: 100%;
	line-height: 1em; 				
}

#iApph{
	font-size: 1em;
	float:left;
	width: 100%;
	margin-top: -25%;	
	position: relative;
	
}
#iAppA{
	font-size: 0.9vw;
	float:left;
	width: 100%;
	margin-top: 5%;	
	position: relative;
}
#iAppA strong{
	font-size: 0.9vw;
	position: relative;
 
}
#iAppA ul{
	font-size: 0.7vw;
	float:left;
	position: relative;
	line-height: 0.4em; 
}
#iAppA li{
	font-size: 0.7vw;
	float:left;
	width: 100%;
	line-height: 1em; 				
}

#iApph ul{
	font-size: 0.7vw;
	float:left;
	position: relative;
}
#iApph li{
	font-size: 0.7vw;
	float:left;
	width: 100%;
	line-height: 1em; 				
}

.qtyspan{
	font-size: 0.7vw;
	
}
.iDescRB{
	position: relative;
	float:left;
	width: 100%;
	position: relative;
	top: 0%;
}
.iDescfoot{
	position: relative;
	float:left;
	width: 100%;
	position: relative;
	font-size: 0.7vw;
	top: -2%;
}
.iMolefoot{
	float:left;
	width: 94%;
	position: relative;
	font-size: 0.7vw;
	top: -2%;
}
.iCharfoot{
	float:left;
	width: 94%;
	position: relative;
	font-size: 0.7vw;
	top: -2%;
}

.iMole{
	float:left;
	width: 94%;
	position: relative;
	top: 0%;
	font-size: 0.9vw;	
}

.iMoleRB{
	float:left;
	width: 94%;
	position: relative;
	top: -3%;

}
.iCharRB{
	float:left;
	width: 100%;
	position: relative;
	top: -5%;
}
#lprocontainer{


}
#iRating{
	font-size: 0.9vw;
	float:left;
	width: 100%;
	margin-top: -10%;
}
#iRatingres{
	font-size: 0.9vw;
	line-height: 0.8vw;
	float:left;
	width: 100%;
	margin-top: -2%;
}
#iRatinghear{
	font-size: 0.9vw;
	line-height: 1vw;
	float:left;
	width: 100%;
	margin-top: -5%;
}

#iRatingharness{
	font-size: 0.9vw;
	float:left;
	width: 100%;
	margin-top: %;
}

#iShields{
	position:absolute; 
	left: 2%; 
	bottom: 2%; 
	float:left;
	/*width: 15%;*/
	height: 10%;
			
}

.md-content-products {
	color: #000000;
	background: #ffffff;
	position: relative;
	margin: 0px;
}

.md-content button {
	display: block;
	margin: auto auto;
	font-size: 0.9vw;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 1.4vw;
	font-weight: 300;
	opacity: 1;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-weight: 300;
	font-size: 0.9vw;
	line-height: 1.3em	
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
	line-height: 1.3em
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-contentUL{
	margin-left: 50px;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.9vw;
}

/* Individual modal styles with animations/transitions */

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(0,0,0,0.4);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-transform: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
	margin-top: 0px;
	width: 100%;
	/*justin change*/
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}


.txtBoxNB{
	height: 40px;
	font-size: 16px;
	color: #b6b6b6;
	width: 95%;
	padding-left: 10px
}
.txtBox{
	height: 40px;
	font-size: 16px;
	color: #b6b6b6;
	width: 95%;
}
.txtBoxInner{
	padding-left: 10px
}
.txtBoxSpacer{
	margin-left: 6px
}

.errorfont{
	color: #ff0000;
	font-weight:bold;	
}



@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}

	#itemcontainerVirt {width: 100%; height:100%; }
	#top_navVirt {position:relative; top: 0px; height: 6%; vertical-align:middle; left: 0px; width: 100% }


	#pgheaderVirt{width: 100%; height: 100% ; border-bottom: 1.4px; border-bottom-color: #000000; border-bottom-style: solid;	/*	padding-bottom: 2% */}
	.pgheaderpVirt{font-size: 0.8vw; font-weight:bold;float:right;right: 1%;position:absolute;top: -2%;}
	.iTypeVirt{font-size: 0.8vw;font-weight:bold;float:right;left: 1%;position:absolute;top: -2%;}

	
	#left_colVirt {width: 38%;float:left; height:94%; vertical-align:bottom; padding-bottom: -0%}
	#imgLargeVirt{margin-left: 2%; margin-top: 20%; width: 100%; height: auto;}
	#imgLargeVirt img{width:90%;}
	

	#page_contentlVirt {width: 29.5%;height: 94%;float:left;margin-left: 1%; padding-left: 0.4%; padding-right: 0.4%}
	#page_contentrVirt {width: 30.5%;height: 94%;float:left;margin-left: 1%;padding-left: 0.4%; padding-right: 0.4%}


	.iCodeVirt{font-size: 0.7vw; float:left; width: 100%; padding: 0px; margin: 0px; vertical-align:top; padding-bottom: 3%; padding-top: 2%}
	.iCodeVirt span{font-size: 0.9vw; float:left; width: 100%;}

	.hiSizeVirt{position: relative; width: 100%; font-size: 0.8vw; left:0%;  padding-right: 2%}

	.iMoleVirt{float:left;width: 94%;position: relative;top: 0%;font-size: 0.8vw;}
	#pictogramsVirt{padding-top: 5%; float: left; margin-left: 3%; width: 100%; padding-bottom: 1%}
	#pictosVirt {margin-top: 1%}
	
	.styleclass {
		margin-top: 5%
	}
}
@media (max-width: 600px) {

	.mouseMenu {
	    background-image: url("../../lomo/images/icons/mouseover.png");
    	background-repeat: no-repeat;
	    height: 34px;
	    width: 185px;
	    position: relative;
	    padding-top: -25%;
	    left: 18%;
   	}
	.jjheader_logo {
		position:absolute;
		left: 2%;
		top: 0px;
		vertical-align:middle;
		text-align:center;
	/*	padding: 5px;*/
	
		height: 169px;
	}
	#logoImg{
		position:absolute;
		left: 0px;
		top: 0px;
	}
	#d_Logo {
	
	}

	a h3{
		font-size: 5vw;
	}
	#filterMark {
		width: 80%;
		font-size: 4vw;
	}
	.portfolio-content{
		position: absolute;
		padding-top: 10%;
	}
	.pgtitle{
		margin-top: -20%;
		margin-left: auto;
		margin-right:auto;
		font-size: 5vw;
		font-weight:bold;
		color: #000;
		text-align:center;
		width: 100%;
	}
	#iShields {
		visibility:hidden;
		display: none;
		height: 0px;
		width: 0px;
	}

	#logoImg{
		position:absolute;
		right: 0px;
		top: 0px;
	}
	#d_Logo {
		width: 100%;
		height: 30px;
		position:absolute;
		margin-left: 400%;
		top: 15%;
		float:right;
	}
	
	.PGfooter {
		height: 0px;
	}
	#contact-us, #info{
		visibility: hidden;
		height: 0px;
	}
	#loginM, #contactM, #whyM, #selectedM, #homeM {
		visibility: hidden;
		height: 0px;
		display: none;
	}

	#iType{
		position:absolute; left: 2%; top: 0px; float: left; font-size: 1.2vw; font-weight:bold; margin-top: 0px
	}

	.requestBTNS{
		visibility:  visible;
		height: 0px;
	}
			
	.buttonFonts{
		color: #000000;
		font-weight: bold;
		font-size:3.2vw;
		text-decoration:none;
		cursor:  pointer;	
		line-height: 3vw;
	}
	.buttonFonts:hover{
		color: #ffffff;
		font-weight: bold;
		font-size:3.2vw;
		text-decoration:none;
		cursor:  pointer;
	}
				
	#md-close-container {
		position:absolute; bottom: 2%; right: 2%;  width: 46%; margin-bottom: 5px;
	}
	
	.md-modalproducts {
		width: 80%;
		max-width: 90%;
		min-width: 80%;
		max-height: 90%;
		height: 90%;
	}
	.iType{
		position:absolute; left: 2%; top: 0px; float: left; font-size: 2.9vw; font-weight:bold; margin-top: 0px
	}
}
@media screen and (max-width: 1399px) and (min-width: 800px) {
/* logos  
 */
	#md-close-container {
		position:absolute;bottom: 3.2%; right: 2%; height: 3%; width: 60%; margin-bottom: 2%
	}

	.addSpce {padding-bottom: 1%;}

	.pt_text_shortcode {
		text-align: justify ; color: rgb(255, 255, 255); line-height: 1.7em !important; font-size: 0.7vw; margin-top: -1%; 
	}
	.pt_text_shortcode span{
		font-size: 0.5vw; margin-top: 2%;
	}
 
	 .clsFootic {
		width: 40% !important; height: auto; float: left; padding-bottom 0.6vw;
	}
	#contact-us .pt_text_shortcode p.clsTit {
		font-size: 1.0vw !important; font-weight:bold;
	}
	#contact-us .pt_text_shortcode p.clsTit2 {
		font-weight:bold;  padding-bottom: 5%;
	}
	#contact-us .pt_text_shortcode p.clsadd {
		font-size: 0.9 !important; margin-top: 1%;padding-bottom: 5%;
	}
	
	.jjheader_logo {
	    outline: 0.4px solid black;
	    background-image: url("");
	    background-color: #fddd00;
	    background-size: 100% 100%;
    	background-repeat: no-repeat;
     	background-position: 0px 0px;	    
	    height: 130px;
	    width: 130px;
	    position: absolute;
	    top: 0px;
	    left: 40px;
		box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
   	}	
	.companytitle {
	    height: 150px;
	    width: auto;
	    position: absolute;
	    top: 25%;
	    left: 196px;
		font-size: 1.8vw !important; font-style:  normal; font-weight: 800; color: #fff;
   	}	
	.productimage {
	    outline: 0.4px solid black;
		box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
   	}	

	header.nav2.menu .nav.navbar-nav li {
		line-height: 80px; font-size: 1.5vw !important; font-style: normal; font-weight: 400;
	}
}

/*
	Phone or Tabs screen
*/
@media screen and (max-width: 2400px) and (min-width: 1400px) {
/* Login screen*/
	.addSpce {padding-bottom: 5%;}
	#md-close-container {
		position:absolute;bottom: 3.2%; right: 2%; height: 3%; width: 60%; margin-bottom: 1%
	}

/* logos   */
	.pt_text_shortcode {
		text-align: justify ; color: rgb(255, 255, 255); line-height: 1.7em !important; font-size: 1em; margin-top: 1%; margin-bottom: 2%;
	}

	.clsFootic {
		width : 40% !important; height: auto; margin-left: 30%;
	}
	
	#contact-us .pt_text_shortcode p.clsTit {
		font-size: 1.0vw !important; font-weight:bold;
	}
	#contact-us .pt_text_shortcode p.clsTit2 {
		font-weight:bold;  
	}
	#contact-us .pt_text_shortcode p.clsadd {
		font-size: 0.8vw !important;
	}
	#itemcontainerVirt {width: 100%; height:100%; }


	.jjheader_logo {
	    outline: 0.4px solid black;
	    background-image: url("../images/logo/ukhupepha.jpg");
	    padding: 1vw;
	    background-size: 100% 100%;
    	background-repeat: no-repeat;
     	background-position: 1px 1px;	    
	    height: 99%;
	    width: 410px;
	    position: absolute;
	    top: 0px;
	    left: 60px;
		box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
   	}	
	.companytitle {
	    height: 150px;
	    width: auto;
	    position: absolute;
	    top: 25%;
	    left: 230px;
		font-size: 1.5vw !important; font-style:  normal; font-weight: 800; color: #fff;
   	}	

	.productimage {
	    outline: 0.4px solid black;
		box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
   	}	
/* Description fields */


	header.nav2.menu .nav.navbar-nav li {
		line-height: 80px; font-size: 1vw !important; font-style: normal; font-weight: 400;
	}
}


/*
	End of Phone & Tabs
*/