body, html {
    height: 100%;
    background-color: black;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #000;
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

@media only screen and (max-device-width: 980px){ body, html{ -webkit-text-size-adjust: 90% } }

*{ outline: none; }

a {
    color: #000;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

input,
textarea,
select,
button {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
}

input,
textarea,
select {
    padding: 4px 3px;
    outline: none;
    vertical-align: middle;
    color: #000;
}

textarea {
    resize: vertical;
}

input[type=checkbox],
input[type=radio] {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	
}

.left{ float: left!important; }
.right{ float: right!important; }

.block{ display: block!important; }
.visible{ visibility: visible!important; }

/*ELEMENTS*/
#wrapper {
    min-width: 990px;
    height: 100%;
    height: auto;
    min-height: 100%;
    background-repeat: no-repeat;
}
/*HEADER*/
header {
	position: relative;
	height: 64px;
	min-width: 990px;
	background: white;
	font-size: 13px;
	text-transform: uppercase;
	z-index: 11;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);
}

	header h1 {
		float: left;	
	}
	
		header h1 a {
			display: block;
			overflow: hidden;
			width: 165px;
			height: 64px;
			
			background: url(../images/live/images.png) no-repeat 20px 16px;
			
			text-indent: -9999px;
		}

	header nav {
		color: black;
	}
        
        header nav ul li{
            float: left;
            position: relative;
        }
		header nav a {
			float: left;
			height: 41px;
			padding: 23px 15px 0 15px;
			
			background-color: white;
			text-decoration: none;
			
			-moz-transition: background-color 0.1s linear;
			-webkit-transition: background-color 0.1s linear;
			-o-transition: background-color 0.1s linear;
			transition: background-color 0.1s linear;
		}
			header nav a:hover{
                            color: #606060;
			}
                        
                        header nav a.active{
                            padding: 23px 0 0 1px;
                            border-left: 14px solid #fff;
                            border-right: 15px solid #fff;
                            background: url('../images/live/bgr-active.gif') repeat-x 0 43px;
                        }
                            
                            header ul li ul{
                                display: none; width: 185px;
                                position: absolute;
                                top: 64px; left: 0;
									box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
                            }
                            
                            header ul li ul li{
                                float: none;
                                overflow: hidden;
                                background:#FFF;
                            }
                            
                            header ul li ul li.first {
                            	margin-top:1px;
                            	padding-top:10px;
                            }

							header ul li ul li.last {
                            	padding-bottom:10px;
                            }

                            header ul li li a{
                                float: none; display: block;
                                height: auto;
                                font-size: 13px;
                                padding: 10px 0 10px 17px;
                                background: transparent none;
                            }
			
	header .languages {
		float: right;
		position: relative;
		font-size: 11px;
	}
	
		header .languages .pick {
			float: left;
			height: 39px;
			width: 110px;
			padding: 25px 50px 0 25px;
			
			background: white url(../images/live/images.png) no-repeat right 26px;
			text-decoration: none;
		}
			.en-US header .languages .pick {
				width: 75px;
			}
			
			header .languages:hover .pick {
				color: white;
				background-color: black;
				background-position: right -66px;
			}
		
			header .languages .pick:hover + ul, header .languages ul:hover,
                        header nav ul li a.pick:hover + ul, header nav li ul:hover{
				display: block;
			}
		
		header .languages ul {
			display: none;
			position: absolute;
			top: 64px;
			right: 0;
			width: 185px;
			clear: both;
			background: white;
			z-index: 10;
				box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
		}
			.en-US header .languages ul {
				width: 150px;
			}
		
			header .languages ul a {
				display: block;
				padding: 10px 15px 10px 25px;
				
				text-decoration: none;
				color: black;
				
				-moz-transition: background-color 0.1s linear;
				-webkit-transition: background-color 0.1s linear;
				-o-transition: background-color 0.1s linear;
				transition: background-color 0.1s linear;
			}
				header .languages ul a:hover {
					background: black;
					color: white;
				}
/*FOOTER*/
footer {
	overflow: hidden;
	padding: 0 0 40px 0;
	min-width: 990px;
	background: black;
	
	font-size: 11px;
	line-height: 20px;
	color: white;
}

	footer a {
		text-decoration: none;
		color: white;	
	}
		footer a:hover {
			text-decoration: underline;	
		}
		
	footer .boxes {
		float: left;
		width: 80%;
		max-width: 1150px;
	}

	footer .box {
		float: left;
		width: 20%;
		padding: 30px 0 0 0;
		overflow: hidden;
	}
		
		footer .boxes .sitemap {
			width: 20%;
		}
		footer .boxes .address {
			width: 22%;
		}
		footer .boxes .contacts {
			width: 22%;
		}
		footer .boxes .social {
			width: 13%;
		}
		footer .boxes .work {
			width: 23%;
		}
	
	footer .wrap {
		overflow: hidden;
		padding: 0 0 0 25px;
	}
	
	footer h6 {
		padding: 0 0 10px 0;
		font-weight: 600;
		text-transform: uppercase;	
	}
	
		footer .studiox a {
			overflow: hidden;
			display: block;
			width: 83px;
			height: 17px;
			margin: 10px 0 10px 0;
			background: url(../images/live/images.png) no-repeat -250px 0;
			text-indent: -9999px;
		}
		
		footer .studiox p {
			line-height: 14px;
			color: #575757;
		}
		
		footer .sitemap nav {
			overflow: hidden;	
		}
		
			footer .sitemap nav a {
				float: left;
				width: 45%;	
				color: #cfcfcf;
			}
				footer .sitemap nav a:hover,
				footer .address address a:hover,
				footer .contacts p a:hover,
				footer .social a:hover {
					color: white;
					text-decoration: none;
				}
			
		footer .social a {
			display: block;
			color: #cfcfcf;
		}
		
		footer .work .wrap {
			padding: 0 20px 0 25px;
		}
		
		footer .work p {
			line-height: 14px;
			padding: 0 0 7px 0;
			color: #cfcfcf;
		}
		
		footer .work a {
			float: left;
			padding: 0 25px 0 0;
			background: url(../images/live/images.png) no-repeat right -162px;
			text-transform: uppercase;
		}
		
		footer .address address, footer .address address a {
			color: #cfcfcf;
		}
			
		footer .contacts p, footer .contacts p a {
			color: #cfcfcf;
		}
/*CONTAINER*/
#container {
	position: relative;
	min-width: 990px;
	background: white;
}
/*CAROUSEL*/
#carousel {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 532px;
	background: black;
}

	#carousel .btn {
		position: absolute;
		top: 220px;
		left: 0;
		text-decoration: none;
	}
		#carousel .btn.next {
			left: auto;
			right: 0;
		}
		#carousel .btn.inactive {
			display: none;	
		}

			#carousel .btn a:hover {
				background-color: black;
				background-position: 14px -201px;
			}
			#carousel .btn.next a:hover {
				background-color: black;
				background-position: -50px -263px;
			}
		
		#carousel .btn a {
			float: left;
			position: relative;
			overflow: hidden;
			width: 48px; height: 48px;			
			background: white url(../images/live/images.png) no-repeat -50px -201px;	
			cursor: pointer;
			text-indent: -9999px;
			z-index: 2;
		}
			#carousel .btn.next a {
				background-position: 14px -263px;
			}
		#carousel .btn strong {
			position: relative;
			overflow: hidden;
			float: left;
			display: none;
			padding: 14px 15px 0 15px;
			background: white;
			height: 34px;
			font-size: 16px;
		}

	#carousel ul {
		overflow: hidden;
		position: relative;
		height: 532px;
		width: 100%;
	}

	#carousel li {
		float: left;
		width: 100%;
		height: 532px;	
	}
	
	#carousel .wrap {
		overflow: hidden;
		min-width: 980px;
		max-width: 1100px;
		margin: 0 auto;
	}
	
	#carousel .description {
		position: absolute;
		width: 440px;
		padding: 120px 0 0 5px;
		color: white;
	}
	
		#carousel .description h2 {
			font-size: 60px;
			font-weight: 700;	
		}
		
		#carousel .description h3 {
			font-size: 60px;
			font-weight: 300;
			line-height: 50px;
		}
		
		#carousel .description p {
			padding: 15px 0 25px 0;
			font-style: italic;
			font-size: 14px;
			color: #b0b0af;	
		}
		
		#carousel .description div {
			overflow: hidden;
		}
		
			#carousel .description div a {
				float: left;
				padding: 5px 0 8px 37px;
				margin-right: 30px;
				background: url(../images/live/images.png) no-repeat 0 -105px;
				
				text-decoration: none;
				font-size: 14px;
				color: white;
				
				-moz-transition: all 0.2s ease-in-out;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
			}
				#carousel .description div a.details {
					background-position: 0 -56px;
				}
				#carousel .description div a:hover {
					opacity: 0.6;	
				}
	
	#carousel .image {
		display: block;
		text-align: right;
	}
	
		#carousel .image img {
			margin-right: 5px;
		}

.slide-1 { background: url(../images/temp/big-carousel.jpg); }
.slide-2 { background: url(../images/temp/big-carousel-2.jpg); }
.slide-3 { background: url(../images/temp/big-carousel-3.jpg); }
/*HOME*/
#home-presentation {
	overflow: auto;
	background: black;
	xheight: 640px;
}

	#home-presentation .list {
		display: block;
		overflow: hidden;
	}

	#home-presentation .wrap {
		display: block;
		overflow: hidden;
	}

	#home-presentation .box {
		float: left;
		position: relative;
		width: 480px;
		height: 640px;
		background: black;
	}

	#home-presentation .fly {
		position: absolute;
		top: 0;
		left: 0;
		width: 240px;
		height: 160px;
		background: white;
	}
		#home-presentation .fly a.image {
			display: block;
		}
		
			#home-presentation .fly a.image span {
				position: absolute;
				overflow: hidden;
				top: 0; left: 0;
				width: 240px; height: 160px;
				background: url(../images/live/images.png) no-repeat -395px -365px;
				text-indent: -10000em;
				opacity: 0;
				cursor: pointer;
                z-index: 100;
				
				-moz-transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-o-transition: all 0.2s linear;
				transition: all 0.2s linear;
			}
				#home-presentation .fly.hover a.image span {
					opacity: 1;
				}
				#home-presentation .fly.big a.image span {
					width: 480px;
					height: 320px;
					background-position: -710px -290px;
				}
                
                    #home-presentation .fly a.image ins{
                        display: none;
                        position: absolute;
                        top: 0; left: 0;
                        right: 0; bottom: 0;
                        -moz-transition: all 0.2s linear;
                        -webkit-transition: all 0.2s linear;
                        -o-transition: all 0.2s linear;
                        transition: all 0.2s linear;
                        background: url(../images/live/presentation-overlay.png) repeat 0 0;
                    }
                    
                        #home-presentation .fly.hover a.image ins{ display: block; }
	
		#home-presentation .fly.without-image {
			
		}
		#home-presentation .fly.first,
		#home-presentation .fly.last {
			overflow: hidden;
			width: 480px;
		}
		#home-presentation .fly.last {
			top: auto;
			bottom: 0;
			background: white url(../images/live/images.png) no-repeat -250px -57px;
		}
		
			#home-presentation .fly.first h4 {
				padding: 40px 0 0 50px;
				font-size: 48px;
				font-weight: 300;
			}
			
				#home-presentation .fly.first h4 a {
					text-decoration: none;
				}
				
				#home-presentation .fly.last p {
					float: left;
					padding: 40px 0 0 50px;
					font-size: 48px;
					font-weight: 300;
				}
					#home-presentation .fly.last p a,
					#home-presentation .fly.last h6 a {
						text-decoration: none;
					}
					
				#home-presentation .fly.last h6 {
					float: right;
					padding: 40px 50px 0 0;
					text-align: center;
					font-size: 27px;
					font-weight: 300;
				}
				
				#home-presentation .fly.last h6 span {
					display: block;
					font-size: 62px;
					line-height: 50px;
				}

		#home-presentation .fly.big {
			width: 480px;
			height: 320px;
		}
		#home-presentation .fly.pos_2 {
			top: 0;
			left: 240px;
		}
		#home-presentation .fly.pos_3 {
			top: 160px;
			left: 0;
		}
		#home-presentation .fly.pos_4 {
			top: 160px;
			left: 240px;
		}
		#home-presentation .fly.pos_5 {
			top: 320px;
			left: 0;
		}
		#home-presentation .fly.pos_6 {
			top: 320px;
			left: 240px;
		}
		#home-presentation .fly.pos_7 {
			top: 480px;
			left: 0;
		}
		#home-presentation .fly.pos_8 {
			top: 480px;
			left: 240px;
		}
		
		#home-presentation .fly .image img {
			width: 240px;
			height: 160px;
		}
		#home-presentation .fly.big .image img {
			width: 480px;
			height: 320px;
		}
		
		#home-presentation .fly .project {
			display: block;
			position: relative;
			width: 210px; height: 149px;
            padding: 11px 15px 0;
		}
			#home-presentation .fly.big .project {
				width: 469px; height: 290px;
                padding: 11px 15px 0;
			}
			#home-presentation .fly.color_2 .project {
				background: #EDEDED;
			}
			#home-presentation .fly.color_3 .project {
				background: black;
				color: white;
			}
            
                #home-presentation .fly.color_3 .project *{ color: #fff; }
			
			#home-presentation .fly .project .arrow {
				position: absolute;
				width: 10px;
				height: 21px;
				top: 50%;
				left: 0;
				margin: -11px 0 0 -10px;
				background: url(../images/live/images.png) no-repeat -500px 0;
				z-index: 2;
			}
				#home-presentation .fly .project .arrow.top {
					width: 21px;
					height: 10px;
					top: 0;
					left: 50%;
					margin: -10px 0 0 -11px;
					background-position: -500px 0;
				}
				#home-presentation .fly .project .arrow.right {
					top: 50%;
					left: auto;
					right: 0;
					margin: -11px -10px 0 0;
					background-position: -511px 0;
				}
				#home-presentation .fly .project .arrow.bottom {
					top: auto;
					bottom: 0;
					left: 50%;
					width: 21px;
					height: 10px;
					
					margin: 0 0 -10px -11px;
					background-position: -500px -11px;
				}
				#home-presentation .fly.color_2 .project .arrow {
					background-position: -500px -22px;
				}
				#home-presentation .fly.color_2 .project .arrow.top {
					
				}
				#home-presentation .fly.color_2 .project .arrow.right {
					background-position: -511px -22px;
				}
				#home-presentation .fly.color_2 .project .arrow.bottom {
					background-position: -500px -33px;
				}
				
				#home-presentation .fly.color_1 .project .arrow {
					background-position: -500px -43px;
				}
				#home-presentation .fly.color_1 .project .arrow.top {
					
				}
				#home-presentation .fly.color_1 .project .arrow.right {
					background-position: -511px -43px;
				}
				#home-presentation .fly.color_1 .project .arrow.bottom {
					background-position: -500px -55px;
				}
                
                #home-presentation .fly .project h5{
                    font-size: 18px;
                    font-weight: 700;
                    padding-bottom: 5px;
                }
                
                #home-presentation .fly .project h5 a{ text-decoration: none; }
                
                #home-presentation .fly .project a.details,
                #home-presentation .fly .project a.live{
                    text-decoration: none;
                    position: absolute;
                    left: 21px; bottom: 15px;
                    padding-left: 12px;
                    -moz-transition: all 0.2s linear;
                    -webkit-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                    background: url('../images/live/images.png') no-repeat;
                }
                
                    #home-presentation .fly .project a.details{
                        background-position: -106px -340px;
                    }
                    
                    #home-presentation .fly .project a.live{
                        left: auto; right: 21px;
                        background-position:  0 -340px;
                    }
                    
                        #home-presentation .fly.color_3 .project a.details{ background-position: -106px -368px; }
                        #home-presentation .fly.color_3 .project a.live{ background-position: 0 -368px; }
                        
                    
                        #home-presentation .fly .project a:hover{
                            opacity: 0.6;
                            filter:alpha(opacity="60");
                        }
				
#home-intro{
	clear: both;
	overflow: hidden;
	padding: 70px 0 0 0;
	height: 553px;
	background: black url(../images/live/home-intro-bg.png) no-repeat center top;
}

	#home-intro .about {
		float: left;
		width: 20%;
		font-size: 48px;
		font-weight: 300;
        line-height: 57px;
	}
	
		#home-intro .about a {
			color: white;
			text-decoration: none;
		}
	
	#home-intro .info {
		float: left;
		overflow: hidden;
		width: 80%;
	}

	#home-intro .icons {
		display: block;
		clear: both;
		overflow: hidden;
	}
	
	#home-intro .wrap {
		padding-left: 25px;
	}
		#home-intro .info .wrap {
			padding-right: 20px;
			height: 240px;
			color: white;
			max-width: 1150px;
			font-size: 47px;
			font-weight: 300;
                        line-height: 1.2;
		}
	
	#home-intro .link {
		float: left;
		position: relative;
		overflow: hidden;
		width: 190px;
		height: 190px;
		margin: 0 8px 0 0;
		text-decoration: none;
	}

		#home-intro .icons .team {
			margin-right: 0;
		}
		#home-intro .icons .with-love {
			display: none;
		}
	
	#home-intro .link em,
	#home-intro .link span {
		position: absolute;
		width: 80px; height: 80px;
		top: 50%; left: 50%;
		margin: -39px 0 0 -39px;
		background: white url(../images/live/images.png) no-repeat 22px -539px;
		border-radius: 90%;		
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	#home-intro .link span {
		display: none;
		z-index: 1;
		background-color: black;
		background-position: -178px -539px;
	}
	
	#home-intro .link:hover em {
		width: 190px; height: 190px;
		margin: -95px 0 0 -95px;
		background-position: 78px -483px;
	}
	
		#home-intro .digital-campaign em,
		#home-intro .digital-campaign span {
			background-position: 22px -669px;
		}
		#home-intro .digital-campaign span {
			background-position: -178px -669px;
		}
		#home-intro .digital-campaign:hover em {
			background-position: 78px -613px;
		}
		
		#home-intro .branding em,
		#home-intro .branding span {
			background-position: 22px -800px;
		}
		#home-intro .branding span {
			background-position: -178px -800px;
		}
		#home-intro .branding:hover em {
			background-position: 78px -744px;
		}
		
		#home-intro .mobile-apps em,
		#home-intro .mobile-apps span {
			background-position: 22px -937px;
		}
		#home-intro .mobile-apps span {
			background-position: -178px -937px;
		}
		#home-intro .mobile-apps:hover em {
			background-position: 78px -881px;
		}
		
		#home-intro .team em,
		#home-intro .team span {
			background-position: 14px -1063px;
		}
		#home-intro .team span {
			background-position: -178px -1063px;
		}
		#home-intro .team:hover em {
			background-position: 70px -1007px;
		}
		
		#home-intro .with-love em,
		#home-intro .with-love span {
			background-position: 22px -1191px;
		}
		#home-intro .with-love span {
			background-position: -178px -1191px;
		}
		#home-intro .with-love:hover em {
			background-position: 78px -1135px;
		}
	
	#home-intro .link strong {
		text-align: center;
		position: absolute;
		width: 100%;
		bottom: 30px;
		font-size: 13px;
		color: white;
		z-index: 1;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
		#home-intro .link:hover strong {
			color: black;
		}
	
#last-news{
	clear: both;
	overflow: hidden;
	background: #272727;
	padding: 20px 0 30px;
}

	#last-news .wrap,
        #blog .wrap{
            padding-left: 25px;
	}

	#last-news .news,
        #blog .blog{
		float: left;
		width: 20%;
		padding-top: 28px;		
		font-size: 40px;
		font-weight: 300;
	}
	
		#last-news .news a{
                    text-decoration: none;
                    color: white;
		}
		
	#last-news .list,
        #blog .list{
            float: left;
            overflow: hidden;
            width: 78%;
            max-width: 1150px;
	}
    
    #last-news .list .box,
    #blog .list .box{
        width: 30%; float: left;
        padding-left: 25px;
        color: #fff;
    }
    
    #last-news .list .box .date{
        color: #a9a9a9;
        font-size: 11px;
        padding-bottom: 17px;
    }
    
    #last-news .list .box h6 a{
        color: #fff; display: block;
        font-size: 16px;
        line-height: 18px;
        text-decoration: none;
    }
    
    #last-news .list .box h6 a span{
        color: #fff; display: block;
        font-size: 11px;
        margin-top: 20px;
        padding-left: 12px;
        text-decoration: none;
        background: url('../images/live/more-news.gif') no-repeat 0 7px;
    }
    
    #last-news .list h6 a:hover,
    #blog .list h6 a:hover{
        opacity: 0.6;
        filter:alpha(opacity="60");
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

/*CONTACTS*/
#contacts{
    clear: both;
    overflow: hidden;
    height: 448px;
    position: relative;
}

    .contacts-inner #contacts{ height: 323px; }

#contacts .wrap{
	padding-left: 25px;
}

	#contacts .contacts{
		float: left; width: 20%;
		padding-top: 82px;		
		font-size: 40px;
		font-weight: 300;
                position: relative;
                z-index: 1000;
	}
        
            .contacts-inner #contacts .contacts{ padding-top: 36px; }
	
		#contacts .contacts a{
                    text-decoration: none;
                    color: #000;
		}
        
        #contacts .contacts nav,
        #blog .blog nav{
            padding: 14px 0 0 4px;
        }
        
            #contacts .contacts nav a,
            #blog .blog nav a{
                height: 24px;
                min-width: 150px;
                max-width: 55%;
                display: block;
                margin-top: 5px;
                padding: 6px 0 0 8px;
                position: relative;
                font-size: 13px;
                background-color: #fff;
    		}
                
                #contacts .contacts nav a em,
                #blog .blog nav a em{
                    font-weight: 300;
                }
            
                #contacts .contacts nav a span,
                #blog .blog nav a span{
                    height: 30px; width: 14px;
                    overflow: hidden;
                    position: absolute;
                    top: 0; right: -14px;
                    background: url('../images/live/contacts-arrow.png') no-repeat 0 0;
                }
            
                #contacts .contacts nav a.active,
                #blog .blog nav a.active{
                    color: #fff;
                    background-color: #000;
                }
                
                    #contacts .contacts nav a.active span,
                    #blog .blog nav a.active span{
                        background-position: 0 -30px;
                    }
                    
                    #contacts .contacts nav a:hover em,
                    #blog .blog nav a:hover em{
                        opacity: 0.6;
                        filter:alpha(opacity="60");
                    }
                    
                    #contacts .contacts nav a.active:hover em,
                    #blog .blog nav a.active:hover em{
                        opacity: 1;
                        filter:alpha(opacity="100");
                    }
		
	#contacts .list{
            float: left;
            overflow: hidden;
            height: 100%; width: 78%;
            max-width: 1100px;
            position: relative;
	}
    
#contacts .tab{
    visibility: hidden;
    position: absolute;
    top: 0; left: 25px;
    right: 0; bottom: 0;
}

#contacts .tab .left{
    width: 66%; float: left;
    padding-top: 108px;
}

#contacts .tab .right{
    width: 32%; float: right;
    padding-top: 108px;
}

#contacts .tab .form-left,
#online-request .form-left{
    width: 49%; float: left;
}

#contacts .tab .form-right,
#online-request .form-right{
    width: 49%; float: right;
}

    .contacts-inner #contacts .tab .left,
    .contacts-inner #contacts .tab .right{
        padding-top: 50px;
    }

#contacts li input,
#contacts li textarea,
#online-request li input,
#online-request li textarea{
    height: 20px; width: 100%;
    color: #fff; border: 0;
    text-indent: 10px;
    padding: 9px 0 8px;
    background-color: #000;
    font: normal 14px/16px 'Open Sans', Tahoma, sans-serif;
}

#contacts li textarea,
#online-request li textarea{
    height: 161px;
    resize: none;
    overflow: auto;
    padding: 9px 0 8px;
}

#contacts li button,
#online-request li button{
    height: 35px; width: 100%;
    border: 0; color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #353535;
}

#contacts li .filter,
#online-request li .filter{
    position: relative;
}

#contacts li .filter a,
#online-request li .filter a{
    height: 27px; width: 100%;
    color: #fff; display: block;
    padding-top: 10px;
    text-indent: 10px;
    text-decoration: none;
    background-color: #000;
    font: normal 14px/16px 'Open Sans', Tahoma, sans-serif;
}

#contacts li .filter a span,
#online-request li .filter a span{
    height: 6px; width: 11px;
    display: block; float: right;
    margin: 7px 12px 0 0;
    background: url('../images/live/images.png') no-repeat 0 -1337px;
}

#contacts li .filter ul,
#online-request li .filter ul{
    display: none;
    position: absolute;
    top: 37px; left: 0;
    right: 0;
    background-color: #000;
}

    #contacts li .filter ul li,
    #online-request li .filter ul li{
        padding: 0;
    }

        #contacts li .filter ul li a,
        #online-request li .filter ul li a{
            height: auto;
            padding: 6px 0;
            font-size: 12px;
            background: transparent none;
        }
        
        #contacts li .filter ul li a:hover,
        #online-request li .filter ul li a:hover,
        #contacts li .filter ul li a.active,
        #online-request li .filter ul li a.active{
            color: #000;
            background-color: #fff;
        }

#contacts li .req,
#online-request li .req{
    height: 25px; color: #545454;
    padding: 8px 0 0 10px;
    border: 1px solid #c7c7c7;
}

#contacts .contact-box{
    height: 206px;
    padding: 14px 0 0 19px;
    position: relative;
    border: 1px solid #c4c4c4;
}

#contacts .contact-box .heading{
    font-size: 24px;
    padding-bottom: 32px;
    text-transform: uppercase;
}

    #contacts .contact-box .heading strong{ font-weight: 700; }
    
    #contacts .low-resolution .heading{ padding-bottom: 12px; }
    
#contacts .contact-box ul li{
    overflow: hidden;
    line-height: 14px;
    padding-bottom: 19px;
}

    #contacts .low-resolution ul li{ padding-bottom: 15px; }
    
#contacts .contact-box ul li span{
    width: 74px; float: left;
    display: block; color: #636363;
}

    #contacts .low-resolution ul li span{ width: 50px; }

#contacts .contact-box ul li em{
    float: left;
    font-style: normal;
}

#contacts .contact-box .social{
    height: 34px;
    position: absolute;
    top: 13px; right: 11px;
}

    #contacts .low-resolution .social{
        top: auto; bottom: 13px;
        left: 13px; right: auto;
    }

#contacts .contact-box .social li{
    float: left;
    margin-right: 5px;
    padding: 0;
}

#contacts .contact-box .social li a{
    height: 34px; width: 35px;
    display: block; float: left;
    padding: 0;
    text-indent: -10000em;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url('../images/live/images.png') no-repeat 0 -1406px;
}

    #contacts .contact-box .social li a.fb{ background-position: -53px -1406px; }
    #contacts .contact-box .social li a.contacts{ background-position: -106px -1406px; }
    
    #contacts .contact-box .social li a:hover{ opacity: 0.6; }
    
#contacts .contact-box .corner{
    height: 22px; width: 10px;
    overflow: hidden;
    position: absolute;
    top: 50%; left: -10px;
    margin-top: -11px;
    background: url('../images/live/images.png') no-repeat -24px -1327px;
}

#contacts.low-resolution .list{ width: 78%; }

#contacts.low-resolution .tab .left{ width: 100%; }
#contacts.low-resolution .tab .right{ display: none; }

#map-holder{
    height: 448px; width: 100%;
    overflow: hidden;
}

    .contacts-inner #map-holder{ height: 470px; }

#main-office{ left: 0!important; }

#studiox-map{
    height: 600px; width: 100%;
}

    .contacts-inner #studiox-map{ height: 582px; }
    
#zoom-in,
#zoom-out{
    height: 40px; width: 40px;
    display: block;
    text-indent: -10000em;
    position: absolute;
    top: 53px; left: 29px;
    z-index: 1200;
    background: url('../images/live/images.png') no-repeat -927px -880px; 
}

#zoom-out{
    top: 94px;
    background-position: -927px -921px;
}

.contacts-inner #zoom-in,
.contacts-inner #zoom-out{
    left: 18px;
}

    #zoom-in:hover{ background-position: -968px -880px; }
    #zoom-out:hover{ background-position: -968px -921px; }

.popup_content{ font: normal 12px/15px 'Open Sans', Tahoma, sans-serif; }
.ppctn{ width: 300px; padding: 10px; }

.popup_heading{
    font-weight: bold;
    padding-bottom: 12px;
}

.jspTrack {
    background: url(../images/live/scroll-bg.png) repeat 0 0;
}

.jspDrag {
    background: #000 url(../images/live/scroll-drag-bg.png) repeat 0 0;
    cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
}

.jspPane {
    padding-bottom: 12px;
}

#sidebar-nav{
    display: none;
    position: fixed;
    top: 45%; right: 10px;
    z-index: 10;
}

#sidebar-nav a{
    height: 13px; width: 13px;
    display: block;
    margin-bottom: 8px;
    border-radius: 90%;
    text-indent: -10000em;
    background-color: #fff;
}

#sidebar-nav a.active{ background-color: #575757; }

    #sidebar-nav.reverse a{ background-color: #575757; }
    #sidebar-nav.reverse a.active{ background-color: #c3c3c3; }

#about{
    width: 100%;
    overflow: hidden;
}

#figures{
    height: 716px; color: #fff;
    position: relative;
    background-color: #000;
}

    #figures .bgr{
        position: absolute;
        bottom: 0; left: 50%;
        margin-left: -980px;
    }

#clients{
    height: 905px;
    background-color: #fff;
}

#awards{
    height: 748px; color: #fff;
    background-color: #000;
}

#services{
    height: 735px;
    background-color: #fff;
}

#about .wrapper{
    min-width: 980px;
    max-width: 1200px;
    margin: 0 auto;
}

#about h2{
    padding: 59px 0 0;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
}

#about h3{
    padding: 20px 0;
    margin: 0 auto;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
}

.rs-carousel .rs-carousel-mask{
    position: relative;
    overflow: hidden;
}

.rs-carousel .rs-carousel-runner{
    position: relative;
}

#clients-carousel{ position: relative; }

#clients-carousel .rs-carousel-mask{
    width: 1465px;
    margin: 30px auto 40px;
}

#clients-carousel.rs-carousel-items-3 .rs-carousel-mask{ width: 599px; }
#clients-carousel.rs-carousel-items-4 .rs-carousel-mask{ width: 865px; }
#clients-carousel.rs-carousel-items-5 .rs-carousel-mask{ width: 999px; }
#clients-carousel.rs-carousel-items-6 .rs-carousel-mask{ width: 1199px; }
#clients-carousel.rs-carousel-items-7 .rs-carousel-mask{ width: 1299px; }
#clients-carousel.rs-carousel-items-8 .rs-carousel-mask{ width: 1499px; }

#clients-carousel ul li.rs-carousel-item{
    height: 546px; width: 200px;
    float: left;
    margin-left: -1px;
}

    #clients.c-4 #clients-carousel ul li.rs-carousel-item{ width: 217px; }

#clients-carousel .client a{
    height: 135px; width: 182px;
    display: block; float: left;
    position: relative;
    margin-bottom: 1px;
}

#clients-carousel .client img{ margin-left: 7px; }

#clients-carousel .client span{
    display: none;
    position: absolute;
    top: 0; left: 7px;
}

#clients.c-4 #clients-carousel .client img{ margin-left: 14px; }
#clients.c-4 #clients-carousel .client span{ left: 14px; }

#clients-carousel .client span img{ margin: 0!important; }

#popup{
    display: none; width: 306px;
    padding: 40px 30px;
    position: absolute;
    margin-left: -183px;
    z-index: 10; cursor: default;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    background-color: #000;
}

#popup h4{
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 13px;
}

#popup .corner{
    height: 11px; width: 21px;
    overflow: hidden;
    position: absolute;
    top: -11px; left: 50%;
    margin-left: -10px;
    background: url('../images/live/images.png') no-repeat -500px 0;
}

#awards-carousel{ margin: 60px auto 0; }

#awards-carousel .rs-carousel-mask{
    width: 1200px;
    margin: 0 auto 30px;
}

#awards-carousel.rs-carousel-items-2 .rs-carousel-mask{ width: 550px; }
#awards-carousel.rs-carousel-items-3 .rs-carousel-mask{ width: 877px; }

#awards-carousel ul li.rs-carousel-item{
    height: 370px; width: 235px;
    float: left;
    margin-right: 80px;
}

#awards-carousel ul li.rs-carousel-item .preview{
    height: 176px; width: 235px;
    overflow: hidden;
}

#awards-carousel ul li.rs-carousel-item .text{
    color: #fff;
    padding: 0 15px;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
}

#awards-carousel ul li.rs-carousel-item .text h5{
    height: 36px; color: #fff;
    margin: 39px 0 10px;
    padding: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

#clients-carousel .arrows,
#awards-carousel .arrows,
.news-paginate{
    height: 29px; width: 130px;
    margin: 0 auto;
    position: relative;
}

#clients-carousel .rs-carousel-action-prev,
#clients-carousel .rs-carousel-action-next,
#awards-carousel .rs-carousel-action-prev,
#awards-carousel .rs-carousel-action-next,
.news-paginate .prev,
.news-paginate .next{
    height: 29px; width: 29px;
    display: block;
    position: absolute;
    top: 0; left: 0;
    text-indent: -10000em;
    background: url('../images/live/images.png') no-repeat 5px -212px;
}

    #awards-carousel .rs-carousel-action-next,
    #clients-carousel .rs-carousel-action-next,
    .news-paginate .next{
        left: auto; right: 0;
        background-position: -62px -274px;
    }
   
    #clients-carousel .rs-carousel-action-prev,
    #clients-carousel .rs-carousel-action-next{
        background: url('../images/live/images.png') no-repeat 3px -273px;
    }
    
    #clients-carousel .rs-carousel-action-prev{ background-position: -58px -211px; }

#awards-carousel .pages,
#clients-carousel .pages,
.news-paginate .pages{
    height: 29px; width: 29px;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    background: url('../images/live/images.png') no-repeat -526px -238px;
}

#clients-carousel .pages{ background-position: -465px -238px; }

#awards-carousel #aw-current,
#clients-carousel #cl-current,
.news-paginate #n-current{
    position: absolute;
    top: -5px; left: 0;
}

#awards-carousel #aw-all,
#clients-carousel #cl-all,
.news-paginate #n-all{
    position: absolute;
    bottom: -2px; right: 0;
}

.news-paginate .pages{ color: #fff; }
/*SERVICES*/
#services ul{
    font-size: 0;
    margin-top: 52px;
    text-align: center;
}

#services ul li{
    display: inline-block;
}

#services ul li.item{
    width: 215px;
}

#services ul li .icon{
    height: 196px; width: 197px;
    margin: 0 auto;
    background: url('../images/live/images.png') no-repeat;
}

    #services ul li.item-1 .icon{ background-position: -615px -1014px; }
    #services ul li.item-2 .icon{ background-position: -812px -1014px; }
    #services ul li.item-3 .icon{ background-position: -615px -1210px; }
    #services ul li.item-4 .icon{ background-position: -812px -1210px; }

#services ul li .text{
    color: #4c4c4c;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
}

#services ul li .text h6{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 25px 0 11px;
}

#services ul li.sep{
    width: 113px; height: 348px;
    background: url('../images/live/images.png') no-repeat -674px 92px;
}

    #services ul li.sep-2{ background-position: -674px -188px; }

/*PORTFOLIO*/
#filter-portfolio{
    height: 42px; width: 234px;
    position: fixed;
    bottom: 0; left: 50%;
    margin-left: -168px;
    z-index: 1000;
    text-transform: uppercase;
    background: #fff url('../images/live/images.png') no-repeat 98% -288px;
}

    #filter-portfolio.absolute{
        position: absolute;
    }

#filter-portfolio a{
    color: #000; font-size: 11px;
    display: block;
    text-decoration: none;
    background: url('../images/live/images.png') no-repeat -665px -217px;
}

#filter-portfolio a em{
    height: 25px; display: block;
    padding: 13px 0 4px 10px;
    font-size: 13px;
}

#filter-portfolio a.active{
    color: #fff;
    background-color: #000;
}

#filter-portfolio ul{
    display: none;
    position: absolute;
    bottom: 42px; left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #000;
}

#filter-portfolio ul li a{
    padding: 10px 11px;
    background: transparent none;
}

#filter-portfolio ul li a:hover,
#filter-portfolio ul li.selected a{
    color: #fff;
    background-color: #000;
}

#portfolio-holder{
    overflow: hidden;
    position: relative;
    background-color: #000;
}

#portfolio-holder #projects{
    position: relative;
    background-color: #000;
}

#portfolio-holder .one { background: url(../images/temp/projects/1.jpg) center center; }
#portfolio-holder .two { background: url(../images/temp/projects/15.jpg) center center; }
#portfolio-holder .three { background: url(../images/temp/projects/3.jpg) center center; }
#portfolio-holder .four { background: url(../images/temp/projects/4.jpg) center center; }
#portfolio-holder .five { background: url(../images/temp/projects/5.jpg) center center; }
#portfolio-holder .six { background: url(../images/temp/projects/6.jpg) center center; }
#portfolio-holder .seven { background: url(../images/temp/projects/7.jpg) center center; }
#portfolio-holder .eight { background: url(../images/temp/projects/8.jpg) center center; }
#portfolio-holder .nine { background: url(../images/temp/projects/9.jpg) center center; }
#portfolio-holder .ten { background: url(../images/temp/projects/11.jpg) center center; }
#portfolio-holder .eleven { background: url(../images/temp/projects/12.jpg) center center; }
#portfolio-holder .twelve { background: url(../images/temp/projects/19.jpg) center center; }
#portfolio-holder .thirteen { background: url(../images/temp/projects/13.jpg) center center; }
#portfolio-holder .fourteen { background: url(../images/temp/projects/14.jpg) center center; }
#portfolio-holder .fifteen { background: url(../images/temp/projects/16.jpg) center center; }
#portfolio-holder .sixteen { background: url(../images/temp/projects/17.jpg) center center; }
#portfolio-holder .seventeen { background: url(../images/temp/projects/20.jpg) center center; }

.portfolio_project{
    float: left;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}

.portfolio_project a{
    display: table;
    height: 100%; width: 100%;
    position: absolute;
    text-align: center;
    color: #fff;
}

.portfolio_project div{
    opacity: 0;
    filter:alpha(opacity="0");
    cursor: pointer;
    position: relative;
    padding: 0 40px;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.portfolio_project:hover .info{
    opacity: 1;
    filter:alpha(opacity="100");
}

.portfolio_project div h1{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 13px;
}

.portfolio_project div em{
    font-size: 13px;
    font-weight: 600;
}

.portfolio_project .overlay{
    width: 100%;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    z-index: 1;
    background: #000;
    opacity: 0;
    filter:alpha(opacity="0");
}

.portfolio_project img{ width: 100%; }

.portfolio_project a,
.portfolio_project a *{
    text-decoration: none;
}
/*PROJECT*/
#project-top{
    height: 333px;
    padding-bottom: 22px;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 1.2;
}

#project-top .wrapper{
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 80px;
    position: relative;
    z-index: 5;
}

#project-top h2{
    display: inline-block;
    padding: 55px 30px 20px;
    font-size: 60px;
    font-weight: 600;
    border-bottom: 1px solid #353535;
}

#project-top h3{
    font-weight: 300;
    padding: 30px 0;
}

#project-top a.online{
    height: 24px;
    display: inline-block;
    padding: 6px 0 0 37px;
    background: url(../images/live/images.png) no-repeat 0 -105px;
    text-decoration: none;
    font-size: 14px;
    color: white;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    #project-top a.online:hover,
    #project-top #project-prev:hover,
    #project-top #project-next:hover{
        opacity: 0.8;
    }
    
#project-top img{
    position: absolute;
    top: 0; right: 0;
    z-index: 1;
}
    
#project-content{
    overflow: hidden;
    position: relative;
    background: url('../images/live/bgr-project-content.jpg') repeat 0 0;
}

#project-content .background{
    position: absolute;
    top: 25px; left: 50%;
    margin-left: -960px;
    z-index: 1;
}

#project-content .wrapper{
    width: 1200px;
    margin: 0 auto;
    padding: 54px auto 0;
    position: relative;
    z-index: 10;
}

.project-logo{
    width: 950px;
    margin: 55px auto;
    text-align: center;
}

.project-main-image{
    height: 819px;
    margin-top: 45px;
    text-align: center;
    background: url('../images/live/bgr-project-main-image.png') no-repeat 50% 0;
}

.project-main-image img{
    margin: 45px auto 0;
}

/*TABLE*/
table.pricing { width:100%; }
table.pricing tr td { padding:20px 15px; background-color:#e6e6e6; width:25%; }
table.pricing tr td a { color:#000;text-decoration:none; }
table.pricing tr:hover a { color:#fff; }
table.pricing tr td:nth-child(even) { background-color:#f7f7f7; }
table.pricing tr.point { cursor:pointer; }
table.pricing tr:nth-child(even) td { background-color:#ededed; }
table.pricing tr:nth-child(even) td:nth-child(even) { background-color:#ffffff; }
table.pricing tr.head td { background-color:#bcbcbc!important;color:#000!important; }
table.pricing tr.head td:nth-child(even) { background-color:#cbcbcb!important;color:#000!important; }
table.pricing tr:hover td { background-color:#181818;color:#fff; }
table.pricing tr:hover td:nth-child(even) { background-color:#2d2d2d;color:#fff; }

.product-info { 
	width:100%;
	height:500px;
	background-color:#000;
	position:relative;
}
.product-holer {
	position:absolute;
	top:0;left:0;right:0;
	width:100%;
	text-align:center;
	padding-top:150px;
}
.product-holer p {
	color:#fff;
	font-size:25px;
	margin-bottom:15px;
}
.product-holer em {
	color:#fff;
	font-size:19px;
}
/*404*/
.not-found { 
	width:100%;
	height:500px;
	background-color:#000;
	position:relative;
}
.not-found-holder {
	position:absolute;
	top:0;left:0;right:0;
	width:100%;
	text-align:center;
	padding-top:170px;
}
.not-found-holder p {
	color:#fff;
	font-size:65px;
	margin-bottom:5px;
	font-weight:600;
}
.not-found-holder em {
	color:#fff;
	font-size:25px;
}
/*TEXT*/
.text { width:1199px; margin: 0 auto; }
.text h2 { margin-top:33px; }
.text p { margin:15px 0; }

.screens,
.elements{
    width: 1100px;
    color: #303030;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    margin: 51px auto 45px;
}

.screens h4,
.elements h4{
    color: #000;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 14px;
}

.screens .text,
.elements .text{
    width: 90%; color: #303030;
    margin: 0 auto;
    line-height: 1.3;
    text-align: center;
}

.screens .preview{
    width: 950px;
    margin: 44px auto 0;
    padding-top: 59px;
    position: relative;
    background: url('../images/live/images.png') no-repeat 0 -1446px;
}

.screens .preview .element{
    position: absolute;
    z-index: 2;
}
.screens .preview .drb{
	bottom: -40px; left: 10px;
}
.screens .preview .drt{
	top: -40px; right: -50px;
}
.screens .preview .drf{
	top: -30px; left: 30px;
}

.ipad-screen{
    height: 753px; width: 1028px;
    position: relative;
    margin: 0 auto 65px;
    background: url('../images/live/bgr-ipad-screen.png') no-repeat 0 0;
}

.ipad-screen .preview{
    height: 572px; width: 763px;
    overflow: hidden;
    position: absolute;
    top: 84px; left: 135px;
}

.more-screens{
    width: 950px;
    margin: 0 auto 68px;
    overflow: hidden;
    color: #303030;
    font-size: 14px;
    line-height: 24px;
}

.more-screens h5{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 19px;
}

.more-screens .preview{
    float: right;
    margin: 6px 0 0 16px;
}

.elements h4{ padding: 40px 0 15px; }

.elements .preview{
    width: 948px;
    margin: 42px auto 0;
    padding: 50px 0 33px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #cbcbcb;
}

.more-projects{
    width: 1200px;
    margin: 0 auto 65px;
    padding-bottom: 12px;
    background: url('../images/live/bgr-more-projects.png') no-repeat 50% 100%;
}

.more-projects h5{
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 27px;
}

.more-projects .project{
    height: 207px; width: 240px;
    float: left;
    overflow: hidden;
}

#scrolltop{
    display: none;
    height: 45px; width: 45px;
    text-indent: -10000em;
    position: fixed;
    bottom: 0; right: 0;
    z-index: 100;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #000 url('../images/live/images.png') no-repeat -951px -218px;
}
#scrolltop.absolute{ bottom: 159px; }
#scrolltop:hover{ opacity: 0.8; }
/*NEWS*/
.news-holder{
	background-color:#000;
	padding-bottom:30px;
}
#news-inner{
    position: relative;
}

.news-box{
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

.news-box .inner{ padding: 40px; }

.news-box img{
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.news-box h2{
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.news-box a{
    color: #fff;
    text-decoration: none;
}

.news-box .date{
    color: #808080;
    font-size: 11px;
    margin-top: 40px;
}

.news-box:hover{
    color: #000;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
}

.news-box:hover a{ color: #000; }

.news-paginate{ margin: 40px auto; }


#blog{
    min-height: 260px;
    padding: 20px 0 60px;
    background-color: #fff;
}

#blog .blog a{ text-decoration: none; }

#blog .tab{ display: none; }
#blog .visible{ display: block; }

#blog .list{ padding-top: 48px; }

#blog .list .box h6{
    min-height: 23px;
    padding: 1px 0 2px 34px;
    background: url('../images/live/bgr-article.png') no-repeat 0 0;
}

#blog .list .box h6 a{
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

#blog .list .box .text{
    color: #000;
    min-height: 100px;
    padding: 12px 0;
    font-size: 13px;
    line-height: 18px;
}

#blog .list .box .date{
    color: #898989;
    font-size: 11px;
}

#online-request{
    display: none; width: 800px;
    padding: 30px 60px 50px;
    position: fixed;
    top: 50%; left: 50%;
    margin-left: -460px;
    z-index: 9100; color: #000;
    text-align: center;
    background-color: #fff;
}

#close-request{
    height: 17px; width: 17px;
    display: block;
    position: absolute;
    top: 20px; right: 20px;
    text-indent: -10000em;
    background: url('../images/live/images.png') no-repeat -909px -880px;
}

#online-request .title{
    font-size: 42px;
    font-weight: 600;
    line-height: 80px;
}

#online-request .sub-title{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

#online-request .form{
    text-align: left;
    padding: 54px 0 25px;
}

.contact-details{
    color: #666;
    font-size: 13px;
    line-height: 18px;
}

.contact-details a{ color: #666; text-decoration: none; }
.contact-details a:hover{ text-decoration: underline; }

#overlay{
    display: none;
    position: fixed;
    top: 0; left: 0;
    right: 0; bottom: 0;
    z-index: 9000;
    background-color: #000;
    opacity: 0.8;
    filter:alpha(opacity='80');
}

.text {
    line-height: 18px;
    overflow: hidden;
    color: #333;
}

    .text a {
        color: #333;
        text-decoration: underline;
    }
        .text a:hover {
            text-decoration: none;
        }

    .text strong {
        font-weight: bold;
    }

    .text em {
        font-style: italic;
    }

    .text ul,
    .text ol {
        padding: 3px 0 3px 5px;
    }

        .text ol li {
            list-style: decimal;
            list-style-position: inside;
        }

        .text ul li {
            list-style: disc;
            list-style-position: inside;
            padding: 0 0 7px 13px;
        }

    .text p {
        padding-bottom: 7px;
    }

    .text h1,
    .text h2,
    .text h3,
    .text h4,
    .text h5,
    .text h6 {
        line-height: normal;
        font-size: 14px;
        padding-bottom: 15px;
        color: black;
    }

    .text h1 {
    }

    .text h2 {
        font-size: 26px;
    }

    .text h3 {
    }

    .text h4 {
    }

    .text h5 {
    }

    .text h6 {
    }

    .text .preview {
        float: left;
        overflow: hidden;
        padding: 0 20px 20px 0;
    }
    
    form li{ padding-bottom: 10px; }