/*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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

html, body {
	width: 100%;
	height: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.royalSlider{
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 100px; /* height of thumbs (if not required set to 0) */
    height: auto;
    width: auto;
}

.infoBlock {
	position: absolute;
	top: 50%;
	right: 30px;
	left: auto;
	max-width: 450px;
	padding-bottom: 0;
	overflow: hidden;
	margin-left:-180px;
	margin-top:-85px;
}

.infoBlock h2{
	margin: 0px;
	padding: 0px;
	font-size: 36px;
	line-height: 34px;
	margin: 0px 0 12px;
	font-family: inherit;
	font-weight: normal;
	text-align: center;
}

.infoBlock h2 span{
	/*display:block;
	opacity:0;*/
}

.infoBlockLeftBlack {
	color: #FFF;
	left: 50%;
	right: auto;
}

.logo-block{
	width:176px;
	height:223px;
	position:absolute;
	z-index:999;
}

.logo-block-1{
	bottom:100px;
	left:0px;
}

.logo-block-2{
	top:0px;
	right:0px;
}

#con{
	position:fixed;
	top:0px;
	left:0px;
	background:#dadada;
	padding:10px;
	z-index:99999999;
	font-size:12px;
	display:none;
}

.banner-background{
	position:absolute;
	top:0px;
	left:0px;
	background:pink;
}

#home { 
	background: url(../images/slideshow/1.jpg) 50% 0 no-repeat fixed; 
    width: 100%; 
    position: absolute;
	top:0px;
	left:0px;
}

#home-ticker{
	width:220px;
	background:#000;
	position:absolute;
	z-index:99999;
	bottom:140px;
	right:40px;
	font-size:12px;
	color:#fff;
	padding:30px;
	font-weight:bold;
	line-height:14px;
	opacity:0.8;
}

#home-ticker a{
	color:#fff;
	text-decoration:none;
}

.lower-right-top{
	padding: 12%;
	color:#fff;
	font-weight:500;
	line-height:20px;
}

.lower-right-bottom{
	position:absolute;
	padding: 12%;
	color:#fff;
	font-size:16px;
	bottom:0px;
}

.contact-text{
	font-size: 12px !important;
	line-height: 15px !important;
}

.contact-padding{
	padding-top:6% !important;
}

#hide-default{
	opacity:0;
}

.lower-right-bottom{
	line-height:20px;
	color:#fff;
}

.lower-right-bottom a{
	color:#fff;
	text-decoration:none;
}

.contact-blue{
	background:#096bb4 !important;
}

.contact-2 h2{
	color:#096bb4 !important;
}

/* Introduction */

#home article { background: url("../images/slideshow/intro.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }

/* reponsive css for the main menu */
.nav-lower{
	display:none;
}

.nav-lower{
	width:100%;
}

.nav-lower li{
	width:100%;
	height:35px;
	text-align:right;
}

.nav-lower li a{
	padding:12px 10px !important;
	font-size:15px !important;
}

.nav-lower .social-div{
	position:relative;
}

.nav-lower .social-inner{
	position:absolute;
	right:10px;
	top:-10px;
}

.nav-lower .social-inner a{
	padding:0px !important;
}

.horizontal-nav1-inner .second-li{
	background:#fff !important;
}

.horizontal-nav1{
	display:none;
}

#menu-icon{
	float:right;
}

.menu-container{
	position:absolute;
	bottom:0px;
	width:100%;
	height:100px;
	background:#dadada;
}

.menu-fixed{
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
}

.horizontalNav-processed{
	box-shadow: 1px 1px 10px #888;	
}

// There is no required CSS for this plugin to work properly
// but here is what is being used to style this demo
.horizontal-nav {
    background: #efefef;
}
.horizontal-nav ul, .horizontal-nav1 ul {
    float: left;
    text-align: center;
}
.horizontal-nav ul li{
    float: left;
	height:100px !important;
}
 .horizontal-nav1 ul li {
    float: left; 
}

.horizontal-nav ul li > a, .horizontal-nav1 ul li > a{
    display: block;
    padding: 45px 20px;
    color: #fff;
	font-size:12px;
	color:#191919;
	text-transform:uppercase;
	text-decoration:none;
	margin-bottom:-10px;
}
.nav-lower2{
	padding-top:7px;
}

.nav-lower2 a{
	padding: 12px 10px !important;
	font-size: 15px !important;
    display: block;
    color: #fff;
	color:#191919;
	text-transform:uppercase;
	text-decoration:none;
	margin-bottom:-10px;
}

.nav-lower2 .social-inner a{
	display:inline;
}

.first-li{
	background:url('../images/logo.jpg') no-repeat center #fff;
	text-indent:-9999px;
}

.horizontal-nav .social-div{
	position:relative;
}

.horizontal-nav .social-inner{
	position: absolute;
	top: 22px;
	left: 51%;
	margin-left: -75px;
}

.social-inner a{
	margin:0 3px;
}

.second-li { background:url('../images/menu-bg.png') repeat 0px -100px #ebebeb; }
.third-li  { background:url('../images/menu-bg.png') repeat 0px -100px #d7d7d7; }
.fourth-li { background:url('../images/menu-bg.png') repeat 0px -100px #c2c2c2; }
.fifth-li  { background:url('../images/menu-bg.png') repeat 0px -100px #a1a1a1; }

.sixth-li  { background:#898989;	width:175px; }


.social-inner a{
	width:25px;
	height:21px;
	display:inline-block !important;
	position:relative;
}

.social-inner a img{
	position:absolute;
	top:0px;
	left:0px;
}

.img-color{
	display:none;
}

.second-li:hover, .third-li:hover, .fourth-li:hover, .fifth-li:hover{

}

.horizontal-nav ul li.act{

}

/* reponsive css for the main menu */



/* background tab */
#background-tab-content{
	width:100%;
}

.background-left{
	width:50%;
	float:left;
	height:100%;
}

.background-left-top, .background-left-bottom{
	width:100%;
	height:50%;
	position:relative;
}

.background-left-top{
	background:#fff;
}

.background-left-bottom{

}

.bg3-bg{
	background:#2ac0d8;
}

.background-left-top-content{
	width:70%;
	position:absolute;
	top:0px;
	left:43px;
	margin-top:-15%;
}

.background-left-top h3{
	text-transform:uppercase;
	font-size:26px;
	color:#29c0d7;
}

.background-left-top p{
	font-size:12px;
	line-height:16px;
	font-family:Roboto;
	margin-top:5px;
}

.background-left-left{
	width:50%;
	height:100%;
	float:left;
	overflow:hidden;
}

.background-left-right{
	width:50%;
	height:100%;
	background:#d7d7d7;
	float:left;
}

.background-left-right-inner{
	width:97%;
	font-weight:300;
}

.background-arrow{
	display:block;
	position:absolute;
	bottom:30px;
	left:38px;
	background:url('../images/background-bg.png') no-repeat top left;
}

.background-left-left ul{
	padding:43px 0 0 43px;
}

.background-left-people-arrow{
	position:absolute;
	bottom:43px;
	padding-left:43px;
}

.background-left-left ul li, .background-left-left ol li{
	float:left;
	width:100%;
	color:#27c2d6;
	font-size:26px;
	padding:2px 0 2px 0;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:bold;
}

.background-left-right-inner ol{
	float:left;
	width:100%;
	position:relative;
}

.background-left-right-inner ol li{
	float:left;
	z-index:5;
	width:100%;
	position:absolute;
}

.background-left-right-inner p{
	font-size:12px;
	color:#000;
	line-height:15px;
	font-family:Roboto;
}

.scroll-pane{
	width:100%;
	overflow: auto;
	padding-right:10px;
	opacity:0;
	filter:alpha(opacity=0);
}

.scroll-pane p{
	padding:50px 40px 50px 50px;
}

.scroll-pane span{
	display:block;
	font-size:17px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:10px;
}

.background-left-left0 .act{
	color:#fff;
}


.background-right{
	width:50%;
	float:left;
	height:100%;
	position:relative;
	overflow:hidden;
}

.background-bg h3{
	position:absolute;
	width: 60%;
	top: 50%;
	left: 45%;
	font-size:26px;
	margin-top:-12%;
	margin-left:-25%;
	color:#fff;
	text-align:center;
	font-weight:500;
}

.bg4-bg h3{
	width:45%;
	margin-top:-6%;
}

.bg5-bg h2{
	color:#fec000 !important;
}

.bg5-bg p{
	font-size: 12px !important;
	line-height: 16px !important;
	font-family: Roboto !important;
	font-weight:300;
}

.bg5-absolute{
	position:absolute;
	bottom:100px;
	left:0px;
	cursor:pointer;
}

.rsBullets{
	display:none !important;
}

.background-bg .ani_div{
	position:absolute;
	width:100%;
	height:100%;
	font-size:35px;
	top:-100%;
	left:-100%;
	background:#eb381a;
	opacity:0.9;
}

.ani_div2{
	background:#45c6db !important;
}

.bg-relative{
	width:100%;
	height:100%;
	position:relative;
}

/*.background2-bg h3{
	position:absolute;
	width:100%;
	font-size:20px;
	line-height:30px;
	color:#fff;
	bottom:0px;
	text-align:center;
	background:#000;
	padding:4% 0;
}*/

.background-left-left-text{
	position:absolute;
	bottom:0px;
	background:#fff;
	width:100%;
	height:20%;
	opacity:0.7;
}

.background-left-left-text span{
	width:100%;
	display:block;
	text-align:left;
	padding:0 30px;
}

.span-1{
	font-size:14px;
	margin:4px 0;
	font-weight:700;
	margin-top:4%;
}

.span-2{
	font-size:13px;
	margin:4px 0;
}

/*
.background-left-left5{
	background:#f79220;
	position:relative;
}

.background-left-left5 h3{
	position:absolute;
	color:#fff;
	width:50%;
	top:30px;
	left:30px;
	font-weight:bold;
	line-height:22px;
	font-size:18px;
	text-transform:uppercase;
}*/

.background-bottom-main-text{
	padding:8% 43px 8% 43px;
}

.background-bottom-main-text h2{
	text-transform: uppercase;
	font-size: 26px;
	color: #fff;
	margin-bottom:20px;
	line-height:27px;
}

.background-bottom-main-text p{
	font-size: 14px;
	line-height: 16px;
	font-family: Roboto;
	margin-top: 5px;
}

.know-more-content{
	background:#000;
	height:100%;
	width:100%;
	font-size:12px;
	line-height:18px;
	color:#fff;
	position:absolute;
	font-family:Roboto;
}

.know-more-content-parent{
	width:100%;
	height:100%;
	background:#fff;
	opacity:1;
	position:relative;
	z-index:999;
}

.know-more-inner-content .b1, .know-more-inner-content .b2{
	display:block;
	font-size:14px;
	color:#2ac0d8;
}

.know-more-inner-content .b2{
	font-weight:normal;
}

.know-more-inner-content{
	padding:30px 50px 30px 30px;
}

.know-more-trigger{
	cursor:pointer;
}

.know-more-close{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	right:10px;
	background:url('../images/know-more-close.png') no-repeat center;
}

.scroller{
	position:absolute;
	width:50px;
	height:50px;
	bottom:50px;
	z-index:99;
	cursor:pointer;
}

.scroll-1{
	right:-25px;
	background:url('../images/scroll-1.png') no-repeat center;
}

.scroll-2{
	left:-25px;
	background:url('../images/scroll-2.png') no-repeat center;
}


/* background tab */

.production-yellow{
	background:#ffc000;
	position:relative;
}

.production-purple{
	background:#66348d;
	position:relative;
}

.catalogue-red{
	background:#fc391d;
	position:relative;
}

.projects-coming-soon{
	position:absolute;
	bottom:50px;
	cursor:pointer;
	left:50px;
}

.projects-coming-soon p{
	margin-bottom:20px;
	color:#fff;
}

.production-2 h2{
	color:#66348d !important;	
}

.catalogue h2{
	color:#fc391d !important;	
}


/* Media queries */
@media screen and (max-width: 1200px) {
	.logo-block{
		width:175px;
		height:223px;
	}
	.nav-lower, .nav-lower2, .nav-lower1{
		display:none;
	}
	.background-left-top-content {
		width: 80%;
		left: 10%;
	}
	.background-bg h3 {
		font-size: 25px;
		width:60%;
		left:45%;
	}
	.background-left-right-inner{

	}
	#con{
		background:red;
	}
}
 
@media screen and (max-width: 980px) {
	.logo-block{
		width:150px;
		height:200px;
	}
	.nav-lower, .nav-lower2, .nav-lower1{
		display:none;
	}
	.background-left-top-content {
		width: 90%;
		left: 7%;
	}
	.scroll-pane{
		height:120px;
	}
	.background-bg h3 {
		font-size: 20px;
		width:60%;
		left:45%;
	}
	.background-left-right-inner {

	}
	.contact-padding p{
		font-size:12px !important;
		line-height:15px !important;
	}
	.contact-padding h2{
		margin-bottom:10px;
	}
	#con{
		background:green;
	}
}
 
@media screen and (max-width: 840px) {
	.logo-block{
		width:125px;
		height:175px;
	}
	.nav-lower, .nav-lower2, .nav-lower1{
		display:none;
	}
	.background-left{
		width:100%
	}
	.background-right{
		width:100%
	}
	.background-left-top-content {

	}
	.scroller{
		display:none !important;
	}
	.background-bg h3 {
		font-size: 20px;
		width:60%;
		left:45%;
	}
	.background-bottom-main-text{

	}
	.background-left-top-contact{
		height:330px;
	}
	.tab2 .background-bg{
		height:350px;
		position:relative;
		float:left;
	}
	#con{
		background:blue;
	}
}
 
@media screen and (max-width: 640px) {
	.horizontal-nav{
		display:none;
	}
	.horizontal-nav1{
		display:block;
	}
	.scroll-pane{
		height:75px;
	}
	#con{
		background:pink;
	}
}
 
@media screen and (max-width: 540px) {
	#home-ticker{
		width:120px;
		padding:20px;
	}
	.logo-block{
		width:100px;
		height:150px;
	}
	.horizontal-nav ul li > a{
		font-size:9px;
	}
	.infoBlock h2{
		font-size:26px;
		margin-left:60px;
	}
	.background-left, .background-right, .background-left-top-content{
		position:relative;
	}
	.background-left, .background-right{
		height:auto;
	}
	.background-left-top-content{
		top:0px;
		left:0px;
		margin:0px;
		padding:5%;
	}
	.background-left-left1, .background-left-left2, .background-left-left3, .background-left-left4{
		height:400px;
	}
	.background-left-right{
		position:relative;
	}
	.background-left-bottom{
		position:relative;
		height:300px;
	}
	.lower-right-top{
		position:relative;
		height:300px;
	}
	.background-right{
		position:relative;
		float:left;
	}
	.background-bg h3{
		position:relative;
		top:0px;
		left:0px;
		margin:0px;
		width:80%;
		margin:0 auto;
		padding:10% 0;
		text-align:center;
	}
	.background-left-left{
		width:100%;
	}
	.background-left-right{
		width:100%;
		height:270px;
	}
	.bg1-bg{
		height:400px;
	}
	.background-bg h3{
		padding-top:40%;
	}
	.background-bottom-main-text{
		padding-right:40px !important;
	}
	.bg6-bg, .bg7-bg, .bg8-bg{
		height:400px;
	}
	.background-left-top{
		height:auto;
	}
	.background-left-people-arrow{
		position:absolute;
		right:5px;
	}
	#con{
		background:purple;
	}
}
 
@media screen and (max-width: 380px) {
	.logo-block{
		width:75px;
		height:125px;
	}
	.horizontal-nav ul li > a{
		font-size:8px;
	}
	.infoBlock h2{
		font-size:20px;
		margin-left:90px;
	}
}
/* Media queries */