@charset "utf-8";
html,
body {
	height: 100%;
	width: 100%;
	/* background: url(../images/bg-top.jpg) left top repeat-x; */
	font-weight: normal
}

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

.logo {
	width: 100%;
	
	margin: 0 auto;
	padding: 5% 0 0 0
}
.logo2 {
	width: 100%;
	height: 62%;
	margin: 0 auto;
	padding: 0 0 0 0
}

.tagline {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 5% 0 0 5%;
}

.home-certification {
	width: 95%;
	height: 95%;
	margin: 0px;
	padding: 1% 0 0 0;
	float: right
}

.top-links {
	margin: 13% 0 0 0;
	padding: 0;
	float: right;
	font-family: 'pt_sans_captionregular'
}

.top-links li {
	margin: 0;
	padding: 0px 10px;
	font-size: 12px;
	color: #ddd;
	display: inline-block;
	list-style-type: none;
	border-right: 1px solid #ddd;
	text-decoration: none
}

.top-links li a {
	color: #909090;
	text-decoration: none
}

.top-links li a:hover {
	color: #616161;
	text-decoration: none
}

.rm-btn a {
	float: left;
	margin: 5px 0 5px 0;
	color: #fff;
	padding: 5px 10px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
	cursor: pointer;
	font-family: 'pt_sansbold';
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #1dc699
}

.rm-btn a:hover {
	background-color: #3da7df;
	padding: 5px 10px;
	color: #fff
}

.product-range {
	background-color: #8873c8
}

.e-clients {
	background-color: #eee
}

.e-clients-inner {
	background-color: #1db28a;
	height: 131px;
	margin: 0 !important
}

.white {
	color: #fff
}

.grey {
	color: #505050
}

.grey2 {
	color: #606060
}

.aqua {
	color: #1dc699
}

.box-heading {
	margin: 5%;
	padding: 3% 5%;
	font-size: 25px;
	font-family: 'pt_sans_captionbold';
	line-height: 25px;
	text-align: left;
	border-right: 1px solid #fff
}

.box-heading2 {
	margin: 3% 5%;
	padding: 2% 0.5%;
	font-size: 25px;
	font-family: 'pt_sans_captionbold';
	line-height: 30px;
	text-align: left
}

.box-heading3 {
	margin: 3% 5%;
	padding: 3% 5%;
	font-size: 25px;
	font-family: 'pt_sans_captionbold';
	line-height: 30px;
	text-align: left
}

.box-heading4 {
	margin: 3% 5%;
	padding: 20% 0 0 0;
	font-size: 25px;
	font-family: 'pt_sans_captionbold';
	line-height: 30px;
	text-align: left;
	width: 50%;
	float: right;
	text-align: right;
	text-shadow: 1px 1px 3px #000
}

.box-heading4 a {
	color: #FFF;
	text-decoration: none
}

.box-heading4 a:hover {
	color: #FF0;
	text-decoration: none
}

.heading {
	margin: 0%;
	padding: 0%;
	font-size: 30px;
	font-family: 'pt_sans_captionbold';
	line-height: 40px;
	text-align: left
}

.heading span {
	font-family: 'pt_sans_captionregular';
	line-height: 40px;
	text-align: left
}

.subheading {
	margin: 0%;
	padding: 0%;
	font-size: 25px;
	font-family: 'pt_sans_captionbold';
	line-height: 30px;
	text-align: left
}

.subheading span {
	font-family: 'pt_sans_captionregular';
	line-height: 30px;
	text-align: left
}

.heading2 {
	margin: 0%;
	padding: 0 0 5px 0;
	font-size: 20px;
	font-family: 'pt_sans_captionbold';
	line-height: 35px;
	text-align: left;
	border-bottom: 1px dotted #a1a1a1
}

.heading2 span {
	font-family: 'pt_sansbold';
	line-height: 35px;
	text-align: left
}

.heading3 {
	margin: 0%;
	padding: 0 0 0px 0;
	font-size: 18px;
	font-family: 'pt_sansbold';
	line-height: 30px;
	text-align: left
}

.heading4 {
	margin: 0%;
	padding: 0 0 0px 0;
	font-size: 15px;
	font-family: 'pt_sansbold';
	line-height: 30px;
	text-align: left;
	text-indent: 30px
}

.para {
	margin: 1% 0;
	padding: 0%;
	font-size: 14px;
	font-family: 'pt_sansregular';
	line-height: 20px;
	text-align: left;
	color: #505050
}

.para span {
	margin: 1% 0;
	padding: 0%;
	font-size: 14px;
	font-family: 'pt_sansbold';
	line-height: 20px;
	text-align: left;
	color: #505050
}

.para2 {
	margin: 1% 0;
	padding: 0%;
	font-size: 14px;
	font-family: 'pt_sansbold';
	line-height: 20px;
	text-align: left;
	color: #505050
}

.para2 a {
	text-decoration: none;
	font-family: 'pt_sansbold';
	color: #000
}

.para2 a:hover {
	text-decoration: none;
	font-family: 'pt_sansbold';
	color: #333
}

.para3 {
	margin: 1% 0;
	padding: 0%;
	font-size: 18px;
	font-family: 'pt_sansregular';
	line-height: 30px;
	text-align: left;
	color: #505050
}

.para3 span {
	margin: 1% 0;
	padding: 0%;
	font-size: 18px;
	font-family: 'pt_sansbold';
	line-height: 30px;
	text-align: left;
	color: #505050
}

.reglink a {
	padding-left: 10%;
	text-decoration: none;
	font-family: 'pt_sansbold';
	color: #fff
}

.reglink a:hover {
	text-decoration: none;
	font-family: 'pt_sansbold';
	color: #333
}

.brand-philosophy {
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(../images/brand-philosophy.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 142px
}

.support-center {
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(../images/support.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 142px
}

.custom-list {
	margin: 0 0 3% 0;
	padding: 0 0 0 0
}

.custom-list li {
	margin: 0 0 0 3%;
	padding: 1% 0 0 0.5%;
	list-style-type: square;
	font-size: 14px;
	font-family: 'pt_sansregular';
	line-height: 22px;
	text-align: left;
	color: #505050;
	width: 95%
}

.custom-list2 {
	margin: 0 0 5% 0;
	padding: 0 0 0 0
}

.custom-list2 li {
	margin: 0 0 0 7%;
	padding: 1.5% 0 0 0.5%;
	list-style-type: square;
	font-size: 14px;
	font-family: 'pt_sansregular';
	line-height: 25px;
	text-align: left;
	color: #505050;
	width: 95%
}

.header-image {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(../images/slider/wallhaven-16270.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	height: 300px
}

.header-title {
	margin: 0% 0 0 0;
	padding: 1% 2%;
	font-size: 35px;
	font-family: 'pt_sans_captionbold';
	line-height: 40px;
	text-align: left;
	color: #fff;
	background: url(../images/title-bg.png) left top repeat;
	width: 50%;
	font-weight: normal
}

.pro-cat-title {
	margin: 0% 0 0 0;
	padding: 1% 2%;
	font-size: 35px;
	font-family: 'pt_sans_captionbold';
	line-height: 40px;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	width: 50%;
	font-weight: normal
}

.description {
	margin: 1% 30% 1% 2%;
	padding: 0%;
	font-size: 14px;
	font-family: 'pt_sans_narrowregular';
	line-height: 25px;
	text-align: left;
	color: #fff
}

.product-name {
	margin: 0%;
	padding: 0 0 5px 0;
	font-size: 30px;
	font-family: 'pt_sans_narrowbold';
	line-height: 35px;
	text-align: left;
	border-bottom: 1px dotted #a1a1a1;
	width: 100%
}

.product-subtitle {
	margin: 0% 0 0% 0;
	padding: 5px 8px;
	font-size: 22px;
	font-family: 'pt_sans_narrowbold';
	line-height: 25px;
	text-align: left;
	background-color: #ddd;
	text-transform: uppercase
}

.product-detail {
	margin: 0% 0 0% 0;
	padding: 0px 0px 15px 0px;
	font-size: 18px;
	font-family: 'pt_sans_narrowbold';
	line-height: 25px;
	text-align: left;
	text-transform: uppercase
}

.product-smalltitle {
	margin: 0%;
	padding: 5px 8px;
	font-size: 17px;
	font-family: 'pt_sans_narrowbold';
	line-height: 25px;
	text-align: left;
	color: #606060;
	border-bottom: 1px dotted #a1a1a1;
	width: 90%
}

.pro-highlight {
	margin: 0%;
	padding: 0%;
	font-size: 17px;
	font-family: 'pt_sans_narrowregular';
	line-height: 25px;
	text-align: left;
	color: #424242
}

.download-btn a {
	float: left;
	margin: 5px 0 5px 0;
	color: #fff;
	padding: 6px 10px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
	cursor: pointer;
	font-family: 'pt_sans_narrowregular';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #1dc699;
	text-align: center;
	width: 100%;
	line-height: 24px;
	letter-spacing: 0.5px;
	font-weight: normal
}

.download-btn a:hover {
	background-color: #3da7df;
	padding: 6px 10px;
	color: #fff
}

.phone {
	background: url(../images/phone-icon.png) 0px 2px no-repeat
}

.cell {
	background: url(../images/cell-icon.png) 0px 2px no-repeat
}

.mail {
	background: url(../images/mail-icon.png) 0px 2px no-repeat
}

.testimonails {
	margin: 0;
	padding: 0
}

.testimonails li {
	margin: 0;
	padding: 0
}

.hero {
	width: 100%;
	min-height: 150px;
	position: relative;
	background: url(../images/bg-top.jpg) left top repeat-x
}

.hero .nwrap {
	position: absolute;
	margin: 0 auto;
	left: 5%;
	padding: 0px;
	top: 2%;
	width: 90%;
	z-index: 999;
	background: url(../../img/bg_menu.png) left top repeat
}

footer {
	width: 100%;
	height: 400px;
	background-color: #0db4c4;
	position: relative
}

.yellow {
	background-color: #ffdb56
}

.btn {
	width: 200px;
	height: 55px;
	border: 2px solid white;
	color: white;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
	cursor: pointer;
	line-height: 220%
}

.btn:hover {
	background-color: white;
	color: #ffdb56
}

.copyright {
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
	font-family: 'pt_sansregular';
	line-height: 22px;
	text-align: justify;
	color: #909090
}

.copyright a {
	color: #c5d10c;
	text-decoration: none
}

.copyright a:hover {
	color: #ffcc00;
	text-decoration: none
}

.quick-links {
	margin: 1% 0 0 0;
	padding: 0;
	float: left;
	position: relative;
	font-family: 'pt_sans_captionregular';
	width: 100%;
	text-align: left
}

.quick-links li {
	margin: 0;
	padding: 0px 10px 0 0;
	font-size: 12px;
	color: #ddd;
	display: inline-block;
	list-style-type: none;
	border-right: 1px solid #ddd;
	text-decoration: none
}

.quick-links li:last-child {
	border-right: none
}

.quick-links li a {
	color: #909090;
	text-decoration: none
}

.quick-links li a:hover {
	color: #616161;
	text-decoration: none
}

.jssocials-share-link {
	position: relative;
	float: left;
	margin: 15px 5px 0 0
}

.latest-new {
	background-color: #f8ae27
}

.swipebut {
	text-align: right;
	margin-top: 0px
}

@media only screen and (min-width: 320px) {
	.swipe {
		min-height: 300px
	}
	.swipe-wrap>div>.swipe-box1 {
		margin: 0 4% 0 0;
		padding: 0;
		width: 100%;
		position: relative;
		float: left
	}
	.swipe-wrap>div>.swipe-box2 {
		margin: 4% 0 0 0;
		padding: 0;
		width: 100%;
		position: relative;
		float: left
	}
	.box-heading4 {
		margin: 3% 5%;
		padding: 20% 0 0 0;
		font-size: 20px;
		font-family: 'pt_sans_captionbold';
		line-height: 30px;
		text-align: left;
		width: 50%;
		float: right;
		text-align: right;
		text-shadow: 1px 1px 3px #000
	}
	nav.tabs ul li a {
		width: 20%;
		font-size: 10px;
		padding-left: 0px
	}
}

@media only screen and (min-width:400px) {
	.box-heading4 {
		margin: 3% 5%;
		padding: 20% 0 0 0;
		font-size: 20px;
		font-family: 'pt_sans_captionbold';
		line-height: 30px;
		text-align: left;
		width: 50%;
		float: left;
		text-align: left;
		text-shadow: 1px 1px 3px #000
	}
}

@media only screen and (min-width:480px) and (min-width:400px) {
	.box-heading4 {
		margin: 3% 5%;
		padding: 20% 0 0 0;
		font-size: 20px;
		font-family: 'pt_sans_captionbold';
		line-height: 30px;
		text-align: left;
		width: 50%;
		float: left;
		text-align: left;
		text-shadow: 1px 1px 3px #000
	}
}

@media only screen and (min-width: 1024px) {
	.logo {
		margin: 0
	}
	.swipe {
		min-height: 140px
	}
	.swipe-wrap>div>.swipe-box1 {
		margin: 0 4% 0 0;
		padding: 0;
		width: 48%;
		position: relative;
		float: left
	}
	.swipe-wrap>div>.swipe-box2 {
		margin: 0;
		padding: 0;
		width: 48%;
		position: relative;
		float: left
	}
	nav.tabs ul li a {
		width: 20%;
		font-size: 15px;
		padding-left: 0px
	}
}

.share-icon ul li {
	list-style: none;
	float: left
}

.carier .col-md-12{
    text-align:left;
    color:#000;
    font-size:16px;
}

.carier h6{
    color:#000;
    
}