@font-face {
    font-family: "BebasNeue";
    src: url(../css/bootstrap/fonts/BebasNeue.otf);
}

@font-face {
    font-family: "proximanova";
    src: url(../css/bootstrap/fonts/proximanova-regular-webfont.ttf);
}

@font-face {
    font-family: "proximanova-bold";
    src: url(../css/bootstrap/fonts/proximanova-bold-webfont.ttf);
}

@font-face {
    font-family: "Arimo-Bold";
    src: url(../css/bootstrap/fonts/Arimo-Bold.ttf);
}

@font-face {
    font-family: "Century-Gothic-Bold";
    src: url(../css/bootstrap/fonts/GOTHICB.TTF);
}

@font-face {
    font-family: "Century-Gothic";
    src: url(../css/bootstrap/fonts/GOTHIC.TTF);
}


@media only screen and (max-width: 480px) {
	.news-detail-desc
	{
		font-family: "Century-Gothic";
		font-size:14px;
		color:#878787;
		margin-bottom:40px;
		margin-top:40px;
		width:95%;
	}
	
	.button-contact
	{
		background-color:#2c296c;
		font-family: "Century-Gothic-Bold";
		font-size:12px;
		color:#FFF;
		border:none;
		padding:8px 25px 8px 25px;
		margin-bottom:60px;
	}
	
	.footer-link
	{
		float:left;
		font-size:12px;
		margin-left:-5px;
	}
	
	.footer-link-2:hover
	{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	
	.sitemap-product-link
	{
		font-family: "Century-Gothic";
		font-size:11px;
		color:#4f4f4f;
		text-transform:uppercase;
		line-height:18px;
		margin-top:-20px;
	}
	
	.product-collections-desc
	{
		font-family: "proximanova";
		color:#696969;
		font-size:13px;
		text-align:center;
		margin-top:10px;
		margin-bottom:40px;
	}
	
	.product-collections-position
	{
		text-align:center;
		margin-top:40px;
		margin-bottom:4%;
	}
	
	.product_collection_link
	{
		color:#696969;
		text-decoration:none;
	}
	
	.product_collection_link:hover
	{
		color:#696969;
		text-decoration:none;
	}
	
	.product-detail-desc2
	{
		top:50px;
		margin-bottom:80px; 
		position:relative;
	}
}

@media (min-width: 475px) {
  	.container {
		width: 100%;
  	}
  
  	.news-detail-desc
	{
		font-family: "Century-Gothic";
		font-size:14px;
		color:#878787;
		margin-bottom:40px;
		margin-top:40px;
		width:95%;
	}
	
	.button-contact
	{
		background-color:#2c296c;
		font-family: "Century-Gothic-Bold";
		font-size:12px;
		color:#FFF;
		border:none;
		padding:8px 25px 8px 25px;
		margin-bottom:60px;
	}
	
	.footer-link
	{
		float:left;
		font-size:12px;
		margin-left:-5px;
	}
	
	.footer-link-2:hover
	{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	.sitemap-product-link
	{
		font-family: "Century-Gothic";
		font-size:11px;
		color:#4f4f4f;
		text-transform:uppercase;
		line-height:18px;
		margin-top:-20px;
	}
	
	.product-collections-position
	{
		text-align:center;
		margin-top:40px;
		margin-bottom:4%;
	}
	
	.product-collections-desc
	{
		font-family: "proximanova";
		color:#696969;
		font-size:13px;
		text-align:center;
		margin-top:10px;
		margin-bottom:40px;
	}
	
	.product_collection_link
	{
		color:#696969;
		text-decoration:none;
	}
	
	.product_collection_link:hover
	{
		color:#696969;
		text-decoration:none;
	}
	
	.product-detail-desc2
	{
		top:50px;
		margin-bottom:80px; 
		position:relative;
	}
}

@media (min-width: 768px) {
  	.container {
		width: 100%;
  	}
  
  	.news-detail-desc
	{
		font-family: "Century-Gothic";
		font-size:14px;
		color:#878787;
		padding:40px 0px 40px 20px;
		margin-bottom:40px;
	}
	
	.contact-position
	{
		margin-left:10%; 
		margin-top:5%;
	}
	
	.button-contact
	{
		background-color:#2c296c;
		font-family: "Century-Gothic-Bold";
		font-size:12px;
		color:#FFF;
		border:none;
		padding:8px 25px 8px 25px;
		margin-bottom:30px;
	}
	
	.footer-link
	{
		float:right;
		font-size:13px;
		margin-right:20px;
	}
	
	.footer-link-2:hover
	{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	.sitemap-position
	{
		padding:40px 40px 40px 20px;
	}
	
	.sitemap-product-link
	{
		font-family: "Century-Gothic";
		font-size:11px;
		color:#4f4f4f;
		text-transform:uppercase;
		line-height:18px;
		margin-top:-20px;
		margin-right:50px;
	}
	
	.product-collections-position
	{
		text-align:center;
		margin-top:4%;
		padding-left:7%;
		margin-bottom:4%;
	}
	
	.product-collections-desc
	{
		font-family: "proximanova";
		color:#696969;
		font-size:13px;
		text-align:center;
		margin-top:10px;
		margin-bottom:20px;
	}
	
	.product_collection_link:hover
	{
		text-decoration:none;
	}
	
	.product-detail-desc2
	{
		margin-bottom:80px; 
		position:relative;
	}
}
@media (min-width: 992px) {
  .container {
     width: 100%;
  }
  
  .sitemap-product-link
	{
		font-family: "Century-Gothic";
		font-size:11px;
		color:#4f4f4f;
		text-transform:uppercase;
		line-height:18px;
		margin-top:-20px;
	}
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}



* { margin:0; padding:0; }

.banner-title-1
{
	font-family: "Century-Gothic-Bold";
	font-size:48px;
	color:#2c296c;
	float:right;
}

.banner-title-2
{
	font-family: "Century-Gothic";
	font-size:48px;
	color:#000;
	float:right;
	margin-top:-20px;
}

.banner-title-bg
{
	background-color:#000000;
	opacity: 0.8;
	height:150px;
	width:600px;
}

.sidebar
{
	width:10%;
	float:left;
	position:absolute;
	z-index:1000;
}

.logo-bg
{
	width:185px;
	height:175px;
	position:relative;
	background-color:#2c296c;
	opacity:0.9;
	text-align:center;
	vertical-align:middle;
}

.logo-bg-xs
{
	float:left;
}

.logo
{
	margin-top:22%;
}

.logo-xs
{
	padding:10px;
	background-color:#2c296c;
	max-width:100px;
}

.logo-xs-menu
{
	padding:10px;
	background-color:#2c296c;
	max-width:120px;
	margin-bottom:10px;
	margin-top:8%;
	margin-left:2%;
}

.tagline
{
	margin-top:10px;
	font-size:14px;
	font-family: "proximanova";
	color:#FFFFFF;
}


.main-menu-bg
{
	width:185px;
	height:55px;
	position:relative;
	background-color:#fff;
	opacity:0.9;
	text-align:center;
	margin-bottom:1px;
}

.main-menu-bg:hover
{
	background-color:#b3b2ca;
}

.main-menu-bg-blue
{
	width:185px;
	height:70px;
	position:relative;
	background-color:#2c296c;
	opacity:0.9;
	text-align:center;
	margin-bottom:1px;
}

.menu1
{
	font-family: "Arimo-Bold";
	color:#2c296c;
	padding-top:8%;
}

.menu1-xs
{
	font-family: "Arimo-Bold";
	color:#fff;
	padding-top:8%;
}

.menu2
{
	margin-top:-2px;
	font-family: "proximanova";
	color:#000000;
	font-size:13px;
}

.menu2-xs
{
	margin-top:-2px;
	font-family: "proximanova";
	color:#e3e3e3;
}

.menu1-white
{
	font-family: "Arimo-Bold";
	color:#fff;
	padding-top:9%;
}

.menu2-white
{
	margin-top:-2px;
	font-family: "proximanova";
	color:#fff;
}

.header-position
{
	position:absolute;
	right:0;
	z-index:1000;
}

.header-link-bg
{
	background-color:#2c296c;
	opacity:0.8;
	top:0;
	float:right;
	padding:11px 16px 11px 16px;
	color:#FFFFFF;
	margin-right:1px;
}

.header-position-xs
{
	position: fixed;
    right: 0;
    top: 0;
    width: 100%;
	z-index:10;
}

.header-position-xs2
{
	position: fixed;
    right: 0;
    top: 15px;
    width: 100%;
	z-index:10;
}

.header-link-bg-xs
{
	background-color:#2c296c;
	opacity:0.8;
	top:0;
	float:right;
	padding:5px 5px 7px 13px;
	color:#FFFFFF;
	margin-right:1px;
}

.side-header-link
{
	text-decoration:none;
}

.side-header-link:hover
{
	text-decoration:none;
	color:#FFFFFF;
}

.mobile-navigation-menu
{
	top:0px;
	float:left;
	margin-right:1px;
	position:fixed;
	z-index:10;
}

.mobile-navigation-menu2
{
	top:0px;
	float:left;
	margin-right:1px;
	position:fixed;
	z-index:10;
	margin-left:61px;
}

.social-media-position
{
	margin-left:15px;
	bottom:45px;
	position:fixed;
	z-index:10;
}

.social-media-position-xs
{
	float:right;
	margin-top:-15px;
	margin-right:5px;
}


.header-bg-xs
{
	background:#2c296c;
	height:60px;
	width:100%;
	position:fixed;
	z-index:10;
}

#supersized_square {
  background-image:url(../images/all/square.png);
  background-repeat: repeat;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -998;
 /* z-index:999;*/
  opacity: 0.25;
  filter: 1;
}

.main-menu-link
{
	text-decoration:none;
}

.main-menu-link:hover
{
	text-decoration:none;
}

.header-icon
{
	margin-right:8px;
}

.references-list
{
	margin-left:30px;
	margin-top:20px;
	font-family: "proximanova";
}
.footer-bg
{
	padding-top:6px;
	padding-bottom:6px;
	background-color:#2c296c;
	font-family: "proximanova";
	color:#e4e4f4;
	font-size:13px;
	padding-left:20px;
	position: fixed;
    bottom: 0;
    width: 100%;
	opacity: 0.9;
	z-index:10;
}

.content-bg
{
	background-color:#FFFFFF;
	opacity: 0.98;
	float:right;
	right:0;
	margin-top:3.5%;
	height:auto;
	padding-left:25px;
	padding-right:25px;
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
}

.content-bg-contact
{
	background-color:#FFFFFF;
	opacity: 0.98;
	float:right;
	right:0;
	margin-top:3.5%;
	height:auto;
	padding-left:25px;
	padding-top:50px;
	width:100%;
}

.references-category
{
	font-weight:bold;
	margin-bottom:5px;
}

.references-next-page
{
	font-family: "proximanova";
	font-size:24px;
	color:#c5c5c5;
	position:absolute;
	font-stretch:extra-condensed;
	cursor:pointer;
	margin-top:50px;
}

.references-next-page:hover
{
	color:#999999;
	text-decoration:none;
}

.content-bg-xs
{
	background-color:#FFFFFF;
	opacity: 0.98;
	float:right;
	right:0;
	margin-top:1.5%;
	height:auto;
	padding-left:25px;
	padding-right:25px;
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
}


.content-title
{
	background-color:#2c296c;
	font-family: "Century-Gothic";
	font-size:16px;
	color:#FFFFFF;
	width:250px;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
	margin-left:20px;
	text-transform:uppercase;
}

.content-title-xs
{
	background-color:#2c296c;
	font-family: "Century-Gothic";
	font-size:16px;
	color:#FFFFFF;
	width:250px;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
	margin-top:15px;
	position: relative;
	text-transform:uppercase;
}

.brand-story
{
	color:#949393;
	font-size:18px;
	font-family: "proximanova";
	font-weight:600;
	margin-top:30px;
	margin-left:2%;
}

.brand-story-xs
{
	color:#949393;
	font-size:18px;
	font-family: "proximanova";
	font-weight:600;
	margin-top:30px;
}

.corporate-responsibility
{
	color:#fff;
	font-size:18px;
	font-family: "proximanova";
	font-weight:bold;
	margin-left:200px;
	padding-top:5%;
}

.corporate-responsibility-xs
{
	color:#fff;
	font-size:18px;
	font-family: "proximanova";
	font-weight:bold;
	padding-top:5%;
	margin-left:5%;
}

.content-desc
{
	font-family: "proximanova";
	font-size:15px;
	color:#696969;
	margin-left:2%;
	margin-top:15px;
	width:85%;
}

.content-desc-white
{
	font-family: "proximanova";
	font-size:15px;
	color:#fff;
	margin-left:200px;
	margin-top:25px;
	width:auto;
	padding-right:70px;
	padding-bottom:30px;
}

.content-desc-white-xs
{
	font-family: "proximanova";
	color:#fff;
	margin-top:15px;
	padding-bottom:20px;
	margin-left:5%;
	width:90%;
}


.content-image-supersized-about-us 
{ 
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:-5000;
}

.content-blue-bg
{
	background-color:#2c296c;
	margin-top:2.2%;
	height:100%;
	width:100%;
	opacity: 0.9;
}

.content-blue-bg-xs
{
	background-color:#2c296c;
	margin-top:2.2%;
	height:auto;
	width:100%;
	opacity: 0.9;
}

.product-collections-title
{
	font-family: "proximanova";
	text-align:center;
	color:#2c296c;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
}




.our-showrooms-desc
{
	font-family: "Century-Gothic";
	color:#696969;
}

.product-title
{
	font-family: "Century-Gothic-Bold";
	color:#646464;
}

.product-title-xs
{
	font-family: "Century-Gothic-Bold";
	color:#646464;
	margin-top:10px;
}

.product-desc
{

	font-family: "Century-Gothic";
	color:#646464;
	width:100%;
}

.product-desc-xs
{
	font-family: "Century-Gothic";
	color:#646464;
	width:100%;
	padding-bottom:20px;
}

.product-separator
{
	/*
	height:1px; 
	width:92%; 
	background-color:#CCCCCC;
	*/
	margin-top:10px;
	margin-bottom:25px;
}

.product-position-xs
{
	margin-top:30px;
}

.product-vertical-separator
{
	width:1px;
	height:670px;
	background-color:#CCCCCC;
	position:relative;
	margin-left:46%;
}

.products-position
{
	margin-top:50px;
	padding-left:25px;
}

.availables-in
{
	font-family: "Century-Gothic";
	font-size:14px;
	padding-bottom:12px;
	color:#302e6f;
}

.showrooms-position
{
	margin-top:50px;
	padding-left:25px;
}

.product-detail-desc
{
	font-family: "Century-Gothic";
	color:#696969;
	width:90%;
}

.quotations-desc
{
	font-family: "Century-Gothic";
	color:#696969;
	margin-bottom:20px;
}

.request-quotations
{
	font-family: "Century-Gothic";
	font-size:15px;
	color:#FFFFFF;
	background-color:#2c296c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 25px 10px 25px;
	cursor:pointer;
}

.color-swatches
{
	font-family: "Century-Gothic";
	font-size:15px;
	color:#FFFFFF;
	background-color:#686868;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 25px 10px 25px;
	cursor:pointer;
}

.product-logo
{
	max-width:100px;
	cursor:pointer;
}

.textinput-showrooms
{
	height:35px;
	width:250px;
	font-family: "Century-Gothic";
	font-size:15px;
	padding-left:5px;
	cursor:pointer;
	background-color:#e2e2e2;
	border:none;
	margin-top:5px;
	color:#999999;
}

.province-name
{
	font-family: "Century-Gothic";
	font-size:24px;
	float:right;
	color:#2c296c;
	border-bottom:solid thin #e3e3e3;
	width:100%;
	padding-bottom:10px;
	text-align:right;
	margin-top:4%;
	text-transform:uppercase;
}

.map
{
	margin-top:-15%;
	margin-left:70px;
}

.map-xs
{
	margin-bottom:30px;
}

.view-all
{
	float:left;
	color:#737373;
	font-family: "Century-Gothic-Bold";
	font-size:16px;
	padding-top:15px;
}

.showroom-name
{
	font-family: "Century-Gothic-Bold";
	font-size:15px;
	color:#bb8c4a;
	margin-top:25px;
}

.showroom-address
{
	font-family: "Century-Gothic";
	font-size:14px;
	color:#696969;
	width:100%;
}

.contact-us-img
{
	height:809px;
	width:698px;
	float:right;
	margin-top:-86px;
}


.img-shine {

}
/* button hover style if required */
.img-shine:hover {
    
}
/* generated element for shine effect.
 * normal state is semi-transparent
 * white but with zero width. Set no
 * transition here for no mouse-leave
 * animations. Otherwise the effect
 * will play in reverse when your mouse
 * leaves the element
 */
.img-shine:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    
}
/* on hover we animate the width to
 * 100% and opacity to 0 so the element
 * grows and fades out 
 */
.img-shine:hover:after {
    width: 120%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.warranty
{
	padding-top:40px;
	padding-left:30px;
	max-width:80%;
}

.contact-desc
{
	font-family: "Century-Gothic";
	font-size:14px;
	color:#696969;
	margin-top:30px;
	width:100%;
}

.contact-form-title
{
	font-family: "Century-Gothic-Bold";
	font-size:12px;
	color:#696969;
	margin-bottom:5px;
}

.textfield-contact
{
	height:32px;
	width:92%;
	background-color:#ededed;
	padding-left:5px;
	border:none;
	margin-bottom:15px;
}

.textarea-contact
{
	height:100px;
	width:92%;
	background-color:#ededed;
	padding-left:5px;
	border:none;
	margin-bottom:15px;
}

.news-detail-title
{
	color:#bb8c4a;
	font-family: "Century-Gothic-Bold";
	font-size:15px;
	margin-bottom:3px;
	text-transform: uppercase;
}

.news-detail-date
{
	color:#656566;
	font-family: "Century-Gothic-Bold";
	font-size:13px;
	margin-bottom:25px;
	text-transform: uppercase;
}

.news-detail-image
{
	float:left;
	padding-right:20px;
	padding-bottom:10px;
	width:50%;
}


.news-detail-desc-xs
{
	font-family: "Century-Gothic";
	font-size:14px;
	color:#696969;
	padding-right:20px;
	margin-top:40px;
	margin-bottom:40px;
}


.news-title
{
	color:#2c296c;
	font-family: "Century-Gothic-Bold";
	font-size:13px;
	margin-left:20px;
}

.news-short-desc
{
	color:#696969;
	font-family: "Century-Gothic";
	font-size:13px;
	margin-left:20px;
}

.news-image-thumb
{
	float:left;
	max-width:60px;
}

.news-separator
{
	height:1px;
	width:100%;
	background-color:#e0e0e0;
	margin-bottom:10px;
	margin-top:10px;
}

.cicle-number
{
	display: block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 19px; /* or 50% */
    border-radius: 10px; /* or 50% */
    background-color:#2c296c;
    color:#FFF;
    text-align: center;
    font-family: "Century-Gothic";
	font-size:11px;
	float:left;
	margin-right:20px;
}

.sitemap-link
{
	color:#696969;
	font-family: "Century-Gothic";
	font-size:12px;
	position:relative;
}

.sitemap-link:hover
{
	color:#2c295f;
	font-weight:bold;
	text-decoration:none;
}

.sitemap-product-main-category
{
	font-weight:bold;
	margin-top:12%;
}

.sitemap-product-position
{
	padding-left:60px;
}

.sitemap-product-link
{
	color:#696969;
	font-weight:normal;
}

.sitemap-product-link:hover
{
	color:#2c295f;
	font-weight:bold;
	text-decoration:none;
}

.terms-conditions-content
{
	color:#696969;
	font-family: "Century-Gothic";
	font-size:13px;
	line-height:24px;
	padding:60px 60px 60px 20px;
}

.terms-conditions-content-small
{
	color:#696969;
	font-family: "Century-Gothic";
	font-size:12px;
	line-height:16px;
	padding:60px 60px 60px 20px;
}

.terms-conditions-content2
{
	color:#696969;
	font-family: "Century-Gothic";
	font-size:13px;
	line-height:24px;
	padding:60px 60px 60px 20px;
}

.terms-conditions-content-xs
{
	color:#696969;
	font-family: "Century-Gothic";
	font-size:13px;
	line-height:24px;
	margin-top:15px;
	padding-right:10px;
	margin-bottom:50px;
}

.terms-conditions-content-xs2
{
	color:#696969;
	font-family: "Century-Gothic";
	font-size:13px;
	line-height:24px;
	padding-right:10px;
	margin-bottom:50px;
}

.button-pdetail:hover
{
	text-decoration:none;
}

.quotations-title
{
	font-family: "proximanova-bold";
	color:#666666;
	margin-top:10px;
}

.quotations-textfield
{
	height:32px;
	width:100%;
	background-color:#ededed;
	padding-left:5px;
	border:none;
}

.quotations-textarea
{
	height:100px;
	width:100%;
	background-color:#ededed;
	padding-left:5px;
	border:none;
}

.back_to
{
	font-family: "Century-Gothic";
    color: #646464;
	font-weight:bold;
	font-size:13px;
}

.back_to:hover
{
	font-family: "Century-Gothic";
    color: #646464;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}

/*shining*/