/**
* @package Package 
* @subpackage Subpackage
* @version 0.0
* @lastmodified March 30, 2011
* @author Kuzzy <kuzzzy@gmail.com>
*/
@import "player.css";

@font-face {
    font-family: 'MagistralCRegular';
    src: url('fonts/mgs45_-webfont.eot');
    src: url('fonts/mgs45_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mgs45_-webfont.woff') format('woff'),
         url('fonts/mgs45_-webfont.ttf') format('truetype'),
         url('fonts/mgs45_-webfont.svg#MagistralCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*** Branding ***/
body {font:normal 12px/15px 'MagistralCRegular', Verdana, Arial, Helvetica, sans-serif; color:#575757; background:#fff;}
body.hide {display: none}
/**
* @section Links
*/
a:link{text-decoration:underline; color: #323030;}
a:visited{text-decoration:underline; color:#323030;}
a:hover{text-decoration:none; color: #323030; }
a:active{text-decoration:none; color: #323030;}

/**
* @section Headings
*/
h1, h2, h3, h4, h5, h6 {color:#666; padding: 0 0 15px;}
h1 {font-size:1.4em;}
h2 {font-size:1.4em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.2em;}
h6 {font-size:1.2em;}

/**
* @section Typography
*/
p {margin-bottom:1.1em;}
ul {margin: 0 0.5em 1.2em 2.5em; list-style:disc;}
ol {margin: 0 0.5em 1.2em 2.8em; list-style:decimal;}

ul.nav, ol.nav {margin:0; list-style:none;}

/**
* @section Footerstick
*/
html, body {height:100%;}
.l-500 {}
.l-650 {}
.l-790 {}

.l-main-container {position: relative}
.loadpage {display:block; position:absolute; bottom:0; left:0; width:100%; z-index: 9999; background: #fff}
.l-500 #content, .l-500 .l-main-container, .l-500 .loadpage {height: 500px}
.l-650 #content, .l-650 .l-main-container, .l-650 .loadpage {height: 650px}
.l-790 #content, .l-790 .l-main-container, .l-790 .loadpage {height: 790px}

/**
* @section Header
*/
.l-header {text-align:center; background:#fff; position:relative; z-index:100;}
    .b-logo { margin: 13px auto 13px; }
    .nav-main {background: #fff; margin-bottom:6px; width:100%; font-family:'MagistralCRegular', Verdana, Geneva, sans-serif ;}
        .nav-main > ul.nav {position: relative; padding-left: 18px; border-bottom:1px solid #D4D4D4; }
        .nav-main > ul.nav li a:hover {color: #1d7e8f;}
        .nav-main > ul.nav li.la, .nav-main > ul.nav li#lang a  {margin-right: 0px}
        #lang {margin-right: 0}
        .nav-main .border, .nav-main > ul > li > a, .nav-main-sub > ul > li > a  {-webkit-transition: all 0.5s ease-out;
                    -moz-transition: all 0.5s ease-out;
                    -moz-transition: all 0.5s ease-out;
                    -o-transition: all 0.5s ease-out;
                    -ms-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;}
        .nav-main .border {height: 2px; background: #1D7E8F;position: relative; top: 2px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
        .nav-main li {display:inline-block; margin:0 15px 0 0; padding:2px 0;}
                .nav-main li a {text-decoration:none;}
        .nav-main > ul.nav li.active .border {opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
    .nav-main-sub {background: #fff; margin-bottom:9px; width:100%; position:absolute; height:0px; font-family:'MagistralCRegular', Verdana, Geneva, sans-serif ;}
    .nav-main-sub  ul { position:absolute; top:0px; left:0px; width: 100%; text-align:center; display:none;}
        .nav-main-sub > ul li.active {padding:2px 0 1px 0; border-bottom: 2px solid #1D7E8F;}
        .nav-main-sub > ul li a:hover {color:#1d7e8f;}
        .nav-main-sub li {display:inline-block; margin:0 15px 0 0; padding:2px 0;}
                .nav-main-sub li a {text-decoration:none;}

.l-footer {text-align:center; color: #8d8d8d; font-size:11px; padding:5px 0;}
    .l-footer span {font-size:12px;}
    .l-footer a {text-decoration:none; color: #8d8d8d;}
.l-footer p, .l-footer div {display: inline;}
.l-footer .share-box {display: block;}

.l-main {margin:0 auto; text-align:center;}
#notice-box {position: absolute; display: none; background: white; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); padding: 4px; border-radius: 5px;}
#background, .b-gallery-i, .b-info-img, .b-feedback-img, .b-contacts-img, #notice-box  {
    -webkit-user-select: none;                /* disable cut copy paste */
    -webkit-touch-callout: none;              /* disable callout, image save panel */
    -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
}
/**
* @section Gallery
*/
.b-gallery {overflow:hidden; position: relative;}
.b-gallery.video {text-align: center; z-index: 99}
    .b-gallery-i {position: absolute; left: 0}
        .b-gallery-i div {float:left; margin-right:10px; position: relative;}
                .b-gallery-i div img {height: 100%; position: absolute; top: 0; left: 0;}
                .l-500 .b-gallery, .l-500 .b-gallery-i, .l-500 .b-gallery-i div {height: 440px}
                .l-650 .b-gallery, .l-650 .b-gallery-i, .l-650 .b-gallery-i div {height: 590px}
                .l-790 .b-gallery, .l-790 .b-gallery-i, .l-790 .b-gallery-i div {height: 730px}

.l-gallery {padding:0 0 10px; border-bottom: 1px solid #CCCCCC; position:relative; height:42px; overflow:hidden; position:relative; margin-top:-42px;}
    .l-gallery-prev {height:34px; overflow:hidden; position:relative; background:#fff; padding-top:8px; z-index: 100}
        .l-gallery-prev a {float:left; margin-right:2px;}
            .l-gallery-prev a span {display:block; background:#fff; height:34px; margin-bottom:-34px; width:100%; position:relative; z-index:100; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
            .l-gallery-prev a:hover span, .l-gallery-prev a.active span {opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.l-gallery-prev-i {position: absolute; left: 0;}
#gallery-btn {border-bottom: 2px solid #1d7e8f; height:2px;  line-height:0; font-size:0; width:33px; margin: 6px auto 0; z-index:100;}

/**
* @section Portfolio
*/
.l-portfolio { margin:0 auto; position:relative; padding: 0px 30px; overflow: hidden}
    .l-portfolio .prev, .l-portfolio .next {display:block; width: 14px; height: 36px; position:absolute; z-index:200;}
    .l-portfolio .prev {background: url(../images/arr-categories-l.png) no-repeat 0 -38px; left:0;}
    .l-portfolio .next {background: url(../images/arr-categories-r.png) no-repeat 0 -36px; right:0;}
    .l-portfolio .prev:hover, .l-portfolio .next:hover {background-position: 0 0;}
.l-portfolio .prev.off:hover {background: url(../images/arr-categories-l.png) no-repeat 0 -38px; left:0; cursor:default}
    .l-portfolio .next.off:hover {background: url(../images/arr-categories-r.png) no-repeat 0 -36px; right:0;cursor: default}

.l-portfolio ul.pagination {overflow:hidden; margin:0; list-style:none; text-align:center; padding-top:6px;}
    .l-portfolio ul.pagination li {display:inline-block; font-size:13px; padding:0 3px;}
    .l-portfolio ul.pagination li.current {border-bottom:2px solid #1d7e8f;}
        .l-portfolio ul.pagination li a {text-decoration:none;}

.slides-wrapper {position: relative; overflow: hidden}
.slides {position: absolute; top: 0; left: 0;}
.b-portfolio {float:left; overflow: hidden}
    .b-portfolio-ins {display: table-cell; vertical-align: middle;}
    .portfolio-i {float:left;margin:0 25px 13px 0; position:relative; overflow:hidden;}
        .portfolio-i img{}
        .back_txt {position:relative; text-align:center; line-height:16px; z-index:1; font-size:12px; color:#929191; background:#f8f8f8;}
            .back_txt strong {font-size:16px; color:#010101; font-weight:300;}
            .back_txt  p{color:#616161;font-size:13px;line-height:15px;margin-bottom:14px;}
                .back_txt  p a{color:#616161;text-decoration:underline}
                    .back_txt  p a:hover{text-decoration:none}

.l-500 .l-portfolio {width:725px; height: 500px;}
.l-500 .slides-wrapper {width: 725px; height: 477px;}
.l-500 .b-portfolio,.l-500 .b-portfolio-ins {width: 750px; height: 477px;}
.l-500 .slides {width: 7250px; height: 477px;}
.l-500 .portfolio-i {width:225px; height:150px;}
.l-500 .back_txt {width:205px; padding:0 10px; height:150px; top:-150px;}
.l-500 .back_txt > div {display:table-cell; vertical-align:middle; height:150px; width: 205px; text-align: center}
.l-500 .l-portfolio .prev, .l-500 .l-portfolio .next {top: 220px;}


.l-650 .l-portfolio {width:950px; height: 650px;}
.l-650 .slides-wrapper {width: 950px; height: 627px;}
.l-650 .b-portfolio,.l-650 .b-portfolio-ins {width: 975px; height: 627px;}
.l-650 .slides {width: 9750px; height: 627px;}
.l-650 .portfolio-i, .l-650 .portfolio-i .mask {width:300px; height:200px;}
.l-650 .back_txt {width:280px; padding:0px 10px; height:200px; top:-200px;}
.l-650 .back_txt > div {display:table-cell; vertical-align:middle; height:200px; width: 280px; text-align: center}
.l-650 .l-portfolio .prev, .l-650 .l-portfolio .next {top: 296px;}


.l-790 .l-portfolio {width:1148px; height: 790px;}
.l-790 .slides-wrapper {width: 1148px; height: 757px;}
.l-790 .b-portfolio,.l-790 .b-portfolio-ins {width: 1173px; height: 757px;}
.l-790 .slides {width: 11730px; height: 757px;}
.l-790 .portfolio-i, .l-790 .portfolio-i .mask {width:366px; height:244px;}
.l-790 .back_txt {width:346px; padding:0px 10px; height:244px; top:-244px;}
.l-790 .back_txt > div {display:table-cell; vertical-align:middle; height:244px; width: 346px; text-align: center}
.l-790 .l-portfolio .prev, .l-790 .l-portfolio .next {top: 360px;}

.portfolio-i img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.portfolio-i .mask {
   background-color: #f8f8f8;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.portfolio-i h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.5s ease-in-out 0.1s;
   -moz-transition: all 0.5s ease-in-out 0.1s;
   -o-transition: all 0.5s ease-in-out 0.1s;
   -ms-transition: all 0.5s ease-in-out 0.1s;
   transition: all 0.5s ease-in-out 0.1s;
}
.portfolio-i p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.portfolio-i:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.portfolio-i:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.portfolio-i:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.portfolio-i:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.portfolio-i {
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.portfolio-i .mask,.view .content {
   width: 225px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.portfolio-i img {
   display: block;
   position: relative;
   margin: 0 auto;
}
.portfolio-i h2 {
   color: #4d4c4c;
   text-align: center;
   position: relative;
   font-size: 16px;
   padding: 10px 0 0 0;
   margin: 30px 0 0 0;
font-weight: normal;}
.portfolio-i p {
   font-size: 12px;
   position: relative;
   color: #929191;
   padding: 0px 20px 20px;
   text-align: center;
}
.portfolio-i a.category-href {
    text-decoration: none;
}

/**
* @section Info Page
*/
/* Tinyscrollbar */
.b-info-text .viewport, .b-contacts-text .viewport {height: 100%; overflow: hidden; position: relative; }
.b-info-text .overview, .b-contacts-text .overview { list-style: none; position: absolute; left: 0; top: 0;}
.b-info-text .thumb .end, #text .thumb, .b-contacts-text .thumb .end, .b-contacts-text .thumb { background-color: #1D7E8F}
.b-info-text .scrollbar, .b-contacts-text .scrollbar {height: 100%; position: relative; float: right; width: 10px; }
.b-contacts-text .scrollbar  {width: 12px}
.b-info-text .track, .b-contacts-text .track  { background-color: #D4D4D4; height: 100%; width:6px; position: relative;}
.b-contacts-text .track  {margin-left: 6px}
.b-info-text .thumb, .b-contacts-text .thumb { height: 60px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0;}
.b-info-text .thumb .end, .b-contacts-text .thumb .end { overflow: hidden; height: 5px; width: 6px; }
.b-info-text .disable, .b-contacts-text .disable { display: none; }

.b-info-text {float:left; text-align:left;}
.b-info-img {overflow:hidden; float:right;}
    .b-info-img-box {display: table-cell; vertical-align: middle;}
#text {margin-top: 10px;}

.l-500 .l-main {width: 800px}
    .l-500 .b-info-text  {width: 447px; height: 500px;}
    .l-500 #text {height: 480px;}
        .l-500 .b-info-text .viewport, .l-500 .b-info-text .overview  {width: 427px;}
    .l-500 .b-info-text .scrollbar {width: 6px;}
    .l-500 .b-info-img, .l-500 .b-info-img-box  {width: 333px; height: 500px;}
.l-650 .l-main {width: 1040px}
    .l-650 .b-info-text  {width: 587px; height: 650px;}
    .l-650 #text {height: 630px;}
        .l-650 .b-info-text .viewport, .l-650 .b-info-text .overview {width: 567px;}
    .l-650 .b-info-text .scrollbar {width: 6px;}
    .l-650 .b-info-img, .l-650 .b-info-img-box  {width: 433px; height: 650px;}
.l-790 .l-main {width: 1264px}
    .l-790 .b-info-text  {width: 717px; height: 790px;}
    .l-790 #text {height: 770px;}
        .l-790 .b-info-text .viewport, .l-790 .b-info-text .overview {width: 697px;}
    .l-790 .b-info-text .scrollbar {width: 6px;}
    .l-790 .b-info-img, .l-790 .b-info-img-box  {width: 527px; height: 790px;}

/**
* @section Contacts
*/
.l-500 .l-contacts {width: 710px}
.l-650 .l-contacts {width: 936px}
.l-790 .l-contacts {width: 1146px}
.b-contacts-text {float:left;}
    .b-contacts p {text-align:left;}
    .b-contacts address {font-style:normal;}
    .b-contacts address p {text-align:center;}
.b-contacts-form {float:right; text-align:left;}
    .f-feedback input[type="text"], .b-gallery-auth input[type="text"] {border:0; border-bottom:1px dotted #999; background:none; color:#838383; width:100%; margin-bottom:5px; font-family: 'MagistralCRegular', Verdana, Geneva, sans-serif; font-size: 12px;}
    .f-feedback textarea {border:1px solid #d1d1d1; background:none; color:#838383; width:100%; margin-top:20px; font-family: 'MagistralCRegular', Verdana, Geneva, sans-serif; font-size: 12px;}
    .f-feedback p {text-align:right;}
    .f-feedback form {position: relative;width: 70%;margin: 0 auto;}

.l-500 .b-contacts-text , .l-500 .b-contacts-form {height: 500px}
.l-650 .b-contacts-text , .l-650 .b-contacts-form {height: 650px}
.l-790 .b-contacts-text , .l-790 .b-contacts-form {height: 790px}


.l-500 .b-contacts-img, .l-500 .b-feedback-img, .l-500 .b-contacts, .l-500 .f-feedback {width: 345px; height: 230px}
.l-650 .b-contacts-img, .l-650 .b-feedback-img, .l-650 .b-contacts, .l-650 .f-feedback {width: 458px; height: 305px}
.l-790 .b-contacts-img, .l-790 .b-feedback-img, .l-790 .b-contacts, .l-790 .f-feedback {width: 563px; height: 375px}

.l-500 .f-feedback textarea {height:105px;}
.l-650 .f-feedback textarea {height: 180px}
.l-790 .f-feedback textarea {height: 245px}

.b-contacts-img, .f-feedback  {margin-top: 20px;}
.b-contacts-img, .b-feedback-img {text-align: center; overflow: hidden;}

/**
* Custom Buttons
*
* @section buttons
*/
.button {background-color:transparent; background-repeat:no-repeat; background-position:0 0; cursor:pointer; margin:0; padding:0; border:0; text-transform:uppercase; color:#575757; font-size:12px;}


.b-gallery-auth p {margin-top: 5px; text-align: right}
.b-gallery-auth form {margin-top: 8px;}
.l-500 .b-gallery-auth {width: 250px; margin: 180px auto 0}
.l-650 .b-gallery-auth {width: 250px; margin: 230px auto 0}
.l-790 .b-gallery-auth {width: 250px; margin: 270px auto 0}

/**
* Global Styles
*
* @section Global
*/
.g-nobg {background:none !important;}
.g-a-left {text-align:left !important;}
.g-a-right {text-align:right !important;}
.g-a-center {text-align:center !important;}
.g-upper {text-transform:uppercase;}
.g-noborder {border:0 !important;}

.l-error {padding-top: 40px}

.container {
    display:table;
    width:100%;
    height:100%;
}

.c-inner {
    display:table-cell;
    height:auto;
    vertical-align:middle;
}

.loading {background: url('../images/loader.gif') no-repeat scroll 50% 50%}
#background {background: #ffffff; text-align: center; position: relative; overflow:hidden;}
#background > img {background: #ffffff; height: 100%; margin:0 auto; position: relative;}
.message, #error {display: none; font-size: 11px; line-height: 13px; margin-bottom: 10px}
#error {color: #aa0000}

#l-gallery-navi {
    height:30px;
    width:100%;
    display:table;
}

#l-gallery-navi .btn-left {

    height:30px;
    width: 21px;
    float:left;
    position: relative;
}

#l-gallery-navi .btn-left  {
    cursor:pointer;
    background:url(../images/nav-sprite.png) no-repeat scroll 0 3px;
    color:transparent;
}
#l-gallery-navi .btn-left:hover {
    background:url(../images/nav-sprite.png) no-repeat scroll 0 -31px;
}

#l-gallery-navi .btn-right {

    height:30px;
    width:30px;
    float: left;
    position: relative;
left: -9px;}

#l-gallery-navi .btn-right  {
    cursor:pointer;
    background:url(../images/nav-sprite.png) no-repeat scroll -220px 3px;
    color:transparent;
}
#l-gallery-navi .btn-right:hover {
    background:url(../images/nav-sprite.png) no-repeat scroll -220px -31px;
}

#l-gallery-navi .btn-center {
    height:30px;
    width: 91px;
    margin:0 auto;
position: relative; top: 12px;
    padding-left: 6px;}

#l-gallery-navi .btn-center .btn-play {
    background:url("../images/nav-sprite.png") no-repeat scroll -45px 1px transparent;
    width:30px;
    height:30px;
    position: relative;
    top: -12px;
    cursor:pointer;
    float:left;
    margin:0 5px;
}
#l-gallery-navi .btn-center .btn-play:hover {
    background:url("../images/nav-sprite.png") no-repeat scroll -45px -33px transparent;
}

#l-gallery-navi .btn-center .btn-pause {
    background:url("../images/nav-sprite.png") no-repeat scroll -89px 1px transparent;
    width:30px;
    height:30px;
    position: relative;
    top: -12px;
    cursor:pointer;
    float:left;
    margin:0 5px;
}
#l-gallery-navi .btn-center .btn-pause:hover {
    background:url("../images/nav-sprite.png") no-repeat scroll -89px -33px transparent;
}

#l-gallery-navi .btn-center .btn-back {
    background:url("../images/nav-sprite.png") no-repeat scroll -133px 1px transparent;
    width:30px;
    height:30px;
    position: relative;
    top: 0px;
    cursor:pointer;
    float:left;
    margin:0 5px;
}
#l-gallery-navi .btn-center .btn-back:hover {
    background:url("../images/nav-sprite.png") no-repeat scroll -133px -33px transparent;
}

#l-gallery-navi .btn-center .btn-list {
    background:url("../images/nav-sprite.png") no-repeat scroll -176px 1px transparent;
    width:30px;
    height:30px;
    position: relative;
    top: 0px;
    cursor:pointer;
    float:left;
    margin:0 5px;
}
#l-gallery-navi .btn-center .btn-list:hover {
    background:url("../images/nav-sprite.png") no-repeat scroll -176px -33px transparent;
}

/**
 * HTML version
 */
.no-js #content, .no-js .l-500 .l-main-container {height: auto; min-height: 500px;}
.no-js #background > img {display: block; margin-bottom: 5px}
.no-js .l-500 .l-contacts {margin: 0 auto}
.no-js .l-500 .l-contacts .c {float: left; width: 350px}
.no-js .l-500 .l-contacts .c .img {margin-bottom: 5px; float: left;}
.no-js .l-500 .l-contacts .img {float: right; margin-left: 5px}
.no-js .paging {text-align: center}
.no-js .l-contacts.error {text-align: center; padding-top: 100px}