body, html{
    height: 100%;
    min-width: 980px;
    background-color: black;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: black;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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;
}

.mtb-50{ margin: 50px auto; }

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 {
    height: 100%;
    height: auto;
    min-height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
}

header {
    position: relative;
    height: 64px;
    min-width: 990px;
    background: white;
    font-size: 13px;
    text-transform: uppercase;
    z-index: 11;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08);
}

header h1 {
    float: left;	
    padding-right: 185px;
}

header h1 a {
    display: block; float: left;
    width: 149px; height: 64px;
    position: relative;
    background: url(../images/live/images.png) no-repeat 18px 18px;			
    text-indent: -9999px;
}

header h1 span{
    width: 130px;
    position: absolute;
    top: 0; left: 100%;
    padding-top: 17px;
    color: #7c7c7c;
    font-size: 11px;
    line-height: 15px;
    text-indent: 0px;
    text-transform: uppercase;
}

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;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}
header nav a:hover,
header nav a.active{
    color: white;
    background-color: black;
}

header ul li ul{
    display: none; width: 185px;
    position: absolute;
    top: 64px; left: 0;
}

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 .custom-dropdown{
    float: right;
    position: relative;
    font-size: 10px;
}

header .custom-dropdown .pick{
    min-width: 50px;
    float: left; color: #b2b2b2;
    height: 39px;
    padding: 25px 25px 0;
    text-decoration: none;
}

header .custom-dropdown:hover .pick{
    color: white;
    background-color: black;
}

header .custom-dropdown .pick:hover + ul,
header .custom-dropdown ul:hover,
header nav ul li a.pick:hover + ul,
header nav li ul:hover,
header .custom-dropdown .pick:hover + ul{
    display: block;
}

header .custom-dropdown ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    clear: both;
    background: white;
    z-index: 10;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
}

header .custom-dropdown ul a {
    display: block;
    padding: 10px 15px 10px 25px;
    text-decoration: none;
    color: black;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}
header .custom-dropdown ul a:hover {
    background: black;
    color: white;
}

body.low-res header .share .pick,
body.low-res header .language .pick{
    height: 64px; width: 64px;
    text-indent: -10000px;
    padding: 0;
    background-image: url('../images/live/images.png');
    background-repeat: no-repeat;
}

body.low-res header .share .pick{ background-position: -1072px -886px; }
body.low-res header .language .pick{ background-position: -1072px -950px; }

body.low-res header .share:hover .pick{ background-position: -1136px -886px; }
body.low-res header .language:hover .pick{ background-position: -1136px -950px; }

body.low-res header .share ul,
body.low-res header .language ul{
    width: 128px;
}

body.low-res header .language ul{ left: auto; right: 0; }

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 {
    position: relative;
    min-width: 990px;
    background: white;
}

#carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 589px;
    background: black;
}

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

#carousel li {
    float: left;
    width: 100%; height: 589px;	
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
	background-size: cover;
}

#carousel .wrap {
    overflow: hidden;
    min-width: 980px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 27px;
}

#carousel .description{
    position: absolute;
    width: 500px;
    padding: 128px 0 0 45px;
    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: 7px 0 22px 0;
    font-style: italic;
    font-size: 14px;
}

#carousel .description div {
    overflow: hidden;
}

#carousel .description div a {
    height: 28px; float: left;
    padding: 9px 0 0 44px;
    margin-right: 22px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    color: white;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-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 i{
    height: 36px; width: 36px;
    position: absolute;
    top: 0; left: 0;
    background: url(../images/live/images.png) no-repeat 0 -93px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

#carousel .description div a.details i{ background-position: 0 -57px; }
#carousel .description div a:hover { opacity: 0.6; }

#carousel .description div a:hover i{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

#carousel .image {
    display: block;
    text-align: center;
}

#carousel .image img {
    margin-right: 5px;
}

#carousel-pager,
.project-carousel .pager,
.project-wide-carousel .pager{
    text-align: center;
    position: absolute;
    left: 0; right: 0;
    bottom: 22px;
    font-size: 0;
}

#carousel-pager a,
.project-carousel .pager a,
.project-wide-carousel .pager a{
    height: 13px; width: 13px;
    display: inline-block;
    margin: 0 5px;
    background: url('../images/live/images.png') no-repeat -61px -165px;
}

.project-wide-carousel .pager a{ background-position: -127px -165px; }

#carousel-pager a.selected,
.project-carousel .pager a.selected{
    background-position: -82px -165px;
}

#carousel-pager a:hover,
.project-carousel .pager a:hover{
    background-position: -40px -165px;
}

.project-wide-carousel .pager a:hover,
.project-wide-carousel .pager a.selected{
    background-position: -148px -165px;
}

#home-presentation {
    height: 652px; width: 100%;
    overflow: hidden;
    background: black;
}

#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;
    text-indent: -10000em;
    opacity: 0;
    cursor: pointer;
    z-index: 100;				
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-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{
    position: absolute;
    top: 0; left: 0;
    right: 0; bottom: 0;
    opacity: 0;
    filter:alpha(opacity="0");
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-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{ opacity: 1; filter:alpha(opacity="50"); }

#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;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-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/bgr-studiox-dark.jpg') no-repeat center center;
}

#home-intro .about {
    float: left;
    width: 20%;
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
}

#home-intro .about a {
    color: white;
    text-decoration: none;
}

#home-intro .info {
    float: left;
    width: 80%;
}

#home-intro .icons {
    display: block;
    clear: both;
}

#home-intro .wrap {
    padding-left: 25px;
}
#home-intro .info .wrap {
    padding-right: 20px;
    height: 240px;
    color: white;
    max-width: 1150px;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2;
}

#home-intro .link {
    float: left;
    position: relative;
    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%;		
}

#home-intro .link span {
    display: none;
    z-index: 1;
    background-color: black;
    background-position: -178px -539px;
}

#home-intro .link:hover em {
    width: 200px; height: 200px;
    margin: -100px 0 0 -100px;
    background-position: 78px -483px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#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: 25px;
    font-size: 13px;
    color: white;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-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{
    padding-left: 25px;
}

#last-news .news{
    float: left;
    width: 20%;
    padding-top: 18px;		
    font-size: 40px;
    font-weight: 300;
}

#last-news .news a{
    text-decoration: none;
    color: white;
}

#last-news .list{
    float: left;
    overflow: hidden;
    width: 78%;
    max-width: 1150px;
}

#last-news .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{

    text-decoration: none;
}
#last-news .list .box h6 a span.text{
    color: #fff; display: block;
    font-size: 16px;
    line-height: 18px;
    height:70px;
}

#last-news .list .box h6 a span.read_more{
    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{
    opacity: 0.6;
    filter:alpha(opacity="60");
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#contacts{
    clear: both;
    overflow: hidden;
    height: 400px;
    position: relative;
}

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

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

#contacts .contacts{
    float: left; width: 20%;
    padding-top: 66px;		
    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{
    padding: 14px 0 0 4px;
}

#contacts .contacts 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{
    font-weight: 300;
}

#contacts .contacts 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{
    color: #fff;
    background-color: #000;
}

#contacts .contacts nav a.active span{
    background-position: 0 -30px;
}

#contacts .contacts nav a:hover em{
    opacity: 0.6;
    filter:alpha(opacity="60");
}

#contacts .contacts 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: 88px;
}

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

#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: 37px; 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{
    color: #545454;
    padding-top: 9px;
}

.form-result .ajax_result{
    height: 25px; color: #545454;
    padding: 8px 0 0 10px;
    border: 1px solid transparent;
}

#contacts .contact-box{
    height: 209px;
    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: -10000px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 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 -1337px;
}

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

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

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

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

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

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

#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;
}

#zoom-in span,
#zoom-out span{
    position: absolute;
    top: 0; left: 0;
    right: 0; bottom: 0;
    opacity: 0;
    filter: alpha(opacity="0");
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background: black url('../images/live/images.png') no-repeat -968px -880px;
}

#zoom-out span{ background-position: -968px -921px; }

#zoom-in:hover span,
#zoom-out:hover span{
    opacity: 1;
    filter: alpha(opacity="100");
}


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

.popup_content{ font: normal 12px/18px 'Open Sans', Tahoma, sans-serif; }
.popup_content p{ padding-bottom: 7px; }

.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;
}

.image-top{
    height: 479px; color: white;
    position: relative;
    overflow: hidden;
    background-color: black;
}

.image-top .bgr{
    position: absolute;
    top: -20px; left: 50%;
    margin-left: -960px;
}

#awards{
    color: white;
    padding: 13px 0 60px;
    background: #000 url('../images/live/bgr-studiox-dark.jpg') no-repeat center center;
}	

#clients{
    padding-bottom: 60px;
    background-color: white;
}

#about .wrapper,
.image-top .wrapper{
    min-width: 980px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    text-align: center;
}

#about h2,
.image-top h2{
    padding: 51px 10% 31px;
    font-size: 54px;
    font-weight: 600;
    line-height: 1.1;
    background: url('../images/live/bgr-grey-sep.gif') no-repeat center bottom;
}

#about h3,
.image-top h3{
    padding: 41px 10% 9px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
}

.image-top h2{
    font-size: 60px!important;
    padding: 137px 0 36px!important;
}

#news-inner-page .image-top {
    height: 140px;
}
#news-inner-page  .image-top h2{
    padding: 36px 0 36px!important;
    background: none;
}

#we-create{
    padding-bottom: 60px;
    background-color: white;
}

#we-create ul{
    font-size: 0;
    padding: 16px 0;
}

#we-create ul li{
    width: 300px;
    display: inline-block;
    margin: 54px 4% 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
}

#we-create ul li .preview{
    height: 127px; width: 127px;
    margin: 0 auto;
    position: relative;
    background-image: url('../images/live/images.png');
    background-repeat: no-repeat;
}

#we-create ul li .item-1{ background-position: -361px -1014px; }
#we-create ul li .item-2{ background-position: -488px -1014px; }
#we-create ul li .item-3{ background-position: -361px -1141px; }
#we-create ul li .item-4{ background-position: -488px -1141px; }
#we-create ul li .item-5{ background-position: -361px -1268px; }
#we-create ul li .item-6{ background-position: -488px -1268px; }

#we-create ul li .preview div{
    opacity: 0;
    position: absolute;
    top: 0; left: 0;
    right: 0; bottom: 0;
    text-indent: -10000px;
    background-image: url('../images/live/images.png');
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#we-create ul li .item-1 div{ background-position: -361px -633px; }
#we-create ul li .item-2 div{ background-position: -488px -633px; }
#we-create ul li .item-3 div{ background-position: -361px -760px; }
#we-create ul li .item-4 div{ background-position: -488px -760px; }
#we-create ul li .item-5 div{ background-position: -361px -887px; }
#we-create ul li .item-6 div{ background-position: -488px -887px; }

#we-create ul li:hover .preview div{
    opacity: 1;
}

html.no-opacity #we-create ul li .preview div{ display: none; }
html.no-opacity #we-create ul li:hover .preview div{ display: block; }

#we-create ul li .text{
    color: #5e5e5e;
    font-size: 13px;
    padding: 29px 8px 0;
}

#we-create ul li .text h4{
    color: #000;
    margin-bottom: 14px;
    font: 400 18px/26px 'Open Sans', sans-serif;
    background: url('../images/live/bgr-dark-sep.gif') no-repeat center bottom;
}

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

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

#clients-carousel{
    position: relative;
    max-width: 1200px;
}

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

#clients-carousel.rs-carousel-items-3 .rs-carousel-mask{ width: 874px; }
#clients-carousel.rs-carousel-items-4 .rs-carousel-mask,
#clients-carousel.rs-carousel-items-5 .rs-carousel-mask{ width: 1100px; }
#clients-carousel.rs-carousel-items-6 .rs-carousel-mask{ width: 1199px; }

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

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

#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: 100; cursor: default;
    color: white;
    font-size: 12px;
    line-height: 15px;
    background-color: black;
}

#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;
}

#popup.down .corner{
    top: auto;
    bottom: -11px;
    background-position: -500px -11px;
}

#awards-carousel{
    margin: 68px auto 0;
    position: relative;
}

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

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

#awards-carousel ul li.rs-carousel-item{
    height: 380px; width: 320px;
    float: left;
    margin-right: 60px;
    text-align: center;

}

#awards-carousel ul li.rs-carousel-item .preview{
    height: 240px; width: 320px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

#awards-carousel ul li.rs-carousel-item .text{
    color: white; width: 320px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
}

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

#filter-portfolio{
    height: 64px;
    float: left;
    position: relative;
    text-transform: uppercase;
}

#filter-portfolio a{
    font-size: 11px; height: 41px;
    padding-top: 23px;
    color: black;
    padding: 23px 15px 0;
    display: block; float: none;
    text-decoration: none;
}

#filter-portfolio a em{
    height: 25px; display: block;
    font-size: 13px;
    position: relative;
    padding-right: 25px;
}

#filter-portfolio a em:after{
    content: '';
    height: 12px; width: 13px;
    position: absolute;
    top: 50%; right: 0;
    margin-top: -11px;
    background: url('../images/live/images.png') no-repeat -1158px 0;
}

#filter-portfolio:hover a em:after{ background-position: -1158px -92px; }

#filter-portfolio:hover a.pick{ color: white; }
#filter-portfolio a:hover,
#filter-portfolio a.active{
    color: #fff;
    background-color: #000;
}

#filter-portfolio ul{
    top: 64px; width: 180px;
    left: 0;
    background-color: white;
}

#filter-portfolio ul li{ float: none; }

#filter-portfolio ul li a{
    float: none; height: auto;
    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{
    width: 101%;
    position: relative;
}

.portfolio_project{
    float: left;
    overflow: hidden;
    position: relative;
    background-color: black;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

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

.portfolio_project .info{
    opacity: 0;
    filter:alpha(opacity="0");
    cursor: pointer;
    position: relative;
    padding: 0 40px;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-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,
#awards-carousel .overlay{
    width: 100%;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    z-index: 1;
    background: rgba(0,0,0,0.65);
    opacity: 0;
}

#awards-carousel .overlay{ background: rgba(0,0,0,0.35); }

html.no-rgba .portfolio_project .overlay,
html.no-rgba #awards-carousel .overlay{
    background: url('../images/live/bgr-mask.png') repeat 0 0;
}

.portfolio_project img{ width: 100%; }

.portfolio_project a,
.portfolio_project a *{
    text-decoration: none;
}

#project-top{
    height: 610px;
    position: relative;
    overflow: hidden;
}

	#project-top .preview{
		position: absolute;
		top: -50px; bottom: 0;
		left: 0; right: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		z-index: 1;
	}
	
		#project-top .view{
			position: absolute;
			top: 0; bottom: 0;
			left: 0; right: 0;
			z-index: 2;
		}

#project-content{
    background-color: white;
}

#project-content .wrapper,
#project-bottom .wrapper{
    min-width: 980px;
    max-width: 1200px;
    margin: 0 auto;
}

#close-request,
#clients-carousel .rs-carousel-action-prev,
#clients-carousel .rs-carousel-action-next,
#awards-carousel .rs-carousel-action-prev,
#awards-carousel .rs-carousel-action-next,
#project-top .p-nav,
.cn-prev,
.cn-next,
#close-news{
    height: 42px; width: 42px;
    position: absolute;
    top: 50%; left: 19px;
    margin-top: -21px;
    text-indent: -10000px;
    z-index: 10;
    overflow: hidden;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background: url('../images/live/images.png') no-repeat -379px -564px;
}

#project-top .p-prev,
#project-top .p-next{
    position: fixed;
}

#clients-carousel .rs-carousel-action-next,
#awards-carousel .rs-carousel-action-next,
#project-top .p-next,
.cn-next{
    left: auto; right: 19px;
    background-position: -421px -564px;
}

#awards-carousel .rs-carousel-action-prev,
#awards-carousel .rs-carousel-action-next{
    top: 33%;
}

#clients-carousel .rs-carousel-action-prev,
#awards-carousel .rs-carousel-action-prev{
    left: 0;
}

#clients-carousel .rs-carousel-action-next,
#awards-carousel .rs-carousel-action-next{
    right: 0;
}

#close-request,
#project-top #close-project,
#close-news{
    height: 52px; width: 52px;
    top: 30px; left: auto;
    right: 30px;
    margin: 0;
    background-position: -563px -564px;
}

#project-top .p-prev:hover,
.cn-prev:hover{
    margin-left: 5px;
}

#project-top .p-next:hover,
.cn-next:hover{
    margin-right: 5px;
}

#project-content img{
    display: block;
    max-width: 100%;
}

#project-content .block-title,
#news-inner-page .block-title{
    color: black;
    padding: 71px 10% 51px;
    text-align: center;
    font: 44px/40px 'Open Sans', sans-serif;
}

#project-content .floating-block .block-title,
#news-inner-page .floating-block .block-title{
    padding: 51px 10% 36px;
}

#project-content .block-title h2,
#news-inner-page .block-title h2{ font-weight: 600; padding-bottom: 13px; }

#project-content .block-title h3{
    font-weight: 300;
    padding-top: 18px;
    background: url('../images/live/bgr-grey-sep.gif') no-repeat center top;
}
#news-inner-page .block-title h2{
    font-weight: 300;
    padding-bottom: 18px;
    background: url('../images/live/bgr-grey-sep.gif') no-repeat center bottom;
}

#project-content .block-background{
    background-position: center top;
    background-repeat: no-repeat;
}

#project-content .image-center{
    text-align: center;
    padding: 77px 5% 36px;
}

#project-content .floating-block .image-center{
    padding: 40px 0 20px;
}

#project-content .image-center img{
    margin-left: auto;
    margin-right: auto;
    height: auto;
    max-width: 100%;
}

#project-content .floating-block img{
    max-width: 100%;
    margin-bottom: 30px;
}

#project-content .image-right img{
    float: right;
    height: auto;
    max-width: 75%;
    margin-right: 10%;
}

#project-content .image-left img{
    float: left;
    height: auto;
    max-width: 75%;
    margin-left: 10%;
}

#project-content .floated-image{
    position: relative;

}

#project-content .floated-image .text{
    width: 370px; color: #000;
    padding: 110px 830px 0 0;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    font-size: 14px;
    line-height: 24px;
}

#project-content .image-left .text{
    padding: 110px 0 0 830px;
}

#project-content .floated-image .text h2{
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    padding-bottom: 22px;
}

#project-content .title-light{
    color: white;
    text-align: center;
    padding: 67px 10%;
    font: 30px/36px 'Open Sans', sans-serif;
}

#project-content .title-light h2,
#project-content .floating-block .block-title h2,
#news-inner-page .floating-block .block-title h2{
    font-size: 54px;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 15px;

}
#news-inner-page .floating-block .block-title h2 {
    font-size: 36px;
}

#project-content .title-light h3{
    font-weight: 300;
    margin-top: 15px;
}

#project-content .block-carousel{
    padding-bottom: 138px;
}

.project-carousel{
    height: 725px; width: 1200px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.project-carousel ul{
    height: 693px;
    overflow: hidden;
}

.project-carousel ul li{
    height: 693px; width: 1200px;
    float: left;
}

.project-carousel .pager{
    bottom: 6px;
}

#project-content .floating-block{
    padding: 0 0 50px;
}

#project-content .floating-box,
#news-inner-page .floating-box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
#news-inner-page .floating-box {
    padding-bottom: 51px;
}

#project-content .floating-box .element{
    position: absolute;
}

html.csstransforms #project-content .floating-box .element{ margin-top: 50%; }
html.csstransforms #project-content .single-background .element{ margin-top: 72%; }

#project-content .single-background{
    min-height: 770px;
}

#project-content .block-video{
    padding: 122px 0 100px;
}

#project-content .video{
    float: left;
    height: 453px; width: 806px;
    margin: 8px 29px 0 0;
    position: relative;
}
/*
#project-content .video:after{
    content: "";
    height: 29px; width: 805px;
    position: absolute;
    bottom: -42px; left: 0;
    background: url('../images/live/images.png') no-repeat -395px -1406px;
}*/

#project-content .video-right .video{
    float: right;
    margin: 8px 0 0 29px;
}

#project-content .block-video .text{
    color: black;
    font-size: 14px;
    line-height: 24px;
}

#project-content .block-video .text h3{
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    padding-bottom: 9px;
}

.project-wide-carousel{
    /*height: 657px;*/
    position: relative;
    overflow: hidden;
    background-color: #ededed;
}

.project-wide-carousel ul,
.project-wide-carousel .caroufredsel_wrapper{
    height: 600px; width: 100%;
    overflow: hidden;
}

.project-wide-carousel ul li{
    height: 600px; width: 799px;
    float: left;
    position: relative;
}

.project-wide-carousel ul li .mask{
    position: absolute;
    top: 0; left: 0;
    right: 0; bottom: 0;
    background: rgba(0,0,0,0.65);
}

html.no-rgba .project-wide-carousel ul li .mask{ background: url('../images/live/bgr-mask.png') repeat 0 0; }

.project-wide-carousel .cn-nav{
    width: 800px;
    position: absolute;
    top: 51%; left: 50%;
    margin-left: -400px;
}

.cn-prev{ left: -57px; }
.cn-next{ right: -57px; }

#project-bottom{
    padding: 60px 0;
    text-align: center;
    background-color: #ededed;
}

#project-bottom a{
    display: inline-block;
    padding: 13px 44px 15px;
    border: 3px solid black;
    font-size: 33px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#scrolltop{
    display: none;
    height: 45px; width: 45px;
    text-indent: -10000em;
    position: fixed;
    bottom: 0; right: 0;
    z-index: 100;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: black url('../images/live/images.png') no-repeat -1144px -218px;
}

#scrolltop.absolute{ bottom: 159px; }

#scrolltop:hover,
#project-bottom a:hover{
    opacity: 0.8;
}

.news-holder{
    background-color: #ececec;
}

#news-inner{
    width: 101%;
    position: relative;
    margin: -1px 0 0 -1px;
}

.news-box{
    color: black;
    font-size: 13px;
    line-height: 18px;
    height: 306px; width: 318px;
    margin-top: 1px;
    position: relative;
    background-color: white;
}

.news-box-double{ height: 613px; }

.news-box:after{
    content: ''; opacity: 0;
    display: none\9;
    height: 13px; width: 13px;
    position: absolute;
    bottom: -13px; right: 0;
    z-index: 2;
    background: url('../images/live/images.png') no-repeat -914px -907px;
}
.news-box .inner{
    height: 244px; padding: 31px;
    overflow: hidden;
}

.news-box-double .inner{ height: 551px; }

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

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

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

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

.news-box:hover{
    color: white;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: black;
}

.news-box:hover:after{
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 1;
    display: block\9;
}

.news-box:hover a{ color: white; }

#news-popup,
#online-request{
    display: none;
    width: 65%;
    padding: 30px;
    position: absolute;
    top: 111px; left: 50%;
    z-index: 9100;
    background-color: white;
}

body.low-res #news-popup,
body.low-res #online-request{
    max-width: 75%;
}

#online-request{
    text-align: center;
}

#close-request,
#close-news{
    top: -5px; right: -63px;
}

#news-popup h4{
    color: black;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    padding-bottom: 31px;
}

#news-popup .text,
#news-inner-page .text{
    color: black;
    font-size: 14px;
    line-height: 24px;
    overflow: visible;
}

#news-popup .text p{ padding: 0; }

#news-popup  .preview,
#news-inner-page  .preview{
    float: left;
    margin: 7px 21px 14px 0;
}
#news-inner-page  .preview {
    width: 423px;
}
#news-inner-page  .text.summary {
    float: left;
    width: 756px;
}

#close-request:hover,
#close-project:hover,
#close-news:hover{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

#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: rgba(0,0,0,0.6);
}

html.no-rgba #overlay{
    background-color: black;
    opacity: 0.6;
    filter:alpha(opacity=60);
}

.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; }

@media only screen and (max-width: 1200px){

    header .custom-dropdown ul{ left: auto; }

    #awards-carousel,
    #clients-carousel{
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
    }

    #project-content .floated-image .text{ margin-left: -450px; }

    #project-content .wrapper,
    #project-bottom .wrapper,
    .project-carousel,
    .project-carousel ul li,
    #project-content .floating-box{
        width: 1000px;
        max-width: 1000px;
    }

    #project-content .image-right img{ margin-right: 0; }
    #project-content .image-left img{ margin-left: 0; }

    .project-carousel{ height: 610px; }
    .project-carousel ul li{ height: 555px; }
}

@media only screen and (min-width: 1414px) and (max-width: 1697px){
    #portfolio-holder #projects.front-projects .double_width{ display: none!important; height: 0!important; }
}

@media only screen and (max-width: 1360px){
    .nav-holder{
        position: absolute;
        left: 25%; right: 15%;
        text-align: center;
    }
    #news-inner-page .preview {
        width: 38%;
        margin-right: 2%;
        text-align: center;
    }
    #news-inner-page .preview img {
        width: 100%;
    }
    #news-inner-page .text.summary {
        width: 60%;
    }
    #news-inner-page .floating-box {
        width: 94%;
    }

    header nav{
        display: inline-block;
        text-align: center;
    }

    header nav ul{ font-size: 0; }

    header nav ul li{
        float: none;
        display: inline-block;
        font-size: 13px;
    }

    #filter-portfolio{
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}

@media only screen and (max-width: 1110px){
    .nav-holder{
        left: 25%; right: 5%;
    }
    .text ul {
        padding-left: 0;
    }
    .text ul li {
        padding-left: 0;
    }
    #news-inner-page .floating-box {
        width: 85%;
    }
    #news-inner-page .preview {
        width: 100%;
        float: none;
    }
    #news-inner-page .text.summary {
        width: 100%;
        float: none;
    }
}
.captcha_img{
    float:left ; border:1px solid #545454;
}
.verification {
float: right;
width: 68.5% !important;
}
.verification_pop_up {
float: right;
width: 75.7% !important 
}

.go-back {
    margin-top: 15px;
}
.go-back a{
    text-decoration: none;
}
.go-back a span {
    font-size: 36px;
    display: block;
    margin-top: -15px;
    margin-right: 5px;
    float: left;
}