@import 'https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic';
* { margin:0; padding:0; }

html,body { width:100%; height:100%; padding:0; margin:0; font-family:'Roboto',sans-serif; color:#a8a9ab; }
body { background-color:#eee; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a { outline:none; border:none; text-decoration:underline; font-family:'Roboto',sans-serif; color:#a8a9ab; cursor:pointer; transition:all 0.3s ease; }
a * { cursor:pointer; transition:all 0.3s ease; }
*:active,*:focus { outline:none;  }
a:hover { text-decoration:none; }
button,input,select,textarea { font-family:'Roboto',sans-serif; transition:all 0.3s ease; }
button::-moz-focus-inner {border:0;}
img { border:none; vertical-align:top;}
article,header,footer,section,details,summary,section { display:block; } 
table { border-collapse:collapse; }


h1,h2,h3,h4,h5,h6 { font-family:'Roboto',sans-serif; font-size:16px; color:#a8a9ab; font-weight:700; text-align:left;  }


/* clearfix */
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
.cl { clear:both; height:0; font-size:0; line-height:0; }


.b-wrap-all { min-height:100%; overflow:hidden; min-width:320px; font-size: 16px}
.b-container { max-width:820px; margin:0 auto; box-sizing:border-box; padding:0 10px; }



/* header */
.b-header { padding:0 0 20px; position:relative; line-height:40px; }
.b-logo { font-size:30px; padding:0 0 0 20px; }
.b-link-fdb { right:0; top:20px; position:absolute; }


/* content */
.b-content {  }
.b-list-pro { list-style:none; vertical-align:top; border:1px solid #e7e7e7; background:#fff; }
.b-list-pro > li { border-top:1px solid #e7e7e7; }
.b-list-pro > li:first-child { border:none; }
.b-list-pro > li > a { display:table; width:100%; text-decoration:none; }
.b-list-pro .b-pic { display:table-cell; vertical-align:top; padding:11px 20px; width:80px; }
.b-list-pro .b-pic img { display:block; width:80px; height:80px; box-shadow:0 0 1px #e7e7e7; }
.b-list-pro .b-text { display:table-cell; vertical-align:middle; padding:11px 10px 11px 0; }
.b-list-pro .b-head { display:block; font-size:26px; line-height:30px; color:#30363e; padding:0 0 8px 0; }
.b-list-pro .b-txt { display:block; color:#a8a9ab; }
.b-list-pro > li.b-highlight { background:#f4f4f4; }
.b-list-pro > li > a:hover .b-head  { color:#2f78d6; }

/* footer */
.b-footer { min-width:320px; position:relative; text-align:center; line-height:20px; padding:15px;} 

@media(max-width:768px){
    .b-list-pro .b-head { font-size:22px; line-height:28px; }
}

@media(max-width:480px){
    body { font-size:15px; }
    .b-logo { text-align:center; padding:0 10px 10px 10px; }
    .b-link-fdb { text-align:center; right:auto; top:auto; position:static; }
    .b-list-pro .b-head { font-size:18px; line-height:24px; }
    .b-list-pro .b-pic { padding:11px; }
    .b-list-pro .b-pic img { display:block; width:70px; height:70px; }
    .b-list-pro .b-pic { width:70px; }
}

@media(max-width:360px){
    body { font-size:14px; }
    .b-list-pro .b-head { font-size:16px; line-height:22px; }
}

.b-link-fdb { margin:0 0 -15px 0; }
.b-logo { padding:0; margin:-10px 0 0 0; }

#modal-trigger, .btnRegRu {
    color: red;
}

.lang {
    float: right;
    padding-top: 5px;
    position: relative;
    z-index: 2;
}