/*------->>> COLOR PALETTE <<<-------
	#008094 rgb(0,128,148) - Primary Color [Logo Teal Blue]
	#0c232f rgb(12,35,47) - Secondary Color [Dark Slate Blue]
	#173d52 rgb(23,61,82) - Tertiary Color [Medium Slate Blue]
	#62727b rgb(98,114,123) - Support Color [Slate Gray]
	#cee6ea rgb(206,230,234) - Support #2 Color [Light White Blue]
	#0d4751 rgb(13,71,81) - Support #3 Color [Dark Teal]
    #C93C38 rgb(201,60,56) - Support #4 [Orange]
	
/*------->>> FONT STACKS & TYPOGRAPHY <<<-------
	Font Family: 'Montserrat', sans-serif; [Primary Font | Google Fonts | 400 & 700]
	Font Family: 'Montserrat', sans-serif; [Secondary Font | Google Fonts | 400 & 700]
	Font Family: FontAwesome [Icon Font]
		SAMPLE CSS USAGE: fortawesome.github.io/Font-Awesome/cheatsheet/
		.myDiv {
			font-family:"FontAwesome";
			content:"\f111";
		}
		SAMPLE HTML USAGE: fortawesome.github.io/Font-Awesome/examples/
		<span class="fa-stack fa-lg">
			<i class="fa fa-square-o fa-stack-2x"></i>
			<i class="fa fa-twitter fa-stack-1x"></i>
		</span>
		
/*------->>> FOUNDATION BREAKPOINTS <<<--------
	small: 0px,
	medium: 640px,
	large: 1024px,
	xlarge: 1200px,
	xxlarge: 1440px,
*/
@media all and (orientation:landscape) {
	/*---> Main Content <---*/
	.index .intro .anniversaryLogo:before,
	.index .intro .anniversaryLogo:after,
	.tagline .anniversaryLogo:before,a
	.tagline .anniversaryLogo:after {
		width:65px;
	}
	.index .intro .anniversaryLogo:before,
	.tagline .anniversaryLogo:before {
		left:-65px;
	}
	.index .intro .anniversaryLogo:after,
	.tagline .anniversaryLogo:after {
		right:-65px;
	}	
}
@media all and (min-width:30.000em) and (max-width:39.938em) { /* 480px to 639px */
	/*---> Show Rooms <---*/
	.showRooms .btn {
		font-size:1.125rem;
	}
}
@media all and (min-width:30.000em) { /* 480px and up */
	/*---> Slick Slider <---*/
	.projectsSlider .messaging h5{
		font-size:1.25rem;
	}
	.projectsSlider .messaging a{
		font-size:1.125rem;
	}
}
@media all and (min-width:30.000em) and (max-width:63.938em) { /* 480px to 1023px */
	/*---> Slick Slider <---*/
	.landingpageSlider .messaging h5 {
		font-size:1.25rem;
	}
	.landingpageSlider .messaging a {
		font-size:1rem;
	}
}
@media all and (max-width: 39.938em) { /*639px and below */
    /* Index */
    .index .intro h1 {
    	margin-bottom: 15px;
    	margin-top: 15px;
    	font-size: 1.5rem;
    }
    .index .intro .anniversaryLogo img {
    	max-width: 80px;
    }
    .slick-dots {
    	bottom: -22px;
    }
	/* Banner */
	.banner a {
		font-size:1.0rem;
		padding:1rem 0.625rem;
	}
	/* Callouts */
	.qualityProducts h2.bottomBorder,
	.spaces h2.bottomBorder {
		padding-bottom:0;		
	}
	.qualityProducts h2.bottomBorder:after,
	.spaces h2.bottomBorder:after {
		display:none;
	}
	/* Lightbox */
	#cboxLoadedContent {
		margin-top:1.0rem;
	}
	#cboxClose {
		position: absolute;
		top: 0.4rem; 
		right: 0.4rem;
		width:1.0rem;
		height:1.0rem;
		font-size:1.0rem;
	}
	#cboxPrevious {
	    position: absolute;
	    bottom: 0.625rem;
	    left: 0.625rem;
	    right: auto;
	    width:2.0rem;
	    height:2.0rem;
	    font-size:2.0rem;
	}
	#cboxNext {
	    position: absolute;
	    bottom: 0.625rem;
	    left: auto;
	    right: 0.625rem;
	    width:2.0rem;
	    height:2.0rem;
	    font-size:2.0rem;
	}
	#cboxCurrent {
	    position: absolute;
	    bottom: 0.625rem;
	    left:0;
		right:0;
		text-align:center;
	}
	/* Sliders */
	/* 
	.designSlider .slick-prev, .designSlider .slick-next {
		height: 52px;
	} 
	*/
	.designSlider .slider-nav img{
		max-height: 50px;
	}
	.designSlider .slider-nav div h6{
		font-size:0.9rem;
		margin-top:0.5rem;
	}
	/* Commercial */
	.project-features ul li{
		font-size:0.85rem;
		line-height:1.5rem;
	}
	.project-features {
		padding-top:0px;
	}
	.secondPart {
		padding-top:0px;
	}
	/* Timeline */
	.timeline::after {
	    left: 31px;
	}
	.timeline .container {
	    width: 100%;
	    padding-left: 70px;
	    padding-right: 25px;
	}
	.timeline .container::before {
	    left: 60px;
	    border: medium solid #173d52;
	    border-width: 10px 10px 10px 0;
	    border-color: transparent #173d52 transparent transparent;
	}
	.timeline .left::after, .timeline .right::after {
	    left: 15px;
	}
	.timeline .right {
	    left: 0%;
	}
	div.container.middle {
	   width: 100%;
	   padding: 40px 0;
	}
	.container.middle .content::before {
		right: 91%;
	}
	/* Side Borders */
	.sideBorders {
		padding-bottom:50px !important;
	}
	.sideBorders:before {
		display: none !important;
	}
	.sideBorders:after {
		background:#008094 !important;
		width:80% !important;
		margin:0 auto !important;
		left:0 !important;
		right:0 !important;
		display: block !important;
		bottom:-25px !important;
	}
	.landingForm {
		padding-bottom: 0.625em;
	}
	.signupBand{
	  min-height: 170px !important;
	}
	.signupText {
		padding:0.5rem !important;
	}
	.hardware .tabs-title a {
		font-size:1.1rem !important;
	}
}
@media all and (min-width:40em) and (max-width:47.938em) { /* 640px to 767px */
	/* Banner */
	.banner a {
		font-size:1.2rem;
		padding:1.5rem 0.625rem;
	}
	/*---> Callouts <---*/
	.callouts a h5 {
		font-size:1rem;
	}
	.callouts a h6 {
		font-size:0.625rem;
	}
	/* Commercial */
	.project-features ul li {
		font-size:0.79rem;
		line-height:1.5rem;
	}
	.commercial-cta h3 {
		margin:0;
		font-size:0.85rem;
	}
}
@media all and (max-width:47.938em) { /* 767px and under*/
	.entry__field{
	  width: calc(100% - 1.2rem) !important;
	}
	.sib-form-block {
	  text-align: center !important;
	}
	.signupText {
		text-align: center !important;
		line-height:1rem !important;
		padding:0.5rem !important;
	}
}
@media all and (min-width: 40em) and (max-width:56.250em){ /* 640px to 900px | Medium to Semi-Large */
	.sib-form-block__button {
		padding: 11px 5px !important;
	}
	form input[type=text], form input[type=tel], form input[type=email], form input[type=date], form textarea, form select {
		font-size: 0.79rem !important;
	}
	.signupText {
		text-align: center !important;
		line-height:1rem !important;
		padding: 0.25rem 0.75rem !important;
	}
}
@media all and (min-width: 40em) and (max-width:63.938em){ /* 640px to 1023px | Medium to Large */
	/* Design Tips */
	.designTips div.accordion-toggle h6 {
		position:absolute;
		left: 2.5rem;
		font-size:1.2rem;
	}
	.designTips div.accordion-toggle {	    		
		font-size:1.2rem;
		min-height:50px;
	}
	.designTips div.accordion-toggle span{	    		
		position:absolute;
		left: 25%;
	}
}
@media all and (min-width: 40em) { /* 640px and up | Medium and up */
	/*---> Basic Styles <---*/
	blockquote {
		padding:0 0 0 55px;
	}
	blockquote:before {
		font-size:10rem;
		left:-8px;
		top:-15px;
	}
	blockquote p {
		font-size:1.375rem;
	}
	/*---> Main Content <---*/
	.index .intro .anniversaryLogo:before,
	.index .intro .anniversaryLogo:after,
	.tagline .anniversaryLogo:before,
	.tagline .anniversaryLogo:after  {
		width:215px;
	}
	.index .intro .anniversaryLogo:before,
	.tagline .anniversaryLogo:before {
		left:-215px;
	}
	.index .intro .anniversaryLogo:after,
	.tagline .anniversaryLogo:after {
		right:-215px;
	}	
	/*---> Calls to Action <---*/
	.callouts {
		padding-top:25px;
	}
	.callouts .small-12.medium-6 .row {
		padding-left:0.625rem;
	}	
	.callouts .small-12.medium-6 .row .columns {
		padding:0 0.625rem 0.625rem 0;
	}
	.callouts .small-12.medium-4.columns {
			padding:0 0.313rem;
	}
	.qualityProducts,
	.spaces {
		padding-top:50px;
	}
	/*---> Show Rooms <---*/	
	.showRooms {
		padding-top:50px;
		/*background:url(../images/bg-marble.jpg) bottom center no-repeat;*/
		background-color:#ffffff;
		background-size:100% 100%;
	}
	.showRoomsSlider {
		/*padding-left:0.625rem;*/
	}
	/*---> Projects <---*/
	.index .projects  {
		padding-top:50px;
	}
	/*---> Subfoot CTA <---*/
	.subFootCta {
		padding-top:0;
		/*background:url(../images/bg-marble.jpg) bottom left no-repeat;*/
		background-color:#ffffff;
		background-size:50% 100%;
	}
	.subFootCta .btn {
		font-size:0.688rem;
		width:125px;
		margin:0 0 0.625rem 0;
		float:right;
	}
	.subFootCta .image  {
		display:block;
		width:100%;
		position:relative;
		height:0;
		padding:0 0 175% 0;
		overflow:hidden;
	}
	.subFootCta .image img {
		display:block;
		margin:0;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		min-height:100%;
		max-height:100%;
		width:auto;
		min-width:0;
		max-width:none;
	}
	/*---> Forms <---*/
	.ctaForm form {
		padding:0 0.938rem;
		background:#173d52;
	}
	/*---.interior .ctaForm form {
		box-shadow:0px 0px 4px rgba(255, 255, 255, 0.25),  0px 2px 4px 0px rgba(1, 1, 1, 0.14);		
	}<---*/
	.ctaForm form ul,
	.ctaForm form p,
	.ctaForm form p span.uppercase {
		color:#fff;
	}
	.CTAForm h4 {
		margin:0;
	}
	/*---> Landing Pages <---*/
	.landingpageText p {
		padding: 0px 40px !important;
	}
}
@media all and (min-width:48em) { /* 768px and up */
	/*---> Slick Slider <---*/
	.slider-progress,
	.slider-progress .progress {
		height:5px;
	}
	/*---> Callouts <---*/
	.callouts a h5 {
		font-size:1rem;
	}
	.callouts a h6 {
		font-size:0.625rem;
	}
	.callouts a:hover h5 {
		font-size:1.25rem;
	}
	.callouts a:hover h6 {
		font-size:0.813rem;
	}	
	/*---> Subfoot CTA <---*/
	.subFootCta .btn {
		font-size:0.813rem;
		width:160px;
	}
	.subFootCta .image  {
		padding:0 0 130% 0;
	}
}
@media all and (min-width: 48em) and (max-width:63.938em) { /* 768px to 1023px */
	/* Banner */
	.banner a {
		font-size:1.5rem;
		padding:1.5rem 0.625rem;
	}
	/* Commercial */
	.project-features ul li{
		font-size:0.95rem;
		line-height:1.75rem;
	}
	.commercial-cta h3{
		font-size:0.95rem;
	}
}
@media all and (min-width: 64em) { /* 1024px and up | Large and up */
	/*---> Show Rooms <---*/
	.showRooms .btn {
		font-size:1.125rem;
		width:205px;
		float:right;
	}
	.showRooms .small-6.columns:last-child .btn {
		float:left;
	}	
	/*---> Slick Slider <---*/
	.slider-progress,
	.slider-progress .progress {
		height:8px;
	}
	.projectsSlider .messaging,
	.landingpageSlider .messaging {
		width:40%;
		padding:25px 0 22px 0;
	}
	.slick-prev,
	.slick-next {
		top:35px;
	}
	.slick-prev {
		left:calc(40% - 80px);
	}	
	.slick-next {
		right:auto;
		left:calc(40% - 30px);
	}
	.showRoomsSlider .slick-prev,
	.showRoomsSlider .slick-next {
		bottom:20px;
	}
	.showRoomsSlider .slick-prev {
		left:10px;
	}	
	.showRoomsSlider .slick-next {
		right:auto;
		left:50px;
	}
	.landingpageSlider .slick-prev {
		left:0;
	}
	.landingpageSlider .slick-next {
		right:0;
	}
	.projectsSlider .slick-dots,
	.landingpageSlider .slick-dots { /*ul*/
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.projectsSlider .slick-dots li,
	.landingpageSlider .slick-dots li {
		display:block;
	}
	.showRoomsSlider .messaging {
		/*padding:20px 0 20px 90px;*/
		text-align:left;
	}
	.showRoomsSlider .messaging h5 span {
		font-size:1.5rem;
		color:#fff;
		display:inline-block;
		/*margin:0 0.625rem;*/
	}
	/*---> Subfoot CTA <---*/
	.subFootCta .btn {
		font-size:1.125rem;
		width:205px;
	}
	.subFootCta .image  {
		padding:0 0 100% 0;
	}
	/* Commercial */
	.project-features ul li{
		font-size:1.0rem;
		line-height:2.15rem;
	}
	/* Design Tips */
	.designTips div.accordion-toggle h6 {
		position:absolute;
		left: 2.5rem;
		font-size:1.5rem;
	}
	.designTips div.accordion-toggle {	    		
		font-size:1.5rem;
	}
	.designTips div.accordion-toggle span{	    		
		margin-left:-1.875rem;
	}
}
@media all and (min-width:64.063em) { /* 1025px and up */
	a.phone {
		pointer-events:none;
	}
}
@media all and (min-width:68.750em) { /* 1100px and up */
	/*---> Show Rooms <---*/
	.showRooms h2.hide-for-xlarge {
		display:none;
	}
	.showRooms h2.show-for-xlarge {
		display:block;
	}
	/*---> Callouts <---*/
	.callouts a h5 {
		font-size:1.125rem;
	}
	.callouts a h6 {
		font-size:0.813rem;
	}
	.callouts a:hover h5 {
		font-size:1.375rem;
	}
	.callouts a:hover h6 {
		font-size:1rem;
	}
	/*---> Subfoot CTA <----*/
	.subFootCta .image  {
		padding:0 0 85% 0;
	}
	/*---> Share This Buttons <---*/
	.shareThis {
		display: block;
	}		
}
@media all and (min-width:75em) { /* 1200px and up | Xlarge and up*/
	/*---> Slick Slider <---*/
	.projectsSlider .slick-dots,
	.landingpageSlider .slick-dots {
		top:2.75rem;
	}
	.projectsSlider .slick-dots li,
	.landingpageSlider .slick-dots li {
		padding:0 0.938rem;
	}
	.projectsSlider .slick-dots li p,
	.landingpageSlider .slick-dots li p {
		font-size:0.875rem;
	}
	.landingpageSlider .messaging h5 {
		font-size:1.25rem;
	}
	.landingpageSlider .messaging a {
		font-size:1rem;
	}
	/*---> Subfoot CTA <----*/
	.subFootCta .image  {
		padding:0 0 80% 0;
	}
}
@media all and (min-width:81.250em) { /* 1300px and up */
	/*---> Slick Slider <---*/
	.projectsSlider .slick-dots,
	.landingpageSlider .slick-dots {
		top:2.5rem;
	}
	.projectsSlider .slick-dots li p,
	.landingpageSlider .slick-dots li p {
		font-size:1rem;
	}
	/*---> Subfoot CTA <----*/
	.subFootCta .image  {
		padding:0 0 75% 0;
	}	
}
@media all and (min-width:87.50em) { /* 1400px and up */
	/*---> Subfoot CTA <----*/
	.subFootCta .image  {
		padding:0 0 70% 0;
	}
}
@media all and (min-width:112.500em) { /* 1800px and up */
	/*---> Callouts <---*/
	.callouts a h5 {
		font-size:1.375rem;
	}
	.callouts a h6 {
		font-size:1rem;
	}
	.callouts a:hover h5 {
		font-size:1.625rem;
	}
	.callouts a:hover h6 {
		font-size:1.375rem;
	}
}
@media all and (max-height: 29.938em) {
	.designSlider .slick-prev, .designSlider .slick-next {
		height: 52px;
	}
	.designSlider .slider-nav img{
		max-height: 30px;
	}
	.designSlider .slider-nav div h6{
		font-size:0.79rem;
		margin-top:0.5rem;
	}
	.designSlider .slider-for {
		margin: 0 auto !important;
		max-height:210px;
	}
	.designSlider .slider-for img {
		margin: 0 auto !important;
		max-height:150px;
	}
	.colorGlasLogo {
		max-height:30px;
		margin-bottom:5px;
	}
	.colorGlasLogo img{
		max-height:30px;
		margin-bottom:5px;
	}
}
@media all and (max-height: 43.688em) {
	.designSlider .slider-for img {
		max-height:300px !important;
	}
	.designSlider .slider-nav img {
		max-height: 60px;
	}
	.designSlider .slider-nav div h6{
		font-size:0.90rem;
	}
	.designSlider .slider-nav div h5{
		font-size:0.70rem;
	}
	.designSlider .slick-prev, .designSlider .slick-next {
		height: 86px;
	}
	.colorGlasLogo img{
		max-height: 60px !important;
	}
}