/*
Theme Name: Bell URI: https://wordpress.org/themes/twentysixteen/
Theme URI: Your Theme's URI
Description: A brief description.
Version: 1.0
Author: You
Author URI: Your website address.
*/


/* CSS Document */


/* 
Author & Created		: Sunil
*/

@charset "utf-8";
a,
ins {
	text-decoration: none
}

a,
hr {
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
	display: block
}

a:active,
a:hover,
p {
	color: #333
}

em,
i,
mark {
	font-style: italic
}

nav ul,
ul {
	list-style: none
}

.cf:after,
.clear {
	clear: both
}

#owl-text-slider .item p,
.hTb-text,
.tAc {
	text-align: center
}

#homeTstmnls .item span,
#owl-text-slider .item p,
.boxBtn,
.drawer>.mNav>ul div ul li a,
.drawer>.mNav>ul div ul li.title,
.drawer>.mNav>ul>li>a,
.hBcont p,
.hPsNav li a h2,
.hTb-text a,
.innBanCont h2,
nav ul li ul li a,
nav>ul>li>a {
	text-transform: uppercase
}

.cSwrap .csIntro,
.hTb-text h4,
.innBanCont h2 {
	text-shadow: 1px 1px 0 #000
}

.fancybox-nav,
.owl-controls {
	-webkit-tap-highlight-color: transparent
}

@font-face {
	font-family: latobold;
	src: url(assets/fonts/lato-bold-webfont.eot);
	src: url(assets/fonts/lato-bold-webfontd41d.eot?#iefix) format('embedded-opentype'), url(assets/fonts/lato-bold-webfont.html) format('woff2'), url(assets/fonts/lato-bold-webfont.woff) format('woff'), url(assets/fonts/lato-bold-webfont-2.html) format('truetype'), url(assets/fonts/lato-bold-webfont.svg#latobold) format('svg');
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: latolight;
	src: url(assets/fonts/lato-light-webfont.eot);
	src: url(assets/fonts/lato-light-webfontd41d.eot?#iefix) format('embedded-opentype'), url(assets/fonts/lato-light-webfont.html) format('woff2'), url(assets/fonts/lato-light-webfont.woff) format('woff'), url(assets/fonts/lato-light-webfont-2.html) format('truetype'), url(assets/fonts/lato-light-webfont.svg#latolight) format('svg');
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: latoregular;
	src: url(assets/fonts/lato-regular-webfont.eot);
	src: url(assets/fonts/lato-regular-webfontd41d.eot?#iefix) format('embedded-opentype'), url(assets/fonts/lato-regular-webfont.html) format('woff2'), url(assets/fonts/lato-regular-webfont.woff) format('woff'), url(assets/fonts/lato-regular-webfont-2.html) format('truetype'), url(assets/fonts/lato-regular-webfont.svg#latoregular) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: latothin;
	src: url(assets/fonts/lato-thin-webfont.eot);
	src: url(assets/fonts/lato-thin-webfontd41d.eot?#iefix) format('embedded-opentype'), url(assets/fonts/lato-thin-webfont.html) format('woff2'), url(assets/fonts/lato-thin-webfont.woff) format('woff'), url(assets/fonts/lato-thin-webfont-2.html) format('truetype'), url(assets/fonts/lato-thin-webfont.svg#latothin) format('svg');
	font-weight: 100;
	font-style: normal
}

@font-face {
	font-family: latomedium_italic;
	src: url(assets/fonts/lato-mediumitalic-webfont.eot);
	src: url(assets/fonts/lato-mediumitalic-webfontd41d.eot?#iefix) format('embedded-opentype'), url(assets/fonts/lato-mediumitalic-webfont.html) format('woff2'), url(assets/fonts/lato-mediumitalic-webfont.woff) format('woff'), url(assets/fonts/lato-mediumitalic-webfont-2.html) format('truetype'), url(assets/fonts/lato-mediumitalic-webfont.svg#latomedium_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: latolight_italic;
	src: url(assets/fonts/lato-lightitalic-webfont.eot);
	src: url(assets/fonts/lato-lightitalic-webfontd41d.eot?#iefix) format('embedded-opentype'), url(assets/fonts/lato-lightitalic-webfont.html) format('woff2'), url(assets/fonts/lato-lightitalic-webfont.woff) format('woff'), url(assets/fonts/lato-lightitalic-webfont-2.html) format('truetype'), url(assets/fonts/lato-lightitalic-webfont.svg#latolight_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

ins,
mark {
	background-color: #ff9;
	color: #000
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

a {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	outline: 0;
	color: #c53233
}

mark {
	font-weight: 700
}

del {
	text-decoration: line-through
}

.fancybox-nav,
a img {
	text-decoration: none
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page,
.scroll-to-top {
	cursor: pointer
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0
}

input,
select {
	margin: 0;
	vertical-align: middle
}

:focus {
	outline: 0
}

body,
html {
	height: 100%
}

html {
	font-size: 16px
}

body {
	line-height: 1;
	font-family: latolight, Arial, Helvetica, sans-serif;
	font-weight: 300
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-weight: 400;
	display: block
}

h1 {
	font-size: 36px
}

h2 {
	font-size: 30px;
	font-size: 1.875rem
}

h3 {
	font-size: 26px;
	font-size: 1.625rem
}

h4 {
	font-size: 22px;
	font-size: 1.375rem
}

h5 {
	font-size: 18px;
	font-size: 1.125rem
}

h6 {
	font-size: 16px;
	font-size: 1rem
}

a img {
	border: 0
}

p {
	font-size: 14px;
	font-size: .875rem;
	line-height: 18px;
	margin-bottom: 15px
}

* p:last-child {
	margin-bottom: 0
}

b,
strong {
	font-weight: 700
}

em,
i {
	font-family: latolight_italic
}

.drawer>.mNav>ul div ul li.title,
.footTopLft,
nav>ul>li>a {
	font-family: latoregular
}

::selection {
	background-color: #333;
	color: #fff
}

::-moz-selection {
	background-color: #333;
	color: #fff
}

ol {
	list-style: decimal
}

.cf:after,
.cf:before {
	content: "";
	display: table
}

.left {
	float: left
}

.right {
	float: right
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
	background-color: #CFCFCF
}

::-webkit-scrollbar {
	width: 15px;
	background-color: #F5F5F5
}

::-webkit-scrollbar-thumb {
	background-color: #333
}

.noWrap {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding: url(support/ellipsis-xbl.html#ellipsis)
}

.none {
	display: none
}

.nom {
	margin: 0!important
}

.bNone {
	border: none!important
}

.pb5 {
	padding-bottom: 5px!important
}

.pb10 {
	padding-bottom: 10px!important
}

.mb5 {
	margin-bottom: 5px!important
}

.mb10 {
	margin-bottom: 10px!important
}

.h50 {
	height: 50px
}

.dIt {
	display: inline-table
}

.dTc {
	display: table-cell
}

.poRel {
	position: relative
}

#preloader,
.scroll-to-top {
	position: fixed;
	display: block
}

.oh {
	overflow: hidden!important
}

#owl-top,
.bellLoader,
.boxBtn,
.footGal li a,
.footSmm ul li a,
.hPortCont a,
.hPortWrap,
.hPsPreviewWrap,
.innBanContNew h6,
.innerBanner,
.innerMain section,
.owl-carousel .owl-wrapper-outer,
.wWaInfraSlideHolder {
	overflow: hidden
}

.contGreyBg {
	background: #f2f2f2
}

.animAll,
a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.scroll-to-top {
	bottom: 80px;
	width: 40px;
	height: 40px;
	right: 40px;
	z-index: 999;
	background: url(assets/images/globalSprite.png) -660px -260px no-repeat;
	-webkit-animation: vertical 2.5s ease infinite;
	animation: vertical 2.5s ease infinite
}

#preloader {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #222;
	z-index: 9990
}

.preloader {
	position: absolute;
	margin: 0 auto;
	left: 1%;
	right: 1%;
	top: 45%;
	width: 95px;
	height: 95px;
	background: center center no-repeat none;
	background-size: 95px 95px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}

.bellLoader {
	width: 100px;
	height: 56px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.bellLoader:before {
	content: '';
	width: 99px;
	height: 98px;
	background: #fff;
	display: block;
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	top: 4px;
	left: 1px
}

.bellLoader img,
.bellLoaderBell img {
	max-width: 100%
}

.bellLoaderBell {
	width: 60px;
	height: 100px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 43px
}

#spinner {
	position: relative;
	height: 95px;
	width: 95px;
	top: 45%;
	margin: 0 auto -45px;
	border-radius: 100%;
	-webkit-animation: rotation .75s infinite linear;
	-moz-animation: rotation .75s infinite linear;
	-o-animation: rotation .75s infinite linear;
	animation: rotation .75s infinite linear
}

#spinner:before {
	content: "";
	display: block;
	position: absolute;
	left: -3px;
	top: -3px;
	height: 100%;
	width: 100%;
	border-top: 3px solid rgba(0, 0, 0, 1);
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-right: 3px solid transparent;
	border-radius: 100%
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(359deg)
	}
}

@-moz-keyframes rotation {
	from {
		-moz-transform: rotate(0)
	}
	to {
		-moz-transform: rotate(359deg)
	}
}

@-o-keyframes rotation {
	from {
		-o-transform: rotate(0)
	}
	to {
		-o-transform: rotate(359deg)
	}
}

@keyframes rotation {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(359deg)
	}
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.pace-inactive {
	display: none
}

.pace .pace-progress {
	background: #dc3e3f;
	position: absolute;
	z-index: 9999;
	top: 75%;
	right: 100%;
	width: 100%;
	height: 2px
}

.main {
	width: 100%
}

.wrap {
	max-width: 1200px;
	padding: 0 2.5rem;
	margin: 0 auto
}

.nop {
	padding: 0!important
}

.pTb40,
.pb40 {
	padding-bottom: 2.5rem
}

.pt10 {
	padding-top: 10px
}

.pt40 {
	padding-top: 2.5rem
}

.mb40 {
	margin-bottom: 2.5rem
}

.mb80 {
	margin-bottom: 5rem
}

.pt80 {
	padding-top: 5rem
}

.pTb40 {
	padding-top: 2.5rem
}

.pTb80 {
	padding-top: 5rem;
	padding-bottom: 5rem
}

header {
	position: fixed;
	z-index: 1099;
	width: 100%
}

.headerTopWide {
	width: 100%;
	background: #fff
}

.is-sticky .headerTopWide {
	box-shadow: 0 0 10px -4px #000
}

.headerTop {
	min-height: 95px
}

.is-sticky .headerTop {
	min-height: 40px
}

.headerTop .logo {
	width: 250px;
	max-width: 265px;
	padding-top: 22px;
	float: left
}

.is-sticky .logo {
	max-width: 100px;
	padding-top: 10px
}

.headerTop .logo a {
	display: block
}

.headerTop .logo a img {
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.headerTop .logo a:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03)
}

.hTopRgt {
	float: right
}

.hShare {
	padding-top: 40px
}

.is-sticky .hShare {
	padding-top: 8px
}

.hShare span.title {
	font-size: 14px
}

.hShare a {
	width: 24px;
	height: 24px;
	display: inline-block;
	line-height: 24px!important;
	padding-left: 2px!important;
	padding-right: 0!important;
	background-image: url(assets/images/globalSprite.png)!important;
	-webkit-filter: grayscale(100%);
	opacity: .4;
	filter: alpha(opacity=40);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.hShare a:hover {
	-webkit-filter: grayscale(0);
	opacity: 1;
	filter: alpha(opacity=100)
}

.hShare a.st_facebook {
	background-position: -378px -738px
}

.hShare a.st_twitter {
	/*background-position: -438px -738px*/
	 background-position: -739px -738px;
}

.hShare a.st_googleplus {
	/*background-position: -497px -738px*/
	 background-position: -738px -787px;
}

.hShare a.st_linkedin {
	background-position: -557px -738px
}

.hShare a.st_pinterest {
	background-position: -617px -738px
}

.hShare a.st_email {
	background-position: -677px -738px
}

.navWide {
	width: 100%;
	background: #232323
}

nav>ul {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

nav>ul>li {
	float: left;
	position: relative;
	border-left: 1px solid #393939
}

nav>ul>li:last-child {
	border-right: 1px solid #393939
}

nav>ul>li>a {
	font-size: 16px;
	color: #d1d1d1;
	font-weight: 400;
	line-height: 62px;
	display: block;
	padding: 0 20px;
	position: relative;
	z-index: 1999
}

.is-sticky nav>ul>li>a {
	font-size: 14px;
	font-weight: 300;
	line-height: 40px
}

nav>ul>li:hover a,
nav>ul>li>a.active,
nav>ul>li>a:hover {
	color: #fff;
	background: #3b3b3b
}

nav>ul>li>a:hover {
	background: #323232
}

nav>ul>li>a:after {
	content: '';
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #232323;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

nav>ul>li:hover a:after,
nav>ul>li>a.active:after,
nav>ul>li>a:hover:after {
	background: #dc3e3f
}

nav>ul>li.home a {
	text-indent: -9999px;
	width: 32px;
	position: relative
}

nav ul li.home a.active:before,
nav ul li.home a:before {
	content: '';
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	top: 16px
}

.is-sticky nav ul li.home a.active:before,
.is-sticky nav ul li.home a:before {
	top: 4px
}

nav ul li.home a:before {
	background: url(assets/images/globalSprite.png) -674px -14px no-repeat
}

nav ul li ul {
	width: 280px;
	padding: 5px 15px;
	position: absolute;
	top: 62px;
	left: 0;
	z-index: 999;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-transition: all .6s cubic-bezier(.86, 0, .07, 1);
	-moz-transition: all .6s cubic-bezier(.86, 0, .07, 1);
	-ms-transition: all .6s cubic-bezier(.86, 0, .07, 1);
	-o-transition: all .6s cubic-bezier(.86, 0, .07, 1);
	transition: all .6s cubic-bezier(.86, 0, .07, 1);
	background: #fff;
	border-top: 3px solid #dc3e3f
}

.is-sticky nav ul li ul {
	top: 40px
}

nav ul li ul li {
	display: block
}

nav ul li ul li a {
	color: #666!important;
	font-size: 14px;
	padding: 10px 5px;
	display: block;
	background: 0 0!important;
	border-bottom: 1px solid #efefef
}

nav ul li ul li:last-child a {
	border: none
}

nav ul li ul li a:hover {
	color: #dc3e3f!important
}

nav ul li:hover ul {
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.mobNav .mMenuOpen span,
.portNav span {
	-moz-transform: translateX(-50%) translateY(-50%)
}

ul.pbDd,
ul.psDd {
	width: 545px;
	padding-bottom: 38px
}

ul.pbDd li,
ul.psDd li {
	max-width: 225px
}
/* Header dropdown menu backgrund image */

ul.pac_sol_bg {
/*	background: url(assets/images/menu-dd.jpg) -550px bottom no-repeat #fff*/
background: url(assets/images/menu-dd.png)  -555px top no-repeat #fff;
	
}

ul.lux_pac_bg {
/*	background: url(assets/images/menu-dd.jpg) -550px bottom no-repeat #fff*/
background: url(assets/images/menu-dd.png) 0 top no-repeat #fff;
	
}




/*ul.pbDd {
	background: url(assets/images/menu-dd.jpg) 0 bottom no-repeat #fff
}*/

.mobNav {
	display: none;
	width: 100%;
	min-width: 250px;
	height: 0;
	position: fixed;
	z-index: 999;
	right: 0;
	top: 80px
}

.mobNav .mMenuOpen {
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 40px;
	top: -63px;
	background: #dc3e3f
}

.is-sticky .mobNav .mMenuOpen {
	right: 0;
	top: -40px
}

.mobNav .mMenuOpen span {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 28px;
	height: 2px;
	background-color: #fff
}

.mobNav .mMenuOpen span:after,
.mobNav .mMenuOpen span:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .5s, width .5s, top .3s;
	-moz-transition: -moz-transform .5s, width .5s, top .3s;
	transition: transform .5s, width .5s, top .3s
}

.mobNav .mMenuOpen span:before {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px)
}

.mobNav .mMenuOpen span:after {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	transform: translateY(6px)
}

.mobNav .mMenuOpen:hover span:before {
	top: -2px
}

.mobNav .mMenuOpen:hover span:after {
	top: 2px
}

.mobNav a.open span:after,
.mobNav a.open span:before {
	width: 50%;
	-webkit-transition: -webkit-transform .5s, width .5s;
	-moz-transition: -moz-transform .5s, width .5s;
	transition: transform .5s, width .5s;
	top: 0!important
}

.mobNav a.open span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.mobNav a.open span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.drawer {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform .25s linear;
	-moz-transition: -moz-transform .25s linear;
	-o-transition: -o-transform .25s linear;
	transition: transform .25s linear;
	margin-top: 15px
}

.drawer.open {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.drawer>.mNav>ul {
	padding: 30px;
	position: relative;
	z-index: 9;
	background: #dc3e3f;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
}

.drawer>.mNav>ul>li>a {
	font-size: 15px;
	color: #FFF1F1;
	display: block;
	padding: 15px 0;
	margin: 5px 0;
	border-bottom: 1px solid #EC4E4E
}

.drawer>.mNav>ul>li:last-child a {
	border: none
}

.drawer>.mNav>ul>li a:hover,
.drawer>.mNav>ul>li>a.active {
	color: #000
}

.drawer>.mNav>ul div {
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1199;
	background: #dc3e3f
}

.drawer>.mNav>ul div.eLm {
	margin-left: 200px;
	opacity: 0;
	visibility: hidden
}

.drawer>.mNav>ul div>ul {
	padding: 25px
}

.drawer>.mNav>ul div ul li.title {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #BB3232
}

.drawer>.mNav>ul div ul li.title a {
	display: inline-block;
	padding: 0;
	margin: 0;
	float: left;
	border: none
}

.drawer>.mNav>ul div ul li.title span {
	color: #333;
	font-size: 13px;
	display: inline-block;
	padding-left: 10px;
	float: right;
	cursor: pointer;
	position: relative
}

.footGal li a,
.galleryMain .item a,
galleryMain .item.w2 a {
	cursor: url(assets/cur/zoom-white-small.png) 8 8, url(assets/cur/zoom-white-small.html), move!important
}

.drawer>.mNav>ul div ul li.title span:before {
	content: '<';
	position: absolute;
	top: 0;
	left: 0
}

.footGal li a,
.footerTop h3,
footer {
	position: relative
}

.drawer>.mNav>ul div ul li a {
	font-size: 12px;
	color: #fff;
	display: block;
	padding: 7px 0;
	margin: 0;
	border-bottom: 1px dotted #EC4E4E
}

.drawer>.mNav>ul div ul li:last-child a {
	border: none
}

footer {
	width: 100%;
	background: url(assets/images/footer-bg.jpg) center center no-repeat #2a2a2a;
	background-size: cover;
	z-index: 999
}

.footerTop {
	padding: 2.5rem 0
}

.footerTop h3 {
	color: #fff;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
	padding-bottom: 10px
}

.footerTop p {
	color: #999
}

.footTopLft {
	width: 35%;
	float: left;
	font-size: 14px;
	font-weight: 400
}

.footTopLft>ul {
	width: 40%;
	margin-right: 4%;
	float: left
}

.footTopLft>ul>li>a {
	color: #fff
}

.footTopLft ul li a {
	padding: 2px 0;
	display: inline-block
}

.footTopLft ul li a:hover {
	color: #dc3e3f
}

.footTopLft>ul li {
	padding: 2px 0;
	display: block
}

.footTopLft>ul ul {
	padding-bottom: 10px
}

.footTopLft>ul>li li a {
	color: #999
}

.footTopMdl {
	width: 28%;
	margin-right: 5%;
	float: left
}

.footGal li,
.footTopRgt {
	width: 32%;
	float: left
}

.footGal {
	padding-top: 15px
}

.footGal li {
	height: 32%
}

.footGal li a {
	display: block;
	margin: 0 10px 10px 0
}

.footGal li a:before,
.footTopRgt h3:before {
	position: absolute;
	content: ''
}

.footGal li a:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: rgba(221, 48, 34, .9)
}

.footGal li:hover a:before {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.footGal li a img {
	max-width: 100%
}

.footTopRgt h3:before {
	width: 80px;
	height: 80px;
	display: block;
	top: -54px;
	left: -80px;
	background: url(assets/images/globalSprite.png) -320px -400px no-repeat
}

.footCotInfo span:before,
.footSmm ul li a {
	display: block;
	background-image: url(assets/images/globalSprite.png);
	background-repeat: no-repeat
}

.footTopRgt h6 {
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	color: #ccc
}

.footCotInfo {
	margin: 25px 0;
	padding: 25px 0;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555
}

.footSmm h4,
.footSmm ul {
	padding-bottom: 10px
}

.footCotInfo span {
	color: #b5b5b5;
	display: block;
	padding-left: 40px;
	margin-bottom: 15px;
	position: relative
}

.footCotInfo span a {
	color: #b5b5b5
}

.footCotInfo span a:hover {
	color: #fff
}

.footCotInfo span:before {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	top: -2px;
	left: -8px
}

.footCotInfo span i {
	font-family: latolight;
	font-style: normal;
	color: #666
}

.footCotInfo span.phone {
	font-size: 32px;
	font-size: 2rem;
	line-height: 36px;
	line-height: 2.25rem
}

.footCotInfo span.phone:before {
	background-position: -659px -180px
}

.footCotInfo span.email {
	font-size: 16px
}

.footCotInfo span.email:before {
	top: -12px;
	background-position: -738px -180px
}

.footSmm h4 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
	color: #ccc
}

.footSmm ul li {
	float: left;
	margin-right: 10px
}

.footSmm ul li a {
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background-position: -375px -75px;
	border: 1px solid #525252
}

.footSmm ul li a.fb {
	background-position: -373px -13px
}

.footSmm ul li a.tw {
	/*background-position: -434px -13px*/
	background-position: -712px -74px;
}

.footSmm ul li a.gp {
	background-position: -490px -13px
}

.footSmm ul li a.in {
	background-position: -555px -13px
}

.footSmm ul li a.yu {
	background-position: -614px -13px
}

.footSmm ul li a:hover {
	border: 1px solid #444
}

.footSmm ul li a:hover.fb {
	background-position: -373px -75px
}

.footSmm ul li a:hover.tw {
	/*background-position: -434px -75px*/
	background-position: -665px -74px;
}

.footSmm ul li a:hover.gp {
	background-position: -490px -75px
}

.footSmm ul li a:hover.in {
	background-position: -555px -75px
}

.footSmm ul li a:hover.yu {
	background-position: -614px -75px
}

.medDeviceSmm .footSmm {
	display: none
}

.footerBtm {
	padding: 15px 0;
	background: rgba(15, 15, 15, .6)
}

.footBtmLft,
.footBtmLft a,
.footBtmLft p {
	float: left
}

.footBtmLft a {
	display: inline-block;
	padding: 5px 0;
	margin-right: 25px
}

.footBtmLft p {
	color: #666;
	font-size: 13px;
	line-height: 40px
}

.footBtmRgt {
	float: right
}

.footBtmRgt a {
	color: #666;
	display: block
}

.footBtmRgt a img,
.footBtmRgt a span {
	display: inline-block;
	float: left
}

.footBtmRgt a span {
	font-size: 13px;
	line-height: 40px;
	padding-right: 10px
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel,
.owl-carousel .owl-wrapper {
	display: none;
	position: relative
}

.owl-carousel {
	width: 100%;
	-ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper-outer {
	position: relative;
	width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
	float: left
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.grabbing {
	cursor: url(grabbing.html) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px
}

.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease
}

.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease
}

.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease
}

.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both
}

.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both
}

.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
	0% {
		opacity: 1
	}
}

@-moz-keyframes empty {
	0% {
		opacity: 1
	}
}

@keyframes empty {
	0% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px)
	}
	100%,
	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%)
	}
}

@-moz-keyframes backSlideOut {
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px)
	}
	100%,
	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%)
	}
}

@keyframes backSlideOut {
	25% {
		opacity: .5;
		transform: translateZ(-500px)
	}
	100%,
	75% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%)
	}
}

@-webkit-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) translateX(0)
	}
}

@-moz-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateZ(0) translateX(0)
	}
}

@keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		transform: translateZ(0) translateX(0)
	}
}

@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-webkit-transform: scale(.8)
	}
}

@-moz-keyframes scaleToFade {
	to {
		opacity: 0;
		-moz-transform: scale(.8)
	}
}

@keyframes scaleToFade {
	to {
		opacity: 0;
		transform: scale(.8)
	}
}

@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%)
	}
}

@-moz-keyframes goDown {
	from {
		-moz-transform: translateY(-100%)
	}
}

@keyframes goDown {
	from {
		transform: translateY(-100%)
	}
}

@-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-moz-transform: scale(1.5)
	}
}

@keyframes scaleUpFrom {
	from {
		opacity: 0;
		transform: scale(1.5)
	}
}

@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpTo {
	to {
		opacity: 0;
		-moz-transform: scale(1.5)
	}
}

@keyframes scaleUpTo {
	to {
		opacity: 0;
		transform: scale(1.5)
	}
}

.owl-theme .owl-controls {
	text-align: center;
	z-index: 100;
	left: 0;
	width: 100%
}

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	font-size: 12px
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	position: absolute;
	top: 0;
	left: 0
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	opacity: 1;
	text-decoration: none
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 8px;
	height: 8px;
	margin-left: 5px;
	margin-right: 5px;
	opacity: 1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #212121;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.owl-item.loading {
	min-height: 150px
}

#owl-top {
	position: relative;
	width: 100%;
	margin: 0 auto
}

#owl-top .item,
#prodShowcase .item,
#wWaIslide .item {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: move!important
}

#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev,
#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-prev,
#wWaIslide.owl-theme .owl-controls .owl-buttons .owl-prev {
	position: absolute;
	left: 0;
	cursor: url(assets/cur/grab-left-black.png) 8 8, url(assets/cur/grab-left-black.html), move!important
}

#owl-top.owl-theme .owl-controls .owl-buttons .owl-next,
#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-next,
#wWaIslide.owl-theme .owl-controls .owl-buttons .owl-next {
	position: absolute;
	right: 0;
	cursor: url(assets/cur/grab-rgt-black.png) 8 8, url(assets/cur/grab-rgt-black.html), move!important
}

#owl-top.owl-theme .owl-controls .owl-buttons .owl-next,
#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev,
#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-next,
#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-prev,
#wWaIslide.owl-theme .owl-controls .owl-buttons .owl-next,
#wWaIslide.owl-theme .owl-controls .owl-buttons .owl-prev {
	top: 0;
	width: 30%;
	height: 100%;
	z-index: 1;
	text-indent: 100%
}

#bar,
#bar-text-slider {
	max-width: 100%;
	height: 3px
}

#bar {
	width: 0;
	background: rgba(0, 0, 0, .7)
}

#progressBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, .2);
	z-index: 5
}

@-webkit-keyframes vertical {
	0%,
	16%,
	32% {
		-webkit-transform: translate(0, -5px)
	}
	24%,
	40%,
	8% {
		-webkit-transform: translate(0, 5px)
	}
	48% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes vertical {
	0%,
	16%,
	32% {
		transform: translate(0, -5px)
	}
	24%,
	40%,
	8% {
		transform: translate(0, 5px)
	}
	48% {
		transform: translate(0, 0)
	}
}

.boxBtn {
	font-family: latoregular;
	color: #b62630;
	font-size: 14px;
	font-weight: 400;
	padding: 12px 18px;
	display: inline-block;
	border: 1px solid #b62630;
	position: relative
}

.boxBtn:after,
.boxBtn:before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	border: 1px solid transparent;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	transition: transform .5s ease-in-out
}

.boxBtn:before {
	-webkit-transform: translate(-15px, 15px);
	-moz-transform: translate(-15px, 15px);
	-ms-transform: translate(-15px, 150px);
	-o-transform: translate(-15px, 15px);
	transform: translate(-15px, 15px)
}

.boxBtn:after {
	-webkit-transform: translate(15px, -15px);
	-moz-transform: translate(15px, -15px);
	-ms-transform: translate(15px, -15px);
	-o-transform: translate(15px, -15px);
	transform: translate(15px, -15px)
}

.boxBtn:hover:before {
	border-left-color: rgba(255, 255, 255, .3);
	border-bottom-color: rgba(255, 255, 255, .3)
}

.boxBtn:hover:after {
	border-right-color: rgba(255, 255, 255, .3);
	border-top-color: rgba(255, 255, 255, .3)
}

.boxBtn:hover {
	color: #fff;
	background: #b62630
}

.boxBtn:hover:after,
.boxBtn:hover:before {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.hTb-text {
	width: 100%;
	position: absolute;
	top: 50%
}

.hTb-text h4 {
	font-family: latobold;
	font-weight: 700;
	color: #fff;
	font-size: 50px;
	font-size: 3.125rem;
	text-transform: uppercase;
	padding-bottom: 15px
}

.hTb-text p {
	font-weight: 300;
	color: #fff;
	font-size: 20px;
	font-size: 1.25rem;
	display: inline-block;
	padding: 15px 25px;
	margin-bottom: 15px;
	background: rgba(221, 48, 34, .8)
}

.hTb-text a {
	font-family: latoregular;
	color: #fff;
	font-size: 15px;
	font-size: .9375rem;
	font-weight: 400;
	border: 2px solid #efefef;
	background: 0 0
}

.hTb-text a:hover {
	background: #333;
	border: 2px solid #333
}

.hTb-text-slider-wrapper {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	z-index: 10
}

#owl-text-slider,
#owl-text-slider .item {
	position: relative;
	width: 100%
}

.tBanImg img {
	width: 100%
}

#owl-text-slider {
	max-width: 900px;
	margin: 0 auto;
	-webkit-transform: translate3d(0, -65%, 0);
	transform: translate3d(0, -65%, 0)
}

#owl-text-slider .item p {
	font-family: latobold;
	color: #414141;
	font-size: 42px;
	font-size: 2.625rem;
	line-height: 58px;
	line-height: 3.625rem;
	letter-spacing: 3px;
	font-weight: 700;
	padding-bottom: 30px
}

.hBcont h6,
.homeTopContW span {
	font-family: latoregular
}

#bar-text-slider {
	width: 0;
	background: rgba(0, 0, 0, .7)
}

#progressBar-text-slider {
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 20%;
	background: rgba(0, 0, 0, .2);
	z-index: 5
}

.hBWide {
	width: 100%;
	padding: 40px 0;
	background: #dc3e3f;
	overflow: hidden
}

.hBwrap {
	width: 100%;
	display: table;
	margin: 0 auto
}

.hBcont {
	display: inline-table;
	padding: 15px 30px;
	border-right: 1px solid #e36565
}

.hBcont div {
	width: 218px
}

.hBcont i {
	width: 60px;
	height: 50px;
	margin-top: 8px;
	float: left;
	background-image: url(assets/images/globalSprite.png);
	background-repeat: no-repeat
}

.hBcont i.hBs1 {
	background-position: -17px -95px
}

.hBcont i.hBs2 {
	background-position: -94px -95px
}

.hBcont i.hBs3 {
	background-position: -178px -95px
}

.hBcont i.hBs4 {
	background-position: -260px -95px
}

.hBcont h6 {
	font-size: 66px;
	font-size: 4.125rem;
	color: #fff;
	float: left
}

.hBcont p {
	font-size: 15px;
	color: #fff;
	text-align: left;
	padding-top: 10px
}

.homeTopContW {
	width: 100%;
	text-align: center;
	background-image: url(assets/images/hbg1.jpg);
	background-size: cover
}

.homeTopContW h3 {
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 300;
	color: #dc3e3f;
	padding: 0 50px 35px;
	max-width: 980px;
	margin: 0 auto
}

.homeTopContW p,
.homeTopContW span {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 36px;
	line-height: 2.25rem;
	font-weight: 300;
	color: #888;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 3.125rem;
	padding-bottom: 30px
}

.homeTopContW figure {
	display: block;
	max-width: 980px;
	margin: 0 auto;
	position: relative
}

/*.homeTopContW figure:before {
	content: '';
	width: 240px;
	height: 240px;
	display: block;
	background: url(assets/images/globalSprite.png) -2px -400px no-repeat;
	position: absolute;
	top: -85px;
	right: -165px
}*/

.homeTopContW figure img {
	max-width: 100%
}

.homeTopContW span {
	display: block;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	position: relative;
	padding: 0
}

.homeTopContW span:before {
	content: '';
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: -70px;
	left: 74px;
	background: url(assets/images/globalSprite.png) -240px -400px no-repeat
}

.homePrintSol {
	width: 100%;
	min-height: 500px;
	background: #f3edec
}

.hPsTop {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 40px 40px;
	text-align: center
}

.hPsTop h2 {
	color: #dc3e3f;
	font-size: 52px;
	font-size: 3.25rem;
	font-weight: 300;
	padding-bottom: 10px
}

.hPsTop h5 {
	color: #999;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 36px;
	line-height: 2.25rem;
	font-weight: 300
}

.hPsPreview,
.packageSol,
.printSol {
	float: left
}

.packageSol,
.printSol {
	width: 36%
}

.hPsPreview {
	width: 28%
}

.hPsNav li {
	display: block;
	border-bottom: 1px solid #edd6d6
}

.hPsNav li:last-child {
	border: none
}

.hPsNav div,
.hPsNav h2,
.hPsNav h6,
.hPsNav li,
.hPsNav li a div:after,
.hPsNav li a div:before {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.hPsNav li a {
	display: block;
	padding: 20px 5px;
	background: #f3edec;
	position: relative;
	z-index: 9
}

.hPsNav li a div {
	max-width: 300px;
	padding-left: 90px;
	float: right;
	position: relative
}

.hPortCont,
.twoSpltRow .lft {
	float: left
}

/*.printSol .hPsNav li a div {
	float: left;
	padding-left: 35px;
	padding-right: 75px
}*/

.printSol .hPsNav li a div {
    float: left;
    padding-right: 10px;
    padding-left: 100px;
}

.hPsNav li a h2 {
	font-family: latobold;
	color: #dc3e3f;
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 10px
}

.hPsNav li a h6 {
	font-size: 18px;
	line-height: 28px;
	color: #555;
	font-weight: 300;
	position: relative;
	z-index: 99
}

.hPsNav li a div:before,
.hPsNav li div:after {
	display: block;
	position: absolute;
	content: ''
}

.hPsNav li a div:before {
	width: 80px;
	height: 80px;
	left: 0;
	top: 0;
	background-image: url(assets/images/background_icon_img.png);
	background-repeat: no-repeat;
	background-position: 0 -158px
}

/*.printSol .hPsNav li a div:before {
	left: inherit;
	right: 0
}*/

.printSol .hPsNav li a div:before {
    right: inherit;
    left: 10px;
}

.hPsNav li div:after {
	width: 30px;
	height: 30px;
	background: #f3edec;
	right: 5px;
	top: 28%;
	transform: rotate(45deg);
	opacity: 0
}

.printSol .hPsNav li a div:after {
	right: inherit;
	left: 5px
}

.hPsNav li.hPsI01 a div:before {
	background-position: -362px -94px;
}

.hPsNav li.hPsI02 a div:before {
	background-position:-80px 0;
}

.hPsNav li.hPsI03 a div:before {
	background-position: -4px -161px;
}

.hPsNav li.hPsI04 a div:before {
	background-position: -350px -3px;
}

.hPsNav li.hPsI05 a div:before {
	background-position: 10px -82px;
}

.hPsNav li.hPsI06 a div:before {
	background-position: -169px -93px;
}

.hPsNav li.hPsI07 a div:before {
	background-position: -170px 0;
}

.hPsNav li.hPsI08 a div:before {
	background-position: -262px 0;
}

.hPsNav li.hPsI09 a div:before {
	background-position: -73px -86px;
}

.hPsNav li.hPsI10 a div:before {
	background-position: -96px -171px;
}

.hPsNav li.hPsI11 a div:before {
	background-position: -261px -94px;
}

.hPsNav li.hPsI12 a div:before {
	background-position: -195px -179px;
}

.hPsNav li a.active,
.hPsNav li a:hover {
	background: #dc3e3f
}

.hPsNav li a.active div:after,
.hPsNav li a:hover div:after {
	background: #dc3e3f;
	right: -15px;
	opacity: 1
}

.printSol .hPsNav li a.active div:after,
.printSol .hPsNav li a:hover div:after {
	left: -20px;
}

.hPsNav li a.active h2,
.hPsNav li a:hover h2 {
	color: #fff
}

.hPsNav li a.active h6,
.hPsNav li a:hover h6 {
	color: #F9B2B2
}

.packageSol li a.active div:before,
.packageSol li a:hover div:before,
.printSol li a:hover div:before {
	-webkit-filter: brightness(0);
	opacity: .3
}

.packageSol li a.active div:before,
.packageSol li a:hover div:before {
	left: -10px
}

.printSol li a.active div:before,
.printSol li a:hover div:before {
	right: -10px
}

.hPsPreviewWrap {
	position: relative;
	background: url(assets/images/bellNoImg.png) center center no-repeat;
	background-size: 150px 150px
}

.hPsPreviewWrap .hPsA {
	height: 100%
}

.hPsPreviewWrap div {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.hPsPreviewWrap .dt {
	height: 100%;
	display: table;
	margin: 0 auto;
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

.hPsPreviewWrap .dt.active {
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible
}

.hPsPreviewWrap figure {
	display: table-cell;
	vertical-align: middle
}

.hPsPreview img {
	max-width: 100%;
	max-height: 100%
}

.homeGallery {
	width: 100%;
	padding: 80px 0 0
}

.hPortWrap {
	padding-top: 20px
}

.hPortCont {
	width: 25%
}

.hPortCont a {
	display: block;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-left: -1px;
	position: relative;
	cursor: url(assets/cur/zoom-white.png) 8 8, url(assets/cur/zoom-white.html), move!important
}

.hPortCont a img {
	max-width: 100%;
	visibility: hidden
}

.hPortCont .hPortImg1 {
	background: url(assets/images/home-port1.jpg) center center no-repeat;
	background-size: cover
}

.hPortCont .hPortImg2 {
	background: url(assets/images/home-port2.jpg) center center no-repeat;
	background-size: cover
}

.hPortCont .hPortImg3 {
	background: url(assets/images/home-port3.jpg) center center no-repeat;
	background-size: cover
}

.hPortCont .hPortImg4 {
	background: url(assets/images/home-port4.jpg) center center no-repeat;
	background-size: cover
}

.hPortCont .hPortImg5 {
	background: url(assets/images/home-port5.jpg) center center no-repeat;
	background-size: cover
}

.hPortCont .hPortImg6 {
	background: url(assets/images/home-port6.jpg) center center no-repeat;
	background-size: cover
}

.hPortCont .hPortImg7 {
	background: url(assets/images/home-port7.jpg) center center no-repeat;
	background-size: cover
}

.hPortCont .hPortImg8 {
	background: url(assets/images/home-port8.jpg) center center no-repeat;
	background-size: cover
}

.hPortCont a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: rgba(0, 0, 0, .7)
}

.hPortCont:hover a:before {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.homeTestimonial {
	width: 100%;
	background-color: #dd3022;
	background-image: url(assets/images/hbg2.jpg);
	background-size: cover
}

.hTestimonTop {
	padding-bottom: 30px
}

.hTestimonTop h2 {
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 300;
	color: #fff;
	text-align: center;
	padding-bottom: 20px
}

.hTestimonTop i {
	color: #fff;
	font-family: Georgia;
	font-size: 90px;
	font-style: inherit;
	text-indent: -8px;
	line-height: 68px;
	width: 20px;
	height: 20px;
	padding: 20px;
	display: block;
	margin: 0 auto;
	border: 1px solid #ec8d86;
	border-radius: 50%;
	background: #d82d28
}

#testimonials {
	max-width: 980px;
	padding: 0 50px;
	margin: 0 auto
}

#homeTstmnls .item {
	cursor: e-resize
}

#homeTstmnls .item p {
	font-family: latolight_italic;
	font-size: 20px;
	font-size: 1.25rem;
	color: #fff;
	font-weight: 300;
	text-align: center;
	line-height: 30px;
	line-height: 1.875rem;
	font-style: italic;
	position: relative
}

#homeTstmnls .item span {
	font-size: 20px;
	font-size: 1.25rem;
	color: #4F0B08;
	font-weight: 300;
	text-align: center;
	line-height: 30px;
	display: block
}

#homeClients .owl-controls,
#homeTstmnls .owl-controls {
	padding-top: 20px
}

#homeClients .owl-controls .owl-page span,
#homeTstmnls .owl-controls .owl-page span {
	display: block;
	width: 18px;
	height: 18px;
	margin: 5px 10px;
	filter: Alpha(Opacity=60);
	opacity: .6;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #f7f7f7;
	border: 1px solid #f7f7f7
}

#homeClients .owl-controls .owl-page span {
	width: 12px;
	height: 12px;
	margin: 2px 6px;
	background: #999;
	border: 1px solid #999
}

#homeClients .owl-controls .owl-page.active span,
#homeClients .owl-controls .owl-page:hover span,
#homeTstmnls .owl-controls .owl-page.active span,
#homeTstmnls .owl-controls .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1
}

.homeClients {
	width: 100%;
	background: #e4e4e4
}

.hCuF {
	max-width: 1100px;
	padding: 0 2%;
	margin: 0 auto
}

.hCuF img {
	max-width: 100%
}

.homeClients h2 {
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 300;
	color: #000;
	text-align: center;
	padding-bottom: 30px
}

.homeClientsHolder {
	max-width: 980px;
	margin: 0 auto;
	display: none
}

#homeClients .item {
	margin: 0 2%;
	text-align: center;
	cursor: e-resize
}

.es-nav span,
.rg-image-nav a {
	text-indent: -9000px;
	cursor: pointer
}

#homeClients .item img {
	max-width: 100%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#homeClients .item:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0)
}

.innerMain {
	width: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.innerBannerWide {
	width: 100%;
	background: #333;
	text-align: center
}

.innerBanner {
	width: 100%;
	min-height: 100px;
	max-height: 200px;
	position: relative
}

.innBan {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover
}

.innBan img {
	max-width: 100%;
	visibility: hidden
}

.innBanCont,
.innBanContNew {
	max-width: 900px;
	margin: 0 auto;
	z-index: 99;
	position: relative
}

.innBanCont {
	width: 100%;
	padding: 5rem 0
}

.innBanCont h2 {
	font-family: latobold;
	color: #fff;
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 700;
	padding-bottom: 10px
}

.innBanCont h6 {
	color: #fff;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300
}

.innBanContNew {
	display: inline-block;
	padding: 2.5rem 0
}

.innBanContNew h2 {
	font-family: latothin;
	color: #fff;
	font-size: 72px;
	font-size: 4.5rem;
	text-transform: capitalize;
	padding-bottom: 10px
}

.innBanContNew h6,
.wWaInn a.boxBtn {
	font-family: latoregular
}

.innBanContNew h6 {
	color: #fff;
	font-size: 20px;
	font-size: 1.25rem;
	padding: 0 100px;
	position: relative
}

.innBanContNew h6:after,
.innBanContNew h6:before {
	content: '';
	display: block;
	height: 1px;
	background: #fff none repeat scroll 0 0;
	position: absolute;
	top: 50%;
	width: 10000px
}

.innBanContNew h6:before {
	right: calc(50% + 105px)
}

.innBanContNew h6:after {
	left: calc(50% + 105px)
}

.greyBg {
	background: #f2f2f2
}

.twoSpltRow .lft,
.twoSpltRow .rgt {
	width: 45%
}

.cVSec,
.twoSpltRow .rgt {
	float: right
}

.twoSpltRow figure img {
	max-width: 100%
}

.wWaInn h2 {
	font-size: 38px;
	font-size: 2.375rem;
	text-transform: uppercase
}

.prodMainPage h3,
.wWaInn h3 {
	font-size: 36px;
	font-size: 2.25rem;
	color: #e5503c;
	padding-bottom: 1.25rem
}

.prodMainPage h5,
.wWaInn h5 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
	color: #000;
	padding-bottom: 1.875rem
}

.prodMainPage h6,
.wWaInn h6 {
	font-size: 15px;
	color: #e5503c;
	text-transform: uppercase;
	padding-bottom: 15px
}

.prodMainPage p,
.wWaInn p {
	font-size: 18px;
	color: #525252;
	font-weight: 300;
	line-height: 1.875rem;
	padding-bottom: 1.25rem
}

.wWaInn a.boxBtn {
	color: #b62630;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #b62630;
	background: 0 0
}

.wWaInn a.boxBtn:hover {
	color: #fff;
	background: #b62630
}

.wWaVm p {
	font-family: latolight_italic;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
	font-style: italic
}

.wWaVm b {
	font-family: latobold;
	color: #e5503c;
	font-weight: 700
}

.bellSprtr {
	margin: 80px auto 40px;
	border-top: 1px solid #cecece;
	position: relative
}

.bellSprtr i {
	width: 120px;
	height: 120px;
	display: block;
	margin: -68px auto 0;
	background: url(assets/images/globalSprite.png) -240px -480px no-repeat
}

.wWaVm .bellSprtr {
	max-width: 700px
}

.wWaVm .bellSprtr i {
	background-color: #f2f2f2
}

.wWaCv {
	background-color: #dd3022;
	background-image: url(assets/images/core-value-bg.jpg)
}

.infraStudio h3,
.infraStudio h5,
.infraStudio p,
.wWaCv h3,
.wWaCv h5,
.wWaCv p,
.wWaQa h3,
.wWaQa h5,
.wWaQa p {
	color: #f7d4d2;
	font-weight: 300
}

.infraStudio h3,
.wWaCv h3,
.wWaQa h3 {
	color: #fff
}


.cVSec div {
	float: left;
	width: 30%;
	padding: 8%
}

.cVSec .red {
	color: #fff;
	background: #c72517
}

.cVSec .white {
	color: #c72517;
	background: #fff
}

.cVSec span.big {
	font-family: latothin;
	display: block;
	font-size: 72px;
	font-size: 4.5rem;
	font-weight: 100
}

.cVSec span.small {
	display: block;
	font-size: 24px;
	font-weight: 300
}

.wWaQa {
	background-color: #dd3022;
	background-image: url(assets/images/quality-assurance-bg.jpg)
}

.wWaQa p {
	line-height: 24px
}

.wWaQa p b {
	font-family: latoregular;
	font-weight: 400
}

.wWaIbCont h3,
.wWaQaBtm>div>div p b {
	font-weight: 700;
	font-family: latobold
}

.wWaQaBtm {
	background: rgba(130, 13, 3, .6)
}

.wWaQaBtm>div>div {
	width: 50%;
	float: left;
	position: relative
}

.wWaQaBtm>div>div p {
	padding: 0 0 0 100px
}

.wWaQaBtm .mIs:before,
.wWaQaBtm .qMs:before {
	content: '';
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.wWaQaBtm .qMs:before {
	background: url(assets/images/globalSprite.png) -400px -480px no-repeat
}

.wWaQaBtm .mIs:before {
	background: url(assets/images/globalSprite.png) -480px -480px no-repeat
}

.wWaInfra {
	background: #f2f2f2
}

.wWaIbCont i,
.wWaIbCont i.press {
	background-position: -560px -480px
}

.wWaInfraSlideHolder {
	padding: 0 40px;
	margin: 0 auto
}

#wWaIslide figcaption {
	display: block;
	max-width: 700px;
	margin: 0 auto;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 26px;
	line-height: 1.625rem;
	text-align: center;
	padding-bottom: 25px
}

#wWaIslide figure {
	display: block;
	max-width: 900px;
	margin: 0 auto
}

#wWaIslide figure img {
	max-width: 100%;
	margin: 0 auto;
	display: block
}

.wWaInfraBlock {
	width: 100%;
	padding: 40px 0;
	display: table
}

.wWaIbCont {
	max-width: 22%;
	padding: 0 3%;
	display: inline-table;
	vertical-align: top
}

.wWaIbCont i {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto 20px;
	background-image: url(assets/images/globalSprite.png);
	background-repeat: no-repeat
}

.wWaIbCont i.pPress {
	background-position: -640px -480px
}

.wWaIbCont i.dStudio {
	background-position: -720px -480px
}

.wWaIbCont a {
	display: inline-block
}

.wWaIbCont h3 {
	font-size: 22px
}

.wWaIbCont p {
	line-height: 22px;
	line-height: 1.375rem
}

.wWaIbCont span {
	padding: 8px 15px;
	font-size: 12px
}

.historyRow .hLft,
.historyRow .hRgt {
	width: 41%;
	padding: 4.4%;
	float: left;
	position: relative
}

.historyRow .hLft {
	text-align: right;
	margin-top: -50px;
	border-right: 1px solid #e5e5e5
}

.historyRow .hLft.last {
	padding-top: 3%
}

.hBtmCirc,
.hTopCirc {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #333;
	position: absolute;
	top: 2px;
	right: -8px
}

.hBtmCirc {
	top: inherit;
	bottom: 2px
}

.historyRow .arrw:before,
.historyRow .hRgt.arrw:before {
	content: '';
	width: 10%;
	height: 1px;
	background: #e5503c;
	position: absolute;
	top: 80px;
	right: 0;
	z-index: -1
}

.historyRow .hRgt.arrw:before {
	right: inherit;
	left: -1px
}

.historyRow .arrw:after,
.historyRow .hRgt.arrw:after {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e5503c;
	position: absolute;
	top: 76px;
	right: -5px;
	z-index: 1
}

.historyRow .hRgt.arrw:after {
	right: inherit;
	left: -6px
}

.historyRow .hCont {
	width: 55%;
	padding: 0 3.5%;
	float: left
}

.historyRow .hCont p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 22px;
	line-height: 1.375rem;
	margin: 0
}

.historyRow figure {
	display: block;
	width: 38%;
	max-width: 250p;
	float: left
}

.historyRow figure img {
	max-width: 100%;
	height: auto;
	width: 100%;
}

section.aboutUsTop {
	background-color: #f2f2f2;
	background-image: url(assets/images/bell-printers-office-wwa.jpg)
}

.aboutUsTop .lft {
	width: 40%;
	float: left;
	background-color: rgba(255, 255, 255, .8)
}

.aUtCpad {
	padding: 0 15%
}

.nAward {
	color: #333;
	text-align: right
}

.nAward span.big,
.nAward span.small {
	display: block
}

.infraEquipWrap .hPsNav li a div:before,
.rg-view {
	display: none
}

.nAward span.small {
	font-size: 26px;
	font-weight: 300
}

.nAward span.big {
	font-family: latobold;
	font-size: 64px;
	font-weight: 700;
	color: #dc3e3f
}

.nAward h4,
.nAward h5,
.nAward span.big span {
	font-weight: 300
}

.nAward h5 {
	font-size: 30px;
	padding: 0
}

.nAward h4 {
	font-size: 28px;
	padding-bottom: 30px
}

.nAward p {
	font-size: 20px;
	padding-left: 30%
}

section.aboutUsBtm {
	background-image: url(assets/images/about-us-bg.jpg)
}

.aboutUsBtm .md img {
	position: absolute;
	bottom: -1px;
	left: 20%
}

.aboutUsBtm .lft {
	width: 30%;
	height: 98%;
	position: absolute;
	bottom: 0;
	border-bottom: 1px solid #f2f2f2
}

.aboutUsBtm .rgt {
	width: 60%
}

.infraTopMd {
	overflow: visible!important
}

.infraTopMd .lft {
	width: 35%
}

.infraTopMd .rgt {
	width: 68%;
	margin-right: -3.6%
}

.infraTopMd h6 {
	font-family: latolight_italic;
	font-size: 20px;
	line-height: 28px;
	font-style: italic;
	text-transform: inherit
}

.infraTopMd figure {
	max-height: 550px;
	max-width: 900px;
	width: 100%;
	position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 9
}

.infraVari {
	background-image: url(assets/images/infra-vari-bg.jpg)
}

.infraVari .lft {
	width: 70%
}

.infraVari .rgt {
	width: 20%
}

.infraPressBg {
	min-height: 500px;
	background-image: url(assets/images/infra-press-bg.jpg)
}

.infraPostPressBg {
	min-height: 500px;
	background-image: url(assets/images/infra-post-press-bg.jpg)
}

.infraEquipWrap .hPsNav {
	position: relative
}

.infraEquipWrap .hPsNav li {
	margin-left: 60%
}

.infraEquipWrap .hPsNav li a div {
	padding-left: 35px;
	padding-right: 60px;
	float: left;
	max-width: 260px
}

.infraEquipWrap .hPsNav li a div:after {
	right: inherit;
	left: 5px
}

.infraEquipWrap .hPsNav li a.active div:after,
.infraEquipWrap .hPsNav li a:hover div:after {
	left: -10px;
	top: 16%
}

.infraEquipWrap li a h6 {
	font-size: 16px;
	line-height: 20px;
	color: #333;
	font-weight: 300;
	text-transform: inherit;
	padding: 0
}

.infraEquipWrap li div.fig {
	width: 60%;
	max-width: 650px;
	overflow: hidden;
	position: absolute;
	top: 15%;
	right: 45%;
	z-index: 1
}

.infraEquipWrap li div.fig img {
	max-width: 100%;
	opacity: 0;
	filter: alpha(opacity=0)
}

.infraEquipWrap li div.open img {
	opacity: 1;
	filter: alpha(opacity=100)
}

.infraStudio {
	background-color: #dd3022;
	background-image: url(assets/images/infra-studio-bg.jpg)
}



.infraStudio h5,
.infraStudio p {
	color: #fff
}

.infraTgallery {
	background: #f2f2f2
}

.rg-gallery {
	position: relative;
	padding: 0 1.875rem
}

.rg-image-wrapper {
	position: relative;
	padding: 20px 30px;
	background: url(assets/images/black.html) top left;
	min-height: 20px
}

.rg-image {
	position: relative;
	text-align: center;
	line-height: 0;
	padding: 30px 0
}

.rg-image img {
	max-height: 100%;
	max-width: 100%;
	border: 8px solid #fff;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .27)
}

.rg-image-nav a {
	position: absolute;
	top: 0;
	left: 0;
	background: url(assets/images/nav.png) -20% 50% no-repeat;
	width: 40px;
	height: 100%;
	opacity: .3;
	outline: 0
}

.rg-image-nav a:hover,
.rg-view a {
	opacity: .8
}

.rg-image-nav a.rg-image-nav-next {
	right: 0;
	left: auto;
	background-position: 115% 50%
}

.rg-caption {
	text-align: center;
	margin-top: 15px;
	position: relative
}

.rg-caption p {
	font-size: 16px;
	line-height: 16px;
	padding: 0 15px;
	text-transform: uppercase
}

.rg-view {
	height: 30px
}

.rg-view a {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	background: url(assets/images/views.png) top left no-repeat #464646;
	border: 3px solid #464646
}

.rg-view a:hover {
	opacity: 1
}

.rg-view a.rg-view-full {
	background-position: 0 0
}

.rg-view a.rg-view-selected {
	background-color: #6f6f6f;
	border-color: #6f6f6f
}

.rg-view a.rg-view-thumbs {
	background-position: 0 -16px
}

.rg-loading {
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(assets/images/ajax-loader.gif) center center no-repeat #000;
	margin: -23px 0 0 -23px;
	z-index: 100;
	opacity: .7
}

.es-carousel-wrapper {
	background: #444;
	padding: 10px 27px;
	margin-left: -30px;
	margin-right: -30px;
	position: relative
}

.es-carousel {
	overflow: hidden
}

.es-carousel ul {
	display: none
}

.es-carousel ul li {
	height: 100%;
	float: left;
	display: block
}

.es-carousel ul li a {
	display: block;
	border-style: solid;
	border-color: #222;
	opacity: .8;
	-webkit-touch-callout: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.es-carousel ul li.selected a {
	border-color: #fff;
	opacity: 1
}

.es-carousel ul li a img {
	display: block;
	border: none;
	max-height: 100%;
	max-width: 100%
}

.es-nav span {
	position: absolute;
	top: 50%;
	left: 8px;
	background: url(assets/images/nav_thumbs.png) top left no-repeat;
	width: 14px;
	height: 26px;
	margin-top: -13px;
	opacity: .8
}

.es-nav span.es-nav-next {
	right: 8px;
	left: auto;
	background-position: top right
}

.whyUsCont i.tech:before,
.whyUsCont i:before {
	background-position: 0 -640px
}

.es-nav span:hover {
	opacity: 1
}

.whyUsCol {
	width: 33.333%;
	float: left
}

.whyUsCont {
	padding: 0 8%;
	height: 320px;
	position: relative
}

.wUcBrdRgt {
	border-right: 1px solid #fbebeb
}

.wUcBrdBtm {
	border-bottom: 1px solid #fbebeb
}

.wUcBrdTop {
	border-top: 1px solid #fbebeb
}

.whyUsCont i,
.whyUsCont i:before {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	padding-top: 20px;
	display: block;
	position: relative
}

.solIndCont h2,
.solIndCont p,
.soluIndRow {
	margin-bottom: 2.5rem
}

.whyUsCont i:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0;
	background-image: url(assets/images/globalSprite.png);
	background-repeat: no-repeat
}

.whyUsCont i.quality:before {
	background-position: -160px -640px
}

.whyUsCont i.pm:before {
	background-position: -320px -640px
}

.whyUsCont i.comm:before {
	background-position: -240px -640px
}

.whyUsCont i.ta:before {
	background-position: -80px -640px
}

.whyUsCont i.cs:before {
	background-position: -400px -640px
}

.whyUsCont h3 {
	font-family: latobold;
	font-size: 22px;
	font-weight: 700
}

.whyUsCont p {
	font-size: 17px;
	line-height: 22px
}

.whyUsCont figure {
	height: 320px;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: cover
}

.whyUsCont figure img {
	max-width: 100%;
	height: 100%;
	visibility: hidden
}

.whyUsCont .arrow {
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0
}

.whyUsCont.imgwLft,
.whyUsCont.imgwRgt {
	padding: 0
}

.whyUsCont.imgwLft figure {
	margin-left: -30px
}

.whyUsCont.imgwRgt figure {
	margin-right: -30px
}

.whyUsCont.imgwLft .arrow {
	left: -30px
}

.whyUsCont.imgwRgt .arrow {
	left: inherit;
	right: -30px
}

.whyUsCont .arrow .btm,
.whyUsCont .arrow .top {
	height: 44%;
	width: 100%;
	position: absolute;
	top: 0;
	background: #fff
}

.whyUsCont .arrow .btm:after,
.whyUsCont .arrow .top:after {
	width: 0;
	height: 0;
	border-right: 30px solid transparent;
	position: absolute;
	content: '';
	left: 0
}

.whyUsCont .arrow .btm {
	top: inherit;
	bottom: 0
}

.whyUsCont .arrow .top:after {
	border-top: 30px solid #fff;
	bottom: -30px
}

.whyUsCont .arrow .btm:after {
	border-bottom: 30px solid #fff;
	top: -30px
}

.whyUsCont.imgwRgt .arrow .top:after {
	border-top: 30px solid #fff;
	border-left: 30px solid transparent
}

.whyUsCont.imgwRgt .arrow .btm:after {
	border-bottom: 30px solid #fff;
	border-left: 30px solid transparent
}

.whyUsCont.wUcPr {
	padding-right: 14%
}

.whyUsCont.wUcPl {
	padding-left: 14%
}

.csrWrapBg {
	background: #dc3e3f;
	position: relative
}

.csrWrap .lft span,
.csrWrap .rgt span {
	font-family: latoregular;
	font-weight: 400;
	color: #dc3e3f
}

.csrGall {
	width: 80%;
	padding-left: 20%;
	padding-bottom: 20px;
	position: relative
}

.csrGall:before {
	content: '';
	width: 35%;
	height: 30%;
	background: #dc3e3f;
	left: 0;
	top: -40px;
	position: absolute
}

#prodShowcase,
.breadCrumb li,
.prodShowcaseWrap {
	position: relative
}

.csrGall .pScont p {
	text-transform: none!important;
	font-size: 15px!important;
	line-height: 18px!important
}

.cSwrap .csIntro h2,
.gallDesc h6,
.gallDesc span,
.gallDetHead h3,
.inputWrap.btn input,
.prodShowcaseWrap .pScont {
	text-transform: uppercase
}

.soluIndRow {
	background: #efefef;
	overflow: hidden
}


/*.solIndCont i,
.solIndCont i.pb {
	background-position: 0 -158px
}*/
.innBanCont i.contact-us {
	    background-position: -299px -176px;
	    margin-bottom: 10px;
}

.innBanCont i.blog{
	    background-position: -410px -176px;
	    margin-bottom: 10px;
}

.solIndImg {
	width: 65%;
	float: left
}

.solIndImg a {
	display: block;
	width: 100%
}

.solIndImg a img {
	width: 100%;
	height: auto;
	margin-top: 10%;
}

.solIndContWrap {
	width: 35%;
	float: left;
	height: 100%;
	display: table
}

.solIndContWrap a {
	padding: 10%;
	display: block;
	display: table-cell;
	vertical-align: middle
}


.solIndCont i.cosmetics-perfume-boxes {
    background-position: -362px -94px;
}

.solIndCont i.liquor-packaging {
    background-position: -80px 0;
    margin-bottom: 10px;
}

.solIndCont i.electronics-smart-devices {
    background-position: -4px -161px;
}


.solIndCont i.jewellery-boxes-souvenirs {
    background-position: 10px -82px;
    margin-bottom: 10px;
}


.solIndCont i.luxury-tea-boxes {
    background-position: -169px -93px;
    margin-bottom: 10px;
}

.solIndCont i.weddings-occasions {
    background-position: -96px -171px;
    margin-bottom: 10px;
}

.solIndCont i.jewellery-boxes-souvenirs {
    background-position: 10px -82px;
    margin-bottom: 10px;
}


.solIndCont i.luxury-tea-boxes {
    background-position: -169px -93px;
    margin-bottom: 10px;
}


.innBanCont i,
.solIndCont i {
	width: 80px;
	height: 80px;
	/*margin-left: -15px;*/
	margin-top: -20px;
	display: block;
	/*background-image: url(assets/images/globalSprite.png);*/
	background-image: url(assets/images/background_icon_img.png);
	background-repeat: no-repeat
}

.iBdet {
	max-height: 280px
}

.iBdet .innBanCont {
	padding: 2rem 0
}

.iBdet .innBanCont i {
	margin-left: auto;
	margin-right: auto;
	max-height: 280px;
	-webkit-filter: brightness(10)
}



.solIndCont i.large-custom-boxes {
	background-position: -261px -94px;
	margin-bottom: 10px;
	
}

.solIndCont i.games-toys {
	background-position: -350px -3px;
	margin-bottom: 10px;
}

.solIndCont i.celebrations{
	background-position: -262px 0;
}

.solIndCont i.health-wellness{
	background-position: -73px -86px;
}

.solIndCont i.dental-boxes{
	background-position: -170px 0;
	margin-bottom: 10px;
}

.solIndCont i.automotive-packaging{
	background-position: -195px -179px;
	margin-bottom: 10px;
}



/*
.solIndCont i.pb {
    background-position: -362px -94px; 
}



.solIndCont i.rFb {
	background-position: -80px 0;
	margin-bottom: 10px;
}

.solIndCont i.fp {
	background-position: -4px -161px;
}

.solIndCont i.pPb {
	background-position: -170px 0;
	margin-bottom: 10px;
}

.solIndCont i.pCp {
	background-position:-73px -86px;
}*/

.solIndCont i.lp {
	background-position: -169px -93px;
}

.solIndCont i.ab {
	background-position: -400px -240px
}

.solIndCont i.cp {
	background-position: -560px -240px
}

.solIndCont i.pp {
	background-position: -80px -320px
}

.solIndCont i.bm {
	background-position: -240px -320px
}

.solIndCont i.fc {
	background-position: -400px -320px
}

.solIndCont i.ls {
	background-position: -560px -320px
}

/*.iBdet .innBanCont i.pb {
	background-position: -80px -158px
}
*/
/*  02-04-2021 */

.iBdet .innBanCont i.cosmetics-perfume-boxes {
    background-position: -362px -94px;
    
}

.iBdet .innBanCont i.liquor-packaging {
    background-position: -80px 0;
    margin-bottom: 10px;
}

.iBdet .innBanCont i.electronics-smart-devices {
    background-position: -4px -161px;
}

.iBdet .innBanCont i.weddings-occasions {
    background-position: -96px -171px;
    margin-bottom: 10px;
}

.iBdet .innBanCont i.dental-boxes {
    background-position: -170px 0;
    margin-bottom: 10px;
}

.iBdet .innBanCont i.luxury-tea-boxes {
    background-position:-169px -93px;
    margin-bottom: 10px;
}

.iBdet .innBanCont i.large-custom-boxes {
	background-position:-261px -94px;
	margin-bottom: 10px;
}

.iBdet .innBanCont i.games-toys {
    background-position: -350px -3px;
    margin-bottom: 10px;
}

.iBdet .innBanCont i.celebrations {
	background-position: -262px 0;
	margin-bottom: 10px;
}



.iBdet .innBanCont i.health-wellness {
	background-position: -73px -86px;
	margin-bottom: 10px;
}

.iBdet .innBanCont i.jewellery-boxes-souvenirs {
	background-position: 10px -82px;
	margin-bottom: 10px;
}

.iBdet .innBanCont i.automotive-packaging{
	background-position: -195px -179px;
	margin-bottom: 10px;
}


.solIndCont h2 {
	color: #c53233;
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 300;
	display: inline-block
}

.solIndCont h2,
.solIndCont span {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.solIndCont h2:hover {
	color: #333
}

.solIndCont p {
	color: #222;
	font-size: 16px;
	font-size: 1rem;
	line-height: 24px;
	line-height: 1.5rem;
	font-weight: 300
}

.solIndCont .boxBtn {
	font-size: 14px;
	font-size: .875rem;
	padding: 10px 15px
}

.breadCrumb {
	display: inline-block;
	padding-bottom: 2.5rem
}

.breadCrumb li {
	color: #333;
	float: left;
	padding-right: 15px
}

.breadCrumb li:after {
	content: '/';
	padding-left: 15px
}

.cUaddWrap .cUsplt p:before,
.gallDesc h6:before,
.gallNav li a.is-checked:after,
.inputWrap:before,
.portNav span:after,
.portNav span:before,
.prodApp:before {
	content: ''
}

.breadCrumb li:last-child:after {
	display: none
}

.breadCrumb li a {
	font-size: 16px;
	font-size: 1rem
}

#prodShowcase {
	overflow: hidden
}

.prodShowcaseWrap .pScont {
	width: 30%;
	padding: 2%;
	bottom: 8%;
	left: 3.6%;
	position: absolute;
	z-index: 99;
	background: #f3edec;
	opacity: .8
}

.prodShowcaseWrap .pScont h3 {
	color: #ae2424;
	font-size: 16px;
	font-size: 1rem;
	padding-bottom: 2%
}

.prodShowcaseWrap .pScont p {
	font-size: 12px;
	font-size: .75rem;
	line-height: 12px
}

#prodShowcase .item img {
	width: 100%
}

#prodShowcase .owl-pagination {
	position: absolute;
	right: 50px;
	bottom: 50px;
	padding: 20px;
	z-index: 999;
	cursor: default
}

#prodShowcase.owl-theme .owl-controls .owl-page span {
	width: 15px;
	height: 15px;
	background: 0 0;
	border: 1px solid #111
}

#prodShowcase.owl-theme .owl-controls .owl-page.active span {
	border: 1px solid #c53233
}

.prodDescWrap h6 {
	font-weight: 300;
	color: #111;
	font-size: 24px;
	padding-bottom: 2px;
	margin-bottom: 20px;
	border-bottom: 1px solid #efefef
}

.prodDescLft,
.prodDescRgt {
	width: 44%;
	float: left
}

.prodDescLft {
	margin-right: 3%
}

.prodDescWrap p {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 28px;
	line-height: 1.75rem;
	font-weight: 300;
	margin-bottom: 25px
}

.prodApp {
	background: #fde8e9;
	position: relative;
	padding: 2.7% 2.7% 2.7% 100px;
	margin-top: 15px;
	margin-bottom: 30px
}

.prodApp:before {
	width: 80px;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(assets/images/globalSprite.png) -720px -240px no-repeat #fbd3d5
}

.prodApp h5,
.prodDescWrap dt {
	color: #c53233;
	font-size: 16px;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 300
}

.prodApp h6,
.prodDescWrap dd {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300
}

.prodDescRgt {
	margin-left: 3%
}

.prodDescWrap dl {
	display: block;
	padding-bottom: 20px
}

.prodDescWrap dt {
	font-family: latoregular;
	font-weight: 400;
	display: block;
	padding-bottom: 5px
}

.prodDescWrap dd {
	line-height: 20px;
	line-height: 1.25rem
}

.btmEnqWide {
	width: 100%;
	background: #f9f6f5
}

.inputWrap.name:before,
.inputWrap:before {
	background-position: -420px -420px
}

.enqWrap {
	max-width: 900px;
	margin: 0 auto
}

.enqRow {
	padding-bottom: 10px
}

.enqLft,
.enqRgt {
	width: 47.5%;
	float: left
}

.enqLft {
	margin-right: 2.5%
}

.enqRgt {
	margin-left: 2.5%
}

.inputWrap {
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #c7c5c4
}

/*.inputWrap:before {
	width: 60px;
	height: 60px;
	position: absolute;
	left: -10px;
	top: -3px;
	background-image: url(assets/images/globalSprite.png);
	background-repeat: no-repeat
}
*/
.inputWrap.email:before {
	background-position: -480px -420px
}

.inputWrap.phone:before {
	background-position: -540px -420px
}

.inputWrap.loc:before {
	background-position: -600px -420px
}

.inputWrap.desc:before {
	top: -10px;
	background-position: -660px -420px
}

.inputWrap.btn:before {
	display: none
}

.inputWrap input[type=text],
.inputWrap input[type=submit],
.inputWrap textarea {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #222;
	font-weight: 300;
	display: block;
	border: none;
	background: 0 0
}

.inputWrap input[type=text] {
	width: 89%;
	margin-left: 11%;
	padding: 4% 0
}

.inputWrap input.captcha-text {
	width: 70%;
	margin-left: 0;
	padding-left: 4%;
	float: left;
	border-bottom: 1px solid #c7c5c4
}

.inputWrap textarea {
	width: 95%;
	margin-left: 5.2%;
	min-height: 100px;
	max-height: 200px;
	resize: vertical;
	padding: 1% 0
}

.capTxt,
.inputWrap.btn {
	padding-top: 20px
}

.capTxt {
	border-bottom: none
}

.capTxt:before {
	background: 0 0
}

.capTxt img {
	height: 54px
}

.inputWrap.btn input {
	color: #fff;
	font-size: 18px;
	width: 100%;
	line-height: 50px;
	background: #b62630;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

.gallLft,
.galleryMain,
.inputWrap.btn input:hover {
	background: #333
}

.inputWrap ::-webkit-input-placeholder {
	color: #999;
	text-transform: uppercase
}

.inputWrap :-moz-placeholder {
	color: #999;
	opacity: 1;
	text-transform: uppercase
}

.inputWrap ::-moz-placeholder {
	color: #999;
	opacity: 1;
	text-transform: uppercase
}

.inputWrap :-ms-input-placeholder {
	color: #999;
	text-transform: uppercase
}

.gallLft h3 a,
.mPortNav {
	color: #fff;
	font-weight: 300
}

.galleryMain {
	min-height: 500px;
	position: relative
}

.gallLft {
	width: 21.85%;
	max-height: 1000px;
	padding-bottom: 50px;
	position: fixed;
	left: 0;
	z-index: 99
}

.gallLft h3 a {
	display: block;
	padding: 20px 12px;
	background: #dc3e3f
}

.gallLft h3 a:hover {
	color: #000
}

.gallNav {
	display: block
}

.gallNav li a {
	color: #ccc;
	font-size: 16px;
	font-weight: 300;
	display: block;
	padding: 15px;
	border-bottom: 1px solid #222;
	position: relative
}

.gallNav li a.is-checked,
.gallNav li a:hover {
	color: #fff;
	background: #222
}

.gallNav li a.is-checked:after {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #dc3e3f;
	position: absolute;
	right: 10px;
	top: 40%
}

.gallNav li:last-child a {
	border: none
}

.mPortNav {
	text-align: right;
	padding: 5% 7.2%;
	position: fixed;
	right: 0;
	top: 120px;
	z-index: 99;
	background: #111;
	display: none
}

.portNav {
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	left: 20%;
	top: 0;
	z-index: 99;
	overflow: hidden
}

.portNav span {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 24px;
	height: 2px;
	background-color: #fff
}

.portNav span:after,
.portNav span:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .5s, width .5s, top .3s;
	-moz-transition: -moz-transform .5s, width .5s, top .3s;
	transition: transform .5s, width .5s, top .3s
}

.portNav span:before {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px)
}

.portNav span:after {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	transform: translateY(6px)
}

.portNav:hover span:before {
	top: -1px
}

.portNav:hover span:after {
	top: 1px
}

.portNav.open span:after,
.portNav.open span:before {
	top: 0!important;
	width: 50%;
	-webkit-transition: -webkit-transform .5s, width .5s;
	-moz-transition: -moz-transform .5s, width .5s;
	transition: transform .5s, width .5s
}

.portNav.open span:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.portNav.open span:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.gallRgt {
	width: 78.15%;
	padding-left: 21.85%;
	position: relative;
	overflow: hidden
}

.gallWrap {
	background: #fff;
	min-height: 1000px
}


/*#gallTile li{width:100%;background:url(assets/images/spinner.gif) center center no-repeat}
#gallTile li{width:50%;background:url(assets/images/spinner.gif) center center no-repeat}
#gallTile li{width:33.3%;background:url(assets/images/spinner.gif) center center no-repeat}
#gallTile li{width:25%;background:url(assets/images/spinner.gif) center center no-repeat}
#gallTile li{width:20%;background:url(assets/images/spinner.gif) center center no-repeat}*/

#gallTile li {
	height: auto !important;
}

#gallTile li a img {
	width: 100%;
	border: none;
	display: block;
	height: auto;
}

.galleryMain .item a,
galleryMain .item.w2 a {
	display: block;
	position: relative;
	overflow: hidden
}

.galleryMain .item a:before,
.galleryMain .item.w2 a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: rgba(0, 0, 0, .7)
}

#gallTile li:hover a:before {
	opacity: 1
}

.galleryMain .item a img,
.galleryMain .item.w2 a img {
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease
}

#gallTile li:hover a img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.is-preload {
	opacity: 0;
	-webkit-transition: opacity .7s, -webkit-transform .7s;
	-moz-transition: opacity .7s, -moz-transform .7s;
	transition: opacity .7s, transform .7s;
	-ms-transition: opacity .7s, -ms-transform .7s;
	-webkit-transform: translate(0, -20px);
	-moz-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	transform: translate(0, -20px)
}

.is-loaded {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.gallEmtMsg {
	padding: 40px
}

.gallEmtMsg h3,
.gallEmtMsg h6 {
	font-weight: 300
}

#gallDetails {
	max-width: 1100px
}

.gallDetLft {
	width: 72.75%;
	float: left
}

.gallDetImg {
	min-height: 800px
}

.gallDetImg img {
	max-width: 100%;
	display: block
}

.gallDetHead {
	padding: 34px 25px;
	background: #111
}

.gallDetHead h3 {
	color: #fff;
	font-size: 20px;
	line-height: initial;
}

.gallDetHead p {
	color: #999
}

.gallDetRgt {
	max-width: 320px;
	padding-bottom: 80px;
	float: left;
	position: fixed;
	top: 155px;
	background: #e5e5e5
}

.gallBrand {
	width: 180px;
	height: 200px;
	margin: 0 auto;
	padding: 0 12%
}

.gallBrand img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 15%
}

.gallBrandClient {
	padding: 40px 0
}

.gallBrandClient img {
	display: block;
	margin: 0 auto
}

.gallDesc {
	margin: 0 25px;
	padding: 25px 0;
	border-top: 1px solid #e4d1d1
}

.gallDesc h6 {
	font-family: latobold;
	color: #d82424;
	font-weight: 700;
	line-height: 26px;
	padding-left: 30px;
	position: relative
}

.cUaddWrap .cUsplt p.add span,
.csCont p span {
	font-family: latoregular
}

.gallDesc h6:before {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(assets/images/globalSprite.png);
	background-repeat: no-repeat
}

.gallDesc h6.cl:before {
	background-position: -432px -588px
}

.gallDesc h6.work:before {
	background-position: -512px -588px
}

.gallDesc p {
	color: #666;
	margin-top: 15px
}

.gallDesc p.exp {
	padding-left: 20px;
	border-left: 1px solid #d82424
}

.gallDesc span {
	color: #d82424;
	text-align: right;
	margin-top: 5px;
	display: block
}

.gallStuffStat {
	position: absolute;
	float: left;
	top: inherit!important;
	bottom: 50px
}

.gDrSp {
	max-width: 320px;
	padding-bottom: 80px;
	background: #e5e5e5;
	bottom: 0
}

.appreciate-container .appreciater {
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	padding: 15px;
	display: block;
	background: #dc3e3f;
	cursor: pointer
}

.appreciate-container .appreciater:hover {
	background: #323232
}

.appreciate-container .msg {
	font-size: 14px
}

.gallDesc .hShare {
	padding: 0
}

.gallDesc .hShare .btns {
	padding: 12px
}

.cSwrap .csIntro h2,
.cSwrap .csIntro p {
	padding-bottom: 30px;
	color: #fff
}

.cSwrap {
	min-height: 1500px;
	position: relative
}

.cSwrap .csIntroTop {
	width: 100%;
	background-image: url(assets/images/case-study-kotada-dangler-bg.jpg)
}

.csIntroWrap {
	max-width: 2500px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.cSwrap .csIntro {
	width: 40%;
	margin: 0 5%;
	float: left;
	position: absolute;
	bottom: 0
}

.cSKotada,
.csConclude,
.csCont {
	position: relative
}

.cSwrap .csIntro h2 {
	font-weight: 300
}

.csCont p b,
.csCont p span {
	font-weight: 400
}

.cSwrap .csIntro .boxBtn {
	color: #fff;
	border: 1px solid #fff
}

.cSwrap .csIntro .boxBtn:hover {
	border: 1px solid #b62630
}

.cSwrap .csIntroImg {
	width: 40%;
	margin: 0 5%;
	float: right
}

.cSKotada {
	max-width: 100%
}

.cSKotada img {
	width: 100%
}

.csIntroBranding {
	max-width: 750px;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px dashed #ccc
}

.csIntroBranding img {
	max-width: 100%
}

.csCont {
	z-index: 9
}

.csCont .wrap {
	max-width: 1900px;
	padding: 0
}

.csCont .lft {
	float: left
}

.csCont .rgt {
	float: right
}

.csContDesc {
	width: 25%;
	padding-left: 2.5%;
	padding-right: 2.5%
}

.csContImg {
	width: 65%
}

.csContImg img {
	max-width: 100%
}

.csContImg.lft {
	padding-right: 5%;
	padding-left: 0;
	text-align: left
}

.csContImg.rgt {
	padding-left: 5%;
	padding-right: 0;
	text-align: right
}

.csCont h3 {
	padding-top: 5rem;
	text-transform: capitalize
}

.csCont p span {
	color: #e5503c
}

.csConclude {
	min-height: 450px
}

.csConclude img {
	width: 100%
}

.csConcDesc {
	text-align: center;
	max-width: 700px;
	padding: 2.5%;
	position: absolute;
	top: 65%;
	left: 50%;
	z-index: 9;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, .7)
}

.csConcDesc h3,
.csConcDesc h6 {
	font-weight: 300;
	text-transform: none
}

.csConcDesc h6 {
	color: #222;
	font-size: 20px;
	line-height: 26px
}

.csContNew {
	max-width: 100%;
	position: relative;
	overflow: hidden
}

.csContNwrap {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden
}

.cUaddWrap {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto
}

.cUaddWrap .cUsplt {
	width: 40%;
	float: left;
	margin: 0 5%
}

.cUaddWrap .cUsplt p {
	color: #666;
	font-size: 18px;
	line-height: 22px;
	padding-left: 20px;
	font-weight: 300;
	position: relative
}

.cUaddWrap .cUsplt p.add span {
	font-size: 20px;
	font-weight: 400;
	color: #dc3e3f
}

.cUaddWrap .cUsplt p:before {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	left: -25px;
	top: -13px;
	background-image: url(assets/images/globalSprite.png);
	background-repeat: no-repeat
}

.cUaddWrap .cUsplt p.add:before {
	background-position: -600px -660px
}

.cUaddWrap .cUsplt p.wa:before {
	background-position: -660px -664px
}

.cUaddWrap .cUsplt p.phone:before {
	background-position: -540px -664px
}

.cUaddWrap .cUsplt p.email:before {
	top: -16px;
	background-position: -480px -660px
}

.cUmapEvent {
	pointer-events: none
}

.slide {
	height: 100%;
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden!important
}

@media screen and (-webkit-min-device-pixel-ratio:1.1) {
	.slide {
		background-attachment: inherit
	}
}

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: top
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
	position: relative
}

.fancybox-skin {
	background: #f9f9f9;
	color: #444;
	text-shadow: none
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner {
	overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}

.fancybox-error {
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
	background-image: url(assets/images/fancybox_sprite.png)
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
	cursor: pointer;
	z-index: 8040;
	position: absolute
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(assets/images/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px
}

.fancybox-nav {
	top: 0;
	width: 40%;
	height: 100%;
	background: url(assets/images/blank.gif)
}

.fancybox-prev {
	left: 0
}

.fancybox-next {
	right: 0
}

.fancybox-nav span {
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	visibility: hidden
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px
}

.fancybox-nav:hover span {
	visibility: visible
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible!important
}

.fancybox-lock,
.fancybox-lock body {
	overflow: hidden!important
}

.fancybox-lock {
	width: auto
}

.fancybox-lock-test {
	overflow-y: hidden!important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(assets/images/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}

.fancybox-title {
	visibility: hidden;
	font: 400 13px/20px;
	position: relative;
	text-shadow: none;
	z-index: 8050
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: 0 0;
	background: rgba(0, 0, 0, .8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
	#fancybox-loading,
	.fancybox-close,
	.fancybox-next span,
	.fancybox-prev span {
		background-image: url(assets/images/fancybox_sprite%402x.png);
		background-size: 44px 152px
	}
	#fancybox-loading div {
		background-image: url(assets/images/fancybox_loading%402x.gif);
		background-size: 24px 24px
	}
}

@media screen and (min-device-width:2048px) and (max-device-width:2560px) {
	.gallStuffStat {
		bottom: inherit
	}
}

@media only screen and (max-width :1024px) {
	nav>ul>li>a {
		font-size: 14px
	}
	.fNmHide,
	.footAdd,
	.footSmm,
	.footTopMdl,
	.hPsNav li div:after,
	.hPsPreview,
	.hTopRgt,
	.homeTopContW figure:before,
	.infraEquipWrap .hPsNav li a h6,
	.navWide nav,
	.solIndCont p,
	.solIndCont span {
		display: none
	}
	.medDeviceSmm .footSmm {
		display: block;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #555
	}
	.footCotInfo {
		margin: 0;
		padding: 10px 0;
		border-bottom: none
	}
	.hBWide {
		padding: 0
	}
	.hBcont {
		padding: 10px
	}
	.hBcont div {
		width: 150px
	}
	.hTb-text h4 {
		font-size: 28px;
		font-size: 1.75rem
	}
	.hTb-text p {
		font-size: 16px;
		font-size: 1rem;
		padding: 8px 15px
	}
	.hTb-text a {
		display: none
	}
	.hBcont i {
		width: 24px;
		height: 24px;
		margin-top: 2px
	}
	.hBcont i.hBs1 {
		background-position: -378px -798px
	}
	.hBcont i.hBs2 {
		background-position: -438px -798px
	}
	.hBcont i.hBs3 {
		background-position: -498px -798px
	}
	.hBcont i.hBs4 {
		background-position: -560px -798px
	}
	.hBcont h6 {
		font-size: 28px;
		font-size: 1.75rem
	}
	.hBcont p {
		font-size: 12px;
		padding: 0
	}
	.hPsNav li a h6 {
		padding-right: 5%
	}
	.footTopLft,
	.footTopRgt,
	.packageSol,
	.printSol {
		width: 46%;
		padding: 0 2%
	}
	.mobNav {
		display: block
	}
	.solIndImg {
		width: 54%
	}
	.solIndContWrap {
		width: 46%
	}
	.solIndCont h2,
	.solIndCont p {
		margin-bottom: .625rem
	}
	.solIndCont h2 {
		font-size: 28px;
		font-size: 1.75rem;
		float: none;
		margin: 0;
		line-height: inherit
	}
	.solIndCont p {
		font-size: 13px
	}
	.solIndCont i {
		float: none;
		margin-top: 0
	}
	.solIndCont .boxBtn {
		font-size: 12px;
		padding: 8px 15px
	}
	.whyUsCont h3 {
		font-size: 18px
	}
	.whyUsCont p {
		font-size: 14px;
		line-height: 16px
	}
	.cVSec span.small {
		font-size: 20px
	}
	.infraTop.twoSpltRow .lft {
		float: none;
		width: 100%
	}
	.infraEquipWrap li div.fig {
		right: 40%
	}
	.iEwP li div.fig {
		top: 0
	}
	.gallBrand {
		width: 160px;
		height: 160px;
		background-position: -240px -720px
	}
	.cSwrap .csIntro {
		position: static
	}
	.cSwrap .csIntro,
	.cSwrap .csIntroImg {
		width: 90%;
		float: none
	}
	.cSwrap .csIntro p {
		color: #000;
		text-shadow: 1px 1px 0 #fff
	}
	.csCont h3 {
		padding-top: 2rem;
		font-size: 28px;
		font-size: 1.75rem
	}
	.csContDesc p {
		font-size: 16px;
		line-height: 20px
	}
	.csConclude {
		background: url(assets/images/case-study-kotada-conclusion.jpg) center center no-repeat;
		background-size: cover
	}
	.inputWrap input.captcha-text {
		width: 62%;
		float: right
	}
}

@media all and (max-width :768px) {
	html {
		font-size: 15px
	}
	.solIndCont h2 a {
		font-size: 36px;
		font-size: 2.25rem;
		margin-left: -60px;
		padding-left: 60px
	}
	.enqLft,
	.enqRgt,
	.prodDescLft,
	.prodDescRgt {
		width: 100%;
		float: none;
		margin: 0
	}
	.capTxt img {
		height: 70px
	}
	.inputWrap input.captcha-text {
		width: 70%;
		float: right
	}
	.prodDescRgt {
		padding-top: 20px
	}
	.inputWrap textarea {
		width: 89%;
		margin-left: 11.2%
	}
}

@media all and (max-width:680px) {
	html {
		font-size: 14px
	}
	.aboutUsBtm .md,
	.csConclude img,
	.csrGall:before,
	.footTopMdl,
	.hBtmCirc,
	.hCuF,
	.hTopCirc,
	.infraEquipWrap .hPsNav,
	.infraTopMd .rgt,
	.prodShowcaseWrap .pScont,
	.wWaIbCont p,
	.wWaQaBtm .mIs:before,
	.wWaQaBtm .qMs:before,
	.whyUsCont.imgwLft,
	.whyUsCont.imgwRgt,
	.xsHidden {
		display: none
	}
	.homeClientsHolder,
	.mPortNav,
	.portNav {
		display: block
	}
	.headerTop .logo {
		max-width: 160px;
		padding-top: 30px
	}
	.is-sticky .logo {
		max-width: 100px;
		padding-top: 10px
	}
	.headerTop .logo a {
		max-height: 32px
	}
	#owl-top.owl-theme .owl-controls .owl-buttons .owl-next,
	#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev,
	#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-next,
	#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-prev {
		cursor: pointer!important
	}
	.aboutUsTop .lft,
	.csContDesc,
	.csContImg,
	.footTopLft,
	.footTopRgt,
	.packageSol,
	.printSol,
	.whyUsCol {
		float: none;
		width: 100%
	}
	.homeTopContW p,
	.nAward p,
	.packageSol {
		padding: 0
	}
	.hPortCont {
		width: 50%
	}
	.hPsNav li a h6 {
		font-size: 17px;
		line-height: 20px
	}
	.infraPostPressBg,
	.infraPressBg {
		min-height: inherit
	}
	.infraPostPressBg .rgt,
	.infraPressBg .rgt,
	.infraStudio .lft {
		padding: 10%;
		background-color: rgba(255, 255, 255, .75)
	}
	.infraPostPressBg p,
	.infraPressBg p,
	.infraStudio h3,
	.infraStudio h5,
	.infraStudio p {
		color: #333
	}
	.csContDesc {
		width: 95%
	}
	.solIndContWrap {
		height: inherit!important
	}
	.twoSpltRow .lft {
		padding-bottom: 30px
	}
	.twoSpltRow .lft,
	.twoSpltRow .rgt {
		width: 100%;
		margin: 0;
		float: none
	}
	.csrGall,
	.historyRow .hLft,
	.historyRow .hRgt {
		width: 90%
	}
	.nAward span.big {
		font-size: 40px
	}
	.whyUsCont {
		height: auto;
		border: none;
		border-bottom: 1px solid #efefef
	}
	.whyUsCont h3 {
		font-size: 22px
	}
	.whyUsCont p {
		font-size: 16px;
		line-height: 20px
	}
	.csrWrap .lft,
	.csrWrap .rgt {
		width: 90%;
		padding: 5%;
		float: none
	}
	.csrGall,
	.wWaQaBtm>div>div p {
		padding: 0
	}
	.csrWrap .lft h6 {
		text-align: left
	}
	.csrGall {
		margin: 0 auto
	}
	.wWaIbCont h3 {
		height: 60px
	}
	.historyRow .hLft {
		margin-top: 0
	}
	.solIndContWrap {
		width: 100%
	}
	.solIndCont i {
		float: none;
		margin: 0 auto
	}
	.solIndCont h2 {
		float: none;
		display: block;
		text-align: center;
		line-height: normal
	}
	.gallLft {
		width: 30%
	}
	.gallLftDetPage {
		width: 75%;
		left: -80%;
		top: 95px
	}
	.gallLftBtm {
		bottom: 0
	}
	.pNavShow {
		left: 0!important
	}
	.gallRgt {
		width: 70%;
		padding-left: 30%
	}
	.gallRgtDetPage {
		width: 100%;
		padding: 0
	}
	.gDrSp,
	.gallDetLft,
	.gallDetRgt {
		width: 100%;
		float: none;
		height: auto!important;
		max-width: inherit;
		position: static!important
	}
	.csConclude {
		min-height: 780px
	}
	.cUaddWrap .cUsplt {
		width: 90%;
		margin: 0 auto 10%;
		float: none
	}
}

@media all and (max-width:480px) {
	html {
		font-size: 12px
	}
	.hTb-text {
		top: 20%
	}
	.hTb-text h4 {
		font-size: 22px
	}
	.hTb-text p,
	.homeTopContW figure:before {
		display: none
	}
	.hBcont {
		border: none
	}
	.cVSec span.small {
		font-size: 20px
	}

	.hPsTop h2 {
		font-size: 33px;
		font-weight: bold;
	}
	.hPsTop {
		padding:0;
	}

	.formwrapper .fcol12 {margin:0;}
	.formwrapper .formHeading { 
	    font-size: 26px;
	    font-weight: bold;
	    margin-bottom: 10px !important;
	}

	.formwrapper .formControl.emailaddress, .formwrapper .formControl.mobile , .formwrapper .formContent .formRow .smArea {
	    width: auto !important;
	}

	#quick_name , .formwrapper .formTextarea {width: auto !important;}
	#quick_boxstyle{width: 85px;}
	#quick_length , #quick_width , #quick_height {width: 55px;}
}




.gallDetImg img {
	height: auto
}

.blog_cont {
	display: table-cell;
	padding: 0 10%;
	vertical-align: middle;
	height: 470px;
}

.blog_cont .solIndCont h2 {
	margin-bottom: 20px;
	display: block;
}

.blog_cont .solIndCont h2 a {
	display: inline-block;
	vertical-align: top;
	padding: 0;
}

.blog_cont .solIndCont p {
	margin-bottom: 0;
	padding: 0;
}

.read-more {
	padding: 0 !important;
	margin-top: 15px;
	display: block !important;
}

ul.page-numbers {
	text-align: center;
}

ul.page-numbers li {
	display: inline-block;
}

ul.page-numbers li a {
	float: left;
	height: 30px;
	width: 30px;
	background-color: #b62630;
	color: #fff;
	border: 1px solid transparent;
	line-height: 28px;
}

ul.page-numbers li span {
	float: left;
	height: 30px;
	width: 30px;
	background-color: #fff;
	color: #b62630;
	border: 1px solid #b62630;
	line-height: 28px;
}

ul.page-numbers li:first-child a {
	width: auto;
	padding: 0 10px;
}

ul.page-numbers li:last-child a {
	width: auto;
	padding: 0 10px;
}

.prodShowcaseWrap h2 {
	margin-bottom: 20px;
}

ul.pre_nxt {
	width: 100%;
}

.pre_nxt li {
	float: left;
}

.pre_nxt li:last-child {
	float: right;
}

.pre_nxt li a {
	float: left;
	height: 30px;
	background-color: #b62630;
	color: #fff;
	line-height: 30px;
	padding: 0 15px;
}

#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-prev,
#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-next {
	height: 100%;
	width: 30%;
	border-radius: 0;
	top: 0;
	z-index: 1;
	text-indent: 100%;
}

#owl-top.owl-theme .owl-controls .owl-buttons .owl-prev,
#owl-top.owl-theme .owl-controls .owl-buttons .owl-next {
	height: 100%;
	width: 30%;
	border-radius: 0;
	top: 0;
	z-index: 1;
	text-indent: 100%;
}

#wWaIslide.owl-theme .owl-controls .owl-buttons .owl-prev,
#wWaIslide.owl-theme .owl-controls .owl-buttons .owl-next {
	height: 60px;
	width: 60px;
	border-radius: 0;
	top: 50%;
	margin-top: -30px
}

.scroll-bottom {
	position: fixed;
	bottom: 40px;
	;
	right: 40px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	z-index: 99999;
	text-align: center;
	background-color: #fff;
	color: #000;
	font-size: 20px;
}

.scroll-bottom:hover {
	background-color: #dc3e3f;
	color: #fff;
}

.hTopRgt {
	padding-top: 40px;
}

.hTopRgt>form {
	float: left;
	position: relative;
}

.hTopRgt>form .form-control {
	height: 30px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #dc3e3f;
	border-radius: 20px;
}

.hTopRgt>form .btn {
	position: absolute;
	border: none;
	padding: 0;
	top: 2px;
	right: 2px;
	height: 26px;
	width: 26px;
	background-color: #dc3e3f;
	border-radius: 100%;
	text-align: center;
	line-height: 26px;
}

.hTopRgt>form .fa {
	position: absolute;
	pointer-events: none;
	top: 2px;
	right: 2px;
	height: 26px;
	width: 26px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 26px;
}

.hTopRgt>.hShare {
	float: left;
	padding: 0 0 0 20px;
}

.sticky-wrapper.is-sticky .hTopRgt {
	padding-top: 5px;
}

.gallBrand {
	box-sizing: border-box;
}

.historyRow .hRgt {
	border-left: 1px solid #e5e5e5;
	margin-left: -1px;
}


/* ***** New Form css (26 april,2021) ***** */


.formwrapper {
	padding: 40px 0;
}
.formwrapper .fContainer {
	width:970px;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
.formwrapper .frow {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px
}
.formwrapper .fcol12 {
	width: 100%;
	position: relative;
	padding-right:15px;
	padding-left:15px
}
.formwrapper .fcol6 {
	/*-ms-flex:0 0 47%;
	flex:0 0 47%;*/
	width:47%;
	position: relative;
	padding-right:15px;
	padding-left:15px
}
.formwrapper .fcol8 {
	/*-ms-flex:0 0 63.666667%;
	flex:0 0 63.666667%;
	max-width:63.666667%;*/
    width:63.666667%;
	position: relative;
	padding-right:15px;
	padding-left:15px
}
.formwrapper .fcol4 {
	/*-ms-flex:0 0 30.333333%;
	flex:0 0 30.333333%;
	max-width:30.333333%;*/
    width:30.333333%;
	position: relative;
	padding-right:15px;
	padding-left:15px
}
.formwrapper .subText {
	color: #777777;
	font-size: 16px;
	margin-bottom: 20px;
}
.formwrapper .formHeading {
	text-transform: uppercase;
	color: #333333;
	font-weight: 500;
	margin: 0;
}
.formwrapper .formContent {
	padding-right: 13px;
}
.formwrapper .formContent .formRow {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.formwrapper .formContent .formRow .fTitle {
    width: 14%;
}
.formwrapper .formContent .formRow .fTitle label {
    color: #444;
    font-weight: 500;
}
.formwrapper .formContent .formRow .fField {
	width: 86%;
    position: relative;
}
.formwrapper .formContent .formRow .fField img {
    position: absolute;
    top: 5px;
    height: 30px;
    left: 5px;
}
.formwrapper .formControl {
	border-radius: 12px;
    border: 1px solid #bcbcbc;
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    color: #bcbcbc;
    padding: 0 5px;
}
.formwrapper .formControlIcon{
    padding-left: 35px;
    max-width: 95%;
}
.formwrapper .formContent .formRow .F3Field {
	display: flex;
    justify-content: space-between;
}
.formwrapper .formContent .formRow .smArea {
    width: 28%;
    position: relative;
}
.formwrapper .formContent .formRow .smArea label{
    color: #bcbcbc;
    font-size: 14px;
    margin-bottom: 2px;
    display: block;
}
.formwrapper .formContent .formRow .smArea .fPlaceHolder{
    color: #bcbcbc;
    font-size: 14px;
    position: absolute;
    top: 30px;
    right: 0;
}
.formwrapper .formContent .formRow .smArea .formControl2{}
.formwrapper .formTextarea{
    border-radius: 12px;
    border: 1px solid #bcbcbc;
    width: 100%;
    max-width: 95%;
    font-size: 16px;
    padding: 10px 5px 13px 35px;
    min-height: 100px;
    font-family: 'Roboto', sans-serif;
}
.formwrapper .formControl.mobile{
	width: 58%;
}
.formwrapper .formControl.emailaddress{
	width: 78%;
}

.formwrapper .formContent .formRow2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.formwrapper .formContent .formRow2 .fTitle {
    width: 35%;
}
.formwrapper .formContent .formRow2 .fTitle label {
    color: #444;
    font-weight: 500;
}
.formwrapper .formContent .formRow2 .fField{
	width: 65%;
}
.formwrapper .formContent .formRow2 .field1 {
	width: 40%;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.formwrapper .formContent .formRow2 .field2 {
	width: 40%;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 5%;
}
.btnUpload {
    color: #ffffff;
    border: 0;
    background: #676767;
    border-radius: 8px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    cursor: pointer;
}
.formwrapper .formContent .formRowFlexEnd {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-right: -13px;
}


.formwrapper .uploadWrap {
    border-radius: 12px;
    border: 1px solid #bcbcbc;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    height: 90%;
}
.formwrapper .uploadWrap h4{
	margin-bottom: 70px;
}
.formwrapper .uploadWrap .imageWrap{

}
.formwrapper .uploadWrap .imageWrap img{

}
.formwrapper .enquiryBtnWrp {
	margin-top: 15px;
	text-align: center;
}
.formwrapper .btnSend {
    color: #ffffff;
    border: 0;
    background: #FF1234;
    border-radius: 13px;
    height: 47px;
    line-height: 47px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    width: 157px;
    font-weight: 500;
    font-size: 15px;
}


@media (max-width: 1200px) {
    .fContainer {
        width: 97% !important;
    }
    .fcol8 {
        width: 60% !important;
    }
    .fcol4 {
        width: 34% !important;
    }
}

@media (max-width: 980px) {
    .fcol8 {
        width: 58% !important;
    }
    .fcol4 {
        width: 34% !important;
    }
}

@media (max-width: 771px) {
    .fContainer {
        width: 95% !important;
    }
    .fcol8 {
        width: 100% !important;
    }
    .fcol4 {
        width: 100% !important;
        margin-top: 40px;
    }
    .formwrapper .formControl.emailaddress, 
    .formwrapper .formControl.mobile {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .fContainer {
        width: 95% !important;
    }
}




@media only screen and (max-width: 414px) {
	.homeTopContW h3 {
	    font-size: 36px;
	    font-size: 24px;
	    font-weight: 700;
	    color: #dc3e3f;
	    padding: 0 0 15px;
	    max-width: 980px;
	    margin: 0 auto;
	}


	.gallDetHead h3 {    font-size: 11px;}

	.gallDetHead {
    padding: 15px 25px;
}

.mPortNav {
    top: 105px;
    }

    .breadCrumb li::after {
    content: '/';
    padding-left: 5px;
}

.breadCrumb li {
    padding-right: 5px;
    }

}

@media only screen and (max-width: 1024px) {
	.blog_cont .solIndCont p {
		display: block;
	}
	.blog_cont .solIndCont .read-more span {
		display: inline-block;
	}
	.prodApp {
		padding: 35px 0 25px 100px;
		margin: 15px 0;
	}
	.blog_cont .solIndCont h2 a {
		margin: 0;
	}
	.hTopRgt {
		display: block;
		padding-top: 32px;
	}
	.hTopRgt>.hShare {
		display: none;
	}
	.hTopRgt>form {
		margin-right: 80px;
	}
	.footTopMdl {
		display: block;
	}
	.footGal li a img {
		height: auto;
		width: 100%;
	}
}

@media only screen and (max-width: 980px) {
	.blog_cont .solIndCont .read-more span {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.drawer>.mNav>ul {
		padding: 0 10px;
	}
	.drawer>.mNav>ul>li>a {
		font-size: 12px;
		padding: 7px 0;
		margin: 0;
	}
	#prodShowcase .owl-pagination {
		display: none;
	}
	#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-prev,
	#prodShowcase.owl-theme .owl-controls .owl-buttons .owl-next {
		height: 30px;
		width: 30px;
		margin-top: -15px;
	}
	.prodApp h5 {
		font-size: 16px;
	}
	.inputWrap input[type=text],
	.inputWrap textarea {
		width: 100%;
		margin-left: 0;
		padding: 20px 0 15px 50px;
		box-sizing: border-box;
	}
	.inputWrap textarea {
		padding-top: 0;
	}
	.cVSec div {
		float: left;
		width: 50%;
		padding: 8%;
		box-sizing: border-box;
	}
	.homeClients h2 {
		padding-bottom: 10px;
	}
	.homeClients h5 {
		margin-bottom: 20px;
	}
	.gallDetImg img {
		height: auto;
		width: 100%;
	}
	.blog_cont .solIndCont h2 a {
		font-size: 20px;
	}
	.drawer>.mNav>ul div>ul {
		padding: 25px;
		max-height: 165px;
		overflow-x: hidden;
	}
	/*.drawer>.mNav>ul div>ul{ padding:10px;}
.drawer>.mNav>ul div ul li.title{ margin-bottom:0; padding-bottom:4px;}
.drawer>.mNav>ul div ul li.title a{ font-size:10px; margin:0; padding:4px 0;}*/
	.footTopMdl {
		display: none;
	}
}

@media (max-width: 680px) {
	.twoSpltRow .lft,
	.twoSpltRow .rgt {
		box-sizing: border-box;
	}
	@media (max-width: 639px) {
		.hTopRgt {}
		.hTopRgt>form .form-control {
			width: 150px;
		}
		.sticky-wrapper.is-sticky .hTopRgt>form {
			margin-right: 0;
		}
	}
	@media (max-width: 479px) {
		.hTopRgt {
			display: none;
		}
		.sticky-wrapper.is-sticky .hTopRgt {
			display: block;
		}
	}
}

@media (min-width:1800px) {
	#gallTile li {
		width: 25%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}
}

@media (min-width:1600px) and (max-width:1800px) {
	#gallTile li {
		width: 25%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}
}

@media (min-width:1400px) and (max-width:1600px) {
	#gallTile li {
		width: 25%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}
}

@media (min-width:1201px) and (max-width:1400px) {
	#gallTile li {
		width: 25%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}
}

@media (min-width:1024px) and (max-width:1200px) {
	#gallTile li {
		width: 25%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#gallTile li {
		width: 24.9%;
	}
}

@media (min-width:801px) and (max-width:1023px) {
	#gallTile li {
		width: 25%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}
}

@media (min-width:601px) and (max-width:800px) {
	#gallTile li {
		width: 33.3%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}
}

@media (min-width:401px) and (max-width:600px) {
	#gallTile li {
		width: 50%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}

	.homeTopContW h3{
		font-size: 20px;
	}
}

@media (max-width:400px) {
	#gallTile li {
		width: 100%;
		background: url(assets/images/spinner.gif) center center no-repeat
	}

	.homeTopContW h3{
		font-size: 20px;
	}
}

#next1 {
	float: right;
	width: 27px;
	background: url(../assets/cur/grab-left-black.png) 0 0 no-repeat;
	height: 27px;
	margin: 0px;
	text-indent: -100000px;
	right: 0;
	top: 0;
	cursor: pointer;
}

#prev1 {
	float: left;
	width: 27px;
	background: url(../assets/cur/grab-rgt-black.png) 0 0 no-repeat;
	height: 27px;
	margin: 0;
	text-indent: -100000px;
	left: 0;
	top: 0;
	cursor: pointer;
}