html,
body
{
	scroll-behavior: smooth;
}
body
{
	background		: #FFF;
	margin			: 0;
	padding			: 0;
	min-width		: 1024px;
	margin-top		: 200px;
}

.head-holder
{
	width			: 100%;
	height			: 200px;
	position		: fixed;
	top				: 0;
	left			: 0;
	z-index			: 1000;
	background-color: #FFF;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
	backdrop-filter			: blur(10px);
	-webkit-backdrop-filter	: blur(10px);

}
.campaign-request
{
	display			: block;
	font-family		: 'Roboto', sans-serif;
	font-size		: .9em;
	color			: #666;
	font-weight		: 200;
	line-height		: 20px;
	margin			: 20px auto;
	border			: 1px solid #CCC;
	padding			: 50px;
	border-radius	: 20px;
	width			: 100%;
}
.head-logo
{
	width			: 15%;
	height			: 100px;
	background		: transparent url(/img/Artboya-Logo.png) no-repeat center left;
	position		: absolute;
	display			: block;
	left			: 5%;
	top				: 30px;
	background-size	: contain;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.navigation
{
	margin			: 0px auto;
	position		: absolute;
	top				: 150px;
	border			: none;
	height			: 50px;
	display			: flex;
	flex-direction	: row;
	width			: 100%;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
	text-align			: left;
	padding				: 0;
	margin				: 0;
}
.navigation li
{
	display			: block;
	flex			: 1;
	padding			: 10px;
 	margin			: 0;
	padding			: 0 1.5%;
	text-align		: center;
}

.navigation li a
{
	font-family		: "News Cycle", arial;
	color			: #000;
	display			: block;
	font-size		: 1.1em;
	letter-spacing	: 0;
	text-decoration	: none;
	text-align		: center;
	font-weight		: 300;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}
.navigation li a:hover
{
	color			: rgb(233,34,47);
}
*
{
	outline			: none;
}
.menu
{
	display			: none;
}

.search-icon
{
	display			: none;
}

.search-label
{
	width			: 40%;
	padding			: 30px 20px;
	position		: absolute;
	right			: 50%;
	top				: 15%;
	transform		: translateX(50%);
	vertical-align	: middle;
	transition		: all .3s ease;
}

.search-label-inside
{
	width			: 80%;
	padding			: 30px 20px;
	position		: absolute;
	left			: 50%;
	top				: 50%;
	transform		: translateX(-50%) translateY(-50%);
	vertical-align	: middle;
	transition		: all .3s ease;
}

.search-input
{
	display			: inline-block;
	font-family		: 'Arima Madurai', arial;
	font-size		: .9em;
	line-height		: 30px;
	color			: #4B4C4C;
	text-decoration	: none;
	font-weight		: 300;
	border			: 1px solid #CCC;
	padding			: 10px;
	background-color: #FFF;
	width			: 50%;
	vertical-align	: middle;
}
.search-input:focus
{
	border			: 1px solid #ec1e24;
}
.search-btn
{
	display			: inline-block;
	font-family		: 'Aima Madurai', arial;
	font-size		: .9em;
	line-height		: 30px;
	color			: #4B4C4C;
	text-decoration	: none;
	font-weight		: 300;
	border			: 1px solid #EEE;
	padding			: 10px;
	background-color: #EEE;
	width			: calc(20% - 30px);
	display			: inline-block;
	vertical-align	: middle;
	transition		: all .2s ease;
}
.search-btn:hover
{
	background-color: #ec1e24;
	color			: #FFF;
}

.main-search
{
	font-family		: "News Cycle", arial;
	color			: #FFF;
	display			: block;
	font-size		: .8em;
	letter-spacing	: 1px;
	text-decoration	: none;
	text-align		: center;
	font-weight		: 300;
	position		: absolute;
	right			: calc(12% + 200px);
	top				: 33%;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
	border			: 1px solid #ec1e24;
	padding			: 15px 25px;
	background-color: #ec1e24;
}

.b2b-login
{
	font-family		: "News Cycle", arial;
	color			: #000;
	display			: block;
	font-size		: .8em;
	letter-spacing	: 1px;
	text-decoration	: none;
	text-align		: center;
	font-weight		: 300;
	position		: absolute;
	right			: 12%;
	top				: 33%;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
	border			: 1px solid #ec1e24;
	padding			: 15px 25px;
}
.b2b-login:hover
{
	color			: #ec1e24;
}


.main-content
{
	width			: 100%;
	position		: relative;
}
.main-promo
{
	width			: 100%;
	background		: #FFF url(/img/promo-texture.png) no-repeat center top;
	background-size	: 100%;
	padding			: 0;
	overflow		: hidden;
	position		: relative;
	padding-top		: 45%;
}

.iframe
{
	position		: absolute;
	top				: 0;
	left			: 0;
	bottom			: 0;
	right			: 0;
	width			: 100%;
	height			: 100%;
	overflow		: hidden;
}
.home-slider
{
	position		: absolute;
	top				: 0;
}
.home-slider div.text
{
	position		: absolute;
	top				: 20%;
	left			: 10%;
	width			: 40%;
	font-weight		: 300;
}
.home-slider div.text
{
	font-family		: "Abhaya Libre", times;
	font-size		: 2.2em;
	font-weight		: 300;
}
.home-slider div.text p
{
	margin: 0;
	padding:0;
}
.home-slider div.text em
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	display			: block;
	font-weight		: bold;
	font-size		: 1.3em;
}

.home-slider div.text a
{
	width			: 200px;
	font-family		: "Roboto", arial;
	font-size		: 0.9em!important;
	font-weight		: normal;
	display			: block;
	background-color: #ec1e24;
	line-height		: 40px;
	color			: #FFF;
	text-decoration	: none;
	text-align		: center;
	margin-top		: 60px;
}
.slider-image
{
	width			: 100%;
	height			: 0;
	padding-top		: 40%;
	background-size		: cover;
	background-position	: center;
	background-repeat	: no-repeat;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}


.brands-content
{
	width			: 100%;
	min-width		: 1100px;
	padding-top		: 35%;
	min-height		: 200px;
	background		: transparent url(/img/middle-half.png) repeat-y center top;
	background-size	: contain;
	position		: relative;
}

.brand-detail-holder
{
	opacity 			: 0;
	visibility			: hidden;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.brand-detail-holder:first-child
{
	opacity 		: 1;
	visibility		: visible;
	display			: block;
}

.brands-image-holder
{
	width			: 50%;
	padding-top		: 30%;
	background-repeat	: no-repeat;
	background-position	: center center;
	background-size	: cover;
	position		: absolute;
	left			: 5%;
	top				: 10%;
}
.brands-texts-holder
{
	width			: 37%;
	position		: absolute;
	right			: 5%;
	top				: 10%;
}
.brands-texts-holder-left
{
	width			: 37%;
	position		: absolute;
	left			: 5%;
	top				: 10%;
}
.brands-cats-holder-right
{
	width			: 40%;
	position		: absolute;
	right			: 0;
	top				: 5%;
	bottom			: 5%;
}

.brands-logo
{
	width			: 35%;
	padding-top		: 25%;
	max-width		: 350px;
	max-height		: 200px;
	background-position	: center left;
	background-repeat	: no-repeat;
	background-size		: contain;
}
.brands-logo img
{
	max-width: 100%;
    max-height: 100%;
    height: inherit !important;
}

.brands-head
{
	font-family		: "Arima Madurai", arial;
	font-size		: 1.8em;
	font-weight		: 400;
	margin			: 10px 0;
	line-height		: 2em;
}

.brands-text
{
	font-family		: "Arima Madurai", arial;
	font-size		: 1.2em;
	font-weight		: 300;
	margin			: 1.2vw 0;
}

.brands-link
{
	width			: 230px;
	font-family		: "Roboto", arial;
	font-size		: 0.9em!important;
	display			: block;
	background-color: #ec1e24;
	line-height		: 40px;
	color			: #FFF;
	text-decoration	: none;
	text-align		: center;
	margin-top		: 50px;
}

.brands-thumbs
{
	width			: calc(100% - 50px);
	margin			: 0px auto;
	margin-top		: 50px;
}

.brands-thumbs .slick-slide
{
	padding			: 30px;
	margin			: 0px;
}
.brands-thumbs img
{
	border			: none;
	background-color: #FFF;
	height			: 100%;
	max-width		: 100%;
	box-shadow		: 0px 0px 2px rgba(0,0,0, .3);
}
.other-brands-slider
{
	max-width		: 90%;
	margin			: auto;
	padding-top		: 30px;
	border-top		: 1px solid #EEE;

}
.other-brands-slider h1
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	font-size		: 2em;
	font-weight		: 300;
	letter-spacing	: 1px;
	margin			: 0;
	padding			: 0;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}
.brand-category-list
{
	position		: static;
	overflow		: hidden;
	overflow-y		: auto;
	height			: 100%;

}
.brand-category-list-holder
{
	position		: relative;
	margin-top		: 40px;
	padding-top		: 25%;
	display			: block;
}


.brand-category-list-image
{
	width			: 30%;
	background-color	: #FFF;
	background-position	: center center;
	background-repeat	: no-repeat;
	background-size		: cover;
	padding-top		: 25%;
	position		: absolute;
	left			: 0;
	top				: 0;
	border			: 1px solid #CCC;
}
.brand-category-list-texts
{
	width			: 60%;
	position		: absolute;
	left			: 35%;
	top				: 5%;
}
.brand-category-list-texts h2
{
	font-family		: "News Cycle", arial;
	color			: #444;
	display			: block;
	font-weight		: 300;
	font-size		: 1.3em;
	line-height		: 2em;
	margin			: 0;
	padding			: 0;
}
.brand-category-list-texts h3
{
	font-family		: "Roboto", arial;
	color			: #444;
	display			: block;
	font-weight		: 300;
	font-size		: .9em;
	line-height		: 1.7em;
	margin			: 0;
	padding			: 0;
}
.overflow-fader
{
	height			: 100px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7ad70+0,d5cea6+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(183,173,112,0) 0%, rgba(213,206,166,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(183,173,112,0) 0%,rgba(213,206,166,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(183,173,112,0) 0%,rgba(213,206,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ad70', endColorstr='#d5cea6',GradientType=0 ); /* IE6-9 */
	position: absolute;
	bottom			: 0px;
	right			: 0px;
	width			: 50%;
	opacity			: .4;
}

h1.breadcrumbs
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	font-size		: 1.2em;
	font-weight		: 300;
	letter-spacing	: 1px;
	margin			: 0;
	padding			: 0;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}
h1.breadcrumbs a
{
	text-decoration	: none;
	color			: rgb(233,34,47);
}

.about-artboya
{
	width			: 100%;
	position		: relative;
	background-color: #242424;
	padding-top		: 50%;
}
.about-txt
{
	width			: 40%;
	padding			: 5% 0 5% 7%;
	position		: absolute;
	top				: 0;
	left			: 0;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.about-txt h1 span
{
	font-family		: "Abhaya Libre", times;
	font-size		: 2em;
	font-weight		: 300;
	letter-spacing	: 1px;
	color			: #FFF;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.about-txt h1 em
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	display			: block;
	font-weight		: bold;
	font-size		: 2em;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.about-txt h3
{
	font-family		: "Roboto", arial;
	color			: #FFF;
	display			: block;
	font-weight		: 300;
	font-size		: 1em;
	letter-spacing	: 1px;
	line-height		: 2em;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}


.about-img
{
	width			: 50%;
	position		: absolute;
	top				: 0;
	bottom			: 0;
	right			: 0;
	overflow		: hidden;
}
.about-img img
{
	width			: 100%;
}



.new-artboya
{
	width			: 100%;
	position		: relative;
	background-color: #EEE;
	padding-top		: 37.5%;
	padding-bottom	: 0;
	margin-bottom	: 0;
	border-bottom	: 2px solid #FFF;
}

.new-txt
{
	width			: 40%;
	padding			: 5% 0 5% 7%;
	position		: absolute;
	top				: 0;
	left			: 0;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.new-txt h1 span
{
	font-family		: "Abhaya Libre", times;
	font-size		: 1.5em;
	font-weight		: 300;
	letter-spacing	: 1px;
	color			: #FFF;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.new-txt h1 em
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	display			: block;
	font-weight		: bold;
	font-size		: .8em;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.new-txt h3
{
	font-family		: "Roboto", arial;
	color			: #333;
	display			: block;
	font-weight		: 300;
	font-size		: .9em;
	letter-spacing	: .5px;
	line-height		: 1.7em;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}
.new-txt img
{
	display			: inline-block;
	margin-right	: 3%;
	margin-top		: 10%;
	width			: 28%;
	height			: auto;
}


.new-img
{
	width			: 50%;
	position		: absolute;
	top				: 0;
	bottom			: 0;
	right			: 0;
	overflow		: hidden;
}
.new-img img
{
	width			: 100%;
	position		: absolute;
}

.video-player
	{
		position		: absolute;
		top		 		: 0px;
		right			: 0;
		bottom			: 0;
	}




	.new-all-artboya
	{
		width			: 70%;
		position		: relative;
		background-color: #EEE;
		padding			: 3% 15%;
		vertical-align	: middle;
		text-align		: center;
		margin			: 0;
	}

	.new-all-txt
	{
		width			: 60%;
		padding			: 5% 0;
		display			: inline-block;
		vertical-align	: middle;
		text-align		: left;
		margin			: 0 2%;
	}

	.new-all-txt h1 span
	{
		font-family		: "Abhaya Libre", times;
		font-size		: 2em;
		font-weight		: 300;
		letter-spacing	: 1px;
		color			: #FFF;
		-moz-transition		: 0.3s;
		-o-transition		: 0.3s;
		-webkit-transition	: 0.3s;
		transition			: 0.3s;
	}

	.new-all-txt h1 em
	{
		font-family		: "Arima Madurai", times;
		color			: #ec1e24;
		display			: block;
		font-weight		: bold;
		font-size		: .9em;
		-moz-transition		: 0.3s;
		-o-transition		: 0.3s;
		-webkit-transition	: 0.3s;
		transition			: 0.3s;
	}

	.new-all-txt h3
	{
		font-family		: "Roboto", arial;
		color			: #333;
		display			: block;
		font-weight		: 300;
		font-size		: .9em;
		letter-spacing	: .5px;
		line-height		: 1.7em;
		-moz-transition		: 0.3s;
		-o-transition		: 0.3s;
		-webkit-transition	: 0.3s;
		transition			: 0.3s;
	}

	.new-all-img
	{
		width			: 25%;
		overflow		: hidden;
		display			: inline-block;
		position		: relative;
		vertical-align	: middle;
		padding			: 0 0;
		margin			: 0 2%;
	}
	.new-all-img img
	{
		width			: 100%;
		height			: auto;

 	}








.dealers-content
{
	width			: 100%;
	padding-top		: 18%;
	min-height		: 200px;
	background		: transparent url(/img/dealers-half.png) repeat-y center top;
	background-size	: contain;
	position		: relative;
}
.dealers-text
{
	width			: 37%;
	padding			: 5% 0 10% 8%;
	position		: absolute;
	top				: 0;
	left			: 0;
}

.dealers-list
{
	width			: 35%;
	position		: absolute;
	top				: 20%;
	left			: 55%;
	bottom			: 20%;
	overflow		: hidden;
	overflow-y		: auto;
}

.dealer-info
{
	border-bottom	: 1px solid #CCC;
	padding-bottom	: 20px;
	margin-bottom	: 20px;
}
.dealer-info h2
{
	font-family		: "Arima Madurai", times;
	font-size		: 1.4vw;
	font-weight		: 300;
	letter-spacing	: 1px;
	color			: #ec1e24;
	margin			: 0px;
	padding			: 0px;
	line-height		: 1.8vw;
}

.dealer-info h3
{
	font-family		: "Abhaya Libre", times;
	font-size		: 1.2vw;
	font-weight		: 300;
	letter-spacing	: 1px;
	color			: #333;
	margin			: 0;
	padding			: 0;
}


.studios-content
{
	width			: 100%;
	padding-top		: 22%;
	min-height		: 200px;
	background		: transparent url(/img/middle-half.png) repeat-y center top;
	background-size	: contain;
	position		: relative;
}


.studios-text h1 span,
.dealers-text h1 span
{
	font-family		: "Abhaya Libre", times;
	font-size		: 3vw;
	font-weight		: 300;
	letter-spacing	: 1px;
	color			: #333;
}

.studios-text h1 em,
.dealers-text h1 em
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	display			: block;
	font-weight		: bold;
	font-size		: 3vw;
}



.studios-text
{
	width			: 37%;
	padding			: 5% 0 10% 8%;
	position		: absolute;
	top				: 0;
	left			: 0;
}

.studios-list
{
	width			: 55%;
	position		: absolute;
	top				: 10%;
	right			: 0;
	bottom			: 10%;
	overflow		: hidden;
	overflow-y		: auto;
}

.studio-list-holder
{
	position		: relative;
	margin-top		: 30px;
	padding-top		: 15%;
}

.studio-list-holder:first-child
{
	margin-top		: 0;
}

.studio-list-image
{
	width			: 15%;
	background-color	: #FFF;
	background-position	: center center;
	background-repeat	: no-repeat;
	background-size		: cover;
	padding-top		: 12%;
	position		: absolute;
	left			: 0;
	top				: 0;
	border			: 1px solid #CCC;
}
.studio-list-texts
{
	width			: 70%;
	position		: absolute;
	left			: 20%;
	top				: 15%;
}
.studio-list-texts h2
{
	font-family		: "Roboto", arial;
	color			: #444;
	display			: block;
	font-weight		: 400;
	font-size		: 1.2vw;
	line-height		: 3vw;
	margin			: 0;
	padding			: 0;
}
.studio-list-texts h3
{
	font-family		: "Roboto", arial;
	color			: #444;
	display			: block;
	font-weight		: 300;
	font-size		: .9vw;
	margin			: 0;
	padding			: 0;
}

.select-css
{
    display			: block;
    font-size		: 1em;
    font-family		: 'Roboto', sans-serif;
    font-weight		: 300;
    color			: #444;
    padding			: 10px;
	padding-left	: 0px;
	margin			: 10px;
    width			: 100%;
    max-width		: 300px;
    box-sizing		: border-box;
	border			:none;
    border-bottom	: 1px solid #DDD;
    -moz-appearance	: none;
    -webkit-appearance: none;
    appearance		: none;
    background-color: transparent;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size	: .65em auto, 100%;
	border-radius	: 0;
	margin			: 0;
}
.select-css::-ms-expand
{
    display			: none;
}
.select-css:hover
{
    border-color	: #888;
}
.select-css:focus
{
    border-bottom	: 1px solid rgb(129, 27, 61);
	outline			: none;
}
.select-css option
{
    font-weight:normal;
}


.contact-content
{
	width			: 100%;
	padding-top		: 35%;
	background		: #242424 url(/img/promo-texture.png) no-repeat center center;
	background-size	: cover;
	position		: relative;
}

.contact-form
{
	width			: 35%;
	left			: 10%;
	top				: 20%;
	position		: absolute;
}
.contact-info
{
	width			: 35%;
	right			: 10%;
	top				: 20%;
	position		: absolute;
	font-family		: "Roboto", times;
	font-size		: .9em;
	font-weight		: 300;
	letter-spacing	: 1px;
	color			: #eee;
	line-height		: 1.7em;
}

.contact-info ul
{
	margin			: 0;
	padding			: 0;
	list-style		: none;
}
.contact-info li a
{
	font-family		: "Roboto", times;
	font-size		: .9vw;
	font-weight		: 300;
	letter-spacing	: 1px;
	color			: #eee;
	text-decoration	: none;
	line-height		: 30px;
}

.contact-content h1 span
{
	font-family		: "Abhaya Libre", times;
	font-size		: 3vw;
	font-weight		: 300;
	letter-spacing	: 1px;
	color			: #eee;
}

.contact-content h1 em
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	display			: inline-block;
	font-weight		: bold;
	font-size		: 2.5vw;
}

.form-control
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: .8em;
	text-decoration	: none;
	padding			: 13px 15px;
	border-radius	: 2px;
	border			: 1px solid #CCC;
	width			: calc(100% - 32px)
}

.btn_submit
{
	width			: 230px;
	font-family		: "Roboto", arial;
	font-size		: 0.9em!important;
	display			: block;
	background-color: #ec1e24;
	line-height		: 40px;
	color			: #FFF;
	text-decoration	: none;
	text-align		: center;
	margin-top		: 20px;
	border			: none;
}


.footer
{
	background-color: #434343;
	padding			: 80px 0;
	font-family		: "Roboto", arial;
	color			: #CCC;
	font-weight		: 300;
	font-size		: .9vw;
	text-align		: center;
}


.products-content
{
	width			: 90%;
	margin			: 5% auto;
	margin-top		: 0;
	padding-top		: 0;
	display			: grid;
	grid-template-columns	: 20% 20% 20% 20% 20%;
	grid-template-rows		: auto;
}
.products-content h2
{
	font-family		: "Arima Madurai", times;
	color			: #333;
	display			: inline-block;
	font-weight		: bold;
	font-size		: 1.4em;
	min-width		: 200%;
	text-align		: center;
	border			: 1px solid #EEE;
	padding			: 40px 0;
}

.products
{
	margin			: 30px;
	margin-bottom	: 30px;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.products-media
{
	width			: 100%;
	padding-top		: 100%;
	overflow		: hidden;
	position		: relative;
	overflow		: hidden;
	background-color	: #FFF;
	background-repeat	: no-repeat;
	background-position	: center top;
	background-size		: cover;
	border			: 1px solid #999;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.products-media:hover
{
	border			: 1px solid rgb(233,34,47);
	background-size	: cover;
	box-shadow		: 0px 0px 10px rgba(233,34,47, .2);
}

.products-link
{
	font-family		: "Roboto", arial;
	color			: #000;
	display			: block;
	font-size		: 1em;
	text-decoration	: none;
	text-align		: center;
	padding			: 5px 0 5px 0;
	font-weight		: 400;
	line-height		: 25px;
}
.products-subs
{
	font-family		: "Roboto", arial;
	color			: #000;
	display			: block;
	font-size		: .8em;
	text-align		: center;
	padding			: 10px 0;
	font-weight		: 300;
}
.products-btn
{
	font-family		: "Roboto", arial;
	color			: #FFF;
	display			: block;
	font-size		: .8em;
	text-decoration	: none;
	text-align		: center;
	line-height		: 30px;
	background-color: rgb(233,34,47);
	font-weight		: 300;
	margin			: 10px auto;
	max-width		: 70%;
}

.products-media a
{
	display			: block;
	position		: absolute;
	top				: 0;
	left			: 0;
	right			: 0;
	bottom			: 0;
}


.overlay
{
	width			: 100%;
	height			: 100%;
	top				: 0;
	left			: 0;
	position		: fixed;
	background-color: rgba(255,255,255, .5);
	z-index			: 10000001;
}
.preload
{
	width			: 100%;
	height			: 100%;
	top				: 0;
	left			: 0;
	position		: fixed;
	z-index			: 10000002;
	background		: transparent url(/img/waiter.gif) no-repeat center center;
	background-size	: 50%;
}

.lightup
{
	position		: fixed;
	width			: 60%;
	min-height		: 50%;
	max-height		: 90%;
	top				: 50%;
	transform		: translateY(-50%);
	left			: 20%;
	background-color: #FFF;
	box-shadow		: 0px 0px 20px rgba(0,0,0, .4);
	z-index			: 10000002;
	display			: grid;
	grid-template-columns : 65% 35%;
}

.lightup-img
{
	display			: block;
	width			: 100%;
	height			: 100%;
	background-repeat	: no-repeat;
	background-position	: center center;
	background-size		: contain;
}

.lightup-txt
{
	padding			: 10%;
}

.lightup-btn
{
	display			: block;
	position		: absolute;
	right			: 20px;
	top				: 20px;
	font-size		: 1.2em;
	text-decoration	: none;
	color			: #FFF;
	background-color: #ec1e24;
}


.lightup-txt h1
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	display			: inline-block;
	font-weight		: bold;
	font-size		: 1.3em;
	line-height		: 1.5em;
	margin			: 5px 0;
	padding			: 0;
}
.lightup-txt h2
{
	font-family		: "Arima Madurai", times;
	color			: #ec1e24;
	display			: inline-block;
	font-weight		: bold;
	font-size		: 1em;
	line-height		: 1.1em;
	margin			: 5px 0;
	padding			: 0;
}
.lightup-txt h3
{
	font-family		: "Roboto", times;
	color			: #000;
	display			: inline-block;
	font-weight		: normal;
	font-size		: .9em;
	line-height		: 1.5em;
	margin			: 5px 0;
	padding			: 0;
}
.search_box
{
	position		: fixed;
	top				: 35%;
	left			: 30%;
	background-color: #FFF;
	box-shadow		: 0px 0px 20px rgba(0,0,0, .4);
	z-index			: 10000002;
	padding			: 5% 10%;
}
.search_txt
{
	font-family		: "Roboto", times;
	color			: #000;
	font-weight		: normal;
	font-size		: .9em;
	line-height		: 1.5em;
	margin			: 0;
	padding			: 10px 30px;
	width			: 50%;
	border			: 1px solid #CCC;
}
.search_btn
{
	font-family		: "Roboto", arial;
	font-size		: 0.9em!important;
	background-color: #ec1e24;
	line-height		: 40px;
	color			: #FFF;
	text-decoration	: none;
	text-align		: center;
	border			: none;
	padding			: 2px 30px;
}
@media (min-width:1560px)
{
	.navigation li
	{
		/*padding-right	: 5.5%;*/
	}

}

@media (min-width:1900px)
{
	.navigation li
	{
		/*padding-right	: 6.5%;*/
	}

}

@media (max-width:1300px)
{

	.navigation li a
	{
		font-size		: .95em;
	}
	.head-logo
	{
		left			: 7%;
	}
	.brands-head
	{
		font-size		: 1.3em;
	}

	.brands-text
	{
		font-size		: 1em;
	}
	.about-txt h1 span
	{
		font-size		: 1.4em;
	}
	.about-txt
	{
		padding			: 4% 0 4% 4%;
	}

	.about-txt h1 em
	{
		font-size		: 1.4em;
	}

	.about-txt h3
	{
		font-size		: .80em;
		line-height		: 1.8em;
	}
}

@media (max-width:1000px)
{
	.navigation li a
	{
		font-size		: .8em;
	}
	.head-logo
	{
		left			: 5%;
	}

	.brands-head
	{
		font-size		: 1.2em;
	}

	.brands-text
	{
		font-size		: .9em;
	}
	.about-txt h1 span
	{
		font-size		: 1.2em;
	}

	.about-txt h1 em
	{
		font-size		: 1.2em;
	}

	.about-txt h3
	{
		font-size		: .8em;
		line-height		: 1.7em;
	}

	.about-txt
	{
		padding			: 3% 0 3% 4%;
	}

}


@media (max-width:540px)
{

	body
	{
		min-width		: 320px;
		margin			: 0;
		padding			: 0;
		margin-top		: 15vh;
	}

	.head-holder
	{
		height			: 12vh;
	}
	.head-logo
	{
		width			: 30%;
		height			: 15vw;
		top				: 2vh;
	}

	.navigation
	{
		position		: fixed;
		top				: 12vh;
		height			: 88vh;
		display			: block;
		width			: 100%;
		right			: -100%;
		left			: 100%;
		bottom			: 0;
		background-color: #FFF;
		visibility		: hidden;
		z-index			: 100001!important;
		transition		: all .3s ease;
		opacity			: 0;
	}
	.navigation.active
	{
		visibility		: visible;
		left			: 0;
		right			: 0;
		z-index			: 100001!important;
		transition		: all .2s ease;
		opacity			: 1;
	}
	.navigation li
	{
		display			: block;
		border-bottom	: 1px solid #EEE;
		width			: 80%;
		margin			: 0 9%;
	}
	.navigation li:first-child
	{
		border-top		: 1px solid #EEE;
	}
	.navigation li a
	{
		font-family		: "News Cycle", arial;
		color			: #000;
		display			: block;
		font-size		: 1.1em;
		letter-spacing	: 1px;
		line-height		: 8vh;
	}

	.search-icon
	{
		opacity			: 1;
	    visibility		: visible;
	    display			: block!important;
	    position		: absolute;
	    top				: 7vw;
	    right			: 18vw;
		transition		: 0.5s ease;
		height			: 10vw;
		width			: 10vw;
		color			: #000;
		text-decoration	: none;
		font-size		: 1.4em;
	}

	.search-label
	{
		width			: 80%;
		padding			: 5%;
		right			: 5%;
		top				: 14vh;
		transform		: none;
		vertical-align	: middle;
		transition		: all .3s ease;
		box-shadow		: 0 0 20px rgba(0,0,0, .3);
		z-index			: 100;
		background-color: #FFF;
		border-radius	: 10px;
		display			: none;
	}

	.search-input
	{

		line-height		: 5vh;
		padding			: 5px 10px;
		width			: 70%;
	}
	.search-input:focus
	{
		border			: 1px solid #ec1e24;
	}
	.search-btn
	{
		line-height		: 4vh;
		width			: 20%;
	}
	.search-btn:hover
	{
		background-color: #ec1e24;
		color			: #FFF;
	}

	.b2b-login
	{
		display			: none!important;
	}

	.menu
	{
		opacity			: 1;
	    visibility		: visible;
	    display			: block!important;
	    position		: absolute;
	    top				: 5vw;
		padding			: 0;
	    right			: 5vw;
		transition		: 0.5s ease;
		height			: 10vw;
		width			: 15vw;
		border			: none;
		background		: transparent;
	}
	.line
	{
	  fill: none;
	  stroke: black;
	  stroke-width: 6;
	  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.line2 {
	  stroke-dasharray: 60 60;
	  stroke-width: 6;
	}
	.line3 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.opened .line1 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	.opened .line2 {
	  stroke-dasharray: 1 60;
	  stroke-dashoffset: -30;
	  stroke-width: 6;
	}
	.opened .line3 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	.main-promo
	{
		margin-top		: 15vh;
		padding-top		: 50%;
	}



	.brands-content
	{
		width			: 90%;
		left			: 5%;
		right			: 5%;
		min-width		: 90%;
		padding-top		: 40%;
		min-height		: 65vh;
	}
	#brands
	{
		min-height		: 100vh;
	}
	#brands .brands-image-holder
	{
		width			: 100%;
		padding-top		: 50%;
		top				: 5%;
		left			: 0;
		right			: 0;
	}
	#brands .brands-texts-holder
	{
		width			: 100%;
		position		: absolute;
		right			: 0%;
		left			: 0;
		text-align		: center;
		padding-top		: 70%;
	}
	#brands .brands-link
	{
		margin			: 0px auto;
		margin-top		: 50px;
	}

	.about-artboya
	{
		padding-top		: 0;
	}
	.about-txt
	{
		width			: 90%;
		padding			: 5% 0 5% 7%;
		position		: static;
		z-index			: 2;
	}
	.about-txt h3
	{
		font-size		: .8em;
		line-height		: 1.7em;
	}


	.about-img
	{
		display			: none;
	}

	.dealers-content
	{
		width			: 100%;
		padding-top		: 0%;
		background		: transparent url(/img/dealers-half.png) repeat-y center top;
		background-size	: contain;
		position		: relative;
	}
	.dealers-text
	{
		width			: 90%;
		padding			: 5% 0 5% 8%;
		position		: static;
	}

	.dealers-list
	{
		width			: 90%;
		position		: static;
		margin-left		: 5%;
		right			: 5%;
		bottom			: 0%;
		max-height		: 40vh;
		overflow		: hidden;
		overflow-y		: auto;
	}

	.dealer-info
	{
		border-bottom	: 1px solid #CCC;
		padding-bottom	: 20px;
		margin-bottom	: 20px;
		padding			: 0;
		text-align		: center;
	}
	.dealer-info h2
	{
		font-size		: .9em;
		line-height		: 2em;
		text-align		: center;
	}

	.dealer-info h3
	{
		font-size		: 1em;
	}


	.studios-content
	{
		width			: 100%;
		padding-top		: 10%;
		padding-bottom	: 10%;
		min-height		: auto;
	}


	.studios-text h1 span,
	.dealers-text h1 span
	{
		font-size		: 1.4em;
	}

	.studios-text h1 em,
	.dealers-text h1 em
	{
		font-size		: 1.4em;
	}



	.studios-text
	{
		width			: 90%;
		padding			: 5% 0 5% 8%;
		position		: static;
	}

	.studios-list
	{
		width			: 90%;
		position		: static;
		margin-left		: 5%;
		overflow		: hidden;
		overflow-y		: auto;
		max-height		: 30vh;
	}

	.studio-list-holder
	{
		position		: relative;
		margin-top		: 30px;
		padding-top		: 30%;
	}

	.studio-list-holder:first-child
	{
		margin-top		: 0;
	}

	.studio-list-image
	{
		width			: 40%;
		padding-top		: 30%;
		position		: absolute;
		left			: 0;
		top				: 0;
		border			: 1px solid #CCC;
	}
	.studio-list-texts
	{
		width			: 50%;
		position		: absolute;
		left			: 45%;
		top				: 15%;
	}
	.studio-list-texts h2
	{
		font-size		: 1.2em;
		line-height		: 1.6em;
		margin			: 0;
		padding			: 0;
	}
	.studio-list-texts h3
	{
		font-size		: .9em;
		margin			: 0;
		padding			: 0;
	}

	.contact-content
	{
		width			: 100%;
		padding-top		: 10%;
		padding-bottom	: 10%;
	}

	.contact-form
	{
		width			: 90%;
		margin-left		: 5%;
		top				: 5%;
		position		: static;
	}
	.contact-info
	{
		width			: 90%;
		position		: static;
		text-align		: center;
		margin			: 0px auto;
		padding-bottom	: 10%;
	}

	.contact-info ul
	{
		margin			: 0;
		padding			: 0;
		list-style		: none;
	}
	.contact-info li a
	{
		font-size		: .9em;
	}

	.contact-content h1 span
	{
		font-size		: 1em;
	}

	.contact-content h1 em
	{
		font-size		: 1em;
	}

	.footer
	{
		font-size		: .9em;
	}


	.new-artboya
	{
		padding-top		: 30%;
		margin-top		: 15vh;
	}

	.new-txt
	{
		width			: 90%;
		padding			: 5% 0 5% 7%;
		padding-top		: 50%;
		position		: static;
	}

	.new-txt h1 span
	{
		font-size		: 1.7em;
	}

	.new-txt img
	{
		display			: inline-block;
		margin-right	: 5%;
		margin-top		: 0%;
		width			: 90%;
		height			: auto;
	}


	.new-img
	{
		width			: 100%;
		height			: 50%;
		position		: absolute;
		top				: 0;
		right			: 0;
		overflow		: hidden;
	}
	.new-img img
	{
		width			: 100%;
		position		: absolute;
	}

	.video-player
		{
			position		: absolute;
			top		 		: 0px;
			right			: 0;
			bottom			: 0;
		}

	.new-all-artboya
	{
		width			: 90%;
		padding			: 3% 5%;
		position		: relative;
	}

	.new-all-txt
	{
		width			: 100%;
		padding			: 5% 0;
		display			: block;
		vertical-align	: middle;
		text-align		: left;
		margin			: 0%;
		margin-top		: 90vw;
		text-align		: center;
	}
	.new-all-img
	{
		width			: 90%;
		overflow		: hidden;
		display			: inline-block;
		position		: relative;
		vertical-align	: middle;
		padding			: 0 0;
		margin			: 0 2%;
		position		: absolute;
		top				: 5%;
		left			: 5%;
	}
	.new-all-img img
	{
		width			: 100%;
		height			: auto;

	}

	.container
	{
		min-width		: 90%;
		max-width		: 90%;
	}

	.container-right
	{
		max-width		: 90%;
		min-width		: 90%;
		padding			: 5%;
		display			: block;
		vertical-align	: top;
		text-align		: left;
	}
	.anchor-button
	{
		width			: 70%;
	}

	.form-btn
	{
		width			: 70%;
	}
	.container-left
	{
		max-width		: 90%;
		min-width		: 90%;
		padding			: 0 5%;
	}

	.products
	{
		margin			: 30px;
		margin-bottom	: 30px;
		-moz-transition		: 0.3s;
		-o-transition		: 0.3s;
		-webkit-transition	: 0.3s;
		transition			: 0.3s;
	}

	h1.breadcrumbs
	{
		font-size		: 1em;
		padding			: 0 5%;
	}

	.products-content
	{
		width			: 100%;
		margin			: 0% auto;
		margin-top		: 0;
		padding-top		: 0;
		display			: grid;
		grid-template-columns	: 50% 50%;
		grid-template-rows		: auto;
	}
	.products
	{
		margin			: 10px;
		margin-bottom	: 20px;
	}

	.products-link
	{
		padding			: 0;
		padding-top		: 5px;
		font-weight		: 300;
		font-size		: .8em;
		line-height		: 1.7em;
	}



	.brands-image-holder
	{
		width			: 50%;
		padding-top		: 30%;
		background-repeat	: no-repeat;
		background-position	: center center;
		background-size	: cover;
		position		: absolute;
		left			: 5%;
		top				: 10%;
	}
	.brands-texts-holder
	{
		width			: 37%;
		position		: absolute;
		right			: 5%;
		top				: 10%;
	}
	.brands-texts-holder-left
	{
		width			: 100%;
		position		: static;
		left			: 0%;
		top				: 10%;
	}
	.brands-cats-holder-right
	{
		width			: 100%;
		position		: static;
	}

	.brands-logo
	{
		width			: 35%;
		padding-top		: 25%;
		max-width		: 350px;
		max-height		: 200px;
		background-position	: center left;
		background-repeat	: no-repeat;
		background-size		: contain;
	}
	.brands-logo img
	{
		max-width: 100%;
	    max-height: 100%;
	    height: inherit !important;
	}

	.brands-head
	{
		font-family		: "Arima Madurai", arial;
		font-size		: 1.8em;
		font-weight		: 400;
		margin			: 10px 0;
		line-height		: 2em;
	}

	.brands-text
	{
		font-family		: "Arima Madurai", arial;
		font-size		: 1em;
		font-weight		: 300;
		margin			: 1.2vw 0;
	}



	.brands-link
	{
		width			: 230px;
		font-family		: "Roboto", arial;
		font-size		: 0.9em!important;
		display			: block;
		background-color: #ec1e24;
		line-height		: 40px;
		color			: #FFF;
		text-decoration	: none;
		text-align		: center;
		margin-top		: 50px;
	}

	.brands-thumbs
	{
		width			: 100%;
		margin			: 0px auto;
		margin-top		: 50px;
	}

	.brands-thumbs .slick-slide
	{
		padding			: 10px;
		margin			: 0px;
	}
	.brands-thumbs img
	{
		border			: none;
		background-color: #FFF;
		height			: 100%;
		max-width		: 100%;
		box-shadow		: 0px 0px 2px rgba(0,0,0, .3);
	}
	.other-brands-slider
	{
		max-width		: 90%;
		margin			: auto;
		padding-top		: 30px;
		border-top		: 1px solid #EEE;

	}
	.other-brands-slider h1
	{
		font-family		: "Arima Madurai", times;
		color			: #ec1e24;
		font-size		: 2em;
		font-weight		: 300;
		letter-spacing	: 1px;
		margin			: 0;
		padding			: 0;
		-moz-transition		: 0.3s;
		-o-transition		: 0.3s;
		-webkit-transition	: 0.3s;
		transition			: 0.3s;
	}
	.brand-category-list
	{
		position		: static;
		overflow		: hidden;
		overflow-y		: auto;
		overflow-x		: hidden;
		height			: 100%;

	}
	.brand-category-list-holder
	{
		position		: relative;
		margin-top		: 40px;
		padding-top		: 25%;
		display			: block;
	}


	.brand-category-list-image
	{
		width			: 30%;
		background-color	: #FFF;
		background-position	: center center;
		background-repeat	: no-repeat;
		background-size		: cover;
		padding-top		: 25%;
		position		: absolute;
		left			: 0;
		top				: 0;
		border			: 1px solid #CCC;
	}
	.brand-category-list-texts
	{
		width			: 60%;
		position		: absolute;
		left			: 35%;
		top				: 5%;
	}
	.brand-category-list-texts h2
	{
		font-family		: "News Cycle", arial;
		color			: #444;
		display			: block;
		font-weight		: 300;
		font-size		: 1.3em;
		line-height		: 2em;
		margin			: 0;
		padding			: 0;
	}
	.brand-category-list-texts h3
	{
		font-family		: "Roboto", arial;
		color			: #444;
		display			: block;
		font-weight		: 300;
		font-size		: .9em;
		line-height		: 1.7em;
		margin			: 0;
		padding			: 0;
	}

	.lightup
	{
		width			: 80%;
		min-height		: 50%;
		max-height		: 90%;
		top				: 50%;
		transform		: translateY(-50%) translateX(-50%);
		left			: 50%;
		background-color: #FFF;
		box-shadow		: 0px 0px 20px rgba(0,0,0, .4);
		z-index			: 10000002;
		display			: block;
	}

	.lightup-img
	{
		display			: block;
		width			: 100%;
		padding-top		: 40%;
		background-repeat	: no-repeat;
		background-position	: center center;
		background-size		: contain;
	}

	.lightup-txt
	{
		padding			: 10%;
	}

	.lightup-btn
	{
		display			: block;
		position		: absolute;
		right			: 20px;
		top				: 20px;
		font-size		: 1.2em;
		text-decoration	: none;
		color			: #FFF;
		background-color: #ec1e24;
	}


	.lightup-txt h1
	{
		font-family		: "Arima Madurai", times;
		color			: #ec1e24;
		display			: inline-block;
		font-weight		: bold;
		font-size		: 1.3em;
		line-height		: 1.5em;
		margin			: 5px 0;
		padding			: 0;
	}
	.lightup-txt h2
	{
		font-family		: "Arima Madurai", times;
		color			: #ec1e24;
		display			: inline-block;
		font-weight		: bold;
		font-size		: 1em;
		line-height		: 1.1em;
		margin			: 5px 0;
		padding			: 0;
	}
	.lightup-txt h3
	{
		font-family		: "Roboto", times;
		color			: #000;
		display			: inline-block;
		font-weight		: normal;
		font-size		: .9em;
		line-height		: 1.5em;
		margin			: 5px 0;
		padding			: 0;
	}

	::-webkit-scrollbar
	{
		display			: none;
		width			: 0;
	}
}