/* --------------------------------------------------------- */
/* ----------------------- main.css - START ----------------------- */
/* --------------------------------------------------------- */
@font-face {
	font-family: 'Conv_manrope_bold_webfont';
	src: url('clientlib-ethiopia-site/fonts/Manrope-Bold.ttf');
	src: url('clientlib-ethiopia-site/fonts/Manrope-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_manrope_extrabold_webfont';
	src: url('clientlib-ethiopia-site/fonts/Manrope-ExtraBold.ttf');
	src: url('clientlib-ethiopia-site/fonts/Manrope-ExtraBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_manrope_light_webfont';
	src: url('clientlib-ethiopia-site/fonts/Manrope-Light.ttf');
	src: url('clientlib-ethiopia-site/fonts/Manrope-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_manrope_regular_webfont';
	src: url('clientlib-ethiopia-site/fonts/Manrope-Regular.ttf');
	src: url('clientlib-ethiopia-site/fonts/Manrope-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('clientlib-ethiopia-site/fonts/icomoon.eot?2n99ii');
	src:url('clientlib-ethiopia-site/fonts/icomoon.eot?2n99ii#iefix') format('embedded-opentype'),
		url('clientlib-ethiopia-site/fonts/icomoon.ttf?2n99ii') format('truetype'),
		url('clientlib-ethiopia-site/fonts/icomoon.woff?2n99ii') format('woff'),
		url('clientlib-ethiopia-site/fonts/icomoon.svg?2n99ii#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-inr:before {
	content: "\e900";
}



/*----- Reset -----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,ul,li,ol
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----- Global -----*/

body {
	color: #333;
	/*font-family: 'Conv_manrope_light_webfont', sans-serif;*/
	font-family: Arial, sans-serif;
	font-size: 14px;
	overflow-x: hidden;
}
body p{
	/*font-family:Arial, sans-serif !important;*/
}
h1, h2, h3, h4 {
	line-height: 100%;
}
h2 {
	font-family: 'Conv_manrope_regular_webfont';
	font-size: 24px;
	margin-bottom: 32px;
}
h2 span {
	display: inline-block;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 10px;
	font-family: 'Conv_manrope_regular_webfont';
}

h5,h6{
	font-family: 'Conv_manrope_regular_webfont';
}


h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 15px;
	font-family: 'Conv_manrope_regular_webfont';
}
h4 {
	font-size: 18px;
	font-family: 'Conv_manrope_regular_webfont';
	line-height: 100%;
	margin-bottom: 15px;
}
p {
	line-height: 20px;
	margin-bottom: 25px;
}
/*p:last-child {
  	margin-bottom: 0;
}*/
a, a:hover, a:focus {
	color: #333;
	outline: 0 none;
}
a:hover, a:focus {
	text-decoration: none;
}
strong {
	font-family: 'Conv_manrope_bold_webfont';
}
.bold {
	font-family: 'Conv_manrope_bold_webfont';
}
img {
	vertical-align: middle;
	max-width: 100%;
}
.radio label, .checkbox label {
	font-family: ;
}
.center {
	text-align: center;
}
.fl-right {
  	float: right !important;
}
.fl-left {
  	float: left !important;
}
.pos-static {
	position: static;
}
.mt-35 {
	margin-top: 35px;
}
.mb-none {
	margin-bottom: 0 !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px !important;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-90 {
	margin-bottom: 90px;
}
.gl-mr-10{
	margin-right:10px;
}
.gl-display-inline{
	display:inline-block;
}
.gl-align-center {
	text-align:center;
}
.no-float {
	float:none;
}
.btn-style1 {
	border: 2px solid;
	color: #55565a;
	display: inline-block;
	font-size: 24px;
	padding: 7px 20px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.btn-style1:hover {
	background-color: #55565a;
	border-color: #55565a;
	color: #fff;
}
.btn-style2 {
	background-color: #fff;
	border: 2px solid #55565a;
	color: #55565a;
	font-family: 'Conv_manrope_regular_webfont';
	display: inline-block;
	font-size: 18px;
	padding: 7px 30px 8px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.btn-style2:hover {
	background-color: #55565a;
	border-color: #55565a;
	color: #fff;
}
.btn-style3 {
	border: 3px solid #55565a !important;
	color: #55565a !important;
	display: inline-block !important;
	font-size: 18px;
	padding: 8px 25px !important;
	width: auto;
}
.btn-style3:hover {
	background-color: #55565a;
	color: #fff !important;
}
.nopadding {
	padding: 0;
}
input:focus, button:focus, select:focus, textarea:focus {
	outline: 0 none;
}
.desktop-hide {
	display: block;
}
/*
.mob-hide{
	display: block;
}*/

/*----- Header -----*/

.main-header {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 105;
}
#homeowner-tggle {
	display: none;
}
.hdr-top {
  	background-color: #d7d7d7;
}
.top-links > li {
	float: left;
	line-height: 38px;
	position: relative;
}
#homeowner-drpdwn > li a:before {
	background-color: #666;
	content: "";
	height: 14px;
	margin-top: -7px;
	position: absolute;
	right: -1px;
	top: 50%;
	width: 1px;
}
#homeowner-drpdwn > li:last-child a:before, #homeowner-drpdwn > li:hover a:before {
	display: none;
}
.arrw-btm {
 	background: url("clientlib-site/images/arrow-bottom.png");

	display: inline-block;
    height: 6px;
    margin-left: 3px;
    width: 11px;
}
.top-links > li > a {
	display: block;
	font-family: 'Conv_manrope_light_webfont';
	font-size: 14px;
	padding: 0 12px;
}
.top-links li:hover a, .top-links li.active a {
	background-color: #fff;
	text-decoration: none;
}
.socl-lnks {
	line-height: 38px;
	margin-left: 7px;
}
.socl-lnks li {
	float: left;
	margin-right: 5px;
}
.socl-lnks li:last-child {
  	margin-right: 0;
}
.socl-lnks li a {
	display: block;
}
.ap-logo {
  	display: inline-block;
}
.srch-input {
	margin-right: 3%;
	position: relative;
	width: 48%;
}
.srch-input input {
	border: 0 none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom: 1px solid #000;
	font-family: Arial;
	padding-bottom: 5px;
	padding: 5px 25px 5px 0;
	width: 100%;
}
.srch-input button {
	background: url("clientlib-site/images/search-icon.svg") no-repeat;
	border: 0 none;
	height: 20px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
}
.login {
  	/*margin-right: 20px;*/
}
.cart {
  	margin: 0 155px 0 0;
}
.cart-icon {
	display: inline-block;
	position: relative;
}
.cart-items {
	display:none;
    background-color: #ff3333;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px;
    height: 18px;
    min-width: 18px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -4px;
    color: white;
    padding-top: 3px;
    text-align: center;
    font-weight: bold;
}
.hdr-mdle {
	background-color: #fff;
  	padding: 18px 0 5px;
}
.hdr-btm {
	background: url("clientlib-ethiopia-site/images/gradient-bg.jpg") repeat-y center center #0C9B4A;
	padding: 8px 0;
	position: relative;
}
.main-nav {
	margin: 0;
	float: none;
}
.main-nav > li {
	background: none;
	position: static;
	margin-right: 5%;
}
.main-nav > li:last-child {
	margin-right: 0;
}
.main-nav > li > a {
	border: 0 none;
	color: #fff;
	font-size: 18px;
	font-family: 'Conv_manrope_regular_webfont';
	padding: 0;
}
.main-nav > li > a span {
	display: inline-block;
	vertical-align: middle;
}
.main-nav li:hover, .main-nav li.sfHover {
	background: none;
}
.icon {
	margin-right: 2px;
}
.strt-prjct {
	position: absolute;
	right: 15px;
	text-align: center;
	top: -18px;
	z-index: 100;
	width: 130px;
}
.strt-prjct p {
	color: #fff;
	font-family: ;
	font-size: 18px;
	font-family: 'Conv_manrope_bold_webfont';
	margin-top: -5px;
}
.strt-img {
	background-color: #5e3b8d;
	padding: 12px 0;
}
.sf-menu .sf-mega {
	-moz-box-shadow: 0 1px 10px #bebebe;
	-webkit-box-shadow: 0 1px 10px #bebebe;
	box-shadow: 0 1px 10px #bebebe;
	padding: 30px 0 55px;
	top: 42px;
	height: auto;
}
.sf-menu .hght-auto {
	height: auto;
}
.sf-menu ul {
	box-shadow: 0 0 rgba(0, 0, 0, 0);
	display: block;
	position: static;
}
.sf-menu .menu-tab-list {
	float: left;
	margin-right: 4%;
	min-width: auto;
	width: 19%;
}
.sf-menu .menu-tab-list li, .sf-menu .sub-menu li {
	background: transparent;
	display: block;
}
.sf-menu .menu-tab-list li a {
	background-position: 30px center;
	background-repeat: no-repeat;
	color: #0C9B4A;
	border: 1px solid transparent;
	font-size: 18px;
	font-family: 'Conv_manrope_regular_webfont';
	padding: 8px 10px;
}
.sf-menu .menu-tab-list > li > a span {
	display: inline-block;
	vertical-align: middle;
	width: 75%;
}
.sf-menu .menu-tab-list li a:after {
	content: "";
	position: absolute;
	width: 14px;
	height: 26px;
	top: 50%;
	right: -13px;
	margin-top: -13px;
}
.menu-icon {
	margin-right: 2%;
	width: 22% !important;
}
.sf-menu .menu-tab-list li a {
	color: #0C9B4A;
}
.sf-menu .menu-tab-list li.r-tabs-state-active a:after {
	background: url("clientlib-ethiopia-site/images/arrow-right.jpg") no-repeat;
}
.sf-menu .menu-tab-list li.r-tabs-state-active a {
  	border-color: #0C9B4A;
}
.menu-tab-cntnt {
	float: left;
	width: 77%;
}
.more-secn .sub-menu li {
	margin-bottom: 15px;
}
.sub-menu li {
  	margin-bottom: 25px;
  	position: static;
}
/*.sub-menu li:last-child, .more-secn .sub-menu li:last-child {
	margin-bottom: 0;
}*/
.sub-menu li a {
	color: #0C9B4A;
	font-size: 16px;
	font-family: 'Conv_manrope_regular_webfont';
	padding: 0;
  	position: relative;
}
.sub-menu li a:hover .submenu-hdng, .more-secn .sub-menu li:hover a {
	text-decoration: underline;
}
.sub-menu li p {
	color: #333;
	/*font-family: 'Conv_manrope_light_webfont';
	font-size: 14px;
	*/
	font-family: 'Arial';
	font-size: 13px;
	line-height: 22px;
}
.sub-menu.inline li {
	display: inline-block;
	margin: 0 3% 0 0;
	padding-right: 3%;
	vertical-align: top;
	width: 31%;
}
.sub-menu.inline li:last-child {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0;
}
.menu-hdng {
	font-size: 18px;
	font-family: 'Conv_manrope_regular_webfont';
	margin-bottom: 5px;
}
.menu-img {
  	margin-bottom: 10px;
}
.submenu-hdng {
	color: #0C9B4A;
	font-size: 18px;
	font-family: 'Conv_manrope_regular_webfont';
	margin-bottom: 5px;
}
.submenu-hdng > a {
	color: #0C9B4A;
	font-family: 'Conv_manrope_regular_webfont';
	padding:0;
	margin:0;
}
.submenu-hdng > a:hover {
	color: #333;
	text-decoration:none;
}
.sub-menu li ul a {
	font-family: 'Conv_manrope_light_webfont';
}
.main-nav.sf-arrows > li:hover > .sf-with-ul:before {
	background: url("clientlib-site/images/arrow-top.png") no-repeat;
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: 3px;
	width: 19px;
	height: 9px;
	content: "";
}
.main-nav.sf-arrows .sf-with-ul {
	padding-right: 0;
}
.r-tabs .r-tabs-panel.menu-tab-cntnt {
  	padding: 0;
}
.sub-menu ul {
  	box-shadow: 0 0 transparent;
}
.sub-menu ul li:last-child {
	margin-bottom: 0;
}
.sub-menu > li > a {
  	position: relative;
}
.menu-tggle {
	display: none;
}

.common-secn {
	border-top: 1px solid #cfcfcf;
	float: right;
	margin-top: 25px;
	padding-top: 25px;
	text-align: center;
	width: 77%;
}
.cntry-flag {
  margin-right: 10px;
}
.origin .dropdown-menu > li > a {
	padding: 3px 10px;
}
.brdr-lr {
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}
.brdr-left {
	border-left: 1px solid #cfcfcf;
}
.brdr-rght {
	border-right: 1px solid #cfcfcf;
}



/* Main */

.grid-item {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}
.grid-item:last-child {
	/*margin-bottom: 0;*/
}
.grid-item img {
  	width: 100%;
}
.galcolumn {
	padding-bottom: 0 !important;
}
/*#ascrail2007 {
	display: none !important;
}*/
.bnnr-secn .bx-wrapper {
	margin-bottom: 0;
}
.bnnr-secn .bx-wrapper .bx-viewport {
	border: 0 none;
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	left: 0;
	top: 0;
}
.main-sldr li img {
	width: 100%;
}
.bnnr-secn .bx-wrapper .bx-pager {
	bottom: 7px;
	padding-top: 0;
	width:50%;
	margin-left:25%;
}
.bnnr-secn .bx-wrapper .bx-pager .bx-pager-item {
	margin-right: 5px;
}
.bnnr-secn .bx-wrapper .bx-pager.bx-default-pager a {
	background: url("clientlib-site/images/pager.png");
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	height: 17px;
	width: 17px;
}
.bnnr-secn .bx-wrapper .bx-pager.bx-default-pager a:hover, .bnnr-secn .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url("clientlib-site/images/pager-active.png");
}
.sldr-captn {
	font-family: ;
	position: absolute;
	/*top: 100px;*/
}
.sldr-title, .sldr-title2 {
	background-color: rgba(31, 31, 31, 0.5);
	font-family: 'Conv_manrope_bold_webfont';
	color: #fff;
}
.sldr-description{
	background-color: rgba(31, 31, 31, 0.5);
	font-family: 'Conv_manrope_bold_webfont';
	color: #fff;
}
.sldr-title {
	font-size: 40px;
	margin-bottom: 1px;
	padding: 8px 15px;
}

.sldr-description {
	font-size: 20px;
	margin-bottom: 1px;
	padding: 8px 15px;
	display:inline;
}

.sldr-title2 {
	display: inline-block;
	font-size: 22px;
	margin-bottom: 10px;
	padding: 10px 15px;
}
.choose-intrst {
	background-color: #6d6e72;
	padding: 14px 0;
	text-align: center;
}
.choose-intrst a {
	color: #fff;
	display: inline-block;
	font-family: 'Conv_manrope_light_webfont';
	font-size: 20px;
	line-height: 100%;
}
.choose-intrst a span {
	background: url("clientlib-site/images/plus-minus.png") no-repeat;
	display: inline-block;
	height: 14px;
	margin-left: 10px;
	width: 15px;
}
.choose-intrst .active span {
	background-position: -17px 0;
}
.filter-secn {
	position: relative;
}
.affix .filter-secn {
    margin: 0 auto;
    max-width: 1140px;
}
.intrst-panel {
	background-color: #fff;
	display: none;
	left: 0;
	padding: 20px 0 40px;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 20;
}
.intrst-hdng {
	color: #5e3b8d;
	font-family: 'Conv_manrope_regular_webfont';
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 18px;
}
.intrst-hdng span {
	display: inline-block;
	margin-right: 5px;
}
.intrst-check .checkbox {
	margin: 0 0 12px;
	padding-left: 25px;
}
/*.intrst-check .checkbox:last-child, .intrst-check:last-child, .loctn ul li:last-child {
  	margin: 0;
}*/
.intrst-check {
  	margin-bottom: 40px;
  	max-height: 244px;
}
.loctn-map {
  	margin-bottom: 15px;
}
.loctn ul li {
  	margin-bottom: 16px;
}
.loctn ul li a {
	text-decoration: underline;
}
.loctn ul li a:hover {
	color: #000;
	text-decoration: none;
}
.intrst-panel .nicescroll-rails {
	width: 1px !important;
}
.intrst-panel .nicescroll-cursors {
	right: -2px;
}
.main-secn {
  	padding: 45px 0;
}
.style1 {
	border: 1px solid #dbdbdb;
	padding: 26px;
}
.style3 {
	background-color: #5e3b8d;
	display: block;
	padding: 24px;
	text-align: left;
}
.style3.red {
	background-color: #ff3333;
}
.style3 p {
	color: #fff;
}
.cstmr-name {
	font-weight: 600;
	font-size: 16px;
}
.item-hdng {
	font-family: "Conv_manrope_regular_webfont";
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 8px;
}
.item-hdng a:hover, .item p a:hover {
	color: #4A306D;
}
.item-hdng.red {
	color: #660000;
}
.item-hdng.blck {
	color: #000;
}
.item-hdng > a {
	display:inline-block;
	font-size: 20px !important;
}
.like-view {
  	margin-bottom: 10px;
}
.like-view:last-child {
  	margin: 0;
}
.like-view div {
	cursor: default;
	display: inline-block;
	line-height: 16px;
	margin-right: 15px;
}
/*.like-view div:last-child {
  	margin-right: 0;
}*/
.like-view div a {
	display: block;
}
.like-view div .icon {
	background: url("clientlib-site/images/like-view.png") no-repeat;
	display: inline-block;
	height: 16px;
	margin-right: 5px;
	vertical-align: top;
}
.like-view .like .icon {
	/*background-position: 0 -2px;*/
	background-position: 0 0;
	width: 15px;
}
.like-view .like:hover .icon {background-position: 0 -20px;}
.like-view .like:hover a {
	color: #ff3333;
}
.like-view .view .icon {background-position: -16px 0px;width: 26px;}
.like-view .view:hover .icon {background-position: -16px -20px;}
.like-view .view:hover a {
	color: #0080b0;
}
.like-view .share .icon {
    background: rgba(0, 0, 0, 0) url("clientlib-site/images/share.png") no-repeat scroll 0 0 / 100% auto;
    width: 15px;
}
/*.like-view .share .icon {
	background-position: -44px 0;
	width: 15px;
}*/
.like-view .share:hover .icon {
	background-position: 0px 0px;
}
.red-txt:before {
	background-color: #ff3333;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: -49px;
	position: absolute;
	top: 0;
	width: 98px;
}
.red-txt {
	color: #ff3333;
	line-height: 100%;
	padding-top: 10px;
	position: relative;
}
.item-captn {
	background-color: rgba(255, 255, 255, 0.75);
	bottom: 30px;
	left: 0;
	padding: 12px;
	position: absolute;
	width: 100%;
}
a.item:hover .item-captn .item-hdng { color:#5e3b8d; }
.item-captn.top {
	bottom: auto;
	top: 30px;
}
.play-icon {
	background: url("clientlib-site/images/play.png") no-repeat;
	display: inline-block;
	width: 68px;
	height: 67px;
	margin-bottom: 8px;
}
.play-icon:hover {
	background: url("clientlib-site/images/play.png") no-repeat;
}
.emlsn-img img {
	width: 100%;
}
.quote:before, .quote:after {
	/*background: url("clientlib-site/images/quotes.png") no-repeat;*/
	content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    width: 33px;
}
.quote:before {
	background-position: 0 0;
	top: 0;
	left: -5px;
}
.quote:after {
	background-position: -41px 0px;
}
.quote {
  	padding-top: 12px;
  	font-size: 16px;
}
.quote span {
	position: relative;
}
.item.style3.red .quote:before {
	background-position: -77px 0;
}
.item.style3.red .quote:after {
  	background-position: -113px 0;
}
.socl-hdng {
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	/*padding: 17px 35px;*/
}
.socl-hdng.fb {
	background-color: #3a599c;
}
.socl-hdng.twtr {
	background-color: #20caff;
}
.socl-hdng.blog {
	background-color: #fdb43e;
}
.phn-hangout {
	margin-top: 115px;
	position: fixed;
	right: 20px;
	top: 50%;
	z-index: 999;
}
.phn-icon {
	background: url("clientlib-site/images/phn-sprites2.png") no-repeat 14px center #ffcc33;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
    height: 66px;
    position: relative;
    width: 66px;
    z-index: 10;
}
.phn-icon.active {
	background-position: -56px center;
}
.phn-options li {
	border-bottom: 1px solid #ffcc33;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.phn-options li:last-child {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.phn-options li:hover a {
  	color: #ffcc33;
}
.phn-options li a {
	color: #fff;
	display: block;
	font-size: 20px;
	overflow: hidden;
}
.phn-options li a span {
	line-height: 36px;
}
.post-listing {
	border: 1px solid #bbb;
	border-top: 0 none;
	padding: 27px 18px;
}
.post-scroll {
	max-height: 297px;
	padding-right: 25px;
}
.post-blck {
	border-bottom: 1px solid #fdb43e;
	margin-bottom: 20px;
	padding: 0 6px 15px;
	position: relative;
}
.post-blck:last-child {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.post-hdng {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}
.post-hdng:hover a {
	color: #fdb43e;
}
.post-blck p {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 12px;
}

.gridalicious .galcolumn {
	padding-left: 0 !important;
}
.gridalicious .galcolumn:nth-child(2) {
	float: right !important;
}
#ascrail2008 {
	width: 2px !important;
}
#ascrail2008 .nicescroll-cursors {
  	left: 4px !important;
}
.play-video {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	z-index: 100;
}
.sucess-msg, .error-msg {
	display: none;
	float: left;
	margin-top: 5px;
	width: 100%;
}
.sucess-msg {
	color: #008000;
}
.error-msg {
	color: #ff0000;
}

/*----- About -----*/

.inner-banner {
	position: relative;
}
.inner-banner .container, .inner-banner .row, .inner-banner .col-md-12 {
	height: 100%;
}
.inner-banner .container {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	/*z-index: 100;*/
}
.inner-banner .row {
	margin: 0 auto;
	max-width: 1170px;
}
.inner-banner img {
  	width: 100%;
}
.inner-banner .sldr-captn {
	bottom: 80px;
	left: 0;
	top: auto;
}
.brdcrumbs {
	background-color: rgba(255, 255, 255, 0.5);
	float: left;
    padding: 6px 12px;
    font-family: 'Conv_manrope_regular_webfont';
}
.brdcrumbs li {
	display: inline-block;
	font-size: 14px;
}
.brdcrumbs li:hover a {
	color: #000;
	text-decoration: underline;
}
.gray-strip {
	background-color: #6d6e71;
	margin-top: -1px;
}
.inner-menu li {
  	float: left;
  	position: relative;
}
.inner-menu > li > a {
	padding: 0 16px;
	line-height: 50px;
}
.inner-menu li a {
	color: #fff;
	display: block;
	font-family: 'Conv_manrope_regular_webfont';
	font-size: 15px;
}
.inner-menu li:first-child a {
	padding-left: 0;
}
.inner-menu li:hover a {
	color: #f6f6f6;
}
.inner-menu li ul {
	background-color: #6d6e71;
	display: none;
	left: 0;
	padding: 15px 25px;
	position: absolute;
	top: 100%;
	width: 210px;
	z-index: 100;
}
.inner-menu li ul li {
	display: block;
	margin-bottom: 18px;
	float:none;
}
.inner-menu li ul li:last-child {
  	margin-bottom: 0;
}
.inner-menu li ul li a {
  	padding: 0;
}
.inner-menu li:hover ul {
	display: block;
}
.inner-secn {
	padding: 70px 0 90px;
    position: relative;
    /*z-index: 100;*/
}
.inner-secn.pt-40 {
	padding-top: 40px;
}
.brdr-secn {
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 60px;
	padding-bottom: 60px;
}
.budget-calculator > .brdr-secn:nth-last-child(2) {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.room > .brdr-secn:nth-last-child(2) {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.drctr-img {
	margin-bottom: 15px;
}
.drctr-img img {
	width: 100%;
}
.drctr-name {
	font-family: 'Conv_manrope_regular_webfont';
	font-size: 18px;
	line-height: 100%;
	margin-bottom: 5px;
}
.accrdn-secn {
  	margin-bottom: 12px;
	border-bottom: 1px solid #dbdbdb;
}

.accrdn-secn:last-child {
	margin-bottom: 0;
	border: none;
}

.accrdn-title:before {
    background-color: #fcaf17;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: "";
	height: 8px;
	left: 0;
	margin-top: -3px;
	position: absolute;
	/*top: 50%;*/
	top: 25px;
	width: 8px;
}

.pbc-accord .accrdn-title:before{
	background-color: transparent!important;
}

.accrdn-title {
	background: url("clientlib-site/images/plus-icon.png") no-repeat right center;
	cursor: pointer;
	margin: 0;
	padding: 12px 30px;
	position: relative;
}
.accrdn-title.open {
	background-image: url("clientlib-site/images/minus-icon.png");
}
.accrdn-cntnt {
	display: none;
	padding: 15px 30px 15px;
}
.accrdn-cntnt.showng {
	display: block;
}
.accrdn-cntnt.paintSelAccShowing {
	display: block;
}
.evnt-secn {
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 60px;
	padding-bottom: 30px;
}
.evnt-secn.last {
	border-bottom: 0 none;
	margin-bottom: 25px;
	padding-bottom: 0;
}
.date-box {
	background-color: #0C9B4A;
	padding: 10px 10px 20px;

	text-align: center;
	width: 80px;
}
.date-box span {
	color: #fff;
	display: block;
	line-height: 100%;
}
.day {
	font-size: 36px;
	margin-bottom: 5px;
}
.mnth-year {
  	font-size: 16px;
}
.dwnld-btn {
	background: url("clientlib-site/images/download-icon.png") no-repeat left center;
	padding-left: 35px;
	color: #0C9B4A;
	display: inline-block;
	font-size: 18px;
}
.left-offset.col-md-11 {
  	padding-left: 50px;
}
.awrds-secn {
	margin-bottom: 30px;
}
.subsidry-logo {
	border: 1px solid #ccc;
	display: table;
	height: 200px;
	position: relative;
	text-align: center;
	width: 100%;
}
.subsidry-logo img {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;

	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.subsidry-logo:hover img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.subsidry-logo span {
	display: table-cell;
	vertical-align: middle;
}

/*----- Awards -----*/

.awrds-secn {
	margin-bottom: 35px;
}
.awrds-secn:last-child {
	margin-bottom: 0;
}
.archives-list {
	background-color: #fef1cc;
	padding: 15px 8px;
	text-align: center;
}
.archives-list li {
	border-bottom: 1px solid;
	/*margin-bottom: 12px;*/
	padding: 12px 0;
}

.archives-list li.active{
	background-color: #0C9B4A;
}

.archives-list li.active a{
	color: #fff;
}

.archives-list li.active a:hover{
	color: #fff;
}
.archives-list li:last-child {
	/*border: 0 none;
	margin: 0;
	padding: 0;*/
}
.archives-list li a {
  	display: block;
}
.archives-list li a:hover {
	color: #000;
	text-decoration: underline;
}
.link-box {
	border-bottom: 1px solid #ccc;
	padding: 20px 12px;
}
.link-box h3 {
	font-size: 18px;
	margin: 0;
}

/* Labour law */

.tab-style1 .nav {
	margin-bottom: 55px;
}
.color-catalog .tab-style1 .nav li {
	width: 18%;
}
.tab-style1 .nav li {
	display: inline-block;
	margin-right: 2%;
	position: relative;
	text-align: center;
}
.tab-style1 .nav li.active:before {
	background: url("clientlib-site/images/arrow-bottom2.png") no-repeat center center;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -13px;
	width: 23px;
	height: 13px;
	margin: 0 0 0 -12px;
}
.tab-style1 .nav li:last-child {
	margin-right: 0;
}
.tab-style1 .nav li a {
	background-color: #bababa;
	color: #fff;
	font-family: 'Conv_manrope_regular_webfont';
	font-size: 18px;
	padding: 20px 30px;
}
.color-catalog .tab-style1 .nav li a {
	padding: 20px 4%;
}
.tab-style1 .nav li.active a {
  	background-color: #fcaf17;
}
.bootstrap-select {
	position: relative;
	min-width: 250px;
}
.slct-style1 .dropdown-toggle {
	border: 1px solid #999999;
	border-radius: 0;
	font-size: 18px;
	padding: 10px 20px;
}
.slct-style1 .dropdown-toggle .caret {
	background: url("clientlib-site/images/arrow-bottom3.png") center center no-repeat;
	border: 0 none;
	height: 11px;
	margin: -5px 0 0 !important;
	right: 16px !important;
	width: 21px;
}
.slct-style1 .open > .dropdown-toggle.btn-default, .slct-style1 .btn-default:hover {
	background-color: #f5f5f5;
}
.slct-style1 .bootstrap-select .dropdown-toggle:focus {
	outline: 0 none !important;
}

/*----- Footer -----*/
footer.main-footer {
    font-family: 'Conv_manrope_regular_webfont';
}
.ftr-top {
	background-color: #ccc;
	padding: 12px 0;
}
.newslttr label {
	color: #5e3b8d;
	cursor: text;
	float: left;
	line-height: 34px;
	margin-right: 30px;
}
.signup-input {
	float: left;
	width: 315px;
}
.signup-input input, .signup-input button {
	float: left;
	line-height: 100%;
	height: 34px;
}
.signup-input button {
	background-color: #0C9B4A;
	border: 0 none;
	color: #fff;
	font-size: 18px;
	font-family: 'Conv_manrope_bold_webfont';
	padding: 0 20px;
}
.signup-input button:hover {
	background-color: #6e49a0;
}
.signup-input input {
	background-color: transparent;
	border: 1px solid #0C9B4A;
	padding: 9px 5px;
	width: 70%;
	font-family: Arial, sans-serif;
}
.socl-lnks2 {
  	padding-top: 4px;
}
.socl-lnks2 li {
	float: left;
	margin-right: 15px;
}
.socl-lnks2 li:last-child {
  	margin-right: 0;
}
.socl-lnks2 li a {
	display: block;
}
.socl-lnks2 li:hover a, .socl-lnks li:hover a {
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.ftr-mdle {
	background-color: #0C9B4A;
	padding: 30px 0 20px;
}
.ftr-links li {
	color: #fff;
	margin-bottom: 10px;
}
.ftr-links li:last-child {
  	margin-bottom: 0;
}
.ftr-links li a {
	color: #fff;
}
.ftr-links li a:hover, .ftr-links2 li a:hover {
	text-decoration: underline;
}
.ftr-hdng {
	color: #fff;
	margin-bottom: 10px;
}
.ftr-btm {
	background-color: #333;
	padding: 9px 0;
}
.copyright {
	background: url("clientlib-site/images/copyright-icon.png") no-repeat left center;
	color: #fff;
	font-size: 13px;
	font-family: ;
	line-height: 100%;
	padding-left: 15px;
    margin-top: 20px;
}
.ftr-links2 li {
	border-right: 1px solid #fff;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}
.ftr-links2 li:last-child {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.ftr-links2 li a {
	color: #fff;
	font-family: ;
	font-size: 12px;
}
.move-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 102;
	opacity: 0;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.move-top.visible {
	opacity: 1;
}
.affix {
	left: 0;
	top: 106px;
	width: 100%;
	z-index: 300;
}
.affix_pos {
	top:105px;
}

.inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
	left: 50px;
}
.inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
	right: 50px;
}

.color-catalog .tab-style1 .sub-nav li {
  	width: 14.6%;
}

.modal {
	z-index: 999999;
}

.top-offset {
  	margin-top: -58px;
}
.item-img > a {
	display:block;
}
.item-img img {
	width: 100%;
}
.tile {
  position: relative;
}
.bst-select input[type="checkbox"][disabled] {
	cursor: default;
}
.bst-select label {
	cursor: text;
}
.tesimaonials-container .service_testimonial_content {
	padding: 0;
}
.tesimaonials-container .brdr-secn {
	margin-bottom: 40px;
    padding-bottom: 40px;
}
.tesimaonials-container .service_testimonial_content .service_testi_content {
	padding-left: 2%;
	width: 83%;
}
.service_testimonial_content .service_testi_thumb {
	height: auto !important;
}
.service_aphs_services .service_box {
	max-width: 100% !important;
}
.service_aphs_services .owl-item .service_box {
	max-width: 98% !important;
	margin:0 auto !important;
}
.service_quotes_open, .service_quotes_close {
	display: none;
}
.ddl .btn-style2 {
  padding: 13px 30px;
}
.contat-list-warp {
	overflow: hidden !important;
}
.contractors-wrap .checkbox {
	margin: 0;
}
.list-style div {
	cursor: pointer;
	font-family: 'Conv_manrope_regular_webfont';
	font-size: 18px;
}
.list-style .day-icon, .list-style .night-icon {
	background: none;
	color: inherit;
	float: none;
	height: auto;
	width: auto;
}
.list-style .day-active, .list-style .night-active {
	color: #5e3b8d;
}
.owlCarousel-auto-item-5.owl-theme .owl-controls .owl-buttons div, .owlCarousel-auto-item-4.owl-theme .owl-controls .owl-buttons div {
	height: 18px;
	margin: 0 !important;
	padding: 0 !important;
	width: 10px;
	opacity: 1 !important;
	text-indent: -99999px;
	top: 50%;
}
.owlCarousel-auto-item-5 .owl-prev, .owlCarousel-auto-item-4 .owl-prev {
	background: url("clientlib-site/images/arrow-left.png") no-repeat left center !important;
	left: 20px !important;
}
.owlCarousel-auto-item-5 .owl-next, .owlCarousel-auto-item-4 .owl-next {
	background: url("clientlib-site/images/arrow-right.png") no-repeat left center !important;
	right: 20px !important;
}
ul.appoint_form_listing > li .text-input {
	width: 100% !important;
}
ul.appoint_form_listing > li .selectform-yellowbg {
	color: #6b6b6b;
	font-size: 14px;
	width: 100%;
	height: 29px;
	border: 1px solid #d7d7d7;
}

/*---------------------------- Available Products -------------------------------*/
ul.available_product {}
ul.available_product > li { display:inline-block; }
.available_product_copy { font-size:16px; font-weight:bold;padding-bottom: 5px;display: inline-block; }

.appointment_heading > img { /*float:left;*/ margin-right:8px; }
.custom-product-shot-img { width:110px; }

.custom-btn-bigger { margin-right:15px; padding:15px 40px; }
.custom-input-text-single { width:260px; max-width:100%; }
.custom-select-from-single{ min-width:inherit !important; width:260px !important; }
.custom-select-from-single > .dropdown-toggle.btn{ padding:16px 12px !important; }

.custom-select-form-yellow-bg { width:auto !important; min-width:100%; }
.custom-select-form-yellow-bg > .btn-default { max-width:none !important; }

table.custom-mobile-responsive-single-column td { padding:12px; width:50%; }

@media (max-width:640px){
	.custom-product-shot-img { width:90px; }
}
@media (max-width:767px){
	table.custom-mobile-responsive-single-column, table.custom-mobile-responsive-single-column tbody, table.custom-mobile-responsive-single-column tr, table.custom-mobile-responsive-single-column td{
		display: block;
		/* border: 1px solid #0f0; */
		padding: 4px;
		float: left;
		clear: both;
		width: 100%;
	}
}

/*
@media (min-width:992px){
    .service_book_appointment_right { float:right !important; }
    .service_book_appointment_left { float:left !important; }
    .service_book_appointment-center{	float:none; }
}*/


/* --------------------------------------------------------- */
/* ----------------------- main.css - END ----------------------- */
/* --------------------------------------------------------- */












/* --------------------------------------------------------- */
/* ----------------------- demo.css - START ----------------------- */
/* --------------------------------------------------------- */


/* Demo mockups */
.mockup-content {
	text-align: center;
}

.demo-4 .mockup-content {
	padding: 1em 0 3em;
}

.demo-5 .mockup-content {
	padding: 1em 0 6em;
}

.mockup-content > span {
	display: block;
	background: rgba(0,0,0,0.1);
	height: 50px;
	width: 100%;
	margin: 0 0 10px;
	clear: both;
}

.mockup-content > span:nth-child(2),
.mockup-content > span:nth-child(3),
.mockup-content > span:nth-last-child(2) {
	width: calc(50% - 5px);
	float: left;
	clear: none;
	height: 80px;
}

.mockup-content > span:nth-child(3),
.mockup-content > span:nth-last-child(2) {
	float: right;
}

.mockup-content > span:nth-last-child(2) {
	width: calc(100% - 310px);
}

.no-js .mockup-content > span:nth-last-child(2) {
	width: 100%;
}

.mockup-content h2 {
	font-size: 2em;
	margin: 0;
}

.mockup-content > p {
	font-family: 'Blokk', sans-serif;
	font-size: 0.85em;
	text-align: center;
	opacity: 0.5;
	margin: 0;
	overflow: hidden;
}

.no-js .joiner {
	display: block;
}

.demo-5 .mockup-content > p {
	font-size: 1.4em;
	margin: 0;
	padding: 0.5em 0;
	text-align: justify;
	font-family: 'Lato', Arial, sans-serif;
}

.js .fixed-block {
	min-height: 300px;
	position: relative;
}

.mockup-left {
	float: left;
	max-width: 100%;
	overflow: hidden;
	width: 300px;
	margin: 0 40px 50px 0;
	background: rgba(0,0,0,0.1);
	height: 400px;
	position: relative;
}

.mockup-left::after {
	content:'\2234';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(0,0,0,0.05);
	font-size: 15em;
}

.mockup-right {
	text-align: left;
}

html.demo-7, .demo-7 body {
	height: 100%;
}

.demo-7 .body-container {
	overflow: hidden;
	width: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0.1s;
	transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0.1s;
}

.no-js.demo-7 .body-container {
	width: calc(100% - 300px);
	right: 0;
}

.pushed.body-container {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transform: translateX(-269px);
	transform: translateX(-269px);
}

@media screen and (max-width: 770px) {
	.mockup-left {
		float: none;
		margin: 0 auto 20px;
	}

	.mockup-right {
		text-align: center;
	}

	.joiner {
		display: block;
	}
}

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

	.mockup-content > span:nth-last-child(2) {
		width: calc(100% - 210px);
	}
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}
/* --------------------------------------------------------- */
/* ----------------------- main.css - END ----------------------- */
/* --------------------------------------------------------- */














/* --------------------------------------------------------- */
/* ----------------------- component2.css - START ----------------------- */
/* --------------------------------------------------------- */
/* Morph Button: Default Styles */

.morph-button {
	position: relative;
	display: block;
	margin: 0 auto;
	z-index:99999;
}

.morph-button > button {
	background: url("clientlib-site/images/msg-icon.png") no-repeat center center #5e3b8d;
	border: 0 none;
	height: 66px;
	line-height: 100%;
	overflow: hidden;
	position: relative;
	width: 66px;
}

.morph-button.open > button {
	pointer-events: none;
}

.morph-content {
	pointer-events: none;
}

.morph-button.open .morph-content {
	pointer-events: auto;
}

/* Common styles for overlay and modal type (fixed morph) */
.morph-button-fixed,
.morph-button-fixed .morph-content {
	width: 270px;
	height: 80px;
}

.morph-button-fixed > button {
	z-index: 1000;
	-webkit-transition: opacity 0.5s 0.5s;
	transition: opacity 0.5s 0.5s;
}

.opacity {
	opacity: 0.5;
}

.morph-button-fixed.open > button {
	opacity: 0;
	-webkit-transition: opacity 0.1s;
	transition: opacity 0.1s;
}

.morph-button-fixed .morph-content {
	position: fixed;
	z-index: 900;
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

.morph-button-fixed.open .morph-content {
	opacity: 1;
}

.morph-button-fixed .morph-content > div {
	visibility: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
	transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
}

.morph-button-fixed.open .morph-content > div {
	visibility: visible;
	height: auto;
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.morph-button-fixed.active > button {
	z-index: 2000;
}

.morph-button-fixed.active .morph-content {
	z-index: 1900;
}

/* Transitions for overlay button and sidebar button */
.morph-button-overlay .morph-content,
.morph-button-sidebar .morph-content {
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, right 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, right 0.4s 0.1s;
}

.morph-button-overlay.open .morph-content,
.morph-button-sidebar.open .morph-content {
	-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, right 0.4s 0.1s;
	transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, right 0.4s 0.1s;
}

/* Morph Button Style: Overlay */
.morph-button.morph-button-overlay {
	margin: 50px auto;
}

.morph-button-overlay .morph-content {
	overflow: hidden;
	background: #e85657;
}

.morph-button-overlay.open .morph-content {
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
}


/* Morph Button Style: Modal */
.morph-button-modal::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	pointer-events: none;
}

.morph-button-modal.open::before {
	opacity: 1;
	pointer-events: auto;
}

.morph-button-modal.active::before {
	z-index: 1800;
}

.morph-button-modal .morph-content {
	overflow: hidden;
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

.morph-button-modal.open .morph-content {
	top: 50% !important;
	left: 50% !important;
	margin: -210px 0 0 -300px;
	width: 600px;
	height: 420px;
	-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

/* Colors and sizes for individual modals */
.morph-button.morph-button-modal-1 {
	float: left;
}

.morph-button.morph-button-modal-2,
.morph-button.morph-button-modal-3 {
	display: inline-block;
	margin: 10px 15px;
}

.morph-button-modal-1 > button,
.morph-button-modal-1 .morph-content {
	background-color: #553445;
}

.morph-button-modal-2 > button,
.morph-button-modal-2 .morph-content,
.morph-button-modal-3 > button,
.morph-button-modal-3 .morph-content {
	background-color: #fef0e3;
	color: #e75854;
}

.morph-button-modal-4 {
	display: inline-block;
}

.morph-button-modal-4 > button,
.morph-button-modal-4 .morph-content {
	background-color: #faf1e0;
	color: #553445;
}

.morph-button-modal-4 > button span,
.morph-button-modal-4 .morph-clone {
	padding-left: 10px;
	color: #286f81;
}

.morph-button-modal-4 .morph-clone {
	position: absolute;
	right: 34px;
	bottom: 30px;
	z-index: 100;
	letter-spacing: 1px;
	font-weight: 700;
	-webkit-transition: bottom 0.4s 0.1s, right 0.4s 0.1s;
	transition: bottom 0.4s 0.1s, right 0.4s 0.1s;
}

.morph-button-modal-4.open .morph-clone,
.no-js .morph-button-modal-4 .morph-clone {
	right: 10px;
	bottom: 10px;
}

.morph-button-modal-1::before {
	background: rgba(240,221,204,0.7);
}

.morph-button-modal-2.open .morph-content {
	margin: -210px 0 0 -170px;
	width: 340px;
	height: 420px;
}

.morph-button-modal-3.open .morph-content {
	margin: -255px 0 0 -210px;
	width: 420px;
	height: 510px;
}

.morph-button-modal-3.open .morph-content > div {
	height: 420px;
}

.morph-button-modal-2.open .morph-content > div,
.morph-button-modal-3.open .morph-content > div {
 	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

.morph-button-modal-4.open .morph-content {
	margin: -200px 0 0 -320px;
	width: 640px;
	height: 400px;
}

/* Morph Button Style: In the content flow */
.morph-button-inflow {
	overflow: hidden;
	max-width: 100%;
	height: 70px;
}

.morph-button-inflow > button {
	width: 100%;
	line-height: 70px;
}

.morph-button-inflow .morph-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.morph-button-inflow .morph-content .morph-clone {
	padding: 0;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 70px;
}

/* Colors and sizes for individual in flow buttons */
.morph-button-inflow-1 {
	width: 600px;
	margin: 2em auto;
	-webkit-transition: height 0.5s cubic-bezier(0.7,0,0.3,1);
	transition: height 0.5s cubic-bezier(0.7,0,0.3,1);
}

.morph-button-inflow-1 > button span {
	visibility: hidden;
}

.morph-button-inflow-1 .morph-content .morph-clone {
	color: #f9f6e5;
	background: #e85657;
}

.morph-button-inflow-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 220px;
	background-color: #fef0e3;
	-webkit-transition: height 0.3s, width 0.3s, -webkit-transform 0.3s;
	transition: height 0.3s, width 0.3s, transform 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.morph-button-inflow-2 > button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: #e75854;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.morph-button-inflow-2.open > button {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.morph-button-inflow-2 .morph-content {
	width: 260px;
	height: 200px;
}

.morph-button-inflow-2.open {
	width: 260px;
}

/* Morph Button Style: Sidebar */
.morph-button-sidebar,
.morph-button-sidebar .morph-content {
	width: 40px;
	height: 150px;
}

.content-style-sidebar {
	padding: 80px 40px;
}

.morph-button-sidebar {
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: auto;
}

.morph-button-sidebar > button {
	padding: 0;
}

.morph-button-sidebar .morph-content {
	background: #4a306d;
}

.morph-button-sidebar.open .morph-content {
	top: 0 !important;
	right: 0 !important;
	width: 270px;
	height: 100%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

/* Let's add some nice easing for all cases */
.morph-button .morph-content,
.morph-button.open .morph-content,
.morph-button-modal-4 .morph-clone {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

/* Helper classes */
.noscroll {
	overflow: hidden;
}

.morph-button-overlay.scroll .morph-content {
	overflow-y: scroll;
}

.morph-button-sidebar.scroll .morph-content {
	overflow: auto;
}

/* No JS fallback: let's hide the button and show the content */
.no-js .morph-button > button {
	display: none;
}

.no-js .morph-button {
	margin: 10px 0;
	float: none;
}

.no-js .morph-button,
.no-js .morph-button .morph-content,
.no-js .morph-button .morph-content > div {
	position: relative;
	width: auto;
	height: auto;
	opacity: 1;
	visibility: visible;
	top: auto;
	left: auto;
	-webkit-transform: none;
	transform: none;
	pointer-events: auto;
}

.no-js .morph-button .morph-content .icon-close {
	display: none;
}

.no-js .morph-button-sidebar {
	width: 270px;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	height: 100%;
	background: #e85657;
	overflow: auto;
}

.no-transition {
	-webkit-transition: none !important;
	transition: none !important;
}

/* Media Queries */

@media screen and (max-width: 600px) {
	.morph-button-modal.open .morph-content {
		top: 0% !important;
		left: 0% !important;
		margin: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
		transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
	}
}

@media screen and (max-width: 767px) {
	.morph-button-fixed,
	.morph-button-fixed .morph-content {
		height: 80px;
	}

	.morph-button-fixed > button {
		font-size: 75%;
	}

	.morph-button-sidebar > button {
		font-size: 1.6em;
	}

	.morph-button-inflow .morph-content .morph-clone {
		font-size: 0.9em;
	}

	.morph-button-modal-4,
	.morph-button-modal-4 .morph-content {
		width: 220px;
		height: 120px;
	}

	.morph-button-modal-4 > button {
		font-size: 100%;
		line-height: 50px;
	}

	.morph-button-modal-4 > button span {
		display: block;
	}

	.morph-button-modal-4 .morph-clone {
		right: 83px;
		bottom: 26px;
	}

	.morph-button-sidebar,
	.morph-button-sidebar .morph-content {
		width: 21px;
		height: 80px;
	}

	.morph-button-sidebar {
		bottom: 0px;
	}

	.morph-button-sidebar.open .morph-content {
		height: 100% !important;
	}
}
/* --------------------------------------------------------- */
/* ----------------------- component2.css - END ----------------------- */
/* --------------------------------------------------------- */














/* --------------------------------------------------------- */
/* ----------------------- content.css - START ----------------------- */
/* --------------------------------------------------------- */
/* Icons */
.icon-close {
	background: url("clientlib-site/images/close2.png") no-repeat left center;
	cursor: pointer;
	display: block;
	z-index: 100;
	width: 13px;
	height: 15px;
}

.icon-camera:before {
	content: "\e017";
}

.icon-server:before {
	content: "\e022";
}

.icon-heart:before {
	content: "\e024";
}

.icon-zoom-in:before {
	content: "\e037";
}

.icon-microphone:before {
	content: "\e048";
}

.icon-cloud:before {
	content: "\e066";
}

.icon-user:before {
	content: "\e074";
}

.icon-briefcase:before {
	content: "\e075";
}

.icon-globe:before {
	content: "\e078";
}

.icon-play::before {
	content: "\e602";
}

.icon-pause::before {
	content: "\e603";
}

.icon-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

.icon-close:hover {
	color: #a50a05;
}

/* Styles for dummy content */

/* Style for overlay */

.content-style-overlay {
	padding: 100px 50px;
	text-align: center;
}

.content-style-overlay h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: 300;
	font-size: 3em;
}

.content-style-overlay p {
	margin: 0 auto;
	padding: 10px 0;
	max-width: 700px;
	text-align: justify;
	font-weight: 300;
	font-size: 1.5em;
}

.content-style-overlay .icon-close {
	border: 2px solid #f9e1c9;
	border-radius: 50%;
	line-height: 2.8;
}

.content-style-overlay .icon-close:hover {
	border-color: #a50a05;
}

/* Style for text modal */
.content-style-text {
	padding: 60px;
	text-align: left;
}

.content-style-text h2 {
	margin: 0 0 0.5em 0;
	font-weight: 300;
	font-size: 1.85em;
}

.content-style-text p {
	color: rgba(255,255,255,0.5);
	font-weight: 300;
	font-size: 1.15em;
	line-height: 1.4;
}

.content-style-text label {
    padding: 10px;
    color: #f9e1c9;
    font-weight: bold;
}

.content-style-text .icon-close {
	top: 0;
	right: 0;
	color: rgba(0,0,0,0.2);
}

.content-style-text .icon-close:hover {
	color: #f9e1c9;
}

/* Style for form modal */
.content-style-form {
	position: relative;
	text-align: left;
}

.content-style-form h2 {
	margin: 0;
	padding: 0.4em 0 0.3em;
	text-align: center;
	font-weight: 300;
	font-size: 3.5em;
}

.content-style-form form {
	padding: 10px 30px;
}

.content-style-form form p {
	margin: 0 0 5px 0;
	font-size: 0.7em;
}

.content-style-form label {
	display: block;
	padding: 10px 0 0;
	color: #d5bba4;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.content-style-form input[type="text"],
.content-style-form input[type="password"] {
	padding: 10px;
	width: 100%;
	border: 2px solid #ebd3bd;
	background: transparent;
	color: #b09a86;
	font-weight: 300;
	font-size: 2.2em;
}

.content-style-form input[type="text"]:focus,
.content-style-form input[type="password"]:focus {
	border-color: #e75854;
	color: #e75854;
}

.content-style-form input:focus {
	outline: 0;
}

.content-style-form button {
	display: block;
	margin-top: 2.5em;
	padding: 1.5em;
	width: 100%;
	border: none;
	background: #e75854;
	color: #f9f6e5;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 800;
	font-size: 1.25em;
}

.content-style-form .icon-close {
	top: 0;
	right: 0;
	color: #ebd3bd;
	font-size: 75%;
}

.content-style-form .icon-close:hover {
	color: #e75854;
}

.js .content-style-form-1 h2,
.js .content-style-form-1 p,
.js .content-style-form-1 .icon-close {
	opacity: 0;
	-webkit-transition: opacity 0.2s 0.35s, -webkit-transform 0.2s 0.35s;
	transition: opacity 0.2s 0.35s, transform 0.2s 0.35s;
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}

.content-style-form-1 p:first-child {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.content-style-form-1 p:nth-child(2) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.content-style-form-1 p:nth-child(3) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morph-button.open .content-style-form-1 h2,
.morph-button.open .content-style-form-1 p,
.morph-button.open .content-style-form-1 .icon-close {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.js .content-style-form-2 h2,
.js .content-style-form-2 p,
.js .content-style-form-2 .icon-close {
	opacity: 0;
	-webkit-transition: opacity 0.2s 0.3s, -webkit-transform 0.2s 0.3s;
	transition: opacity 0.2s 0.3s, transform 0.2s 0.3s;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}

.content-style-form-2 p:first-child {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}

.content-style-form-2 p:nth-child(2) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.content-style-form-2 p:nth-child(3) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.content-style-form-2 p:nth-child(4) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.morph-button.open .content-style-form-2 h2,
.morph-button.open .content-style-form-2 p,
.morph-button.open .content-style-form-2 .icon-close {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.content-style-form-4 form {
	padding: 30px;
	background: #fff;
	color: #ccb096;
	font-size: 1.5em;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.content-style-form-4 input[type="text"] {
	border: none;
	background-color: #f0f0f0;
}

.content-style-form-4 form button {
	background: #ba997b;
}

.content-style-form-4 form button:focus,
.content-style-form-4 form button:hover {
	background: #a9896d;
}

.js .content-style-form-4 p {
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: rotateX(-45deg);
	transform: rotateX(-45deg);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.morph-button.open .content-style-form-4 p {
	opacity: 1;
	-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
	transition: opacity 0.4s 0.2s, transform 0.4s 0.2s;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.morph-button.open .content-style-form-4 p:nth-child(2) {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}

.content-style-social {
	padding: 30px;
	text-align: left;
}

.morph-button-inflow-2 > button svg {
	display: inline-block;
	padding-right: 10px;
	width: 20px;
	height: 20px;
	vertical-align: -5%;
}

.morph-button-inflow-2 > button svg path {
	fill: #e75854;
}

.content-style-social a {
	display: block;
	padding: 0.5em 0;
	color: #67c2d4;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.8em;
	line-height: 32px;
}

.js .content-style-social a {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.content-style-social a:hover {
	color: #e75854;
}

.content-style-social a:hover svg path {
	fill: #e75854;
}

.content-style-social a svg {
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
}

.morph-button-inflow.open .content-style-social a {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.morph-button-inflow.open .content-style-social a:nth-child(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.morph-button-inflow.open .content-style-social a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.content-style-video {
	text-align: left;
}

.video-mockup {
	width: 640px;
	height: 360px;
	max-width: 100%;
	/*background: url(clientlib-ethiopia-site/img/rated.png) no-repeat center center;*/
	background-size: 100%;
}

.content-style-video .icon-close,
.content-style-video .icon-pause {
	color: #286f81;
}

.content-style-video .icon-close {
	top: 0;
	right: 0;
}

.content-style-video .icon-close:hover {
	color: rgba(0,0,0,0.4);
}

.controls {
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.js .controls {
	position: absolute;
}

.controls span {
	display: inline-block;
}

.content-style-video .icon-pause {
	overflow: hidden;
	width: 2.5em;
	height: 2.5em;
	text-align: center;
	line-height: 2.5;
	cursor: pointer;
	vertical-align: bottom;
}

.content-style-video span.time {
	color: #286f81;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 40px;
}

.controls::after {
	content: '';
	position: absolute;
	height: 7px;
	left: 100px;
	right: 70px;
	bottom: 16px;
	background: #aaa;
}

.content-style-sidebar h2 {
	font-weight: 300;

	font-size: 2em;
	padding: 0.75em 0 0.75em 1em;
	margin: 0;
	color: #bb4445;
}

.content-style-sidebar .icon-close {
	left: 15px;
	top: 15px;
}


@media screen and (max-width: 770px) {
	.content-style-overlay {
		font-size: 75%;
	}

	.content-style-overlay .icon-close {
		top: 5px;
		right: 5px;
	}
}

/* --------------------------------------------------------- */
/* ----------------------- content.css - END ----------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ----------------------- responsive.css - START ----------------------- */
/* --------------------------------------------------------- */
@media (max-width: 1199px) {
	.top-links > li > a {
		font-size: 12px;
	}
	.style1 {
		padding: 14px;
	}
	.origin .dropdown-menu {
		left: -104px;
	}
	.tab-style1 .nav li a {
		font-size: 15px;
	}
	.tab-style1.custom2 .nav li a {
		font-size: 14px;
	}
	.color-patch-sldr li .arrw, .color-patch-sldr li.active .arrw2, apexcolor-patch-sldr li.active .arrw2, .stncolor-patch-sldr li.active .arrw2, kidcolor-patch-sldr {
		left: 85%;
	}
	.color-popup {
		padding: 40px 20px;
		left: 0;
		margin: 0;
		width: 100%;
	}
}
@media (max-width: 1023px) {
	/*#lbOuterContainer {
		left: 0;
		margin-left: 0 !important;
		width: auto !important;
}*/
	#lbPrevHov, #lbNextHov {
		width: 35%;
	}
	#lbImageContainer, #lbIframeContainer {
		height: 150px;
	}
	.play-icon, .play-icon:hover {
		background-size: 43px;
		height: 43px;
		width: 44px;
		margin-bottom: 2px;
	}
	.item-hdng {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 4px;
	}
	.item-hdng br {
		display: none;
	}
	h3 {
		font-size: 18px;
	}
}
@media (max-width: 1199px) and (min-width: 768px) {
	.strt-prjct {
		background-color: #5e3b8d;
		padding-bottom: 17px;
		top: -4px;
		width: 150px;
	}
	.strt-img {
		float: left;
		height: 40px;
		padding: 5px;
		width: 44px;
	}
	.strt-img img {
  		max-width: 100%;
	}
	.strt-prjct p {
		float: left;
		font-size: 15px;
		margin: 0;
		width: 105px;
	}
	.strt-prjct br {
  		display: none;
	}
	.cart {
  		margin: 0 175px 0 0;
	}
}
@media (max-width: 991px) {
	.ap-smartcare-tab .tab-style1 .nav li a {
		padding: 19px 5px;
	}
	.find-contractor iframe {
		width: 100%;
		max-width: 100%;
	}
	.main-toggle, .sub-toggle {
		display: block;
	}
	.color-catalog .main-tabs {
		position: relative;
	}
	.color-catalog .main-tabs > .nav {
		top: 46px;
		z-index: 99;
	}
	.color-catalog .sub-nav {
		top: 95px;
		z-index: 99999;
	}
	.color-catalog .main-tabs > .nav, .color-catalog .sub-nav {
		left: 0;
		margin: 0;
		position: absolute;
		width: 100%;

	}
	.color-catalog .main-tabs > .nav li, .color-catalog .tab-style1 .sub-nav li {
		border-bottom: 1px solid #ccc;
		float: none;
		margin: 0;
		width: 100%;
	}
	.color-catalog .tab-style1 .nav li a, .sub-nav li a {
		font-size: 14px;
		padding: 10px 15px 10px 41px;
		text-align:left;
	}
	.color-catalog .tab-style1 .nav li.active:before {
		display: none
	}
	.main-toggle, .sub-toggle {
		background-color: #fbaf19;
		color: #fff;
		cursor: pointer;
		margin-bottom: 15px;
		text-align: center;
	}
	.main-toggle {
		font-size: 15px;
		padding: 15px 10px;
	}
	.sub-toggle {
		font-size: 14px;
		padding: 10px;
	}
	.main-toggle span, .sub-toggle span {
		background: url("clientlib-site/images/arrow-bottom6.png") no-repeat right center;
		padding:0 30px;
		display: inline-block; width:100%; text-align:left;
	}
	.tab-hide {
		display: none;
	}
	.socl-lnks.tab-hide {
		display: block;
	}
	.srch-input {
		float: right;
		margin-right: 15px;
		margin-top: 3px;
		position: relative;
		width: auto;
	}
	.srch-input button {
		position: static;
		float: right;
	}
	.srch-input input {
		border: 1px solid #eeeeee;
		display: none;
		font-size: 12px;
		left: -305px;
		padding: 8px 5px;
		position: absolute;
		top: -5px;
		width: 300px;
	}
	.hdr-btm {
		background-size: 170% auto;
	}
	.subsidry-logo {
		height: 150px;
	}
	.left-offset.col-md-11 {
  		padding-left: 0;
	}
	.news-page .left-offset.col-md-11 {
  		padding-left: 20px;
	}
	.brdr-secn {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	.inner-menu li ul {
		left: -65px;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.contractors-wrap .newslttr .checkbox {
		min-height: 100px;
		margin: 0 !important;
	}
	.forgot-password-subhead  {
		min-height: 350px;
	}
	.frgt-pswrd .inner-secn, .thnk-you .inner-secn {
		 padding: 70px 0 140px;
	}
	.inner-error-banner {
  		margin-bottom: 400px !important;
	}
	.inner-menu li a {
		font-size: 14px;
	}
	.inner-menu > li > a {
		padding: 0 7px;
		font-
	}
	.top-links > li > a {
		padding: 0 4px;
	}
	.sf-menu .menu-tab-list {
		width: 30%;
	}
	.menu-tab-cntnt {
		width: 66%;
	}
	.sf-menu .ftrs-list li {
		margin-right: 4%;
	}
	.sldr-title {
		font-size: 20px;
	}
	.sldr-title2, .sldr-captn .btn-style1 {
		font-size: 18px;
	}
	/*.sldr-captn {
		top: 50px;
	}*/
	.ftr-links li, .ftr-links li a, .ftr-links2 li a, .copyright {
		font-size: 11px;
	}
	.intrst-panel .col-sm-4 {
		margin-bottom: 15px;
	}
	.col-sldr-col {
		width: 21%;
	}
	.color-patch-col {
  		width: 79%;
	}
	.shade-col {
  		width: 31.5%;
	}
	.color-patch-list {
		overflow-y: scroll;
		width: 66%;
	}
	.color-patches li {
		width: 16.5%;
		margin-right: 4%;
	}
	.color-patches li:nth-child(5n) {
		margin-right: 0;
	}
	.color-patch-sldr li .arrw, .color-patch-sldr li.active .arrw2 {
		left: 85%;
	}
	.col-sldr-col2 {
		width: 30%;
	}
	.spcl-efftcs .color-patch-col {
  		width: 70%;
	}
	.txtres .color-patches li {
		margin-bottom: 5px;
		margin-right: 5%;
		width: 20%;
	}
	.txtres .color-patches li:nth-child(4n) {
		margin-right: 0;
	}
	.txtres .color-patches li:nth-child(5n), .txtres .color-patches li:nth-child(9n) {
		margin-right: 5%;
	}
	#saved-shades .color-patches li {
  		width: 13%;
	}
	.contat-list-warp {
		overflow: hidden;
	}
	.frame-col {
		padding: 0 !important;
	}
}
@media (max-width: 767px) {
	.color-patch-sldr li .arrw, .color-patch-sldr li.active .arrw2 {
		left: 50%;
	}
	.socl-lnks.tab-hide {
		display: none;
	}
	.grid-item {
		margin: 0 0 15px 0;
	}
	.brdr-lr, .brdr-left, .brdr-rght {
		border: 0 none;
	}
	.kid-wrld-themes .brdr-rght {
		border-right: 1px solid #cfcfcf;
	}
	.srch-input {
		margin-top: -2px;
	}
	.strt-prjct {
		background: url("clientlib-site/images/gradient-bg2.jpg") repeat-y scroll center center;
		background-size: 100%;
		display: block;
		left: 0;
		padding: 5px 0;
		top: 70px;
		width: 100%;
	}
	.cart, .login {
  		margin-right: 15px;
	}
	.cart-icon > img, .login img {
  		width: 17px;
	}
	.strt-prjct p {
		background: url("clientlib-site/images/home-icon.png") no-repeat scroll left center;
		background-size: 25px;
		display: inline-block;
		font-size: 14px;
		font-family: 'Conv_manrope_light_webfont';
		padding-left: 30px;
	}
	.srch-input button {
		background-size: 100% auto;
		float: none;
		width: 17px;
	}
	.mob-hide {
		display: block !important;
	}
	.strt-img, .strt-prjct p br {
		display: none;
	}
	.desktop-hide {
		display: none;
	}
	.choose-intrst {
		padding: 14px 0;
	}
	.choose-intrst a {
		font-size: 14px;
	}
	.choose-intrst a span {
		margin-left: 5px;
		vertical-align: bottom;
	}
	.intrst-check .checkbox {
		float: left;
		width: 50%;
	}
	.checkbox label {
		font-size: 13px;
	}
	.btn-style1 {
		font-size: 14px;
		padding: 10px 20px;
	}
	.intrst-panel {
		padding: 10px 0;
	}
	.intrst-panel .btn-style1 {
		float: right;
		font-weight: 700;
	}
	.item.style1 {
		padding: 10px;
	}
	.item.style1 .item-hdng {
		font-size: 16px;
	}
	.item.style1 .col-md-6 {
		padding: 0 30px;
	}
	p {
  		margin-bottom: 12px;
	}
	.red-txt {
		padding-top: 5px;
	}
	.item-captn {
		bottom: 15px;
		padding: 6px 30px;
	}

	.red-txt:before {
		margin-left: -31px;
		width: 62px;
	}
	.item.style3 {
		padding: 16px 24px;
		text-align: center;
	}
	.quote {
  		font-size: 14px;
	}
	.quote:before, .quote:after {
		background-size: 94px auto;
		height: 22px;
		width: 22px;
	}
	.quote:after {
  		background-position: -25px 0;
	}
	.item.style3.red .quote:before {
  		background-position: -49px 0;
	}
	.item.style3.red .quote:after {
  		background-position: -72px 0;
	}
	.btn-style2 {
		font-size: 14px;
		padding: 5px 20px;
	}
	#grid-phase2, .mb-90 {
		margin-bottom: 30px;
	}
	.ftr-top .container {
		padding: 0 45px;
	}
	.newslttr label {
		display: block;
		float: none;
		line-height: 100%;
		margin: 0 0 8px;
	}
	.signup-input input {
		padding: 7px 5px;
	}
	.signup-input {
		float: left;
		width: 100%;
	}
	.signup-input button {
		padding: 8px 0;
   		width: 30%;
	}
	.newslttr {
		margin-bottom: 20px;
		overflow: hidden;
	}
	.socl-lnks2 {
		float: none !important;
		overflow: hidden;
		text-align: center;
	}
	.socl-lnks2 li {
		float: none;
		display: inline-block;
	}
	.ftr-mdle {
		padding: 16px 0 5px;
	}
	.ftr-links li, .ftr-links li a, .ftr-hdng {
		font-size: 12px;
	}
	.ftr-links li:last-child {
		margin-bottom: 10px;
	}
	.copyright {
		margin-bottom: 8px !important;
	}
	.copyright, .ftr-links2 li a {
		font-size: 11px;
	}
	.ftr-links2 li {
		display: inline-block;
		float: none;
		line-height: 8px;
		margin-right: 4px;
		padding-right: 4px;
		vertical-align: middle;
	}
	.phn-hangout {
		margin-top: 0;
		position: absolute;
		top: 122px;
	}
	.phn-icon {
		background-color: #fdb93e;
		background-size: 55px auto;
		background-position: 8px 8px;
	    -moz-box-shadow: 1px 1px 3px #444;
	    -webkit-box-shadow: 1px 1px 3px #444;
	    box-shadow: 1px 1px 3px #444;
	    height: 35px;
	    width: 35px;
	}
	.phn-icon.active {
  		background-position: -29px center;
	}
	.phn-options {
		padding: 10px;
		right: 14px;
    	top: 19px;
	}

	.top-links > li > a {
		font-size: 11px;
		padding: 0 3px;
	}
	.hdr-top .col-md-7 {
		float: left;
		width: 50%;
	}
	.hdr-top .col-md-5 {
		float: right;
		width: 50%;
	}
	.srch-input input {
		left: -185px;
    	width: 180px;
	}
	.intrst-check {
		display: none;
	}
	.intrst-hdng {
		background: url("clientlib-site/images/plus.png") no-repeat 93% center;
		border-bottom: 1px solid #999;
		cursor: pointer;
		font-size: 14px;
		margin: 0;
		padding: 10px;
	}
	.intrst-hdng.last {
		border-bottom: 0 none;
	}
	.active-hdng {
		background: url("clientlib-site/images/close.png") no-repeat 93% center;
	}
	.intrst-check {
		padding: 20px 10px 0;
		margin: 0;
		max-height: none;
	}
	.intrst-panel .container {
		padding: 0;
	}
	.mb-55 {
  		margin-bottom: 25px;
	}
	.intrst-panel .row.center {
		padding: 0 20px;
	}
	#homeowner-drpdwn {
		background-color: #fff;
		display: none;
		left: 15px;
		position: absolute;
		top: 21px;
		z-index: 999;
	}
	.dropdown-menu {
		padding: 0;
		border: 0 none;
		box-shadow: 0 0 0 transparent;
	}
	#homeowner-drpdwn li, .dropdown-menu > li {
		border-bottom: 1px solid #eeeeee;
		display: block;
		float: none;
		margin: 0;
	}
	#homeowner-drpdwn li a, .dropdown-menu > li > a {
  		padding: 5px;
  		display: block;
  		font-size: 11px;
  		line-height: 100%;
	}
	#homeowner-drpdwn li:hover a, .dropdown-menu > li:hover a {
		background-color: #eee;
	}
	#homeowner-tggle {
		font-size: 11px;
		display: inline-block;
		padding: 5px 2px;
	}
	#homeowner-tggle:hover {
		background-color: #fff;
	}
	.hdr-top .col-md-7 {
		position: relative;
	}
	.arrw-btm {
		background-size: 8px auto;
		height: 4px;
		position: relative;
		top: -1px;
		width: 8px;
	}
	.hdr-mdle .col-md-8 {
		position: static;
	}
	.ap-logo img {
		max-width: 140px;
	}
	.main-nav {
		background-color: #fff;
		-moz-box-shadow: 0px 10px 10px #eee;
		-webkit-box-shadow: 0px 10px 10px #eee;
		box-shadow: 0px 10px 10px #eee;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 999;
		overflow: auto;
	}
	.main-nav > li {
		display: block;
		float: none;
		margin: 0;
	}
	.main-nav > li.has-child > a {
		background: url("clientlib-site/images/plus.png") no-repeat 93% center;
	}
	.main-nav > li.has-child > a.active-hdng {
		background: url("clientlib-site/images/minus.png") no-repeat 93% center;
	}
	.main-nav > li.sfHover > a {
		border-bottom-color: transparent;
	}
	.main-nav > li > a {
		border-bottom: 1px solid #999;
		color: #0C9B4A;
		font-size: 18px;
		font-weight: normal;
		padding: 10px 20px !important;
	}
	.menu-tab-cntnt > .col-md-4 {
		padding: 0;
	}
	.sub-menu li a {
		font-size: 15px;
	}
	.sub-menu li a {
		padding: 0;
		font-family: 'Conv_manrope_light_webfont';
	}
	.main-nav > li.sfHover > a {
		background: url("clientlib-site/images/close.png") no-repeat 93% center;
	}
	.main-nav.sf-arrows > li:hover > .sf-with-ul:before {
		display: none;
	}
	.sf-menu .sf-mega {

		position: static;
		padding: 10px 0;
		height: auto;
		-moz-box-shadow: 0 0 0 transparent;
		-webkit-box-shadow: 0 0 0 transparent;
		box-shadow: 0 0 0 transparent;
		/*max-height: 190px;*/
    	overflow-y: scroll;
	}
	.sf-menu .menu-tab-list {
		display: none;
	}
	.sf-mega .r-tabs-accordion-title {
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.menu-tab-cntnt {
		float: none;
		height: auto;
		margin-bottom: 12px;
		padding-left: 44px !important;
		width: 100%;
	}
	.menu-tab-cntnt > .col-md-3 {
		padding: 0;
	}
	.menu-tab-cntnt .sub-menu > .col-md-4 {
    	padding-left: 0;
    }
	.menu-tab-cntnt > .col-md-6, .menu-tab-cntnt > .col-md-11, .menu-tab-cntnt > .col-md-12{
    	padding-left: 0;
    	text-align: left !important;
    }
    .menu-tab-cntnt > .col-md-6.center.custom-mobile-separator{
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #cccccc;
    }
	.sf-menu .sub-menu li {
		border-bottom: 1px solid #ededed;
		margin-bottom: 12px;
		padding-bottom: 12px;
		position: relative;
	}
	.sf-mega .r-tabs-accordion-title a {
		color: #0C9B4A;
		font-size: 16px;
		font-weight: 700;
		padding: 0;
		background: url('clientlib-site/images/plus.png') no-repeat 90% center;
	}
	.sf-mega .r-tabs-accordion-title.r-tabs-state-active a {
    		background: url('clientlib-site/images/minus.png') no-repeat 90% center;
    	}
	.sf-mega .mb-40 {
  		margin-bottom: 40px;
	}
	.sf-menu .sub-menu > li:hover > a:before, .sub-menu ul li a::before, .sf-menu .sub-menu > li:hover > a:after {
		display: none;
	}
	#tab-1 + .r-tabs-accordion-title a {
    	color: #ff3333;
	}
	.sf-mega .mb-40 {
  		margin-bottom: 0;
	}
	.sub-menu ul {
		left: 0;
		margin: 10px 0 15px;
		padding-left: 28px;
		position: static;
		top: 0;
	}
	.sub-menu ul li {
  		margin-bottom: 8px;
	}
	.sub-menu ul li a {
		font-size: 13px;
	}
	.menu-tggle {
		background: url("clientlib-site/images/menu-sprites2.png") no-repeat left center;
		display: inline-block;
	    float: right;
	    height: 18px;
	    width: 21px;
	}
	.menu-tggle.active {
		background-position: -22px center
	}
	.main-secn {
  		padding: 25px 0 35px;
	}
	.ftr-links2 {
		float: none !important;
	}
	.sf-menu .ftrs-list {
		padding-left: 37px;
		text-align: left;
	}
	.sf-menu .ftrs-list li {
		display: block;
		margin: 0 0 10px;
	}
	.sf-menu .ftrs-list li:last-child {
		margin: 0;
	}
	.sf-menu .ftrs-list li a:after {
		display: none;
	}
	.sf-menu .ftrs-list li a {
		background: none !important;
		font-size: 16px;
		line-height: 100%;
		padding: 0;
	}
	.sf-menu .ftrs-list li a span {
		line-height: 100%;
	}
	.icon {
  		margin-right: 4px;
	}
	.play-video {
		margin: -15px 0 0 -15px;
	}
	.play-video img {
		max-width: 30px;
	}
	.social-widgets .col-sm-4 {
  		margin-bottom: 20px;
	}
	.social-widgets .col-sm-4:last-child {
  		margin-bottom: 0;
	}
	.top-links > li {
		line-height: 21px;
	}
	.india-flag img {
  		max-width: 20px;
	}
	.sub-menu li p {
		display: none;
	}
	.submenu-hdng {
		font-family: "Conv_manrope_light_webfont";
		font-size: 15px;
		margin: 0;
	}
	.menu-tab-cntnt .col-md-4, .sf-mega .col-md-7 {
  		border-right: 0 none;
	}
	.menu-icon {
		margin-right: 20px;
		width: 22% !important;
	}
	.menu-icon img {
  		width: 24px;
	}
	.sub-menu.inline li {
		border-right: 0 none;
	    float: none;
	    margin: 0 0 10px;
	    width: 100%;
	}
	.menu-hdng {
		border-bottom: 1px solid #ededed;
		font-size: 15px;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	#nilaya, #pntng-tools, #cnsltncy, #home-sol, #prjct-sales, #pics, #idea {
		display: none !important;
	}
	.common-secn {
		border: 0 none;
		float: none;
		margin: 10px 0 !important;
		padding-top: 0;
		text-align: center;
		width: auto;
	}
	.sub-menu li:last-child, .more-secn .sub-menu li:last-child {
		border-bottom: 1px solid #ededed;
  		margin-bottom: 12px;
    	padding-bottom: 12px;
	}
	.sf-mega .container {
  		padding: 0 22px;
	}
	#homeowner-drpdwn > li a:before {
		display: none;
	}
	.content-style-sidebar {
  		padding: 30px;
	}
	.phn-options li {
		margin-bottom: 10px;
    	padding-bottom: 10px;
	}
	.phn-options li a {
		font-size: 16px;
	}
	.phn-options li a img {
  		width: 30px;
	}
	.phn-options li a span {
  		line-height: 30px;
	}
	.fix-secn.actv .strt-prjct {
		display: none;
	}
	.hdr-btm {
		padding: 0;
	}
	.inner-secn {
  		padding: 40px 0;
	}
	h2 {
		font-size: 22px;
		margin-bottom: 20px;
		line-height: 26px;
	}
	h2 span {
		padding-bottom: 5px;
	}
	h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	#benefits h3 {
    		margin-bottom: 5px;
    	}
	.brdr-secn {
		margin-bottom: 30px;
    	padding-bottom: 30px;
	}
	.mob-mrgn {
		margin-top: 20px;
	}
	.mob-mrgn2 {
		margin-top: 30px;
	}
	.drctr-name {
		font-size: 15px;
	}
	.drctr-desgn {
		font-size: 13px;
	}
	.drctcrs-secn .col-md-3 {
  		margin-bottom: 15px;
	}
	.drctcrs-secn .mb-25 {
  		margin-bottom: 0 !important;
	}
	.accrdn-title {
		background-size: 25px;
		font-size: 18px;
		padding: 12px 30px 12px 20px;
	}
	.accrdn-cntnt {
		padding: 20px;
	}
	.date-box {
		padding: 10px;
		width: 100%;
	}
	.day {
		font-size: 24px;
	}
	.evnt-secn {
		margin-bottom: 30px;
	}
	.evnt-secn h3 {
		font-size: 16px;
		line-height: 20px;
	}
	.awrds-secn .col-md-6 {
		margin-bottom: 20px;
	}
	.awrds-secn .col-md-6:last-child {
		margin-bottom: 0;
	}
	/*.subsidry-logo {
  		margin-bottom: 20px;
	}*/
	.subsdry-secn .mb-30 {
  		margin-bottom: 20px;
	}
	.subsdry-secn .col-md-3:last-child .subsidry-logo {
		margin-bottom: 0;
	}

	/*#lbOuterContainer {
		left: 0;
		margin: 100px 0 0 0 !important;
		padding: 20px 40px !important;
		top: 0;
		width: auto !important;
	}
	#lbImageContainer, #lbIframeContainer {
		width: 100%;
		margin: 0 0 10px;
		height: 100px;
		float: none;
	}*/

	#lbClose.black, #lbCloseTop.black {
		right: 10px;
		top: 10px;
	}
	#lbPrevHov, #lbNextHov {
		width: 35%;
	}
	#lbPrevHov {
		margin-left: 15px !important;
	}
	#lbNextHov {
		margin-right: 15px !important;
	}
	.inner-menu {
		display: none;
	}
	.inner-menu {
		background: #6d6e71;
	    left: 0;
	    position: absolute;
	    top: 100%;
	    width: 100%;
	    z-index: 999;
	}
	.inner-menu li {
		border-bottom: 1px solid #8a8a8a;
		float: none;
		width: 100%;
	}
	.inner-menu li:last-child {
		border-bottom: 0 none;
	}
	.inner-menu li a {
		line-height: 100%;
		padding: 10px !important;
		font-size: 15px;
	}
	.inner-menu li ul {
		width: 100%;
		left: 0;
		padding: 0 15px 10px;
	}
	.inner-menu li ul li {
		margin: 0;
	}
	.inner-menu li ul li a {
		font-size: 14px;
	}
	.menu-btn {
		color: #fff;
		display: inline-block;
		font-size: 15px;
		padding: 10px 0;
	}
	.menu-btn:hover, .menu-btn:active, .menu-btn:focus {
		color: #fff;
	}
	.gray-strip {
		text-align: center;
	}
	.inner-menu li:hover ul {
		display: none;
	}
	.newslttr .checkbox {
  		margin-right: 10px !important;
	}

	/*#lbTopContainer.black, #lbBottomContainer.black {
		float: none;
		width: 100%;
	}*/

	.archives-list {
		padding: 15px 8px 0;
	}
	.archives-list li {
		float: left;
		width: 25%;
	}
	.archives-list li:last-child {
		border-bottom: 1px solid;
	    margin-bottom: 12px;
	    padding-bottom: 12px;
	}
	.pr-none {
		padding-right: 0;
	}
	.awrds-secn {
		margin-bottom: 18px;
	}
 	.news-page .pull-right {
  		float: none !important;
	}
	.link-box {
  		padding: 15px 12px;
	}
	.link-box h3 {
		display: block;
		float: none !important;
		font-size: 15px;
		margin: 0 0 10px;
	}
	.link-box .dwnld-btn {
		background-size: 16px auto;
		float: none !important;
		font-size: 14px;
		padding-left: 25px;
	}
	h4 {
  		font-size: 16px;
	}
	.slct-style1.mb-25 {
  		margin-bottom: 15px !important;
	}
	.slct-style1 .dropdown-toggle {
		font-size: 15px;
    	padding: 6px 12px;
	}
	.tab-style1 .nav li {
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.tab-style1 .nav li a {
		font-size: 14px;
    	padding: 12px 15px;
	}
	.mb-35 {
  		margin-bottom: 20px !important;
	}
	.tab-style1 .nav {
  		margin-bottom: 25px;
	}
	.tab-style1 .nav li.active:before {
		background-size: 18px;
		bottom: -11px;
	}
	.slct-style1 .dropdown-toggle .caret {
		background-size: 14px auto;
	}
	.slct-style1 .dropdown-menu > li > a {
		font-size: 14px;
		padding: 6px 12px;
	}
	.inner-banner .container, .inner-banner .col-md-12 {
		padding: 0;
	}
	.brdcrumbs {
		padding: 4px 8px;
	}
	.brdcrumbs li {
		font-size: 12px;
	}
	.gray-strip.affix {
		position: relative;
	}
	.inner-banner {
		margin-top: 27px;
	}
	.sldr-captn.mob-hide {
		display: block !important;
	}
	.inner-banner .sldr-captn {
		bottom: 10px;
	}
	.sldr-title {
		font-size: 16px;
		padding: 5px 10px;
	}
	.sldr-title2 {
		font-size: 14px;
		padding: 5px 10px;
	}
	.sldr-captn {
		top: 50%;
		/*margin-top: -45px;*/
	}
	.sldr-captn .btn-style1 {
		padding: 5px 10px;
	}

	.sldr-captn .butn-style {
    		padding: 5px 10px;
    	}

	.affix {
  		position: static;
	}
	.main-secn .mb-30 {
  		margin-bottom: 15px !important;
	}
	.cstmr-name {
		font-size: 14px;
	}
	.grid-secn > .col-sm-6 {
		margin-bottom: 15px;
	}
	.grid-secn > .col-sm-6:last-child {
		margin-bottom: 0;
	}
	.top-offset {
		clear: both;
  		margin-top: 0;
  		float: none !important;
  		margin-bottom: 15px;
	}
	#benefits .col-sm-3, #benefits .col-sm-9 {
		text-align: center;
	}
	#benefits .col-sm-9 {
  		margin-bottom: 0px;
	}
	.mr-top {
  		margin-top: 20px !important;
	}
	#woodtechemporiopu .col-md-9, #overview .col-md-9 {
		margin-bottom: 20px;
	}
	.img-item {
  		margin-right: 0;
	}
	.product-features {
		text-align: center;
	}
	.mt-60 {
  		margin-top: 30px !important;
	}
	.ap-smartcare .sb-sect {
		float: none !important;
		height: auto !important;
	}
	.tesimaonials-container .service_testimonial_content .service_testi_thumb {
		height: auto;
	}
	.service_testimonial_content, .service_testimonial_content .service_testi_content {
		text-align: center !important;
	}
	.service_testimonial_content .service_testi_thumb {
		float: none !important;
		height: auto !important;
		margin-bottom: 20px !important;
		width: 100% !important;
	}
	.service_testimonial_content .service_testi_content {
		padding-left: 0 !important;
		width: 100% !important;
	}
	.bootstrap-select {
		max-width: 100%;
	}
	.faq-dropDwn li.faq-select-drop-down-item:first-child {
		margin-right: 0 !important;
	}
	.step-3rd {
		clear: both;
		float: none !important;
		margin: 0 auto;
	}
	.service_aphs_services .service_box .service_content {
		min-height: auto;
	}
	.btn-wrapper {
		margin-bottom: 15px;
		height: auto;
		overflow: hidden;
	}
	.benfits-secn {
		text-align: center;
	}
	.service_book_appointment {
		max-width: 100%;
		min-height: auto;
	}
	ul.appoint_form_listing > li .text-input, ul.appoint_form_listing > li select {
		width: 100%;
	}
	.mob-mb-15 {
		margin-bottom: 15px;
	}
	.recommend-color li {
		margin-bottom: 15px;
		margin-right: 5% !important;
		width: 45%;
		text-align: center;
	}
	.recommend-color li:nth-child(2n) {
  		margin-right: 0 !important;
	}
	.recommend-color li img {
		display: inline-block !important;
	}
	.recommend-color {
		margin-bottom: 45px !important;
		padding-bottom: 30px !important;
	}
	#f_steps h2, #process h2 {
		font-size: 20px;
	}
	.service_aphs_services .service_box .service_content {
		min-height: auto !important;
	}
	.service_aphs_services .service_box {
		border: 0 none !important;
		margin: 0 !important;
	}
	.service_aphs_services .service_box .service_content {
		padding: 20px 15px 0 !important;
	}
	.center-large-box .row.center {
		margin-top: 0 !important;
	}
	.center-large-box {
  		margin-top: 35px !important;
	}
	.FileUpload {
		width: 145px !important;
	}
	.upload-col {
  		margin-bottom: 0 !important;
	}
	.frm-offer button {
		margin-bottom: 15px;
	}
	.brdr-secn.frm-offer {
		padding-bottom: 15px;
	}
	.faq-ttl.pull-left {
		float: none;
		width: 100%;
	}
	.faq-dropDwn > .pull-right {
		float: none;
		width: 100%;
	}
	.investor-policies-program > ul > li {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	.mr-left {
		margin: 0 !important;
		text-align: left !important;
		width: auto !important;
	}
	.service_aphs_services .service_box .service_content {
		margin-bottom: 25px;
	}
	.mb-80 {
  		margin-bottom: 25px !important;
	}
	.newslttr .checkbox {
		margin: 0 0 15px !important;
		width: 100% !important;
	}
	.contractors-wrap  {
		padding: 0;
	}
	.bootstrap-select {
		min-width: 100%;
	}
	.faq-dropDwn li:first-child {
		margin-bottom: 15px;
	}
	.color-popup .search-item {
  		max-width: 100%;
	}
	.color-popup .or {
		display: inline-block;
		margin: 5px 0 10px;
	}
	h3 {
		font-size: 18px;
	}
	.combn-table .bootstrap-select .btn, .color-popup .bootstrap-select .btn {
		padding: 6px 12px;
	}
	.search-item input {
		 padding: 9px 30px 9px 12px;
	}
	.color-popup .col-sm-6.pull-right {
		float: none !important;
	}
	.color-box5 {
		height: 85px;
	}
	.color-popup .dropdown-menu > li > a {
		padding: 6px 12px;
		font-size: 14px;
	}
	.radio-area {
		float: none;
		width: 100%;
		margin: 0;
	}
	.or.mt-50 {
		display: inline-block;
		margin: 20px 0;
	}
	.combn-table {
		min-width: 700px;
	}
	.combn-table th {
		padding: 12px;
		font-size: 16px;
	}
	.combn-table td {
		padding: 12px;
	}
	/*.mb-40 {
		margin-bottom: 15px !important;
	}*/
}
/* --------------------------------------------------------- */
/* ----------------------- responsive.css - END ----------------------- */
/* --------------------------------------------------------- */














/* --------------------------------------------------------- */
/* ----------------------- prince.css - START ----------------------- */
/* --------------------------------------------------------- */
.tab-style1.custom .nav li.active::before {
  	bottom: -9px;
}
.tab-style1.custom .nav li {
  	margin-right: 20px;
}
.tab-style1.custom .nav li:last-child {
  	margin-right: 0;
}

.search-item button {
    background: url("clientlib-site/images/search-icon.png") no-repeat;
    border: 0 none;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 18px;
}

.tab-style1.custom .nav li a {
	font-family: "Conv_manrope_light_webfont";
	font-size: 14px;
	padding: 14px 22px;
}
.color-box {
	background-color: #ccc;
	display: inline-block;
	height: 13px;
	width: 52px;
}
.color-box2 {
	height: 90px;
	margin-bottom: 10px;
	width: 90px;
}
.color1 {
	background-color: #0932bd;
}
.color2 {
	background-color: #1e5774;
}
.color3 {
	background-color: #8a572a;
}
.color4 {
	background-color: #9b9a9b;
}
.color5 {
	background-color: #f5a523;
}
.color6 {
	background-color: #e00f78;
}
.color7 {
	background-color: #8f12fd;
}
.color8 {
	background-color: #e6e6e6;
}
.color9 {
	background-color: #f7e71b;
}
.color10 {
	background-color: #ccf356;
}
.color11 {
	background-color: #b29004;
}
.color12 {
	background-color: #586553;
}
.color13 {
	background-color: #6dcff6;
}
.color14 {
	background-color: #579de8;
}
.color15 {
	background-color: #1aa2b3;
}
.color16 {
	background-color: #b87c61;
}
.color17 {
	background-color: #a7a7a6;
}
.color18 {
	background-color: #f46f33;
}
.color19 {
	background-color: #e04ebc;
}
.color20 {
	background-color: #df3917;
}
.color21 {
	background-color: #bd5cfa;
}
.color22 {
	background-color: #6dcff6;
}
.color23 {
	background-color: #fff;
	border: 2px solid #e1e1e1;
}
.color24 {
	background-color: #57abc6;
}
.color25 {
	background-color: #148ca8;
}
.color26 {
	background-color: #0197ad;
}
.color27 {
	background-color: #338f9b;
}
.color28 {
	background-color: #29929a;
}
.color29 {
	background-color: #5b7e82;
}
.color30 {
	background-color: #537778;
}
.color31 {
	background-color: #d9ece9;
}
.color32 {
	background-color: #c7e6e6;
}
.color33 {
	background-color: #aad9de;
}
.color34 {
	background-color: #8dced5;
}
.color35 {
	background-color: #7bbec9;
}
.color36 {
	background-color: #56a7b4;
}
.color37 {
	background-color: #338f9b;
}
.color38 {
	background-color: #295e68;
}
.color39 {
	background-color: #21515a;
}
.color40 {
	background-color: #19434b;
}
.color41 {
	background-color: #ffb847;
}
.color42 {
	background-color: #ffc55e;
}
.color43 {
	background-color: #ffd78f;
}
.color44 {
	background-color: #ffe4ad;
}
.color45 {
	background-color: #fceabe;
}
.color46 {
	background-color: #faebc6;
}
.color47 {
	background-color: #f8efd4;
}
.color48 {
	background-color: #e97349;
}
.color49 {
	background-color: #93b6c3;
}
.color50 {
	background-color: #6d99a9;
}
.color51 {
	background-color: #f9f2cf;
}
.color52 {
	background-color: #f1e0a5;
}
.color53 {
	background-color: #ead38f;
}
.filter-secn.gllry .intrst-check {
	max-height: 350px;
}
.filter-secn.gllry .intrst-panel {
	border: 1px solid #999;
	padding: 16px 12px 36px;
}
.search-item {
	margin-bottom: 15px;
	min-width: 270px;
	position: relative;
}
.search-item input {
	border: 2px solid #6d6e71;
	padding: 12px 30px 12px 12px;
	width: 100%;
}
.search-item .btn-srch {
	background: url("clientlib-site/images/search-icon.png") no-repeat;
	border: 0 none;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 18px;
}
.wrap-secn {
	padding: 0 15px;
}
.tab-style1.custom .item-captn {
	padding: 22px 0;
}
.tab-style1.custom .item-hdng {
	margin-bottom: 12px;
}
.width-100 {
	width: 100%;
}
.form-control.custum-input {
	border: 1px solid #999;
	border-radius: 0;
	height: 110px;
	resize: none;
}
.cmmnt-box {
	border-bottom: 1px solid #dadada;
	margin-bottom: 35px;
	padding-bottom: 35px;
}
.cmmnt-box.last {
	border: 0 none;
	padding: 0;
}
.cmmnt-prsn {
  	width: 10%;
  	margin-top: -13px;

}
.cmmnt-prsn, .cmmnt-desc {
  	float: left;
}
.cmmnt-prsn h4 {
  	margin-bottom: 8px;
}
.cmmnt-desc {
	border-left: 1px solid #999;
	margin-left: 2%;
	padding-left: 2%;
	width: 88%;
	margin-top: -2px;
}

.cmmnt-desc p {
	margin-top: -27px;
}
.cmmnt-lisitng h3 {
  	margin-bottom: 30px;
}
.img-item {
  	padding: 0 9px;
}
.img-item img {
	width: 100%;
}
.gallery-thumb-carousel {
	padding: 0 70px;
}
.carousel-style1.owl-theme .owl-controls .owl-buttons div {
	border-radius: 0;
	margin: 0;
	padding: 0;
	text-indent: -99999px;
	opacity: 1;
}
.carousel-style1.owl-theme .owl-controls .owl-buttons div.owl-prev {
	float: left;
}
.carousel-style1.owl-theme .owl-controls .owl-buttons div.owl-next {
	float: right;
}
.carousel-style1.owl-theme .owl-controls {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}
.carousel-style1.owl-theme .owl-controls .owl-buttons div {
	height: 18px;
	width: 10px;
}
.gallery-thumb-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
	margin-left: 40px;
}
.carousel-style1.owl-theme .owl-controls .owl-buttons div.owl-prev {
	background: url("clientlib-site/images/arrow-left.png") no-repeat scroll center center;
}
.gallery-thumb-carousel2.owl-theme .owl-controls .owl-buttons div.owl-prev {
  	margin-left: -20px;
}
.gallery-thumb-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
	margin-right: 40px;
}
.gallery-thumb-carousel2.owl-theme .owl-controls .owl-buttons div.owl-next {
  	margin-right: 0;
}
.carousel-style1.owl-theme .owl-controls .owl-buttons div.owl-next {
	background: url("clientlib-site/images/arrow-right.png") no-repeat center center;
}
.carousel-style1.owl-theme .owl-controls {
	margin: -9px 0 0;
}
.ml-70 {
	margin-left: 70px;
}
.medm {
	font-family: 'Conv_manrope_regular_webfont';
}
.name {
	border-right: 1px solid;
	display: inline-block;
	font-family: 'Conv_manrope_bold_webfont';
	line-height: 30px;
	margin-right: 15px;
	padding-right: 15px;
}
.gallery-carousel.owl-theme .owl-controls .owl-buttons div {
	height: 36px;
	width: 36px;
}
.gallery-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev,
.prdcts-color .gallery-carousel.carousel-style1.owl-theme .owl-controls .owl-buttons div.owl-prev {
	background: url("clientlib-site/images/arrow-left2.png") no-repeat scroll center center;
	margin-left: 6px;
}
.gallery-carousel.owl-theme .owl-controls .owl-buttons div.owl-next,
.prdcts-color .gallery-carousel.carousel-style1.owl-theme .owl-controls .owl-buttons div.owl-next {
	background: url("clientlib-site/images/arrow-right2.png") no-repeat center center;
	margin-right: 6px;
}
.gallery-carousel.owl-theme .owl-controls {
	margin: -18px 0 0;
}
.gallery-carousel .owl-item img {
	width: 100%;
}
.item-img img {
	width: 100%;
}
.edit-btn {
	background: url("clientlib-site/images/edit-icon.png") no-repeat 10px center;
	border: 2px solid #6d6e71;
	color: #6d6e71 !important;
	font-size: 18px !important;
	padding: 10px 12px 10px 40px;
}
.edit-btn:hover {
	background-image: url("clientlib-site/images/edit-icon2.png");
	background-color: #6d6e71;
	color: #fff !important;
}
.custum-input2 {
	border-color: #999;
	border-radius: 0;
	font-size: 18px;
	height: auto;
	padding: 12px 20px;
}
.modal-custom .modal-content {
	border-radius: 0;
	height: auto;
	padding: 40px 25px;
}
.modal-custom .modal-body {
	padding: 0;
}
.modal.modal-custom.in .modal-dialog {
	background: none;
	max-width: 940px;
	width: auto;
	height: auto;
}
.modal-custom .btn-style2 {
	margin-right: 15px;
	padding: 15px 40px;
}
textarea.custum-input2 {
	resize: none;
  	height: 130px;
}
.upload-btn {
	background: url("clientlib-site/images/upload.jpg") no-repeat;
	background-size: 100%;
	height: 115px;
	overflow: hidden;
	width: 115px;
}
.upload-btn input {
	cursor: pointer;
	opacity: 0;
	height: 115px;
	width: 115px;
	display: block;
}
.modal-custom .add-file {
  	margin-top: 28px;
}
.pl-none {
  	padding-left: 0;
}
.pr-none {
  	padding-right: 0;
}
.instrcn {
	color: #5e3b8d;
	font-size: 18px;
}
.upload-col {
	margin-bottom: 15px;
}
.modal-custom .close {
	background: none;
	border: 0 none;
	font-size: 30px;
	padding: 0;
	position: absolute;
	right: -12px;
	top: -32px;
}
.color-box3 {padding-bottom:100%;padding-right: 100%;display: block;}
.shade-box{width: 100%;display: block; height:0px;padding-bottom: 95.85%;;}
.color-box4 {
	display: block;
	width: 100%;
	height: 45px;
}
.color-patch-secn {
	background-color: #f1f2f2;
}
.color-patch-secn.active, .color-famlies .color-patch-secn, .modal-custom .color-patch-secn {
	padding: 18px 25px 46px;
}
.col-sldr-col {
	float: left;
	margin-top: 28px;
	width: 15%;
}
.color-patch-col {
	float: left;
	width: 85%;
}
#saved-shades .color-patch-col, .modal-custom .color-patch-col {
	float: none;
	width: 100%;
}
.color-patch-list {
	background-color: #fff;
	float: left;
	height: 315px;
	margin: 28px 2.5% 0 0;
	padding: 22px 10px;
	width: 75%;
}
.color-patch-secn .bx-wrapper .bx-viewport {
	background-color: transparent;
	border: 0 none;
	box-shadow: 0 0 0 transparent;
	left: 0;
	top: 0;
}
.shade-col {
	float: left;
	width: 22.5%;
}
#saved-shades .color-patches li {
  	width: 7%;
}
#saved-shades .color-patches li:nth-child(10n) {
	margin-right: 2.2%;
}
#saved-shades .color-patches li:nth-child(11n) {
  	margin-right: 0;
}
.color-patch-sldr li {
	position: relative;
	cursor: pointer;
	padding-right: 24px;
}
.color-patch-sldr li .color-box4 {
  	border-bottom: 1px solid #fff;
}
.color-patch-sldr li .arrw {
	left: 87%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-width: 14px;
	margin-top: -14px;
}
.color-patch-sldr li.active .arrw2 {
	left: 85%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #989898;
	border-width: 14px;
	margin-top: -14px;
}
.color-patches {
	display: none;
}
.color-patches.active-itm {
	display: block;
}
.color-patches li {
	cursor: pointer;
	float: left;
	margin: 1.3% !important;
	width: 15%;
}
.txtres .color-patches li {
	margin-right: 2.1%;
	margin-bottom: 11px;
	width: 9.2%;
}
.txtres .color-patches li:nth-child(9n) {
  	margin-right: 0;
}
/*.txtres .color-patches li:nth-child(10n) {
  	margin-right: 2.2%;
}
.color-patches li:nth-child(10n) {
  	margin-right: 0;
}*/
.shade {
	background-repeat: no-repeat;
	background-size: cover;
	cursor: text;
	padding-bottom:100%;
	position: relative;
	width: 100%;
}
.col-sldr-col .bx-wrapper .bx-controls-direction a, .col-sldr-col2 .bx-wrapper .bx-controls-direction a {
	height: 10px;
	left: 50%;
	margin-top: 0;
	position: absolute;
	width: 18px;
}
.col-sldr-col .bx-wrapper .bx-controls-direction a, .col-sldr-col2 .bx-wrapper .bx-controls-direction a {
	margin-left: -19px;
}
.col-sldr-col .bx-wrapper .bx-prev, .col-sldr-col2 .bx-wrapper .bx-prev {
	background: url("clientlib-site/images/arrow-top2.png");
  	top: -24px;
}
.col-sldr-col .bx-wrapper .bx-next, .col-sldr-col2 .bx-wrapper .bx-next {
	background: url("clientlib-site/images/arrow-bottom4.png");
	bottom: -24px;
	top: auto;
}
.like-icon {
	background: url("clientlib-site/images/like-icon.png") no-repeat 0 center;
	bottom: 6px;
	cursor: pointer;
	height: 28px;
	left: 6px;
	position: absolute;
	width: 32px;
	z-index: 100;
}
.like-icon.actv {
	background-position: -32px 0;
}
.color-item {
	border: 2px solid transparent;
	display: block;
	cursor: pointer;
	padding: 8px;
}
.color-item.actv {
	border-color: #6d6e71;
}
.color-item .arrw {
	display: none;
}
.color-item.actv .arrw {
	display: block;
	bottom: -31px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.color-item.actv .color-name {
	display: block;
    font-family: "Conv_manrope_regular_webfont";
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
    padding: 0;
}
.color-carousel .owl-wrapper {
  	padding-bottom: 50px;
}
.color-carousel.owl-theme .owl-controls {
  	margin-top: -33px;
}
.color-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
	margin-left: -0px;
}
.color-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
	margin-right: -0px;
}
.or {
	background-color: #dbd574;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
    font-size: 18px;
    line-height: 32px;
    padding: 0 8px;
}
.prdcts-color .gallery-thumb-carousel {
  	padding: 0 22px;
}
.prdcts-color .carousel-style1.owl-theme .owl-controls .owl-buttons div.owl-prev {
	margin-left: 0;
}
.prdcts-color .carousel-style1.owl-theme .owl-controls .owl-buttons div.owl-next {
	margin-right: 0;
}
.main-color-box {
	display: block;
	width: 100%;
	padding: 105.6% 0;
}
.prdcts-color .gallery-thumb-carousel .item {
	margin-right: 10px;
}
.color-col {
	float: left;
	margin-right: 4%;
	width: 48%;
}
.color-col:last-child {
  	margin-right: 0;
}
.prdcts-color .color-box3 {
	/*height: 54px;*/
	width: 100%;
}
/*
.tab-content > .tab-pane {
	display: block;
	height: 0;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
}*/

.tab-content > .active {
	height: auto;
	opacity: 1;
	visibility: visible;
}
.color-carousel {
	padding: 0 30px;
}
.tab-style1.custom2 .nav li::before {
  	display: none;
}
.tab-style1.custom2 .nav li a {
	font-size: 16px;
	padding: 10px 10% 10px 41px;
}
.color-patch-sldr li.active .prdct-name, .apexcolor-patch-sldr  li.active .prdct-name, .stncolor-patch-sldr li.active .prdct-name, .kidcolor-patch-sldr .prdct-name{
	background-color: #989898;
	color: #fff;
}
.prdct-name {
	background-color: #e8e8e8;
	border-bottom: 1px solid #333;
	display: block;
	padding: 15px 6px;
}


.col-sldr-col2 {
	float: left;
	margin-bottom: 25px;
	margin-top: 28px;
	width: 19%;
}
.color-catgry-sldr li {
	background-color: #989898;
	border-bottom: 1px solid #fff;
	padding: 10px;
	text-align: center;
}
.catgry-img {
	margin-bottom: 6px;
	display: block;
}
.catgry-img img {
  	display: inline-block;
}
.catgry-name {
	color: #fff;
	font-size: 14px;
	line-height: 100%;
}
.spcl-efftcs .color-patch-col {
  	width: 81%;
}
.color-catgry-sldr li.active:before {
	content: "";
	right: -27px;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #989898;
	border-width: 14px;
	margin-top: -14px;
}
.spcl-efftcs .shade {
	padding-bottom:100%;
}
.tooltip.in {
	opacity: 1;
}
.tooltip-inner {
	font-family: 'Conv_manrope_regular_webfont';
	background-color: #f2f2f2;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 5px 5px 10px #949494;
	-webkit-box-shadow: 5px 5px 10px #949494;
	-o-box-shadow: 5px 5px 10px #949494;
	box-shadow: 5px 5px 10px #949494;
	color: #333;
	font-size: 14px;
	padding: 5px 10px;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #f2f2f2;
	border-width: 12px 12px 0;
	bottom: -7px;
	margin-left: -12px;
}
select.bs-select-hidden {
  	display: none;
}
.slct-style2 button {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	width: 100%;
}
.slct-style2 button {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	width: 100%;
}
.slct-style2 .filter-option {
	display: block;
	text-align: left;
	width: 100%;
}
.slct-secn .slct-style2 {
	border: 1px solid #c9c9c9;
	font-size: 12px;
	margin-left: 10px;
	min-width: 150px;
	padding: 3px 5px;
}
.slct-style2 .caret {
	background: url("clientlib-site/images/arrow-bottom6.png") no-repeat center center;
	width: 14px;
	height: 7px;
	border: 0 none;
	margin-left: -10px;
}
.slct-style2 .glyphicon, .main-toggle, .sub-toggle {
	display: none;
}
.newslttr .checkbox label:before {
	display: none;
}

/* 4 pics print */

#print-step2 {
	display: none;
}
.slct-anthr {
	cursor: pointer;
	display: block;
	margin-top: 10px;
}
.slct-anthr:hover {
	color: #5e3b8d;
}
.step-hdng {
	line-height: 137px;
    margin: 0 0 0 7%;
}
.consultation-listing.custom li {
	background-position: left 7px;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 15px;
}
.consultation-listing.custom li:last-child {
	padding-bottom: 0;
}
.combn-table {
	max-width: 100%;
	width: 100%;
}
.combn-table th {
	background-color: #0C9B4A;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	color: #fff;
	font-size: 22px;
	padding: 12px 35px;
}
.combn-table tr:first-child td {
  	padding-top: 25px;
}
.combn-table th:last-child, .combn-table td:last-child {
  	border: 0 none;
}
.combn-table tr:last-child td {
  	padding-bottom: 38px;
}
.combn-table td {
	background-color: #ebebeb;
	border-right: 2px solid #fff;
	padding: 12px 35px;
}
.combn-table span {
	display: inline-block;
	vertical-align: middle;
}
.colr-box {
	background-color: #fff;
	border: 1px solid #999;
	height: 40px;
	width: 48px;
}
.slct-txt {
	line-height: 40px;
	margin-left: 12px;
}
.light {
	font-family: 'Conv_manrope_light_webfont';
}
.radio-area {
	line-height: 30px;
	margin-left: 20px;
}
.radio-area label {
	font-size: 18px;
	margin-right: 15px;
}
.radio-area input {
	margin-top: 8px;
}
.combn-table .bootstrap-select .btn, .color-popup .bootstrap-select .btn {
	border-color: #999;
	border-radius: 0;
	padding: 10px 12px;
}
.color-popup .bootstrap-select .btn {
	border: 2px solid #6d6e71;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active {
	outline: 0 none;
}
.combn-table .bootstrap-select .caret, .color-popup .bootstrap-select .caret {
	background: url("clientlib-site/images/arrow-bottom7.png") no-repeat;
	width: 17px;
	height: 9px;
	border: 0 none;
	right: 18px !important;
}
.combn-table td:first-child {
  	width: 28%;
}
.fourpics-print .item-captn {
	padding: 12px 25px;
}
.color-popup, .popup-overlay {
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.color-popup {
	background: #fff;
	margin: 0 0 0 -640px;
	padding: 70px;
	/*width: 1280px;*/
	position: absolute;
	left: 50%;
	top: 50%;
}
.popup-overlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.color-popup .search-item {
	max-width: 270px;
}
.color-popup .or {
	margin-top: 40px;
}
.color-box5 {
	display: inline-block;
	position: relative;
	height: 115px;
	width: 100%;
}
.color-popup-close {
	background: url("clientlib-site/images/close_black.png") no-repeat center center;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 13px;
	height: 13px;
}
.plus-sign {
	background-color: white;
	bottom: 0;
	cursor: pointer;
	font-size: 20px;
	left: 0;
	line-height: 100%;
	padding: 8px;
	position: absolute;
	width:100%;
	font-family: 'Conv_manrope_regular_webfont';
	text-align:center;

}

@media (min-width: 768px) {
	.color-catgry-sldr li {
		width: auto !important;
		margin-right: 20px;
		position:relative;
	}
}
@media (max-width: 767px) {
	#as-smart-tab {
		display: none;
	}
	.wrap-secn {
  		padding: 0;
	}
	.tab-style1 .nav {
  		float: left !important;
  		width: 100%;
	}
	.tab-style1.custom h2 {
		margin-bottom: 20px !important;
	}

	.tab-style1.custom .home-heading h2{
        margin-bottom: 0!important;
    }

	.tab-style1.custom .mb-25 {
  		margin-bottom: 20px;
	}
	.filter-secn.gllry {
  		margin-bottom: 15px;
	}
	.search-item {
		float: none !important;
		min-width: auto;
	}
	.tab-style1.custom .item-captn {
		padding: 6px 30px;
	}
	.tab-style1.custom .item-hdng {
  		margin-bottom: 4px;
	}
	.tab-style1.mb-40 {
  		margin-bottom: 20px;
	}
	.cmmnt-prsn {
  		margin-bottom: 5px;
	}
	.cmmnt-prsn h4 {
 		margin-bottom: 2px;
	}
	.cmmnt-prsn, .cmmnt-desc {
  		float: none;
  		width: 100%;
	}
	.cmmnt-desc {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	.ml-70 {
  		margin-left: 0;
	}
	.carousel-style1 .img-item {
		text-align: center;
	}
	.carousel-style1 .img-item img {
  		width: auto;
	}
	.carousel-style2.mb-15 {
		margin-bottom: 25px !important
	}
	.dsgnr-dtls .pull-right {
  		margin-top: 5px;
	}
	.dsgnr-dtls .pull-right, .dsgnr-dtls .pull-left {
		float: none !important;
	}
	.mob-mb-15 {
		margin-bottom: 15px;
	}
	.edit-btn {
		float: left !important;
	}
	.modal-custom .modal-content {
  		border-radius: 0;
  		padding: 25px 15px;
	}
	.custum-input2 {
		font-size: 14px;
		padding: 8px 14px;
	}
	.modal-custom .btn-style2 {
  		margin-right: 5px;
	}
	.modal-custom .add-file {
  		margin: 0 0 15px;
	}
	.add-file-col {
		padding-left: 0;
	}

	.modal-custom .mb-25 {
		margin-bottom: 15px !important;
	}
	.modal-custom .btn-style2 {
		padding: 5px 12px;
	}
	.edit-btn {
		font-size: 16px;
	}
	.upload-btn {
		width: 50px;
		height: 50px;
	}
	.upload-btn input {
		width: 50px;
		height: 50px;
	}
	.instrcn {
		font-size: 14px;
	}
	.modal-custom .add-file {
  		margin: 0 0 5px !important;
	}
	.modal-custom .close {
		right: -10px;
    	top: -25px;
	}
	.carousel-style3 {
		text-align: center;
	}
	.carousel-style3 img {
		width: auto;
	}
	.carousel-style3.owl-theme .owl-controls .owl-buttons div.owl-prev {
  		margin: 0;
	}


	.color-catalog h3 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 15px;
	}
	.color-catalog h3 br {
  		display: none;
	}
	.or {
		display: block;
	    margin: 0 auto;
	    width: 35px;
	}
	.color-catalog .search-item {
		margin-bottom: 0;
	}
	.col-sldr-col, .color-patch-col, .spcl-efftcs .color-patch-col {
		float: none;
		width: 100%;
	}
	.color-patch-sldr li {
		padding-right: 0;
		text-align: center;
	}
	.prdct-name {
		border-bottom: 0 none;
	}
	.color-patch-secn.active, .color-famlies .color-patch-secn {
  		padding: 15px 10px;
	}
	.color-patch-sldr li .arrw {
		left: 50%;
		top: auto;
		bottom: -26px;
		margin: 0 0 0 -15px;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.color-patch-list {
		height: 181px;
		margin: 0 4% 0 0;
		overflow-y: scroll;
		padding: 10px 10px 0;
		width: 73%;
	}
	/*.shade-col {
  		width: 42%;
	}*/
	.color-patches li, .txtres .color-patches li, #saved-shades .color-patches li {
		margin: 2.5% !important;
		width: 45%;
	}
	.color-patches li:nth-child(2n), .txtres .color-patches li:nth-child(2n), #saved-shades .color-patches li:nth-child(2n) {
		margin-right: 0;
	}
	.txtres .color-patches li:nth-child(9n) {
		margin-right: 8%;
	}
	.shade, .spcl-efftcs .shade {
		padding-bottom:100%; width:100%;
	}
	.col-sldr-col {
		margin-top: 0;
		margin-bottom: 15px;
	}
	.col-sldr-col .bx-wrapper .bx-controls-direction a, .col-sldr-col2 .bx-wrapper .bx-controls-direction a {
		margin: -14px 0 0;
		top: 50%;
    	width: 18px;
    	-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.col-sldr-col .bx-wrapper .bx-prev, .col-sldr-col2 .bx-wrapper .bx-prev {
		left: 0 !important;
	}
	.col-sldr-col .bx-wrapper .bx-next, .col-sldr-col2 .bx-wrapper .bx-next {
		left: auto !important;
		right: 0;
	}
	.color-patch-secn .bx-wrapper {
		padding: 0 22px;
	}
	.prdcts-color .pull-right {
		float: none !important;
	}
	.prdcts-color .gallery-thumb-carousel {
 		padding: 0 26px;
	}
	.slct-secn .slct-style2 {
		margin-left: 2%;
		min-width: auto;
		width: 49%;
	}
	.slct-secn .slct-style2:last-child {
		margin-left: 0;
	}
	.color-carousel .owl-wrapper {
  		padding-bottom: 38px;
	}
	.color-carousel {
		margin-bottom: 15px;
	}
	.slct-secn.mb-25 {
		margin-bottom: 15px !important;
	}
	.color-carousel.owl-theme .owl-controls {
  		margin-top: -23px;
	}
	.wrap-secn a.edit-btn.pull-right {
        float: right !important;
    }
    .col-sldr-col2 {
    	margin-top: 0;
    	margin-bottom: 15px;
    }
	.spcl-efftcs .col-sldr-col2 {
		width: 100%;
	}
	.color-catgry-sldr li {
		margin-right: 0;
	}
	.tab-style1.custom2 .sub-nav li a {
		font-size: 13px;
	}
	.shade-box {
		overflow: hidden;
	}
	.shade-box img {
		width: 100%;
	}
	.color-box2 {
		width: 100%;
	}
	.gallery-thumb-carousel {
  		padding: 0 25px;
  		margin-bottom: 25px;
	}
	.gallery-thumb-carousel2.owl-theme .owl-controls .owl-buttons div.owl-prev {
  		margin-left: 40px;
	}
	.gallery-thumb-carousel2.owl-theme .owl-controls .owl-buttons div.owl-next {
  		margin-right: 40px;
	}
	.color-patch-secn .bx-wrapper .bx-viewport {
		padding-bottom: 20px; height:auto !important;
	}
	.color-patch-sldr li.active .arrw2, .color-catgry-sldr li.active:before, apexcolor-patch-sldr li.active .arrw2, .stncolor-patch-sldr li.active .arrw2, kidcolor-patch-sldr {
		left: 50%;
		margin: 0 0 0 -10px;
		top: 100%;

		border-width: 10px;

		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.prdcts-color .col-sm-6 {
		margin-bottom: 25px;
	}
}
/* --------------------------------------------------------- */
/* ----------------------- prince.css - END ----------------------- */
/* --------------------------------------------------------- */













/* --------------------------------------------------------- */
/* ----------------------- deepak.css - END ----------------------- */
/* --------------------------------------------------------- */
/*------------------- Services Aphs Start -----------------------*/

/*------------------- Global css Start -----------------------*/

.btn-style4 { border: 3px solid #ffffff; color: #ffffff; font-family: 'Conv_manrope_regular_webfont'; display: inline-block; font-size: 18px; padding: 7px 30px 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.btn-style4:hover { background-color: #ffffff; border-color: #000000; color: #000000 !important; }
.btn-style5 { border: 2px solid #6d6e71; color: #6d6e71; font-family: 'Conv_manrope_regular_webfont'; display: inline-block; font-size: 16px; padding: 7px 25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.btn-style5:hover { background-color: #55565a; border-color: #55565a; color: #FFFFFF !important; }
.red-bg { background-color:#ed1c24 !important; }
.font_bold { font-weight:bold;}

/*------------------- Global css End -----------------------*/


.btn-wrapper { width:100%; height:40px; }
.service_aphs_cta { border:2px solid #6d6e71; padding:10px 50px; text-align:center; font-size:18px; color:#6d6e71; max-width:150px; float:right; }
.service_steps { display:block; }
.step_1 { background:url(clientlib-site/images/step_1.jpg) center top no-repeat; height:438px; }
.step_2 { background:url(clientlib-site/images/step_2.jpg) center top no-repeat; height:438px; }
.step_3 { background:url(clientlib-site/images/step_3.jpg) center top no-repeat; height:438px; }
.step_copies { padding:220px 78px 5px; font-size:14px; color:#FFFFFF; }

.service_aphs_services .service_box { max-width:270px; margin:0 auto 20px; border:1px solid #6d6e71; }

.service_aphs_services .service_box .service_image {display:block;text-align: center }
.service_aphs_services .service_box .service_image img { width:100%; }
.service_aphs_services .service_box .service_content { padding:20px 15px 25px; min-height:200px; }
.service_aphs_services .service_box .service_content h2.service_subheader_mh50 { min-height:50px; }
.service_aphs_services .service_box .service_content h2.service_subheader { color:.512b8b; margin-bottom:15px; }
.service_aphs_services .gallary-img { margin-bottom:15px; position:relative; }
.service_aphs_services .gallary-img .gallery-zoom-plus { position:absolute; bottom:0; right:0; width:30px; height:30px; z-index:10; }
.service_aphs_services .gallary-img img{ width:100%; }
.inner-gallery .bx-wrapper .bx-viewport { box-shadow:none; }
.inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { background:url(clientlib-site/images/nav-arrw.png) no-repeat 0 0; width:10px; height:18px; }
.inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { background:url(clientlib-site/images/nav-arrw.png) no-repeat 0 -25px; width:10px; height:18px; }

.inner-gallery .bx-wrapper .bx-viewport ul.services-slider > li { text-align:center; }
ul.services-slider > li img { margin:0 auto; }
.service_testimonial_content { background-color:#0C9B4A; padding:28px; max-width:780px; margin:0 auto; color:#FFFFFF; }
.service_testimonial_content .service_testi_thumb { height:180px; float:left; width:25%; }
.service_testimonial_content .service_testi_content { float:left; width:70%; padding-left:5%; text-align:left; }
.service_testimonial_content .service_testi_content .testi_copy { position:relative; /*top:-40px;*/ font-size:18px; }
.service_testimonial_content .service_testi_content .testi_copy_bottom { position:relative; bottom:0; font-size:14px; padding-bottom:7px; }
.service_testimonial_content .service_testi_content .service_quotes_open { /*background:url(clientlib-site/images/quote-open.png) left top no-repeat;*/ height:24px; }
.service_testimonial_content .service_testi_content .service_quotes_close { /*background:url(clientlib-site/images/quote-close.png) right top no-repeat;*/ height:24px; position:relative; }
.ezycolor { position:absolute; top:10px; right:0;}


#blue-form-content ul.blue-form > li { padding-bottom:26px; }
#blue-form-content ul.blue-form > li.form-heading { font-size:22px; color:#FFFFFF; }
#blue-form-content ul.blue-form > li .text-input { padding:7px 12px; font-size:14px; color:#FFFFFF; background-color:#4a306d; border:1px solid #FFFFFF; min-width:195px; }

.morph-button > button.newbg { background: #5e3b8d url(clientlib-site/images/form-icon.png) no-repeat center center !important;}
.consult-box { background-color: #ff6666; padding: 10px 10px 20px; text-align: center; width: 80px; height:80px; }
ul.consultation-listing > li { padding:0 0 7px 15px; background:url(clientlib-site/images/bullet-orange.png) left 4px no-repeat; }

.why-decor > ul { display:block; }
.why-decor > ul > li { padding:0 0 12px 15px; background:url(clientlib-site/images/bullet-orange-big.png) left 6px no-repeat; font-size:18px; }
.service_book_appointment { background-color:#fef1cc; /*max-width:220px; min-height:270px;*/ margin:0 auto; padding:12px 18px 5px; color:#333333; font-size:16px; }
.appoint_form_listing { padding-bottom:10px; }
ul.appoint_form_listing > li { padding-bottom:5px; }
ul.appoint_form_listing > li .text-input { width:170px; padding:10px 5px; font-size:14px; color:#6b6b6b; border:1px solid #d7d7d7; }

.selectform-bluebg > button > span.caret { position:relative !important; right:0 !important; top:0 !important; }
.selectform-bluebg > .bootstrap-select > .dropdown-toggle { padding-right: 25px; width: 150px !important; }
.selectform-bluebg > .btn-default { background-color:#4a306d; max-width:195px; border-radius:0; border:1px solid #FFFFFF !important; color:#FFFFFF; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.selectform-bluebg >.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-color:#FFFFFF !important; }
.selectform-bluebg > .btn-default:hover { background-color: #ffffff !important; color:#333333 !important; }
.selectform-bluebg > .bootstrap-select .dropdown-toggle:focus:active { background-color: #ffffff !important; color:#333333 !important; }
.selectform-bluebg > .dropdown-menu { border-radius: 0 !important; min-width: 196px !important; top: 31px; }
.selectform-bluebg > .dropdown-menu > li > a { padding:0px 10px !important; }
.selectform-bluebg > .opacity { opacity:1 !important; }

.selectform-yellowbg > button > span.caret { position:relative !important; right:0 !important; top:0 !important; }
.selectform-yellowbg > .bootstrap-select > .dropdown-toggle { padding-right: 25px; width: 150px !important; }
.selectform-yellowbg > .btn-default { background-color:#FFFFFF; max-width:170px; font-size:14px; border-radius:0; padding:5px 20px 4px 10px !important; border:1px solid #d7d7d7 !important; color:#6b6b6b; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.selectform-yellowbg >.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-color:#FFFFFF !important; }
.selectform-yellowbg > .btn-default:hover { background-color: #ffffff !important; color:#333333 !important; }
.selectform-yellowbg > .bootstrap-select .dropdown-toggle:focus:active { background-color: #ffffff !important; color:#6b6b6b !important; }
.selectform-yellowbg > .dropdown-menu { border-radius: 0 !important; min-width: 170px !important; top: 26px; }
.selectform-yellowbg > .dropdown-menu > li > a { padding:0px 10px !important; }
.selectform-yellowbg > .opacity { opacity:1 !important; }
p.package_copy { min-height:140px; }

.dealer_locator { background-color:#f9f7d7; margin:0 0 20px; padding:20px; }
.dealer_locator > div > span { padding-right:10px; margin:12px 5px 5px 0; display:inline-block; font-size:18px; }
.locate_input { border:1px solid #999999; padding-bottom: 5px; padding: 16px 10px; font-size:16px; min-width:220px; }
.locate_btn { margin:30px 0 0; }
/*.color_box { display: inline-block; float: left; height: 21px; left: 23px; position: relative; width: 21px; top:-4px; }
.green_box { background-color: #79be16; }
.lightblue_box { background-color: #33cccc; }
.darkblue_box { background-color: #003366; }
.pink_box { background-color: #ff6666; }*/
.check_copy { font-size: 14px; left: 3px; position: relative; }
.locate_container { margin:10px auto 0; }
.locator_color_copy { padding-left: 23px; /*width: 200px;*/ }

.locator-listing { border: 1px solid #bbb; border-top: 0 none; padding: 14px 18px; background-color:#f5f5f5; }
.locator-scroll { max-height: 297px; padding-right: 25px; }
.locator-blck { border-bottom: 1px solid #dcdcdc; padding: 0 6px 20px 15px; position: relative; }
.locator-blck:last-child { border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; }
.locator-blck > p { padding-left:50px; width:80%; }
.locator-hdng { font-size: 14px; font-weight: 700; margin-bottom: 5px; padding-top:20px; }
.locator-hdng > a { padding-left:5px; }
.locator-hdng:hover a { color: #fdb43e; }
.post-blck p { font-size: 12px; line-height: 15px; margin-bottom: 12px; }

/*--------------------------------Google Maps Start ----------------------------*/

.map { width:500px; height:350px; }

/*--------------------------------Google Maps End ----------------------------*/

/*-------------------------------- Signature Store Start ----------------------------*/

.signature_thumb_container { max-width:300px; min-height:500px; position:relative; }
.signature_thumb_container > p { margin-bottom:10px; }
ul.signature_list_container > li { display:inline-block; }
.signature_gallery_btn_container { margin:20px 0; font-size:18px; color:#5e3b8d; position:absolute; bottom:0; }
.signature_gallery_btn_container > a { color:#5e3b8d; }
.signature_gallery_btn_container > a > img { padding-right:10px; }
.signature_store_thumb_container { min-height:400px; }

/*-------------------------------- Signature Store End ----------------------------*/

/*-------------------------------- Decor Stories Start ----------------------------*/

ul.decor_stories_list { display:block; }
ul.decor_stories_list > li { padding-bottom:30px; }
.shade_color { float:left; margin-right:15px; border:1px solid #9E9E9E; width:50px; height:50px; background-color:#FFFFFF; }

/*-------------------------------- Decor Stories End ----------------------------*/


@media screen and (min-width:320px) and (max-width:639px){
.service_testimonial_content .service_testi_content .testi_copy { font-size:14px; }
.inner-gallery .bx-wrapper .bx-viewport { left:0; }
.inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { left:-10px; }
.inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { right:-10px; }
.circle_yellow { width:100%; margin:15px auto; }
.locate_container { width:100%; margin:30px auto 0; text-align:center; }
}

/*------------------- Services Aphs End -----------------------*/

/* --------------------------------------------------------- */
/* ----------------------- deepak.css - END ----------------------- */
/* --------------------------------------------------------- */















/* --------------------------------------------------------- */
/* ----------------------- sudeep-style.css - START ----------------------- */
/* --------------------------------------------------------- */
.header-bold {
    font-family: 'Conv_manrope_bold_webfont';
}

.header-bold span {
    border-bottom: 1px solid #cccccc;
}

.h3-border span {
    display: inline-block;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
}

.learn-block {
    margin-bottom: 20px;
}

.learn-block p {
    margin-bottom: 10px;
}

.mtop-20 {
    margin-top: 20px;
}


/*recommend-color details*/

.recommend-color {
    padding-top: 10px;
    padding-bottom: 70px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 70px;
}

.recommend-color li img {
    margin-bottom: 7px;
    display: block;
    width: 100%;
    max-width: 121px;
}

.recommend-color li span {
    text-align: center;
    display: block;
}

.recommend-color li {
    float: left;
    margin-right: 25px;
}

.recommend-color li:last-child {
    margin-right: 0;
}


/*make box text center align following are style*/


/*AP_learn_allAboutColour  and common-painting Page */

.center-large-box .search-item .btn-srch {
    right: 25px;
}

.center-large-box {
    margin-top: 55px;
}

/*.center-large-box img {
    width: 100%;
}*/

.center-large-box .item-captn {
    text-align: center;
}

.center-large-box .tile {
    margin-bottom: 30px;
}

.center-large-box .item-captn p {
    width: 75%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.center-large-box .row.center {
    margin-top: 20px;
}

.center-large-box .like-view {
    margin-bottom: 10px;
}


/*.mb-80{
    margin-bottom: 80px !important;
}
*/

.brdr-secn-80 {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 80px;
    padding-bottom: 70px;
}

.padd-b200 {
    padding-bottom: 200px;
}


/*Offers*/

.frm-offer input.txt-input-default {
    padding: 13px 12px;
    font-size: 18px;
    color: #333333;
    background-color: #fff;
    border: 1px solid #999999;
    min-width: 210px;
    margin-right: 5px;
}

.frm-offer .bootstrap-select {
    min-width: auto;
	width:100% !important;
	max-width:220px;
}

.lbl-default {
    padding-right: 5px;
    font-size: 18px;
}

.lbl-edit img {
    padding-right: 5px;
}

.text-input {
    padding: 10px 12px;
    font-size: 14px;
    color: #333333;
    background-color: #fff;
    border: 1px solid #999999;
    min-width: 210px;
    margin-bottom: 10px;
}

.offer-listing {
    background-color: #ececec;
    padding: 0px;
    margin-bottom: 30px;
    padding-bottom: 0;
}

.offer-listing .service_aphs_cta {
    float: none;
}

.offer-img img {
    width: 100%;
    max-width: 160px;
    margin-bottom: 15px;
}

.offer-details {
    padding: 20px;
}

.offer-info {
    background-color: #4a306d;
    color: #fff;
    padding: 20px;
}

.md-no-padding {
    padding: 0;
}

.offer-setion {
    padding-bottom: 150px;
}


/*carries*/

.whp-block img {
    margin-bottom: 15px;
}

.whp-block h3 {
    margin-bottom: 8px;
}

.campus-block img {
    margin-bottom: 30px !important;
    width: 100%;
    max-width: 450px;
}

img.usr-img {
    max-width: 60px;
    float: left;
    padding-right: 15px;
    margin-bottom: 0px !important;
}

.campus-wrap {
    padding: 0 15px;
}

.campus-block h3,
.campus-block p {
    text-align: left;
    float: left;
    margin-bottom: 10px;
}

.mb-60 {
    margin-bottom: 60px;
}


/*Large-lp*/


/*.city-block {
    background-color: #ebebeb;
    padding: 4px 25px;
}
*/


/*.col-md-3.investor-stock-quote.city-block ul {
    padding: 15px 40px;
    margin-top: 30px;
}

.col-md-3.investor-stock-quote.city-block li {
    padding-left: 10px;
}
*/

.city-block .investor-stock-quote > ul > li {
    font-size: 18px;
}

.city-block .investor-stock-quote {
    background-color: #ebebeb;
    padding: 4px 25px;
    padding-top: 80px;
}

.city-block h3 {
    background-color: #0C9B4A;
    color: #fff;
    display: inline;
    padding: 5px 10px;
    position: absolute;
    left: 15px;
    top: 0;
}

.city-block .investor-stock-quote ul {
    height: 450px;
    max-height: 450px;
}

.border-b {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
    margin-bottom: 150px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-50 {
    margin-bottom: 50px;
}

.all-pro-gallery .drctr-img {
    position: relative;
    margin-bottom: 30px;
}

.all-pro-gallery .item-captn {
    padding: 10px 15px;
    bottom: 10px;
}

.all-pro-gallery .open-plus {
    margin: 0;
}

.all-pro-gallery .item-hdng.blck {
    font-size: 20px ;
}

.faq-dropDwn.col-lg-11.col-xs-12.mb-55 {
    padding-left: 0;
}

.large-testimonial .grid-item {
    margin: 0 15px 15px 0;
    padding-left: 0;
    width: 100%;
}

.large-testimonial img {
    width: 100%;
    max-width: 179px;
    padding-right: 15px;
    float: left;
}

.test-wrap {
    padding: 25px 15px;
}

.like-view .share .icon,
.like-view .share .icon:hover
/*.like-view  .share:last-child*/

{
    /*background: url("clientlib-site/images/share.png") no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: top;
    background-size: 100%;*/
    /*    background-position: 0px;
*/
}

.large-gall .tile {
    position: relative;
}

.newslttr label {
    color: #272727;
}

.ser-offer {
    margin-bottom: 35px;
}


/*.ser-offer .checkbox {
    display: none;

}
*/

.offer-1,
.offer-2,
.offer-3 {
    display: none;
}

.offer-1 {
    display: block;
}

.padd-left-15 {
    padding-left: 15px;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-50 {
    margin-top: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.large-gall .like-view .view .icon {
   /* background-position: -18px 0px;*/
}

.large-gall .like-view .like .icon,
.large-gall .like-view .share .icon {
    /*background-position: 0 0px;*/
}

.nicescroll-rails {
    max-width: 1px !important
}

.nicescroll-cursors {
    left: 3px;
}

.book-a-ser {
    position: relative;
}

.book-a-ser .service_box {
    position: relative;
}

.book-a-ser .item-captn {
    top: 60px;
    bottom: auto;
    padding: 5px 0;
    text-align: center;
}

.book-a-ser.newslttr .checkbox {
    float: none;
    margin: 0 auto !Important;
    max-width: 25px;
}

.book-a-ser.newslttr .checkbox input[type="checkbox"]:checked + label::after {
    background: url("clientlib-site/images/chk-medium.png") no-repeat center center;
    height: 50px;
    top: -20px;
    left: 3px;
}

.book-a-ser.newslttr .checkbox input[type="checkbox"],
.book-a-ser.newslttr .checkbox-inline input[type="checkbox"],
.book-a-ser.newslttr .checkbox label::before {
    height: 22px;
    width: 22px;
}

.ser-offer.newslttr .checkbox input[type="checkbox"]:checked + label::after {
    background: url("clientlib-site/images/chk-big.png") no-repeat center center;
    height: 50px;
    top: -20px;
    left: 3px;
}

.ser-offer.newslttr .checkbox input[type="checkbox"],
.ser-offer.newslttr .checkbox-inline input[type="checkbox"],
.ser-offer.newslttr .checkbox label::before,
.ser-offer.newslttr .checkbox label::after {
    height: 28px;
    width: 28px;
}

.book-a-ser.newslttr .checkbox:nth-child(2),
.book-a-ser.newslttr .checkbox:nth-child(1) input {
    display: block;
}

.ser-offer.newslttr label {
    padding-left: 30px;
    color: #333333;
    line-height: 30px;
    font-size: 18px;
}

.ser-form .input-list-grp > li {
    margin-bottom: 60px;
}

.input-list-grp label {
    text-align: left;
    font-size: 20px;
}

.ser-form .input-list-grp input[type="text"] {
    height: 36px;
    max-width: 390px;
    width: 100%;
}

.pd-b80 {
    padding-bottom: 80px;
}

.pd-b20 {
    padding-bottom: 20px;
}

.book-a-ser img {
    width: 100%;
}

#map {
    height: 100%;
}

.find-contractor .faq-dropDwn {
    padding-left: 0;
    background-color: #f9f7d7;
    padding: 15px 25px 15px 25px !important
}

#loc-list {
    float: left;
    width: 100%;
    height: 430px;
    /*  overflow: scroll;
*/
}

#loc-list ul {
    display: block;
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 98%;
}

#loc-list .list-label {
    float: left;
    margin: 10px 0 0 6px;
    padding: 2px 3px;
    width: 17px;
    text-align: center;
    background: #451400;
    color: #fff;
    font-weight: bold;
}

.list-content .links a {
    margin-top: -7px;
    color: #ff3333;
    font-size: 12px;
    margin-right: 20px;
}

.list-content .loc-addr {
    /*margin-bottom: 20px;*/
}

.list-content .links {
    padding-top: 20px;
}


/*.loc-addr .loc-lanmark  .loc-phno*/

.list-content span {
    padding-bottom: 3px;
    display: block;
}

.list-content .co-name {
    font-size: 16px;
    padding-bottom: 10px;
    display: block;
}

.list-content {
    padding: 20px 25px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dcdcdc;
}

.list-content.active {
    background-color: #dcdcdc;
}

#loc-list .list-details {
    float: left;
    margin-left: 6px;
    width: 85%;
}

#loc-list .list-content {
    padding: 20px 25px 10px 25px;
}

#loc-list .loc-dist {
    font-weight: bold;
    font-style: italic;
    color: #8e8e8e;
}

#loc-list li.active {
    background-color: #dcdcdc;
}

#loc-list li {
    display: block;
    clear: left;
    float: left;
    margin: 0px 10px;
    cursor: pointer;
    width: 99%;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
    /* Adding this to prevent moving li elements when adding the list-focus class*/
}

#loc-list .list-focus {
    border: 1px solid rgba(82, 168, 236, 0.9);
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.7);
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#map-container .loc-name {
    color: #AD2118;
    font-weight: bold;
}

.map-warp {
    padding-left: 0;
}

.contat-list-warp {
    padding: 0;
    padding-right: 20px;
    border: 1px solid #dcdcdc;
    background-color: #f5f5f5;
    border-right: none;
}

.google-maps {
    position: relative;
    padding-bottom: 56.5%;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.f-contact-form li {
    float: left;
}

.f-contact-form label {
    width: 70px;
    line-height: 37px;
    font-family: 'Conv_manrope_bold_webfont';
}

.f-contact-form li .bootstrap-select.btn-group .dropdown-menu li {
    width: 100%;
}

.f-contact-form .btn-with-divider {
    width: 37px;
    height: 37px;
    line-height: 37px;
}

.f-contact-form .btn-style2 {
    background-color: transparent;
    margin-left: 25px;
}

a.btn-style2.pull-right.btn-location {
    background-color: transparent;
    color: #55565a;
    padding: 7px;
    border-width: 1px;
    margin-right: 0;
}

.f-contact-form input {
    height: 37px;
    padding: 10px 5px;
}

.product-section h3 {
    margin-bottom: 5px;
}

.product-section p {
    margin-bottom: 10px;
}

.product-section h2 {
    padding-left: 15px;
}

.t-info {
    position: relative;
}

.t-location {
    position: absolute;
    left: 0;
    bottom: 0;
}

.lg-service.service_aphs_services .service_box .service_content {
    min-height: 230px;
}

.t-infoo {
    min-height: 100px;
}

.t-bg-red {
    background-color: red;
}

.find-contractor .style-10 {
    border: 2px solid #bcbcbc;
    font-size: 14px;
    padding: 15px;
    margin: 25px 25px 0 0;
}

.pad-0 {
    padding: 0;
}

img.map-ico {
    margin-top: -8px;
}


/*end */

@media (max-width: 992px) {
    .lbl-default {
        padding-right: 5px;
    }
    .crr-v {
        margin-bottom: 15px;
    }
    .f-contact-form li {
        width: 100%;
        margin-bottom: 10px !important;
    }
    .map-warp {
        padding: 0;
    }
    .f-contact-form .btn-style2 {
        margin-left: 0px;
        margin-top: 20px;
    }
    .f-contact-form label {
        line-height: 15px;
    }
}

@media (max-width: 767px) {
    .md-no-padding {
        padding: 0 15px;
    }
    .center-large-box .item-captn p {
        width: 90%;
    }
    .frm-offer input.txt-input-default {
        padding: 10px 12px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    /*.wat-we-d p {
        text-align: center;
    }*/
    a.edit-btn.pull-right {
        float: right !Important;
    }
	.lbl-default {
        display: block;
        margin-bottom: 10px;
    }
}

@media (max-width: 640px) {
    .large-testimonial img {
        margin-bottom: 15px !important;
    }
    .city-block .investor-stock-quote ul {
        height: 150px;
        max-height: 150px;
    }
    .ser-offer.newslttr .checkbox {
        width: 100%;
    }
}

/* --------------------------------------------------------- */
/* ----------------------- sudeep-style.css - END ----------------------- */
/* --------------------------------------------------------- */














/* --------------------------------------------------------- */
/* ----------------------- aniruddha.css - START ----------------------- */
/* --------------------------------------------------------- */
.no-mg { margin:0 !important; }
.pd-left{padding-left: 0 !important;}
.lh-2{line-height: 2;}
.pr-top15 {
    position: relative;
    top: 15px;
}
.bdr-btm{border-bottom: 1px solid #ccc;}
.big-h2 span{
    font-size: 40px;
    padding: 10px;
}
.brdr-secn-v2 {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 30px;
    padding-bottom: 60px;
}
.step-cont{
 	max-width:138px;
	height:438px;
	width:100%;
	margin:0 auto 3em;
	padding:40px 25px;
	color:#fff;
    position: relative;
 }
.step_no{
	font-size:30px;
	margin-bottom:100px;
}
.step_dec > p {
	margin-bottom: 58px;
	font-weight:bold;
}
.step_no .desc__bold {
    display: block;
    font-size: 60px;
    line-height: 1.2;
	font-weight:bold;
}
.step_01{background:url(clientlib-site/images/steps_yellow.png)center top no-repeat;}
.step_02{background:url(clientlib-site/images/steps_violet.png) center top no-repeat;}
.step_03{background:url(clientlib-site/images/steps_blue_gem.png)center top no-repeat;}
.step_04{background:url(clientlib-site/images/steps_blue.png) center top no-repeat;}

.step_01 .step_no{color:#ffcc33;}
.step_03 .step_no{color:#5e3b8d;}
.step_02 .step_no{color:#cb308b;}
.step_04 .step_no{color:#33ccff;}

/**4-pics steps variant **/

.four_picsCont .step-cont{
    padding: 60px 18px;
    max-width: 157px;
    height: 527px;
}
.four_picsCont .step_no{margin-bottom: 130px;}
.four_picsCont .step_no .desc__bold{
    font-size: 30px;
    line-height: 1.8;
    font-family: 'Conv_manrope_regular_webfont';
}
.stepsIco{
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
}

.number-list{
    list-style: inside numbered;
    line-height: 1.5;
}
.howto {
    margin: 0 auto;
    max-width: 80%;
}


.four_picsCont .step_01_v2
{background:url(clientlib-site/images/steps_yellow_v2.png)center top no-repeat;}

.four_picsCont .step_03_v2
{background:url("clientlib-site/images/steps_midnight-blue.png") center top no-repeat;}

.four_picsCont .step_02_v2
{background:url("clientlib-site/images/steps_pink.png") center top no-repeat;}


.four_picsCont .step_01_v2 .step_no{color:#ffcc33;}
.four_picsCont .step_02_v2 .step_no{color:#ff6666;}
.four_picsCont .step_03_v2 .step_no{color:#003466;}
/*
.step-v2 .step_01 .step_no{color:#ffcc33;}
.step-v2 .step_03 .step_no{color:#5e3b8d;}
.step-v2 .step_02 .step_no{color:#cb308b;}
.step-v2 .step_04 .step_no{color:#33ccff;}
*/



.paint-proCont .tab-style1 .nav li a {
     padding: 12px 40px;
}
.paint-proCont .tile{position:relative;}

.vid_desc {
    float: left;
    font-size: 18px;
    padding: 10px 0;
    text-align: left;
}
.vid_desc span{font-weight:bold;}
.extra_txt {
    float:left;
    line-height: 3;
    padding-right: 1em;
}
/**Tab styles**/

#process .fr-rel{float:none;}

/*Downloads*/


.text_bold {
    font-size: 24px;
    font-weight: bold;
}
.text_bold .icon-inr{
	font-size:17px;
}
.ordr-btn-cont{margin-bottom:140px;}
.order-btns li {
    display: inline-block;
    margin-right: 30px;
}





/**FAQ**/
.faq-dropDwn li {
    /*display: inline-block;*/
}
.faq-dropDwn li:first-child{margin-right:0; margin-bottom:0;}

.purple__bullet li {
    line-height: 1.2;
    margin-left: 6px;
    padding-left: 1em;
    position: relative;
}

.purple__bullet li::before {
    background: none repeat scroll 0 0 #0C9B4A;
    content: "";
    height: 4px;
    position: absolute;
    right: 100%;
    top: 5px;
    width: 4px;
}

/**Testimonials**/
.tesimaonials-container .service_testimonial_content{
		background-color:transparent;
		color:#333;
}
.tesimaonials-container .service_testimonial_content{max-width:none;}
.tesimaonials-container .service_testimonial_content .service_testi_thumb{ width: 17%;}
.tesimaonials-container .service_testimonial_content .service_testi_content .testi_copy{top:0;}
.tesimaonials-container  .service_testimonial_content .service_testi_content .testi_copy_bottom{ font-weight:bold;}



/***Profile***/

.profileLinks .links{position: relative;}
.profileLinks .links a{
    background: #bababa none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.04em;
    padding: 12px 18px;
    position: relative;
}
.profileLinks .links.active a,
.profileLinks a:hover{background:#fcaf17;}

.profileLinks .links.active a::after,
.profileLinks a:hover:after{
    position: absolute;
    content: "";
    left:100%;
    background: url(clientlib-site/images/arrow-right-yellow.png) left center no-repeat;
    width: 13px;
    height: 25px;
    z-index: 3;
}
.profileLinks a img
{
    display: inline-block;
    padding-right: 30px;
}
#p-details{margin-left: -15px;}
.profile-details  {
    background: #f9f9f9;
     padding: 30px;
}



/**progress bar**/
.profile-completeness .progress {
    float: left;
    height: 5px;
    margin: 5px 30px 0;
    max-width: 200px;
    width: 100%;
    overflow: visible;
    position: relative;
}
.p-bar-cotnainer > span {float: left;}
.profile-completeness .progress-bar{
    background: #502b8b;
    border-radius: 3px;
}
.profile-completeness .value {
    color: #000000;
    position: absolute;
    right: -4em;
    top: -8px;
}

#editProfile {
    float: right;
    cursor: pointer;
    color: #502b8b;
    font-size: 14px;
}
#editProfile > img {
    float: left;
    padding-right: 10px;
    letter-spacing: .1em;
}


.profile-details .service_testimonial_content{
    background: none;
    padding: 0;
    max-width: 100%;
}
.profile-details .service_testimonial_content .service_testi_thumb{height: auto;}


.input-list-grp {
    /*float: left;
    width: 50%;*/
}
.input-list-grp > li{
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.input-list-grp input[type="text"]{
    height: 26px;
    max-width: 240px;
    width: 69%;
    border: 1px solid #999999;
    padding: 0 10px;
    background: none;
}

.input-list-grp input[type="password"]{
    height: 26px;
    max-width: 240px;
    width: 69%;
    border: 1px solid #999999;
    padding: 0 10px;
    background: none;
}

.input-list-grp input[disabled]{
	opacity:0.65;
	cursor:not-allowed;
}
.input-list-grp input.date {
    background: rgba(0, 0, 0, 0) url("clientlib-site/images/datepicker-red-ico.png") no-repeat scroll 92% 3px;
}

.input-list-grp input[type="date"]{
    height: 26px;
    max-width: 240px;
    width: 69%;
    border: 1px solid #999999;
    padding: 0 10px;

}

.input-list-grp label {
    float: left;
    max-width: 98px;
    padding-right:10px;
    text-align: right;
    width: 31%;
    line-height: 1.5;
}

.input-list-grp .bootstrap-select,
.input-list-grp .slct-style1
{
    /*min-width:200px;*/
	min-width:auto !important;
	width:100% !important;
}
.input-list-grp .btn-default{background-color: transparent;}
.input-list-grp .bootstrap-select.btn-group .dropdown-toggle .caret {background-size: 14px auto; }

.input-list-grp .faq-select-drop-down-item { width: 69%; max-width:94%; float: left; }


.input-list-grp .slct-style1 .dropdown-toggle{
    border: 1px solid #999999;
    border-radius: 0;
    float: left;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    width: 100%;
}

.upload-img-btn {
    background: url("clientlib-site/images/upload_img_btn.jpg") no-repeat;
    background-size: 100%;
    height:23px;
    overflow: hidden;
    width:61px;
	margin-top:5px;
}

.upload-img-btn input {
    cursor: pointer;
    opacity: 0;
    height:23px;
    width:61px;
    display: block;
}

.changes-passCont {padding-top: 50px;}
.changes-passCont .btn-style2 {
    float: left;
    margin-left: 100px;
}
.changes-passCont .input-list-grp input[type="text"]{max-width: 170px;}

.my-voicesCont .yourvoice-green-header,
.my-voicesCont .yourvoice-red-header,
.my-voicesCont .yourvoice-header{margin-left: 0;}


.req-ordCont h4{margin-bottom: 0;}
.req-ord-title{background: #fcaf17;color: #fff;}
.req-ordCont .yourvoice-accept-sec{margin-top: 0;}

.req-ord-title {
    background: #fcaf17 none repeat scroll 0 0;
    color: #ffffff;
    margin-bottom: 25px;
    padding: 20px 10px;
}

.req-ord-title h2{margin-bottom: 0;}
.order-thumb.center {
    float: left;
}
.req-ordCont .yourvoice-green-header > img,.req-ordCont .order-progress > img{
    margin-right: 10px;
    font-size: 18px;
}
.req-ordCont .order-progress{color: #fcaf17;}
.req-ordCont p{margin-bottom: 10px;}
.req-ordCont .rs {
    color: #79be16;
    float: right;
    font-size: 16px;
    padding-right: 20px;
}
.req-ordCont .rs .icon-inr{ font-size: 13px;margin-right: 2px;}

/**Blog**/

.shades-information .coatNo{
    font-weight: bold;
}
.shades-information h3 {
	margin-bottom: 0;
}
.shades-information h3, .shades-information p span, .shades-information p strong {
	display: block;
}
.shades-information p .shades-parra {
	margin-bottom: 17px;
}
.my-libraryCont .tab-pane .grid-item,
{
	width: 62%;
	position: relative;
}


.gridRel { margin-bottom:30px; }
.gridRel .p-img-close { z-index:9; }
.gridRel,.my-libraryCont .tab-pane .grid-item .close {
	position: relative;
}
.gridRel .p-img-close {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 99em;
    cursor: pointer;
    font-size: 17px;
    height: 20px;
    line-height: 17px;
    position: absolute;
    right: 23px;
    text-align: center;
    top: 6px;
    width: 20px;
}

.my-libraryCont .tab-pane .grid-item .close:before {
	position: absolute;
	right: 10px;
	top: 5px;
	content: "X";
	font-size: 24px;
	color: #5d5d5d;
	cursor: pointer;
}
.tabImages .tab-pane .grid-item .close:before{
    background:rgba(255,255,255,.8);
}
.shades-image { position:relative;}
.fav-shade {
    bottom: 9px;
    left: 12px;
    position: absolute;
    z-index: 5;
}



/** preferences **/

.preferencesCont .intrst-hdng{color:#333;}
.no-padding-cont div[class^="col-"]{padding-left: 0;}
.preferencesCont .locationSearchCont li{
    width: 100%;
    margin-bottom: 0;
    float: left;
}
.nicescroll-rails {
   max-width: 1px !important
}
.nicescroll-cursors {
   left: 3px;
}
.locationSearchCont .srch-input{width: 100%;margin-right: 0;}
.locationSearchCont input{
    background: transparent;
    padding: 10px 25px 10px 0;
}
.locationSearchCont .add--location,.locationSearchCont .added-location{
    border-bottom: 1px solid;
    display: block;
    text-decoration: none;
     padding: 5px 25px 5px 0;
    position: relative;
    height: 34px;
}
.locationWrapper {
    max-height: 70px;
    overflow: hidden;
}
.add--location{
    color: #828282;
    border-color: #828282;
    position: relative;
    border: 0;
    border-bottom: 1px solid;
    width: 100%;
}

.add--locCont{position: relative;}
 .append-text {
    display: inline-block;
    height: 16px;
    overflow: hidden;
}
.add-removeBtn {
    background:url(clientlib-site/images/open-close-sprite.png) top left no-repeat;
    height: 17px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 20px;
    cursor: pointer;
}

.remove_btn {
    background-position: 0 4px;
}
.remove_btn { background-position: -20px 4px;}
.add--location:focus {
    color: #333;
    border-color: #333;
}


.tabInnerBtns{margin-top: 0;}

.tabInnerBtns li {
    display: inline-block;
    margin-right: 20px;
}

.tabInnerBtns.tab-style1 .nav li.active::before{
    background: none;

}
.tabInnerBtns.tab-style1 .nav li a{
    background-color: #bababa;
    color: #ffffff;
    font-family: "Conv_manrope_regular_webfont";
    font-size: 18px;
    padding: 10px 20px;
}
.tabInnerBtns.tab-style1 .nav li.active a{background: #fcaf17;}





.moodboardCont .active-border::before{border: none;}

.moodboardCont .arrow_box{padding-bottom: 8px;}
.moods-desc {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    left: 8px;
    line-height: 18px;
    padding: 10px;
    position: absolute;
    right: auto;
    width: calc(100% - 16px);
    word-wrap: break-word;
    overflow: hidden;
}
.moods-desc i {
    float: right;
    font-size: 25px;
    font-weight: normal;
    cursor: pointer;
}
.my-libraryCont .item-img img{width: 100%;}
.my-libraryCont .item-captn{text-align: center;}



#paintingProcess .modal .modal-dialog {height:auto;}
.sDiv{height:450px;overflow:auto;}
.modal .paint-problems.modal-dialog{height:90%;max-width:970px;}
.paint-problems .modal-content{height:450px;}
.paint-problems h2{
	margin-bottom: 25px;
}
.paint-problems p{
	margin-bottom: 50px;
}

.nice-scroll-black {
    height: 100%;
     overflow: auto;
    padding: 2%;
    width: 100%;
}



.paint-problems  .modal-content .close ,
.tipsCont  .modal-content .close{
    position: absolute;
    right: 3px;
    top: 0;
    z-index: 100;
}


/**Paiting Tips pop**/
.tipsCont .modal-content,
.paint-problems .modal-content {
    border-radius: 0;
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 3% 1% 2%;
    width: 100%;
}
#paintingTips .modal-dialog.tipsCont {
    height: 100%;
    max-height: 540px;
    max-width: 970px;
    top: 20px;
}
.table-no-top-left-border td,.table-no-top-left-border th { border-left: 1px solid #ddd;}
.table-no-top-left-border .table > thead > tr > th,
.table-no-top-left-border .table > tbody > tr > th,
.table-no-top-left-border .table > tfoot > tr > th{border-top:0;}

.table-no-top-left-border tr td:first-child,
.table-no-top-left-border tr th:first-child{border-left:0;}
.table-no-top-left-border th{font-weight:bold;}

.modal-body{padding:0 !important;}

/**Available colors**/
.available-colors{position: relative;}
.available-colors img{width: 100%;}
.av-desc {
    left: 5%;
    position: absolute;
    top: 4%;
}
.av-desc h3{margin-bottom: 0;}
.available-colors .btn-style2{background: transparent;}
.available-colors .btn-style2:hover{background: #55565a;color: #fff;}


.capture-steps li {
    display: inline-block;
    margin-bottom: 60px;
    margin-right: 100px;
}
.capture-steps figure{position: relative;}
.capture-steps figcaption {
    left: auto;
    line-height: 1.2;
    position: absolute;
    right: auto;
    width: 100%;
}

 .btn-with-divider {
    margin:0 30px;
    width:30px; height:30px;
    border-radius: 50em;
    background:#dbd574;
    line-height:30px;
    display:inline-block;
    text-align:center;
 }
.picDifference{margin-bottom: 50px;}
.picDifference .btn-with-divider{
    margin: 0px 50px 0 32px;
    color:#0C9B4A;
}
.picDifference figure {
    display: inline-block;
    margin-bottom: 10px;
    max-width: 118px;
    text-align: center;
    width: 100%;
}
.btn-group.picDifference figcaption {
    font-size: 18px;
    margin-top: 5px;
    text-align: center;
    font-family: 'Conv_manrope_regular_webfont';
}
.step1Hexa, .step2Hexa {
    width: 119px;
    height: 137px;
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
    padding-top: 35px;
}
.step1Hexa{
    background: url("clientlib-site/images/step_hexagone.png") top center no-repeat;
}
.step1Hexa img, .step2Hexa img {
    display: block;
    margin: 15px auto 0;
}
.step2Hexa{
    background: url("clientlib-site/images/hexagone2.png") top center no-repeat;
}
.fourpics-express .upload-btn{position: relative;}
.fourpics-express .upload-btn{
background:  url("clientlib-site/images/upload-v4.jpg") no-repeat scroll 0 0 / 100% auto;}
.fourpics-express .btnAbs {
    bottom: 14px;
    left: 100%;
    position: absolute;
}
.btn-preview-back{
	position: absolute;
	top: 5px;
	right: 15px;
}

.question{font-size: 24px;font-family: 'Conv_manrope_regular_webfont'; /*padding-left:45px;*/ }
.question-padding {
    clear: both;
    margin-top: 30px;
}
.radioLables.radio{
    padding-left: 22px;
    height: 22px;
    margin-right: 35px;
}
.radioLables.radio label{padding-left: 10px;}
.radioLables.radio{outline: none;}
.radioLables.radio label::before {
    height: 22px;
    left: 0;
    margin-left: -22px;
    width: 22px;
}


.radioLables.radioLablesGreen.radio label::after {
    background-color: #79be16;
    height: 8px;
    left: 3px;
    margin-left: -18px;
    top: 7px;
    width: 8px;
}

.radioLables .help-sec{
    margin-left: 10px;
    position: relative;
}

i.helpText {
    background: #f2f2f2 none repeat scroll 0 0;
    box-shadow: 4px 4px 4px 2px #d8d8d8;
    color: #666666;
    font-size: 12px;
    left: -11px;
    padding: 8%;
    position: absolute;
    bottom: 30px;
    width: 100px;
    display: none;
}
.help-sec:hover .helpText::before,
.help-sec:hover .helpText{
    display: block;
}
i.helpText::before {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #f2f2f2;
    content: "";
    left: 10%;
    position: absolute;
    top: 99%;
    display: none;
}

.inneQuestionnChk .question {font-size: 18px;}



.roomTab{
    background:#ccc;
}
.roomTab.tab-style1 .nav{margin-bottom: 0;}
.roomTab.tab-style1 .nav li{
    margin-right: 0;
}
.roomTab.tab-style1 .nav li a{
    padding: 12px 40px;
}
.roomTab .tab-pane{
	background:#ffffff;
}
.roomTab .roomCont{
	background:#33cccc;
	padding:100px 170px 100px;
}
.choosProd {
    background:#cccccc;
    padding: 40px 30px 25px;
}
.choosProd-no-bg{
    background: none;
    padding: 0;
}
.choosProd .bootstrap-select,.questionSelect .bootstrap-select { min-width: 300px;}

.roomTab .tab-content > .tab-pane{   /*hell set to display block in prince.css ( line 628 ) */
    display: none;
}
.roomTab .tab-content > .tab-pane.active{
    display: block;
}
.selectStrong strong {
    float: left;
    margin-bottom: 5px;
}
.cp-table {
    display: table;
    height: 75px;
}
.cp-tableCell{
    display: table-cell;
    vertical-align: middle;
}
.roomHeightRadio,.roomSize {
    margin: 0 auto;
    max-width: 574px;

}
.room1Cont,.room2Cont{position: relative;}
.roomSize {
    background: rgba(0, 0, 0, 0) url("clientlib-site/images/room.jpg") no-repeat scroll center center / 100% 100%;
    height: 335px;
    position: relative;
    color:#512b8b;
    margin-top: 5%;
}
.roomHeightRadio{top: 40px;
    color: #fff;
    font-size: 14px;
    position: relative;
}
.roomHeightRadio .radio label{
    font-size: 14px;
}
.roomHeightRadio .r-Radio.t-radio { top: 0;}

.roomHeightRadio .radioLables.radio label::before {
    height: 16px;
    width: 16px;
}
.roomHeightRadio .radioLables.radio label {
    line-height: 1.1;
    padding-left: 0;
}
.radioLables.radio label::after {
    background-color: #6c4c9c;
    height: 6px;
    left: 3px;
    margin-left: -20px;
    top: 5px;
    width: 6px;
}
.roomHeightRadio .radioLables.radio{margin-right: 5%;}

.roomSzinsq {
    height: 70px;
    left: 50%;
    margin: -35px 0 0 -60px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 120px;
}
.roomDim{
    color: #fff;
}

.roomWdth {
    display: block;
    position: absolute;
    text-align: center;
    top: 90%;
    width: 100%;
}
.roomheight.roomDim {
    height: 15px;
    position: absolute;
    right: -7%;
    top: 48%;

    width: 50px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.topProgrees.progress-Step-10.mb40 {
    text-align: center;
}


.roomSize .r-Radio {
    font-size: 14px;
    max-width: 100px;
      margin: 0 auto;

}
.r-Radio.t-radio {
    position: relative;
    top: 20px;
}

.r-Radio.l-radio,.r-Radio.rhs-radio {
    position: absolute;
    top: 44.5%;
}
.r-Radio.l-radio {left: 6px;}
.r-Radio.rhs-radio{right: 6px;}
 .r-Radio.b-radio {
    bottom: 10px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
}
.roomSize .radio label{
    font-size: 14px;
}
.roomSize .radioLables.radio label::after{
    background: #33cccc;
}
.roomSize .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{
    margin-left: 0;
}
.roomSize .radioLables.radio {
    margin-bottom: 0;
    margin-right: 0;
}
.roomSize .radioLables.radio label::before {
    height: 17px;
    left: 0;
    margin-left: -12px;
    width: 17px;
}
.roomSize .radioLables.radio label::after{
    margin-left: -9px;
}

.progress-Step-1,.step100{
    margin-bottom: 29px;
    margin-top: 20px;
    max-width: 415px;
    padding-left: 20px;
}
.step100{
    margin-bottom: 0;
}

.slider-max-width{
	max-width: 70%;
}

.topProgrees {
    bottom: 104%;
    left: 50%;
    margin-left: -287px;
    max-width: 574px;
    position: absolute;
    right: auto;
    width: 100%;
}
.rightProgrees {
    left: 70%;
    margin-top: -38px;
    position: absolute;
    top: 50%;
    -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    width: 41%;
}
  .rightProgrees .irs-grid-text {
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
.Chfinish-ul li{
    display: inline-block;
    margin-right: 20px;
}

.chkBx .checkbox label{
    font-size: 18px;
    line-height: 18px;
}
.chkBx .checkbox label::before{
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #7f7f7f;
}
.chkBx .checkbox input[type="checkbox"]:checked + label::after {
    background: url("clientlib-site/images/tick-mark-green.png") no-repeat center center;
    width: 20px;
    height: 20px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after{

}


/*Paint Calc Result**/
.paintContainer{

    position: relative;
}
.paintContainer .close {
    border: 1px solid #ee2e24;
    border-radius: 46px;
    color: #ee2e24;
    font-size: 16px;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -40px;
    width: 30px;
}
#paintContainer .slct-style1 .dropdown-toggle .caret{
    background: url("clientlib-site/images/select-blue.png") top center no-repeat;
}
.paintImgDesc {
    padding: 40px 30px 45px;
}
.color-product-wrapper{
    display:table;
}
.color-name{
    font-weight: bold;
    padding-left: 15px;
    font-size: 18px;
	display:table-cell;
    vertical-align:middle;
}
.color-product-img{
    display:table-cell;
}

.paintRequired{font-size: 18px;}
 .top-row,.paintImgWrapper{
    background: #f3f3f3;
}

.top-row.row {
    padding: 6px 0 10px;
}
.top-row .desc__bold {
    font-size: 24px;
    font-weight: bold;
}
.top-row .desc__bold .icon-inr {
    font-size: 17px;
}
.top-row .desc__bold > p {
    line-height: 40px;
}
.top-row .slct-style1 .dropdown-toggle {
    background: #f3f3f3;
    font-size: 16px;
    padding: 5px 20px;
    border: 0;
    border-bottom:1px solid #999999;
    padding-left: 0;
}
.top-row .slct-style1 .dropdown-toggle{ padding-right: 0;    }
.top-row .slct-style1 .dropdown-toggle .caret{right: 0 !important;}
.top-row .slct-style1 .dropdown-toggle .caret {
    background: rgba(0, 0, 0, 0) url("clientlib-site/images/select-blue.png") no-repeat scroll center top;
    height: 24px;
    top: 10px;
    width: 24px;
}
.top-row .dropdown-menu{
    border-radius: 0;
    box-shadow:none;
    border: 0;
    padding: 0;
}

.top-row .bootstrap-select.btn-group .dropdown-menu li {
    border-bottom: 1px solid #cccccc;
    margin-left: 5px;
    position: relative;
}
.top-row .bootstrap-select.btn-group .dropdown-menu li:last-child{
    border-bottom: 0;
}
.top-row .bootstrap-select.btn-group .dropdown-menu li a {
    padding: 10px 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background: #fff;
}
.bottomRow .table > thead > tr > th,
.bottomRow .table > tbody > tr > th,
.bottomRow .table > tfoot > tr > th,
.bottomRow .table > thead > tr > td,
.bottomRow .table > tbody > tr > td,
.bottomRow .table > tfoot > tr > td{
    border: none;
}
.bottomRow .table{margin-bottom: 8px;}
.bottomRow .table > tbody > tr > td,.bottomRow .table > tbody > tr > th {

    padding: 8px 0 0;
}
.bottomRow  td.small{font-size: 14px;padding: 5px 0;}
.bottomRow {
    background: #f3f3f3 none repeat scroll 0 0;
    margin-top: 9px;
    width: 99%;
}


.pr-top15 .icon-inr{font-size: 15px;}
.cost {
    background: #33cccc none repeat scroll 0 0;
    display: table;
    float: right;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    margin-right: -9px;
    margin-top: 10px;
    max-width: 352px;
    position: relative;
    text-align: center;
    width: 100%;
}
.cost .icon-inr {
    font-size: 16px;
}
.cost:before{
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 50px;
    height: 50px;
    background:  url("clientlib-site/images/blue-arrow.png")top right no-repeat;

}

.cost.totalCost {
    line-height: 50px;
    max-width: 100%;
    margin-right: -14px;
}
.cost.totalCost p{line-height: 50px;}
.cost.subTotal {background:#fdaf17; }
.cost.subTotal:before{
    background:  url("clientlib-site/images/yellow-arrow.png")top right no-repeat;
}


.saveprintshare li {
    display: inline-block;
    margin-right: 40px;
}
.saveprintshare li img{ margin-right: 10px;}
.saveprintshare a {
   color: #5e3b8d;
    line-height: 2;
}
.saveprintshare span {
    position: relative;
    top: 4px;
    vertical-align: bottom;
}
.addBtn {
    float: right;
    text-align: right;
}
/* Slider css */

/**Carousel**/

.moodboardCont .span12{
    padding-left:20px;
}
.moodboardCont .owl-carousel {
    margin: 0 5%;
}
.moodboardCont .arrow_box{
     border: 3px solid transparent;
}
.moodboardCont .active-border {
   border-color: #fcaf17;
}

.camp-form.owl-theme .owl-controls .owl-buttons div{background:url(clientlib-site/images/nav-arrw1.png)center center no-repeat;}


.camp-form.owl-theme .owl-controls .owl-buttons .owl-next,
.camp-form.owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    z-index: 5;
	color:#000;
 	width:10px;
	height:21px;
 }

.camp-form.owl-theme .owl-controls .owl-buttons .owl-next, .camp-form.owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    z-index: 5;
    color: #000;
    width: 39px;
    height: 38px;
}

.camp-form.owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: top left;
    left: 15px;
    opacity: 1 !important;
}

.camp-form.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 5px;
    background-position: bottom right;
    opacity: 1 !important;
 }

.moodboardCont .owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-next {
     right:-40px;
     background-position: bottom right ;
}
.moodboardCont .owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: top left;
    left: -40px;
}

.owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-next {
     right:-5px;
     background-position: bottom right ;
}
.owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: top left;
    left: -5px;
}



/**Media queries**/

@media (max-width:1024px){
    .profileLinks a img {padding-right: 18px;}
    .profileLinks .links a{font-size: 16px;}
    .choosProd .bootstrap-select, .questionSelect .bootstrap-select {
    min-width: 250px;
}

}


@media (max-width:980px){
	.owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-next {
     right:0;
 	}
	.owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-prev {
 		left: 0px;
	}

    /**profile**/

    #p-details{margin-left: 0;}
    .pd-left{padding-left: 15px !important;}

    .input-list-grp label {
        max-width: 100%;
        text-align: left;
    }

    .input-list-grp input[type="text"] {     max-width: 94%; }
	    .input-list-grp input[type="date"] {     max-width: 94%; }
    .input-list-grp .bootstrap-select,
    .input-list-grp .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
    {
        min-width:310px;
        width: 94%;
    }

    .changes-passCont .input-list-grp label{max-width: 98px;}

    .locationSearchCont input {
        border-style: none none solid;
        border-width: 0 0 1px;
        display: block;
        left: 0;
        position: relative;
        width: 100%;
        border-bottom: 1px solid;
    }
   .locationSearchCont .srch-input button {
        bottom: 10px;
        position: absolute;
        top: auto;
    }


    .capture-steps li {margin-right: 20px;}
    .cp-table{height: 50px;}
    .inneQuestionnChk .question {margin-bottom: 20px;}
    .questionSelect .question{
        margin-bottom: 50px; padding-left:20px;
    }

    .progress94per {
        clear: both;
        float: none;
        margin: 0 auto 25px;
        width: 94%;
    }
    .questionSelect strong{width: 100%;}
}


@media (max-width:640px){
     .input-list-grp,.input-list-grp input[type="text"],  .changes-passCont .input-list-grp input[type="text"] { width: 100%;max-width: 100%; }
	 .input-list-grp input[type="date"] { width: 100%;max-width: 100%; }
	 .faq-select-drop-down-item { width: 100%;max-width: 100%; }
    .input-list-grp .bootstrap-select, .input-list-grp .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    min-width: 258px;
    width: 100%;



    }
      .order-thumb.center {
        float: left;
        margin-right: 20px;
    }

    .my-libraryCont .tab-pane .grid-item {    width: 100%;}

    .moodboardCont .owl-carousel { margin: 0;}

    .capture-steps li {margin: 20px 40px 60px;}


    .picDifference {text-align: center;}
    .picDifference figure{margin-bottom: 20px;max-width: 100%;}
    .picDifference .btn-with-divider {   margin: 35px 35px 40px; }
    .fourpics-express .btnAbs { left: 65px; }

    .question {  margin-bottom: 20px; }
    .progress-Step-1 {
        float: none;
        margin: 20px auto;
        max-width: 94%;
        padding-left: 20px;
    }
    .brdr-secn-v2{padding-bottom: 30px;}
    .choosProd {padding: 5px 11px;}
    .choosProd strong{width: 100%;}
    .roomTab .roomCont {padding: 100px 60px;}

    .topProgrees ,.rightProgrees {
       left: auto;
       margin: 65px auto 0;
       right: auto;
       width: 94%;
       clear: both;
       position: relative;
       top: auto;

    }
    .topProgrees { bottom: auto; }
    .rightProgrees { transform: rotate(0deg);}
	.rightProgrees .irs-grid-text {
        transform: rotate(0deg);
    }
    .roomWdth {
        bottom: 7em;
        left: -14px;
        text-align: left;
        top: auto;
        width: 100%;
    }
    .roomHeightRadio > div:first-child {
        float: left;
        margin-bottom: 14px;
        width: 100%;
    }
  }

@media (max-width:480px){
 	.paint-proCont .tab-style1 .nav li a { padding: 12px 30px;}
 	.nice-scroll-black { max-height: 380px; }
	#paintingTips .modal-dialog.tipsCont {max-height: 400px; height: 80%; }
	.order-btns li {margin-right: 2px;}
	.order-btns li button {max-width: 120px;}


    .moodboardCont .owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-prev {
    background-position: left top;
    left: -20px;
    top:40%;
}
 .moodboardCont .owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-next {
    background-position: right bottom;
    right: -20px;
      top:40%;
}

   .capture-steps li {
        margin: 20px 10px 60px;
    }
    .picDifference {
        margin: 0 auto 60px;
        max-width: 92%;
     }

.cost {
    font-size: 16px;
    margin-right: -15px;
    max-width: 180px;
}
    .cost .icon-inr { font-size: 6px;     }
    .no-mobile-padding{padding: 0;}
    .top-row .desc__bold{font-size: 16px;}
    .paintRequired .bootstrap-select{ min-width: 150px; }

    .top-row .desc__bold > p { text-align: right;}
    .top-row .desc__bold .icon-inr {font-size: 13px;}

    .top-row .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){   width: 197px;}
    .saveprintshare li { margin-right: 20px; }
    .addBtn {
        float: none;
        text-align:center;
}
 }

@media (max-width:360px){
	 .text_bold { margin-bottom: 10px !important;}
		.order-btns li {
			 float: left;
			 margin: 0 auto 5%;
			 text-align: center;
			 width: 50%;
		}

		.order-btns li:last-child{width:100%;}
		.faq-dropDwn li:first-child { margin-right: 0;}

     /**profile page**/
     .profile-completeness .progress { margin: 16px 30px 0; }
     .profile-completeness .value {
        left: 40%;
        right: auto;
        top: 100%;
    }

    /**shades*/
    .shades-image > img {width: 100%;}

    /**avalable color**/

    .available-colors .btn-style2{background: #fff;}
    .roomTab .roomCont {
    padding: 42px 26px;
}
    .roomSize{
        background: rgba(0, 0, 0, 0) url("clientlib-site/images/room-small.jpg") no-repeat scroll center center / 100% 100%;
        max-width: 280px;

    }
    .r-Radio.l-radio {
    left: -2px;
}
    .r-Radio.rhs-radio {
    right: -6px;
}
    .roomHeightRadio .radioLables.radio {
    margin-right: 0;
}

    .radioLables.radio{margin-left: 0;}

}
@media (max-width:320px){
 .input-list-grp .bootstrap-select, .input-list-grp .slct-style1,
.input-list-grp .bootstrap-select,
    .input-list-grp .slct-style1.input-list-grp .bootstrap-select,
    .input-list-grp .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)  {
    min-width: 230px;
}
    #editProfile { margin-right: -18px;}
    .top-row .desc__bold > p {
    text-align: left;
}
    .top-row .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 160px;
}
}

/* 18 december 2015 strats here*/

.liabrary-text {
    font-family: "Conv_manrope_regular_webfont";
    font-size: 18px;
    margin-bottom: 30px;
	margin-top:25px;
}
.liabrary-text > span { font-weight:bold;}
.liabrary-total-text { text-align:right;}


/* 18 december 2015 ends here*/

/* 12 Jan 2016 - Start */
.input-list-grp > li { position:relative; margin:13px 0; }
.form-error{ position: absolute; left: 31%; /* display: none; */ color: #f20007; font-size: 12px; margin: 5px 0; width:80%; padding:0 0; }
@media (max-width: 640px){
	.form-error { left:0; }
}
/* 12 Jan 2016 - End */


/* 14 Jan 2016 - Start */
i.helpText {
    background: #f2f2f2 none repeat scroll 0 0;
    box-shadow: 4px 4px 4px 2px #d8d8d8;
    color: #666666;
    font-size: 12px;
    left: -11px;
    padding: 8%;
    position: absolute;
    bottom: 30px;
    width: 100px;
    display: none;
    max-height: 100px;
    overflow: auto;
}
.saveprintshare li {
	display: inline-block;
    margin-right: 40px;
    position: relative;
}
.soc-ico {
	position: absolute;
    z-index: 999;
	overflow: visible;
    visibility: hidden;
    opacity: 0;
    left: 50%;
	margin-left: -18px;
    bottom: 0;
    background-color: #ededed;
	border-radius:5px;
	transition:all 0.3s ease-out;
}
.soc-ico a {
	display:block;
	padding:5px;
}
.soc-ico a:hover {
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.soc-ico a > img {
	margin-right:0px;
	max-width: inherit;
}
.email-share-input {
    position: absolute;
    bottom: 30px;
    left: -210px;
    padding: 5px;
    width: 346px;
    background: #ededed;
    border-radius: 5px;
	visibility: hidden;
    opacity: 0;
	transition:all 0.3s ease-out;
}
.email-share-input input, .email-share-input button {
	float: left;
    line-height: 100%;
    height: 34px;
}
.email-share-input input {
    background-color: transparent;
    border: 1px solid #000;
    padding: 9px 5px;
    width: 65%;
}
.email-share-input button {
    background-color: #fff;
    border: 2px solid #55565a;
    color: #55565a;
    font-family: 'Conv_manrope_regular_webfont';
    display: inline-block;
    font-size: 18px;
    padding: 7px 30px 8px;
	margin-left: 3px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.email-share-input button:hover {
	background-color: #55565a;
    border-color: #55565a;
    color: #fff;
}
/* 14 Jan 2016 - End */
/* --------------------------------------------------------- */
/* ----------------------- aniruddha.css - END ----------------------- */
/* --------------------------------------------------------- */














/* --------------------------------------------------------- */
/* ----------------------- varsha.css - START ----------------------- */
/* --------------------------------------------------------- */
/* 21 November 2015 start here*/


.investor-view-btn {
background: rgba(0, 0, 0, 0) url("clientlib-site/images/investor-view.png") no-repeat scroll left center;
color: #512b8b;
display: inline-block;
font-size: 18px;
padding-left: 35px;
}


.investor-stock-quote > ul { margin:0; padding-left:15px;}
.investor-stock-quote > ul > li { line-height: 20px; padding-bottom:20px; position:relative;  }
.investor-stock-quote > ul > li::before {
content:""; background-color: #fcaf17;
border-radius: 50%;
height: 8px;
left: -15px;
position: absolute;
width: 8px;
top:4px;
}


.investor-policies-program > ul { margin:0; padding-left:15px;}
.investor-policies-program > ul > li { padding-bottom:20px; position:relative; color:#512b8b; font-size:18px;  }
.investor-policies-program > ul > li::before {
content:""; background-color: #fcaf17;
border-radius: 50%;
height: 8px;
left: -15px;
position: absolute;
width: 8px;
top:4px;

}


.link-box:last-child {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
.inner-menu li ul {
left: -77px;
}
}


/* 21 November 2015 end here*/





/* 22 November 2015 start here*/

.investor-finance-table { border:solid 1px #dbdbdb; padding:10px;}
.investor-chart { font-size: 18px; line-height: 100%; margin-bottom: 15px; color:#5e3b8d; vertical-align:sub;}
.investor-chart-sec { text-align:right; margin-bottom:40px;}


#investor .form-control {
background-color: #fff;
background-image: none;
border: 1px solid #6d6e71;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
width: 100%;
border-radius:0px ;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
margin-bottom:10px;
}
.investor-fin-result { border-right:solid 1px #dbdbdb; margin-bottom:20px;}
.investor-fin-result:last-child { border-right: none;}
#investor .table .table-bordered tr, th { font-weight:600;}



.yourvoice-plus-icon { color:#ffffff; background-color:#502b8b; width:50px; margin-right:1px; text-align:center; font-size:34px; padding-top:6px; height:44px;}

.yourvoice-plus-icon a { color:#ffffff; text-decoration:none;}

.yourvoice-post-icon { padding:12px; color:#ffffff; background-color:#6d6e72; font-size:20px; width:110px; text-align:center; margin-right:10px;}
.yourvoice-post-icon a { color:#ffffff; text-decoration:none; }

.yourvoice-text { font-size:14px; padding:17px 10px 10px 0;}
.yourvoice-second-row { margin-top:20px;}
.yourvoice-second-row-left { background-color:#f3f3f3; padding:10px; }
.yourvoice-second-row-left-footer { background-color:#cccccc; padding:10px; margin-bottom:50px; }
.yourvoice-second-row-left-text { padding:10px;   }

.yourvoice-second-row-right { background-color:#f3f3f3; padding:10px; margin-bottom:30px; }

.yourvoice-statics { margin-left:-10px;}
.yourvoice-statics > ul { margin:0; padding:0;}
.yourvoice-statics > ul > li { padding:0 20px 20px 20px; text-align:right; float:left; margin-right:70px;}

.yourvoice-statics-yellow { background-color:#fcaf17;border-radius:2px; height:1px; padding:1px; border:solid 5px #fcaf17}
.yourvoice-statics-purple { background-color:#502b8b;border-radius:2px; height:1px; padding:1px;}
.yourvoice-statics-purple-text { color:#502b8b; font-size:20px;}

#yourvoice .progress {
background-color: #502b8b;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
height: 5px;
margin-bottom: 1px;
overflow: hidden;
}

#yourvoice .progress-bar {
background-color: #fdaf17;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
color: #fff;
float: left;
font-size: 12px;
height: 100%;
line-height: 20px;
text-align: center;
transition: width 0.6s ease 0s;
width: 0;
}

.yourvoice-result { font-size:20px; margin-right:10px;}


#yourvoice .form-control {
background-color: #ffffff;
background-image: none;
border: 1px solid #bbbbbd;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
width: 100%;
border-radius:0px ;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
margin-bottom:10px;
}

.yourvoice-header { margin-left:-35px;}
.yourvoice-header > p { margin-top:-15px; margin-bottom:15px;}

.yourvoice-green-header { margin-left:-35px; color:#79be16;}
.yourvoice-green-header > p { margin-bottom:40px; }

.status-icon { margin-left:0px!important;}

.yourvoice-red-header { margin-left:-35px; color:#ed1b24; margin-top:10px;}
.yourvoice-red-header > p {  margin-bottom:40px;}


@media (max-width: 991px) and (min-width: 320px) {
.yourvoice-statics > ul > li { margin-right:1px;}
.tab-style1 .nav li {margin-bottom:15px; }
.yourvoice-header { margin-left:0;}
.yourvoice-green-header { margin-left:0;}
.yourvoice-red-header { margin-left:0;}

}

/* 22 November 2015 end here*/


/* 23 November 2015 start here*/


.yourvoice-accept-sec { margin-top:30px;}
.yourvoice-accept { margin-left:-5px;}
.yourvoice-green-subtext { margin-left:20px; color:#79be16; display:inline-block; }
.yourvoice-reply { text-align:right; padding-top:16px; font-weight:bold; font-size:16px; }

.yourvoice-comment-box { background-color:#f3f3f3; padding:30px; border:solid 1px #f3f3f3; margin:20px 0 20px 0; color:#999999; font-size:16px;}
.yourvoice-comment-box > p > span { line-height:20px; font-size:18px;}

.upload-input {
float: left;
width: 100%;
}

.upload-input input {
background-color: #ffffff;
border: 1px solid #c5c5c5;
padding: 9px 5px;
width: 84%;
}

.upload-input button {
background-color: #6d6e72;
border: 0 none;
color: #fff;
font-family: "Conv_manrope_bold_webfont";
font-size: 18px;
padding: 0 20px;
}
.upload-input input, .upload-input button {
float: left;
height: 44px;
line-height: 100%;
}

.message-input textarea {
background-color: #ffffff;
border: 1px solid #c5c5c5;
padding: 9px 5px;
width: 100%;
height:165px;
}

.title-input input {
background-color: #ffffff;
border: 1px solid #c5c5c5;
padding: 9px 5px;
width: 100%;
}

.product-input {
float: left;
width: 100%;
}

.product-input input {
background-color: #ffffff;
border: 1px solid #c5c5c5;
padding: 9px 5px;
width:100%;
}

.yourvoice-bg { background:#f3f3f3; padding:10px;}
.yourvoice-or { text-align:center; margin-bottom:10px; }
.yourvoice { position:relative}
.modal.in .yourvoice {
background: #f3f3f3 none repeat scroll 0 0;
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-width: 1000px;
position: relative;
right: 0;
top: 0;
width: 96%;
}


.yourvoice .yourvoice1 {
background: #f3f3f3 none repeat scroll 0 0;
border: medium none;
box-shadow: none;
height: auto;
}

.yourvoice-red-complaint {
color: #ed1b24;
margin-left: 5px;
margin-top: 10px;
margin-bottom:40px;
}

.yourvoice-complaint-bg { background:#f3f3f3; padding:20px 0 20px 0; margin:18px;}
.yourvoice-complaint-all-tracks{  margin-top:30px;}
.yourvoice-complaint-icon-text { text-align:center; margin-top:20px;}
.yourvoice-complaint-green-text { color:#79be16; text-align:center;}
.yourvoice-complaint-gray-text { text-align:center;}

.yourvoice-green-tracker { width:100%; color:#ffffff; background-color:#79be16; height:60px; padding:20px 10px 10px 10px; text-align:center;border-radius:20px; position:relative; font-size:18px;}
.yourvoice-green-tracker img { position:absolute; top:0; right:0;}
.yourvoice-purple-tracker { width:100%; color:#ffffff; background-color:#502b8b; height:60px; padding:20px 10px 10px 10px; text-align:center;border-radius:20px; position:relative; font-size:18px;}
.yourvoice-purple-tracker img { position:absolute; top:0; left:0;}
.yourvoice-purple-tracker .purple{ position:absolute; top:0; right:0; left:auto;}
.yourvoice-complaint-all-tracks-hr{ border-bottom: 1px solid #000; position: absolute; bottom: 63px; width: 66%; left: 0px; right: 0px; margin: 0px auto;
z-index: -4;}

.yourvoice-browse-file { width: 100px; position: absolute;right: 133px; opacity: 0;}
.yourvoice-left { float:left;}


.yourvoice-browse-track { background: rgba(0, 0, 0, 0) url("clientlib-site/images/track-browse.jpg") no-repeat scroll 0 0 / 100% auto; height: 44px; overflow: hidden;
width: 97px;}

.yourvoice-browse-track input { opacity:0; cursor:pointer; width:100%;}

@media (max-width: 767px) {
.yourvoice-or { margin-top:10px; }
}
@media (max-width: 991px) and (min-width: 320px) {
.yourvoice-green-subtext { margin-left:0;}
.yourvoice-reply { text-align:left;}
}

/* 23 November 2015 ends here*/


/* 24 November 2015 start here*/
.wallpaper-collection-caption-white { text-align:right; bottom: 10px; right:45px; padding: 12px 0; position: absolute; width: 100%; color:#ffffff; font-size:24px;}
.wallpaper-collection-caption-gray { text-align:right; bottom: 10px; right:45px; padding: 12px 0; position: absolute; width: 100%; color:#333333; font-size:24px;}


.wallpainting-gallery { }
.wallpainting-gallery img { border:solid 1px #dcdcdc; }
.wallpainting-gallery p { width:80%; }
.wallpainting-gallery h3 { font-size: 22px; line-height: 30px; margin-bottom: 15px;  margin-top: 10px; }



.btn-style-paint-tool {
background-color: #fff;
border: 2px solid #55565a;
color: #55565a;
display: inline-block;
font-family: "Conv_manrope_regular_webfont";
font-size: 18px;
padding: 7px 30px 8px;
transition: all 0.2s linear 0s;
margin-bottom:20px;
}
.btn-style-paint-tool:hover {
background-color: #55565a;
border-color: #55565a;
color: #fff;
}


.wallpaint-nobrdr-secn {
margin-bottom: 60px;
padding-bottom: 30px;
}


.modal.in .wallpaint-popup {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-width: 1000px;
position: absolute;
right: 0;
top: 0;
width: 90%;
}

.wallpaint-popup .wallpaint-popup-sub {
border: medium none;
box-shadow: none;
height: auto;
}


.wallpaint-popup-bg { padding:30px;}

.wallpaint-features { font-size:18px; color:#333333;}

.wallpaint-features-points > ul { margin:0; padding: 10px 0 0 15px;}
.wallpaint-features-points > ul > li { padding-bottom:20px; position:relative; color:#333333; font-size:14px;}
.wallpaint-features-points > ul > li::before {
content:""; background-color: #502b8b;
border-radius: 50%;
height: 6px;
left: -15px;
position: absolute;
width: 6px;
top:4px;

}
.wallpaint-features-points > p { padding:5px 0 20px 0; position:relative; color:#333333; font-size:14px;}

.fr-three-box .item .tile-wallpaint, .fr-four-box .item .tile-wallpaint {
position: relative;
}
.fr-three-box .item .tile-wallpaint .item-img img {
width: 100%;
border: 1px solid #dcdcdc;
}

.fr-three-box .item .tile-wallpaint .item-captn, .fr-four-box .item .tile-wallpaint .item-captn {
padding: 12px 30px;
}

/* 24 November 2015 ends here*/


/* 25 November 2015 ends here*/

.fr-three-box .item .tile .item-look-captn, .fr-four-box .item .tile .item-look-captn {
padding: 12px 30px;
}


.item-look-captn {
background-color: rgba(0, 0, 0, 0.50);
bottom: 15px;
left: 0;
padding: 12px 0;
position: absolute;
width: 100%;
}

.item-look-captn-hdng.white {
color: #ffffff;
}
.item-look-captn-hdng {
font-family: "Conv_manrope_regular_webfont";
font-size: 24px;
line-height: 22px;
margin-bottom: 8px;
}

.search-purple-txt {
color: #542988;
}
.search-purple-txt a {
color: #542988; text-decoration:none;
}

h3.purple-header {
font-size: 22px;
line-height: 30px;
margin-bottom: 15px;
color: #542988;
}

.search-gallery > img { position:relative;}
.search-play-icon > img { display: inline-block; left:65px; top:45px; position:absolute; text-align:center; vertical-align:middle;	}


.thank-content { border:solid 1px #000000; border-radius:30px; padding:25px;  margin:0 auto;}
.thank-content-header  { margin:0 auto; text-align: center; }
.thank-content-header > span { color:#502b8b; font-size:40px; border-bottom: 1px solid #000000; display: inline-block; padding-bottom: 15px; }
.thank-content-header-brder { border-top:solid 1px #000000; height:1px; margin-top:10px; }
.thank-content-subtext { text-align:justify; margin-top:40px; font-size:18px; line-height:25px; color:#333333; text-align:center; }



.error-content { border:solid 1px #000000; border-radius:30px; padding:70px;  margin:0 auto;}
.error-content-header  { text-align:justify; margin-top:70px; font-size:130px; line-height:70px; color:#502b8b; text-align:center; }
.error-content-icon  { text-align:justify; font-size:100px; line-height:25px; color:#502b8b; text-align:center; }
.error-content-subtext { text-align:justify; margin-top:40px; font-size:18px; line-height:25px; color:#502b8b; text-align:center; }


.sitemap-col h2 { margin-bottom: 20px; background:#512b8b; padding:10px; }
.sitemap-col h2 a{ color:#fff; }

.sitemap-header  { margin:0 auto; text-align: center; font-size:24px; margin-bottom:95px; }
.sitemap-brdr-rt { border-right:solid 0px #b7b7b7; padding-right:0; }
.row .col-sm-6:nth-child(2n) .sitemap-brdr-rt:nth-child(2n) { border-right:none; padding-right:15px; }


.sitemap-header-sub { font-size:20px; margin:0 0 20px 0; padding-left:10px;  }
.sitemap-header-sub > a { display:block; font-weight:bold; margin-bottom:10px; }
.sitemap-header-sub > a:hover { text-decoration:underline;  }

.sitemap-header-sub > ul { margin:5px 0 0 0; padding:0;}
.sitemap-header-sub > ul > li { font-size:18px; line-height:28px; text-transform:none; }
.sitemap-header-sub > ul > li > a:hover { text-decoration:underline; }

.sitemap-header-sub > ul > li > ul { margin:0 0 10px 0; padding-left:15px; }
.sitemap-header-sub > ul > li > ul > li { font-size:15px; line-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sitemap-header-sub > ul > li > ul > li > a:hover { text-decoration:underline; }

.upcase { text-transform:uppercase;}
.sitemap-header-text > a:hover { text-decoration:underline;  }

@media (max-width: 320px) and (min-width: 320px) {
.error-content-header  { text-align:justify; margin-top:40px; font-size:100px; line-height:40px; color:#502b8b; text-align:center; }
}
@media (max-width:767px){
	.sitemap-brdr-rt:nth-child(2n) { border-right:none; }
	.sitemap-brdr-rt { padding-right:15px; }
	.sitemap-brdr-rt:nth-child(2n+1) { padding-right:0; }
}
@media (min-width:320px) and (max-width:480px){
	.sitemap-col.col-xs-6 { width:100%; }
	.sitemap-brdr-rt { padding-right:15px; }
	.sitemap-brdr-rt:nth-child(2n+1) { padding-right:15px; }
}



/* 25 November 2015 ends here*/


/* 26 November 2015 starts here*/

.error-container { padding-left: 45.6%; padding-top: 39.5%;}
.error-yellow-container { background-color:#fdaf17; border:solid 1px #fdaf17; padding:5px; height:30px; width:310px; }
.error-search-text { font-size: 13px; padding: 10px 0; }
.error-search-header-text { font-size:28px; padding:10px 0; line-height:35px;}

.paint-man { position:relative;}
.paint-man > img { left: 649px;  position: absolute;  right: 0;  top: -450px; width: 36.5%; }

.error-container .srch-input {
margin-right: 3%;
position: relative;
width: 96%;
margin-top:-3px;
}
.error-container .srch-input input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #000;
border-image: none;
border-radius: 0;
border-style: none;
border-width: 0 0 1px;
padding: 4px 20px 5px 0;
width: 100%;
background-color:#fdaf17;
}

.error-container .srch-input button {
    background: rgba(0, 0, 0, 0) url("clientlib-site/images/search-icon.svg") no-repeat scroll 0 0;
    border: 0 none;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 4px;
    width: 18px;
}


.login-nobrder { border-bottom:none;}
.login-brder { border-bottom: 1px solid #000000; display: inline-block; padding-bottom: 2px;}

.login-input input { background-color: #ffffff;  border: 1px solid #999999; padding: 10px 5px; width: 100%; color:#000000; }
.login-forgot-password { color:#999999; font-size:14px; margin-top:10px; }
.login-forgot-password a { color:#999999;}
.login-forgot-password a:hover { color:#999999; text-decoration:underline;}



.login-capcha-bg { background-color:#f2f2f0; padding:5px;}
.login-purple-or { color: #ffffff; text-align: center; margin:170px auto;}
.my-voice-post { margin-bottom:20px;}


.login .checkbox {
    float: left;
    margin: 5px 0;
}
.login label {
    line-height: 20px;
}
.login .checkbox input[type="checkbox"], .login .checkbox-inline input[type="checkbox"] {
    height: 18px;
    left: -20px;
    margin-left: 2px;
    width: 20px;
    top: -2px;
}
.login .checkbox label::before {
    border: 1px solid #7f7f7f;
    content: "";
    height: 20px;
    width: 20px;
}
.login .checkbox label::after {
    color: #79be16;
    font-size: 14px;
    height: 20px;
    width: 22px;
}

.login .checkbox input[type="checkbox"]:checked + label::after {
    background: rgba(0, 0, 0, 0) url("clientlib-site/images/tick-mark-green.png") no-repeat scroll center center;
}

.login-nobrdr-secn {
    margin-bottom: 15px;
    padding-bottom: 15px;
}


.forgot-password-subhead { font-size:20px; line-height:24px;}

@media (max-width: 479px) and (min-width: 320px) {
.error-container { margin-bottom: 0; padding-left: 0;  padding-top: 35%;}
.error-search-header-text { font-size: 12px; line-height: 12px; padding: 8px 0;}
.paint-man > img {left: 193px; position: absolute; right: 0; top: -171px; width: 56.5%;}
.inner-error-banner { margin-bottom:70px;}
.error-container .srch-input input { display: block; left: 0; padding: 0; top: 5px; width: 148px; }
.error-yellow-container { margin-left: 0; width: 185px;}
.shade-col {width: 100%; margin-top:20px;}
.color-patch-list{width:100%}
.shade, .spcl-efftcs .shade{width:155px; height:155px; padding:0 !important; margin:0 auto}

}

@media (max-width:360px) and (min-width: 360px) {
.error-container { margin-bottom: 0; padding-left: 0;  padding-top: 35%;}
.error-search-header-text { font-size: 12px; line-height: 12px; padding: 8px 0;}
.paint-man > img {  left: 193px; position: absolute; right: 0; top: -177px; width: 51.5%; }
.inner-error-banner { margin-bottom:115px;}
.error-container .srch-input input { left: 0px; display:block; }
}


@media (max-width: 639px) and (min-width: 480px) {
.error-search-header-text { font-size: 14px; line-height: 14px; padding: 8px 0;}
.paint-man > img { left: 314px; position: absolute; right: 0;top: -246px; width: 51.5%; }
.error-container { padding-left: 0; padding-top: 36%; }
.inner-error-banner { margin-bottom:150px;}
.error-container .srch-input input { left: -8px; top:0; display:block; }
}

@media (max-width: 600px) and (min-width: 600px) {
.error-search-header-text { font-size: 14px; line-height:14px; padding: 8px 0;}
.paint-man > img { left: 313px; position: absolute; right: 0; top: -313px; width: 51.5%; }
.error-container { padding-left: 0; padding-top: 36%; }
.inner-error-banner { margin-bottom:150px;}
.error-container .srch-input input { left: -8px; top:0; display:block; }
}




@media (max-width: 767px) and (min-width: 640px) {
.error-search-header-text { font-size: 14px; line-height: 14px; padding: 8px 0;}
.paint-man > img { left: 310px; position: absolute; right: 0; top: -336px; width: 51.5%; }
.error-container { padding-left: 0; padding-top: 36%; }
.inner-error-banner { margin-bottom:160px;}
.error-container .srch-input input { left: 0px; display:block; top:4px; }
.error-container { margin-bottom: 0; padding-left: 0;  padding-top: 35%;}
.error-search-header-text { font-size: 18px; line-height: 20px; padding: 8px 0;}
}


@media (max-width: 799px) and (min-width: 768px) {
.error-search-header-text { font-size: 14px; line-height: 14px; padding: 8px 0;}
.paint-man > img { left: 468px;  position: absolute;  right: 0; top: -391px; width: 51.5%; }
.error-container { padding-left: 34.7%; padding-top: 26.5%;}
.inner-error-banner { margin-bottom:160px;}
.error-container .srch-input input { left:0; display:block; top:4px; }
.error-container { margin-bottom: 0; padding-left: 34.5%; padding-top: 28%; }
.error-search-header-text { font-size: 20px; line-height: 22px; padding: 8px 0;}
}

@media (max-width: 800px) and (min-width: 800px) {
.error-search-header-text { font-size: 14px; line-height: 14px; padding: 8px 0;}
.paint-man > img { left: 468px;  position: absolute;  right: 0; top: -409px; width: 51.5%; }
.error-container { padding-left: 34.7%; padding-top: 26.5%;}
.inner-error-banner { margin-bottom:160px;}
.error-container .srch-input input { left:0; display:block; top:4px; }
.error-container { margin-bottom: 0; padding-left: 34.5%; padding-top: 28%; }
.error-search-header-text { font-size: 20px; line-height: 22px; padding: 8px 0;}
}



@media (max-width: 980px) and (min-width:801px) {
.error-search-header-text { font-size: 14px; line-height: 14px; padding: 8px 0;}
.paint-man > img { left: 513px;  position: absolute; right: 0; top: -511px;  width: 51.5%; }
.error-container { padding-left: 34.7%; padding-top: 26.5%;}
.inner-error-banner { margin-bottom:160px;}
.error-container .srch-input input { left: -270px; display:block; }
.error-container { margin-bottom: 0; padding-left: 34.5%; padding-top: 28%; }
.error-search-header-text { font-size: 20px; line-height: 22px; padding: 8px 0;}
}


@media (max-width: 900px) and (min-width:900px) {
.error-search-header-text { font-size: 14px; line-height: 14px; padding: 8px 0;}
.paint-man > img { left: 497px; position: absolute; right: 0; top: -466px; width: 51.5%; }
.error-container { padding-left: 34.7%; padding-top: 26.5%;}
.inner-error-banner { margin-bottom:160px;}
.error-container .srch-input input { left: -5px; display:block; top:5px; }
.error-container { margin-bottom: 0; padding-left: 34.5%; padding-top: 28%; }
.error-search-header-text { font-size: 20px; line-height: 22px; padding: 8px 0;}
}


@media (max-width: 980px) and (min-width:980px) {
.error-search-header-text { font-size: 14px; line-height: 14px; padding: 8px 0;}
.paint-man > img { left: 513px;  position: absolute;  right: 0; top: -510px; width: 51.5%; }
.error-container { padding-left: 34.7%; padding-top: 26.5%;}
.inner-error-banner { margin-bottom:160px;}
.error-container .srch-input input { left: -5px; display:block; top:5px; }
.error-container { margin-bottom: 0; padding-left: 34.5%; padding-top: 28%; }
.error-search-header-text { font-size: 20px; line-height: 22px; padding: 8px 0;}
}

@media (max-width: 1024px) and (min-width: 981px) {
.error-search-header-text { font-size: 14px; line-height: 14px; padding: 8px 0;}
.paint-man > img { left: 522px; position: absolute; right: 0; top: -536px; width: 51.5%; }
.error-container { padding-left: 34.7%; padding-top: 26.5%;}
.inner-error-banner { margin-bottom:160px;}
.error-container .srch-input input { left: -270px; display:block; }
.error-container { margin-bottom: 0; padding-left: 34.5%; padding-top: 28%; }
.error-search-header-text { font-size: 20px; line-height: 22px; padding: 8px 0;}
}






@media (max-width: 767px) and (min-width: 320px) {
.login-purple-or { margin:10px auto; text-align:left;}
.small-thumb-visible{
display:none;
}
.nobut>.bx-wrapper>.bx-has-controls-direction>.bx-controls-direction>a{
    background-image:none!important;
}
.room-box{
    border-bottom: 1px #343434 solid;
}
.social-media-container{
    margin-top:10px!important;
}
}


@media (max-width: 1023px) and (min-width: 768px) {
.login-purple-or { margin:10px auto; text-align:left;}
.campaign5-thumb > ul > li img{
	height: auto;
    width: 100%;
}
}



/* 26 November 2015 ends here*/

/* 27 November 2015 starts here*/
.paint-selector-gallery-container { width:100%; margin:0 auto; text-align:center; width:260px; }
.paint-selector-gallery { background-color:#ffffff; border:solid 1px #cccccc; height:230px; padding:20px;}
.paint-selector-gallery-header { font-size:18px; color:#0C9B4A; margin:0 auto; }
.paint-selector-gallery-header > p > img { font-size:18px; color:#0C9B4A; margin:20px auto;}
.paint-selector-gallery-sub-header { font-size:14px; color:#333333; margin:15px auto; width:220px; margin-bottom:30px; line-height:17px; min-height:55px;}

/* 27 November 2015 ends here*/


/* 1 december 2015 starts here*/

.compare { padding-left:0; padding-right:0;}
.compare .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { padding:20px 8px;}


.compare-product-box { color:#502b8b; font-size:18px;}
.compare-product-sub-header table, th, tr{ color:#333333; }
.compare-product-sub-header table, th{ font-size:18px; font-family: "Conv_manrope_regular_webfont"; font-weight:normal; }
.compare-product-picbox { vertical-align: middle;  text-align: center; }

.compare-product-sub-header .table > thead > tr > th, .compare-product-sub-header tbody > tr > th, .compare-product-sub-header .table > tfoot > tr > th, .compare-product-sub-header .table > thead > tr > td, .compare-product-sub-header tbody > tr > td, .compare-product-sub-header .table > tfoot > tr > td { vertical-align: middle !important;   }


@media (max-width: 480px) and (min-width: 320px) {
.compare-product-box { font-size:16px; }
.compare-product-sub-header table > th > tr{ color:#333333; font-size:12px; }
.compare-product-sub-header table > img{ width:70%; }

 }


/* 1 december 2015 ends here*/




/* 7 december 2015 starts here*/
.locator-blck-royal  { color:#f42e2d;}
.locator-blck-royal a { color:#f42e2d;}
.ml20 { margin-left:20px;}
.ml15 { margin-left:15px;}
.mt5 { margin-top:5px;}
.ml10 { margin-left:10px;}
.locator-text { text-align:right;  margin-top:5px; margin-left:30px;}

.dealerlocator-bg { background:#ffffff; padding:10px;}
.yourvoice-or { text-align:center; margin-bottom:10px; }
.dealerlocator { position:relative}


.dealerlocator .dealerlocator1 {
background: #ffffff none repeat scroll 0 0;
border: medium none;
box-shadow: none;
height: auto;
}


.dealer-content { width:80%; margin:0px auto;}
.dealer-input input {
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #000000;
    padding: 15px 10px;
    width: 100%;
}

.dealer-text { color: #555555; display: inline-block; font-family: "Conv_manrope_regular_webfont"; font-size: 18px;}
.dealer-knowmore { margin-left:30px;}
@media (max-width: 640px) and (min-width: 320px) {
.locator-text { text-align:left;  margin-top:20px;}

 }

.dealerlocator-fulfill { text-align:right;}

/* 7 december 2015 ends here*/

/* 14 december 2015 starts here*/

.coloridea_locator {
    background-color: #f9f7d7;
    margin: 0 0 20px 0;
    padding: 10px;
}

.coloridea_locator .circle_yellow {
    background-color: #dbd574;
    border-radius: 50%;
    font-size: 18px;
    height: 55px;
    line-height: 3;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 55px;
}
.coloridea_locator > div > span {
    display: inline-block;
    font-size: 18px;
    margin: 12px 5px 5px 0;
    padding-right: 10px;
}

.color-mail-sms { text-align:right; }
.ml10blk { margin-left:5px; display:inline-block;}
.color-idea-box { height:20px; width:20px; background-color:#79be16; float:left; margin-right:10px;}
.ml30 { margin-left:30px;}


@media (max-width: 640px) and (min-width: 320px) {
.color-mail-sms { text-align:left; }

 }

/* 14 december 2015 ends here*/

/* 6 january 2016 starts here*/
.technical-information-text { font-size: 17px; padding:10px;}

.modal.in .tech-info-content {
    background: #f3f3f3 none repeat scroll 0 0;
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-width: 1000px;
    position: relative;
    right: 0;
    top: 0;
    width: 35%;
}

.tech-info-content .yourvoice1 {
background: #f3f3f3 none repeat scroll 0 0;
border: medium none;
box-shadow: none;
height: auto;
}



@media (max-width:768px) and (min-width: 320px) {
.modal.in .tech-info-content {  width: 90%;}

 }
/* 6 january 2016 ends here*/





/* SEARCH NEW PAGE CSS  ( 11 january 2016 ) starts here */


.search-page input { border: 2px solid #6d6e71; padding: 3px 30px 4px 10px; width: 100%;border-radius: 0 !important}
.search-page button { background: rgba(0, 0, 0, 0) url("clientlib-site/images/search-icon.png") no-repeat scroll 0 0; border: 0 none; height: 20px;  margin-top: -10px;
padding: 0; position: absolute; right: 25px; top: 50%; width: 18px; }
.search-brdr-secn { border-bottom: 1px solid #dbdbdb; margin-bottom: 30px; padding-bottom: 10px; }
.search-filter-tabs { background-color:#512b8b; border: 0 none; color: #fff; font-size: 18px; padding:15px 15px 15px 30px; text-align:left;}
.search-filter-tabs-content > ul { padding:0; margin:0;}
.search-filter-tabs-content > ul > li { background-color:#e9e8e8; color: #333333; font-size:18px; padding:15px 15px 15px 30px; text-align:left;  border-top:solid 1px #d2d1d1; cursor:pointer; }
.search-filter-tabs-content > ul > li > a:hover {color: #502b8b; }
.search-filter-tabs-content > ul > li:active { background-color:#ffffff; color: #333333;}


.search-new-page .pagination { border-radius: 4px; display: inline-block; margin: 20px 0; padding-left: 0;}
.search-new-page .pagination > li { display: inline-block; position:relative;}
.search-new-page .pagination > li:after { content:"|"; padding-top: 10px; position: absolute; color:#d4d4d4;}
.search-new-page .pagination > li:last-child:after { content:"";}

.search-new-page .pagination > li:last-child > a, .search-new-page .pagination > li:last-child > span {
border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

.search-new-page .pagination > li > a, .search-new-page .pagination > li > span {
background-color: #fff;   border: none;  color: #337ab7;  float: left;  line-height: 1.42857;  margin-left: -1px;  padding: 6px 12px;  position: relative;
text-decoration: none;}


.search-new-page .pagination > li:first-child > a, .search-new-page .pagination > li:first-child > span {
 border-bottom-left-radius: 4px; border-top-left-radius: 4px;  margin-left: 0;}


.search-new-page .pagination > li > a:hover { color: #000000;}
.search-new-page .pagination > li > span:hover { background-color: #fff; border-color: #fff;  color: #000000; z-index: 3;}

.search-purple-txt { color: #542988;}
.search-purple-txt a:hover{ color: #000000; text-decoration:none; }
.search-purple-txt a { color: #542988; text-decoration:none; }

@media (max-width:991px) and (min-width: 320px) {
#filter-smart-tab { display:none;}
 }


/* SEARCH NEW PAGE CSS  ( 11 january 2016 ) ends here */





/* OTHER PAGE CSS  ( 19 january 2016 ) starts here */
.global-ml-30 { margin-left:30px; }
.global-list-style-disc { list-style:disc; }
.element-anchor-blue { color:#512b8b; text-decoration:underline; }
.element-anchor-blue:hover { color:#333; text-decoration:underline; }
/* OTHER PAGE CSS  ( 19 january 2016 ) ends here */
/* --------------------------------------------------------- */
/* ----------------------- varsha.css - END ----------------------- */
/* --------------------------------------------------------- */














/* --------------------------------------------------------- */
/* ----------------------- deepika.css - START ----------------------- */
/* --------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */

.btn-with-divider { margin:0 30px;
width:30px; height:30px;
border-radius: 50em;
background:#dbd574;
line-height:30px;
display:inline-block;
text-align:center;}
.cc-btn-text {
	margin-bottom: 30px;
}
.generate-code { height:42px; background:#e6e6e6; margin-right:13px; border:0; text-align:center; }
.upload-cc .upload-btn { float:left; margin-right:40px;}

.FileUpload { position:relative; float:left; margin-right:40px; width:145px;}
.BrowserVisible { position: relative;  z-index: 1;  /*background:url(clientlib-ethiopia-site/css/browse-but.gif) no-repeat top right; */   height:37px; width:100%;}
.hiddenfile { position:relative; width:100%; height:35px; text-align: right; -moz-opacity:0;  filter:alpha(opacity: 0);  opacity: 0;    z-index: 2;	cursor:pointer;}
.formText {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #000000;
    font-size: 12px;
    font-weight: 100;
    height: 33px;
    line-height: 33px;
    text-align: left;
}
.cc-online .btn-group a { margin-left:15px;}
.ap-video .tab-content { clear:both;}
.ap-video .tab-content .nav li { margin-right:30px;}
.ap-video .tab-content .nav li a { font-size:24px; padding:14px 43px;}
.search-tabpanel { clear:both; display:block;}
.ap-video .srch-input input {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
}
.search-tabpanel .srch-input { width:269px; height:37px; border:2px solid #6d6e71;}
.search-tabpanel .srch-input input  { border:0; padding:5px 25px; height:33px;}
.search-tabpanel .srch-input button { right:7px; top:7px; position: absolute;}
.ap-video .wrap-secn {
    padding: 0;
}
.ap-video .center-large-box .tile { margin-bottom:0; position: relative;}
.ap-video .center-large-box .tile .tile { margin-bottom: 30px}
.ap-video .tab-style1 .nav {
    margin-bottom: 15px;
}
/*.ap-video .slct-style1 {
    margin-left: 15px;
}*/
.ap-video .center-large-box { margin-top:0;}
.cc-online-upload .upload-btn{
background:  url("clientlib-site/images/upload-v3.jpg") no-repeat scroll 0 0 / 100% auto;}
.selectMbile.tab-ap-video.center { text-align:left;}
.tab-ap-video {padding: 0;}
.tab-ap-video .slct-style1 { margin-left: 0;}

.ap-smartcare .ap-smartcare-align { border-bottom: 1px solid #d3d3d3;  margin-bottom: 60px;
    padding-bottom: 40px;}
/*.ap-smartcare .overview h2 { margin-bottom:15px;}*/
.ap-smartcare .bg-clr3 .sb-sect {
    color: #ffffff;
    padding-bottom: 32px;
}
.ap-smartcare .bg-clr3 > div {
    background: #33cccc none repeat scroll 0 0;
}
.ap-smartcare .sb-sect {
    float: left;
    height: 300px;
    padding-bottom: 40px;
    width: 100%;
}
.ap-smartcare .bg-clr2 .sb-sect {
	color:#000;
    padding-bottom: 32px;
}
.ap-smartcare .bg-clr2 > div {
    background: #fef3d0 none repeat scroll 0 0;
}
.sm-smartcare-avpack { width:100%;
display:block;}
 .sm-smartcare-coverage {clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    width: 80%;}
.sm-smartcare-coverage img { float:left; margin-right:20px;}
.sm-smartcare-coverage .fnt-siz-20 { float:left;}
.sm-smartcare-coverage .fnt-siz-20 span { display:block; float:none; clear:both; text-align:left; font-size:20px; margin-bottom:18px;}
.sm-avpack, .sm-coverage { padding:10px;}
.sm-avpack h3, .sm-coverage h3 { margin:15px; padding-bottom:10px; margin-bottom:0;}
.sm-avpack h3 {border-bottom:1px solid #d3d3d3;}
.sm-coverage h3 {border-bottom:1px solid #fff; margin-bottom: 20px;}
.sm-avpack .sb-sect .sb_sb_sec, .sm-coverage .sb_sb_sec {     float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 90%;
	}
.sm-avpack .sb-sect .sb_sb_sec p {color: #333333;}
.smcare-precaution .accrdn-title { background: none; border-bottom:0; font-size:18px;}
.smcare-precaution .accrdn-title::before { background-color: #512b8b;}

hr { background:#dadada;}
.other-waterproofing .span12 { background: #ececeb;}
.other-waterproofing .owl-theme .owl-controls .owl-buttons div.owl-prev { background:url(clientlib-site/images/left-arrow.png) 12px 0 no-repeat; width:40px; height:40px;}
.other-waterproofing .owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(clientlib-site/images/right-arrow.png) 0 0 no-repeat; width:40px; height:40px;}
.other-waterproofing .owl-prev .icon-chevron-left.icon-white, .other-waterproofing .owl-next .icon-chevron-right.icon-white { display:none;}
.faqs .accrdn-secn .accrdn-cntnt p { margin-bottom:10px;}
.item-box-tiles .iten-captn-inner { width:85%; margin:0 auto;}
.item-box-tiles .tile { position:relative;}
.ap-smart-tab.tab-style1 .nav li { margin-right:1px; float:left;}
.ap-smartcare-tab {}
.ap-smartcare-tab .tab-style1 .nav li {  line-height:34px;}
.ap-smartcare-tab .tab-style1 .nav li { font-size:18px; background-color: #bababa; }
.ap-smartcare-tab .tab-style1 .nav li.active { background-color: #fcaf17;}
.ap-smartcare-inner {}
.ap-smart .common-box-waterproofing { border-bottom:1px solid #d3d3d3; padding-bottom:40px; }
.ap-smart .common-box-waterproofing .col-md-12.ap-smartcare-inner { padding:0;}
.ap-smart .common-box-waterproofing .ap-smartcare-inner .col-md-4.col-sm-6 { padding-left:0;}
.ap-smart .padd-add { padding-left:25px;}
.ap-smart .nav { margin-bottom:0;}
.ap-smart-tabslide { background: #fef7de;}
.ap-smart-tabslide .brdr-secn  {
	border-bottom: 4px solid #ffffff;
    margin-bottom: 2px;
    padding: 40px;
	}
.ap-smart-tabslide .brdr-secn:last-child { border-bottom:0;}
.sp-top-cont p{ font-size:14px;}
.ap-smart-tab .tab-content .tab-pane{  /*hell set to display block in prince.css ( line 628 ) */
    display: none;
	overflow:visible;
}
.ap-smart-tab .tab-content .tab-pane.active{
    display: block;
}

.ap-smart-tab .ap-smart .tab-content { clear:both;}
.ap-smartcare-tab .tab-style1 .nav li {
  max-width: 100%;
  text-align: center;
  width: 16%;
}
.ap-smartcare-tab .tab-style1 .nav li a {padding: 12px 30px;}

/*#as-smart-tab.as-smart-tab li:last-child a {
    line-height: 19px;
    padding: 10px;
}*/

.ap-smartcare-tab .tab-style1 .nav li.active:before { bottom: -11px;}
.mr-right { margin-bottom: 20px;
    text-align: center;
	margin-right:20px;
}
.ap-smartcare .product-features .center { text-align:left;}
@media (max-width:1024px) {

	.ap-smartcare-tab .tab-style1 .nav li a { padding: 19px 23px; line-height: 100%;}
	.color-patches li{margin:1.6% !important}
}
@media (max-width:980px) {
	.ap-video .tab-content .nav li {
    margin-right: 20px;
}
.ap-video .tab-content .nav li a {
    padding: 14px 24px;
}
.ap-smartcare .item-hdng { font-size:15px; line-height:20px;}
}
@media (max-width:768px) {
	.sm-avpack .sb-sect .sb_sb_sec, .sm-coverage .sb_sb_sec{width: 90%;}
	.sm-smartcare-coverage .fnt-siz-20 { width:50%; margin-top: 20px;}
	.sm-smartcare-coverage .fnt-siz-20 span { font-size:18px; margin-bottom:7px;}
	.sm-coverage .sb_sb_sec p.mt-15 { margin-top:5px;}
	.color-patches li{margin:2% !important}
}
@media (max-width:767px) {
    .ap-smartcare-tab .tab-style1 .nav li {
        width: 48%;
    }
    .as-smart-tab li {
        width: 100% !important;
    }
    .as-smart-tab li.active:before {
        display: none;
    }
    .ap-smart-tab .tab-content .tab-pane{
        text-align: center;
    }
    .ap-smart-tabslide .brdr-secn {
        padding: 20px;
    }
    .ap-smart .padd-add { padding-left:0;}

.tab-select-box ul.nav { display:none;}}
@media (max-width:640px) {
.generate-code { height:30px;}
.FileUpload { width:100%;}
.upload-btn {
	height: 115px;
    width: 115px;
}
.upload-btn input { width:100%; height:100%;}
.FileUpload { margin: 10px 0;}
.selectMbile.tab-ap-video { display:block;}
.selectMbile.tab-ap-video.center { text-align:left;}
.sm-smartcare-coverage .fnt-siz-20 { margin-top:60px;}
.ap-smartcare .product-features .center { text-align:center;}

}
@media (max-width:530px) {
	.mr-right { width:90%;  }
}
@media (max-width:480px) {
.sm-smartcare-coverage .fnt-siz-20 { margin-top:20px;}

}
/* Portrait and Landscape */
@media only screen
  and (max-device-width: 767px){
.tab-select-box ul.nav { display:none;}
}
/* --------------------------------------------------------- */
/* ----------------------- deepika.css - END ----------------------- */
/* --------------------------------------------------------- */















/* --------------------------------------------------------- */
/* ----------------------- new_added_css.css - START ----------------------- */
/* --------------------------------------------------------- */
.ftr-top .newslttr .checkbox:nth-child(2), .ftr-top .newslttr .checkbox:nth-child(1) input{display:none;}
.ftr-top .newslttr .checkbox:nth-child(1){padding-left:0;}
.ftr-top .newslttr .checkbox:nth-child(1) label::before{display:none;}
.ftr-top .newslttr .checkbox{ float:left; margin:5px 0;}
.newslttr label{ line-height:20px;}
.newslttr .checkbox input[type="checkbox"], .newslttr .checkbox-inline input[type="checkbox"]{margin-left: 2px;left: 0;width:20px;height:18px;}

.newslttr .checkbox label::before {content: "";width: 20px;height: 20px;border: 1px solid #7f7f7f;}
.newslttr .checkbox label::after {width: 22px;  height: 20px;font-size: 14px;  color: #79be16;}
.modal.in .modal-dialog{width:96%;max-width:596px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 212px; margin: auto;background: #fff;}
.modal-content{background:none; border:none; box-shadow:none; background: #fff; height: 212px;}
.modal-header {padding: 15px;border-bottom:none;}
.modal-content .close{float: right;border: none;background: none;font-size: 24px; position: relative;z-index: 100;}
.modal-content #close{float: right;border: none;background: none;font-size: 24px; position: relative;z-index: 100;}
.modal-header{margin:67px auto; clear: both;}
.modal-header .modal-title{font-size:24px; float:left; color:#512b8b;}
.modal-header p{float:left;line-height: 2; margin-top: 10px;}
.modal-dialog{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%);}
#call-me .modal-header{width:72%; padding: 0 20px;}
#call-me .modal-dialog{width:20% !important; height:150px;}
#call-me .modal-content{height:auto;}
#call-me .modal-title{color:#000; font-size: 20px;}
#call-me .modal-title a{color:#512B8B; font-size: 24px;}
.sf-menu .menu-tab-list > li > a span img{width:30px;}

#delete-confirmation-model .modal-header{width:90%; max-width:462px; margin:67px auto; clear: both; padding:40px 15px 15px; }
#favourite-confirmation-model .modal-header{width:90%; max-width:462px; margin:67px auto; clear: both; padding:40px 15px 15px; }

.log-out-pro{position:absolute; width: 100px;z-index: 100;background:#ffffff;right: 0px;padding-top: 20px; display:none}
.log-out-pro li{float:left; width:100%; padding:0 10px 10px;}
.login:hover .log-out-pro{display:block}
.log-out-pro li:hover a{color:#60F;}
.show-fr-sec{width:100%;}
.mb-5{margin-bottom:5px;}
.mt-15{margin-top:15px;}
.plr-30{padding:0 30px;}
.mr-top{margin-top:60px;}
.mr-left{margin-left:20px;}
/*#benifit-section div > div h3{padding:20px 0; border-bottom: 1px solid #999999; margin:0 20px 45px; font-weight:600;}*/
#benifit-section div > div{margin:0;}
#benifit-section .sb-sect {padding-bottom: 40px; float: left;  width: 100%; height:300px;}
#benifit-section .bg-clr1, #benifit-section .bg-clr2, #benifit-section .bg-clr3, #benifit-section .bg-clr4{margin:0 0px 30px;}
#benifit-section .bg-clr1>div{ background:#f3f3f3;}
#benifit-section .bg-clr2>div{ background:#fef3d0;}
#benifit-section .bg-clr3>div{ background:#33cccc;}
#benifit-section .bg-clr4>div{ background:url(clientlib-site/images/available-color.jpg) no-repeat; background-size:100%;}
#benifit-section .bg-clr1 .sb_sb_sec:nth-child(2){padding-right:25px; text-align:right;}
#benifit-section .bg-clr1 .sb_sb_sec:nth-child(3){padding-left:25px;}
#benifit-section .bg-clr1 .sb_sb_sec .bst-select .checkbox{float:left; width:100%; margin-top:0;}
#benifit-section .bg-clr1 .sb_sb_sec .bst-select .checkbox label{font-size:18px;}
.sb_sb_sec{width:50%; float:left;}
#benifit-section .bg-clr2 .sb_sb_sec{width:100%;}
#benifit-section .bg-clr2 .sb-sect {padding-bottom: 32px;}
#benifit-section .bg-clr2 h3{margin-bottom:10px;}
#benifit-section .bg-clr2 p{padding:0 20px;}
.full-width{width:100%; float:left;}
.grid-item.full-width {margin:0}
#benifit-section .bg-clr3 .sb-sect {padding-bottom: 32px; color:#fff;}
/*#benifit-section .bg-clr3 h3{margin-bottom:10px; border-bottom: 1px solid #fff;}*/
#benifit-section .bg-clr3  p{font-size:12px; padding:0 20px;}
#benifit-section .bg-clr3 .sb-sect .sb_sb_sec{width:100%;}
/*#benifit-section .bg-clr3 .sb-sect .sb_sb_sec img{float:left; margin:0 40px 0 60px}*/
/*#benifit-section .bg-clr3 .sb-sect .sb_sb_sec .fnt-siz-20{font-size:20px; float:left; }*/
#benifit-section .bg-clr4 .sb-sect .sb_sb_sec{ padding-left:20px;}
#benifit-section .bg-clr4 h3, #benifit-section .bg-clr4 p{border-bottom:none; margin: 0px; text-align:left; padding-bottom:10px;}
#benifit-section .bg-clr4 a{float:left; background:rgba(255,255,255,0)}
#benifit-section .btn-style2:hover, .ultima-care .btn-sec .btn-style2:hover {color: #55565A;}
.open-plus{position: absolute;bottom: 0px;right: 0px;margin: 0px 15px 15px 0px;border: medium none;background: rgba(0, 0, 0, 0.8);color:#fff;width: 30px;height: 30px;font-size: 26px;}
.ultima-care{background:#fef3d0}
.ultima-care .heading-bg{background:#542988; width:50%; padding: 20px; float: left; position: relative; margin-top: 30px;}
.ultima-care h3{font-size:18px;}
.ultima-care .btn-sec{float:left; padding-bottom:30px;}
.ultima-care .btn-sec a{background:rgba(255,255,255,0)}
.ultima-care .heading-bg h3{ margin:0 0 0 130px;float:left; color:#fff;}
.ultima-care .fr-box{position:absolute;width:84px;height:84px; top:0; left:0; margin:-12px 0px 0px 30px;background:#fdbb30;border:3px solid #fff; float:left}
.ultima-care .fr-box img{margin: 20px 25px;}
.owl-next{position:absolute; right:0; top:40%;}
.owl-prev{position:absolute; left:0; top:40%;}
.owl-pagination{display:none}
#demo .container, #demo2 .container, #demo3 .container{width: 1140px;overflow: hidden;padding: 0;}
.owlCarousel-auto-item-6 .item span, .owlCarousel-auto-item-4 .item span, #owl-demo3 .item span, .owlCarousel-auto-item-5 .item span{width:100%;float:left; margin: 10px 0;}
.owl-controls .owl-buttons div{color:#000;font-size: 40px; background:rgba(255,255,255,0);}
.full-grid .grid-item{width:50%; margin:1.4% 0;}
.grid-item-3{width: 30%;text-align: center;margin: 1.4%;}
.fr-three-box .item .tile, .fr-four-box .item .tile{position:relative;}
.fr-three-box .item .tile .item-img img{width:100%;}
.fr-four-box .item .tile .item-img img{width:100%;}
.fr-three-box .item .tile .item-captn, .fr-four-box .item .tile .item-captn{padding:12px 30px;}
.blue-txt{color:#542988}
.gall-detail{display:none;}
.gall-detail .fr-img img, #pro-kidsworld-themes .fr-img img, #color_visualiser .fr-img img{width:100%;}
.all-set .mb-15 span{ font-weight:600;}
.mb-30{margin-bottom:30px}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.ext-para{margin-bottom: 10px; font-size: 14px !important;text-align: left;float: left;width: 60%;}
.last-bottom-border{margin-bottom:0px !important;}

/* ---------border arrow -----------------*/
.arrow_box {position: relative;	background: none;	border: 1px solid rgba(94,59,141,0); padding:8px 8px 30px}
.arrow_box img{width:100%;}
.arrow_box:after, .arrow_box:before {top: 100%;	left:50%;border:solid transparent;content: " ";height: 0;width: 0;position: absolute;	pointer-events: none;}
.arrow_box:after {border-color: rgba(94, 59 141, 0);border-top-color: #;border-width: 30px;margin-left: -30px;}
.arrow_box:before {border-color: rgba(94,59141,0);border-top-color:  rgba(94,59,141,0);border-width: 20px;margin-left: -20px;}
/*-------- end---*/
.selc-arrow-bor .owlCarousel-auto-item-5 .item{padding: 30px ;}
.selc-arrow-bor .owl-prev, .selc-arrow-bor .owl-next{top:30%;}
.active-itm{display:block !important;}
.active-border{border: 1px solid rgba(94,59,141,1);}
.active-border:before {border-color: rgba(94,59141,1);border-top-color:  rgba(94,59,141,1);border-width: 20px;margin-left: -20px;}
#furniture-section .bg-clr{float:left;}
#furniture-section .bg-clr .sb-sect{background: #ececeb;float: left;padding: 50px 20px;}
#furniture-section .bg-clr .sb-sect .btn-style2{background:none;}
#furniture-section .bg-clr .sb-sect .sel-ani h3{margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#furniture-section .bg-clr .sb-sect .sel-ani p{margin-bottom:0px;}
#furniture-section .bg-clr .sb-sect .sel-ani .mt-15{margin-bottom:10px; height:120px;}
#woodtechemporiopu .tile{position:relative;}
#woodtechemporiopu #demo2{background: #ECECEB;}
#woodtechemporiopu .item-captn-2{width:50%;margin:2%;background:rgba(0, 0, 0, 0.5);bottom:30px;left:0px;padding:20px 30px;position:absolute;}
#woodtechemporiopu .item-captn-2 .item-hdng{ color:#fff; text-align:left; line-height: 30px; margin-bottom: 20px;}
#woodtechemporiopu .item-captn-2 .btn-style2{float:left; background:none; color:#fff; border-color:#fff;}
.bst-select .checkbox label::before {content: "";width: 15px;height: 14px;border: 1px solid #b7b7b7;margin-top: 3px;}
.bst-select .checkbox label::after {width: 15px;  height: 14px;font-size: 14px;  color: #79be16; top:2px;}
.fr-rel{float:left;}
.pd-r-20{padding-right:10px;}
.ml-20{margin-left:5px;}
.day-image img, .night-image img, .full-img img{width:100%;}
.night-image, .day-image{display:none;}
.day-icon{background:url("clientlib-site/images/day-night-icon.png") no-repeat scroll 0px -52px; width: 46px;height: 46px;float: left; cursor:pointer; color: transparent;}
.night-icon{background:url("clientlib-site/images/day-night-icon.png") no-repeat scroll -53px -52px;width: 46px;height: 46px;float: left; cursor:pointer;color: transparent;}
.day-active{ background-position:0 0;}
.night-active{background-position:-53px 0px;}
#pro-kidsworld .item-img .btn-style2{float:left;}
#pro-kidsworld-themes .fnt-szi{font-size:18px; line-height: 30px;}
#pro-kidsworld-themes .day-icon, #pro-kidsworld-themes .night-icon{background-size: 200%; width: 30px;height: 30px;}
#pro-kidsworld-themes .day-icon{background-position: 0px -33px;}
#pro-kidsworld-themes .night-icon{background-position: -30px -31px;}
#pro-kidsworld-themes .day-active{background-position:0 0;}
#pro-kidsworld-themes .night-active{background-position:-30px 2px;}
#pro-kidsworld-themes .item-img{position:relative}
#pro-kidsworld-themes .str-new{position: absolute;right: -10px;top: -17px}
#pro-kidsworld-themes .kid-wrld-themes .btn-style2{margin:0 auto; text-align: center; clear: both;display: block;width: 100px;}
#pro-kidsworld-themes .item-captn-2{width: 100%;background: rgba(0, 0, 0, 0.5);bottom: 10px;left: 0px;padding: 5px 10px;position: absolute;}
#pro-kidsworld-themes .item-captn-2 .item-hdng{color:#fff; margin-bottom: 0px}
#pro-kidsworld-themes .tile{position:relative;}
#pro-kidsworld-themes .day-night-btn-view{margin-block-end: 30px; float:left; width:100%;}
#pro-kidsworld-themes .day-night-btn-view div{margin-right: 40px;line-height: 25px; cursor:pointer; font-size:18px;}
#pro-kidsworld-themes .day-night-btn-view .day-view-icon, #pro-kidsworld-themes .day-night-btn-view .night-view-icon{background:url("clientlib-site/images/day-night-icon.png") no-repeat;width: 30px;height: 30px; background-size:200%;float: right;margin-left: 10px; color: transparent;}
#pro-kidsworld-themes .day-night-btn-view .day-view-icon{background-position:0 0;}
#pro-kidsworld-themes .day-night-btn-view .night-view-icon{background-position:-33px 0;}
#pro-kidsworld-themes .cl-btn a{color:#512b8b; text-decoration:underline;}
.stencils-color-patter{margin:20px 20px 20px 0;}
.stencils-color-patter .color-code-box span::before{padding:0px;margin:0px;}
.color-code-box span{float: left;}
.stencils-color-patter > span{font-size:16px; font-weight:600;float: left; }
#stencils-det .inner-gallery .services-slider li img{width:100%;}
#stencils-det .inner-gallery .bx-viewport{ box-shadow:none; border:none; left:0;}
#stencils-det .inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{left: 10px; background:rgba(255, 255, 255, 0.5) url("clientlib-site/images/nav-arrw.png") no-repeat scroll 9px 7px;width: 10px;height: 18px; padding: 15px;border-radius: 50%;}
#stencils-det .inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{right: 10px; background:rgba(255, 255, 255, 0.5) url("clientlib-site/images/nav-arrw.png") no-repeat scroll 11px -19px;width: 10px;height: 18px; padding: 15px;border-radius: 50%;}
.color-code-box-1 span::before {content: "";background: #76695d;margin-top: 3px;padding: 0 8px; line-height: 36px;margin-right: 10px;}
.color-code-box-2 span::before {content: "";background: #f7ba43;margin-top: 3px;padding: 0 8px; line-height: 36px;margin-right: 10px;}
.color-code-box-3 span::before {content: "";background: #b5dbea;margin-top: 3px;padding: 0 8px; line-height: 36px;margin-right: 10px;}
.over-flow-hd{overflow:hidden;}
.imagine-themes-cl .color-code-box-1 span::before{background: #f3ead2;}
.imagine-themes-cl .color-code-box-2 span::before{background: #38a5cb;}
.imagine-themes-cl .color-code-box-1 span::before{background: #a23c65;}
.imagine-themes-cl .color-code-box-2 span::before{background: #f0efe8;}
.imprints-cl .color-code-box-1 span::before{background: #ffcb61;}
.imprints-cl .color-code-box-2 span::before{background: #789284;}
.imprints-cl .color-code-box-3 span::before{background: #44373c;}
.mix-match-cl .color-code-box-1 span::before{background: #ffcb61;}
.mix-match-cl .color-code-box-2 span::before{background: #e7f0e7;}
.mix-match-cl .color-code-box-3 span::before{background: #f9dedd;}

.dealer_locator .circle_yellow {height: 55px; width: 55px; text-align: center; font-size: 18px; padding: 0; border-radius: 50%;    background-color:#dbd574; margin: 0; line-height: 3; text-align: center;}
.map { width: 100%;}
.img-des-set img{width:165px; height:165px;}
#dealer_locator .check_copy .bg-color{width:20px; height:20px; float:left; background:#0C0}
#dealer_locator .bst-select .checkbox{float:left; margin:2px 0 0;}
.locator-hdng{float:left; width:100%;}
.locator-blck > p {padding-left: 33px;}
#dealer_locator .check_copy{float:left;}
#dealer_locator .check_copy span + span, #dealer_locator .check_copy span + a{  line-height: 30px;  margin-left: 10px;}
#dealer_locator .bst-select p{float:left;}
.post-scroll{height: 297px;}
#id04, #id06, .locator-blck{display:none;}
.bg-fr-gall{background:#f6f6f6; float:left; border: 2px solid #a1a1a1;}
.ch_gall .heading-bg{background:#fcaf17; width:100%; float:left; padding:15px 20px}
.ch_gall .heading-bg h3{margin:0; color:#fff;}
#color_visualiser .post-scroll{height:200px; max-height: 297px; float:left;margin:20px 0;padding-right: 20px;  padding-left: 10px;}
#color_visualiser .post-scroll div{padding:0px 5px 10px;}
#color_visualiser .post-scroll div img{width:100%;}
.fix-height{height:63px; position:relative; width:50px; float:left; margin:2px;}
.fix-height a{position:absolute; width:15px; bottom:2px; right:2px;}
#color_visualiser .fix-height:nth-child(1){background:#dcc8b6;}
#color_visualiser .fix-height:nth-child(2){background:#753c2a;}
#color_visualiser .fix-height:nth-child(3){background:#9292ce;}
#color_visualiser .fix-height:nth-child(4){background:#a1d88b;}
#color_visualiser .fix-height:nth-child(5){background:#5381ac;}
#color_visualiser .fix-height:nth-child(6){background:#f59fbc;}
#color_visualiser .fix-height:nth-child(7){background:#e6674a;}
#color_visualiser .fix-height:nth-child(8){background:#8ed5e7;}
#color_visualiser .fix-height:nth-child(9){background:#bed600;}
#color_visualiser .fix-height:nth-child(10){background:#569099;}
#color_visualiser .fix-height:nth-child(11){background:#af675e;}
#color_visualiser .fix-height:nth-child(12){background:#b7a66d;}
#color_visualiser .fix-height:nth-child(13){background:#ffd451;}
#color_visualiser .fix-height:nth-child(14){background:#f05283;}
#color_visualiser .fix-height:nth-child(15){background:#728574;}
#color_visualiser .fix-height:nth-child(16){background:#984874;}
#color_visualiser .fix-height:nth-child(17){background:#a8c4eb;}
#color_visualiser .fix-height:nth-child(18){background:#7e99aa;}
#color_visualiser .owl-prev, #color_visualiser .owl-next{top: 19%;padding: 0;font-size: 30px;margin: 0;}
#color_visualiser .item{text-align:center}
.sades-selec{background:#fef3d0; padding:20px}
.sades-selec .newslttr{width:100%; float:left;}
.sades-selec .newslttr label {color: #323232; margin-right: 48px;font-size: 16px;}
.sades-selec .newslttr .checkbox{ float:left; margin-top:0;}
.diff-color{width:75px; float:left; margin:2px;}
.diff-color span{float:left; width:100%; text-align:center}
.diff-color span:first-child{height:85px; width:100%; margin-bottom:10px;}
.clr-pad{padding:20px; width:100%; float:left; background:#fff;}
.clr-bx-1{background:#57517b;}
.clr-bx-2{background:#92b1cd;}
.clr-bx-3{background:#d9d8e4;}
.clr-bx-4{background:#8684a4;}
.clr-bx-5{background:#394a59;}
.clr-bx-6{background:#bcc3db;}
.fr-btn a{margin:10px}
.sades-selec .newslttr .checkbox input[type="checkbox"], .sades-selec .newslttr .checkbox-inline input[type="checkbox"]{margin-left: -14px;}
#calcTabsCont .radio input[type="radio"], #calcTabsCont .radio-inline input[type="radio"]{position: absolute;margin-left: -21px;width: 26px;height: 22px;-moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance:none; margin-top: 0px;}
#tb2, #tb3, #tb4, #tb5, #tb6{display:none;}
.tpcenter.in .modal-dialog{height:240px !important;}
#ap-video.ap-video .tab-content .nav li{margin-right: 0px;}
#ap-video.ap-video .tab-content .nav li a{padding:15px 0;}
#ap-video.ap-video #commercials .slct-style1{margin-left:0}

.book-select .checkbox{width: 25px; height: 34px; margin: 0 auto;}
.book-select .checkbox input[type="checkbox"]{width:25px; height:34px;}
.book-select .checkbox label::before{content: "";width: 25px;height: 34px;border: none;  background: url("clientlib-site/images/chk-sm.png") no-repeat 0px 10px;}
.book-select .checkbox label::after {width: 25px;  height: 34px;font-size: 14px;  color: #79be16;}
.offer-1 .book-select .checkbox, .offer-2 .book-select .checkbox, .offer-3 .book-select .checkbox{width:auto; float:left;}
.offer-1 .book-select .checkbox label, .offer-2 .book-select .checkbox label, .offer-3 .book-select .checkbox label{line-height: 2;font-size: 20px; margin-right:20px; padding-left: 20px;}
#book-a-serv .service_box .service_image img{width:100%;}
#book-a-serv .service_box .item-captn { top: 20%;  bottom: auto; padding: 5px 0px;  text-align: center;}
.ser-form .input-list-grp > li { margin-bottom: 30px;}
@media (max-width: 1199px) {
	#benifit-section .bg-clr4 > div {background-size:cover;}
	#demo .container, #demo2 .container, #demo3 .container{width: 940px;}
	#calcTabsCont .roomTab .roomCont {padding: 100px 8%}
	.howto{max-width:100% !important }
	}
@media (max-width: 992px) {
	#demo .container, #demo2 .container, #demo3 .container{width: 720px;}
	#benifit-section .bg-clr3 .sb-sect .sb_sb_sec img {margin: 0px 20px;}
	#benifit-section .bg-clr3 .sb-sect .sb_sb_sec p {font-size: 16px;}
	.fr-rel .tile{position:relative;}
	.newslttr label{margin-right:5px;}
	.signup-input { width: 250px;}
	.signup-input button { padding: 0px 10px;}
	#ult-cre .mb-55{float:left;}
	.fr-three-box, .fr-four-box{margin-bottom:30px;}
	.calbudgut .nav{display:block;}
	.roomCont .rightProgrees{left: 80%;}
	#ap-video.ap-video .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:270px;}
}
@media (max-width: 768px) {
	.newslttr label{margin-right:5px;}
	.signup-input {width: 55%;}
	.signup-input button { padding: 0px 10px;}
	#benifit-section .bg-clr3 .sb-sect .sb_sb_sec .fnt-siz-20{font-size:18px;}
	#benifit-section .sb-sect .mt-15{margin:0;}
	#benifit-section .bg-clr2 .sb_sb_sec{padding-top:10px;}
	#pro-ap-ult .fr-three-box{margin-bottom:0px;}
	.dealer_locator .locate_input{width:100%;}
	.res_tb_m{margin:20px 0;}
	#id03 .locator_color_copy, #id04 .locator-blck > p{padding:0}

}
@media (max-width: 767px) {
	#demo .container, #demo2 .container, #demo3 .container{width: 100%;}
	.ftr-top .container{padding:0 15px;}
	.full-grid .grid-item {width: 100%;}
	#benifit-section .bg-clr1, #benifit-section .bg-clr2, #benifit-section .bg-clr3, #benifit-section .bg-clr4 { float: left;width: 100%;}
	.ultima-care .heading-bg h3 { margin: 0px 0px 0px 108px;}
	.ultima-care .heading-bg{width:60%;}
	#woodtechemporiopu .item-captn-2 {width: 70%;}
	/*#pro-kidsworld-themes .kid-wrld-themes .col-md-4{clear:both;}*/
	#calcTabsCont .roomTab.tab-style1 .nav li a {padding: 12px 15px;}
	#calcTabsCont .question{ font-size: 20px;  margin-bottom: 30px;}
	.rightProgrees .roomWdth{color:#000;}
	#ap-video.ap-video .search-tabpanel .srch-input, #ap-video.ap-video .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:100%;}

	}
@media (max-width: 640px){
	.roomCont .rightProgrees { left: 0;}
	.rightProgrees .roomWdth{color:#fff;}
	#calcTabsCont .roomTab .roomCont {  padding: 32px 8% 50px;}
	#benifit-section .sb-sect { height:auto; }
	}
@media (max-width: 520px) {
	.mr-left { margin-bottom: 20px;width: 90%; text-align:center}
	.ultima-care .heading-bg{width:100%;}
	.ser-form .input-list-grp > li { margin-bottom: 20px;}
	}
@media (max-width: 480px) {
	.newslttr label {margin-right: 1%;}
	.newslttr .checkbox {width: 46%;}
	.signup-input { width: 100%;}
	.bg-clr2 .sb_sb_sec img{width:90%;}
	#woodtechemporiopu .item-captn-2 {width: 96%; margin: 2%;background: rgba(0, 0, 0, 0.5);bottom: 5px;left: 0px;padding: 5px 10px;}
	#royale-play .bg-clr2 .sb_sb_sec img {width: 60%;}
	#dealer_locator .tab-style1 li a{font-size: 14px;padding: 12px 10px;}
	#calcTabsCont .roomTab.tab-style1 .nav li a { padding: 12px 8px; font-size: 14px;}
	#calcTabsCont .radio { margin-bottom: 10px; margin-left: 0px;}
	#calcTabsCont .roomTab .roomCont {padding: 32px 0 50px;}
	#calcTabsCont .question-padding { margin-top: 0px;}
	#calcTabsCont .topProgrees, #calcTabsCont .rightProgrees {width: 78%;}
	#calcTabsCont .roomSize {  max-width: 96%;}
	.book-select{width:100%;}
	.bg-clr2 .sb_sb_sec .available_product .owl-item img{width:auto;}

}
@media (max-width: 420px){
	.offer-1 .book-select .checkbox label, .offer-2 .book-select .checkbox label, .offer-3 .book-select .checkbox label {    line-height: 3;    font-size: 16px;    margin-right: 20px;    padding-left: 10px;}
	}
@media (max-width: 360px) {
	#benifit-section .bg-clr3 .sb-sect .sb_sb_sec .fnt-siz-20 { font-size: 15px;}
	#royale-play .bg-clr3 p{padding: 0px 8px;}
	#royale-play .bg-clr3 .ext-para{padding: 0px 8px; width: 50%; margin:0}
	#dealer_locator .tab-style1 li a{font-size: 12px;padding: 12px 8px;}

	#calcTabsCont .radio { margin-bottom: 5px;}
	#calcTabsCont .tab-style1 .nav li a {padding: 12px 12px;}

	#calcTabsCont .roomHeightRadio .radioLables.radio { margin-right: 5%;}
	.color-patches li, .txtres .color-patches li, #saved-shades .color-patches li{width:17%;}
}
@media (max-width: 320px) {
	#benifit-section .bg-clr3 .sb-sect .sb_sb_sec img {margin: 0px 8px; width: 30%;}
	#royale-play .bg-clr3 .ext-para { padding: 0px 8px;  width: 64%;}

	}
/* --------------------------------------------------------- */
/* ----------------------- new_added_css.css - END ----------------------- */
/* --------------------------------------------------------- */














/* --------------------------------------------------------- */
/* ----------------------- article-allaboutcolour.css - START ----------------------- */
/* --------------------------------------------------------- */
.text-right { text-align:right; }
.article-link-copy { font-size:16px; color:#68686a; font-weight:600; padding-bottom:15px; }
.purple-color { color:#512b8b; }
/* --------------------------------------------------------- */
/* ----------------------- article-allaboutcolour.css - END ----------------------- */
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* ----------------------- 23rd Jan 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.mt-5 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.template-textual-simple h3 { font-family:'Conv_manrope_regular_webfont'; line-height:normal; }
.template-textual-simple h4 { font-size:17px; }
.template-textual-simple p { color:#717173; }
.template-textual-simple ul { color:#717173; }
.footer-note { color:#aaaaab; margin-bottom:20px; }
.footer-note a { color:#fff; }
.footer-note a:hover { text-decoration:underline; }
/* --------------------------------------------------------- */
/* ----------------------- 23rd Jan 2016 - END ----------------------- */
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* ----------------------- 27th Jan 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.custom-bootstrap-img-responsive-center { display:inline-block; text-align:center; width:auto !important; }
.carousel-style4.owl-theme .owl-controls { margin:0 !important; }
.carousel-style4.owl-theme .owl-controls .owl-buttons div { height: 18px; width: 10px; border-radius: 0; margin: 0; padding: 0; text-indent: -99999px; opacity: 1; font-size:0; }
.carousel-style4.owl-theme .owl-controls .owl-buttons div.owl-next { background: url("clientlib-site/images/arrow-right.png") no-repeat center center; margin-right:6px !important; }
.carousel-style4.owl-theme .owl-controls .owl-buttons div.owl-prev { background: url("clientlib-site/images/arrow-left.png") no-repeat center center; margin-left:6px !important; }
.carousel-style4 .ext-para { margin-bottom: 10px; font-size: 14px !important; text-align: left; float: left; width:auto !important; }
.carousel-style4 .ext-para.fnt-siz-20 { font-size:18px !important; }
/* --------------------------------------------------------- */
/* ----------------------- 27th Jan 2016 - END ----------------------- */
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* ----------------------- 2nd Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.details-inputs .input-list-grp label { font-size:inherit; }
.details-inputs .input-list-grp .login .checkbox label { width:auto; padding-right:0; max-width:none; }

.custom-bootstrap-table-compare { color:#000; font-size:18px !important; }
.custom-bootstrap-table-compare tr { background:#e6f5fc; }
.custom-bootstrap-table-compare tr:nth-child(4n+1) { background:#fff4ec; }
.custom-bootstrap-table-compare tr td:first-child { background:#fff; }
.custom-bootstrap-table-compare tr td { padding:10px 8px !important; vertical-align:middle !important; white-space:inherit !important; min-width:130px; }
.custom-bootstrap-table-compare tr td > img { margin-bottom:5px; }
.custom-bootstrap-table-compare tr td > img~span { display:block; }
.custom-bootstrap-table-compare tr:first-child td { background:#512b8b; }
.custom-bootstrap-table-compare tr:first-child td > span { color:#fff; }

.custom-bootstrap-table-compare>thead>tr>th, .custom-bootstrap-table-compare>tbody>tr>th, .custom-bootstrap-table-compare>tfoot>tr>th, .custom-bootstrap-table-compare>thead>tr>td, .custom-bootstrap-table-compare>tbody>tr>td, .custom-bootstrap-table-compare>tfoot>tr>td { border:1px solid #fff !important; }

.custom-bootstrap-table-compare-col-6 tr td { width:16.66%; }
.custom-bootstrap-table-compare-col-7 tr td { width:14.28%; }

@media (max-width:768px){
	.custom-bootstrap-table-compare { color:#000; font-size:13px !important; }
}
@media (max-width:991px){
	.custom-bootstrap-table-compare { color:#000; font-size:15px !important; }
}
/* --------------------------------------------------------- */
/* ----------------------- 2nd Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */





/* --------------------------------------------------------- */
/* ----------------------- 4th Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.global-form-error { display:block; color: #f20007; font-size: 12px; margin: 5px 0; }

.custom-bx-slider .bx-viewport { box-shadow: none; border: none; left: 0; }
.custom-bx-slider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { right: 10px; background: rgba(255, 255, 255, 0.5) url("clientlib-site/images/nav-arrw.png") no-repeat scroll 11px -19px; width: 10px; height: 18px; padding: 15px; border-radius: 50%; }
.custom-bx-slider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { left: 10px; background: rgba(255, 255, 255, 0.5) url("clientlib-site/images/nav-arrw.png") no-repeat scroll 9px 7px; width: 10px; height: 18px; padding: 15px; border-radius: 50%; }
.custom-bx-slider .bx-wrapper .bx-controls-direction a { top:45%; }
.custom-bx-slider-full-width ul > li > img { width:100%; }

.custom-bx-slider ul > li > img.component-product-theme-day-image { display:none; }
.custom-bx-slider ul > li > img.component-product-theme-night-image { display:none; }

.offer-input-wrapper { margin-bottom:10px; }
.offer-input-wrapper .text-input { margin-bottom:0; }
.service_aphs_cta { background-color:transparent; display:block; width:100%; }
.service_aphs_cta:hover { background-color:#55565a; }

.thank-content-subtext p { line-height:25px; }

@media (max-width: 767px){
	.dropdown-menu { padding: 0; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 6px 12px rgba(0,0,0,0.175); top: 35px; }
	.bootstrap-select.btn-group .dropdown-toggle .caret { top:35%; }
}
@media (max-width: 991px) {
	.frm-offer input.txt-input-default { margin-bottom: 15px; }
}
/* --------------------------------------------------------- */
/* ----------------------- 4th Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */




/* --------------------------------------------------------- */
/* ----------------------- 10th Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.mr-50 { margin-right:50px; }
.global-border-bottom { border-bottom:1px solid #e2e2e2; padding-bottom:25px; }
.global-border-bottom:last-child { border-bottom:0; }
@media (max-width: 767px){
	.global-border-bottom { padding-bottom:10px; }
}

.step3Hexa { width: 119px; height: 137px; color: #fff; font-size: 30px; margin-bottom: 10px; padding-top: 35px; }
.step3Hexa img { display: block; margin: 15px auto 0; }
.step3Hexa{ background: url("clientlib-site/images/hexagone3.png") top center no-repeat; }

.FileUpload { width:auto !important; }
.fourpics-express .upload-btn { display:inline-block; }

.modal.custom-modal-default-status.in .modal-dialog { width: auto; max-width: 596px; position: relative; top: 0; left: 0; right: 0; bottom: 0; height: auto; margin: 50px auto !important; background: #fff; }
.modal.custom-modal-default-status.in .modal-content { background: transparent; border: none; box-shadow: none; background: #fff; height: auto; }
.modal.custom-modal-default-status.in .modal-header { width: auto; margin: 0; clear: both; }
/* --------------------------------------------------------- */
/* ----------------------- 10th Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */






/* --------------------------------------------------------- */
/* ----------------------- 11th Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.step-cont .step_dec > p { margin-bottom:0; }
.step-cont .step_dec > img { position:absolute; bottom:25px; left:44px; }
.text-input { min-width:180px; margin-bottom:0; }
.service_content > h2.service_subheader { font-size:22px; }
.service_content > p { margin-bottom:0; }
.service_aphs_services .service_box .service_image img { width:100; }
@media (max-width:991px){
	.service_aphs_services .service_box { border:0; }
}
 /* --------------------------------------------------------- */
/* ----------------------- 11th Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */




/* --------------------------------------------------------- */
/* ----------------------- 12th Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.modal.custom-modal-default-status .modal-content { height:auto !important; }
.modal-content .thank-content { border:0; border-radius:0; }
.modal.custom-modal-default-status.in .modal-dialog { margin:145px auto !important; }
@media (max-width:767px){
	.modal.custom-modal-default-status.in .modal-dialog { margin:70px auto !important; }
}
 /* --------------------------------------------------------- */
/* ----------------------- 12th Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ----------------------- 16th Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.spcl-efftcs .shade {
	padding-bottom:100%;
}
.spcl-efftcs.spcl-efftcs-small .shade {
	padding-bottom:100%;
}
.color-box-shades {
	height: 213px;
    width: 167px;
    display: block;
}
@media (max-width:767px){
	.gray-strip.affix { position:fixed !important; }
	.color-patch-list{height:215px !important;}
}
@media (max-width:991px){
	.slct-style2 .glyphicon, .main-toggle, .sub-toggle { display:block !important; }
	.color-catalog .main-tabs > .nav, .color-catalog .sub-nav { display:none; }
}
/* --------------------------------------------------------- */
/* ----------------------- 16th Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* ----------------------- 19th Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.custom-bootstrap-table-compare tr td img { margin-bottom: 5px; }
.custom-bootstrap-table-compare tr td img~span { display: block; }

.btn-style6 { border: 2px solid #55565a; color: #55565a; font-family: 'Conv_manrope_regular_webfont'; display: inline-block; font-size: 18px; padding: 7px 30px 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.btn-style2:hover, .btn-style6:hover { background-color: #55565a !important; border-color: #55565a; color: #fff !important; }
/* --------------------------------------------------------- */
/* ----------------------- 19th Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* ----------------------- 22nd Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.color-patch-list { height: 225px; }
.locator-hdng:hover .check_copy span + a { color:#333; }
@media screen and (min-width:480px) and (max-width:605px){
	.color-item.actv .arrw {bottom: -45px;}
}
/* --------------------------------------------------------- */
/* ----------------------- 22nd Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */





/* --------------------------------------------------------- */
/* ----------------------- 23rd Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.pb-30 { padding-bottom:30px !important; }
.form-error-default{ display:block; color: #f20007; font-size: 12px; margin: 5px 0; width:100%; padding:0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
/* --------------------------------------------------------- */
/* ----------------------- 23rd Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */




/* --------------------------------------------------------- */
/* ----------------------- 26th Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.global-pl-0 { padding-left:0; }
/*.tab-style1 .nav li.active.error:before { background:url("clientlib-site/images/arrow-bottom-error.png") no-repeat cente*/r center !important; }
.tab-style1 .nav li.error a { background-color:#f20007 !important; }

#furniture-section .bg-clr .sb-sect { float: none; margin-right:15px; }
#furniture-section .bg-clr .sb-sect:nth-child(n+1) { margin-right:0; }
#furniture-section .bg-clr .sb-sect .sel-ani .mt-15 { height:auto !important; min-height:120px; }

@media (max-width:767px){
	#furniture-section .bg-clr .sb-sect { margin-right:0; }
}

.color-patch-list { height:315px; }
.color-box3, .shade-box { border:1px solid #cacaca; }
.color-box4 { border:1px solid #cacaca; }
.color-patch-sldr li .color-box4 { border-bottom:none; }
.color-patch-sldr li .arrw { display:none; }
.color-catgry-sldr li a p.catgry-name { margin-bottom:0; }
.main-color-box { border:1px solid #cacaca; }
.shade { border:1px solid #cacaca; }
.color-item.actv .color-name { color:#6d6e71 !important; font-size:13px; height: 13px; }
.color-item.actv .arrw { bottom:-30px; }
.col-sldr-col { /*margin-top:0px;*/ }
.color-patches li, .txtres .color-patches li, #saved-shades .color-patches li { max-width:48px; margin:1.4% !important; }

.tab-content > .active { overflow:hidden; }
.color-patch-list .tab-pane li.active a .color-box3, .color-patch-list .tab-pane li.active a .shade-box { border:1px solid #000; }
.shade-col h4{min-height:18px}
#dvProducts h4, .arrw span{ text-transform:lowercase}
#dvGoesWellWith a{ cursor:initial}
.customsethd{margin:0;}
@media (max-width: 767px) {
	.color-patches li:nth-child(2n), .txtres .color-patches li:nth-child(2n), #saved-shades .color-patches li:nth-child(2n) { margin-right:8%; }
	#bucketSection .color-patch-sldr li .color-box4.actv{border:1px solid rgba(0,0,0,0)!important}
	.customsethd{margin-bottom:15px;}
	.main-color-box {padding: 103.6% 0;}
}
@media (max-width: 560px){
.main-color-box {padding: 105.6% 0;}
}
@media (min-width: 768px){
	#dvStencils .bx-viewport ul li, #dvKidsWorld .bx-viewport ul li, #dvApex .bx-viewport ul li, #dvUltra .bx-viewport ul li, #infinitex3 .col-sldr-col2 .bx-viewport ul li, #infinitex4 .col-sldr-col2 .bx-viewport ul li{width:auto !important}
	#dvRoyaleTextureFamily ul li a .prdct-name, #dvLatestTrends ul li a .prdct-name, #dvMetalicShadeSubCategoryContainer ul li a .prdct-name{width:91%}
	#dvRoyaleTextureFamily ul li a span.arrw2, #dvLatestTrends ul li a span.arrw2, #dvMetalicShadeSubCategoryContainer ul li a span.arrw2{left:77%}

	}
@media (max-width: 420px){
	.main-color-box { padding: 109% 0;}
	}

/* --------------------------------------------------------- */
/* ----------------------- 26th Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */





/* --------------------------------------------------------- */
/* ----------------------- 29th Feb 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.global-mt-10 { margin-top:10px !important; }
.global-mobile-mt-0  { margin-top:0 !important; }
.global-display-inline-block { display:inline-block; }

#benefits .btn-style2.mr-left:first-child { margin-left:0; }
#benifit-section .bg-clr4 .sb-sect .sb_sb_sec { width:80%; }
#woodtechemporiopu #demo2 { background-color: transparent; }

.ui-widget { font-family: 'Conv_manrope_light_webfont', sans-serif; font-size:16px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Conv_manrope_light_webfont', sans-serif; font-size:16px; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color:#fcaf17; color:#000; border:1px solid #fcaf17; }

.ui-menu .ui-menu-item a { border-radius:0; }

@media (max-width: 767px){
	.mr-left { margin:0 10px 10px 10px !important; }
}
@media (max-width: 479px){
	.mr-left { display:block; max-width:180px; }
}
/* --------------------------------------------------------- */
/* ----------------------- 29th Feb 2016 - END ----------------------- */
/* --------------------------------------------------------- */




/* --------------------------------------------------------- */
/* ----------------------- 1st March 2016 - START ----------------------- */
/* --------------------------------------------------------- */
#error-message-model .modal-header { width:auto; margin:auto; position:relative; top:50px; }
#error-message-model .modal-header h4 { text-align:center; }

.purple__bullet li { padding-left:0; line-height:1.5; }
.purple__bullet li::before { background-color:transparent; }
/* --------------------------------------------------------- */
/* ----------------------- 1st March 2016 - END ----------------------- */
/* --------------------------------------------------------- */





/* --------------------------------------------------------- */
/* ----------------------- 2nd March 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.signature_gallery_btn_container { position:relative; }
.signature_thumb_container { min-height:auto; }
.why-decor > ul > li { padding:0 0 12px 5px; background:transparent; }

/*#lbMain { position:absolute !important; }*/
.morecontent span { display: none; }
.morelink, .morelink:active, .morelink:hover, .morelink:focus, .morelink:visited { text-decoration:underline; }

@media (max-width: 767px) {
	.ap-smart-tab .tab-content .tab-pane { text-align:left; }
}
/* --------------------------------------------------------- */
/* ----------------------- 2nd March 2016 - END ----------------------- */
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* ----------------------- 4th March 2016 - END ----------------------- */
/* --------------------------------------------------------- */
.tab-content { clear:both; }
.extended-select-box { min-width:350px; }

.crosslinks.section:last-child .brdr-secn, .crosslinks.section:nth-last-child(1) .brdr-secn{ border:0; margin-bottom:0; padding-bottom:0; }
/*.comments.section:last-child .brdr-secn, .comments.section:nth-last-child(1) .brdr-secn{ border:0; margin-bottom:0; padding-bottom:0; }*/
.scf-comments-list .scf.scf-post:last-child{border: none;}
@media (max-width: 767px) {
	.extended-select-box { min-width:100%; }
}
/* --------------------------------------------------------- */
/* ----------------------- 4th March 2016 - END ----------------------- */
/* --------------------------------------------------------- */




/* --------------------------------------------------------- */
/* ----------------------- 5th March 2016 - START ----------------------- */
/* --------------------------------------------------------- */
@media screen and (max-width: 768px){
   #benefits .contentarticle p,.benefits .contentarticle p{
   	text-align: center;
   }
   .benefits .col-sm-9,.benefits .col-sm-3{
	text-align: center;
   }
}

.custom-text-aling-left { text-align:left; }
.custom-text-aling-right { text-align:right; }
.custom-text-aling-center { text-align:center; }
.custom-text-aling-justify { text-align:justify; }
.inner-secn .row .col-md-12 .textdescriptionwithCTA.section:nth-last-child(2) .brdr-secn { border:0; margin-bottom:0; padding-bottom:0; }
@media (max-width:767px){
	.custom-hidden-xs { display:none !important; }
	.custom-hidden-sm { display:block !important; }
	.custom-hidden-md { display:block !important; }
	.custom-hidden-lg { display:block !important; }
	.custom-visible-sm { display:none !important; }
	.custom-visible-md { display:none !important; }
	.custom-visible-lg { display:none !important; }
	.custom-visible-xs { display:block !important; }
}
@media (min-width:768px) and (max-width:991px){
	.custom-hidden-xs { display:block !important; }
	.custom-hidden-sm { display:none !important; }
	.custom-hidden-md { display:block !important; }
	.custom-hidden-lg { display:block !important; }
	.custom-visible-xs { display:none !important; }
	.custom-visible-md { display:none !important; }
	.custom-visible-lg { display:none !important; }
	.custom-visible-sm { display:block !important; }
}
@media (min-width:992px) and (max-width:1199px){
	.custom-hidden-xs { display:block !important; }
	.custom-hidden-sm { display:block !important; }
	.custom-hidden-md { display:none !important; }
	.custom-hidden-lg { display:block !important; }
	.custom-visible-xs { display:none !important; }
	.custom-visible-sm { display:none !important; }
	.custom-visible-lg { display:none !important; }
	.custom-visible-md { display:block !important; }
}
@media (min-width:1200px){
	.custom-hidden-xs { display:block !important; }
	.custom-hidden-sm { display:block !important; }
	.custom-hidden-md { display:block !important; }
	.custom-hidden-lg { display:none !important; }
	.custom-visible-xs { display:none !important; }
	.custom-visible-sm { display:none !important; }
	.custom-visible-md { display:none !important; }
	.custom-visible-lg { display:block !important; }
}

@media (max-width:991px){
	.intrst-check {
		display: none;
	}
	.intrst-hdng {
		background: url("clientlib-site/images/plus.png") no-repeat 93% center;
		border-bottom: 1px solid #999;
		cursor: pointer;
		font-size: 14px;
		margin: 0;
		padding: 10px;
	}
	.intrst-hdng.last {
		border-bottom: 0 none;
	}
	.active-hdng {
		background: url("clientlib-site/images/close.png") no-repeat 93% center;
	}
	.intrst-check {
		padding: 20px 10px 0;
		margin: 0;
		max-height: none;
	}
	.intrst-check .checkbox {
		float: left;
		width: 50%;
	}
	.checkbox label {
		font-size: 13px;
	}
	.search-item {
		float: none !important;
		min-width: auto;
	}
}

.brdr-secn.mb-0:last-child{
	margin-bottom: 60px;  /* Signature Store */
}

#locatestore > h2{
	margin-bottom: 0;
}
/* --------------------------------------------------------- */
/* ----------------------- 5th March 2016 - END ----------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ----------------------- 7th March 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.chbx{margin: 15px 0 0 15px; position:relative; font:inherit; line-height:28px;}
.chbx input[type="checkbox"]{opacity: 0;width: 20px;height: 20px;position: absolute;left: 0;top: 0; margin:0; z-index:1}
.chbox::before {width: 20px; height: 20px; display: block; border:1px solid #000; content:''; float:left; margin-right:5px;}
.checkimg{border-left: 1px solid green;width: 13px;height: 8px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);margin: 0px;border-bottom: 1px solid green;display: block;float: left;position: absolute;top: 4px; margin-left:4px; display:none;}
.chbx input[type="checkbox"]:checked + .chbox .checkimg{display:block;}
.tab-style1.customani .nav{margin-bottom:20px;}

a.menu-btn span {
	background: url("clientlib-site/images/plus-minus.png") no-repeat;
	display: inline-block;
	height: 14px;
	margin-left: 10px;
	width: 15px;
}
a.menu-btn.active span {
	background-position: -17px 0;
}
.carousel-coverage img { width:auto !important; }
.carousel-coverage p { padding:0 !important; text-align:left; }
.custom-col-xs-offset-1 { margin-left:8.333333% !important; }

/* --------------------------------------------------------- */
/* ----------------------- 7th March 2016 - END ----------------------- */
/* --------------------------------------------------------- */



/* --------------------------------------------------------- */
/* ----------------------- 8th March 2016 - START ----------------------- */
/* --------------------------------------------------------- */
#royl-play .tab-content, #apex-duracast .tab-content, #ultima-allura .tab-content{clear:none; }
.custom-clear-wrapper .tab-content{clear:none; }

/*.showFaqs:last-child .accrdn-secn {border: 0; margin-bottom: 0;}*/

.ap-video .tab-content > .active{overflow:visible;}

.custom-responsive-height-wrapper .owl-wrapper-outer { height:auto !important; }
.custom-responsive-height-item { text-align:center; }
.custom-responsive-height-item img {width:auto !important; max-width:100%; max-height:100%; }
.blog .item-img{min-height: 120px;}
.campus-wrap .campus-block .custom-career-blog-detail > p{display: none;}
.campus-wrap .campus-block .custom-career-blog-detail > p:first-child{display: block;}
/* --------------------------------------------------------- */
/* ----------------------- 8th March 2016 - END ----------------------- */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ----------------------- 11th March 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.newslttr label { margin-top:10px; }

.table-responsive .table { overflow:visible !important; }
.table-responsive .table p { text-align:left; }
.table-responsive .table>tbody+tbody { border:0; }
.table-responsive .table>thead>tr>th, .table-responsive .table>tbody>tr>th, .table-responsive .table>tfoot>tr>th, .table-responsive .table>thead>tr>td, .table-responsive .table>tbody>tr>td, .table-responsive .table>tfoot>tr>td { border:1px solid #ddd !important; }
.table-responsive .table>caption+thead>tr:first-child>th, .table-responsive .table>colgroup+thead>tr:first-child>th, .table-responsive .table>thead:first-child>tr:first-child>th, .table-responsive .table>caption+thead>tr:first-child>td, .table-responsive .table>colgroup+thead>tr:first-child>td, .table-responsive .table>thead:first-child>tr:first-child>td { border:1px solid #ddd !important; }

.careerscampus .campus-block img { width:auto; width:100%; max-width:100%; }
.investorsshareholding .tab-content > .active{overflow:visible;}
@media screen and (max-width: 767px){
.table-responsive { border: 0; }
}
.socialnetwork.section img { height: auto !important; }
.investor-policies-program > ul > li a:hover {
    color: #512b8b;
    text-decoration: underline;
}
.table-responsive .custom-bootstrap-table-compare { border:0; }
.table-responsive .custom-bootstrap-table-compare>thead>tr>th, .table-responsive .custom-bootstrap-table-compare>tbody>tr>th, .table-responsive .custom-bootstrap-table-compare>tfoot>tr>th, .table-responsive .custom-bootstrap-table-compare>thead>tr>td, .table-responsive .custom-bootstrap-table-compare>tbody>tr>td, .table-responsive .custom-bootstrap-table-compare>tfoot>tr>td { border:1px solid #fff !important; }
.showFaqs .accrdn-secn:last-child { margin-bottom: 12px; border-bottom: 1px solid #dbdbdb; }
.showFaqs:last-child .accrdn-secn { margin-bottom: 0; border-bottom:0; }
.set-equal-height .gallery-img img { max-height:195px; }
/*.alsolookfor.section:last-child .brdr-secn, .alsolookfor.section:nth-last-child(1) .brdr-secn{ border:0; margin-bottom:0; padding-bottom:0; }*/
/* --------------------------------------------------------- */
/* ----------------------- 11th March 2016 - END ----------------------- */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ----------------------- 16th March 2016 -START ----------------------- */
/* --------------------------------------------------------- */

.bx-wrapper .prdct-name{
	width: 90%;
}

.bx-wrapper .color-patch-sldr li.active .arrw2{
	left: 78%;
}

@media screen and (max-width:767px){
    .bx-wrapper .prdct-name{
	width: 100%;
}
.bx-wrapper .color-patch-sldr li.active .arrw2{
	left: 50%;
    margin-left: -10px;
}
}

/* --------------------------------------------------------- */
/* ----------------------- 16th March 2016 - END ----------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ----------------------- 18th March 2016 - START ----------------------- */
/* --------------------------------------------------------- */

.homepage-spotlight-cta, .homepage-spotlight-cta:focus{
    color:#fff;
	background-color:rgba(80,86,90,1);
border-color:rgba(80,86,90,1);
}
.homepage-spotlight-cta:hover, .homepage-spotlight-cta:active{
            color:#fff;
	background-color:rgba(80,86,90,0.5);
border-color:rgba(80,86,90,0.5);
}


/* --------------------------------------------------------- */
/* ----------------------- 18th March 2016 - END ----------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ----------------------- 4th April 2016 - START ----------------------- */
/* --------------------------------------------------------- */
a.pdf-dwnld-btn { font-size:16px; color:#512b8b; text-decoration:underline; }
a.pdf-dwnld-btn:hover { color:#333; }

@media screen and (max-width: 767px){
	.table-responsive.custom-table-normal-wrap>.table>thead>tr>th, .table-responsive.custom-table-normal-wrap>.table>tbody>tr>th, .table-responsive.custom-table-normal-wrap>.table>tfoot>tr>th, .table-responsive.custom-table-normal-wrap>.table>thead>tr>td, .table-responsive.custom-table-normal-wrap>.table>tbody>tr>td, .table-responsive.custom-table-normal-wrap>.table>tfoot>tr>td { white-space:normal; }
}

.custom-modal-content-template .modal-content { height:auto; border-radius:0; }
.custom-modal-content-template .modal-header { width:auto; margin:0; clear:none; }
.custom-modal-content-template .modal-header .modal-title { float:none; }
.custom-modal-content-template .modal-body { margin-bottom:15px; }

h1 {
	font-family: 'Conv_manrope_regular_webfont';
	font-size: 28px;
	margin-bottom: 32px;
}
h1 span {
	display: inline-block;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 10px;
}
@media screen and (max-width:767px){
h1 { font-size:26px; }
#furniture-section .bg-clr .sb-sect{padding: 20px;}
#furniture-section .bg-clr.mb-30{margin-bottom: 15px !important;}
}
@media screen and (max-width:479px){
#furniture-section .bg-clr .sb-sect .sel-ani .mt-15 {height: auto !important;min-height: initial;}
}
.anchor-tnc:hover{text-decoration:underline;}

@media screen and (max-width: 767px){
	#benifit-section .sb-sect{
		height: auto;
	}
	#benifit-section .bg-clr2 .sb_sb_sec{
		padding-top: 0px;
	}
}
/* --------------------------------------------------------- */
/* ----------------------- 4th April 2016 - END ----------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ----------------------- 11th April 2016 - START ----------------------- */
/* --------------------------------------------------------- */

.morph-button-sidebar .morph-content{
	right: 0 !important;
	left: auto !important;
}
.morph-button > button{
	width: 40px;
	height: 150px;
	background: url("clientlib-site/images/msg-icon-big.png") no-repeat center center #5e3b8d;
}

@media screen and (max-width: 480px){
	.morph-button-sidebar.open .morph-content{
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.morph-button > button{
		width: 21px;
		height: 80px;
		background: url("clientlib-site/images/msg-icon-small.png") no-repeat center center #5e3b8d;
	}
}


.errorpage {
	font-family: 'Conv_manrope_light_webfont', sans-serif;
}
/* --------------------------------------------------------- */
/* ----------------------- 11th April 2016 - END ----------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ----------------------- 12th April 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.mr-15{
	margin-right: 15px;
}
.global-ml-98 {
	margin-left:98px;
}
a.prominent-anchor {
	color: #512b8b;
	font-weight: bold;
	text-decoration: underline;
}
a.prominent-anchor:hover {
	text-decoration: underline;
}

/* 4pic - LP */
.number-list {
	list-style:inside; list-style-type:decimal;
}
.capture-steps figcaption {
	font-size:18px;
	font-family:"Conv_manrope_light_webfont";
}
.av-desc > p {
	font-size:14px;
}
.prof-picture .input-list-grp > li {
	position:relative;
	margin:10px 0;
}
#note-precutLayer-modal .modal-body {
	padding: 15px !important;
}

/* 4pic - step 1 page*/
.btn-disabled {
	opacity:0.4;
}
.FileUpload {
    position: relative;
    float: left;
    margin-right: 40px;
    width: 115px !important;
}
.fileName_uploaded {
    width: 100%;
    display: none;
    background-color: #ebebeb;
    color: #333333;
    padding: 10px 5px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.uploadpic-loader{
	display: none;
	text-align: center;
}
.uploadpic-loader img{
	height: 30px;
    width: 30px;
    margin-top: 10px;
}
.modal.custom-modal-default-status.in .modal-dialog.modal-lg {
	width: auto;
	max-width: 900px;
}
#note-panoramic-modal .modal-title{
	color: #333;
}

/* 4pic - step 2 page */
.step-hdng {
	margin: 0 0 0 3%;
}
.color-popup {
	z-index: -9;
}
.bootstrap-select button {
    background: none;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #ccc;
    height: auto;
    margin-top: 0px;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    width: auto;
}
#tab-pane-2 .color-patch-secn{
	padding: 15px 35px 35px 35px;
}
#tab-pane-2 .color-patch-col{
	width: 100%;
}
#tab-pane-1 .color-patch-col .color-patch-list{
	overflow-x: hidden;
	overflow:auto;
}
#tab-pane-2 .color-patch-col .color-patch-list{
	margin: 28px 4% 0 0;
	width: 78%;
}
#tab-pane-2 .color-patch-col .shade-col{
	width: 18%;
}
.color-popup{
	/*width: 100%;*/
	/*max-width: 1280px;*/
}
.color-popup .or{
	margin-top: 30px;
}

/* 4pic - form page*/
h3 > span {
	border-bottom: 1px solid #d3d3d3;
	display: inline-block;
	padding-bottom: 10px;
}
h4.underline-heading > span {
	border-bottom: 1px solid #d3d3d3;
	display: inline-block;
	padding-bottom: 10px;
}
h3 > span.mandatory, h4 > span.mandatory, label > span.mandatory {
	border: 0;
	padding: 0;
	display: inline;

}
.checkbox-custom {
	position:absolute; top:40px;
}
#fourPicsAllDetails .details-inputs .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
	height: 13px;
    left: -20px;
    margin-left: 1px;
    width: 14px;
    top: -3px;
}
#fourPicsAllDetails .details-inputs .checkbox input[type="checkbox"]:checked+label::after, .checkbox label.chkd::after{
	content: "";
    background: rgba(0,0,0,0) url("clientlib-site/images/tick-mark-green.png") no-repeat scroll center center;
}
.combn-table span{
	display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}
.color-select-copy {
    font-weight:bold;
    line-height: 18px;
    font-size: 13px;
    padding-left: 10px;
}
.fourpics-express .upload-btn {
	overflow:visible;
}
.btn-with-divider {
	width:45px;
	height:45px;
	line-height:45px;
	font-size:16px;
}

/* 4pic - media queries*/
@media screen and (max-width: 479px){
	#tab-pane-2 .color-patch-col .color-patch-list{
		margin: 0;
		width: 100%;
	}
	#tab-pane-2 .color-patch-col .shade-col{
		width: 100%;
		margin-top: 20px;
	}
}
@media screen and (max-width: 579px){
	.color-popup .or{
		margin-top:0;
	}
    .custom-mobile-col-580-xs-12{
        width: 100% !important;
    }
    .custom-mobile-580-text-align-left{
    	text-align: left;
    }
    #tab-pane-2 .color-patch-secn {
	    padding: 15px 15px 15px 15px;
	}
}
@media screen and (max-width: 639px){
	.global-ml-98 { margin-left:0; }
}
@media screen and (max-width: 980px){
	.prof-picture .input-list-grp label {
	    max-width: 98px;
	}
}
@media screen and (max-width: 991px){
	.combn-table span {
		padding: 5px 0 0 0;
	}
}
@media (max-width: 1280px) {
	.color-popup {
		padding: 40px 20px;
		left: 0;
		margin: 0;
		width: 100%;
		margin-top : -940px!important;
	}
}
/* --------------------------------------------------------- */
/* ----------------------- 12th April 2016 - END ----------------------- */
=======
/* ----------------------- 26th May 2016 - START ----------------------- */
/* ---------------------------------------------------------
.text-center { text-align: center; }
.text-underline { text-decoration: underline; }
.mb-5-percent { margin-bottom: 5%; }
.btn-style5 { cursor: pointer; }

.header-short { background-color: #fff; }
.header-short .row { position: relative; }
.header-short .row .col-xs-6 { position: static; }
.header-short a { text-decoration:none; font-size:12px; font-weight: bold; color: #512b8b; position: absolute; right: 0; top: 44%; transform:translateY(-50%); }
.header-short a:hover { text-decoration:underline; }

.download-wrapper { height: 100%; background-color: #fef1cc; }
.download-wrapper > div { padding: 20px; }
.download-wrapper > div span { font-size: 16px; color:#333333; padding-left: 10px; }*/
/* --------------------------------------------------------- */
/* ----------------------- 26th May 2016 - END ----------------------- */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ----------------------- 04th May 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.btn-preview-back{
	position: absolute;
	top: 5px;
	right: 15px;
}
.fourpics-express .upload-btn {
	background:  url("clientlib-site/images/upload-v4.jpg") no-repeat scroll 0 0 / 100% auto;
}
/* --------------------------------------------------------- */
/* ----------------------- 04th May 2016 - END ----------------------- */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ----------------------- 20th May 2016 - START ----------------------- */
/* --------------------------------------------------------- */

/* Common Responsive Table Start */
.responsiveTable{width:100%; font-family: "Conv_manrope_regular_webfont"; }
.responsiveTable th { color:#333333; font-size:20px; padding:10px 0 15px 10px; }
.responsiveTable > tbody > tr > td { padding:20px 10px; vertical-align:middle; font-size:18px; }
.responsiveTable > tbody { background-color:#fdf0c1; }
.cartTable2Item > tbody { background-color:#feda8e; }
.responsiveTable > tbody > tr > td.cart-result-bg{ background-color:#fdda8e; }
.cartTable2Item > tbody > tr > td > p { font-size:24px; }
/* Common Responsive Table End */

/* Retailer Order Listing Table Start */
.cartTable4Item, .cartTable5Item { margin-bottom:25px;}

.cartTable1Item { background-color:#fef0c1; }

.cartTable4Item > thead > tr > th:nth-child(1), .cartTable4Item > tbody > tr > td:nth-child(1) { width:30%; }
.cartTable4Item > thead > tr > th:nth-child(2), .cartTable4Item > tbody > tr > td:nth-child(2) { width:25%; }
.cartTable4Item > thead > tr > th:nth-child(3), .cartTable4Item > tbody > tr > td:nth-child(3) { width:25%; }
.cartTable4Item > thead > tr > th:nth-child(4), .cartTable4Item > tbody > tr > td:nth-child(4) { width:20%; }

.cartTable5Item > thead > tr > th:nth-child(1), .cartTable5Item > tbody > tr > td:nth-child(1) { width:30%; }
.cartTable5Item > thead > tr > th:nth-child(2), .cartTable5Item > tbody > tr > td:nth-child(2) { width:20%; }
.cartTable5Item > thead > tr > th:nth-child(3), .cartTable5Item > tbody > tr > td:nth-child(3) { width:15%; }
.cartTable5Item > thead > tr > th:nth-child(4), .cartTable5Item > tbody > tr > td:nth-child(4) { width:15%; }
.cartTable5Item > thead > tr > th:nth-child(5), .cartTable5Item > tbody > tr > td:nth-child(5) { width:20%; }

.cartTable2Item > thead > tr > th:nth-child(1), .cartTable2Item > tbody > tr > td:nth-child(1) { width:80%; }
.cartTable2Item > thead > tr > th:nth-child(2), .cartTable2Item > tbody > tr > td:nth-child(2) { width:20%; }

.cartTable2Item > thead > tr > th:nth-child(1), .cartTable2Item > tbody > tr > td { padding:10px; }
.cartTable2Item > thead > tr > th:nth-child(1), .cartTable2Item > tbody > tr > td > p { margin:15px 0 5px 0; }

.selected-shade-box { background-color:#fbe0ff; border:2px solid #FFFFFF; width:46px; height:46px; display:block; }
.selected-shade-name { font-size:14px; padding-top:10px; display:block; }

.cart-select-drop-down-item { min-width: 90px; width:100% !important; max-width:90px; }

/* Retailer Order Listing Table Start */

@media screen and (max-width: 767px){
.responsiveTable { width:100%; }

.responsiveTable > tbody > tr > td { font-size:15px; }
.font-24 { font-size:18px !important; }

.cartTable4Item, .cartTable4Item > thead, .cartTable4Item > tbody, .cartTable4Item th, .cartTable4Item tr, .cartTable4Item td{display:block; border:none;}
.cartTable4Item > tbody > tr > td {border: none; position: relative;padding-left: 50%;}
.cartTable4Item td{display:block;}
.cartTable4Item > thead > tr {position: absolute; top: -9999px; left: -9999px;}
.cartTable4Item > tbody > tr {margin:0px 0px 10px 0px}
.cartTable4Item > tbody > tr > td:before { content: attr(data-label); position:absolute; top:50%; transform:translateY(-50%); left:6px; width:95%; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cartTable4Item > tbody > tr > td * { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:18px; }

.cartTable5Item, .cartTable5Item > thead, .cartTable5Item > tbody, .cartTable5Item th, .cartTable5Item tr, .cartTable5Item td{display:block; border:none;}
.cartTable5Item > tbody > tr > td {border: none; position: relative;padding-left: 50%;}
.cartTable5Item td{display:block;}
.cartTable5Item > thead > tr {position: absolute; top: -9999px; left: -9999px;}
.cartTable5Item > tbody > tr { margin:0px 0px 10px 0px}
.cartTable5Item > tbody > tr > td:before { content: attr(data-label); position:absolute; top:50%; transform:translateY(-50%); left:6px; width:45%; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cartTable5Item > tbody > tr > td * { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:18px; }

.cartTable4Item > thead > tr > th:nth-child(1), .cartTable4Item > tbody > tr > td:nth-child(1) { width:auto; }
.cartTable4Item > thead > tr > th:nth-child(2), .cartTable4Item > tbody > tr > td:nth-child(2) { width:auto; }
.cartTable4Item > thead > tr > th:nth-child(3), .cartTable4Item > tbody > tr > td:nth-child(3) { width:auto; }
.cartTable4Item > thead > tr > th:nth-child(4), .cartTable4Item > tbody > tr > td:nth-child(4) { width:auto; }

.cartTable5Item > thead > tr > th:nth-child(1), .cartTable5Item > tbody > tr > td:nth-child(1) { width:auto; }
.cartTable5Item > thead > tr > th:nth-child(2), .cartTable5Item > tbody > tr > td:nth-child(2) { width:auto; }
.cartTable5Item > thead > tr > th:nth-child(3), .cartTable5Item > tbody > tr > td:nth-child(3) { width:auto; }
.cartTable5Item > thead > tr > th:nth-child(4), .cartTable5Item > tbody > tr > td:nth-child(4) { width:auto; }
.cartTable5Item > thead > tr > th:nth-child(5), .cartTable5Item > tbody > tr > td:nth-child(5) { width:auto; }

.cartTable2Item > tbody { background-color:#feda8e; }
.cartTable2Item > thead > tr > th:nth-child(1), .cartTable2Item > tbody > tr > td:nth-child(1) { width:50%; }
.cartTable2Item > thead > tr > th:nth-child(2), .cartTable2Item > tbody > tr > td:nth-child(2) { width:50%; }

.cartTable2Item > tbody > tr > td > p { font-size:18px; }

}

.cart-step-container { font-family: "Conv_manrope_regular_webfont"; max-width:530px; min-height:140px; margin:0 auto 60px; display:block; color:#333333; font-size:16px; }
.cart-step-btn { width:32%; text-align:center; display:inline-block; }
.cart-step-check { display: inline-block; padding: 0; position: relative; text-align: center; top: -16px; width: 32%; }
.cart-step-btn > img { margin-bottom:10px; }
.cart-step-check-bg { background-color:#c3c3c3; height:1px; margin-top:50px; position:relative; z-index:5; }
.dd-90 { width:90px !important; }
.responsiveTable > tbody > tr > td.font-24 { font-size:24px; }

.remove-copy { color:#f43032; font-size:14px; padding-top:10px; display:block; }
.remove-copy > span{ color:#502b8b; }

.input-cart-promo input[type="text"]{ background-color:#FFFFFF; height: 36px; max-width: 150px; border: 1px solid #6a7070; padding: 5px 10px; margin:0 15px 10px 0; }
.input-list-grp input[disabled]{ opacity:0.65; cursor:not-allowed; }

@media screen and (max-width: 767px){
	.cart-step-container { margin:0 auto 20px; }
	.responsiveTable > tbody > tr > td.font-24 { font-size:18px; }
}

/*--------------------------------- 25 May Css start ----------------------------------------*/

.cart-calender-right-content { margin-bottom:20px; }
.pincode { background:url(clientlib-site/images/pincode_icon.png) no-repeat 98% center; padding:20px 50px 20px 12px; margin-bottom:10px; border:1px solid #999999; border-radius:0; }
.select-texture { width:161px; height:171px; border:3px solid #cccccc; position:relative; margin:10px 0; }
.select-texture > span { position:absolute; bottom:0; left:0; background:#ffffff; color:#55565a; padding:10px; display:block; width:100%; font-family: 'Conv_manrope_regular_webfont'; }
.cart-calender-right-content > span { font-size:15px; color:#55565a; }
.cart-calender-right-content > a { background:url(clientlib-site/images/calender_edit_icon.png) no-repeat left center; padding:5px 0 0 20px; display:block; color:#512b8b; font-size:13px; font-family: 'Conv_manrope_regular_webfont'; }
.termConditon > a { display:block; color:#512b8b; font-size:13px; margin-top:10px; text-decoration:underline; }
.continueshoppinglink > a { color:#512b8b; font-size:14px; margin-top:10px; text-decoration:underline; }

.cart-calender-right-content .bootstrap-select { width:100% !important; }
.calender-date { border:1px solid #999999; border-radius:0; padding:0 12px; margin-bottom:10px; }
.rupee { font-size:30px; color:#55565a; }


.cart-calender-left-container { border-right:1px solid #ccc; }
.cart-calender-left-container > p { text-align:center; font-size:24px; color:black; font-family: 'Conv_manrope_regular_webfont'; }
.item > span { font-size:13px; color:black; display:block; line-height:18px; display:block; text-align:left; margin-top:30px; }
.item > span > a { color:#512b8b; font-size:13px; text-decoration:underline; font-weight:bold; }
.slider-calender { position:relative; }
.slider-calender { max-width:400px; width:100%; margin:0 auto; }

.owl-wrapper-outer { position:relative; }
#owl-demo .item{ background: #ffffff; /*padding: 30px 0px;*/ margin: 10px;color: #FFF; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; text-align: center; position:relative; }

.calender-slider-img { position:relative; }
.calender-slider-img > a { position:absolute; bottom:0; right:0; }

.new-previous { top:20%; position:absolute; left:0; left:-50px; background:url(clientlib-site/images/slider_left_arrow.png) no-repeat center center; }
.new-next { top:20%; position:absolute; right:0; right:-50px; background:url(clientlib-site/images/slider_right_arrow.png) no-repeat center center; }

.owl-pagination { display:none;}

.customNavigation .btn { background-color: #e7e7e8; border: 0 solid #cccccc; border-radius: 20px; color: #363636; cursor: pointer; display: inline-block; font-size: 20px; line-height: 27px; margin-bottom: 0; padding: 4px 12px; text-align: center; vertical-align: middle; position:absolute; top:28%; width:36px; height:36px; }


@media screen and (min-width:320px) and (max-width:767px) {
.cart-calender-left-container { border-right:0; margin-bottom:20px; }
.new-previous { left:0; }
.new-next { right:0; }
}
@media screen and (min-width:768px) and (max-width:991px) {
.new-previous { left:0; }
.new-next { right:0; }
}

/*--------------------------------- 26 May Css start ----------------------------------------*/

.divider-vertical { padding-right:10px; }
.btn-style4 { border: 2px solid #55565a !important; color: #55565a !important; display: inline-block !important; font-size: 18px; padding: 8px 25px; width: auto; }
.btn-style4:hover { background-color: #55565a; color: #fff !important; }
.checkout-yellow-bg-band { background-color:#fdda8e; font-size:18px; color:#333333; padding:15px 0; }
.checkout-lemon-yellow-bg-band { background-color:#fdedc1; font-size:20px; color:#333333; padding:25px 0; }
.checkout-lemon-yellow-bg-band > a { color:#333333; padding-right:15px; }
.checkout-icons { display:inline-block; }


@media screen and (min-width:320px) and (max-width:479px) {
	.divider-vertical { display:none;  }
	.btn-style4 { font-size: 14px; padding: 5px 15px; }
}

@media screen and (min-width:320px) and (max-width:640px) {
	.checkout-icons { display:block; margin-bottom:15px; }
	.pop_third_part_right_content > p { text-align:left }
}

/* --------------------------------------------------------- */
/* ----------------------- 26th May 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.text-center { text-align: center; }
.text-underline { text-decoration: underline; }
.mb-5-percent { margin-bottom: 5%; }
.btn-style5 { cursor: pointer; }

.header-short { background-color: #fff; }
.header-short .row { position: relative; }
.header-short .row .col-xs-6 { position: static; }
.header-short a { text-decoration:none; font-size:12px; font-weight: bold; color: #512b8b; position: absolute; right: 0; top: 44%; transform:translateY(-50%); }
.header-short a:hover { text-decoration:underline; }

.download-wrapper { height: 100%; background-color: #fef1cc; }
.download-wrapper > div { padding: 20px; }
.download-wrapper > div span { font-size: 16px; color:#333333; padding-left: 10px; }

.control-text-input { display: block; width: 100%; max-width: 210px; }
/* --------------------------------------------------------- */
/* ----------------------- 26th May 2016 - END ----------------------- */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ----------------------- 30th May 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.global-text-right { text-align:right; }
.order-yellow-bg { background-color:#fdf0c1; padding:30px; }
.order-dark-yellow-bg { background-color:#fdda8e; padding:30px; }
.font-16 { font-size:16px; }
.order-details { background-color:#f9f9f9; padding:15px; }
.cart-address-confirm { display:block; padding-left:20px; }
.cart-address-confirm > ul > li { font-size:16px; padding-bottom:16px; }
.cart-address-confirm > ul > li > span { font-family: 'Conv_manrope_bold_webfont'; }
.cancel-appointment-desc { font-size:18px; }
.modal-header > p > a { color:#512b8b; text-decoration:underline; }
.modal-body .bootstrap-select .btn, .color-popup .bootstrap-select .btn { border-color: #999; border-radius: 0; padding: 10px 12px; }
.modal-body .bootstrap-select .caret, .color-popup .bootstrap-select .caret { background: rgba(0, 0, 0, 0) url("clientlib-site/images/arrow-bottom7.png") no-repeat scroll 0 0; border: 0 none; height: 9px; right: 18px !important; width: 17px; }
/*#vieworderdetail-popup > .popup-content { padding:20px; }*/
.popup-text-area { border: 1px solid #999; border-radius: 0; height: 110px; resize: none; width:250px; margin:0 auto 20px; }
.modal-body > p a { color:#512b8b; }
.cart-overlay-content { padding:15px; background-color:#FFFFFF; }
.cart-overlay-content .close { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; float: right; font-size: 24px; position: relative; z-index: 100; }
.cart-overlay-content #close { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; float: right; font-size: 24px; position: relative; z-index: 100; }
.yourvoice-red-header > img, .yourvoice-yellow-header > img { margin-right:10px; }

.order-status-container { width:100%; max-width:700px; margin:0 auto; }
.order-status-step { display:inline-block; }
/*.delivery-step-green { background: url("clientlib-site/images/delivery-step-green.png") left top no-repeat; min-height:60px; min-width:246px; text-align:center; font-family: 'Conv_manrope_regular_webfont'; font-size:18px; color:#FFFFFF; padding-top:20px; margin-bottom:35px; }*/
/*
.delivery-step-purple { background: url("clientlib-site/images/delivery-step-purple.png") left top no-repeat; min-height:60px; min-width:216px; text-align:center; font-family: 'Conv_manrope_regular_webfont'; font-size:18px; color:#FFFFFF; padding-top:20px; margin-bottom:35px; }
*/
.order-step-icon { text-align:center; margin-bottom:15px; }
.order-step-details { font-size: 18px; line-height: 30px; padding: 20px 0; text-align: left; width: 100%; }
.back-copy { color:#512b8b; font-size:13px; text-decoration:underline; }
.popup-content-wrapper { max-width:385px; width:100%; margin:0 auto; }
.width-100-percent { width:100% !important; }
.order-detail-summary { text-align:left; }
.order-detail-summary > p { margin-bottom:3px; }
.order-detail-summary > p > span { font-weight:bold; }
.text-left { text-align:left; }
.popup-content-wrapper > p > a { text-decoration:underline; color:#512b8b; }
.popup-content-wrapper > p { margin-bottom:15px; }
.overlay-thumb > img { width:auto; }
.thank-content-subtext > p > a { text-decoration:underline; color:#512b8b; }
#grout_calculator .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { padding:5px 0; }
.radio-margin { margin-right:15px !important; }
.cart-item-number { background-color: #f2f2f3; display: inline-block; font-size: 22px; min-height: 30px; min-width: 60px; padding-top: 4px; text-align: center; }
.cart-item-number-update { display:inline-block; padding-bottom:5px; }
.item-cart-minus { float:left; cursor:pointer; }
.item-cart-plus { float:right; cursor:pointer; }
.cart-item-final-value { padding:20px 0; color: #55565a; font-size: 30px; }
.cart-slider-thumb-container { display:inline-block; width:100%; text-align:center; }
.cart-slider-thumb-container > ul { display:inline-block; }
.cart-slider-thumb-container > ul > li { float:left; padding-left:10px; text-align:center; }
.slider-thumb-check, .slider-thumb-uncheck { padding-bottom:10px; }
.slider-thumb-check { background: url("clientlib-site/images/thumb-slider-check.png") left top no-repeat; width:25px; height:25px; margin:0 auto 10px; }
.slider-thumb-uncheck { background: url("clientlib-site/images/thumb-slider-uncheck.png") left top no-repeat; width:25px; height:25px; margin:0 auto 10px; }
.slider-thumb { display:inline-block; cursor:pointer; }
.cart-list-desc{ font-size:13px; color:black; display:block; line-height:18px; display:block; text-align:left; margin-top:30px; }
/*.cart-list-desc > span { cursor: pointer; color:#512b8b; font-size:13px; text-decoration:underline; font-weight:bold; }*/
.cart-list-desc-more { display:none; }
.morecontent span { display: none; }
.cartMorelink { display:inline-block; text-decoration:underline; }

.cart-mt-120 { margin-top:120px;}
.cart-slider > .owl-theme .owl-controls .owl-buttons .owl-prev { top:40%; position:absolute; left:0; left:-40px; background:url(clientlib-site/images/slider_left_arrow.png) no-repeat center center; width:36px; height:36px; }
.cart-slider > .owl-theme .owl-controls .owl-buttons .owl-next { top:40%; position:absolute; right:0; right:-40px; background:url(clientlib-site/images/slider_right_arrow.png) no-repeat center center; width:36px; height:36px; }

@media screen and (min-width:320px) and (max-width:479px) {
.order-dark-yellow-bg, .order-yellow-bg { padding:12px; }
.delivery-step-purple, .delivery-step-green { background:none; color:#000000; min-width:auto; }
.order-status-step { width:30%; }
.delivery-step-green, .delivery-step-purple { font-size:15px; min-height:auto; margin-bottom:25px; }
.order-step-details { font-size: 15px; line-height: 25px; padding: 10px; }

}

@media screen and (min-width:320px) and (max-width:767px) {
.order-step-details { line-height: 25px; padding: 10px; }
.delivery-step-purple, .delivery-step-green { background:none; color:#000000; min-width:auto; min-height:auto; }
.order-status-step { width:32%; }
.cart-mt-120 { margin-top: 30px; }
.cart-slider { width:80%; margin:0 auto; }
.cart-slider > .owl-theme .owl-controls .owl-buttons .owl-prev { left: -44px; }
.cart-slider > .owl-theme .owl-controls .owl-buttons .owl-next { right: -44px; }
.calender-slider-img > a { right:0;}

}
@media screen and (min-width:320px) and (max-width:991px) {
.btn-style2 { margin-bottom:10px; }
}


/* --------------------------------------------------------- */
/* ---------------------- 30th May 2016 - END ----------------------- */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------------------- 07th May 2016 - START ----------------------- */
/* --------------------------------------------------------- */

.srch-input-category-shop { margin-right: 3%; position: relative; width: 48%; }
.srch-input-category-shop input { border: 0 none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #6d6e71; font-family: ; padding-bottom: 5px; padding: 10px 30px 10px 12px; width: 100%; }
.srch-input-category-shop button { background: url("clientlib-site/images/search-icon.svg") no-repeat; border: 0 none; height: 20px; padding: 0; position: absolute; right: 10px; top: 10px; width: 18px; }
.pincode-input-category-shop { margin-right: 3%; position: relative; width: 48%; }
.pincode-input-category-shop input { border: 0 none;  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #6d6e71; font-family: ; padding-bottom: 5px; padding: 10px 30px 10px 12px; width: 100%; }
.pincode-input-category-shop button { background: url("clientlib-site/images/pincode-icon.png") no-repeat; border: 0 none; height: 24px; padding: 0; position: absolute; right: 8px; top: 6px; width: 24px; }

ul.category-listing-items { display: flex; }

ul.category-listing-items > li { float:left; margin-right:4px; background-color:#bababa; color:#FFFFFF; font-size:18px; text-align:center; height:58px; position:relative; display:flex; font-family: 'Conv_manrope_light_webfont'; }
ul.category-listing-items > li > a  { padding:8px 5px; color:#FFFFFF; text-decoration:none; display:flex; align-items: center; justify-content: center;  }
ul.category-listing-items > li > a.active:before { background: url("clientlib-site/images/arrow-bottom2.png") no-repeat center center; content: ""; position: absolute; left: 50%; bottom: -12px; width: 23px; height: 13px; margin: 0 0 0 -12px; }
ul.category-listing-items > li > a:last-child { margin-right: 0; }
ul.category-listing-items > li > a:hover  { color:#FFFFFF; background: url("clientlib-site/images/arrow-bottom2.png") center bottom no-repeat #fcaf17; }
ul.category-listing-items > li > a.active { color:#FFFFFF; text-decoration:none;background: url("clientlib-site/images/arrow-bottom2.png") center bottom no-repeat #fcaf17; }
ul.category-listing-items > li > a > img  { bottom: -10px; left: 50%; margin-left: -8px; position: absolute; }

.btn-style-catlogue-view {background-color:#fff; border:2px solid #55565a; color:#55565a; font-family:'Conv_manrope_regular_webfont'; display:inline-block; font-size:18px; padding:7px 10px 8px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
.btn-style-catlogue-view:hover {background-color:#55565a; border-color:#55565a; color:#fff;}
.gl-mr-15{ margin-right:15px; }
.item-category-shop-hdng { font-family: "Conv_manrope_bold_webfont"; font-size: 32px; margin-bottom: 5px; }
.item-category-shop-hdng > span { display:block; font-family: "Conv_manrope_light_webfont"; font-size: 16px; }
.catlogue_listing_discount { font-size:18px; color:#55565a;}
@media (max-width:640px){
	.btn-style-catlogue-view { font-size:14px; padding:5px 15px;}
}

@media screen and (min-width:320px) and (max-width:991px) {
.srch-input-category-shop, .pincode-input-category-shop { width: 100%; }
}
@media screen and (min-width:400px) and (max-width:767px) and (orientation:landscape) {
.ls-50 { width:50%; }
}

@media (min-width: 768px) and (max-width: 991px){
	ul.category-listing-items { display: flex; }
	ul.category-listing-items > li{ display: flex; font-size:14px; height:48px; margin-right:4px; min-width:50px; }
	ul.category-listing-items > li > a{ display: flex; align-items: center; justify-content: center; width: 100%; }
}
@media (min-width: 992px) and (max-width: 1199px){
	ul.category-listing-items > li { font-size:16px; height:52px; margin-right:4px; min-width:99px;}
	}
/* --------------------------------------------------------- */
/* ---------------------- XXXX May 2016 - START ----------------------- */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------------------- 23 June 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.color-code-box a { display: block; position: relative; padding: 2px 0 0 25px; margin-top: 25px; }
.color-code-box a span { position: absolute; top: 0; left: 0; background-color: #76695d; width: 15px; height: 15px; }
/* --------------------------------------------------------- */
/* ---------------------- 23 June 2016 - END ----------------------- */
/* --------------------------------------------------------- */
/* 27th june 2016 starts here */

.blogs-page {}
.blogs-page > ul { margin:0; padding:0;}
.blogs-page > ul > li { display: inline-block; margin-right: 2%; position: relative; text-align: center; height:50px;}
.blogs-page > ul > li a { background-color: #bababa; color: #fff; font-family: "Conv_manrope_regular_webfont";  font-size: 18px; padding: 10px 15px;}
.blogs-page > ul > li.active a { background-color: #fcaf17; display:inline-block; }

.submit-your-story { margin-top:10px; margin-left:15px; font-family: "Conv_manrope_regular_webfont"; font-size: 24px; margin-bottom: 10px;}

.submit-your-story-listing { margin-bottom:40px; }
.submit-your-story-listing > p { margin-left: 15px; margin-bottom:5px;}
.submit-your-story-listing > ul { margin:0; padding:0; }
.submit-your-story-listing > ul > li { line-height: 21px; margin-bottom: 0px; list-style:none; display:list-item; margin-left:25px;}


.browse-col { margin-bottom: 15px; }
.pl-none { padding-left: 0; }

.browse-btn { background: rgba(0, 0, 0, 0) url("clientlib-site/images/upload.jpg") no-repeat scroll 0 0 / 100% auto; height: 115px; overflow: hidden; width: 115px; }
.browse-btn input { cursor: pointer; display: block; height: 115px; opacity: 0; width: 115px;}

.instrction { color: #5e3b8d; font-size: 18px; margin-top:90px;}

.custom-input2 { border-color: #999; border-radius: 0; font-size: 18px; height: auto; padding: 12px 20px; }

.comment-widget { width:100%;}


@media (min-width:320px) and (max-width: 767px) {

.instrction { margin-top:0;	margin-left:-15px; }

}


.clock-ico { margin-left: 30px; margin-right: 5px; margin-top: -2.5px;}
.text-center { text-align:center}
.mr-20 { margin-right:20px;}


.customer-cmmnt-desc p { margin-top: -3px;}

.customer-cmmnt-desc { border-left: 1px solid #999; margin-left: 2%; margin-top: -2px; padding-left: 2%; width: 88%; }
.cmmnt-prsn, .customer-cmmnt-desc { float: left;}

.customershare-thank-content { border: 1px solid #000000;  border-radius: 20px;  margin: 0 auto; padding: 70px; }
.customershare-thank-content-header { margin: 0 auto; text-align: center; line-height:40px; }
.customershare-thank-content-header > span { border-bottom: none; color: #502b8b; display: inline-block; font-size: 40px; padding-bottom: 15px;}


@media (min-width:320px) and (max-width: 767px) {

.customershare-thank-content { padding: 20px; }
.customershare-thank-content-header { line-height:40px; }
 }

/* 27th june 2016 ends here */
/* 27th june 2016 ends here */


/* 1st july 2016 starts here */

.green-container { padding:15px; background-color:#33cccc; padding: 15px 50px;}
.green-container-form-heading { font-family: 'Conv_manrope_light_webfont';;  font-size: 26px;  margin-bottom: 32px; color:#ffffff; line-height:normal; margin-top: 30px;}

.green-container-form input { background-color: #ffffff; border: 1px solid #ffffff; color: #333333; padding: 10px 12px;  width: 100%; margin-bottom:20px;}
.btn-style-new1 { background-color: #33cccc; border: 2px solid #55565a; color: #55565a; display: inline-block;  font-family: "Conv_manrope_regular_webfont";
    font-size: 18px;   padding: 7px 30px 8px;   transition: all 0.2s linear 0s;}

.btn-style-new1:hover { background-color: #55565a !important;  border-color: #55565a; color: #fff !important; }

.green-height { background-color:#33cccc; margin-left: -6px;}

.item-captn-new { background-color: rgba(255, 255, 255, 0.75);  bottom: 30px;  left: 0;  padding: 12px; position: absolute;  text-align: center;  width: 100%; }

.gray-container { background-color:#d6d6d6;}
.padt-50 { padding-top:50px;}


.room_box {
    margin: 0 auto 20px;
    max-width: 362px;
}

.room_box .service_content {
    min-height: 230px;
	background-color:#ffffff;
}
.room_box .service_content {
    min-height: 200px;
    padding: 20px 15px 25px;
}
.service_content > p {
    margin-bottom: 20px;
	font-size:14px;
}
.room_box .service_content h2.service_subheader {
    margin-bottom: 15px;
}
.service_content > h2.service_subheader {
    font-size: 22px;
}

.btn-style-new2 { background-color: #ffffff; border: 2px solid #55565a; color: #55565a; display: inline-block;  font-family: "Conv_manrope_regular_webfont";
    font-size: 18px;   padding: 7px 30px 8px;   transition: all 0.2s linear 0s;}

.btn-style-new2:hover { background-color: #55565a !important;  border-color: #55565a; color: #fff !important; }

.left-quote { font-size:40px; margin-right:10px; color:#cc3399; font-family: "Conv_manrope_regular_webfont"}
.right-quote { font-size:40px; margin-left:10px; color:#cc3399; font-family: "Conv_manrope_regular_webfont"}

.test-content-text { font-family: "Conv_manrope_regular_webfont"; font-size: 18px; color:#ffffff;}


.social-media-container { margin-top:10px; }
.social-media-container > ul {  margin: 0;  padding: 0;}
.social-media-container > ul > li { display: inline; list-style: outside none none; padding-right: 10px;}
.mt-100 { margin-top:100px;}
.txt-right { text-align:right;}

@media (min-width:320px) and (max-width: 1199px) {
.green-height { height: auto; background-color:#ffffff;}
/*.green-container { height:auto;}*/
}




@media (min-width:320px) and (max-width: 767px) {

.txt-right { text-align:left;}


 }

 @media screen and (min-width:1200px) and (max-width:1685px){
 	.green-container{
 		padding: 15px;
 		padding-left: 30px;
 	}
 	.green-container-form-heading{
 		font-size: 25px;
 	}

 	.green-container-form-heading{
 		margin-bottom: 22px;
 		margin-top: 5px;
 	}

 	.green-container-form input{
 		margin-bottom: 12px;
 	}
 }

 @media screen and (min-width:1200px) and (max-width:1250px){
 	.green-container-form-heading{
 		font-size: 20px;
 		line-height: normal;
 	}
 }

 @media screen and (min-width:320px) and (max-width:1199px){
 	.green-height{
 		margin-left: -15px;
 	}

 	.green-container{
 		padding: 35px;
 	}

 	.green-container-form-heading{
 		margin-top: 15px;
 	}
 }

 @media screen and (min-width:1200px) and (max-width:1295px){
 	.green-container-form-heading{
 		font-size: 20px;
 		margin-bottom: 12px;
 	}
 }

/* 1st july 2016 ends here */

.img_gallery_pop_up .modal.in .modal-dialog{width:59%;max-width:100%;position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;background: #fff;}
.img_gallery_pop_up .modal-content{background:none; border:none; box-shadow:none; background: #fff; height:auto; border-radius:0; }
.img_gallery_pop_up .modal-header {padding:0;border-bottom:none;}
.img_gallery_pop_up .modal-content .close{float: right;border: none;background: none;font-size: 24px; position: relative;z-index: 100;}
.img_gallery_pop_up .modal-header{ margin:0 auto; clear: both; width:auto}
.img_gallery_pop_up .modal-header .modal-title{font-size:24px; float:left; color:#512b8b;}
.img_gallery_pop_up .modal-header p{float:left;line-height: 2; margin-top: 10px;}

.img_gallery_pop_up .modal-dialog{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%);}

.pop_first_part { padding:3% 2%; }
.img_pop_up_left_content > p { font-size:24px; color:#333333; margin-bottom:0; font-family: 'Conv_manrope_regular_webfont'; line-height:normal; }
.img_pop_up_right_content > ul { font-family:"Conv_manrope_regular_webfont"; list-style-type:none; padding:0; margin:0; text-align:right; }
.img_pop_up_right_content > ul > li { display:inline-block; margin-left:10px; }
.img_pop_up_right_content > ul > li > a { margin-left:10px; padding-right:5px; }

.pop_third_part { padding:3% 2%; }
.pop_third_part_left_content > span { font-size:18px; color:#333333; margin-bottom:0; padding-bottom:10px; font-family: 'Conv_manrope_regular_webfont'; float:left; }
.pop_third_part_left_content > ul { list-style-type:none; padding:0; margin:0; float:left; }
.pop_third_part_left_content > ul > li { display:inline-block; margin-left:20px; padding-bottom:10px; }
.pop_third_part_left_content > ul > li > p { font-size:14px; color:#333333; margin-bottom:0; font-family: 'Conv_manrope_regular_webfont'; margin-top:5px; }
.pop_third_part_right_content > p { font-size:18px; color:#333333; margin-bottom:0; font-family: 'Conv_manrope_regular_webfont'; text-align:right }

@media screen and (min-width:320px) and (max-width:767px) {
.img_pop_up_left_content > p { font-size:18px; padding-bottom:10px;}
.pop_third_part_left_content > span, .pop_third_part_right_content > p  { font-size:16px;}
.img_gallery_pop_up .modal.in .modal-dialog{width:92%;max-width:100%;}
}

.img_gallery_pop_up .modal.in .modal-dialog {
    width: 59%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto auto !important;
    background: #fff;
}
.pop_first_part {
    padding: 10px 2%;
}
.pop_third_part {
    padding: 15px 0 5px 2%;
}
/* 15th july 2016 starts here */

.paint-selector-gallery-container-new { margin: 0 auto; text-align: center; width: 266px; }
.paint-selector-gallery-new { background-color: #ffffff;  border: 1px solid #cccccc;  height: 230px; padding: 20px; }
.paint-selector-gallery-header-new { color: #512b8b; font-size: 18px; margin: 0 auto; }

.paint-selector-gallery-header-new > p > img { color: #512b8b; font-size: 18px; margin: 20px auto; }
.paint-selector-gallery-sub-header-new { color: #333333; font-size: 14px; line-height: 17px; margin: 15px auto 30px; min-height: 55px; width: 220px; }

.btn-srch-new { background: rgba(0, 0, 0, 0) url("clientlib-site/images/search-icon.png") no-repeat scroll 0 0; border: 0 none; height: 20px;  margin-top: -10px;
    padding: 0;  position: absolute;  right: 10px; top: 50%; width: 18px; }


@media screen and (min-width:320px) and (max-width:991px)
{.btn-srch-new { top:76% !important; }
}

.filter-left-container { border: solid 1px #ddd; padding-bottom:20px;  display:none; margin:0px auto; }
.filter-left-container-desk { border: solid 1px #ddd; padding-bottom:20px;  display:block; width:230px; }
.filter-header { background-color: #dad9d9;	padding:10px 15px; color:#000000; font-family: "Conv_manrope_regular_webfont"; font-size: 22px; margin-bottom:20px;
}

.filter-left-container-mob-plus { display:none; width:98%; margin:0px auto; }
.filter-left-container-mob-minus { display:none; width:98%; margin:0px auto; }

.accor-new .accrdn-secn { border-bottom: 1px solid #dbdbdb;  margin-bottom: 12px; }

.accor-new .accrdn-secn:last-child{ border-bottom: none; }

.accor-new .accrdn-title::before { background-color: #ffffff; border-radius: none;  content: ""; height: 8px; left: 0; margin-top: -3px;
    position: absolute;  top: 25px; width: 8px; }
.accor-new .accrdn-title { background: rgba(0, 0, 0, 0) url("clientlib-site/images/accor-new-plus.jpg") no-repeat scroll right 15px top 20px;
    cursor: pointer;  margin: 0; padding: 12px 15px; position: relative; }
.accor-new .accrdn-title.open {
    background: rgba(0, 0, 0, 0) url("clientlib-site/images/accor-new-minus.jpg") no-repeat scroll right 15px top 20px;
}

#filters .accrdn-cntnt { padding: 10px 18px 5px 5px; }
#filters .intrst-check { margin-bottom: 10px; display:block !important; max-height: none; overflow-y: hidden; overflow-x: hidden;  }
#filters1 .intrst-check { margin-bottom: 10px; display:block !important; max-height: none; overflow-y: hidden; overflow-x: hidden;}


#filters .intrst-check .checkbox { 	padding-left: 20px; width:100% !important; }
.intrst-hdng-new { color: #0C9B4A;  font-family: "Conv_manrope_regular_webfont";  font-size: 20px; font-weight: bold;  margin-bottom: 18px;}

#filters .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
	height: 13px;  left: 0px;   margin-left: 1px;  width: 14px;  top: -3px; }

#filters1 .intrst-check .checkbox { 	padding-left: 20px; width:100%; }
#filters1 .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
	height: 13px;  left: 0px;   margin-left: 1px;  width: 14px;  top: -3px; }

#filters .accrdn-cntnt, #filters1 .accrdn-cntnt { padding: 15px; }
#filters1 .accrdn-cntnt{height: auto; max-height: 200px; padding: 15px; overflow: auto;}

.margin-top20 { margin-top:20px; }
.margin-top30 { margin-top:30px; }
.margin-top50 { margin-top:50px; }
.margin-bottom50 { margin-bottom:50px; }
.margin-bottom30 { margin-bottom:30px; }
.margin-bottom20 { margin-bottom:20px; }
.margin-left-right0 {margin-left:0; margin-right:0;}

@media screen and (min-width:320px) and (max-width:387px){
.filters-fixed-mob{ top: 62px; }
}

@media screen and (min-width:320px) and (max-width:767px) {
#filters .intrst-check { max-height: none;  }
#filters1 .intrst-check { max-height: none;}

.filter-left-container-mob-plus { border: solid 1px #ddd; padding:10px; font-family: "Conv_manrope_regular_webfont";
    font-size: 24px; display:block; text-align: center; cursor:pointer; }

.filter-left-container-mob-minus { border: solid 1px #ddd; padding:10px; font-family: "Conv_manrope_regular_webfont";
    font-size: 24px; display:none; text-align: center; cursor:pointer; }

.filter-left-container { display:none; }
.filter-left-container-desk {display:none;}

 }




@media screen and (min-width:320px) and (max-width:767px) {
 #filters .intrst-check .checkbox { padding-left: 20px; width:100%; }
 }



#filters .checkbox label::before { left: 4px; }
#filters .checkbox label::after { left: 4px; }

.pink-box-new { background-color:#eba5cf; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.yellow-box { background-color:#ffd525; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.grey-box { background-color:#9da19c; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.aquablue-box { background-color:#6fcecf; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.violet-box { background-color:#a996bd; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.brown-box { background-color:#a36946; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.orange-box { background-color:#fa8531; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.red-box { background-color:#cf393d; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.blue-box { background-color:#9aafd1; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.green-box { background-color:#7ba63f; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}
.whites-box { background-color:#e7f0e7; border:1px; margin-right:3px; padding:2px 10px; border:solid 1px #ffffff;}

.paint-selector-gallery-container-new .grid-item { text-align:left; }
.margin-left12 { margin-left:12px; }
.margin-right12 { margin-right:12px; }
.name-new { border-right: 1px solid; display: inline-block;
line-height: 30px; margin-right: 15px;padding-right: 15px; }

.color-box-new { height: 70px; margin-bottom: 2px; width: 70px;}
.color18 {  background-color: #e4845e;}
.color19 {  background-color: #60a0a2;}

.paint-selector-gallery-container-new .grid-item .item-captn { bottom: 15px; padding: 10px 7px; }

.tags-cone { font-size: 0px; line-height: 0%; width: 0px;
border-top: 13px solid #ffffff;
border-left: 12px solid #ebebeb;
border-bottom: 12px solid #ffffff; position:absolute; top:0; right:0; }

.tags-container { background-color:#ebebeb; height:25px; text-align:left; position:relative; margin-bottom:5px; width:100%;}
.tags-container > a { text-decoration:none; color:#333333; }
.tags-container > a:hover { text-decoration:underline; color:#333333; }
.tags-content { color:#333333; font-size:12px; padding:5px; }

.spotlight-subtext { font-family: arial; font-size: 12px;  line-height: 16px; }
.border-secn { border-bottom: 1px solid #dbdbdb; padding-bottom:10px;}

#inspiration-new-post .like-view div { cursor: default; display: inline-block; line-height: 16px;  margin-right: 0; }
#inspiration-new-gallery .like-view div { cursor: default; display: inline-block; line-height: 16px;  margin-right: 5px; }

.paint-selector-gallery-container-new1 .grid-item { text-align:left; margin-right:10px; margin-left:10px; }
.paint-selector-gallery-container-new1 .grid-item:last-child {  }
.paint-selector-gallery-container-new1 .grid-item .item-captn {  padding:12px; }

.filters-fixed {  position: fixed; top:110px; background-color:#ffffff; z-index: 1; width:230px; }
.filters-fixed1 {  position: relative; top:110px; background-color:#ffffff; z-index: 1; width:230px; }
.filters-fixed-mob{  position: fixed; top:50px; background-color:#ffffff; z-index: 1; width:90%; }


.filter-stick { }
.filter-stick-mob { }

@media screen and (min-width:320px) and (max-width:767px) {


 .filter-left-container-desk {display:none;}
 #filters { overflow: auto; height: 170px; }
 }

@media only screen and (orientation : landscape)
{ #filters { overflow: auto; height: 90px; } }


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

.filters-fixed { top:110px; width:180px;}
.filters-fixed1 { top:110px; width:180px;}
.filters-fixed-mob { top:50px; width:280px; }
.filter-left-container-desk { width:180px; }

}

@media screen and (min-width:992px) and (max-width:1024px) {
.filters-fixed {  top:110px; width:230px; }
.filters-fixed1 {  top:110px; width:230px; }
.filter-left-container-desk { width:230px; }
}
@media screen and (min-width:1200px) {
.filters-fixed, .filters-fixed1, .filter-left-container-desk {  width:270px; }
}


/* 15th july 2016 ends here */


/* 25th july 2016 ends here */

.phone-new-icon-text { font-size:16px; }
.login-new-name { margin-top:5px; font-size:12px;  }
.margin-top-13 { margin-top:-13px; }
.login-new-icon { padding-left:0; padding-right:0;}

.tab_listing { position:fixed; right:0; top:28%; z-index:50; }
.tab_listing ul { list-style-type:none; padding:0; margin:0; }
.tab_listing ul > li { padding:10px; display:block; position:relative; width:auto; margin:10px 0; padding:22px 0; }
.tab_listing ul > li > a { text-decoration:none; position:absolute; right:-100px; top:0; text-align:left; display:block; width:150px; background:#0C9B4A; font-size:19px; color:#ffffff; padding:10px; border:1px solid #ffcc33;  font-family: "Conv_manrope_regular_webfont"; }
/*.tab_listing ul > li > a:hover { color:#ffcc33; }*/
.tab_listing ul > li > a > img { margin-right:10px; }

/* 25th july 2016 ends here */

/* 31st Aug 2016 starts here */

.phone-new-icon-text{
	display:inline-block !important;
}

@media screen and (min-width:320px) and (max-width:767px){
.tab_listing ul > li{
	padding:13px;
}

.tab_listing ul > li > a > img{
	width:20px;
	height:20px;
}

.tab_listing ul > li > a{
	font-size:15px;
	width:140px;
	padding:7px 10px;
}

.tab-pl-0{
	padding-left:0;
}

.socl-lnks{
	line-height:0;
	padding-top:4px;
}

.india-flag img{
	max-width:18px;
}

}

/* 31st Aug 2016 ends here */


/* 1st july 2016 starts here */

/*.green-container { padding:15px; background-color:#33cccc; height:401px;}
.green-container-form-heading { font-family: "Conv_manrope_regular_webfont";  font-size: 30px;  margin-bottom: 32px; color:#ffffff; line-height:35px;}

.green-container-form input { background-color: #ffffff; border: 1px solid #ffffff; color: #333333; padding: 10px 5px;  width: 100%; margin-bottom:20px;}*/

.btn-style-new1 { background-color: #33cccc; border: 2px solid #55565a; color: #55565a; display: inline-block;  font-family: "Conv_manrope_regular_webfont";
    font-size: 18px;   padding: 7px 30px 8px;   transition: all 0.2s linear 0s;}

.btn-style-new1:hover { background-color: #55565a !important;  border-color: #55565a; color: #fff !important; }

/*.green-height { height:401px; background-color:#33cccc;}*/

.item-captn-new { background-color: rgba(255, 255, 255, 0.75);  bottom: 30px;  left: 0;  padding: 12px; position: absolute;  text-align: center;  width: 100%; }

.gray-container { background-color:#d6d6d6;}
.padt-50 { padding-top:50px;}


.room_box {
    margin: 0 auto 20px;
    max-width: 362px;
}

.room_box .service_content {
    min-height: 230px;
	background-color:#ffffff;
}
.room_box .service_content {
    min-height: 200px;
    padding: 20px 15px 25px;
}
.service_content > p {
    margin-bottom: 20px;
	font-size:14px;
}
.room_box .service_content h2.service_subheader {
    margin-bottom: 15px;
}
.service_content > h2.service_subheader {
    font-size: 22px;
}

.btn-style-new2 { background-color: #ffffff; border: 2px solid #55565a; color: #55565a; display: inline-block;  font-family: "Conv_manrope_regular_webfont";
    font-size: 18px;   padding: 7px 30px 8px;   transition: all 0.2s linear 0s;}

.btn-style-new2:hover { background-color: #55565a !important;  border-color: #55565a; color: #fff !important; }

.left-quote { font-size:40px; margin-right:10px; color:#cc3399; font-family: "Conv_manrope_regular_webfont"}
.right-quote { font-size:40px; margin-left:10px; color:#cc3399; font-family: "Conv_manrope_regular_webfont"}

.test-content-text { font-family: "Conv_manrope_regular_webfont"; font-size: 18px; color:#ffffff;}


.social-media-container { margin-top:10px; }
.social-media-container > ul {  margin: 0;  padding: 0;}
.social-media-container > ul > li { display: inline; list-style: outside none none; padding-right: 10px;}
.mt-100 { margin-top:100px;}
.txt-right { text-align:right;}

@media (min-width:320px) and (max-width: 1199px) {
.green-height { height: auto; background-color:#ffffff;}
/*.green-container { height:auto;}*/
}



/*------------------------- 1 july css start --------------------------------------------*/

.img_gallery_pop_up .modal.in .modal-dialog{width:59%;max-width:100%;position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;background: #fff;}
.img_gallery_pop_up .modal-content{background:none; border:none; box-shadow:none; background: #fff; height:auto; border-radius:0; }
.img_gallery_pop_up .modal-header {padding:0;border-bottom:none;}
.img_gallery_pop_up .modal-content .close{float: right;border: none;background: none;font-size: 24px; position: relative;z-index: 100;}
.img_gallery_pop_up .modal-header{ margin:0 auto; clear: both; width:auto}
.img_gallery_pop_up .modal-header .modal-title{font-size:24px; float:left; color:#512b8b;}
.img_gallery_pop_up .modal-header p{float:left;line-height: 2; margin-top: 10px;}
.img_gallery_pop_up .modal-dialog{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%);}

.pop_first_part { padding:3% 2%; }
.img_pop_up_left_content > p { font-size:24px; color:#333333; margin-bottom:0; font-family: 'Conv_manrope_regular_webfont'; line-height:normal; }
.img_pop_up_right_content > ul { font-family:"Conv_manrope_regular_webfont"; list-style-type:none; padding:0; margin:0; text-align:right; }
.img_pop_up_right_content > ul > li { display:inline-block; margin-left:10px; }
.img_pop_up_right_content > ul > li > a { margin-left:10px; padding-right:5px; }

.pop_third_part { padding:3% 2%; }
.pop_third_part_left_content > span { font-size:18px; color:#333333; margin-bottom:0; padding-bottom:10px; font-family: 'Conv_manrope_regular_webfont'; float:left; }
.pop_third_part_left_content > ul { list-style-type:none; padding:0; margin:0; float:left; }
.pop_third_part_left_content > ul > li { display:inline-block; margin-left:20px; padding-bottom:10px; }
.pop_third_part_left_content > ul > li > p { font-size:14px; color:#333333; margin-bottom:0; font-family: 'Conv_manrope_regular_webfont'; margin-top:5px; }
.pop_third_part_right_content > p { font-size:18px; color:#333333; margin-bottom:0; font-family: 'Conv_manrope_regular_webfont'; text-align:right }

.payment-content-header { margin:0 auto; text-align: center;}
.payment-content-header > span { color:#502b8b; font-size:40px; line-height:42px; border-bottom: 1px solid #000000; display: inline-block; padding-bottom: 15px; }
.payment-content-subtext { text-align:justify; margin-top:40px; font-size:18px; line-height:25px; color:#333333; text-align:center;}

.session-content-header { margin:0 auto; text-align: center;}
.session-content-header > span { color:#502b8b; font-size:40px; line-height:42px; border-bottom: 1px solid #000000; display: inline-block; padding-bottom: 15px; }
.session-content-subtext { text-align:justify; margin-top:40px; font-size:18px; line-height:25px; color:#333333; text-align:center;}

.cart {	margin: 0 155px 0 0; position:relative;}
.cart-popup-wrapper { position:absolute; border:1px solid #898989; right:-45px; top:44px; z-index:1000; width:310px; background-color:#fff; display:none; }
.cart-popup-content-block { padding:20px; }
.cart-popup-content-block > ul > li { margin-bottom:25px;}
.cart-popup-content-block > ul > li:last-child { margin-bottom:10px;}
.cart-arrow { position:absolute; top:-15px; right:43px; }
.cart-summary-content { display:block; }
.cart-summary-thumb { display:inline-block; float:left; }
.cart-summary-inner-content { display:inline-block; padding-left:10px; }
.cart-summary-heading { font-family: 'Conv_manrope_bold_webfont'; font-size:14px; color:#333333; }
.cart-summary-content > p { font-size:14px; color:#333333; }
.cart-summary-price { font-family: 'Conv_manrope_bold_webfont'; font-size:16px; color:#333333; }
.cart-summary-price-content { border-bottom:1px solid #000; border-top:1px solid #000; padding:10px 0;}
.cart-summary-price-heading { font-family: 'Conv_manrope_bold_webfont'; font-size:16px; color:#333333;}
.cart-summary-final-price { font-family: 'Conv_manrope_bold_webfont'; font-size:18px; color:#333333;}



@media screen and (min-width:320px) and (max-width:767px) {
.img_pop_up_left_content > p { font-size:18px; padding-bottom:10px;}
.pop_third_part_left_content > span, .pop_third_part_right_content > p  { font-size:16px;}
.img_gallery_pop_up .modal.in .modal-dialog{width:92%;max-width:100%;}
.thank-content { margin-top:40px;}
.payment-content-header > span { color:#502b8b; font-size:28px; line-height:30px; border-bottom:1px solid #000000; display:inline-block; padding-bottom:15px; }
.payment-content-subtext { text-align:justify; margin-top:40px; font-size:16px; line-height:22px; color:#333333; text-align:center;}
.payment-content-subtext{ margin-top:30px;}

.session-content-header > span { color:#502b8b; font-size:28px; line-height:30px; border-bottom:1px solid #000000; display:inline-block; padding-bottom:15px; }
.session-content-subtext { text-align:justify; margin-top:40px; font-size:16px; line-height:22px; color:#333333; text-align:center;}
.session-content-subtext{ margin-top:30px;}

.cart { margin: 0 15px 0 0; }
.cart-popup-wrapper { right:-49px; top:30px; }
.texture-internal-container{padding-top:0px!important; padding-bottom: 60px;}
}

@media screen and (min-width:320px) and (max-width:767px) and (orientation: landscape) {
.cart-popup-content-block { height:240px; overflow:scroll;}
}
@media screen and (min-width:768px) and (max-width:991px) {
/*.brdcrumbs { margin-top:100px;}*/
.thank-content { margin-top:70px;}
.main-nav > li {margin-right:1.8%;}
.texture-internal-container{padding-top:0px!important; padding-bottom: 60px;}
.main-nav > li {
    margin-right:1.8%;
}
}
/*------------------------- 4 july css ends --------------------------------------------*/









/* --------------------------------------------------------- */
/* ----------------------- 12th April 2016 - END ----------------------- */
/* ----------------------- 26th May 2016 - START ----------------------- */
/* ---------------------------------------------------------
.text-center { text-align: center; }
.text-underline { text-decoration: underline; }
.mb-5-percent { margin-bottom: 5%; }
.btn-style5 { cursor: pointer; }

.header-short { background-color: #fff; }
.header-short .row { position: relative; }
.header-short .row .col-xs-6 { position: static; }
.header-short a { text-decoration:none; font-size:12px; font-weight: bold; color: #512b8b; position: absolute; right: 0; top: 44%; transform:translateY(-50%); }
.header-short a:hover { text-decoration:underline; }

.download-wrapper { height: 100%; background-color: #fef1cc; }
.download-wrapper > div { padding: 20px; }
.download-wrapper > div span { font-size: 16px; color:#333333; padding-left: 10px; }*/
/* --------------------------------------------------------- */
/* ----------------------- 26th May 2016 - END ----------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* ----------------------- 04th May 2016 - START ----------------------- */
/* --------------------------------------------------------- */
.btn-preview-back{
	position: absolute;
	top: 5px;
	right: 15px;
}
.fourpics-express .upload-btn {
	background:  url("clientlib-site/images/upload-v4.jpg") no-repeat scroll 0 0 / 100% auto;
}
/* --------------------------------------------------------- */
/* ----------------------- 04th May 2016 - END ----------------------- */
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ----------------------- 20th May 2016 - START ----------------------- */
/* --------------------------------------------------------- */

/* Common Responsive Table Start */
.responsiveTable{width:100%; font-family: "Conv_manrope_regular_webfont"; }
.responsiveTable th { color:#333333; font-size:20px; padding:10px 0 15px 10px; }
.responsiveTable > tbody > tr > td { padding:20px 10px; vertical-align:middle; font-size:18px; }
.responsiveTable > tbody { background-color:#fdf0c1; }
.cartTable2Item > tbody { background-color:#feda8e; }
.responsiveTable > tbody > tr > td.cart-result-bg{ background-color:#fdda8e; }
.cartTable2Item > tbody > tr > td > p { font-size:24px; }
/* Common Responsive Table End */

/* Retailer Order Listing Table Start */
.cartTable4Item, .cartTable5Item { margin-bottom:25px;}

.cartTable1Item { background-color:#fef0c1; }

.cartTable4Item > thead > tr > th:nth-child(1), .cartTable4Item > tbody > tr > td:nth-child(1) { width:30%; }
.cartTable4Item > thead > tr > th:nth-child(2), .cartTable4Item > tbody > tr > td:nth-child(2) { width:25%; }
.cartTable4Item > thead > tr > th:nth-child(3), .cartTable4Item > tbody > tr > td:nth-child(3) { width:25%; }
.cartTable4Item > thead > tr > th:nth-child(4), .cartTable4Item > tbody > tr > td:nth-child(4) { width:20%; }

.cartTable5Item > thead > tr > th:nth-child(1), .cartTable5Item > tbody > tr > td:nth-child(1) { width:30%; }
.cartTable5Item > thead > tr > th:nth-child(2), .cartTable5Item > tbody > tr > td:nth-child(2) { width:20%; }
.cartTable5Item > thead > tr > th:nth-child(3), .cartTable5Item > tbody > tr > td:nth-child(3) { width:15%; }
.cartTable5Item > thead > tr > th:nth-child(4), .cartTable5Item > tbody > tr > td:nth-child(4) { width:15%; }
.cartTable5Item > thead > tr > th:nth-child(5), .cartTable5Item > tbody > tr > td:nth-child(5) { width:20%; }

.cartTable2Item > thead > tr > th:nth-child(1), .cartTable2Item > tbody > tr > td:nth-child(1) { width:80%; }
.cartTable2Item > thead > tr > th:nth-child(2), .cartTable2Item > tbody > tr > td:nth-child(2) { width:20%; }

.cartTable2Item > thead > tr > th:nth-child(1), .cartTable2Item > tbody > tr > td { padding:10px; }
.cartTable2Item > thead > tr > th:nth-child(1), .cartTable2Item > tbody > tr > td > p { margin:15px 0 5px 0; }

.selected-shade-box { background-color:#fbe0ff; border:2px solid #FFFFFF; width:46px; height:46px; display:block; }
.selected-shade-name { font-size:14px; padding-top:10px; display:block; }

.cart-select-drop-down-item { min-width: 90px; width:100% !important; max-width:90px; }

/* Retailer Order Listing Table Start */

@media screen and (max-width: 767px){
.responsiveTable { width:100%; }

.responsiveTable > tbody > tr > td { font-size:15px; }
.font-24 { font-size:18px !important; }

.cartTable4Item, .cartTable4Item > thead, .cartTable4Item > tbody, .cartTable4Item th, .cartTable4Item tr, .cartTable4Item td{display:block; border:none;}
.cartTable4Item > tbody > tr > td {border: none; position: relative;padding-left: 50%;}
.cartTable4Item td{display:block;}
.cartTable4Item > thead > tr {position: absolute; top: -9999px; left: -9999px;}
.cartTable4Item > tbody > tr {margin:0px 0px 10px 0px}
.cartTable4Item > tbody > tr > td:before { content: attr(data-label); position:absolute; top:50%; transform:translateY(-50%); left:6px; width:95%; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cartTable4Item > tbody > tr > td * { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:18px; }

.cartTable5Item, .cartTable5Item > thead, .cartTable5Item > tbody, .cartTable5Item th, .cartTable5Item tr, .cartTable5Item td{display:block; border:none;}
.cartTable5Item > tbody > tr > td {border: none; position: relative;padding-left: 50%;}
.cartTable5Item td{display:block;}
.cartTable5Item > thead > tr {position: absolute; top: -9999px; left: -9999px;}
.cartTable5Item > tbody > tr { margin:0px 0px 10px 0px}
.cartTable5Item > tbody > tr > td:before { content: attr(data-label); position:absolute; top:50%; transform:translateY(-50%); left:6px; width:45%; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cartTable5Item > tbody > tr > td * { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:18px; }

.cartTable4Item > thead > tr > th:nth-child(1), .cartTable4Item > tbody > tr > td:nth-child(1) { width:auto; }
.cartTable4Item > thead > tr > th:nth-child(2), .cartTable4Item > tbody > tr > td:nth-child(2) { width:auto; }
.cartTable4Item > thead > tr > th:nth-child(3), .cartTable4Item > tbody > tr > td:nth-child(3) { width:auto; }
.cartTable4Item > thead > tr > th:nth-child(4), .cartTable4Item > tbody > tr > td:nth-child(4) { width:auto; }

.cartTable5Item > thead > tr > th:nth-child(1), .cartTable5Item > tbody > tr > td:nth-child(1) { width:auto; }
.cartTable5Item > thead > tr > th:nth-child(2), .cartTable5Item > tbody > tr > td:nth-child(2) { width:auto; }
.cartTable5Item > thead > tr > th:nth-child(3), .cartTable5Item > tbody > tr > td:nth-child(3) { width:auto; }
.cartTable5Item > thead > tr > th:nth-child(4), .cartTable5Item > tbody > tr > td:nth-child(4) { width:auto; }
.cartTable5Item > thead > tr > th:nth-child(5), .cartTable5Item > tbody > tr > td:nth-child(5) { width:auto; }

.cartTable2Item > tbody { background-color:#feda8e; }
.cartTable2Item > thead > tr > th:nth-child(1), .cartTable2Item > tbody > tr > td:nth-child(1) { width:50%; }
.cartTable2Item > thead > tr > th:nth-child(2), .cartTable2Item > tbody > tr > td:nth-child(2) { width:50%; }

.cartTable2Item > tbody > tr > td > p { font-size:18px; }

}

.cart-step-container { font-family: "Conv_manrope_regular_webfont"; max-width:530px; min-height:140px; margin:0 auto 60px; display:block; color:#333333; font-size:16px; }
.cart-step-btn { width:32%; text-align:center; display:inline-block; }
.cart-step-check { display: inline-block; padding: 0; position: relative; text-align: center; top: -16px; width: 32%; }
.cart-step-btn > img { margin-bottom:10px; }
.cart-step-check-bg { background-color:#c3c3c3; height:1px; margin-top:50px; position:relative; z-index:5; }
.dd-90 { width:90px !important; }
.responsiveTable > tbody > tr > td.font-24 { font-size:24px; }

.remove-copy { color:#f43032; font-size:14px; padding-top:10px; display:block; }
.remove-copy > span{ color:#502b8b; }

.input-cart-promo input[type="text"]{ background-color:#FFFFFF; height: 36px; max-width: 150px; border: 1px solid #6a7070; padding: 5px 10px; margin:0 15px 10px 0; }
.input-list-grp input[disabled]{ opacity:0.65; cursor:not-allowed; }

@media screen and (max-width: 767px){
	.cart-step-container { margin:0 auto 20px; }
	.responsiveTable > tbody > tr > td.font-24 { font-size:18px; }
}

/*--------------------------------- 25 May Css start ----------------------------------------*/

.cart-calender-right-content { margin-bottom:20px; }
.pincode { background:url(clientlib-site/images/pincode_icon.png) no-repeat 98% center; padding:20px 50px 20px 12px; margin-bottom:10px; border:1px solid #999999; border-radius:0; }
.select-texture { width:161px; height:171px; border:3px solid #cccccc; position:relative; margin:10px 0; }
.select-texture > span { position:absolute; bottom:0; left:0; background:#ffffff; color:#55565a; padding:10px; display:block; width:100%; font-family: 'Conv_manrope_regular_webfont'; }
.cart-calender-right-content > span { font-size:15px; color:#55565a; }
.cart-calender-right-content > a { background:url(clientlib-site/images/calender_edit_icon.png) no-repeat left center; padding:5px 0 0 20px; display:block; color:#512b8b; font-size:13px; font-family: 'Conv_manrope_regular_webfont'; }
.termConditon > a { display:block; color:#512b8b; font-size:13px; margin-top:10px; text-decoration:underline; font-size:13px; }
.cart-calender-right-content .bootstrap-select { width:100% !important; }
.calender-date { border:1px solid #999999; border-radius:0; padding:0 12px; margin-bottom:10px; }
.rupee { font-size:30px!important; color:#55565a; }


.cart-calender-left-container { border-right:1px solid #ccc; }
.cart-calender-left-container > p { text-align:center; font-size:24px; color:black; font-family: 'Conv_manrope_regular_webfont'; }
.item > span { font-size:13px; color:black; display:block; line-height:18px; display:block; text-align:left; margin-top:30px; }
.item > span > a { color:#512b8b; font-size:13px; text-decoration:underline; font-weight:bold; }
.slider-calender { position:relative; }
.slider-calender { max-width:400px; width:100%; margin:0 auto; }

.owl-wrapper-outer { position:relative; }
#owl-demo .item{ background: #ffffff; /*padding: 30px 0px;*/ margin: 10px;color: #FFF; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; text-align: center; position:relative; }

.calender-slider-img { position:relative; }
.calender-slider-img > a { position:absolute; bottom:0; right:0; }

.new-previous { top:20%; position:absolute; left:0; left:-50px; background:url(clientlib-site/images/slider_left_arrow.png) no-repeat center center; }
.new-next { top:20%; position:absolute; right:0; right:-50px; background:url(clientlib-site/images/slider_right_arrow.png) no-repeat center center; }

.owl-pagination { display:none;}

.customNavigation .btn { background-color: #e7e7e8; border: 0 solid #cccccc; border-radius: 20px; color: #363636; cursor: pointer; display: inline-block; font-size: 20px; line-height: 27px; margin-bottom: 0; padding: 4px 12px; text-align: center; vertical-align: middle; position:absolute; top:28%; width:36px; height:36px; }


@media screen and (min-width:320px) and (max-width:767px) {
.cart-calender-left-container { border-right:0; margin-bottom:20px; }
.new-previous { left:0; }
.new-next { right:0; }
}
@media screen and (min-width:768px) and (max-width:991px) {
.new-previous { left:0; }
.new-next { right:0; }
}

/*--------------------------------- 26 May Css start ----------------------------------------*/

.divider-vertical { padding-right:10px; }
.btn-style4 { border: 2px solid #55565a !important; color: #55565a !important; display: inline-block !important; font-size: 18px; padding: 8px 25px; width: auto; }
.btn-style4:hover { background-color: #55565a; color: #fff !important; }
.checkout-yellow-bg-band { background-color:#fdda8e; font-size:18px; color:#333333; padding:15px 0; }
.checkout-lemon-yellow-bg-band { background-color:#fdedc1; font-size:20px; color:#333333; padding:25px 0; }
.checkout-lemon-yellow-bg-band > a { color:#333333; padding-right:15px; }
.checkout-icons { display:inline-block; }




@media (min-width:320px) and (max-width: 767px) {

.txt-right { text-align:left;}

 }

@media screen and (min-width:320px) and (max-width:479px) {
	.divider-vertical { display:none;  }
	.btn-style4 { font-size: 14px; padding: 5px 15px; }
}

@media screen and (min-width:320px) and (max-width:640px) {
	.checkout-icons { display:block; margin-bottom:15px; }
	.pop_third_part_right_content > p { text-align:left }
}


/*------------------------- 1july css start --------------------------------------------*/


/* 30th August 2016 starts here */

header .navigation > ul > li > a{ padding:5px 12px; font-size:22px; font-family: 'Conv_manrope_regular_webfont'; }
/*.green-container{ padding:35px; padding-right:100px; }*/
.green-container-form-heading {padding-bottom:15px; }
.green-container-form input{ padding:10px 15px; }
.global-light-heading{ font-family: 'Conv_manrope_light_webfont'; }
.global-overflowx{ overflow-x:hidden; }
.pb-35{ padding-bottom:35px; }

.social-media-container a:hover img{
	-webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
}

.green-height{ background-color:transparent; }

@media (min-width:320px) and (max-width:480px){
	.social-media-container > ul > li{ padding-right:7px; }
	.social-media-container{ margin-top:20px; }
	.social-media-container a img{ width:20px; }
}

@media (min-width:320px) and (max-width:361px){
	.social-media-container > ul > li{ padding-right:5px; }
	.social-media-container{ margin-top:10px; }
	.social-media-container a img{ width:17px; }
}

@media (min-width:481px) and (max-width:639px){
	.social-media-container > ul > li{ padding-right:7px; }
	.social-media-container{ margin-top:16px; }
	.social-media-container a img{ width:25px; }
}

@media (min-width:1200px) and (max-width: 1366px){
	.green-height{ height:auto; }
	/*.green-container{ padding:36px 22px; height:auto; }*/
	.green-container-form-heading{ font-size:20px; line-height:normal; padding-bottom:0px; margin-bottom:12px; margin-top:5px}
	.green-container-form input{ margin-bottom:17px; }
}

@media (min-width:320px) and (max-width: 1199px){
	/*.green-container{ padding-right:35px; }*/
}

@media screen and (min-width: 320px) and (max-width: 991px){
	header .navigation > ul > li{ text-align:left; width:100%; }
}

@media (min-width:320px) and (max-width:400px){
	.footer-content{ width:100%; }
}

/* 30th August 2016 ends here */

/* 1st September 2016 starts here */

@media (min-width:320px) and (max-width:1024px){
                .purplebox-container{ width:90%; padding: 50px 0 50px 50px; }
}

@media (min-width:320px) and (max-width:1366px) and (orientation:landscape){
                .purplebox-container{ width:80%; padding: 20px; }
                .purplebox-text{ font-size: 16px; padding-bottom: 17px;}
}


@media screen and ( min-width: 768px ) and ( max-width:1170px )
{
.login-input input{  margin-top: 8px;  font-size:13px;  }
.submit{  margin-top:8px;  font-size:17px;}
.purplebox-text{ font-size:13px;  padding-bottom:13px; }
}


/* 1st September 2016 ends here */

.purplebox-form-header-text {
    padding-bottom: 5px;
}

/*@media (min-width:1200px) and (max-width: 1366px){
.green-container {
    padding: 15px;
    padding-left:30px;
    height:auto;
}
}*/

/**** User Notify css ****/
#usernotif{
    position:fixed;
    display:none;
    height:auto;
    width:auto;
    z-index:106;
    padding:5px;
    max-height:400px;
    max-width:400px;
	background-color:#2E9AFE;
    border-radius:7px;
}
#idSpanClose{
	padding-top: 2px;
    padding-right: 2px;
}
#idSpanContent{
	margin: 5px;
    padding-right: 0px;
    padding-left: 0;
}
#idSpanClose a.dismiss {
	color: white;
	position: absolute;
	right: 4px;
	top: -1px;
	font-size: 12px;
	padding: 4px;
}
#idNotifLink {
    background-color: #B0E6E8;
    color: #020119;
    border: 2px solid #55565a;
    font-family: 'Conv_manrope_regular_webfont';
    display: inline-block;
    border-radius:12px;
    font-size: 14px;
    padding: 7px 30px 8px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*** User notify CSS ends ***/


/**********************************************/
/*********** Added : 14th Sep,16 **************/
/***** Component with Like Functionality ******/

.like-box img{
    width: 100%;
    border: 1px #c5c5c5 solid;
}
.like-button-box{
    padding: 5px 0;
}

.cart-popup-content-block{
    max-height: 320px;
    height: auto;
    overflow: scroll;
}

/*------- customersurvey component styles -------*/
#ap-survey {
    padding-left:115px;
}
#ap-survey .question-title-container{
    font-family: 'Conv_manrope_regular_webfont';
	font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}
#ap-survey .footerContent #content3,#content4,#content5{
    font-family: 'Conv_manrope_regular_webfont';
    line-height: 20px !important;
    font-size: 16px;
}
#ap-survey .btn-border{
    padding-bottom: 60px;
    border-bottom: 1px solid #dbdbdb;
}
#ap-survey .dispError{
    color: red;
    width: 250px;
}
#errorMsg h3{
	color: red;
    padding-top: 10px;
	padding-left:115px;
}
#message,#status,#filled {
    padding-top: 10px;
    padding-left:115px;
}
#smileyScale .input_hidden {
	position: relative;
}
#smileyScale input[type=radio]:checked + label > img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	border: 2px solid #f00;
	border-radius: 50%;
}
.smileyMsg #m1{
	float: left;
}
.smileyMsg #m2{
	padding: 0 280px;
}

#custLegend{
    padding-bottom: 10px;
}



/*** Form OTP segment ***/
#otpSegment{
	/*background-color:#E1E1E2;*/
	border-radius:10px 10px 10px 10px;
	padding:15px 15px 15px 15px;
}


#otpInputs{
	display:none;
}

#otpVal{
	border-radius:10px 10px 10px 10px;
	margin-top: 10px;
}

#submitNo {
    background-color: #4b2674;
    border-color: transparent;
    width: 100px;
    padding: 5px;
    border-radius: 10px;
    margin-top:5px;
}

#otpErrMsg{
	color:red;
	display:none;
	margin-top:5px;
}
/*** Form OTP segment ends ***/

.modal-wrapper{
height:auto
}

.refund-btn{
text-align:center;

}

/****grout******/

#grout_calculator .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { padding:5px 0; }
#grout_calculator > div > table > tbody > tr
{
     margin-bottom: 50px;
}
#grout_calculator > div > table > tbody > tr > td
{
    text-align: left !important;
    padding-right: 80px !important;
    height: 23px;
    padding-bottom:10px !important;

}
#grout_calculator > div > table > tbody > tr > td > label
{
	vertical-align: bottom !important;
}
#grout_calculator > div > table > tbody > tr > td .err
{
	    color: red;
}
#grout_calculator .groutLayout
    {
        /*background-color: #f3f3f3;*/
        border: solid 1px #a1a1a1;
        padding: 10px;
        width: 100%;
    }
#grout_calculator > div > table > tbody > tr > td> input.ginput
{
		display: block;
        width: 100px;
    	height:22px;
        float: left;

}

.socialicon{
    margin-top:7px!important;
}

.setleft{
    margin-left:-12px!important;
    bottom:-25px!important;
}

.owl-carousel-item-4.owl-theme .owl-controls .owl-buttons div{background:url(clientlib-site/images/nav-arrw.png)center center no-repeat;}

.owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-next,
.owl-carousel-item-4.owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    z-index: 5;
	color:#000;
 	width:10px;
	height:21px;
 }
/*
.slidex{
    overflow-x: hiddent;
}

.slidex::-webkit-scrollbar {display:none;}
*/

.shadesAnchor{display:inline-block;}
.color-family-content{ display: inline-block; float: right; line-height: 18px; }
.viewcount{margin-left:26px;}

@-moz-document url-prefix() {
  .srch-input input{
     line-height: 16px;
  }
}

.buttonCenter{
    text-align:center;
}

.btn-styleCTA {
	background-color: #fff;
	border: 2px solid #55565a;
	color: #55565a;
	font-family: 'Conv_manrope_regular_webfont';
	display: inline-block;
	font-size: 18px;
	padding: 7px 20px 8px;
	text-align: center;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.btn-styleCTA:hover {
	background-color: #55565a;
	border-color: #55565a;
	color: #fff;
}

.events-secn {
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 60px;
	padding-bottom: 30px;
}

.no-brdr{
    border-bottom: none!important;
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
}

/* CSS Document */

.ecom-form > ul { margin:0; padding:0;}
.ecom-form > ul > li { float:left; width:50%; list-style:none; margin-bottom: 25px; font-size:14px; }
.ecom-form label {width: 60px;}
.ecom-form input[type="text"] { background: #ffffff; border: 1px solid #999999; height: 35px; padding: 0 10px; width: 75%;}
.ecom-form-error { color: #f20007; display: block; font-size: 12px; margin: 5px 0 0 60px;}

.ecom-login-content { border: 1px solid #502b8b; border-radius:5px; margin: 0 auto; padding: 5px; background-color:#502b8b; margin-top:50px;}
.ecom-login-content div{ color: #ffffff; display: inline-block; font-size: 18px; padding: 10px; text-align:center; width:100%; line-height:20px; }

@media only screen and (min-width:320px) and (max-width:767px) {
.ecom-form > ul > li { width:100%;}

}
.guestuser_form .error{
    color: #f20007;
    display: block;
    font-size: 12px;
    margin: 5px 0 0 0px;
    display: inline-block;
    padding-left: 63px;
}
.ecom-form > ul > li:nth-child(2n+1) { clear: both; }
.ecom-login-content-error { border: 1px solid #FF0000; border-radius:5px; margin: 0 auto; padding: 5px; background-color:#FF0000; margin-top:50px;}
.ecom-login-content-error div{ color: #ffffff; display: inline-block; font-size: 18px; padding: 10px; text-align:center; width:100%; line-height:20px; }

.formselect{
    height:38px!important;
    background-color:#fff!important;
}

.factName{
 text-transform: capitalize;
}
/*  03rd march 2017 css starts here */

 .newreset { border-bottom-color: #512b8b; border-bottom-style: solid;  border-bottom-width: 1px;
    color: #512b8b; float: right; font-size: 18px;  margin-bottom: -8px;  margin-left: -8px;
    margin-right: -5px;  margin-top: 0;   padding-bottom: 1px;  text-decoration-color: -moz-use-text-color;
    background-color:transparent; border-top-width:0; border-left-width:0; border-right-width:0;border-bottom-width:1;
 }

/*------------------------- updated on 13 april start  --------------------------------------------*/
span.pincodepromptvalidate{
    color:red;
    margin-right: 125px;
}
@media screen and (min-width:320px) and (max-width:767px){
	span.pincodepromptvalidate{
    color:red;
    margin-right: 0px;
}
}
#paintingService, #paintingServiceCarousel { text-align:center;}
#paintingService .modal-dialog, #paintingServiceCarousel .modal-dialog { max-width:620px; width:100%;}
#paintingService .modal-header, #paintingServiceCarousel .modal-header { margin:30px 20px 10px 20px;}
#paintingService .modal-body, #paintingServiceCarousel .modal-body { padding:0 20px 50px 20px !important;}
#paintingService .modal-header .modal-title { font-size:30px; color:#6b6b6b;}
#paintingService .modal-body .painting-service-copy p { font-size:18px; color:#6b6b6b; margin-bottom:10px; line-height: 25px; }
#paintingService .model-input { width:100%;}
#paintingService .model-input ul { margin-top:20px;}
#paintingService .model-input ul li { display:inline-block; margin-left:15px;}
#paintingService .model-input ul li input { background-color: transparent; border: 3px solid #5e3b8d; padding:15px 0; width: 250px; font-size: 18px; font-family: 'Conv_manrope_regular_webfont'; text-indent: 15px;}
#paintingService .model-input ul li button {background-color: #5e3b8d; border: 0 none; color: #fff; font-size: 18px; font-family: 'Conv_manrope_regular_webfont'; padding:18px 40px;}
#paintingService .modal-content .close { top: -18px; right: 10px; font-size: 26px; }
.pop-up-slider .item > ul { list-style-type: none; padding: 0; margin: 0; display: flex; align-items: center; text-align: left; }
.pop-up-slider .item > ul > li { float: left; }
.pop-up-slider .item > ul > li:first-child { width: 30%; text-align: center; }
.pop-up-slider .item > ul > li:last-child { width: 70%; padding-left: 40px; }
.pop-up-slider .item > ul > li > p { font-size: 36px; color: #676767; margin-bottom: 20px; font-family: 'Conv_manrope_regular_webfont'; }
.pop-up-slider .item > ul > li > span { font-size: 18px; line-height: 24px; color: #676767; display: block; font-family: 'Conv_manrope_regular_webfont'; }
#paintingServiceCarousel .modal-header img{ opacity: 0.1; }

#paintingService, #paintingServiceCarousel { top: -15%; }

@media screen and (min-width:320px) and (max-width:767px) {
#paintingService .modal-dialog, #paintingServiceCarousel .modal-dialog { width:85%;}
#paintingService .modal-header, #paintingServiceCarousel .modal-header { margin:30px 10px 0px 10px;}
#paintingService .modal-body, #paintingServiceCarousel .modal-body { padding:10px 10px 20px 10px !important;}
#paintingService .modal-header .modal-title { font-size:24px;}
#paintingService .modal-body .painting-service-copy p { font-size:16px;}
#paintingService .model-input ul li { margin-bottom:10px; display:block;}
#paintingService .model-input ul li input { width: 200px; font-size: 14px; }
#paintingService .modal-content .close { top: -20px; }
.pop-up-slider .item > ul > li > p { font-size: 24px; }
.pop-up-slider .item > ul > li > span { font-size: 14px; }
#paintingService .model-input ul li button{ padding: 12px 30px; }
#paintingService .modal-body .painting-service-copy p br{ display: none;}
#paintingService .modal-body .painting-service-copy p{ line-height: 22px; }
#paintingService .modal-header .modal-title{ line-height: 28px;}
#paintingServiceCarousel .modal-header img{ width: 100px; }
}
@media screen and (max-width:479px){
.pop-up-slider .item > ul { display: block; }
.pop-up-slider .item > ul > li { float: none; text-align: center; }
.pop-up-slider .item > ul > li:first-child, .pop-up-slider .item > ul > li:last-child { width: 100%; }
.pop-up-slider .item > ul > li:last-child { margin-top: 20px; }
.pop-up-slider .item > ul > li > img { width: 50%; }
.pop-up-slider .item > ul > li:last-child { padding-left: 0; }
}

@media screen and (min-width:768px) and (max-width:991px) {
#paintingService .modal-dialog, #paintingServiceCarousel .modal-dialog { width:85%;}
#paintingService .modal-header, #paintingServiceCarousel .modal-header { margin:30px 10px 10px 10px;}
#paintingService .modal-content .close { top: -20px; }
.pop-up-slider .item > ul > li > p { font-size: 28px; }
.pop-up-slider .item > ul > li > span { font-size: 16px; }
}

/*------------------------- updated on 13 april end  --------------------------------------------*/
.accrdn-title-inspiration:before {
	background-color: #fcaf17;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: "";
	height: 8px;
	left: 0;
	margin-top: -3px;
	position: absolute;
	/*top: 50%;*/
	top: 25px;
	width: 8px;
}
.accrdn-title-inspiration {
	background: url("clientlib-site/images/plus-icon.png") no-repeat right center;
	cursor: pointer;
	margin: 0;
	padding: 12px 30px;
	position: relative;
}
.accrdn-title-inspiration.open {
	background-image: url("clientlib-site/images/minus-icon.png");
}
.accrdn-title-inspiration {
		background-size: 25px;
		font-size: 18px;
		padding: 12px 30px 12px 20px;
}
.accor-new .accrdn-title-inspiration::before { background-color: #ffffff; border-radius: none;  content: ""; height: 8px; left: 0; margin-top: -3px;
    position: absolute;  top: 25px; width: 8px; }
.accor-new .accrdn-title-inspiration { background: rgba(0, 0, 0, 0) url("clientlib-site/images/accor-new-plus.jpg") no-repeat scroll right 15px top 20px;
    cursor: pointer;  margin: 0; padding: 12px 15px; position: relative; }
.accor-new .accrdn-title-inspiration.open {
    background: rgba(0, 0, 0, 0) url("clientlib-site/images/accor-new-minus.jpg") no-repeat scroll right 15px top 20px;
}
 .twitter-mosaic-container{
 	overflow:hidden;
 }

 .twitter-mosaic-container iframe{
 	position: absolute;
     width:100%;
     height:100%;
     top:0px;
 }


/*31st March 2017*/
.dealer_locator .text-center { text-align:center;}
.dealer_locator .circle_yellow { margin:0 auto !important 111111;}

@media (max-width:1200px){
.dealer_locator > div > span { display:block !important;}
.locate_container, .dealer_locator .circle_yellow {margin-top:40px !important;}
}

@media (max-width:768px){
.dealer_locator .text-center { text-align:left;}
}
/*------------------------- updated on 16 May 2017  --------------------------------------------*/
#paintingServiceNotAvailable .modal-dialog { max-width:700px; width:100%;}
#paintingServiceNotAvailable .modal-body > ul { list-style-type: none; padding: 30px 50px; margin: 0; display: flex; align-items: center; text-align: left; }
#paintingServiceNotAvailable .modal-body > ul > li { text-align: center; }
#paintingServiceNotAvailable .modal-body > ul > li > span { font-size: 18px; line-height: 24px; color: #676767; display: block; font-family: 'Conv_manrope_regular_webfont'; margin-bottom: 20px; }
#paintingServiceNotAvailable .modal-body > ul > li:first-child { width: 30%; text-align: center; }
#paintingServiceNotAvailable .modal-body > ul > li:last-child { width: 69%; padding-left: 40px; }

@media screen and (max-width:479px){
#paintingServiceNotAvailable .modal-body > ul { padding: 20px; }
#paintingServiceNotAvailable .modal-body > ul > li:last-child {padding-left: 20px; }
}


#serviceNotAvailable .modal-dialog { max-width:700px; width:100%;}
#serviceNotAvailable .modal-body > ul { list-style-type: none; padding: 30px 50px; margin: 0; display: flex; align-items: center; text-align: left; }
#serviceNotAvailable .modal-body > ul > li { text-align: center; }
#serviceNotAvailable .modal-body > ul > li > span { font-size: 18px; line-height: 24px; color: #676767; display: block; font-family: 'Conv_manrope_regular_webfont'; margin-bottom: 20px; }
#serviceNotAvailable .modal-body > ul > li:first-child { width: 30%; text-align: center; }
#serviceNotAvailable .modal-body > ul > li:last-child { width: 69%; padding-left: 40px; }

@media screen and (max-width:479px){
#serviceNotAvailable .modal-body > ul { padding: 20px; }
#serviceNotAvailable .modal-body > ul > li:last-child {padding-left: 20px; }
}

/*------------------------- updated on 16 May 2017  --------------------------------------------*/

/*-------------Login Recaptcha------------*/
#logincaptcha{
    display:none;
}

/*------------WallStickers----------------*/
.product_desc{
	margin-bottom:20px;
	margin-top:10px;
}
/*------------------------- my Order section starts --------------------------------------------*/
.padding-0 { padding:0;}
.global-padding-10 { padding:10px;}
.global-padding-30 { padding:30px;}
.global-mt-20 { margin-top:20px;}
.bg-white { background-color:#ffffff;}
.bg-grey-light { background-color:#f3f3f3;}
.bg-grey { background-color:#e8e8e8;}
.bg-grey-dark { background-color:#dfdfdf;}

.order-details { padding:15px; }
.order-details-content { position:relative; }
.order-details-title { background: #fcaf17 none repeat scroll 0 0; color: #ffffff; padding:12px 20px;}

.btn-style-yellow { border: 2px solid #ffffff; color:#ffffff; display: inline-block; font-size: 18px; padding: 8px 25px; width: auto; }
.btn-style-yellow:hover { background-color: #ffffff; /*background-color: #fdb000;*/color: #55565a; }
.btn-style-trans { background-color:transparent; border: 2px solid #55565a; color: #55565a; font-family: 'Conv_manrope_regular_webfont'; display: inline-block; font-size: 18px; padding: 7px 25px 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:20px; }
.btn-style-trans:hover { background-color: #55565a; border-color: #55565a; color: #fff;}
.order-details-content .row p.order-title-black { text-align:center; font-size:18px; color:#000000; font-weight:500; padding:10px; line-height:20px; margin:0; display:inline-block;}
.order-details-content .row p.order-title { text-align:center; font-size:18px; color:#ffffff; font-weight:500; margin-bottom:0;}
.order-details-content .row p > span { display:block; font-size:14px;}
.payment-summary-wrapper { padding:20px 30px 30px 30px;}
.payment-summary-content tr > td { padding:10px 0; font-size:14px; color:#333333; font-weight:400;}
.order-details-content .row p { font-size:14px; color:#333333; font-weight:500;}
.yourvoice-orange-header { color:#fcaf17;}
.yourvoice-green-header { margin-left:0 !important;  color:#5ea12f;}
.yourvoice-green-header > img, .yourvoice-orange-header > img, .yourvoice-black-header > img { margin-right:10px;}
.yourvoice-black-header { font-size:13px; color:#333333;}
.order-detail-image-block { display:inline-block; float:left; margin-right:20px;}
.order-detail-imagecontent-block { display:block;}
.order-detail-imagecontent-block .left { display:block; float:left; max-width:200px; width:100%;}
.order-detail-imagecontent-block .left > h4, .order-detail-imagecontent-block .left > p { margin-bottom:10px;}
.order-detail-imagecontent-block .right { display:block; float:left;}
/*.order-details-btn > a, .yourvoice-black-header { float:right;}*/
.rate-content { margin-top:20px; border-top:1px solid #b2b2b2; padding-top:20px;}
.rate {  float: left; margin-left: 20px; }
.rate:not(:checked) > input {
    display: none;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
     display: block;
    position: relative;
    overflow: hidden;
}
.rate:not(:checked) > label:before {
    content: '?';
}
.rate > input:checked ~ label {
    color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

.custom-rating span{
    display: inline-block;
    font-size: 20px;
    float: left;
    font-family: 'Conv_manrope_regular_webfont';
    padding-bottom: 10px;
    padding-top: 5px;
	margin-bottom:20px;
}

.custom-rate{ border-bottom: 1px #cccccc solid; padding-right: 10px;}

.custom-rate-digit{
    padding-left: 10px;
    padding-top: 7px !important;
}

.cmmnt-box {
    border-bottom: 1px solid #dadada !important;
    margin-bottom: 35px !important;
    padding-bottom: 35px !important;
    padding-top: 35px !important;
}

.cmmnt-prsn{
    margin-top: 0;
}

.cmmnt-desc p{
    margin-bottom: 0;
    margin-top: 0;
}

.form-control.custum-input2 { border:1px solid #d6d6d6; border-radius: 0; height: 110px; resize: none; background-color:#f4f4f4}
.view-details-content,.rate-content{display: none;}


@media screen and (min-width:320px) and (max-width:479px) {
.order-details-content .row p.order-title { font-size:11px;}
.order-details-content .row p > span { font-size:10px;}
.order-details-content .row p.order-title-black { font-size:12px; padding:8px 11px; line-height:14px; margin:0;}
.order-detail-image-block { width:38%;  margin:15px 10px 0 0;}
.order-detail-imagecontent-block { width:51%; float:left;}
.yourvoice-green-header > img, .yourvoice-orange-header > img, .yourvoice-black-header > img { margin-right:5px;}
.order-details-title { padding: 8px 4px;}
}

@media screen and (min-width:480px) and (max-width:767px) {
.order-detail-image-block { margin-top:15px; width:40%;}
.order-detail-imagecontent-block { width:40%; float:left;}
.order-details-content .row p.order-title-black { font-size:14px; padding:8px 16px; line-height:14px; margin:0;}
.order-details-content .row p.order-title {  font-size:12px;}
.order-details-content .row p > span { font-size:12px;}
.order-details-title { padding: 8px 10px;}
}

@media screen and (min-width:320px) and (max-width:767px) {
.global-padding-0-mob { padding:0px;}
.global-mtb { margin:20px 0;}
.btn-style-yellow { float:right;}
.float-r-mob { float:right !important;}
.btn-style-trans { padding:7px 15px 8px;}
.order-details { margin-left:0; }
h4 { margin-bottom:5px;}
.btn-style-yellow { font-size: 16px; padding: 6px 15px; }

.order-details-btn { margin:20px 0;}
.order-details-btn > a { float:none;}
.order-detail-imagecontent-block .left { width:100%;}
.order-detail-imagecontent-block .left > p { margin-bottom:0;}
.order-detail-imagecontent-block .right { display:block; float:left; margin-top:10px;}
.order-details-content .row p > span { display:inline-block;}
.order-details-content .row p.order-title { text-align:left;}
.yourvoice-black-header { margin-top:10px;}
.custom-rating span { font-size:14px;}
.rate:not(:checked) > label { font-size:25px;}
}
@media screen and (min-width:768px) and (max-width:991px) {
.global-padding-tab { padding:20px 0;}
.payment-summary-wrapper { 20px 10px 30px 10px;}
.payment-summary-content tr > td:first-child { padding:10px 10px 10px 0;}
.btn-style-trans { font-size:16px; padding: 7px 20px 8px;}
.order-details { margin-left:0; width: 600px;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
.order-detail-imagecontent-block .left { max-width:160px; width:100%;}
.order-detail-image-block { margin-right:10px;}
.btn-style-trans { font-size:16px; padding:7px 14px 8px;}
.order-details {width: 650px;}
}

@media screen and (min-width:1201px)and (max-width:1500px){
    .order-details {width: 825px;}
}

@media screen and (min-width:1501px) {
   .order-details {width: 1000px;}
}

.return-popup{/* float:left; */line-height: 2;margin-top: 15px;margin-left: 15px;/* margin-bottom: 15px; */}
/*------------------------- my Order section ends --------------------------------------------*/

/*--Updated colour catalogue start here--*/

/*--Updated on 22nd May 2017 start here--*/

.productDesc{ margin-bottom: 20px; }
.productPrice{ margin-bottom: 10px;}
/*.shade-col{ position: relative; }*/
.shade-col p { margin-bottom: 0; }
.shade-col a{ display: inline-block; border: 2px #333333 solid; padding: 10px 20px; font-size: 16px; font-weight: bold; color: #333333; margin-top: 15px; position: relative; }
.shade-col a:hover{ background-color: #333333; color: #fff; }
.shade-col a:hover span{ color: #333333; }

.shade-col a .custom-tooltip{ position: absolute; bottom: 55px; right: 0px; left: -2px; font-size: 14px;/* width: 210px;*/ text-align: center; background-color: #fff; border: 1px #333333 solid; padding: 15px; line-height: 18px; z-index: 500; display: none; }

.shade-col a .custom-tooltip .tooltip-bottom-arrow{ content: ''; height: 15px; width: 16px; display: block; border: 1px solid #101010; border-right-width: 0; border-top-width: 0; transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; bottom: -8px; right: 0; left: 0;
margin: auto; background-color: #ffffff; }

.shade-col a:hover .custom-tooltip{ display: block; }

/*--Updated on 22nd May 2017 ends here--*/
#colorSelection .modal-dialog { max-width: 1160px; width: 100%;}
#colorSelection .modal-content { height: auto; border-radius: 0;}
#colorSelection .modal-content .close {margin-right: 10px; margin-top: 8px;}
#colorSelection .modal-body .color-family-listing { padding: 40px 100px 70px 100px;}
#colorSelection .modal-body .color-family-listing h3.color-family-popup-title {font-family: 'Conv_manrope_regular_webfont'; font-size: 30px; color: #333333; text-align: center; padding-bottom: 40px;}

#colorSelection .modal-body .color-family-listing ul > li { float: left; list-style-type: none; width: 29%; margin-right: 50px;}
#colorSelection .modal-body .color-family-listing ul > li:last-child { margin-right: 0;}
#colorSelection .modal-body .color-family-listing ul > li h2 span { border: none;}
#colorSelection .modal-body .color-family-listing ul > li h2 span.catlogue_listing_discount { font-size: 18px; color: #55565a;}
#colorSelection .modal-body .color-family-listing ul > li h4 {font-family: 'Conv_manrope_regular_webfont'; font-size: 24px; color: #333333;}


@media screen and (min-width:320px) and (max-width:639px) {
#colorSelection .modal-dialog { width: 90%; top: 120px;}
#colorSelection .modal-body .color-family-listing { padding:20px 10px;}
#colorSelection .modal-body .color-family-listing ul > li { width: 98%; margin-right:0; margin-top: 40px; border-bottom: 1px solid #b7b7b7;padding-bottom: 30px;}
#colorSelection .modal-body .color-family-listing ul > li:last-child {border-bottom: none;}
#colorSelection .modal-body .color-family-listing h3.color-family-popup-title { font-size: 24px; padding-bottom: 0; margin-bottom: 0; text-align: left;}
#colorSelection .modal-body .color-family-listing ul > li h4 { font-size: 20px; }

.color-patch-list { width: 100%;}
.shade-col { width: 100%; margin-top: 30px;}

}

@media screen and (min-width:640px) and (max-width:767px) {
#colorSelection .modal-dialog { width: 94%;}
#colorSelection .modal-body .color-family-listing { padding:20px 20px 30px 20px;}
#colorSelection .modal-body .color-family-listing ul > li { width: 44%; margin-right:30px; margin-top: 30px;}
#colorSelection .modal-body .color-family-listing h3.color-family-popup-title { font-size: 26px; padding-bottom: 10px;}
#colorSelection .modal-body .color-family-listing ul > li h4 { font-size: 22px; }

}

@media screen and (min-width:768px) and (max-width:991px) {
#colorSelection .modal-dialog { width: 96%;}
#colorSelection .modal-body .color-family-listing { padding:20px 40px 40px 40px;}
#colorSelection .modal-body .color-family-listing ul > li { margin-right:40px;}
#colorSelection .modal-body .color-family-listing ul > li h4 { font-size: 20px; height: 45px;}
.shade-col a .custom-tooltip { width: 190px; padding: 15px 10px;}
}
@media screen and (min-width:992px) and (max-width:1023px) {
#colorSelection .modal-body .color-family-listing { padding:20px 70px 40px 70px;}
#colorSelection .modal-body .color-family-listing ul > li { margin-right:40px;}

}
@media screen and (min-width:992px) and (max-width:1199px) {
.shade-col a .custom-tooltip { width: 190px; padding: 15px 10px;}
}
/*--Updated colour catalogue ends here--*/

/*---------------------------- store locator css start -------------------------------*/

.store-loc-title > p { font-size: 22px; color: #404041; font-weight: 700; font-family:'Conv_manrope_regular_webfont'; }
.store-loc-title > p > a { font-size: 16px; color: #5e3b8d; font-weight: 700; text-decoration: underline; margin-left: 10px; display: inline-block; }
.show-results-stores-list { margin-top: 40px; }
.show-results-stores-list > p { font-size: 16px; color: #404041; margin-bottom: 10px; }
.show-results-stores-list > ul { list-style-type: none; padding: 0; margin: 0; }
.show-results-stores-list > ul > li { display: flex; align-items: center; margin-bottom: 10px; border: 1px solid #dcdcdc; }
.show-results-stores-list > ul > li:last-child { margin-bottom: 50px; }
.show-results-img { width: 19%; float: left; }
.show-results-copy { width: 66%; float: left; padding: 0 3%; }
.show-results-copy > p { text-transform: uppercase; color: #1f1f1f; font-size: 15px; font-weight: 700; margin-bottom: 10px; font-family: 'Arial'; }
.show-results-copy > span { text-transform: uppercase; line-height: 20px; color: #2d2d2d; font-size: 14px; display: block; margin-bottom: 15px; font-family: 'Arial'; }
.show-results-copy > ul { list-style-type: none; padding: 0; margin: 0; }
.show-results-copy > ul > li { display: inline-block; margin-right: 10px; padding-right: 10px; border-right: 1px solid #6b6b6b; font-size: 15px; font-family: 'Arial'; color: #6b6b6b; position: relative; }
.show-results-copy > ul > li:first-child { color: #343434; font-weight: 700; border-right: none; margin-bottom: 5px; padding-right: 0; }
.show-results-copy > ul > li:last-child { border-right: none; margin-left: 0; }
.show-results-contact { width: 15%; float: left; }
.show-results-contact > a { display: block; font-size: 16px; color: #59595a; text-decoration: underline; font-weight: 700; position: relative; }
.map-icon { background: url(clientlib-site/images/map-icon.jpg) no-repeat left center; padding: 10px 10px 10px 30px; }
.contact-icon { background: url(clientlib-site/images/contact-icon.jpg) no-repeat left center; padding: 10px 10px 10px 30px; }
.profile-icon { background: url(clientlib-site/images/profile-icon.jpg) no-repeat left center; padding: 10px 10px 10px 30px; }

.show-results-list-contractor, .speciality-container { margin-top: 40px; }
.show-results-list-contractor > p, .speciality-container > p { font-size: 16px; color: #404041; margin-bottom: 10px; }
.speciality-container > p { margin-bottom: 30px; }
.show-results-list-contractor > ul { list-style-type: none; padding: 0; margin: 0; border: 1px solid #dcdcdc; max-height: 550px; }
.show-results-list-contractor > ul > li { display: flex; align-items: center; border-top: 1px solid #dcdcdc; padding: 20px 0; }
.show-results-list-contractor > ul > li:first-child { border-top: 0; }
.show-results-contractor-copy { width: 80%; float: left; padding: 0 3%; }
.show-results-contractor-copy > p { text-transform: uppercase; font-family: 'Arial'; color: #1f1f1f; font-size: 16px; font-weight: 700; margin-bottom: 5px; }
.show-results-contractor-copy > ul { list-style-type: none; padding: 0; margin: 0; }
.show-results-contractor-copy > ul > li { display: inline-block; margin-right: 10px; font-family: 'Arial'; padding-right: 10px; border-right: 1px solid #6b6b6b; font-size: 15px; color: #6b6b6b; position: relative; }
.show-results-contractor-copy > ul > li:first-child { color: #343434; font-weight: 700; border-right: none; margin-bottom: 5px; padding-right: 0; }
.show-results-contractor-copy > ul > li:last-child { border-right: none; margin-left: 0; }
.show-results-contractor-contact { width: 20%; float: left; }
.show-results-contractor-contact-copy > a { display: block; font-size: 16px; color: #59595a; text-decoration: underline; font-weight: 700; position: relative; }
.show-results-contractor-contact { margin-bottom: 10px; }

.padding > li .text-input { padding: 15px 8px !important; }

.book-site-visit-form-container { background: #fff; padding: 20px 40px; position: relative; }
.book-site-visit-form-container{content: ''; height: 15px; width: 16px; display: block; border: 1px solid #c6c6c6; border-right-width: 0; border-top-width: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; left: 50%; top: -8px; margin: auto; background-color: #ffffff;}


.white-box { background-color:#ffffff; padding:20px 40px; border:solid 1px #cccccc; box-shadow: 5px 5px 5px #f6f6f6; position:relative; margin-top: 20px; display: none; }
.white-box-top-arrow { content: ''; height: 15px; width: 16px; display: block; border: 1px solid #c6c6c6; border-right-width: 0; border-top-width: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; left: 55%; top:-8px;
margin: auto; background-color: #ffffff; }
.white-box .row { display: flex; align-items: center; }
.white-box ul.desktop-form { margin:0; padding:0;}
.white-box ul.desktop-form > li { float:left; list-style:none; width:45%; margin:15px 40px 15px 0;}
.white-box ul.desktop-form > li input { font-family: 'Arial'; background-color:#ffffff; border-top:none; border-left:none; border-right:none; border-bottom:solid 1px #cccccc; padding:5px; color:#000000; font-size:15px; width:100%; }
.white-box ul.desktop-form > li input::-webkit-input-placeholder { color: #000000; }
.white-box ul.desktop-form > li input::-moz-placeholder { color: #000000;  opacity: 1; }
.white-box ul.desktop-form > li input::-ms-input-placeholder { color: #000000; }
.white-box ul.desktop-form > li input::-moz-placeholder { color: #000000; opacity: 1; }
.white-box-close { position:absolute; top:10px; right:10px;}

.wi45 { width: 45% !important; }
.or-form { width: 10%; margin-top: 20px; float: left; text-align: center; }

.speciality-container .checkbox label::before, .speciality-container .checkbox label::after { width: 20px; height: 20px;  }
.speciality-container .checkbox label::after { left: 0; top: 0; }
.speciality-container .checkbox label { padding-left: 10px; line-height: 25px;font-family:'Conv_manrope_regular_webfont'; }
.speciality-container .checkbox input[type="checkbox"]:checked + label::after, .speciality-container .checkbox input[type="radio"]:checked + label::after {
    background: url("clientlib-site/images/tick-mark-green-big.png") no-repeat center center;
}

/*---------------------------- store locator css end -------------------------------*/

@media (max-width:640px){
	.custom-product-shot-img { width:90px; }
}
@media (max-width:767px){
	table.custom-mobile-responsive-single-column, table.custom-mobile-responsive-single-column tbody, table.custom-mobile-responsive-single-column tr, table.custom-mobile-responsive-single-column td{
		display: block;
		/* border: 1px solid #0f0; */
		padding: 4px;
		float: left;
		clear: both;
		width: 100%;
	}

	/*---------------------------- store locator css start -------------------------------*/
	.store-loc-title > p > a { margin-left: 0; margin-top: 10px; }
	.show-results-img { text-align: center; }
	.show-results-list-contractor > ul > li { display: block; padding: 3% 5%; }
	.show-results-stores-list > ul > li { display: block; padding: 0; }
	.show-results-img, .show-results-copy, .show-results-contact, .show-results-contractor-copy, .show-results-contractor-contact { width: 100%; padding: 0; margin: 10px 0; }
	.show-results-contractor-copy { }
	.show-results-contact, .show-results-contractor-contact-copy { display: flex; justify-content: space-between; }
	.show-results-contact > a, .show-results-contractor-contact-copy > a { display: inline-block; }
	.show-results-copy > ul > li { margin-bottom: 5px; }
	.show-results-copy > ul > li:first-child { display: block; }
	.speciality-container .checkbox { position: relative; }
	.speciality-container .checkbox > a { position: static; }
	.speciality-container .checkbox a .custom-tooltip { left: 0; top: 8vw; }
	.speciality-container .checkbox a .custom-tooltip .tooltip-left-arrow {content: ''; height: 15px; width: 16px; display: block; border: 1px solid #c6c6c6; border-right-width: 0; border-top-width: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; left: 50%; top: -8px; margin: auto; background-color: #ffffff;}
	.white-box { padding: 20px; margin-bottom: 30px; }
	.white-box .row { display: block; }
	.show-results-list-contractor > ul { max-height: 100%; }
	.white-box ul.desktop-form > li { width: 100%; }
	.white-box-top-arrow { left: 20%; }
	.wi45 { width: 100% !important; }
	.or-form { width: 100%; text-align: center; margin-top: 5px; }
	.store-loc-title > p { font-size: 19px; line-height: 24px; }
	.show-results-stores-list > ul > li { border: 0; border-bottom: 1px solid #dedede; padding: 20px 0; }
	.show-results-stores-list > ul > li:last-child { border-bottom: none; }
}
@media screen and (min-width: 768px) and (max-width:991px){
	.show-results-copy > p { font-size: 13px; }
	.show-results-copy > span, .show-results-copy > ul > li, .show-results-contact > a { font-size: 11px; margin-bottom: 10px; }
	.show-results-copy > ul > li:last-child { margin-left: 10px;}
	.white-box-top-arrow {left: 85%;}
	.white-box ul.desktop-form > li { width: 42%; }
	/*.speciality-container .checkbox a .custom-tooltip { top: -15vw; }*/
}
@media screen and (min-width: 992px) and (max-width:1199px){
/*.speciality-container .checkbox a .custom-tooltip { top: -12vw; }*/
.speciality-container .checkbox label {padding-right: 10px; font-size: 14px;}
.white-box-top-arrow {left: 65%;}
.white-box ul.desktop-form > li { width: 42%; }
}

/*---------------------------- store locator css end -------------------------------*/

/*------------------------- updated on 1st June 2017  --------------------------------------------*/

.speciality-container .checkbox { margin-bottom:20px; margin-top:0;}
.speciality-container .checkbox label { padding-right:15px; font-size:15px; color:#151515; text-transform: uppercase; font-weight: 700;}
.speciality-container .checkbox > a{ position:relative; }
.speciality-container .checkbox > a > img { position: relative; z-index: 0; }
.speciality-container .checkbox > a > img.zindex3 { z-index: 3; }
.speciality-container .checkbox a .custom-tooltip{ position: absolute; right:0; left: 10px; top:-10px; font-size: 14px; width: 280px; background-color: #fff; border: 1px #c6c6c6 solid; padding: 15px; line-height: 18px; z-index: 1; display: none; }
.speciality-container .checkbox a .custom-tooltip span img { margin-top:20px;}
.speciality-container .checkbox a .custom-tooltip .tooltip-left-arrow { content: ''; height: 15px; width: 16px; display: block; border: 1px solid #c6c6c6; border-right-width: 0; border-top-width: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; left: -8px; top:10px;
margin: auto; background-color: #ffffff; }
.tool-tip-close-mob { display: none; }

.speciality-container .checkbox  a:hover .custom-tooltip{ display: block; }
/*-------------POPUP-----------*/
#getIntouchContractor .modal-dialog { max-width:900px; width:98%;}
#getIntouchContractor .modal-content .modal-body .get-in-touch-copy { padding:15px 140px 40px;}


#getIntouchContractor .popup-title p {font-family: 'Conv_manrope_bold_webfont'; font-size:24px; color:#333333; text-align:center; margin-bottom:20px;}
#getIntouchContractor .popup-title p span.img-left { margin-right:20px;}
#getIntouchContractor .popup-title p span.img-right { margin-left:20px;}
.ctrl-form-width { padding: 0 10px 0 15px !important; }
.modal-content .close { margin: 10px; }



@media screen and (max-width:479px){
#getIntouchContractor .ctrl-form-width.form-half-width { width:100%;}
#getIntouchContractor .popup-title p { text-align:left; font-size:18px;}
}


@media screen and (max-width:767px){
#getIntouchContractor .modal-content .modal-body .get-in-touch-copy { padding:15px 30px;}
#getIntouchContractor .popup-title p span.img-left { margin-right:8px;}
#getIntouchContractor .popup-title p span.img-left img, #getIntouchContractor .popup-title p span.img-right img { width:25%;}
#getIntouchContractor .popup-title p span.img-right { margin-left:8px;}
.tool-tip-close-mob { font-size: 16px; color: #000; text-align: right; display: block; position: absolute; top: 10px; right: 10px; }
}

/*------------------------- updated on 1st June 2017  --------------------------------------------*/

/*------------------------- Schedular css start  --------------------------------------------*/

 .sheduler-form-inner-banner .container { height: auto; }
 .sheduler-form-inner-banner { height: 470px; }
 .sheduler-form-inner-banner img { width: 100%; height: 470px; object-fit:cover; }
 .schedular-container .container { position: absolute; top: 10vw; left: 0; width: 100%; height: auto; }
 .schedular-container .row { max-width: 1170px; margin: 0 auto; }
 .schedular-form-spotlight-copy > span { background: rgba(31, 31, 31, 0.5); padding: 10px; font-size: 40px; color: #ffffff; font-family: 'Conv_manrope_bold_webfont'; display: inline-block; margin-top: 1px; }
 .schedular-form-grey-strip ul { width: 84%; float: left; }
 .lavender-book-btn { float: left; width: 16%; }
 .schedular-form-grey-strip .desktop-hide { display: none; }
 .schedular-form-grey-strip { margin-top: 0; }
 .lavender-book-btn > a { background: #572591; font-size: 18px; color: #fff; display: block; padding: 16px 20px 16px 0; position: relative; font-family: 'Conv_manrope_bold_webfont'; text-align: center; }
 .lavender-book-btn > a:before { content: ""; position: absolute; right: 15px; top: 50%; background: url(clientlib-site/images/schedular-form-book-btn-arrow.png) no-repeat; width: 17px; height: 18px; margin-top: -8px; transition: all ease-in 0.5s; }
 .lavender-book-btn > a.active:before { transform: rotate(-45deg); }
 .lavender-book-btn > a.active:after { content: ""; position: absolute; top: -7px; right: 15px; width: 15px; height: 15px; background: #572591; transform: rotate(-45deg); z-index: 20; }

 .schedular-form-container { max-width: 1170px; margin: 0 auto; position: absolute; top: 0; right: 30px; left: 0; height: 100%; }
 .schedular-form { width: 410px; z-index: 10; background: #ffffff; padding: 30px 20px; float: right; height: 470px; /*display: flex; align-items: center; justify-content: center; flex-direction: column;*/ }
 .schedular-form p { font-size: 20px; color: #5e3b8d; font-family: 'Conv_manrope_bold_webfont'; margin-bottom: 0; }
 .schedular-form ul { list-style-type: none; padding: 0; margin: 0; }
 .schedular-form ul li { width: 100%; margin-bottom: 10px; display: block; }
 .schedular-form ul li:nth-child(5) { padding: 0 0 10px 0; }
 .schedular-form ul li:nth-child(6) { padding: 0 0 10px; }
 .schedular-form ul li div { border-bottom: 1px solid #cfcfcf; padding: 12px 0 0; display: flex; align-items:center; }
 .schedular-form ul li div span { font-size: 14px; color: #4a4a4a; float: left; }
 .schedular-form ul li div input { border: 0; float: left; text-indent: 5px; height: 25px; }
 .schedular-form ul li div span sub { color: #ff3733; font-size: 17px; }
 .schedular-form ul li a.skip-btn{ font-size: 16px; font-family: 'Conv_manrope_bold_webfont'; color: #55565a; text-decoration: underline; display: inline-block; margin-left: 10px; }
 .wi40 { width: 40%; float: left; }
 .wi50 { width: 50%; float: right; }
 .wi100 { width: 100%; }
 .wi45 { width: 45%; float: left; }
 .wi100 input { width: 80%; }
 .wi40 input, .wi50 input { width: 55%; }

 .schedular-form ul li [type="radio"]:checked,
 .schedular-form ul li [type="radio"]:not(:checked) { position: absolute; }
 .schedular-form ul li [type="radio"]:checked + label,
 .schedular-form ul li [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; margin-right: 25px; }
 .schedular-form ul li [type="radio"]:checked + label:before,
 .schedular-form ul li [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 19px; height: 19px; border-radius: 100%;  background: url("clientlib-site/images/lavender-radio-not-checked.jpg") no-repeat; }
 .schedular-form ul li [type="radio"]:checked + label:after,
 .schedular-form ul li [type="radio"]:not(:checked) + label:after { content: ''; width: 19px; height: 19px; background: url("clientlib-site/images/lavender-radio-checked.jpg") no-repeat; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
 .schedular-form ul li [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
 .schedular-form ul li [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
 .schedular-form ul li select { border: 0; width: 100%; background: url("clientlib-site/images/select-arrow-red.png") no-repeat right center; -webkit-appearance: none;
 -moz-appearance: none; appearance: none; -ms-appearance: none; padding-bottom: 5px; }
 .schedular-form ul li select.active { color: #b7b7b7; }
 .schedular-form ul li select.form-room-dropdown{ width: 100%; border-bottom: 1px solid #cfcfcf; padding-bottom: 0; }

 .schedular-form ul li [type="checkbox"]:not(:checked),
 .schedular-form ul li [type="checkbox"]:checked { position: absolute; left: -9999px; }
 .schedular-form ul li [type="checkbox"]:not(:checked) + label,
 .schedular-form ul li [type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; font-size: 14px; line-height: 20px; }

 .mt-20 { margin-top: 20px; }
 /* checkbox aspect */
 .schedular-form ul li [type="checkbox"]:not(:checked) + label:before,
 .schedular-form ul li [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #707070; background: #fff; }
 /* checked mark aspect */
 .schedular-form ul li [type="checkbox"]:not(:checked) + label:after,
 .schedular-form ul li [type="checkbox"]:checked + label:after { content: '?'; position: absolute; top: 2px; left: 2px; font-size: 1.3em; line-height: 0.8; color: #09ad7e; transition: all .2s; }
 /* checked mark aspect changes */
 .schedular-form ul li [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
 .schedular-form ul li [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
 /* disabled checkbox */
 .schedular-form ul li [type="checkbox"]:disabled:not(:checked) + label:before,
 .schedular-form ul li [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; }
 .schedular-form ul li [type="checkbox"]:disabled:checked + label:after { color: #999; }
 .schedular-form ul li [type="checkbox"]:disabled + label { color: #aaa; }
 .schedular-form ul li span sub { font-size: 17px; color: #ff3733; }
 .schedular-form ul li span { font-size: 14px; color: #4a4a4a; }
 .submit-bt { text-align: center; }

 .schedular-thankyou-section img{ width: auto; height: auto; }
 .schedular-thankyou-section p.schedular-thankyou-black{ font-size: 14px; font-family: 'arial'; color: #232323; padding-top: 30px; line-height: 25px; }
 .schedular-thankyou-section p.schedular-thankyou-blue{ font-size: 18px; font-family: 'arial'; color: #5e3b8d; padding-top: 25px; border-top:1px #b1b2b3 solid; display: inline-block;  }

 .schedular-form-two, .schedular-form-three, .schedular-form-four { display: none; }

 @media screen and (max-width: 767px){
 	.schedular-form-grey-strip .col-md-12 { padding-left: 0; padding-right: 0; }
 	.sheduler-form-inner-banner { height: auto; }
 	.sheduler-form-inner-banner img {height: auto;}
 	.schedular-container .container { top: 10vw; }
 	.schedular-form-spotlight-copy > span { font-size: 14px; padding: 10px; }
 	.schedular-form-grey-strip a { display: block; text-align: center; margin: 0 auto; text-align: center; font-size: 15px; }
 	.lavender-book-btn > a { padding: 10px 20px 10px 0; }
 	.lavender-book-btn > a:before { background-size: 15px; }
 	.lavender-book-btn > a.active:after { top: 87%; left: 50%; margin-left: -7.5px; width: 10px; height: 10px; }
 	.schedular-form-grey-strip a.desktop-hide { display: block; /*width: 50%; float: left;*/ }
 	.schedular-form-grey-strip ul { width: 100%; }
 	.lavender-book-btn { width: 50%; }
 	.schedular-form-grey-strip .col-md-12 { display: flex; align-items: center; }
 	.schedular-form-container { position: static; z-index: 200; }
 	.schedular-form-container .schedular-form { height: auto; width: 100%; padding: 20px 15px; position: relative; }
 	.schedular-form-container .schedular-form:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #b1b2b3; width: 90%; margin: auto; }
 	.wi40, .wi50 { width: 100%; }
 	.schedular-form > ul > li [type="radio"]:checked + label, .schedular-form > ul > li [type="radio"]:not(:checked) + label { margin-right: 3px; }
 	.schedular-form > ul > li > div > span { width: 28%; }
 	.schedular-form > ul > li:nth-child(4) { margin: 30px 0; }
 	.inner-secn { clear: both; }
 	.wi100 input{ width: 75%; }
 	.schedular-form-one ul li:nth-child(1), .schedular-form-one ul li:nth-child(2), .schedular-form-two ul li{ margin-bottom: 0px; }
 	.schedular-form ul li div{ padding: 30px 0 0; }
 	.schedular-form-one ul li:nth-child(4){ padding-top: 10px; }
 	.schedular-form ul li select.form-room-dropdown{ margin-top: 20px; width: 100%; }
 	.schedular-form a.btn-style2{ padding: 10px 30px; font-size: 16px; }
 	.schedular-form-grey-strip .affix { position: fixed; top: 0; left: 0; right: 0; text-align: center; z-index: 1000; }
 }

  #pincodeNotServiceble .modal-dialog { max-width:700px; width:100%;}
  #pincodeNotServiceble .modal-body > ul { list-style-type: none; padding: 30px 50px; margin: 0; display: flex; align-items: center; text-align: left; }
  #pincodeNotServiceble .modal-body > ul > li { text-align: center; }
  #pincodeNotServiceble .modal-body > ul > li > span { font-size: 18px; line-height: 24px; color: #676767; display: block; font-family: 'Conv_manrope_regular_webfont'; margin-bottom: 20px; }
  #pincodeNotServiceble .modal-body > ul > li:first-child { width: 30%; text-align: center; }
  #pincodeNotServiceble .modal-body > ul > li:last-child { width: 69%; padding-left: 40px; }

  @media screen and (max-width:479px) {
      #pincodeNotServiceble .modal-body > ul { padding: 20px; }
      #pincodeNotServiceble .modal-body > ul > li:last-child {padding-left: 20px; }
  }

 /*@media screen and (max-width: 767px) and (orientation : landscape){
 	.wi40 { width: 40%; float: left; }
 	.wi50 { width: 50%; float: right; }
 	.schedular-form ul li div { display: block; }
 }*/

 /*------------------------- Schedular css end  --------------------------------------------*/
  /* update on 10 aug 2017 start */
  .schedular-form ul li > div { border-bottom: 1px solid #cfcfcf; padding: 12px 0 0; display: flex; align-items:center; position: relative; }
  .scheduler-error-msg { position: absolute; bottom: -15px; left: 0; font-size: 10px; color: red; /*display: none;*/ }
  .sloat-txt { font-size: 16px; color: red; text-align: center; display: block; font-family: 'Conv_manrope_bold_webfont'; }
  /* update on 10 aug 2017 end */

 @media screen and (min-width: 768px) and (max-width: 991px){
 	.sheduler-form-inner-banner { height: auto; }
 	.sheduler-form-inner-banner img {height: auto;}
 	.schedular-form-container { position: static;}
 	.schedular-form { height: auto; width: 100%; }
 	.schedular-container .container { top: 18vw; }
 	.sheduler-form-inner-banner > img { width: 100%; height: 100%; }
 	.schedular-form-grey-strip { clear: both; }
 	.schedular-form-grey-strip .inner-menu > li > a { padding: 0 10px; }
 	.schedular-form-grey-strip .inner-menu > li:first-child a { padding-left: 0; }
 	.schedular-form > ul > li { width: 45%; float: left; margin-right: 5%; }
 	.schedular-form > ul { display: flex; flex-wrap: wrap; align-items: end; }
 	.submit-bt { text-align: right; }
 	.schedular-form > ul > li:nth-child(4) { display: flex; justify-content: space-between; }
 	.schedular-form > ul > li [type="radio"]:checked + label, .schedular-form > ul > li [type="radio"]:not(:checked) + label { margin-right: 30px; }
 	.schedular-form-spotlight-copy > span { font-size: 22px; }
 	.schedular-form-grey-strip .inner-menu > li > a { font-size: 11px; }
 	.schedular-form > ul > li > div > span { font-size: 12px; }

 	.schedular-form-one ul li:nth-child(3), .schedular-form-one ul li:nth-child(4){ margin-bottom: 30px; }
 	.schedular-form-one ul li:nth-child(4){ width: 100%; }
 	.submit-bt{ text-align: left; }
 	.lavender-book-btn > a{ font-size: 11px; padding: 20px 20px 20px 0; }
 	.lavender-book-btn > a.active:after{ top: auto; bottom: -7px; }
 }

 @media screen and (min-width: 992px) and (max-width: 1199px){
 	.sheduler-form-inner-banner { height: auto; }
 	.sheduler-form-inner-banner > img{ height: auto; }
 	.schedular-form-container { position: static;}
 	.schedular-form { height: auto; width: 100%; }
 	.schedular-container .container { top: 18vw; }
 	.sheduler-form-inner-banner > img { width: 100%; height: 100%; }
 	.schedular-form-grey-strip { clear: both; }
 	.schedular-form-grey-strip .inner-menu > li > a { padding: 0 10px; }
 	.schedular-form-grey-strip .inner-menu > li:first-child a { padding-left: 0; }
 	.schedular-form > ul > li { width: 45%; float: left; margin-right: 5%; }
 	.schedular-form > ul { display: flex; flex-wrap: wrap; align-items: end; }
 	.submit-bt { text-align: right; }
 	.schedular-form > ul > li:nth-child(4) { display: flex; justify-content: space-between; }
 	.schedular-form > ul > li [type="radio"]:checked + label, .schedular-form > ul > li [type="radio"]:not(:checked) + label { margin-right: 65px; }

 	.schedular-form-one ul li:nth-child(3), .schedular-form-one ul li:nth-child(4){ margin-bottom: 30px; }
 	.schedular-form-one ul li:nth-child(4){ width: 100%; }
 	.submit-bt{ text-align: left; }
 	.lavender-book-btn > a.active:after{ top: auto; bottom: -7px; }
 }

/*-------schedular form updated Css on 08th january 2018 starts here----------*/
.schedular-form ul li span.option-1-msg { display:block; color:#1e790c; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-top:10px; padding-top:0; border:0;}
.schedular-form ul li span.option-2-msg { display:block; color:#1e790c; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-top:10px; padding-top:0; border:0;}
.schedular-form ul li span.text-max { fnont-size:13px; color:#8f8f8f; font-family:Arial, Helvetica, sans-serif; font-size:13px; display:block;  margin-top:10px;}

.schedular-form ul li textarea.form-room-textarea { color:#b7b7b7; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:0; border-bottom:solid 1px #cfcfcf; height:100px; width:100%;}
.sheduler-form-inner-banner.inner-banner { height:auto;}
.sheduler-form-inner-banner img { height:auto;}

.schedular-form ul li select.form-room-dropdown-soa {padding-top: 15px; border-bottom:solid 1px #cfcfcf;  /*padding-bottom: 0; */ width: 100%; color:#666;}
.schedular-form { height:auto;}
.sheduler-form-inner-banner {overflow:hidden; }
.schedular-form  p.scheduler-error { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ff0000;}
/*
@media only screen and (min-width:320px) and (max-width:767px){
.sheduler-form-inner-banner.inner-banner { height:450px;}
.sheduler-form-inner-banner img { height:450px;}	
}*/
 /*-------schedular form updated Css on 08th january 2018 end here----------*/

/*-----------Decals wall stickers -------------------*/
.decal-sect > .top-brdr {
    border-top:1px solid #dbdbdb!important;
    margin-top:60px!important;
    padding-top:60px!important;
}

.decal-sect h4{
    line-height:20px!important;
}

.decal-sect .decal-title{
    margin-bottom:18px;
    font-size:16px;
    text-align:center;
    height:40px;
}

@media (max-width: 479px) and (min-width: 320px) {
    .decal-sect > .top-brdr {
        border-top:none!important;
        margin-top:0!important;
        padding-top:0!important;
    }
    .mt-30-mob{
        margin-top:30px;
    }
}

.noresult{
    display : none;
    text-align: center;
}

/*-- Buy a wall Page start here--*/


/*-- Texture Internal Page on 13th June 2017 starts here--*/

.texture-internal-container{ padding-top: 60px; padding-bottom: 60px; }
.texture-product-slider-thumbnail{ margin-top: 50px; }
.texture-product-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-nav .owl-prev, .texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .people-also-liked.owl-carousel .owl-controls .owl-nav .owl-prev{ background: url("clientlib-site/images/left-arrow.png") no-repeat left; left: -5%; background-size: 100% 100%; width: 11px; height: 30px; top: 45%; }

.texture-product-slider.owl-carousel .owl-controls .owl-nav .owl-next, .texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-nav .owl-next, .texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-next, .people-also-liked.owl-carousel .owl-controls .owl-nav .owl-next{ background: url("clientlib-site/images/right-arrow.png") no-repeat left; right: -5%; background-size: 100% 100%; width: 11px; height: 30px; top: 45%; }
.texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-nav .owl-prev, .texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-nav .owl-next{ top: 30%; }

.texture-product-slider.owl-carousel .owl-controls .owl-nav .disabled, .texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-nav .disabled{ opacity: 0.2; }

/*.texture-slider-layerone .row { display: flex; align-items: end; }*/
.texture-product-content{ padding-left: 30px; }
.texture-product-content h3{ font-family: 'Conv_manrope_bold_webfont'; font-size: 24px; }
.texture-product-content p{ font-family: arial; font-size: 15px; margin-bottom: 15px; }
.texture-product-content p span{ font-weight: bold; }
.texture-layerone-sections{ margin-top: 40px; }
.texture-layerone-sections .left{ float: left; width: 50%; }
.texture-layerone-sections .washability-section p{ text-align: center; }
.texture-layerone-sections .washability-section .washability-section-image{ float: left; width: 45%; }
.texture-layerone-sections .washability-section .washability-section-list{ float: right; width: 45%; }
.texture-layerone-sections .washability-section .washability-section-list ul li{ margin-bottom: 15px; }
.texture-layerone-sections .washability-section .washability-section-list .checkbox label{ font-size: 15px; }
.decor-tip { background-color: #ebebeb; padding: 30px 0; margin-top: 40px; }
.decor-tip h3{ position: relative; margin-bottom: 0; line-height: normal; }
.decor-tip h3:before, .decor-tip h3:after{ content: ""; position: absolute; height: 2px; background-color: #feca45; width: 35%; top: 40% }
.decor-tip h3:before{ left: 0; }
.decor-tip h3:after{ right: 0; }
.decor-tip h3 span{ border: none; background-color: #ebebeb; }
.decor-tip p{ padding: 0 15px; }

.texture-layertwo{ margin-top: 60px; }
.texture-available-colors-slider{ border: 1px #9a9a9a solid; padding: 25px 50px; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-prev{ left: 15px; top: 38%; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-next{ right: 15px; top: 38%; }
.available-color-btns a{ margin-right: 35px; padding: 7px 30px 8px; /*font-size: 24px;*/ }

.texture-layerthree, .texture-layerfour, .texture-features-container{ padding-top: 80px; }
.texture-layerthree-content .row{ display: flex; flex-flow: row-reverse; }
.product-used-content p{ font-size: 15px; line-height: 22px; margin-top: 10px; }
.product-used-content a{ margin-right: 10px; }

.texture-layerfour .container-fluid{ background-color: #f0f0f0; padding: 30px 0; }

.texture-features ul li{ float: left; font-size: 15px; margin-right: 30px; position: relative; padding-left: 30px; margin-bottom: 15px; }
.texture-features ul li:before{ content: ""; position: absolute; left: 0; width: 8px; height: 8px; background-color: #f1d33f; border-radius: 50%; top: 20%; }

.stencils-base-top-coat{ display: flex;	align-items: center; margin-top: 15px; }
.stencils-base-top-coat li{ display: flex; align-items: center; margin-right: 45px; }
.stencils-base-top-coat li p{ margin-bottom: 0; margin-left: 15px; }

.texture-product-slider-thumbnail .owl-item.active { border: 2px solid #5e3b8d; }

@media screen and (min-width: 768px) and (max-width: 991px){
.texture-internal-container{ padding-top: 180px; }

.texture-product-slider.owl-carousel .owl-controls .owl-nav .owl-prev{ bottom: -40px; top: auto; left: auto; right: 30px; }
.texture-product-slider.owl-carousel .owl-controls .owl-nav .owl-next{ bottom: -40px; top: auto; right: 0px; }

.texture-product-content{ margin-top: 50px; }
.texture-layerone-sections .left{ width: 35%; }
.texture-product-content{ padding: 0; }

.texture-available-colors-slider{ padding: 25px; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-prev{ left: 2px; top: 42%; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-next{ right: 2px; top: 42%; }
.available-color-btns a{ font-size: 20px; margin-right: 10px; }

}

@media screen and (min-width: 320px) and (max-width: 1199px){
.people-also-liked{ width: 90%; margin: auto; }
}

@media screen and (min-width: 320px) and (max-width: 767px){
.texture-product-slider.owl-carousel .owl-controls .owl-nav .owl-prev{ bottom: 0px; top: auto; left: 0px; }
.texture-product-slider.owl-carousel .owl-controls .owl-nav .owl-next{ bottom: 0px; top: auto; right: 0px; }
.texture-product-content{ margin-top: 30px; padding-left: 0; }
.texture-product-slider.owl-carousel .owl-controls .owl-dots{ padding-top: 10px; display: flex; align-items: center; justify-content: center; }
.texture-product-slider.owl-carousel .owl-controls .owl-dot span{ width: 10px; height: 10px; background: #cccccc; transition: 0.2s all ease; }
.texture-product-slider.owl-carousel .owl-controls .owl-dot.active span{ background: #5e3e8b; transform: scale(1.5); }
.texture-layerone-sections .left{ float: none; width: 100%; }
.washability-section { margin-top: 30px; }
.texture-eco-friendly{ display: flex; flex-flow: row-reverse; justify-content: flex-end; align-items: center; }
.texture-eco-friendly p{ padding-left: 30px; }
.decor-tip p{ padding: 0 15px; }
.decor-tip h3:before, .decor-tip h3:after{ width: 25%; }
.available-color-btns a, .product-used-content a{ display: block; margin-right: 0; margin-bottom: 10px; text-align: center; }
.texture-layerthree, .texture-layerfour{ padding-top: 60px; }

.texture-layerthree-content .row{ display: block; }
.product-used-content{ margin-top: 30px; }
.product-used-content p{ margin-bottom: 30px; }

.people-also-liked.owl-carousel .owl-controls .owl-nav .owl-prev{ left: -10%; top: 35%; }
.people-also-liked.owl-carousel .owl-controls .owl-nav .owl-next{ right: -10%; top: 35%; }

.stencils-base-top-coat{ display: block; }
.stencils-base-top-coat li{ margin-bottom: 10px; }
.texture-slider-layerone .row { display: block; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-prev { left: 5px; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-next { right: 5px; }
.texture-available-colors-slider { padding: 25px 30px; }
.texture-product-content p { margin-bottom: 30px; }
}

/*-- Texture Internal Page on 13th June 2017 ends here--*/

/*-- Buy a wall Page on 15th June 2017 start here--*/

.buy-wall-slider-thumbnail { margin-top: 10px; }
.buy-a-wall-slider-heading { font-size: 24px; color: #616161; margin-bottom: 15px; font-family: 'Conv_manrope_regular_webfont'; }
.buy-a-wall-form-container {padding-left: 50px;padding-top: 40px;}
.buy-a-wall-form-container > ul { list-style-type: none; padding: 0; margin: 0; }
.buy-a-wall-form-container > ul > li { display: block; margin-top: 35px; }
.buy-a-wall-form-container > ul > li:first-child { margin-top: 0; }

.buy-a-wall-form-container > ul > li .pincode { height: 40px; padding: 10px; background: url(clientlib-site/images/pincode-icon.png) no-repeat 98% center; }
.buy-a-wall-form-container > ul > li p { font-size: 17px; color: #333333; margin-bottom: 5px; }
.buy-a-wall-form-container > ul > li span {font-size: 14px;color: #55565a; display: block; position: relative;margin-bottom: 10px;}
.buy-a-wall-form-container > ul > li span.rupee {font-size: 14px;color: #55565a; display: inline !important;position: relative;margin-bottom: 10px;margin-right: 15px;}
.buy-a-wall-form-container > ul > li span a { position: absolute; right: 0; top: -3px; }

.toolTip-container { width: 100%; background: #ffffff; -webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); padding: 30px 20px; border: 1px solid #a1a1a1; position: relative; font-size: 14px; color: #616161; line-height: 20px; display: none; position: absolute; top: 25px; right: 0; z-index: 10; }
.toolTip-container:before { content: ""; position: absolute; top: -8px; right: 5px; width: 15px; height: 15px; background: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid #a1a1a1; border-bottom: 0; border-right: 0; }
.buy-a-wall-form-container > ul > li .btn-group { width: 100% !important; }
.buy-a-wall-form-container > ul > li .slct-style1 .dropdown-toggle .caret { right: 8px !important; }
.buy-a-wall-form-container > ul > li .slct-style1 .dropdown-toggle { height: 40px; padding: 10px; }
.buy-a-wall-form-container > ul > li .form-control { height: 40px; margin-bottom: 10px; box-shadow: none; }
.buy-a-wall-form-container > ul > li .form-control:focus { box-shadow: none; }
.buy-a-wall-form-container > ul > li .calender-date-icon { background: url(clientlib-site/images/select-date-icon.jpg) no-repeat 98% center; }
.buy-a-wall-form-container > ul > li .time-picker-icon .dropdown-toggle .caret { background: url(clientlib-site/images/time-picker-icon.png) no-repeat 98% center; height: 20px; top: 42%; right: 5px; }
/*.time-picker-icon { background: url(clientlib-site/images/time-picker-icon.jpg) no-repeat 98% center; }*/
.radio-text { font-size: 14px; color: #616161; margin-bottom: 10px; }

.form-control::-webkit-input-placeholder{ color: #55565a !important; }
.form-control input[type=text]input::-moz-placeholder{ color: #55565a !important; }
.form-control input[type=text]input:-moz-placeholder{ color: #55565a !important; }

.buy-a-wall-form-container > ul > li input[type="radio"] { display:none; }
.buy-a-wall-form-container > ul > li input[type="radio"] + label { color:#55565a; font-family:Arial, sans-serif; font-size: 13px; margin-right: 15px; cursor: pointer; }
.buy-a-wall-form-container > ul > li input[type="radio"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 10px 0 0; vertical-align:middle; border: 1px solid #bdbdbd; border-radius: 50%; }
.buy-a-wall-form-container > ul > li input[type="radio"]:checked + label span { background: url(clientlib-site/images/radio-checked-img.jpg) no-repeat center center; }

.price-buy { display: flex !important; align-items: center; justify-content: space-between; }
.price { font-size: 32px; color: #55565a; }

.faq-tc a { color: #512b8b; font-size: 14px; text-decoration: underline; margin-right: 20px; }

.buy-wall-contnet h2 { margin-bottom: 10px; padding-top: 50px; }
.buy-wall-contnet p { font-size: 13px; color: #616161; margin-bottom: 0; line-height: 22px; }
.buy-wall-contnet ul { padding: 0; margin: 0; }
.buy-wall-contnet ul li { font-size: 14px; color: #616161; margin-top: 10px; line-height: 22px; padding-left: 15px; }
.buy-wall-contnet ul li.bullet-points { background: url(clientlib-site/images/bullet-points.jpg) no-repeat left top 8px; }
.buy-wall-contnet textarea { width: 100%; height: 100px; margin-top: 20px; padding: 10px; border: 1px solid #a1a1a1; }

.buy-wall-contnet .rate {  float: left; margin-left: 20px; }
.buy-wall-contnet .rate:not(:checked) > input { display: none; }
.buy-wall-contnet .rate:not(:checked) > label { float:right; width:1em; overflow:hidden; white-space:nowrap;cursor:pointer; font-size:30px; color:#ccc; display: block; position: relative; overflow: hidden; }
.buy-wall-contnet .rate:not(:checked) > label:before { content: '?'; }
.buy-wall-contnet .rate > input:checked ~ label { color: #ffc700; }
.buy-wall-contnet .rate:not(:checked) > label:hover,
.buy-wall-contnet .rate:not(:checked) > label:hover ~ label { color: #deb217; }
.buy-wall-contnet .rate > input:checked + label:hover,
.buy-wall-contnet .rate > input:checked + label:hover ~ label,
.buy-wall-contnet .rate > input:checked ~ label:hover,
.buy-wall-contnet .rate > input:checked ~ label:hover ~ label,
.buy-wall-contnet .rate > label:hover ~ input:checked ~ label { color: #c59b08; }
.buy-wall-contnet .custom-rating h2 { margin: 30px 0 0 !important; padding: 0; }
.buy-wall-contnet .custom-rating h2 span{ display: inline-block; font-size: 24px; float: left; font-family: 'Conv_manrope_regular_webfont'; padding-top: 5px; }

.custom-rate { border-bottom: 1px #cccccc solid; padding-right: 10px; }

.custom-rate-digit{ padding-left: 10px; padding-top: 7px !important; }

.ui-datepicker { border-radius: 0; border: 1px solid #999; border-top: 0; width: 310px; padding: 10px;/* top: 516px !important;*/ }
.ui-datepicker-header { background: transparent; border: 0; font-size: 12px; color: #55565a; font-family: arial; }
.ui-datepicker-header a:hover, .ui-datepicker-header a.active, .ui-datepicker-header a:focus { background: transparent; border: 0; }
.ui-datepicker-header .ui-datepicker-prev span { background-image: url("clientlib-site/images/calender-left-arrow.png"); background-position: 0 0; }
.ui-datepicker-header .ui-datepicker-next span { background-image: url("clientlib-site/images/calender-right-arrow.png"); background-position: 0 0; }
.ui-datepicker-calendar tr th span { font-size: 12px; color: #222222; text-align: center; }
.ui-datepicker-calendar tr td .ui-state-default { border: 0; background: transparent; text-align: center; font-family: arial; }

.dropdown-menu { border-radius: 0; border: 1px solid #999; margin: -1px 0 0 0; }
.form-control:focus { border: 1px solid #999; }
.texture-product-slider .owl-controls { z-index: 10; }
.zoom-img { position: relative; /*cursor: url("clientlib-site/images/zoom-effect-cursor.png"), auto;*/ }
.zoomContainer { z-index: 20; }
html, body { overflow-x: hidden; }

@media screen and (max-width: 767px){
	.buy-a-wall-form-container { padding-left: 0; margin-top: 0px; }
	.buy-a-wall-form-container > ul > li { margin-top: 20px; }
	.buy-a-wall-slider-heading { font-size: 21px; }
	.buy-wall-contnet h2, .buy-wall-contnet .custom-rating h2 span { font-size: 19px; }
	.ui-datepicker { width: 90.5vw; }
	.buy-wall-contnet .rate { margin-top: 5px; }

	.price-buy .btn-style2{ padding: 7px 40px 8px; font-size: 18px; }
	.buy-a-wall-layertwo{ margin-top: 20px; }
	#product-showcase .col-xs-12 { padding-left: 0; padding-right: 0; }
	.zoomContainer { display: none; }
	#homeowner-drpdwn li, .dropdown-menu > li { border-bottom: 0; }
	.dropdown-menu { padding: 5px 0; }
}
@media screen and (max-width: 767px) and (orientation : landscape){
	.ui-datepicker { width: 94vw; top: -10px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.texture-slider-layerone .row { display: block; }
	.buy-a-wall-form-container { padding-left: 0; margin-top: 30px; }
	.buy-wall-slider-thumbnail { margin-top: 50px; }
	.ui-datepicker { width: 94vw; top: -10px; }
	.zoomContainer { display: none; }
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.buy-a-wall-form-container { padding-left: 20px; }
	.buy-a-wall-form-container > ul > li { margin-top: 35px; }
	.ui-datepicker { width:273px; }
	.slct-style1 .dropdown-toggle .caret { background-size: 70%; }
}
.texture-product-slider .owl-carousel .owl-stage { max-width: 620px; }
/*.texture-internal-container .owl-carousel .owl-item{
   margin-right: 20px;
}*/
.toolTip {content: url("clientlib-site/images/toolTip-icon.jpg");}


/*-- Buy a wall Page end here--*/


 /*--Updated on 1st August 2017 starts here--*/

#texture-filters1 .intrst-check { margin-bottom: 10px; display:block !important; max-height: none; overflow-y: hidden; overflow-x: hidden;}
#texture-filters1 .intrst-check .checkbox { padding-left: 20px; width:100%; }
#texture-filters1 .checkbox input[type="checkbox"]{ height: 13px;  left: 0px;   margin-left: 1px;  width: 14px;  top: -3px; }
#texture-filters1 .accrdn-cntnt{ height: auto; max-height: 175px; padding: 15px; overflow: auto; }

.mt20 { margin-top:20px;}

ul.help-me-decide {  margin:0; padding:0; display:flex; align-items: center; justify-content: space-between;}
ul.help-me-decide > li {font-size:16px; font-family: Arial, Helvetica, sans-serif; color:#333333; display:flex; align-items: center;}
ul.help-me-decide > li > a { font-weight:bold; text-decoration:underline; }
ul.help-me-decide > li:first-child {  margin-right:10px;  }
ul.help-me-decide > li:nth-child(2) { width:58%; display: inline; line-height: 18px; }
ul.help-me-decide > li:nth-child(3) { width:15%; }

.texture-container { margin-bottom:30px;}
.texture-container > ul { display:flex; align-items:center;border:solid 1px #d3d3d3; background-color:#ffffff; margin:10px auto 0; padding:0; font-size:15px; font-family: Arial, Helvetica, sans-serif; color:#333333;}
.texture-container > ul > li:first-child img { width:100%; max-width:83px;}
.texture-container > ul > li:nth-child(2) { width:60%; text-align:left; padding-left: 15px;} /*Updated on 13th June 2017*/
.heart { border-bottom:solid 1px #d3d3d3; padding-bottom:5px;}
.share { padding-top:5px;}

.texture-white-box { background-color:#ffffff; display: none; /*padding:20px 25px; border:solid 1px #cccccc;*/ box-shadow: 5px 5px 5px #f6f6f6; position: relative; margin: 20px 0; }
.white-box-top-arrow { content: ''; height: 15px; width: 16px; display: block; border: 1px solid #c6c6c6; border-right-width: 0; border-top-width: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; left: 55%; top:-7px; margin: auto; background-color: #ffffff; z-index: 1; }
.texture-white-box .row { display: flex; align-items: center; }
.white-box-close { position:absolute; top:10px; right:10px;}

ul.help-me-decide-dropdown-listing { margin:0; padding:0;  border:solid 1px #cccccc; }
ul.help-me-decide-dropdown-listing > li {float:left; padding:20px 15px 20px 20px; text-align:left; list-style:none; font-size:16px; font-family: Arial, Helvetica, sans-serif; color:#333333; }
ul.help-me-decide-dropdown-listing:first-child > li{ padding:25px 15px 25px 20px; }
ul.help-me-decide-dropdown-listing > li > a { color:#333333; }
ul.help-me-decide-dropdown-listing > li > a:hover { text-decoration:underline; color:#000000; }
ul.help-me-decide-dropdown-listing > li:first-child { width:70%; border-right:solid 1px #cccccc;}
ul.help-me-decide-dropdown-listing > li:nth-child(2) { width:30%;}
/*ul.help-me-decide-dropdown-listing:nth-child(1) { border-bottom:none; }
ul.help-me-decide-dropdown-listing:nth-child(2) { border-bottom:none; }
ul.help-me-decide-dropdown-listing:nth-child(3) { border-bottom:none; }
ul.help-me-decide-dropdown-listing:nth-child(4) { border-bottom:none; }
ul.help-me-decide-dropdown-listing:nth-child(5) { border-bottom:none; }
ul.help-me-decide-dropdown-listing:nth-child(6) { border-bottom:none; }*/
ul.help-me-decide-dropdown-listing:not(:last-child){ border-bottom:none; }
ul.help-me-decide-dropdown-listing:first-child > li { font-size:18px; font-weight:bold;}
ul.help-me-decide-dropdown-listing > li > span { display:none;}

.filtereset { border-bottom-color: #512b8b; border-bottom-style: solid;  border-bottom-width: 1px; color: #512b8b; float: right; font-size: 18px;  margin-bottom: -8px;   margin-left: -8px; margin-right: -5px;  margin-top: 0;   padding-bottom: 1px;  text-decoration-color: -moz-use-text-color; background-color:transparent; border-top-width:0; border-left-width:0; border-right-width:0;border-bottom-width:1; padding:0; }
.filterClose { display:none;}
#texture-filters1 .accrdn-cntnt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #5e3b8d; }

.texture-filter-container{ border: none; }
.texture-filter-wrapper .filters-fixed1 { top: 0; width: 100%; }
.texture-filter-container { border: 0; width: 100%; margin-top: 33px; }
.texture-filter-container .filter-header { background: transparent; font-size: 18px; color: #6d6e71; margin-bottom: 0; }
.texture-filter-container .filtereset { color: #6d6e71; position: relative; border-bottom-color: #6d6e71; }
.filter-reset-apply-container { display:none; }

.filter-footer, .filter-footer .filtereset { display:none; }
.texture-filter-container .filtereset:before { content: "|"; position: absolute; left: -13px; top: 0; }
.texture-filter-container .accor-new { border: solid 1px #ddd; padding: 15px; }
.texture-filter-container .accor-new > p { font-family: 'Conv_manrope_regular_webfont'; font-size: 20px; line-height: 25px; color: #333333; border-bottom: solid 1px #ddd; padding-bottom: 15px; margin-bottom: 10px; }
.texture-filter-container .intrst-hdng-new {font-family: 'Conv_manrope_regular_webfont'; padding: 12px 0; color: #333333; font-size: 20px; background: url("clientlib-site/images/accor-new-black-plus.jpg") no-repeat scroll right center; font-weight: normal;}
.texture-filter-container .intrst-hdng-new.open { background: url("clientlib-site/images/accor-new-black-minus.jpg") no-repeat scroll right center; }
.texture-filter-container .intrst-hdng-new:before { background: transparent; }
.texture-filter-container .intrst-hdng-new span { border-bottom: 0; color: #7f7f7f; font-weight: normal; }
.texture-filter-container .accrdn-secn { border-bottom: 1px dashed #dbdbdb; }
.texture-filter-container .accrdn-secn:nth-last-child(2) { border-bottom: none; }

.texture-filter-container .accrdn-cntnt { padding: 0 0 15px !important; }
.texture-filter-container .intrst-check .checkbox { padding-left: 10px !important; }
.texture-filter-container [type="checkbox"]:not(:checked), .texture-filter-container [type="checkbox"]:checked { position: absolute; left: -9999px; }
.texture-filter-container [type="checkbox"]:not(:checked) + label,
.texture-filter-container [type="checkbox"]:checked + label { position: relative; padding-left: 15px; cursor: pointer; font-size: 16px; }
.texture-filter-container .checkbox-custom, .radio-custom { opacity: 0; position: absolute; }
.texture-filter-container .checkbox-custom, .texture-filter-container .checkbox-custom-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; }
.texture-filter-container .checkbox-custom-label { position: relative; }
.texture-filter-container .checkbox-custom + .checkbox-custom-label:before { content: ''; background: url(clientlib-site/images/grey-check.jpg) no-repeat left center; border: 0;  display: inline-block; vertical-align: middle; width: 20px; height: 21px; padding: 2px; margin-right: 10px; text-align: center; border-radius: 50%; left: 0; top: -5px; }
.texture-filter-container .checkbox input[type="checkbox"]:checked + label:after, .texture-filter-container .checkbox label.chkd:after { background: url(clientlib-site/images/lavender-checked.jpg) no-repeat left center; width: 20px; height: 21px; left: 0; top: -5px; content: ""; }

.shade-family-container > ul { list-style-type: none; padding: 0; margin: 0; display: flex; flex-flow: wrap; }
.shade-family-container > ul > li { margin-bottom: 4px; display: inline-block; }
.shade-family-container > ul > li a { display: block; width: 46px; height: 46px; margin-right: 4px; position: relative; }
.shade-family-container > ul > li a.active:before { content: ""; background: url(clientlib-site/images/shade-family-tick-mark.png) no-repeat left center; width: 27px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.shade-family-container > ul > li a.pink-shade-color { background: #f6a2d1; }
.shade-family-container > ul > li a.yellow-shade-color { background: #ffd300; }
.shade-family-container > ul > li a.light-lavender-shade-color { background: #ad96bf; }
.shade-family-container > ul > li a.parrot-green-shade-color { background: #4cd1d0; }
.shade-family-container > ul > li a.brown-shade-color { background: #ab6642; }
.shade-family-container > ul > li a.orange-shade-color { background: #ff7e20; }
.shade-family-container > ul > li a.red-shade-color { background: #df273b; }
.shade-family-container > ul > li a.light-white-shade-color { background: #e5f0e7; }
.shade-family-container > ul > li a.gray-shade-color { background: #acacac; }
.shade-family-container > ul > li a.green-shade-color { background: #6fa732; }
.shade-family-container > ul > li a.light-black-blue-shade-color { background: #81a0ca; }

ul.texture-sort-container > li:nth-child(5) { display: none; }

.texture-filter-row-wrapper .texture-container  img { width: 100%; }
.texture-filter-row-wrapper .texture-container > ul { justify-content: space-between; padding-right: 0px; }
.texture-filter-row-wrapper .texture-container > ul > li:last-child {width:35px;}
.texture-filter-row-wrapper .texture-container > ul > li > a { display: inline-block; }
.texture-filter-wrapper > a { text-align: right; padding-right: 10px; display: none; }
.texture-filter-row-wrapper .row { display: flex; flex-wrap: wrap; }
.texture-filter-row-wrapper #noResult{ display: none;}
.texture-filter-row-wrapper .row#showMore{ display: block; border-top: 1px solid #dbdbdb; margin-top: 30px; padding: 40px 0; }
.texture-filter-row-wrapper .row#showMore a:hover{ cursor: pointer; }

.texture-sort-container { margin-bottom: 20px !important; }
.texture-sort-container span { position: relative; display: inline-block; margin-left: 7px;}
.texture-sort-container span a { display: block; }
.texture-sort-container li:nth-child(3) { display: flex; justify-content: center; }
.texture-sort-container li select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; border: 0; cursor: pointer;}

.grid-two { background: url(clientlib-site/images/grid-two.png) no-repeat left center; width: 27px; height: 22px; }
.grid-two.active { background: url(clientlib-site/images/grid-two-active.png) no-repeat left center; }

.grid-three { background: url(clientlib-site/images/grid-three.png) no-repeat left center; width: 27px; height: 22px; }
.grid-three.active { background: url(clientlib-site/images/grid-three-active.png) no-repeat left center; }

ul.help-me-decide > li .slide-copy { cursor: pointer;}
.texture-container ul.img-copy-container {padding: 5px 10px 5px 25px;}
.texture-container ul.img-copy-container li:nth-child(2) { width: auto;}
.btn-violet { background-color: #5e3e8b; border: 2px solid #55565a; color: #fefeff; font-family: 'Conv_manrope_regular_webfont';
display: inline-block; font-size: 20px; padding: 10px 20px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear; transition: all 0.2s linear; }

.texture-internal-container{ padding-top: 60px; padding-bottom: 60px; }
.texture-product-slider-thumbnail{ margin-top: 50px; }

.texture-product-slider.owl-carousel .owl-controls .owl-buttons .owl-prev,
.texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-buttons .owl-prev,
.texture-available-colors-slider.owl-carousel .owl-controls .owl-buttons .owl-prev,
.people-also-liked.owl-carousel .owl-controls .owl-buttons .owl-prev
{ background: url("clientlib-site/images/left-arrow.png") no-repeat left; left: -5%; background-size: 100% 100%; width: 20px; height: 30px; top: 45%; }

.texture-product-slider.owl-carousel .owl-controls .owl-buttons .owl-next,
.texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-buttons .owl-next,
.texture-available-colors-slider.owl-carousel .owl-controls .owl-buttons .owl-next,
.people-also-liked.owl-carousel.owl-carousel .owl-controls .owl-buttons .owl-next
{ background: url("clientlib-site/images/right-arrow.png") no-repeat left; right: -5%; background-size: 100% 100%; width: 20px; height: 30px; top: 45%; z-index: 20; }

.texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-buttons .owl-prev,
.texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-buttons .owl-next{ top: 30%; }

.texture-product-slider.owl-carousel .owl-item img{ width: 100%; }
.texture-like-btn { width:auto; position:absolute; top:0;right:15px; z-index:2; background: #fff; padding: 10px;}
.texture-product-slider-thumbnail.owl-carousel .owl-item img, .texture-available-colors-slider.owl-carousel .owl-item img, .people-also-liked.owl-carousel .owl-item img{ width: 90%; }
.texture-product-slider-thumbnail.owl-carousel .owl-item.synced img{ border: 2px solid #5e3b8d; }

.texture-available-colors-slider.owl-carousel .owl-controls .owl-buttons .owl-prev{ left: 10px; top: 40%; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-buttons .owl-next{ right: 10px; top: 40%; }
.people-also-liked.owl-carousel .owl-controls .owl-buttons .owl-prev, .people-also-liked.owl-carousel .owl-controls .owl-buttons .owl-next{ top: 40%; }
.texture-available-colors-slider.owl-carousel .owl-controls, .people-also-liked.owl-carousel .owl-controls{ display: block !important; }

.people-also-liked.owl-carousel .owl-controls .owl-buttons .owl-prev{ left: -2%; }
.people-also-liked.owl-carousel.owl-carousel .owl-controls .owl-buttons .owl-next{ right: -2%; }

.texture-slider-layerone .row { display: flex; align-items: flex-start; }

.texture-product-content{ padding-left: 30px; }
.texture-product-content h3{ font-family: 'Conv_manrope_bold_webfont'; font-size: 24px; }
.texture-product-content p{ font-family: arial; font-size: 15px; margin-bottom: 15px; }
.texture-product-content p span{ font-weight: bold; }
.texture-layerone-sections{ margin-top: 40px; }
.texture-layerone-sections .left{ float: left; width: 50%; }
.texture-layerone-sections .left img{ height: 140px; }
.texture-layerone-sections .washability-section p{ text-align: center; }
.texture-layerone-sections .washability-section .washability-section-image{ float: left; width: 45%; }
.texture-layerone-sections .washability-section .washability-section-list{ float: right; width: 45%; }
.texture-layerone-sections .washability-section .washability-section-list ul li{ margin-bottom: 15px; }
.texture-layerone-sections .washability-section .washability-section-list .checkbox label{ font-size: 15px; }
.decor-tip { background-color: #ebebeb; padding: 30px 0; margin-top: 40px; }
.decor-tip h3{ position: relative; margin-bottom: 0; line-height: normal; }
.decor-tip h3:before, .decor-tip h3:after{ content: ""; position: absolute; height: 2px; background-color: #feca45; width: 35%; top: 40% }
.decor-tip h3:before{ left: 0; }
.decor-tip h3:after{ right: 0; }
.decor-tip h3 span{ border: none; background-color: #ebebeb; }
.decor-tip p{ padding: 0 15px; }

.texture-layertwo{ margin-top: 60px; }
.texture-available-colors-slider{ border: 1px #9a9a9a solid; padding: 25px 50px; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-prev{ left: 15px; top: 38%; }
.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-next{ right: 15px; top: 38%; }
.available-color-btns a{ margin-right: 35px; padding: 7px 30px 8px; /*font-size: 24px;*/ }

.texture-layerthree, .texture-layerfour, .texture-features-container{ padding-top: 80px; }
.texture-layerthree-content .row{ display: flex; flex-flow: row-reverse; }
.product-used-content p{ font-size: 15px; line-height: 22px; margin-top: 10px; }
.product-used-content a{ margin-right: 10px; }

.texture-layerfour .container-fluid{ background-color: #f0f0f0; padding: 30px 0; }

.texture-features ul li{ float: left; font-size: 15px; margin-right: 30px; position: relative; padding-left: 30px; margin-bottom: 15px; }
.texture-features ul li:before{ content: ""; position: absolute; left: 0; width: 8px; height: 8px; background-color: #f1d33f; border-radius: 50%; top: 20%; }

.stencils-base-top-coat{ display: flex;	align-items: center; margin-top: 15px; }
.stencils-base-top-coat li{ display: flex; align-items: center; margin-right: 45px; }
.stencils-base-top-coat li span.stencils-color{ width: 25px; height: 25px; border-radius: 50%; background-color: #E9E7DB; }
.stencils-base-top-coat li p{ margin-bottom: 0; margin-left: 15px; }

.texture-product-slider-thumbnail .owl-item.active { border: 2px solid #5e3b8d; }


@media screen and (min-width: 320px) and (max-width: 767px){
	#texture-filters1 .intrst-check { max-height: none;}
	ul.help-me-decide { display:block;}
	ul.help-me-decide > li { float:left; font-size:14px; }
	ul.help-me-decide > li:nth-child(2) { width: 78%;}
	ul.help-me-decide > li:nth-child(3) { display:none; }
	ul.help-me-decide > li:nth-child(4) { width:100%; margin:20px auto; text-align:center; border-top:solid 1px #000000; padding-top:20px;}
	.texture-container > img { width:100%;}
	.texture-container > ul > li a  img { width:auto;}
	ul.help-me-decide-dropdown-listing > li { font-size:14px;}
	ul.help-me-decide-dropdown-listing > li:first-child { width:100%; border-right:none; font-size:16px;}
	ul.help-me-decide-dropdown-listing > li:nth-child(2) { width:100%;}
	ul.help-me-decide-dropdown-listing:first-child > li:nth-child(2) { display:none;}
	ul.help-me-decide-dropdown-listing > li > span { display:block; font-size:16px; font-weight:bold; margin-bottom:5px;}
	ul.help-me-decide-dropdown-listing > li{ padding:15px 15px 15px 20px; }

	/*Updated on 24th July starts here--*/
	.btn-violet { font-size: 16px; padding: 5px 15px;}
	.texture-filter-wrapper > a { display: block; font-size: 16px; margin-bottom: 10px;  position: absolute; right: 0; top: 95px; z-index: 10}
	.texture-filter-wrapper-bg { position:fixed; background-color: #fff; z-index:100; top:0; left:0; width:100%; height:100%; display:none; overflow: auto; }
	.texture-filter-wrapper .filter-left-container-desk{ position: absolute; right: 0; top: 90px; z-index:110; background-color: #fff; height:100vh; overflow:hidden; overflow-y:scroll;}
	.texture-filter-container .filterClose { position: absolute; right: 10px; display:block; top:5px; }
	.texture-filter-container .filtereset { display:none;}
	.filter-reset-apply-container { display:block; }
	.texture-filter-container .accor-new { border:none;}
	/*Updated on 24th July ends here--*/

	.texture-product-slider.owl-carousel .owl-controls .owl-buttons .owl-prev{ bottom: -10px; top: auto; left: 0px; }
	.texture-product-slider.owl-carousel .owl-controls .owl-buttons .owl-next{ bottom: -10px; top: auto; right: 0px; }
	.texture-product-content{ margin-top: 30px; padding-left: 0; }
	.texture-product-slider.owl-carousel .owl-controls{ text-align: center; }
	.texture-product-slider.owl-carousel .owl-controls .owl-pagination{ padding-top: 20px; display: inline-flex; align-items: center; justify-content: center; }
	.texture-product-slider.owl-carousel .owl-controls .owl-page{ margin: 0 5px; }
	.texture-product-slider.owl-carousel .owl-controls .owl-page span{ width: 10px; height: 10px; background: #cccccc; transition: 0.2s all ease; display: inline-block; border-radius: 50%; }
	.texture-product-slider.owl-carousel .owl-controls .owl-page.active span{ background: #5e3e8b; transform: scale(1.5); }
	.texture-layerone-sections .left{ float: none; width: 100%; }
	.washability-section { margin-top: 30px; }
	.texture-eco-friendly{ display: flex; flex-flow: row-reverse; justify-content: flex-end; align-items: center; }
	.texture-eco-friendly p{ padding-left: 30px; }
	.decor-tip p{ padding: 0 15px; }
	.decor-tip h3:before, .decor-tip h3:after{ width: 25%; }
	.available-color-btns a, .product-used-content a{ display: block; margin-right: 0; margin-bottom: 10px; text-align: center; }
	.texture-layerthree, .texture-layerfour{ padding-top: 60px; }

	.texture-layerthree-content .row{ display: block; }
	/*.product-used-content{ margin-top: 30px; }*/
	.product-used-content p{ margin-bottom: 30px; }

	.people-also-liked.owl-carousel .owl-controls .owl-nav .owl-prev{ left: -8%; top: 35%; }
	.people-also-liked.owl-carousel .owl-controls .owl-nav .owl-next{ right: -8%; top: 35%; }

	.stencils-base-top-coat{ display: block; }
	.stencils-base-top-coat li{ margin-bottom: 10px; }
	.texture-slider-layerone .row { display: block; }
	.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-prev { left: 5px; }
	.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-next { right: 5px; }
	.texture-available-colors-slider { padding: 25px 30px; }
	.texture-product-content p { margin-bottom: 30px; }

	.texture-layerone-sections .left img{ width: 118px; height: auto; }
	.washability-section{ position: relative; }
	.washability-section p{ position: absolute; top: 0; left: 148px; }
	.washability-section-image, .washability-section-list{ margin-top: 30px; }
	.people-also-liked{ width: 90%; margin: auto; }
	.people-also-liked.owl-carousel .owl-controls .owl-buttons .owl-prev{ left: -7%; top: 35%; }
	.people-also-liked.owl-carousel.owl-carousel .owl-controls .owl-buttons .owl-next{ right: -7%; top: 35%; }
}

@media screen and (min-width: 320px) and (max-width: 1199px){
	.texture-slider-layerone .row{ display: block; }
}

@media screen and (min-width: 480px) and (max-width: 639px) and (orientation:landscape){
	.texture-filter-wrapper .filter-left-container-desk{  height:200px; overflow:hidden; overflow-y:scroll;}
}

@media screen and (min-width: 640px) and (max-width: 767px) and (orientation : landscape){
	.texture-filter-wrapper .filter-left-container-desk{  height:250px; overflow:hidden; overflow-y:scroll;}
}

@media screen and (min-width:768px) and (max-width:991px) {
	/*ul.texture-sort-container { display: block;}*/
	ul.texture-sort-container { display: flex; align-items: flex-start; }
	ul.help-me-decide > li:nth-child(2) { width: 54%;}
	ul.help-me-decide > li:nth-child(3) { width: 20%;}
	ul.help-me-decide > li { font-size:13px; margin-right: 15px; }

	#texture-filters1 .accrdn-cntnt { height: auto;}
	ul.help-me-decide-dropdown-listing:first-child > li {padding: 25px 15px 15px 10px;}

	.intrst-check .col-sm-3, .intrst-check .col-xs-12{ padding: 0; padding-left: 10px; }
	.texture-filter-container [type="checkbox"]:not(:checked) + label, .texture-filter-container [type="checkbox"]:checked + label{ padding-left: 5px; font-size: 14px; }


	.texture-internal-container{ padding-top: 180px; }
	.texture-product-slider, .texture-product-slider-thumbnail{ padding: 0 20px; }
	.texture-product-slider.owl-carousel .owl-controls .owl-buttons .owl-prev, .texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-buttons .owl-prev{ left: -3px; }
	.texture-product-slider.owl-carousel .owl-controls .owl-buttons .owl-next, .texture-product-slider-thumbnail.owl-carousel .owl-controls .owl-buttons .owl-next{ right: -3px; }

	.texture-product-content{ margin-top: 50px; }
	.texture-layerone-sections .left{ width: 35%; }
	.texture-product-content{ padding: 0; }

	.texture-available-colors-slider{ padding: 25px; }
	.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-prev{ left: 2px; top: 42%; }
	.texture-available-colors-slider.owl-carousel .owl-controls .owl-nav .owl-next{ right: 2px; top: 42%; }
	.available-color-btns a{ font-size: 20px; margin-right: 10px; }

	.available-color-btns a{ font-size: 20px; margin-right: 10px; }
    #texture-filters1 .mCSB_inside > .mCSB_container{ margin-right: 0; }
}

@media screen and (max-width: 991px) {
	.texture-filter-container .accor-new > p, .texture-filter-container .intrst-hdng-new { font-size: 16px; }

	ul.texture-sort-container li:nth-child(3){ padding-right: 15px; }

	ul.texture-sort-container > li:nth-child(5) { text-align: right; display: inline-block; margin-top: 15px; }
	.texture-white-box { position: absolute; top: 60px; z-index: 50; left: 0; right: 0; width: 96%; margin: 0 auto; }
	.texture-filter-container { margin-top: 10px; }
}

@media screen and (min-width:992px) and (max-width:1199px) {
	ul.help-me-decide > li:nth-child(2) { width: 53%;}
	ul.help-me-decide > li:nth-child(3) { width: 19%;}
	.texture-container > ul > li:nth-child(2) { padding-left: 10px;}
	.texture-filter-container .accor-new > p, .texture-filter-container .intrst-hdng-new { font-size: 16px; }
	ul.texture-sort-container > li { font-size: 12px; }
	.texture-container ul.img-copy-container {padding: 5px 10px 5px 15px;}
}

 /*--For texture-listing page on 19th July 2017 ends here --*/

 .base-coat-text{
     margin-left: 15px;
  }

  #texture-filters1 .checkbox input[type="checkbox"]:focus{ outline:none; box-shadow: none; }
  .texture-container ul.img-copy-container { min-height: 55px; }


 /*--Updated on 1st August 2017 ends here--*/
 /*-----------500 Server Error CSS Starts-----------*/
  .full-width-container-500-error { width: 100%; margin: 0 auto; position: relative;}
  .full-width-container-500-error img { width: 100%;}
  .full-width-container-500-error .container { position: absolute; top: 0; left: 0; right: 0; height: 100%;display: flex; align-items: center;}
  .full-width-container-500-error .spotlight-copy-500-error { width: 55%;}
  .full-width-container-500-error .spotlight-copy-500-error h2 {font-family: 'Conv_manrope_extrabold_webfont'; font-size: 52px; color: #5e3b8d; line-height: 60px;}
  .full-width-container-500-error .spotlight-copy-500-error p {font-family: 'Conv_manrope_regular_webfont'; font-size: 37px; color: #5e3b8d;}

  @media screen and (min-width: 320px) and (max-width:767px){
  .full-width-container-500-error .container { top: 15%; display: block;}
  .full-width-container-500-error .spotlight-copy-500-error { width: 95%;}
  .full-width-container-500-error .spotlight-copy-500-error h2 { font-size: 32px; line-height: 40px;}
  .full-width-container-500-error .spotlight-copy-500-error p { font-size: 23px; line-height:26px;}
  }

  @media screen and (min-width: 320px) and (max-width:767px) and (orientation:portrait){
  .full-width-container-500-error .container { top: 22%;}
  }

  @media screen and (min-width: 768px) and (max-width:991px){
  .full-width-container-500-error { margin-top: 20px;}
  .full-width-container-500-error .spotlight-copy-500-error h2 { font-size: 45px; line-height: 55px;}
  .full-width-container-500-error .spotlight-copy-500-error p { font-size: 28px; line-height:30px;}
  }
  /*-----------500 Server Error CSS Ends-----------*/
  /*------------------------- updated on 1st Aug 2017  --------------------------------------------*/

 .find-locator-container ul { background-color: #f9f7d7; margin: 0 0 20px; padding: 30px; display: flex; justify-content: space-between; }
 .find-locator-container ul li { display: flex; align-items: center; }
 .find-locator-container ul li span { font-size: 18px; color: #000; font-family: 'Conv_manrope_regular_webfont'; text-align: center; }
 .find-locator-container ul li span p { font-size: 16px; }
 .find-locator-container ul li input { background: #ffffff; border: 1px solid #9d9a93; height: 40px; padding: 5px; margin-left: 10px; }

  @media screen and (max-width:767px){
  	.find-locator-container ul { display: block; padding: 15px; }
  	.find-locator-container ul li { justify-content: space-between; margin-bottom: 10px; }
  	.find-locator-container ul li span { font-size: 15px; }
  	.find-locator-container ul li span p { font-size: 12px; }
  	.find-locator-container ul li:last-child { justify-content: flex-end; }
 	.find-locator-container ul li .btn-style2 { margin-bottom: 0; }
  }
  /*@media screen and (max-width:767px) and (orientation:landscape){
  	.find-locator-container ul { display: flex; }
  }*/
 @media screen and (min-width: 768px) and (max-width:991px){
 	.find-locator-container ul { padding: 10px; }
 	.find-locator-container ul li span, .find-locator-container ul li span p { font-size: 12px; }
 	.find-locator-container ul li .btn-style2 { font-size: 12px; padding: 7px 10px 8px; }
 	.find-locator-container ul li .btn-style2 { margin-bottom: 0; }
 }

 /*------------------------- updated on 1st Aug 2017  --------------------------------------------*/

  /* Added on 18-08-2017 */
  .prod-listing-buy-wall {padding: 20px 0 50px 0; font-size: 16px;}
  @media screen and (min-width:320px) and (max-width:767px) {
  .prod-listing-buy-wall {padding: 0 0 20px 0;}
  }

  /* Added on 18-08-2017 */

 /*-- Interior css start here --*/

 .interior-slider-thamb { margin-top: 0; }
 .zoom-txt { font-size: 11px; color: #333333; margin-top: 5px; margin-bottom: 15px; }
 .zoom-txt img { margin-right: 5px; display: inline-block; }
 .interior-content > h3 { font-size: 18px; color: #333333; font-family: 'Conv_manrope_regular_webfont'; }
 .interior-content > h3 > span { font-size: 20px; font-family: 'Conv_manrope_extrabold_webfont'; border-bottom: 0 !important; }
 .interior-content > p { font-size: 14px; color: #333333; margin-bottom: 10px; }
 .interior-content a, .interior-product-details-container a { margin-top: 20px; display: table; }
 .interior-right-left-container { width: 70%; float: left; }
 .interior-right-right-container { width: 30%; float: left; }
 .interior-right-container { margin-top: 20px; }
 .interior-right-left-container > ul { list-style-type: none; padding: 0; margin: 0; }
 .interior-right-left-container > ul > li { padding: 15px 0 15px 50px; }
 .interior-right-left-container > ul > li > span { display: block; }
 .sheen { background: url("clientlib-site/images/sheen-icon.png") no-repeat left center; }
 .durability { background: url("clientlib-site/images/durability-icon.png") no-repeat left center; }
 .washability { background: url("clientlib-site/images/washability-icon.png") no-repeat left center; padding: 10px 0 10px 50px; }
 .interior-right-left-container > ul > li > ul { display: inline-block; }
 .interior-right-left-container > ul > li > ul > li { display: inline-block; margin-top: 5px; opacity: 0.5; }
 .interior-right-left-container > ul > li > ul > li.dark-color { opacity: 1; }
 .interior-right-left-container > ul > li > p { font-size: 14px; color: #333333; display: inline-block; margin-left: 5px; margin-bottom: 0; }


 .paint-buget-container { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 60px 0; margin-bottom: 60px; }

 .interior-product-details-container { border-right: 1px solid #cccccc; padding-right: 50px; }
 .interior-product-details-container ul { list-style-type: none; padding: 0; margin: 0; }
 .interior-product-details-container ul li { display: block; font-size: 14px; color: #333333; margin-bottom: 30px; padding-left: 20px; background: url("clientlib-site/images/interior-product-details-bullet.jpg") no-repeat left 3px; }

 .paint-budget-calculator-container { padding-left: 30px; max-height: 377px; overflow-y: hidden; }
 .paint-budget-calculate > ul { list-style-type: none; padding: 0; margin: 0; }
 .paint-budget-calculate > ul > li { background: #f1f1f1; padding: 30px; display: flex; justify-content: space-between; align-items: center; }
 .paint-budget-calculate > ul > li:nth-child(odd) { background: #f8f8f8; }
 .paint-budget-calculate > ul > li > span { font-size: 14px; color: #333333; }

 .paint-budget-calculator-container ul li [type="radio"]:checked,
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
 .paint-budget-calculator-container ul li [type="radio"]:checked + label,
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
 .paint-budget-calculator-container ul li [type="radio"]:checked + label:before,
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 19px; height: 19px; border-radius: 100%;  background: url("clientlib-site/images/lavender-radio-not-checked.jpg") no-repeat; }
 .paint-budget-calculator-container ul li [type="radio"]:checked + label:after,
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) + label:after { content: ''; width: 19px; height: 19px; background: url("clientlib-site/images/lavender-radio-checked.jpg") no-repeat; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
 .paint-budget-calculator-container ul li [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

 .paint-budget-calculator-left { width: 30%; }
 .paint-budget-calculator-right { width: 70%; }

 .interior-no-rooms-range { width: 100%; display: flex; justify-content: space-between; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; position: relative; background: transparent; background:  }
 .interior-no-rooms-range .ui-state-default { cursor: pointer; background: url("clientlib-site/images/range-handle.png") no-repeat left center; width: 21px; height: 21px; border-radius: 50%; border: 0; z-index: 10; }
 .interior-no-rooms-range:before { content: ""; position: absolute; top: 4px; left: 0; width: 100%; height: 2px; background: #cbd4d9; }
 .range-click { margin-top: -13px; position: relative; z-index: 5 }
 .range-click ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; }
 .range-click ul li { display: inline-block; width: 10px; height: 10px; background: #cbd4d9; border-radius: 50%; display: block; }
 .range-click ul li:first-child { position: relative; left: -10px; }
 .interior-no-rooms-range .ui-widget-header { background: transparent; }
 .interior-no-rooms ul, .carpet-area ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; margin-bottom: 10px; }
 .interior-no-rooms ul li, .carpet-area ul li { display: inline-block; }
 .interior-no-rooms ul li:first-child { position: relative; left: -10px; }
 .carpet-area ul li:first-child { left: -25px; }

 .paint-budget-calculate-result { background: #f8f8f8; padding: 30px; display: none; }
 .budget-estimate-container { padding-bottom: 30px; border-bottom: 1px solid #d5d5d5; margin-bottom: 30px; }
 .budget-estimate-container ul { display: flex; justify-content: space-between; }
 .budget-estimate-container ul li p { font-size: 14px; color: #333333; margin-bottom: 10px; }
 .budget-estimate-container ul li span { font-size: 26px; color: #5e3e8b; display: block; }

 .additional-products-container > p { font-size: 14px; color: #333333; }
 .additional-products-container > ul > li { margin-bottom: 20px; }
 .additional-products-container > ul > li > p { font-size: 14px; color: #5e3e8c; margin-bottom: 0; font-family: 'Conv_manrope_regular_webfont'; }
 .price-quantity-container { display: flex; justify-content: space-between; margin-top: 5px; }
 .price-quantity-container span { font-size: 14px; color: #333333; display: block; }

 .paint-budget-calculator-container h2 { display: flex; justify-content: space-between; }
 .paint-budget-calculator-container h2 a { font-size: 14px; color: #333333; position: relative; display: none; }
/* .paint-budget-calculator-container h2 a:before { content: ""; position: absolute; left: -25px; top: 0; background: url("clientlib-site/images/budget-edit-icon.png") no-repeat; width: 19px; height: 19px; }*/

 .recommended-container { border: 1px solid #bdbdbd; margin: 30px 0; padding: 30px; }
 .recommended-product-container > ul { display: flex; justify-content: space-between; align-items: flex-end; }
 .recommended-product-container > ul > li { text-align: center; position: relative; }
 .recommended-product-container > ul > li > img { margin-top: 30px; }
 .recommended-product-container > ul > li > p { font-size: 16px; color: #333333; margin: 15px 0; }
 .recommended-product-label-container { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; text-align: center; background: #fff; padding-right: 20px; }
 .label-text { background: url("clientlib-site/images/product-label.png") no-repeat left top; font-family: 'Conv_manrope_regular_webfont'; width: 25px; height: 37px; font-size: 18px; color: #fff; line-height: 26px; display: inline-block; }
 .product-text { font-size: 20px; color: #333333; padding-left: 10px; }

 .color-container { float: left; }
 .color-container > ul { list-style-type: none; padding: 0; margin: 0; display: flex; }
 .color-container > ul > li { display: inline-block; /*width: 50px;*/ padding: 5px;  border: 2px solid #fff; text-align: center; }
 .color-container > ul > li:hover, .color-container > ul > li.active { border: 2px solid #000; }
 .color-container > ul > li:hover p, .color-container > ul > li.active p { visibility: visible; text-transform: lowercase; }
 .color-container > ul > li > p { visibility: hidden; font-size: 14px; color: #333333; margin-bottom: 5px; font-family: 'Conv_manrope_regular_webfont'; }
 .color-container > ul > li > a { border: 1px solid #cdcdcd; width: 38px; height: 38px; display: block; margin: 0 auto; }
 .red-color { background: #cf393e; }
 .orange-color { background: #fa8531; }
 .yellow-color { background: #fed630; }
 .green-color { background: #6ac065; }
 .blue-color { background: #1588cb; }
 .purple-color { background: #8875b0; }
 .pink-color { background: #dc6a94; }
 .militry-color { background: #a26945; }
 .grey-color { background: #9da19c; }
 .white-color { background: #e7f0e7; }

 .choose-colors-container { margin: 20px 0 50px; }
 .choose-colors-container > p { font-size: 15px; color: #333333; margin-bottom: 20px; font-family: 'Conv_manrope_regular_webfont'; }


 .choose-colors-left-container { width: 10%; float: left; }
 .choose-colors-left-container ul { list-style-type: none; padding: 0; margin: 0; }
 .choose-colors-left-container ul li { display: block; }
 .choose-colors-left-container ul li a { height: 42px; display: block; transition: all ease-out 0.3s; }
 .choose-colors-left-container ul li a:hover, .choose-colors-left-container ul li a.active { width: 130%; }

 .select-left-color { background: #c0aece; }
 /*.purple-color-shade-2 { background: #dfd4d4; }
 .purple-color-shade-3 { background: #c0aece; }
 .purple-color-shade-4 { background: #a096ab; }
 .purple-color-shade-5 { background: #7f7a94; }
 .purple-color-shade-6 { background: #6e486e; }
 .purple-color-shade-7 { background: #4d4348; }*/

 .select-right-color { background: #bfadce; }

 .choose-colors-right-container { width: 87%; float: right; border: 2px solid #c0aece; padding: 10px; }
 .choose-colors-right-container ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-evenly; flex-wrap: wrap; z-index: -1; }
 .choose-colors-right-container ul li { width: 10%; margin: 5px 0; padding: 0 5px; }
 /*.choose-colors-right-container ul li:first-child, .choose-colors-right-container ul li:nth-child(11n) { margin-left: 0; }
 .choose-colors-right-container ul li:nth-child(10n) { margin-right: 0; }*/
 .choose-colors-right-container ul li a { height: 42px; display: block; transition: all ease-out 0.3s; position: relative; }
 .choose-colors-right-container ul li a.active:after { content: ""; position: absolute; left: 50%; bottom: -8px; margin-left: -7px; width: 15px; height: 15px; background: #bfadce; transform: rotate(-45deg); }
/*
 .choose-colors-right-container ul li a.active:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("clientlib-site/images/tick-mark-white.png") no-repeat left top; width: 21px; height: 17px; }
*/
 .select-right-color-content > a { position: absolute; top: 1vw; right: 1vw; font-size: 16px; color: #fff; font-family: 'Conv_manrope_regular_webfont'; }
 .select-right-color-content > img { width: 100%; }
 .select-color-desc { position: absolute; top: 8vw; right: 10vw; }
 .select-color-desc-container { display: flex; }
 .select-right-color-content { margin: 20px 0; position: relative; background: #c0aece; display: none; }
 .select-right-color-content.active { display: block; width: 100%; }
 .select-color-desc-right > p { font-size: 17px; color: #fff; display: block; margin: 5px 0; font-family: 'Conv_manrope_regular_webfont'; }
 .select-color-desc-right > p > span.like-color-icon { padding-right: 25px; }

/* .like-color-icon { width: 18px; height: 16px; background: url("clientlib-site/images/like-color-icon.png") no-repeat left center; }*/

 .color-catalogue-container { /*display: flex; justify-content: space-between;*/ }
 .color-filter { background: #fcaf2a; padding: 5px 10px; font-size: 17px; color: #fff; font-family: 'Conv_manrope_extrabold_webfont'; float: right; transform: translateY(50%); display: flex; align-items: center; z-index: 30; }
/* .color-filter > span { background: url("clientlib-site/images/color-filter-icon.png") no-repeat left center; padding-left: 30px; padding-top: 5px; }*/
/* .color-filter select { background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; background: url("clientlib-site/images/color-select-arrow.png") no-repeat right center; padding-right: 20px; }*/

 .customSelectBox { float: left; position: relative; cursor: pointer; z-index: auto; width: 140px; padding: 10px; }
 .customSelectBox span { cursor: pointer; display: inline-block; padding-top: 5px; position: static; font-size: 17px; color: #fff; }
 .customSelectBox ul { background: #fcaf2a; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: 0 8px; z-index: 30; max-height: 299px; overflow-y: auto; }
 .customSelectBox ul li { clear: both; border-top: 1px solid #fff; width: 100%; float: left; text-align: left; padding: 10px 0; }
 .customSelectBox ul li:first-child { border-top: 0; }
 .customSelectBox ul li a { color: #fff; }
 .customSelectBox::after { content: ''; height: 10px; width: 10px; display: block; border: 2px solid #fff; border-right-width: 0; border-top-width: 0; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%); -moz-transform: rotate(-45deg) translateY(-50%); -o-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); position: absolute; top: 44%; right: 0; }

 .interior-listing-container { margin: 50px 0 0; padding: 0 30px; }
 .interior-listing-container > p { margin: 0; font-size: 14px; color: #333333; }

 .interior-listing-filter-container > ul { list-style-type: none; padding: 0; margin: 30px 0 0; display: flex; justify-content: space-between; }
 .interior-listing-filter-container > ul > li { list-style-type: none; padding: 0; margin: 0; }
 .interior-listing-filter-container > ul > li > p { font-size: 17px; color: #333333; font-family: 'Conv_manrope_extrabold_webfont'; margin: 0; }

 .interior-listing-product .recommended-product-label-container { white-space: nowrap; }
 .interior-listing-product > ul { align-items: center; }
 .interior-listing-product > ul > li { text-align: left; width: 30%; }
 .interior-listing-content > p { font-size: 18px; color: #333333; font-family: 'Conv_manrope_regular_webfont'; }
 .interior-listing-content > span { color: #333333; font-size: 14px; display: block; }

 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked) + label:before,
 .interior-listing-filter-container ul li [type="checkbox"]:checked + label:before { content: ''; position: absolute; left:0; top: 0; width: 24px; height: 22px; /* dim. of the box */ border: 1px solid #cecece; background: #eeeeee; }

 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked) + label:after,
 .interior-listing-filter-container ul li [type="checkbox"]:checked + label:after { content: '?'; position: absolute; top: 0; left: 3px; font-size: 22px; color: #19a656; transition: all .2s; /* animation incoming :p */ }
 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked) + label:after { opacity: 0; /* invisible */ transform: scale(0); /* scaled down to 0 */ }
 .interior-listing-filter-container ul li [type="checkbox"]:checked + label:after { opacity: 1; /* visible */ transform: scale(1); /* scaled up to normal */ }

 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked),
 .interior-listing-filter-container ul li [type="checkbox"]:checked { position: absolute; left: -9999px; }

 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked) + label,
 .interior-listing-filter-container ul li [type="checkbox"]:checked + label {  font-family: 'Conv_manrope_extrabold_webfont'; position: relative; /* permet de positionner les pseudo-?l?ments */ padding-left: 35px; /* fait un peu d'espace pour notre case ? venir */ cursor: pointer;    /* affiche un curseur adapt? */ font-size: 24px; }
 .interior-listing-filter-container > ul > li > label p span { font-family: 'Conv_manrope_regular_webfont'; margin-right: 10px; position: relative; display: inline-block; font-size: 15px; color: #333333; }
 .interior-listing-filter-container > ul > li > label p span:after { content: ""; position: absolute; top: 0; left: -8px; width: 1px; height: 100%; background: #7a7a7a; }
 .interior-listing-filter-container > ul > li > label p span:first-child:after { content: none; }
 .interior-listing-filter-container > ul > li > label p span.rupee-text { color: #5e3e8b; }

 .interior-listing-content-container {  }
 .interior-listing-content-container > ul { list-style-type: none; margin: 0; padding: 0; }
 .interior-listing-content-container > ul > li { border: 1px solid #e2e2e2; padding: 50px; position: relative; margin-bottom: 30px; }
 .interior-listing-content-container > ul > li > ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; }
 .interior-listing-content-container > ul > li > ul > li { list-style-type: none; }
 .interior-listing-content-container > ul > li > ul > li > p { font-size: 18px; color: #333333; margin: 0; }
 .interior-listing-content-container > ul > li > ul > li > span { font-size: 14px; color: #333333; display: block; margin: 10px 0 0; line-height: 18px; }
 .interior-listing-content-container .interior-right-left-container { width: 100%; }
 .interior-listing-content-container .recommended-product-label-container { left: 3vw; top: -0.5vw; transform: none; }


 @media screen and (max-width: 767px){
    .paint-buget-container { padding: 30px 0; }
    .paint-budget-calculate > ul > li > span { display: block; margin-bottom: 10px; }
    .interior-product-details-container { padding-right: 0; border-right: 0; margin-bottom: 30px; }
    .paint-budget-calculator-container { padding-left: 0; max-height:430px; }
    .paint-budget-calculate > ul > li { display: block; padding:28px; }
    .paint-budget-calculator-left { width: 100%; margin-bottom: 15px; display: block; }
    .paint-budget-calculator-right { width: 100%; }
    .interior-right-left-container, .interior-right-right-container { width: 100%; }
    .interior-right-right-container { text-align: center; margin-top: 30px; }
    .recommended-product-container > ul { display: block; }
    .recommended-product-container > ul > li { text-align: left; margin-top: 20px; }
    .recommended-container { border-left: 1px solid #bdbdbd; border-top: 0; border-right: 0; border-bottom: 0; margin-left: 20px; }
    .paint-budget-calculator-container h2 { font-size: 16px; }
    .recommended-product-label-container { left: -43px; transform: translateX(0); }
    .recommended-product-container > ul > li { margin-top: 120px; }
    .recommended-product-container > ul > li:first-child { margin-top: 0; }
    .choose-colors-left-container, .choose-colors-right-container { width: 100%; }
    .choose-colors-left-container ul li a:hover, .choose-colors-left-container ul li a.active { width: 100%; height: 55px; }
    .choose-colors-left-container ul li { float: left; width: 20%; }
    .choose-colors-right-container ul li a.active::after { content: none; }
    .choose-colors-right-container ul li a { height: 22px; }
    .choose-colors-right-container ul li a.active::before { width: 12px; height: 12px; background-size: 100%; }
    .choose-colors-right-container ul li:nth-child(5n+1) { margin-left: 0; }
    .interior-content { margin-top: 20px; }
    .color-container > ul { display: block; }
    .color-container > ul > li { margin-bottom: 10px; }
    .color-filter { margin-bottom: 10px; width: 260px; transform: none; }
    .select-color-desc { width: 60%; right: 0; top: 5vw; }
    .select-color-desc-left, .select-color-desc-right { width: 50%; }
    .select-color-desc-right > p { font-size: 12px; margin: 0; }

    .budget-estimate-container ul li span { font-size: 16px; }
    .choose-colors-container > p { margin: 20px 0; }
    .color-catalogue-container { display: flex; flex-flow: column-reverse; }
    .interior-listing-container { padding: 0; }
    .interior-listing-content-container > ul > li > ul { display: block; }
    .interior-listing-content-container > ul > li { padding: 0; border-top: 1px solid #e2e2e2; border-bottom: 0; border-left: 0; border-right: 0; }
    .interior-listing-content-container > ul > li > ul > li { margin: 10px 0; }
    .interior-listing-content-container > ul > li > ul > li:first-child { text-align: center; margin-top: 40px; }
    .interior-listing-content-container .recommended-product-label-container { top: -2.5vw; }
    .interior-listing-content-container .recommended-product-label-container .product-text { font-size: 16px; }
    .interior-listing-filter-container { display: none; }
    .interior-listing-filter-container.active { position: fixed; top: 0; left: 0; background: #fff; height: 100%; width: 100%; z-index: 300; display: block; margin: 0; padding: 50px; }
    .interior-listing-filter-container ul { display: block; }
    .interior-listing-container > span { margin: 30px 0; }
    .interior-listing-filter-container > ul > li { margin: 20px auto }
    .carpet-area { width:103%; }
    .carpet-area ul li { font-size:12px; }

    .filter-close a { font-size: 16px; color: #555555; }

    .bg-relative { background: #fff; position: relative; }
 }

 @media screen and (max-width: 767px) and (orientation:landscape) {
    .interior-listing-filter-container ul { display: block; max-height: 250px; overflow: auto; }
    .interior-listing-filter-container.active { padding: 10px 50px; }
    .filter-close > a { margin-top: 20px; display: inline-block; }
 }

 @media screen and (min-width: 768px) and (max-width: 991px){
    .paint-budget-calculator-container { padding-left: 0; }
    .paint-budget-calculate > ul > li { padding: 30px 20px; }
    .carpet-area ul li { margin: 0; }
    .color-container { width: 65%; }
    .color-container > ul { display: block; }
    .color-filter { width: 35%; }
    .interior-listing-content-container > ul > li { padding: 0; }
    .carpet-area ul li:first-child { left: -15px; }
 }
 @media screen and (min-width: 992px) and (max-width: 1199px){
    .carpet-area ul li { margin: 0 15px; }
    .select-color-desc { top: 10vw; }
    .carpet-area ul li:first-child { left: -18px; }
 }

 @media screen and (min-width: 1200px) and (max-width: 1600px){
    .select-color-desc { top: 12vw; }
 }

 /*-- Interior css end here --*/

  /* Added on 18-08-2017 */

 /*-- Interior css start here --*/

 .interior-slider-thamb { margin-top: 0; }
 .zoom-txt { font-size: 11px; color: #333333; margin-top: 5px; margin-bottom: 15px; }
 .zoom-txt img { margin-right: 5px; display: inline-block; }
 .interior-content > h3 { font-size: 18px; color: #333333; font-family: 'Conv_manrope_regular_webfont'; }
 .interior-content > h3 > span { font-size: 20px; font-family: 'Conv_manrope_extrabold_webfont'; border-bottom: 0 !important; }
 .interior-content > p { font-size: 14px; color: #333333; margin-bottom: 10px; }
 .interior-content a, .interior-product-details-container a { margin-top: 20px; display: table; }
 .interior-right-left-container { width: 70%; float: left; }
 .interior-right-right-container { width: 30%; float: left; }
 .interior-right-container { margin-top: 20px; }
 .interior-right-left-container > ul { list-style-type: none; padding: 0; margin: 0; }
 .interior-right-left-container > ul > li { padding: 15px 0 15px 50px; }
 .interior-right-left-container > ul > li > span { display: block; }
 .sheen { background: url("clientlib-site/images/sheen-icon.png") no-repeat left center; }
 .durability { background: url("clientlib-site/images/durability-icon.png") no-repeat left center; }
 .washability { background: url("clientlib-site/images/washability-icon.png") no-repeat left center; padding: 10px 0 10px 50px; }
 .interior-right-left-container > ul > li > ul { display: inline-block; }
 .interior-right-left-container > ul > li > ul > li { display: inline-block; margin-top: 5px; opacity: 0.5; }
 .interior-right-left-container > ul > li > ul > li.dark-color { opacity: 1; }
 .interior-right-left-container > ul > li > p { font-size: 14px; color: #333333; display: inline-block; margin-left: 5px; margin-bottom: 0; }


 .paint-buget-container { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 60px 0; margin-bottom: 60px; }

 .interior-product-details-container { border-right: 1px solid #cccccc; padding-right: 50px; }
 .interior-product-details-container ul { list-style-type: none; padding: 0; margin: 0; }
 .interior-product-details-container ul li { display: block; font-size: 14px; color: #333333; margin-bottom: 30px; padding-left: 20px; background: url("clientlib-site/images/interior-product-details-bullet.jpg") no-repeat left 3px; }

 .paint-budget-calculator-container { padding-left: 30px; max-height: 377px; overflow-y: hidden; }
 .paint-budget-calculate > ul { list-style-type: none; padding: 0; margin: 0; }
 .paint-budget-calculate > ul > li { background: #f1f1f1; padding: 30px; display: flex; justify-content: space-between; align-items: center; }
 .paint-budget-calculate > ul > li:nth-child(odd) { background: #f8f8f8; }
 .paint-budget-calculate > ul > li > span { font-size: 14px; color: #333333; }

 .paint-budget-calculator-container ul li [type="radio"]:checked,
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
 .paint-budget-calculator-container ul li [type="radio"]:checked + label,
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
 .paint-budget-calculator-container ul li [type="radio"]:checked + label:before,
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 19px; height: 19px; border-radius: 100%;  background: url("clientlib-site/images/lavender-radio-not-checked.jpg") no-repeat; }
 .paint-budget-calculator-container ul li [type="radio"]:checked + label:after,
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) + label:after { content: ''; width: 19px; height: 19px; background: url("clientlib-site/images/lavender-radio-checked.jpg") no-repeat; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
 .paint-budget-calculator-container ul li [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
 .paint-budget-calculator-container ul li [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

 .paint-budget-calculator-left { width: 30%; }
 .paint-budget-calculator-right { width: 70%; }

 .interior-no-rooms-range { width: 100%; display: flex; justify-content: space-between; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; position: relative; background: transparent; background:  }
 .interior-no-rooms-range .ui-state-default { cursor: pointer; background: url("clientlib-site/images/range-handle.png") no-repeat left center; width: 21px; height: 21px; border-radius: 50%; border: 0; z-index: 10; }
 .interior-no-rooms-range:before { content: ""; position: absolute; top: 4px; left: 0; width: 100%; height: 2px; background: #cbd4d9; }
 .range-click { margin-top: -13px; position: relative; z-index: 5 }
 .range-click ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; }
 .range-click ul li { display: inline-block; width: 10px; height: 10px; background: #cbd4d9; border-radius: 50%; display: block; }
 .range-click ul li:first-child { position: relative; left: -10px; }
 .interior-no-rooms-range .ui-widget-header { background: transparent; }
 .interior-no-rooms ul, .carpet-area ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; margin-bottom: 10px; }
 .interior-no-rooms ul li, .carpet-area ul li { display: inline-block; }
 .interior-no-rooms ul li:first-child { position: relative; left: -10px; }
 .carpet-area ul li:first-child { left: -25px; }

 .paint-budget-calculate-result { background: #f8f8f8; padding: 30px; display: none; }
 .budget-estimate-container { padding-bottom: 30px; border-bottom: 1px solid #d5d5d5; margin-bottom: 30px; }
 .budget-estimate-container ul { display: flex; justify-content: space-between; }
 .budget-estimate-container ul li p { font-size: 14px; color: #333333; margin-bottom: 10px; }
 .budget-estimate-container ul li span { font-size: 26px; color: #5e3e8b; display: block; }

 .additional-products-container > p { font-size: 14px; color: #333333; }
 .additional-products-container > ul > li { margin-bottom: 20px; }
 .additional-products-container > ul > li > p { font-size: 14px; color: #5e3e8c; margin-bottom: 0; font-family: 'Conv_manrope_regular_webfont'; }
 .price-quantity-container { display: flex; justify-content: space-between; margin-top: 5px; }
 .price-quantity-container span { font-size: 14px; color: #333333; display: block; }

 .paint-budget-calculator-container h2 { display: flex; justify-content: space-between; }
 .paint-budget-calculator-container h2 a { font-size: 14px; color: #333333; position: relative; display: none; }
/* .paint-budget-calculator-container h2 a:before { content: ""; position: absolute; left: -25px; top: 0; background: url("clientlib-site/images/budget-edit-icon.png") no-repeat; width: 19px; height: 19px; }*/

 .recommended-container { border: 1px solid #bdbdbd; margin: 30px 0; padding: 30px; }
 .recommended-product-container > ul { display: flex; justify-content: space-between; align-items: flex-end; }
 .recommended-product-container > ul > li { text-align: center; position: relative; }
 .recommended-product-container > ul > li > img { margin-top: 30px; }
 .recommended-product-container > ul > li > p { font-size: 16px; color: #333333; margin: 15px 0; }
 .recommended-product-label-container { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; text-align: center; background: #fff; padding-right: 20px; }
 .label-text { background: url("clientlib-site/images/product-label.png") no-repeat left top; font-family: 'Conv_manrope_regular_webfont'; width: 25px; height: 37px; font-size: 18px; color: #fff; line-height: 26px; display: inline-block; }
 .product-text { font-size: 20px; color: #333333; padding-left: 10px; }

 .color-container { float: left; }
 .color-container > ul { list-style-type: none; padding: 0; margin: 0; display: flex; }
 .color-container > ul > li { display: inline-block; /*width: 50px;*/ padding: 5px;  border: 2px solid #fff; text-align: center; }
 .color-container > ul > li:hover, .color-container > ul > li.active { border: 2px solid #000; }
 .color-container > ul > li:hover p, .color-container > ul > li.active p { visibility: visible; text-transform: lowercase; }
 .color-container > ul > li > p { visibility: hidden; font-size: 14px; color: #333333; margin-bottom: 5px; font-family: 'Conv_manrope_regular_webfont'; }
 .color-container > ul > li > a { border: 1px solid #cdcdcd; width: 38px; height: 38px; display: block; margin: 0 auto; }
 .red-color { background: #cf393e; }
 .orange-color { background: #fa8531; }
 .yellow-color { background: #fed630; }
 .green-color { background: #6ac065; }
 .blue-color { background: #1588cb; }
 .purple-color { background: #8875b0; }
 .pink-color { background: #dc6a94; }
 .militry-color { background: #a26945; }
 .grey-color { background: #9da19c; }
 .white-color { background: #e7f0e7; }

 .choose-colors-container { margin: 20px 0 50px; }
 .choose-colors-container > p { font-size: 15px; color: #333333; margin-bottom: 20px; font-family: 'Conv_manrope_regular_webfont'; }


 .choose-colors-left-container { width: 10%; float: left; }
 .choose-colors-left-container ul { list-style-type: none; padding: 0; margin: 0; }
 .choose-colors-left-container ul li { display: block; }
 .choose-colors-left-container ul li a { height: 42px; display: block; transition: all ease-out 0.3s; }
 .choose-colors-left-container ul li a:hover, .choose-colors-left-container ul li a.active { width: 130%; }

 .select-left-color { background: #c0aece; }
 /*.purple-color-shade-2 { background: #dfd4d4; }
 .purple-color-shade-3 { background: #c0aece; }
 .purple-color-shade-4 { background: #a096ab; }
 .purple-color-shade-5 { background: #7f7a94; }
 .purple-color-shade-6 { background: #6e486e; }
 .purple-color-shade-7 { background: #4d4348; }*/

 .select-right-color { background: #bfadce; }

 .choose-colors-right-container { width: 87%; float: right; border: 2px solid #c0aece; padding: 10px; }
 .choose-colors-right-container ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-evenly; flex-wrap: wrap; z-index: -1; }
 .choose-colors-right-container ul li { width: 10%; margin: 5px 0; padding: 0 5px; }
 /*.choose-colors-right-container ul li:first-child, .choose-colors-right-container ul li:nth-child(11n) { margin-left: 0; }
 .choose-colors-right-container ul li:nth-child(10n) { margin-right: 0; }*/
 .choose-colors-right-container ul li a { height: 42px; display: block; transition: all ease-out 0.3s; position: relative; }
 .choose-colors-right-container ul li a.active:after { content: ""; position: absolute; left: 50%; bottom: -8px; margin-left: -7px; width: 15px; height: 15px; background: #bfadce; transform: rotate(-45deg); }
/* .choose-colors-right-container ul li a.active:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("clientlib-site/images/tick-mark-white.png") no-repeat left top; width: 21px; height: 17px; }*/
 .select-right-color-content > a { position: absolute; top: 1vw; right: 1vw; font-size: 16px; color: #fff; font-family: 'Conv_manrope_regular_webfont'; }
 .select-right-color-content > img { width: 100%; }
 .select-color-desc { position: absolute; top: 8vw; right: 10vw; }
 .select-color-desc-container { display: flex; }
 .select-right-color-content { margin: 20px 0; position: relative; background: #c0aece; display: none; }
 .select-right-color-content.active { display: block; width: 100%; }
 .select-color-desc-right > p { font-size: 17px; color: #fff; display: block; margin: 5px 0; font-family: 'Conv_manrope_regular_webfont'; }
 .select-color-desc-right > p > span.like-color-icon { padding-right: 25px; }

/* .like-color-icon { width: 18px; height: 16px; background: url("clientlib-site/images/like-color-icon.png") no-repeat left center; }*/

 .color-catalogue-container { /*display: flex; justify-content: space-between;*/ }
 .color-filter { background: #fcaf2a; padding: 5px 10px; font-size: 17px; color: #fff; font-family: 'Conv_manrope_extrabold_webfont'; float: right; transform: translateY(50%); display: flex; align-items: center; z-index: 30; }
/* .color-filter > span { background: url("clientlib-site/images/color-filter-icon.png") no-repeat left center; padding-left: 30px; padding-top: 5px; }*/
/* .color-filter select { background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; background: url("clientlib-site/images/color-select-arrow.png") no-repeat right center; padding-right: 20px; }*/

 .customSelectBox { float: left; position: relative; cursor: pointer; z-index: auto; width: 140px; padding: 10px; }
 .customSelectBox span { cursor: pointer; display: inline-block; padding-top: 5px; position: static; font-size: 17px; color: #fff; }
 .customSelectBox ul { background: #fcaf2a; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: 0 8px; z-index: 30; max-height: 299px; overflow-y: auto; }
 .customSelectBox ul li { clear: both; border-top: 1px solid #fff; width: 100%; float: left; text-align: left; padding: 10px 0; }
 .customSelectBox ul li:first-child { border-top: 0; }
 .customSelectBox ul li a { color: #fff; }
 .customSelectBox::after { content: ''; height: 10px; width: 10px; display: block; border: 2px solid #fff; border-right-width: 0; border-top-width: 0; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%); -moz-transform: rotate(-45deg) translateY(-50%); -o-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); position: absolute; top: 44%; right: 0; }

 .interior-listing-container { margin: 50px 0 0; padding: 0 30px; }
 .interior-listing-container > p { margin: 0; font-size: 14px; color: #333333; }

 .interior-listing-filter-container > ul { list-style-type: none; padding: 0; margin: 30px 0 0; display: flex; justify-content: space-between; }
 .interior-listing-filter-container > ul > li { list-style-type: none; padding: 0; margin: 0; }
 .interior-listing-filter-container > ul > li > p { font-size: 17px; color: #333333; font-family: 'Conv_manrope_extrabold_webfont'; margin: 0; }

 .interior-listing-product .recommended-product-label-container { white-space: nowrap; }
 .interior-listing-product > ul { align-items: center; }
 .interior-listing-product > ul > li { text-align: left; width: 30%; }
 .interior-listing-content > p { font-size: 18px; color: #333333; font-family: 'Conv_manrope_regular_webfont'; }
 .interior-listing-content > span { color: #333333; font-size: 14px; display: block; }

 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked) + label:before,
 .interior-listing-filter-container ul li [type="checkbox"]:checked + label:before { content: ''; position: absolute; left:0; top: 0; width: 24px; height: 22px; /* dim. of the box */ border: 1px solid #cecece; background: #eeeeee; }

 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked) + label:after,
 .interior-listing-filter-container ul li [type="checkbox"]:checked + label:after { content: '?'; position: absolute; top: 0; left: 3px; font-size: 22px; color: #19a656; transition: all .2s; /* animation incoming :p */ }
 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked) + label:after { opacity: 0; /* invisible */ transform: scale(0); /* scaled down to 0 */ }
 .interior-listing-filter-container ul li [type="checkbox"]:checked + label:after { opacity: 1; /* visible */ transform: scale(1); /* scaled up to normal */ }

 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked),
 .interior-listing-filter-container ul li [type="checkbox"]:checked { position: absolute; left: -9999px; }

 .interior-listing-filter-container ul li [type="checkbox"]:not(:checked) + label,
 .interior-listing-filter-container ul li [type="checkbox"]:checked + label {  font-family: 'Conv_manrope_extrabold_webfont'; position: relative; /* permet de positionner les pseudo-?l?ments */ padding-left: 35px; /* fait un peu d'espace pour notre case ? venir */ cursor: pointer;    /* affiche un curseur adapt? */ font-size: 24px; }
 .interior-listing-filter-container > ul > li > label p span { font-family: 'Conv_manrope_regular_webfont'; margin-right: 10px; position: relative; display: inline-block; font-size: 15px; color: #333333; }
 .interior-listing-filter-container > ul > li > label p span:after { content: ""; position: absolute; top: 0; left: -8px; width: 1px; height: 100%; background: #7a7a7a; }
 .interior-listing-filter-container > ul > li > label p span:first-child:after { content: none; }
 .interior-listing-filter-container > ul > li > label p span.rupee-text { color: #5e3e8b; }

 .interior-listing-content-container {  }
 .interior-listing-content-container > ul { list-style-type: none; margin: 0; padding: 0; }
 .interior-listing-content-container > ul > li { border: 1px solid #e2e2e2; padding: 50px; position: relative; margin-bottom: 30px; }
 .interior-listing-content-container > ul > li > ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; }
 .interior-listing-content-container > ul > li > ul > li { list-style-type: none; }
 .interior-listing-content-container > ul > li > ul > li > p { font-size: 18px; color: #333333; margin: 0; }
 .interior-listing-content-container > ul > li > ul > li > span { font-size: 14px; color: #333333; display: block; margin: 10px 0 0; line-height: 18px; }
 .interior-listing-content-container .interior-right-left-container { width: 100%; }
 .interior-listing-content-container .recommended-product-label-container { left: 3vw; top: -0.5vw; transform: none; }


 @media screen and (max-width: 767px){
    .paint-buget-container { padding: 30px 0; }
    .paint-budget-calculate > ul > li > span { display: block; margin-bottom: 10px; }
    .interior-product-details-container { padding-right: 0; border-right: 0; margin-bottom: 30px; }
    .paint-budget-calculator-container { padding-left: 0; max-height:430px; }
    .paint-budget-calculate > ul > li { display: block; padding:28px; }
    .paint-budget-calculator-left { width: 100%; margin-bottom: 15px; display: block; }
    .paint-budget-calculator-right { width: 100%; }
    .interior-right-left-container, .interior-right-right-container { width: 100%; }
    .interior-right-right-container { text-align: center; margin-top: 30px; }
    .recommended-product-container > ul { display: block; }
    .recommended-product-container > ul > li { text-align: left; margin-top: 20px; }
    .recommended-container { border-left: 1px solid #bdbdbd; border-top: 0; border-right: 0; border-bottom: 0; margin-left: 20px; }
    .paint-budget-calculator-container h2 { font-size: 16px; }
    .recommended-product-label-container { left: -43px; transform: translateX(0); }
    .recommended-product-container > ul > li { margin-top: 120px; }
    .recommended-product-container > ul > li:first-child { margin-top: 0; }
    .choose-colors-left-container, .choose-colors-right-container { width: 100%; }
    .choose-colors-left-container ul li a:hover, .choose-colors-left-container ul li a.active { width: 100%; height: 55px; }
    .choose-colors-left-container ul li { float: left; width: 20%; }
    .choose-colors-right-container ul li a.active::after { content: none; }
    .choose-colors-right-container ul li a { height: 22px; }
    .choose-colors-right-container ul li a.active::before { width: 12px; height: 12px; background-size: 100%; }
    .choose-colors-right-container ul li:nth-child(5n+1) { margin-left: 0; }
    .interior-content { margin-top: 20px; }
    .color-container > ul { display: block; }
    .color-container > ul > li { margin-bottom: 10px; }
    .color-filter { margin-bottom: 10px; width: 260px; transform: none; }
    .select-color-desc { width: 60%; right: 0; top: 5vw; }
    .select-color-desc-left, .select-color-desc-right { width: 50%; }
    .select-color-desc-right > p { font-size: 12px; margin: 0; }

    .budget-estimate-container ul li span { font-size: 16px; }
    .choose-colors-container > p { margin: 20px 0; }
    .color-catalogue-container { display: flex; flex-flow: column-reverse; }
    .interior-listing-container { padding: 0; }
    .interior-listing-content-container > ul > li > ul { display: block; }
    .interior-listing-content-container > ul > li { padding: 0; border-top: 1px solid #e2e2e2; border-bottom: 0; border-left: 0; border-right: 0; }
    .interior-listing-content-container > ul > li > ul > li { margin: 10px 0; }
    .interior-listing-content-container > ul > li > ul > li:first-child { text-align: center; margin-top: 40px; }
    .interior-listing-content-container .recommended-product-label-container { top: -2.5vw; }
    .interior-listing-content-container .recommended-product-label-container .product-text { font-size: 16px; }
    .interior-listing-filter-container { display: none; }
    .interior-listing-filter-container.active { position: fixed; top: 0; left: 0; background: #fff; height: 100%; width: 100%; z-index: 300; display: block; margin: 0; padding: 50px; }
    .interior-listing-filter-container ul { display: block; }
    .interior-listing-container > span { margin: 30px 0; }
    .interior-listing-filter-container > ul > li { margin: 20px auto }
    .carpet-area { width:103%; }
    .carpet-area ul li { font-size:12px; }

    .filter-close a { font-size: 16px; color: #555555; }

    .bg-relative { background: #fff; position: relative; }
 }

 @media screen and (max-width: 767px) and (orientation:landscape) {
    .interior-listing-filter-container ul { display: block; max-height: 250px; overflow: auto; }
    .interior-listing-filter-container.active { padding: 10px 50px; }
    .filter-close > a { margin-top: 20px; display: inline-block; }
 }

 @media screen and (min-width: 768px) and (max-width: 991px){
    .paint-budget-calculator-container { padding-left: 0; }
    .paint-budget-calculate > ul > li { padding: 30px 20px; }
    .carpet-area ul li { margin: 0; }
    .color-container { width: 65%; }
    .color-container > ul { display: block; }
    .color-filter { width: 35%; }
    .interior-listing-content-container > ul > li { padding: 0; }
    .carpet-area ul li:first-child { left: -15px; }
 }
 @media screen and (min-width: 992px) and (max-width: 1199px){
    .carpet-area ul li { margin: 0 15px; }
    .select-color-desc { top: 10vw; }
    .carpet-area ul li:first-child { left: -18px; }
 }

 @media screen and (min-width: 1200px) and (max-width: 1600px){
    .select-color-desc { top: 12vw; }
 }

 /*-- Interior css end here --*/
 /* Added on 09-10-2017*/

 .apinterior-txtFields{margin:0 auto}
 .apinterior-txtFields input{padding:12px;width:100%;z-index:2;background:transparent;position:relative;border:0;outline:0;font-size:14px;color:#888}
 .apinterior-txtFields label{position:absolute;left:14px;top:12px;transition:.3s all;font-size:14px;z-index:1;color:#888;font-family:Arial,Helvetica,sans-serif}
 .apinterior-txtFields .txtfld{position:relative;display:inline-block; width: 100%;}
 .apinterior-txtFields .txtfld::before{content:'';position:absolute;left:0;height:100%;width:100%;top:0;border:1px solid #cfcfcf}
 .apinterior-txtFields .txtfld input:focus+label,.txtfld input.inputVal+label{top:-7px;left:10px;font-size:12px;color:#5e3b8d;padding:0 5px;background:#f1f1f1}
 .paint-budget-calculate > ul > li:nth-child(odd) .apinterior-txtFields .txtfld input:focus+label,.txtfld input.inputVal+label{background:#f8f8f8}
 .interior-listing-content-container > ul > li > ul > li{padding-top: 40px;}
 .paint-budget-calculator-container{max-height: 1000px;}

 /* Added on 09-10-2017*/

/*------ my document tab starts here--------------*/

.document-tab .docfile {  font-size: 20px; color: #3f3f3f; line-height: 20px; border: 2px solid #5e3b8d; position: relative; width: auto; padding: 15px 30px;}
.document-tab .docfile [type=file] { cursor: inherit; display: block; filter: alpha(opacity=0); opacity: 0; position: absolute; left: 0; text-align: right; top: 0;}
.document-tab .document-input { display: inline-block; float:right;}
.document-tab .max-limit { font-size: 16px; color: #333; line-height: 20px; padding: 15px 10px; float: left; width: 100%; text-align:right;}
.document-tab .profile-details { float: left; width: 100%;}
.document-tab .doc-format { float: left; width: 100%; background: #f9f9f9;}
.document-tab .bill-detail span { font-size: 20px; color: #767676; font-family: Arial; line-height: 27px;}
#deletedoc { float: right; cursor: pointer; color: #767676; font-size: 16px; font-family: Arial; line-height:26px;}
.doc-format ul { list-style:none; padding:0; margin:0;}
.doc-format ul li { float:left; width:100%; padding:20px 30px; border-bottom:2px solid #fff;}
.document-tab .profile-details h2 { float: left; display: inline-block;}

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

.document-input { display: block; float: right; width: 100%; text-align: right;}
.document-tab .max-limit { font-size:12px;}
.document-tab .docfile { font-size: 15px; line-height: 17px; padding: 8px 15px;}
.document-tab .bill-detail span { font-size: 18px; line-height: 24px;}
}

/*------ my document tab ends here--------------*/
 /*------ my tool-tip starts here--------------*/

 .tooltip-row.ap-smartcare-tab .tab-style1 .nav li { width: 20%;}
 .tooltip-row .steps-header { float: left; width: 100%; padding-top: 20px;}
 .tooltip-row .fresh-tab {background:#fef7de; padding:60px 50px; float:left; width:100%;}
 .tooltip-row .fresh-tab .tool-view { float:left; width:25%; text-align:center; position:relative;}
 .tooltip-row .available_product_copy { font-size: 18px; font-weight: normal; padding-bottom: 5px; display: inline-block; line-height: 20px; margin-top: 20px; color: #333; font-family: 'Conv_manrope_regular_webfont'; position: relative;  }
 .tooltip-row .fresh-tab .tool-separator { position: relative; float: left; width: 12%; text-align: center; padding-top: 75px;}
 .tooltip-row .available_product_copy .tool-ico { padding-left: 10px; vertical-align: middle; display: inline-block;}
 /*.tooltip-row .available_product_copy .tool-ico .tool-text { visibility: hidden; width: 330px; background-color: #fff;border:1px solid #ebebeb; color: #333; text-align: center;   border-radius: 6px; padding: 30px 40px 30px;font-size:16px;line-height: 20px;left:-10px;  position: absolute;  z-index: 1;font-family:Arial;text-align:justify;	opacity: 0; transition: opacity 1s;	top:40px;}*/

 .tooltip-row .available_product_copy .tool-ico .tool-text { display: block; display: -webkit-box; margin: 0 auto; width: 330px; background-color: #fff; border: 1px solid #ebebeb; border-radius: 6px; padding: 20px; text-align:left; visibility:hidden; opacity:0; left:-10px;  position: absolute;  z-index: 1; transition: opacity 1s; top:40px; }
 .tooltip-row .available_product_copy .tool-ico .tool-text span { font-size: 12px; line-height: 18px; text-overflow: ellipsis; color: #333; font-family:Arial; display: -webkit-box;}

 .tooltip-row .tool-view:last-child .available_product_copy .tool-ico .tool-text {left:-60px;}
 .tooltip-row .available_product_copy .tool-ico .tool-text::after {content: ""; position: absolute;  top: -30px; left: 50%; margin-left: 0; border-width: 15px;  border-style: solid; border-color: transparent transparent #fff transparent;}
 .tooltip-row .available_product_copy .tool-ico .tool-text::before { content: ""; position: absolute; top: -34px; left: 50%; margin-left: -3px; border-width: 17px; border-style: solid; border-color: transparent transparent #ebebeb transparent;}
 .tooltip-row .available_product_copy .tool-ico:hover .tool-text { visibility: visible; opacity:1;}
 .tooltip-row .step2-option { float:left; width:100%;}
 .tooltip-row .stepx-option { float:left; width:100%;}
 .tooltip-row .step2-option .tool-ray { display: table; width: 100%;}

 .tooltip-row .step2-option .tool-view { width: 29%; display: table-cell; text-align: center; vertical-align: top; float: none;}
 .tooltip-row .step2-option .tool-view .tool-fig { background:#fef7de; padding:30px 0; width:100%; min-height:200px; }
 .tooltip-row .step2-option .tool-separator { width: 4%; background: #fff; display: table-cell; min-height: 200px; position: relative; padding: 0 20px; vertical-align: top; float: none;}
 .tooltip-row .step2-option .tool-separator span { position: absolute; background: #707070; top: 100px; width: 70%; height: 1px; left: 0; right: 0; margin: 0 auto;}
 .tooltip-row .step2-option .available_product_copy { padding:0 20px;}
 .tooltip-row .step2-option .available_product_copy p { font-size:16px; line-height:24px; color:#333; font-family:Arial; text-align:left; margin:15px 0 30px;}

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

 .tooltip-row.ap-smartcare-tab .tab-style1 .nav li { width: 23%;}

 }

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

 .tooltip-row .fresh-tab { padding: 30px 20px;}
 .tooltip-row .available_product_copy { font-size: 14px; line-height: 18px;}
 .tooltip-row .step2-option .tool-view { width: 28%;}
 .tooltip-row .step2-option .available_product_copy { padding: 0;}
 .tooltip-row .step2-option .available_product_copy p { font-size: 14px; line-height: 20px; margin: 10px 0 20px;}
 .tooltip-row .available_product_copy .tool-ico .tool-text { width: 230px; border: 1px solid #ebebeb; padding: 20px 20px 13px; font-size: 14px; line-height: 19px; left: 0;}
 }

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

 .tooltip-row .step2-option .tool-ray { float:left; display:block;}
 .tooltip-row .fresh-tab .tool-separator { display: none;}
 .tooltip-row .fresh-tab .tool-view { width: 100%; text-align: center; margin: 20px 0; border-bottom: 1px solid #707070; padding-bottom: 20px;}
 .tooltip-row .fresh-tab .tool-view:last-child { border-bottom:none;}
 .tooltip-row .available_product_copy .tool-ico .tool-text { width: 260px; }
 .tooltip-row .tool-view:last-child .available_product_copy .tool-ico .tool-text {left: 0;}
 .tooltip-row .step2-option .tool-view { width: 100%; float:left; display:block;}
 .tooltip-row .step2-option .tool-view .tool-fig { min-height: inherit;}
 .tooltip-row .step2-option .tool-separator { width: 100%; min-height: 80px; padding: 0; display:block; float:left;}
 .tooltip-row .step2-option .tool-separator span { width:100%; top:30px;}
 .tooltip-row .tool-figure { width: 100%; float: left; padding: 0; margin: 10px 0;}
 .tooltip-row .tool-caption { width:100%; float:left; padding:0;}
 }

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

 .tooltip-row .step2-option .tool-separator { min-height: 50px;}
 .tooltip-row .step2-option .tool-separator span { width:100%; top:15px;}

 }

 /*.custom-tool-caption p{
    font-size: 100% !important;
 }*/
 .custom-accrdn-cntnt {  display: none;  padding:15px 30px 15px !important;}

 #tooltip-main .tab-content {
     clear: both;
     float: left;
     width: 100%;
     margin-bottom: 90px;
 }
/*------ my tool-tip ends here--------------*/
.document-tab .error-limit {
    font-size: 12px;
    color: #ff0000;
    line-height: 18px;
    padding: 15px 10px;
    float: left;
    display: inline-block;
    text-align: left;
}
/*-------------------------Updated on 18th Sept 2017 starts here--------------------------------------------*/

.warranty-main { padding:100px 0;}
.warranty-main .warranty-left { border-right: 1px solid #b7b7b7;  padding-right: 50px; height: 728px; overflow-y: scroll;}
.warranty-main .warranty-box { border-bottom: 1px solid #b7b7b7; padding: 20px 9px;}
.warranty-main .warranty-box:last-child { border-bottom: none;}
.warranty-main .warranty-box h3 { font-family: 'Conv_manrope_regular_webfont'; font-size: 24px; line-height: 30px;  color: #333;  margin: 0; float: left; }


.warranty-main .warranty-toplayer { float: left;  width: 100%; cursor: pointer;}
.warranty-main .warranty-content { font-family: Arial; float: left; width: 100%; font-size: 15px; line-height: 24px; color: #333; padding: 20px 0 0; display: none;}
.warranty-main .warranty-view-btn.warrantyguide { background: url(clientlib-site/images/minus-icon.png) no-repeat right center;}


.warranty-main .prodetail-warranty { float:left; width:100%;}
.warranty-main .register-activate-head { font-family: 'Conv_manrope_regular_webfont'; font-size: 26px; line-height: 30px; padding: 0 0 18px; float:left; width:100%;}

.warranty-main .warranty-bar { width: 100%;  height: 4px; background: #e1e1e1; border-radius: 15px; display: inline-block; margin: 0 4px;  vertical-align: middle; position:relative;}
.warranty-main .warranty-bar span { width: 11.11%; height: 4px; background: #269347;  display: inline-block; position:absolute; top:0; left:0;}

.warranty-main .warranty-right { float: left; width: 100%; padding-left: 20px;}
.warranty-main .warranty-registerform { float: left; width: 100%;}
.warranty-main form.register-warranty { float: left; width: 100%; padding-top:30px;}
.warranty-main form.register-warranty .register-field { border-bottom:1px solid #b7b7b7;  width:100%; padding-top:10px; padding-bottom:10px;  margin-bottom:15px; margin: 10px 0; float: left;}
.warranty-main form.register-warranty label { font-size:15px; line-height:22px; color:#333; font-family:Arial; float: left;}
.warranty-main .warranty-step label span { color: red;}
.warranty-main form.register-warranty input.form-control { border: none; border-radius:0; height: auto; box-shadow:none; font-size:15px; line-height:22px; color:#333; padding:0 5px;}


.warranty-main .warrantyregister-btn { text-align: center;float: left;width: 100%;}
.warranty-main .warrantyregister-btn a { border: 2px solid #333; padding: 10px 40px;  color: #333; font-size: 20px; line-height: 24px; font-family: 'Conv_manrope_bold_webfont'; display: inline-block; margin: 20px 0;}
.warranty-main .warrranty-pro-list {padding: 50px 0 30px; float: left;  width: 100%;}
.warranty-main .warranty-pro-option { margin: 13px 0;}
.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked), .warranty-main .warranty-pro-option [type="checkbox"]:checked {position: absolute; left: -9999px;}
.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked) + label, .warranty-main .warranty-pro-option [type="checkbox"]:checked + label { position: relative; padding: 0px 0 0 43px;  cursor: pointer;  font-size: 15px; line-height: 25px; font-family: Arial;}

.warranty-main .warranty-pro-option.last-option [type="checkbox"]:not(:checked) + label, .warranty-main .warranty-pro-option.last-option [type="checkbox"]:checked + label{line-height: 17px;}

.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked) + label:before, .warranty-main .warranty-pro-option [type="checkbox"]:checked + label:before {  content: '';position: absolute;left: 0; top: 0; width: 25px; height: 25px;border: 2px solid #ccc;  background: #fff;}
/* checked mark aspect */
.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked) + label:after, .warranty-main .warranty-pro-option [type="checkbox"]:checked + label:after {content: '?';position: absolute;top: 5px;	left: 5px;	font-size: 1.3em;line-height: 0.8;	color: #04a754;transition: all .2s;}
/* checked mark aspect changes */
.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked) + label:after { opacity: 0;  transform: scale(0);}
.warranty-main .warranty-pro-option [type="checkbox"]:checked + label:after { opacity: 1;  transform: scale(1);}
/* disabled checkbox */
.warranty-main .warranty-pro-option [type="checkbox"]:disabled:not(:checked) + label:before, .warranty-main .warranty-pro-option [type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb;  background-color: #ddd;}
.warranty-main .warranty-pro-option [type="checkbox"]:disabled:checked + label:after { color: #999;}
.warranty-main .warranty-pro-option [type="checkbox"]:disabled + label { color: #aaa;}
/* accessibility */


.warranty-main .pro-fields select { border: none; border-bottom: 1px solid #b7b7b7; width: 100%; -webkit-appearance: none;-moz-appearance: none;   padding: 10px 2px 10px; margin: 13px 0; font-size: 15px; line-height: 20px;	background:url(clientlib-site/images/pro-downarrow.png) no-repeat right 10px center;}
.warranty-main .pro-details input {	border: none; font-size: 15px; line-height: 20px; border-radius:0; box-shadow:none;height:auto; padding:0; width: 70%;}
.warranty-main .pro-details { float:left; width:100%; padding:30px 0;}
.warranty-main .pro-details .form-group.pro-fields {border-bottom: 1px solid #b7b7b7; width: 100%; padding: 10px 2px;margin: 13px 0; float: left;}
.warranty-main .warranty-pro-option.pro-fields label { text-decoration: underline;}

.warranty-main form.register-warranty .register-field.frm50 { width: 47%; float: left;  margin-right: 15px;}
.warranty-main form.register-warranty .register-field.frm60 { margin-right: 0;  width: 47%; float: left;}
.warranty-main form.register-warranty .frm50 input.form-control, form.register-warranty .frm60 input.form-control { width:47%;}
.warranty-main .opt-field label span { color: red; font-weight: bold;}

.warranty-main .register-msg { padding-top:30px; padding-bottom:30px;}
.warranty-main .register-msg p { font-size:15px; line-height:21px; color:#333; margin:10px 0;}
.warranty-main .register-msg span { font-size:26px; line-height:30px; color:#5e3b8d; display:inline-block; padding:5px 0;}

.warranty-main .warranty-registerform .step6-wrap { padding:50px ; position: fixed; background: #fff; top: 50%; transform: translatey(-50%); left: 0; right: 0; margin: 0 auto; width: 58%; z-index: 999;}
.warranty-main .warranty-registerform.warranty-step6 .step6form { float: left; width: 44%;}
.warranty-main .warranty-registerform.warranty-step6 { background:rgba(0,0,0,0.7);  width: 100%; height: 100%; position: fixed;  left: 0;  top: 0;  z-index: 99999;}


.warranty-main .step6form ul li [type="checkbox"]:not(:checked) + label:before, .warranty-main .step6form ul li [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #707070;
    background: #fff;
}
.warranty-main .step6form ul li [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.warranty-main .step6form ul li [type="checkbox"]:not(:checked) + label:after, .warranty-main .step6form ul li [type="checkbox"]:checked + label:after {
    content: '?';
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 1.3em;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
}
.warranty-main .step6form ul li [type="checkbox"]:not(:checked) + label, .warranty-main .step6form ul li [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
}
.warranty-main .step6form ul li [type="checkbox"]:not(:checked), .warranty-main .step6form ul li [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.warranty-main .step6form h4 {
    font-size: 26px;
    line-height: 32px;
    color: #333;
}
.warranty-main .step6form ul li {
    width: 100%;
    margin: 10px 0;
    display: inline-block;
}
.warranty-main .step6form ul li > div {
    border-bottom: 1px solid #cfcfcf;
    padding: 10px 0 0;
    display: flex;
    align-items: center;
    position: relative;
}
.warranty-main .frm100 {
    width: 100%;
}
.warranty-main .step6form ul li div span { font-size: 15px; color: #4a4a4a; float: left;}
.warranty-main .step6form ul li div input { border: none; float: left; text-indent: 5px; height: 25px; box-shadow:none; border-radius:0;}
.warranty-main .frm100 input { width: 70%;}
.warranty-main .step6form ul li.captcha-check { width: 60%; border: 1px solid #dbdbdb; background:#f9f9f9 url(clientlib-site/images/frm-captcha.png) no-repeat right center; height: 70px; margin: 30px 0; border-radius: 5px; padding: 20px 15px;}
.warranty-main .step6form ul li.mt-20 { margin: 20px 0 0px;}
.warranty-main .step6form ul li.submit-bt { text-align: center; margin:30px 0 10px;}
.warranty-main .warranty-registerform.warranty-step6 .separator.step6form { background: #ccc; height: 600px; width: 1px; position: relative; display: block; margin: 10px 51px;}
.warranty-main .warranty-registerform.warranty-step6 .separator.step6form span { background: #fbc701; width: 50px; height: 50px; line-height: 50px; display: inline-block; border-radius: 50%; text-align: center; position: absolute; left: -25px; right: 0; margin: 0 auto; top: 50%;    transform: translatey(-50%); font-family: 'Conv_manrope_regular_webfont'; font-size:26px; color:#333;}
.warranty-main .step6form ul li .logwthfb { border-bottom: none; font-size: 15px; line-height: 20px; color: #333;}
.warranty-main .step6form ul li .logwthfb a{ color:#333;}
.warranty-main .step6form ul li .logwthfb span{ padding-left:15px; float: none;}
.warranty-main .step6form ul li .fileContainer { overflow: hidden; position: relative;}
.warranty-main .step6form ul li .fileContainer [type=file] { cursor: inherit; display: block; filter: alpha(opacity=0); opacity: 0; position: absolute; left: 0; text-align: right; top: 0;}

/* Example stylistic flourishes */


.warranty-main .warranty-step4 .fileContainer { float: left; font-size: 19px; color: #333; line-height: 24px; background: url(clientlib-site/images/upload-icon.png) no-repeat right 0 top 7px; position: relative; height: 50px; width: auto; padding: 5px 22px 5px 0;}
.warranty-main .warranty-step4 sub { color: red; float: left; line-height: normal;}
.warranty-main .warranty-step4 .fileContainer [type=file] { cursor: pointer;}
.warranty-main .warranty-step4 .fileContainer span { border-bottom: 2px solid #666666; padding: 0 5px;  display: inline-block;}
.warranty-main .warranty-step4 .fileContainer [type=file] { cursor: inherit; display: block; filter: alpha(opacity=0); opacity: 0; position: absolute; left: 0; text-align: right; top: 0;width: 100%;}
.warranty-main form.register-warranty .register-upload { padding:15px 0;}
.warranty-head2 .register-activate-head { border-bottom: 2px solid #333;}


.warranty-main .step6form ul li .fileContainer { float: left; font-size: 19px; color: #333; line-height: 24px; background: url(clientlib-site/images/upload-icon.png) no-repeat right 0 top 7px; position: relative; height: 50px; width: auto; padding: 5px 22px 5px 0;}
.warranty-main .step6form ul li sub { color: red; float: left; line-height: normal;}
.warranty-main .step6form ul li .fileContainer [type=file] { cursor: pointer;}
.warranty-main .step6form ul li .fileContainer span { border-bottom: 2px solid #666666; padding: 0 5px;  display: inline-block;}
.warranty-main .step6form ul li a.add-bills { border-bottom: 2px solid #666666; float: left; font-size: 19px; color: #333; line-height: 24px; padding: 5px 0; display:block;}
.warranty-main .register-msg p a { color: #5e3b8d; text-decoration: underline; font-weight: bold;}
.warranty-step2, .warranty-step3, .warranty-step4, .warranty-step5, .warranty-step6, .warranty-step7, .warranty-step8, .warranty-step9 { display:none;}
.warranty-main .form-inline .form-group.opt-field { margin: 30px 0 20px;}
.warranty-main .step6-wrap .close-step6 { position: absolute; top: 20px;  right: 20px;}
.warranty-main .step6-wrap .close-step6 a { display: block;}
.warranty-main .step6form { margin: 20px 0;}


.warranty-main .warranty-step2 .warranty-bar span {
    width: 22.11%;}
.warranty-main .warranty-step3 .warranty-bar span {
    width: 33.11%;}

.warranty-main .warranty-step4 .warranty-bar span {
    width: 44.11%;}

.warranty-main .warranty-step5 .warranty-bar span {
    width: 55.11%;}

.warranty-main .warranty-step6 .warranty-bar span {
    width: 66.11%;}

.warranty-main .warranty-step7 .warranty-bar span {
    width: 77.11%;}

.warranty-main .warranty-step8 .warranty-bar span {
    width: 88.11%;}

.warranty-main .warranty-step9 .warranty-bar span {
    width: 100%;}




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

.warranty-main .warranty-registerform .step6-wrap { padding: 50px 30px; width:70%;}
.warranty-main .frm100 input { width: 65%;}
}

@media only screen and (max-width: 1366px) {
.warranty-main .warranty-registerform .step6-wrap { padding: 30px 30px; width: 90%;}
.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked) + label, .warranty-main .warranty-pro-option [type="checkbox"]:checked + label {padding: 0px 0 0 33px; font-size: 14px;   line-height: 20px;}
.warranty-main .warranty-right { padding-left: 0;}
.warranty-main form.register-warranty label { font-size: 14px; line-height: 20px;}
.warranty-main form.register-warranty .register-field.frm50 {width: 48%; float: left;  margin-right: 10px;}
.warranty-main .pro-details label { float: left;}
.warranty-main .pro-details input { width: 70%; float: left;}
.warranty-main .warrantyregister-btn a { padding: 10px 50px;font-size: 17px; line-height: 22px;}
.warranty-main .warranty-registerform.warranty-step6 .separator.step6form { margin:10px 41px;}


}

@media only screen and (min-width: 992px) {
.warranty-main .warranty-left { border-right: none;}
.warranty-main .visible-phn { display:none;}
}

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

.warranty-step1{ display:none;}
.warranty-main .visible-phn { display:block;}
.warranty-main .warranty-left { border-right: none; padding-right: 0;}
.warranty-step { position: fixed;  width: 100%; height: 100%; background: #fff; z-index: 999; left: 0; top: 0; padding: 100px; overflow-y: scroll;}
.warranty-main .warranty-registerform .step6-wrap { overflow-y: scroll; height: 100%;}
.warranty-pro-option.last-option { float: left; width: 100%;}
.warranty-main .warranty-bck-btn { position: absolute; top: 10px; right: 10px; z-index: 99999; color: #333; font-size: 22px; width: auto; text-decoration: underline;}

}

@media only screen and (max-width: 960px) {
.warranty-main .warranty-registerform .step6-wrap {padding: 30px 15px; width: 97%;}
.warranty-main .warranty-registerform.warranty-step6 .step6form { width: 43%;}
.warranty-main .frm100 input { width: 58%;}
.warranty-main .step6form ul li.captcha-check { width: 100%;}

}

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

.warranty-main .warranty-registerform.warranty-step6 .step6form { width: 100%;}
.warranty-main .warranty-registerform.warranty-step6 .separator.step6form { margin: 10px 0; height: 1px; width: 100%;}
.warranty-main form.register-warranty input.form-control { width:78%;}
}

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

.warranty-step { padding:50px 50px;}
.warranty-main .warranty-box h3 { font-size: 20px; line-height: 27px;}
.warranty-main .warranty-content { font-size: 14px; line-height: 21px;}
.warranty-main .register-activate-head { font-size: 22px; line-height: 25px; padding: 0 0 8px;}
.warranty-main form.register-warranty {  padding-top: 10px;}
.warranty-main form.register-warranty .register-field.frm50 { width: 49%; float: left; margin-right: 5px;}
}

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

.warranty-main .frm100 input { width: 51%;}
.warranty-step { padding: 50px 0;}
.warranty-main form.register-warranty .frm50 input.form-control, form.register-warranty .frm60 input.form-control { width: 35%;}
.warranty-main form.register-warranty input.form-control { width: 42%;}


}

/*-------------------------Updated on 18th Sept 2017 ends here--------------------------------------------*/




/*-------------------------Updated on 27th Oct 2017 starts here--------------------------------------------*/




.warranty-main .warranty-view-btn span { display:block;}
.warranty-main .warranty-view-btn label { display: block; float: left; width: 100%;}
.warranty-main .warranty-view-btn span.valueMain { display:inline-block; padding:0 2px;}
/*-------------------------Updated on 27th Oct 2017 starts here--------------------------------------------*/

/*----------Updated on 05th Dec 2017 starts here-----------*/

.warranty-main .pro-right { font-size: 13px;line-height: 1; padding: 0px 0 0px 15px; width: 40%; text-align: right; border-left: 1px solid #878787; float:left !important;}
.warranty-main .pro-left {width: 50%; padding-right: 10px;}
.warranty-main .warranty-box a { float: left; vertical-align: middle; font-size: 15px; line-height: 20px; padding: 4px 0; margin-right: 0; color: #878787; font-weight: 600;}
.warranty-main .proMain { float: left; width: 100%; text-align:left; }
.warranty-main .proMain label { font-family:Arial; font-size:13px; line-height:18px; color: #878787;}
.warranty-main .warranty-view-btn { background: url(clientlib-site/images/plus-icon.png) no-repeat right center; width: 7%; float: right; height:32px; }
.warranty-main .warranty-box { padding: 15px 9px;}
.warranty-main .pro-right .guideMain { float: left; width: 100%;}
.warranty-main .warranty-box h3 { font-family: 'Conv_manrope_regular_webfont'; font-size: 20px; line-height: 24px; color: #333; margin: 0; float: left;}
.warranty-main .warranty-content {line-height: 20px;}

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

.warranty-main .warranty-box h3 { font-size: 18px; line-height: 22px;}
.warranty-main .warranty-content {font-size: 14px; line-height: 21px; padding: 15px 0 0;}
.warranty-main .warranty-left { padding-right: 20px;}
.warranty-main .warranty-box a { font-size: 13px; line-height: 18px;}

}

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

.warranty-main .warranty-left { padding-right: 30px;}

}

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

.warranty-main .warranty-box h3 {font-size: 16px; line-height: 20px;}
}

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

.warranty-main .pro-left { width: 100%; padding-bottom: 5px; }
.warranty-main .pro-right { width: 80%; text-align: left; float: left !important; padding: 0; border-left: none;}
.warranty-main .warranty-box { padding:10px 0;}
.warranty-main .proMain label { display: block;}
.warranty-main .warranty-box a { border-right: none; float: left; text-decoration: underline;}
.warranty-main .warranty-view-btn {  width: 20%;}
.warranty-main .warranty-content { font-size: 13px; line-height: 18px;}
.warranty-main .proMain { width: 100%; padding-left: 0;}
.warranty-main .pro-right .guideMain { width: 100%;}
.warranty-main .warrantyregister-btn a { padding: 10px 20px;}

}

/*-------Updated on 05th Dec 2017 ends here----------*/
/*-------Platinum Css on 19th Dec 2017 Starts here----------*/

/*.platinum-spot-carousel { margin-bottom: 90px;}*/
.custom-platinum-spot-carousel {margin-bottom: 90px;}
.platinum-title > h2 { background-color: transparent !important;}
.orange-line-30 { width: 28%;}
.padzero { padding-left: 0 !important; padding-right: 0 !important;}
.platinum-spotlight { position: relative;}
.platinum-spotlight > img { width: 100%;}
.custom-platinum-spotlight > img { height: 470px; }

.platinum-spotlight-copy { position: absolute; left: 50%; top: 40%; transform: translateX(-50%); text-align: center; width: 100%; margin: 0px auto;}
.platinum-spotlight-copy > .copy1 {font-family: 'Conv_manrope_extrabold_webfont'; font-size: 38px; color: #ffffff;}
.platinum-spotlight-copy > .copy2 {font-family: 'Conv_manrope_extrabold_webfont'; font-size: 38px; color: #ffffff;}
.platinum-spotlight-copy .copy3 { width:12%; height:6px; margin:0px auto; margin-top:15px; margin-bottom:15px; background-color: #ffb100;}
.platinum-spotlight-copy > .copy4 { font-family: Arial," sans-serif"; font-size: 18px; color: #ffffff;}


.platinum-form-content { margin: 50px 0 70px 0;}
.platinum-form-content > ul { padding:0; margin:0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.platinum-form-content > ul > li {/* float:left;*/ padding:0; padding-bottom: 7px; margin:0; font-family: Arial, sans-serif !important; font-size:18px; color:#616161; width:40%; list-style:none; border-bottom:solid 1px #cccccc; margin-right:20px; font-weight:normal; margin-bottom:40px;}
.platinum-form-content > ul > li input { background-color:#ffffff; padding:5px 10px 0 10px; border:none; font-family: Arial," sans-serif"; font-size:18px; color:#616161; width: 70%;}

.platinum-form-content select { background: transparent; -webkit-appearance: none; -moz-appearance: none;  /* for Firefox */	appearance: none; 	-ms-appearance:none;
    background: url("clientlib-site/images/down-arrow.png") no-repeat scroll 98% center;  padding: 5px 10px 10px 10px;  width: 75%; font-family: Arial," sans-serif"; font-size:18x; color:#616161; font-weight:normal; border:none; }
.platinum-form-content select::-ms-expand { display: none; } /* for IE */
.platinum-form-content select option { background-color:#ffffff; border:0;  font-family: Arial," sans-serif"; font-size:18x; color:#616161;font-weight:normal; }


.ap-platinum-offerings-container { /*margin-bottom: 70px;*/}
.custom-ap-platinum-offerings-container { margin-bottom: 70px; }
.ap-platinum-offerings-container ul {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.ap-platinum-offerings-container ul li { list-style-type: none; width: 25%;}
.platinum-full-width { width: 100%}
.ap-platinum-offerings-wrapper { position: relative;}
.ap-platinum-offerings-wrapper .ap-platinum-offerings-content { position: absolute; top: 0; left:0; opacity:0; }
.ap-platinum-offerings-wrapper:hover .ap-platinum-offerings-content { position: absolute; top: 0; left:0; opacity: 1; color: #f6f6f6; text-align: center; width: 100%; height: 100%; transition:.5s all; -webkit-transition:.5s all; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;  background-color: rgba(112, 81, 150, 0.8);}
.ap-platinum-offerings-wrapper .ap-platinum-offerings-content h3 {font-family: 'Conv_manrope_bold_webfont'; font-size: 24px; line-height: 24px; color: #f6f6f6; /*border-bottom: 2px solid #ffffff;*/}
.ap-platinum-offerings-wrapper .ap-platinum-offerings-content p { font-family: Arial, sans-serif !important; font-size: 18px; color: #f6f6f6; padding:0 40px; }

.platinum-offering-intro { background-color:#ebebeb; }
.platinum-offering-intro .ap-platinum-offerings-title { position:absolute; left:0; right:0; top:43%;}
.platinum-title-bggrey.home-heading h2 { background-color: #f3f3f3 !important;}


.ap-platinum-offerings-content-mob { display:none; }
.platinum-plus, .platinum-minus { display:none; }


.platinum-grey-box { background-color:#f3f3f3; padding:60px 0 80px 0; text-align:center; margin-bottom: 75px;}
.platinum-steps-copy { font-family: Arial, sans-serif !important; font-size: 18px; color: #5b5b5b;}
.platinum-steps-content > ul { margin:0; padding:0; display: flex; align-items: center; justify-content: space-between;}
.platinum-steps-content > ul > li { float:left; padding:0; margin: 50px 0 0 0; width:20%; list-style:none; text-align:center;}

.platinum-step > h4 { font-family: Arial, sans-serif !important; font-size:15px; color:#ababab; text-decoration:underline; line-height:20px; margin-top: 15px;}
.platinum-step > p { font-family: Arial, sans-serif !important; font-size:18px; color:#606060; text-align:center;}


.ap-platinum-why-us-container p { font-family: Arial, sans-serif; font-size: 18px; color: #5b5b5b; text-align: center; margin-top: 10px;}
.ap-platinum-why-us-container > img { margin: 30px auto 0 auto; }
.platinum-why-us-icon-container { float:left; margin-right:30px; width:20%; }
.platinum-why-us-icon-detail-container { float:left; width: 60%; margin-right:15%; }
.platinum-why-us-icon-detail-header { font-family: 'Conv_manrope_bold_webfont'; font-size:18px; color:#606060; /*text-transform:uppercase;*/ margin-bottom: 20px; }
.platinum-why-us-icon-detail-copy { font-family: Arial, sans-serif !important; font-size:16px; line-height: 25px; color:#606060; }
.ap-platinum-why-us-container ul { margin-top:60px; }
.ap-platinum-why-us-container ul li { width: 49%; list-style-type: none; display: inline-block; display: flex; float: left; padding-bottom: 75px; }


.platinum-warranty-title { margin: 75px 0 35px 0;}
.ap-platinum-warranty { margin-bottom: 110px;}
.ap-platinum-global-title h2 { text-align: left; }
.ap-platinum-global-title h2:after { margin: 20px 0 0 0; }
.ap-platinum-warranty-copy > p { font-family: Arial, sans-serif !important; font-size: 18px; line-height: 26px; margin-bottom: 25px; }
.ap-platinum-warranty-copy > p > span { color: #5b5b5b; font-weight: 600;}

@media screen and (min-width:320px) and (max-width:639px){

.ap-platinum-offerings-container ul li { width: 100%;}

.platinum-why-us-icon-detail-container { margin-right: 0;}

}


@media screen and (min-width:320px) and (max-width:767px){
.platinum-grey-box { padding:30px 0 40px 0; margin-bottom: 40px;}
.platinum-spot-carousel { margin-bottom: 30px;}
.platinum-spotlight > img { height: 300px; object-fit: cover;}
.platinum-spotlight-copy { position: absolute; left: 50%; bottom: 20%; transform: translateX(-50%); text-align: center; width: 100%; margin: 0px auto;}
.platinum-spotlight-copy > .copy1 {font-size: 20px;}
.platinum-spotlight-copy > .copy2 {font-size: 20px;}
.platinum-spotlight-copy .copy3 { width:35%; height:4px; margin-top: 5px;}
.platinum-spotlight-copy > .copy4 { font-size: 14px;}

/*.ap-platinum-offerings-container { margin-bottom: 30px;}*/
.custom-ap-platinum-offerings-container { margin-bottom: 30px; }
.platinum-form-content {margin: 20px 0 30px 0;}
.ap-platinum-why-us-container ul {margin-top: 40px;}
.ap-platinum-why-us-container ul li { width: 100%; padding-bottom: 30px;}
.platinum-why-us-icon-container { width: 100px; margin-right: 40px;}
.platinum-form-content > ul > li { width: 96%; font-size: 15px; margin-bottom: 20px;}
.ap-platinum-why-us-container p { font-size: 14px;}
.platinum-why-us-icon-detail-header {  font-size:16px; margin-bottom: 10px; }
.platinum-why-us-icon-detail-copy { font-size:14px; line-height: 18px; }
.ap-platinum-why-us-container { margin-top: 20px;}

.platinum-steps-copy { font-size: 14px; margin-top: 30px;}
.platinum-steps-content > ul { flex-wrap: wrap;}
.platinum-steps-content > ul > li { width: 48%; margin: 30px 0 0 0;}
.platinum-step > p { font-size:14px;}
.platinum-warranty-title { margin: 40px 0 25px 0 !important;}
.ap-platinum-warranty { margin-bottom: 40px;}
.ap-platinum-warranty-copy > p { font-size:14px; margin-bottom: 20px;}

}

@media screen and (min-width:768px) and (max-width:991px){
.platinum-grey-box { padding:40px 0 50px 0; margin-bottom: 50px;}
.platinum-spot-carousel { margin-bottom: 50px;}
.platinum-spotlight-copy > .copy1 {font-size: 25px;}
.platinum-spotlight-copy > .copy2 {font-size: 25px;}
.platinum-spotlight-copy .copy3 { width:14%; height:4px; margin-top: 5px;}
.platinum-spotlight-copy > .copy4 { font-size: 16px;}
.platinum-form-content > ul > li { margin-bottom: 30px; font-size: 16px}
.platinum-why-us-icon-detail-header { margin-bottom: 15px; }
.platinum-why-us-icon-detail-copy { line-height: 22px; }
.ap-platinum-warranty-copy > p { font-size:16px;}
.ap-platinum-offerings-container ul li {  width: 33.33%;}
.platinum-form-content {margin: 30px 0 40px 0;}
/*.ap-platinum-offerings-container { margin-bottom: 50px;}*/
.custom-ap-platinum-offerings-container  { margin-bottom: 50px; }
.ap-platinum-why-us-container ul li { padding-bottom: 40px;}
.ap-platinum-warranty { margin-bottom: 50px;}
}
@media screen and (min-width:992px) and (max-width:1024px){
.platinum-grey-box { padding:50px 0 60px 0;}
/*.platinum-spot-carousel { margin-bottom: 60px;}*/
.custom-platinum-spot-carousel {margin-bottom: 60px;}
.ap-platinum-why-us-container ul li { padding-bottom: 50px;}
.ap-platinum-warranty { margin-bottom: 70px;}
}
@media screen and (min-width:1025px) and (max-width:1365px){
/*.platinum-spot-carousel { margin-bottom: 70px;}*/
.custom-platinum-spot-carousel {margin-bottom: 70px;}
.ap-platinum-warranty { margin-bottom: 90px;}
}

@media only screen and (min-width:320px) and (max-width:1024px){
.ap-platinum-offerings-content-mob { position:absolute; bottom:0; display:block; height:30px; width:100%;  /*background-color: #725399;*/ background-color: rgba(112, 81, 150, 0.8); opacity: 1; }
.ap-platinum-offerings-wrapper .ap-platinum-offerings-content h3 { font-size:14px; margin:0 auto; }
.ap-platinum-offerings-wrapper:hover .ap-platinum-offerings-content { opacity:0; }
.ap-platinum-offerings-content-mob { margin:0 auto; text-align:center; padding:10px 0; height:30px; position:absolute; left:0; bottom:0; width:100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.ap-platinum-offerings-content-mob.open { height:100%; }
.ap-platinum-offerings-content-mob::before { content:" "; background:url(clientlib-site/images/plus-platinum.png) right top no-repeat; position:absolute; width:25px; height:25px; bottom: 3px; right: 4px; }
.ap-platinum-offerings-content-mob.open::before { background:url(clientlib-site/images/minus-platinum.png) }
.ap-platinum-offerings-content-mob h3 { font-size:20px; line-height: 20px; color:#FFFFFF; margin:20px 20px 8px 20px; display: inline-block; border-bottom: 2px solid #ffffff; }
.ap-platinum-offerings-content-mob p { font-size:16px; color:#FFFFFF; padding:0 20px; }


}

@media only screen and (min-width:768px) and (max-width:1024px){
.platinum-title-bggrey.home-heading h2 { font-size: 22px; padding: 0 20px;}
}
/*-------Platinum Css on 19th Dec 2017 Ends here----------*/
/*-kk---*/
.arrw-btm { background: url(clientlib-site/images/arrow-bottom.png) !important; }

.tab_listing ul > li > a {background:#0c9b4a ; }

.search-filter-tabs { background-color:#dad9d9; color: #000;} /* kk */
.search-filter-tabs-content{border: solid 1px #ddd;}; /* kk */
.search-filter-tabs-content > ul > li { background-color: #fff;}
.signup-input button:hover {  background-color: #55565a !important;}

.signup-input button {  background-color: #6e49a0   !important; }

.mob-quick-links ul li a {background-color: #0c9b4a  !important; }

.mob-quick-links {background-color: #0c9b4a  !important; }


/*21-06-2018
 .mob-hide{display: block;}

/*-kk---*/

.arrw-btm {
    background: url(clientlib-site/images/arrow-bottom.png) !important;
	} 
                    




/*kadisco Compare Tab CSS*/

.contentarticle .kadisco-compare-tab > ul { padding: 0; margin: 0; list-style-type: none;}
.contentarticle .kadisco-compare-tab > ul > li {background: none; margin-left: 0!important; display: inline-block; float: left; font-weight: 400; text-align: center; padding: 10px 55px;
 list-style: none; background: #bababa; font-size: 16px; color: #fff; cursor: pointer; text-transform: uppercase; border-right: 3px solid white; }
.contentarticle .kadisco-compare-tab > ul > li.kadisco-compare-tab-active { color: #fff !important; background: #fcaf17 !important;}
.contentarticle .kadisco-compare-tab > ul > li a { text-decoration: none; color: #b93b26;}

/*kadisco Compare Tab CSS*/