@media screen, projection{

/* =============================================================================
   Grid
   ========================================================================== */
/* rows */
.row-main{min-width:930px; max-width:1400px; margin-left:auto; margin-right:auto; text-align:left;}
.row{position:relative; zoom:1;}
.row:after, .row:before{clear:both; display:table; content:'';}

/* cols */
.col{float:left; display:inline; left:100%; position:relative; padding:0;}
ul.col{display:block;}

.col-h-1{margin:0 0 0 -100%;}
.col-h-2{margin:0 0 0 -48.5%;}
.col-q-1{margin:0 0 0 -100%;}
.col-q-2{margin:0 0 0 -74.25%;}
.col-q-3{margin:0 0 0 -48.5%;}
.col-q-4{margin:0 0 0 -22.75%;}
.col-t-1{margin:0 0 0 -100%;}
.col-t-2{margin:0 0 0 -65.666%;}
.col-t-3{margin:0 0 0 -31.333%;}

.grid-h{width:48.5%;}
.grid-q{width:22.75%;}
.grid-3q{width:74.25%;}
.grid-t{width:31.333%;}
.grid-2t{width:65.666%;}

/* =============================================================================
   Content
   ========================================================================== */
:first-child { margin-top:0; }
.annot { font-size:18px; line-height:30px; margin:-2px 0 30px; color:#547fad; }

.content-image { width:306px; margin:0 auto 35px; color:#666; text-align:center; position:relative; }
.content-image .img { width:306px; height:306px; display:block; overflow:hidden; font-size:0px; line-height:306px; position:relative; text-align:center; margin:0 0 11px; }
.content-image .img>* { display:block; width:306px; height:306px; font-size:0px; line-height:306px; }
.content-image .desc:after,
.content-image .pager:after { content:''; width:1px; height:11px; background:#ccc; position:absolute; top:306px; left:50%; }
.content-image .sprite { background:url('../img/bg/mask.png') 0 -2000px no-repeat; z-index:10; }
.content-image .desc { text-transform:uppercase; margin:14px 0 50px; line-height:18px; display:block; }
.content-image .pager { margin:0; }
.content-image .pager a { display:inline-block; width:34px; height:34px; vertical-align:top; overflow:hidden; background:url('../img/bg/mask.png') 0 -700px no-repeat; margin:0 2px; text-indent:500px; font-size:0px;; line-height:0px; *text-indent:0px; }
.content-image .pager .activeSlide { background-position:-100px -700px; }

.awards { text-transform: uppercase; text-align: center; width: 240px; margin: 0 auto 50px; line-height: 1.3; }
.awards img { display:block; margin:0 auto 10px; }
.awards p { margin-bottom: 25px; }
.awards p + p { border-top: 1px solid #b2b2b2; padding-top: 25px; }

/* =============================================================================
   Tabs
   ========================================================================== */
.tabs-list { zoom:1; border-bottom:1px solid #333; margin:0 0 20px; text-transform:uppercase; font-size:13px; line-height:30px; }
.tabs-list:after, .tabs-list:before{clear:both; display:table; content:'';}
.tabs-list li { float:left; display:inline; }
.tabs-list a { float:left; display:inline; padding:0 20px; margin:0 2px 2px 0; background:#333; color:#fff; text-decoration:none; }
.tabs-list a:hover { background:#444; }
.tabs-list .active, .tabs-list .active:hover { background:#000; padding-bottom:3px; margin-bottom:-1px; cursor:default; }
.tab-fragment { padding:0 0 0 20px; }
.sk-tab-hide { position:absolute; left:-5000px; top:-5000px; width:100%; }

/* =============================================================================
   Messages
   ========================================================================== */
.message{ padding:0 0 0 22px; display:block; line-height:20px; }
.error-message{ color:#ff3333; /*background:url('/img/ico/all.png') 0 -197px no-repeat;*/ }
.ok-message{ color:#66ff33; /*background:url('/img/ico/all.png') 0 -98px no-repeat;*/ }

/* =============================================================================
   Forms
   ========================================================================== */
input, select, textarea, button { vertical-align:middle; margin:0; font-family:arial, helvetica, sans-serif; font-size:12px; }

/* text */
.inp-text { color:#000; padding:5px; border:0px; background:none; border:1px solid #fff; border-color:rgba(255,255,255,.5); font-size:12px; line-height:15px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;
}
.inp-text:focus,
.inp-text.filled:focus { background:#fff; border-color:#fff;}
.inp-text.filled { background:rgba(255,255,255,.5); background-clip:padding-box; -moz-background-clip:padding-box; -webkit-background-clip:padding-box; }
.inp-text.error,
.inp-text.error:focus { border-color:#fcee21; }
input.inp-text { height:15px; }
select.inp-text { padding:6px 2px 6px 4px; *padding:0; }

/* input holder - old box-sizing */
.w-full { width:100%;}
.inp-fix { padding:0 12px 0 0; display:block; }
.inp-fix .w-full { margin-right:-12px; }

/* form row */
.form-row { padding-left:75px; margin:0 0 19px; }
.form-row label { float:left; width:70px; margin:5px 0 0 -75px; text-align:left; }
.form-row br { display:none; }

/* form btn */
.form-btn { margin:-4px 0 8px; text-align:right; padding:0 0 0 75px; line-height:20px; }
.btn { background:none; border:none; overflow:visible; padding:0; margin:0; font-size:0px; line-height:0px; }
.btn-send { height:20px; width:38px; background:url('../img/bg/titles.png') 0 -400px no-repeat; }
.btn-send:hover { background-position:-200px -400px; }
.btn-login { height:20px; width:42px; background:url('../img/bg/titles.png') 0 -500px no-repeat; }
.btn-login:hover { background-position:-200px -500px; }

/* =============================================================================
   Buttons
   ========================================================================== */
.inline-btn { display:inline-block; height:30px; line-height:30px; vertical-align:middle; text-decoration:none; background:#333; }
.inline-btn input,
.inline-btn span { display:block; vertical-align:top; height:30px; line-height:30px; border:0px; margin:0; padding:0 15px; background:none; color:#fff; font-weight:normal; text-transform:uppercase; font-size:13px; overflow:visible; text-align:center; }
.inline-btn:hover { background:#444; }

/* =============================================================================
   Buttons
   ========================================================================== */
.ajax-loader { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; }


}  /* end media */