﻿


/**/
.findCaption
{
	padding:0;
	margin-left:10px;
	margin-bottom:10px;
	font-family:"DTLNobel-light";
}
.results
{

	font-family:"DTLNobel-light";
}
.findCaptionAdd
{
	padding:0;
	margin:20px 0 30px 0;
	margin-bottom:10px;
	font-family:"DTLNobel-light";
}
/**/

/*discover colors  */

.panel-default
{
	border:0;
	margin:0;
	box-shadow:none;
}
.panel-default >  .panel-heading
{
	list-style:none;
	margin:0;
	background-color:transparent;
	padding:7px 0 7px 0;
}

.panel-heading.active
{
	color:#f38630;	
	font-size:15px;
	font-weight:bold;
}

.panel-heading a
{
	color:#222c69;	
	font-size:15px;
}
.panel-heading a:hover
{
	color:#f38630;	
	font-size:15px;
	font-weight:bold;
}


.panel-heading .indicator
{
	font-size:10px;
	float:right;
	padding-top:3px;
}

.panel-collapse > li
{
	color:#f38630;	
	font-size:14px;
	padding-left:10px;
}
.panel-collapse > li a:hover
{
	color:#f38630;	
}

.panel-collapse > li a.active
{
	color:#f38630;	
	font-weight:bold;
}

.icolor-gallery > div
{
	padding:20px 20px 20px 0;
}
.sneak-title h3
{
	color:#222c69;
	font-family:"DTLNobel-bold";
	font-size:22px;
}
.sneak-content p
{
	padding-top:23px;
	color:#666;
	font-family:"DTLNobel-light";
}

.sneak
{
	margin-top:20px;
	padding:10px;
}
.sneak h4
{
	font-family:"DTLNobel-regular";
	text-transform:uppercase;
	color:#999;
	text-align:center;
	padding:15px 0 20px 0;
}
.sneak h5
{
	font-weight:bold;
	color:#999;
	text-align:center;
	padding:0 0 15px 0;
}


.sneak p
{
	color:#666;
	text-align:left;
	padding:2px;
	font-size:14px;
}

.img-circle-schemes
{
	border-radius:50%;
	width:180px;
	height:170px;
}

.cfactory ul 
{
	padding-top:20px;
}

.cfactory ul li 
{
	display:inline;
	margin:10px 10px 10px 0;
}
.selectingColors-title h3
{
	color:#222c69;
	font-family:"DTLNobel-bold";
	font-size:22px;
	text-align:left;
}
.selectingColors 
{
	border-bottom:solid 1px #e6e6e7;
	padding-bottom:30px;
	margin-top:26px;
	margin-bottom:25px;
}
.selectingColors  h4
{
	text-transform:uppercase;
	color:#666;
	font-family:"DTLNobel-regular";
}
.selectingImg
{
	padding:0;
	margin:0;
}

.selectingImg img
{
	width:100%;
	height:auto;
}
.selectingCaption
{
	padding:0 0 0 20px;
	margin:0;
}
.visualEffects-title h3
{
	color:#222c69;
	font-weight:bold;
	font-size:22px;
	text-align:left;
}
.visualEffects
{
	padding:0;
	margin:0;
}

.visualColors ,
.warmthColors,
.coolColors
{

	margin-top:26px;
	margin-bottom:20px;
}
.visualColors  h4
{
	text-transform:uppercase;
	color:#666;
	border-bottom:solid 1px #e6e6e7;
	padding-bottom:15px;
	margin-bottom:30px;
	text-align:left;
}

.visualColors h5,
.warmthColors h5,
.coolColors h5
{
	color:#666;
	font-weight:bold;
	padding-bottom:20px;
}
.visualColors p,
.warmthColors p,
.coolColors p
{
	color:#666;
}


.visualImg
{
	padding:0;
	margin:0;
}

.visualImg img
{
	width:100%;
	height:auto;
}

.visualCaption
{
	padding:0 0 0 20px;
	margin:0;
}

.visualContent
{
	padding-bottom:30px;
}
.moodsColor
{
	margin-top:30px;
	margin-bottom:30px;
	padding:0;
	
}
.moodsColor div
{
	padding:0;
}

.moodsWarmth
{
	background-color:#ff6739;
}
.warmth ,
.welcome 
{
	padding:0;
	margin:0;

}

.warmth img,
.welcome img
{
	width:100%;
	height:auto;
}

.moodsWelcome
{
	background-color:#1989be;
}
.moodsColor p
{
	color:#fff;
	font-weight:bold;
	font-size:25px;
	padding:50px 35px 63px 35px;
}
.moodsColor img
{
	padding:0;
}

.warmthColors  h4,
.coolColors  h4
{
	color:#666;
	border-bottom:solid 1px #e6e6e7;
	padding-bottom:15px;
	margin-bottom:30px;
	text-align:left;
}

/* collection*/

.brochuresCon,
#collectioncontent
{
	padding:10px 0 20px 0;
}
.collection-title h2
{
	color:#222c69;
	font-family:"DTLNobel-regular";
	font-size:25px;
	padding-left:20px;
	padding-bottom:30px;
}

.collection-title h3,
.brochure-title h3
{
	color:#222c69;
	font-family:"DTLNobel-regular";
	font-size:21px;
	padding-left:20px;
	padding-bottom:20px;
}
.collection-title p,
.brochure-title p
{
	font-size:14px;
	padding:0 20px 20px 20px;
	color:#666;
	font-family:"DTLNobel-light";
}

.collection-content p
{
	padding-top:23px;
	color:#666;
}

.collectionHolder
{
	text-align:center;
	margin-bottom:23px;
}
.collectionImg
{
	text-align:center;
	border:solid 1px #e6e6e7;
}
.collectionImg > a > img
{
	width:auto;
	height:170px;
	padding:15px;
	margin-top:20px;
	margin-bottom:20px;
}
.collectionName
{
	padding-top:20px;
	padding-bottom:20px;
	border-left:solid 1px #e6e6e7;
	border-right:solid 1px #e6e6e7;
	min-height:110px;
	background-color:#f9f9f9;
	font-weight:bold;
	color:#222c69;
	font-size:15px;

}
.collectionCount
{
	padding-top:20px;
	padding-bottom:20px;
	border:solid 1px #e6e6e7;
	min-height:35px;
}

.colorsHolder
{
	/*padding:20px;
	border:solid 1px #e6e6e7;*/
	text-align:center;
}

.colorShow
{
	padding:30px 20px 30px 20px;
	margin-bottom:7px;
    font-size: 17px;
    font-weight: bold;

}


/* collection ends*/
/* painting ideas*/


#ideascontent
{
	padding:10px 0 20px 0;
}

.ideas-title h3
{
	color:#222c69;
	font-family:"DTLNobel-regular";
	font-size:21px;
	padding-left:20px;
	padding-bottom:20px;
}
.ideas-title p
{
	font-size:14px;
	padding:0 20px 20px 20px;
	color:#666;
	font-family:"DTLNobel-light";
}
.ideas-content
{
	border:solid 1px #e6e6e7;
	height:auto;
	margin-top:20px;
}
.ideas-content p
{
	padding-top:23px;
	color:#666;
}
.ideas-content div
{
	padding-top:2px;
	padding-bottom:10px;
}
.ideas-content .ideasHolder
{
	margin-top:20px;
}
.tab-ideas
{
	font-family:"DTLNobel-regular";
}

/* painting ideas ends*/
/* news and eventa starts*/

#newsEventscontent
{
	padding:20px 20px 20px 15px;
}

.newsEvents-content
{
	padding-top:10px;
}

.newsEvents-content p
{
	color:#666;
	font-family:"DTLNobel-light";
	padding:30px 0 20px 0;
}

.newsEvents-content p img
{
	float:right;
	padding:0 0 20px 20px;
}

.newsEvents-title h3
{
	color:#222c69;
	font-weight:bold;
	font-size:21px;
	font-family:"DTLNobel-regular";
}

.newsEvents-title h5
{
	color:#B9B9B9;
	font-size:15px;
	font-family:"DTLNobel-regular";
	padding:20px 0 10px 0;
}
.newsEvents-title p
{
	padding-top:23px;
	color:#666;
	font-family:"DTLNobel-light";
}

.newsEvents-thumbHolder
{
	border-bottom:solid 1px #e6e6e7;
	padding-bottom:30px;
	margin-top:30px;
	margin-bottom:25px;
}
.newsEvents-thumbHolder  h4
{
	text-transform:capitalize;
	color:#666;
	font-family:"DTLNobel-regular";
	line-height:25px;
}
.newsEvents-thumbHolder  h6
{
	text-transform:uppercase;
	color:#AFADAD;
	font-family:"DTLNobel-light";
	line-height:25px;
	font-size:10px;
}

.newsEvents-thumbHolder  p
{
	padding-top:23px;
	color:#666;
	font-family:"DTLNobel-light";
}
.newsEventsImg
{
	padding:5px;
	margin:0;
	border:solid 1px #e6e6e7;
}

.newsEventsImg img
{
	width:220px;
	height:150px;
}
.newsEventsCaption
{
	padding:0 0 0 20px;
	margin:0;
}
/* news and events ends*/
/* painting tools*/
.checklist-title h3
{
	color:#222c69;
	font-size:21px;
	font-family:"DTLNobel-regular";
}
.checklist-content p
{
	padding-top:23px;
	padding-bottom:23px;
	color:#666;
	font-family:"DTLNobel-light";
}
.checklistHolder{
	font-family:"DTLNobel-light";
}

.checkTools{
	padding:18px;
}


.checkTools > img{
	border:solid 1px #ccc;
	padding:2px;
}
.checkTools h5{
	padding-top:10px;
	text-transform:capitalize;
	color:#222c69;
	font-family:"DTLNobel-regular";
	font-size:14px;
}
/* painting tools ends*/
/* calcu */

.control-labelNote
{
	font-style:italic;
	font-size:11px;
	font-family:"DTLNobel-light";
	text-align:left;
}
.control-labelTitle
{
	text-transform:uppercase;
	font-size:14px;
	font-family:"DTLNobel-regular";
	text-align:left;

}
/* calcu ends*/
/* color scheme ideas*/
.schemecontent
{
	padding:0 0 20px 0;
}
.scheme-content
{
	padding:40px 0 40px 0;
}
.colorScheme
{
	background-color:#f8f7f7;
}

.bottom-scheme
{
	background-color:#fff;
	color:#999;
	
}
.bottom-scheme .container
{
	padding:20px;
	
}
.scheme-title h3
{
	color:#222c69;
	font-family:"DTLNobel-regular";
	font-size:21px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
}

.scheme-title p
{

	font-family:"DTLNobel-light";
	padding-left:10px;
	padding-bottom:20px;
}
.bottom-scheme p
{
	font-style:italic;
	font-size:11px;
}
.schemeTitle 
{
	padding:0 0 19px 0;
	margin:0;
}
.schemeImg > img
{
	border:solid 1px #cececd;
}
.color
{
	min-height:85px;
	padding:0;

}

.color p
{
	font-size:11px;
	font-family:"DTLNobel-light";
	padding:10px;
	color:#fbfbfa;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	
}

.color .special
{
	font-size:11px;
	font-family:"DTLNobel-light";
	padding:10px;
	color:#999;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	
}
.colorScheme
{
	margin-bottom:40px;
}

.colorScheme img
{
	width:100%;
}

.colorScheme p
{
	font-size:11px;
	text-transform:uppercase;
	color:#999;
}

/* color scheme ideas ends*/
/* responsive */


@media (max-width:767px) 
{ 
	
	.prod-caption
	{
		text-align:center;
		padding-bottom:8%;
	}
	.page-header h3
	{
		text-align:center;
		padding-top:5%;

	}
	.featured-link
	{
        float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
		text-align:center;
    }

	.featured-img img
	{
		max-width:350px;
		min-width:200px;
	}
	
	.bottom-links-item 
	{
		padding-bottom:2%;
		text-align:center;
		padding-left:0;
	}
	.copyright, .follow 
	{
		text-align:center;
	}
   
	/*discover colors ends*/
	.cfactory ul li 
	{
		display:block;
		margin-top:10px;
	}
	.sneak-title h3
	{
		text-align:center;
	}
	.sneak-content p
	{
		text-align:center;

	}
	.sneak-content
	{
		float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
				max-width:350px;
	}
	.sneak p
	{
		text-align:center;
	}
	.selectingColors-title h3
	{
		text-align:center;
	}
	.selectingColors
	{
        float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
		max-width:350px;
    }
	.selectingCaption
	{
		padding:20px 0 0 0;
		margin:0;
	}
	.visualEffects-title h3
	{
		text-align:center;
	}
	.visualContent
	{
        float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
		max-width:350px;
    }
	.visualImg img
	{
		max-width:350px;
		min-width:200px;
	}
	.visualCaption
	{
		padding:20px 0 0 0;
		margin:0;
	}
	.visualColors h4
	{
		text-align:center;
	}
	.moodsColor
	{
        float: none;
        margin-left: auto;
        margin-right: auto;
		max-width:450px;
		
	}
	.moodsColor p
	{
		color:#fff;
		font-weight:bold;
		font-size:20px;
		padding:25px 10px 25px 10px;
		text-align:center;
	}
	
	.checklist-title  h3
	{
		text-align:center;
	}
	.checklist-content p
	{
		text-align:center;

	}
	.checklist-content
	{
		float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
		max-width:350px;
	}
	.checkTools
	{
		text-align:center;
	}
	
	/*get inspiration starts*/
	.ideascontent
	{
		float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
		max-width:350px;
	}
	.ideas-title h3,
	.ideas-title p
	{
		text-align:center;
	}
	.tab-ideas
	{
		float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
		max-width:350px;
	}
	.ideasHolder
	{
        float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
		max-width:350px;
    }
	/*get inspiration ends*/
	
	/*color scheme starts*/
	.scheme-content
	{
        float: none;
        margin-left: auto;
        margin-right: auto;
		padding-bottom:5%;
		max-width:350px;
    }
	/*color scheme ends*/
}

/* colors */
.colorsHolder p
{
	color:#222c69;
	font-family:"DTLNobel-regular";
	font-size:21px;
	text-align:left;
	padding-top:10px;
	padding-bottom:20px;
}
.readyFam
{
	font-size:10px;
	font-family:"DTLnobel-light";
	text-transform:uppercase;
	border:solid 3px #fff;
	height:20em;
	display: flex;
  	align-items:baseline;     /* Align the flex-items vertically */
  	justify-content:center; 
	background-color:#f8f8f8;
}

.readyFam a:link,
.readyFam a:visited
{
	color:#666;
	text-decoration:none;
}

.readyFam a:hover,
.readyFam a:active
{
	color:#f38630;
}

.readyFam img
{
	padding-top:2em;
}



/* colors*/
.social .fbtn {
    width: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 18px;
    float: left;
}
.social .fa {
    padding: 15px 0px
}
.facebook {
    background-color: #3b5998;
}
.gplus {
    background-color: #dd4b39;
}
.twitter {
    background-color: #55acee;
}
.stumbleupon {
    background-color: #eb4924;
}
.pinterest {
    background-color: #cc2127;
}
.linkedin {
    background-color: #0077b5;
}
.buffer {
    background-color: #323b43;
}
.share-button.sharer {
    height: 20px;
    padding: 100px;
}
.share-button.sharer .social.active.top {
    transform: scale(1) translateY(-10px);
}
.share-button.sharer .social.active {
    opacity: 1;
    transition: all 0.4s ease 0s;
    visibility: visible;
}
.share-button.sharer .social.networks-5 {} .share-button.sharer .social.top {
    margin-top: -80px;
    transform-origin: 0 0 0;
}
.share-button.sharer .social {
    margin-left: -65px;
    opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
}

