/*
 * Style tweaks
 * --------------------------------------------------
 */

html,
body {
    /* overflow-x: hidden;  Prevent scroll on narrow devices */
    font-size: 14px;
}
body {
    /* padding-top: 70px; */
    min-width:750px;
    width: auto !important;
    width:750px;

}
footer {
    padding: 10px 0;
}

/* top menu */

.navbar {
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.5);
    /* height: 54px; background:url(../i/top-bg.png) repeat-x 0 0;*/ }

.navbar-brand { padding: 2px;}

.navbar-inverse .navbar-nav>li>a { color: #fff;}
.navbar-inverse .navbar-nav>li>a:hover { color: #4db733; text-decoration: underline;}

/* address menu */

.header {height: 160px;}
.header .col-xs-12 { padding: 15px 0;}

.header, header a, header a:link, header a:visited, header a:hover {
    color: #1172b1;
}

#generalOffice {
    padding-left:16px;
}

#generalOffice .glyphicon {margin-left: -25px; font-size: 18px; float:left; color: #b7c0c6;}

#generalOffice div {
    font-size: 0.88em;
}

.drop-down-list {
    position:relative;
    padding: 0 0 0 21px;
    /*	height: 22px; */
}
.select-link a {
    position: relative;
    cursor: pointer;
    /*	white-space: nowrap; */
    overflow: hidden;
    /*	display: block; */
    text-decoration: none;
    padding: 0 0 4px 0;
    margin-right: 1ex;
    font-size: 16px;
    letter-spacing: 0.5px;
    background: transparent url(../i/dashed.gif) repeat-x 0 18px;
}

.city-lab, .lab { background: #4fb633; color: #fff; text-transform:uppercase; font-size: 12px; padding: 2px 4px;  font-weight: bold; vertical-align: super; }
.city-punkt, .punkt { background: #ff8f05; color: #fff; text-transform:uppercase; font-size: 12px; padding: 2px 4px;  font-weight: bold; vertical-align: super;}

.working_hours, .top_address {
    padding: 5px 0 0 21px;
    color: #3d3d3d;
    line-height: 1.6em;
}


#rcCenters {
    width: 206px;
    height: 111px;
    margin: 0 auto;
    padding: 80px 0 0 0;
    letter-spacing: -0.1px;
    background: transparent url(../i/rcCentersMapRu.png) no-repeat top left;

}
#rcCenters a {border-bottom: 1px solid #e7eff4;  text-decoration: none;}
#rcCenters a:hover {border-bottom: 1px solid #1172b1;}

.textwidget {
    text-align: center; font-weight: bold;
}

.topphone {
    font-size: 0.88em;
    font-weight: bold;
    line-height: normal;
    text-align:center;
    text-transform: uppercase;
}
.topphone div a{
    font-size: 2.241em;
    letter-spacing: -0.3px;
    margin: 2px 0 6px 0;
    display: block;
}

.header .glyphicon-time {
    font-size: 15px !important;
    margin-left: -23px !important;
    margin-top: 1px !important;
}

.topphone .btn {font-weight: bold; outline: 0;}

a.phone {
    font-size: 22px !important;
}

a.phone span {
    font-size: 30px !important;
}

li.sep:not(:last-of-type) {
    display: none;
}
div[class^="col-lg"] h3 {
    margin-top: 0;
    color: #7b7b7b;
}
div[class^="col-lg"] div:hover h3 {
    color: #1172b1;
}
.prod_img {
    text-align: center;
}

#companies, #single {
    margin-top: 30px;
    margin-bottom: 30px;
}

.make_st_navi a {
    margin: 0 4px;
}

.make_st_navi a, .make_st_navi span {
    font-size: 18px;
}

.make_st_navi {
    text-align: center;
    margin-bottom: 20px;
}

.linkk {
    font-size: 19px;
    display: inline-block;
    margin-bottom: 5px;
    color: #000;
}

.h_item:hover {
    background: rgba(194, 215, 230, 0.27);
}
.h_item {
    border: 1px solid #c2d7e6;
    padding: 10px 8px;
    border-radius: 2px;
    display: block;
    text-decoration: none !important;
}

.prod_img img {
    max-width: 100% !important;
}
div[class^="col-lg"] div {
    min-height: 195px;
    border: 2px solid #eee;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

/* left sidebar */

#special {padding-bottom: 2em;}

.lm-header {font-size: 1.2em; font-weight: bold; margin-bottom: 1ex; text-transform: uppercase; }
.lm-menu {padding-bottom: 2em;}

.lm  {padding-left: 75px;}
.lm ul {padding: 0; color: #666;}
.lm ul a {color: #666; font-weight: normal; font-size: 1em;}
.lm a {text-decoration: underline; font-weight: bold; font-size: 1.15em;}

.lm li {list-style-type: none;}

.lm1:before, .lm2:before, .lm3:before, .lm4:before, .lm5:before,.lm6:before,.lm7:before,.lm8:before,.lm9:before,.lm10:before  {background: url(../i/menu-left-icons.png) no-repeat; width: 45px; height: 40px;  content: " "; position: absolute; left: 15px;}

.lm1:before {background-position: -0px -0px;}
.lm1 a {color: #bd2228; }

.lm2:before {background-position: -0px -40px;}
.lm2 a {color: #ff8f05; }

.lm3:before {background-position: -0px -80px;}
.lm3 a {color: #0d76b0; }

.lm4:before {background-position: -0px -120px;}
.lm4 a {color: #05be60; }

.lm5:before {background-position: -0px -160px;}
.lm5 a {color: #ff9676; }

.lm6:before {background-position: -0px -200px;}
.lm6 a {color: #787ede; }

.lm7:before {background-position: -0px -240px;}
.lm7 a {color: #4595c2; }

.lm8:before {background-position: -0px -280px;}
.lm8 a {color: #05bc9d; }

.lm9:before {background-position: -0px -320px;}
.lm9 a {color: #bd2228; }

.lm11:before {background: url("../i/lm11.png") no-repeat; width: 45px; height: 40px;  content: " "; position: absolute; left: 19px;}
.lm11 a {color: #05bc9d; }


.lm10:before {background-position: -0px -360px;}
.lm10 a { color: #fecd44; }

.lm1, .lm2,.lm3,.lm4,.lm5,.lm6,.lm7,.lm8,.lm9,.lm10 {padding-bottom: 1.6em;}


/* main part */

.main-h1 h1, .main-h1 span {
    font-size: 1.25em;
    letter-spacing: 0.25px;
    margin: 0;
    padding: 0.9em 0 0.7em 0;
    color: #1172b1;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}

.main-h1 div {
    text-align: center;
}

.main-menu  div{
    color: #fff;
    overflow:hidden;
    /*	margin: 1px 0; */
}

.mmround {
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    margin: 0 0 5px 0;
}

.main-menu .mmround {margin: 0 0 15px 0;}

.mmround div {
    font-size: 1.1em;
    line-height: 32px;
}

.mmround a {
    color: #fff; display: block; width: 100%;  text-align: left;
}

.main-menu .mmround  a {height: 238px;}


.main01 {
    background: #1099e5;
    background: linear-gradient(to top, #1099e5, #30caf0);
}

.main02 {
    background: #3daf03;
    background: linear-gradient(to top, #3daf03, #b3ce02);
}

.main03 {
    background: #f46d1b ;
    background: linear-gradient(to top, #f46d1b, #f48e39);
}

.main04 {
    background: #f5d001;
    background: linear-gradient(to top, #f5d001, #fdc941);
}

.main05 {
    background: #d2425a;
    background: linear-gradient(to top, #d2425a, #ff7b91);
}

.main06 {
    background: #06b6b3;
    background: linear-gradient(to top, #06b6b3, #1fdee6);
}

.main07 {
    background: #489cfb;
    background: linear-gradient(to top, #489cfb, #86d7fd);
}

.main08 {
    background: #9447a8;
    background: linear-gradient(to top, #9447a8, #d687eb);
}

.main09 {
    background: #d86261;
    background: linear-gradient(to top, #d86261, #ff9c66);
}

.main10 {
    background: #7232bb;
    background: linear-gradient(to top, #7232bb, #8e8ef7);
}

.main11 {
    background: #f48e39;
    background: linear-gradient(to top, #f48e39, #fab000);
}

.main12 {
    background: #379a03;
    background: linear-gradient(to top, #379a03, #99d976);
}

/* front-page news */

.fp-header {font-size: 1.2em; font-weight: bold; text-align:right; padding-bottom: 1ex; }
.main-news a {text-decoration: underline;}

/* sprites */

.s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10,.s-11,.s-12{
    background: url(../i/menuicons.png) no-repeat;
    width: 30px; height: 32px;
    margin-right: 5px;
    display: block;
    float: left;
}

.s-1{background-position: 0 0;}
.s-2{background-position: -35px -0px;}
.s-3{background-position: -70px -0px;}
.s-4{background-position: -105px -0px;}
.s-5{background-position: -140px -0px;}
.s-6{background-position: -175px -0px;}
.s-7{background-position: -210px -0px;}
.s-8{background-position: -245px -0px;}
.s-9{background-position: -280px -0px;}
.s-10{background-position: -315px -0px;}
.s-11{background-position: -350px -0px;}
.s-12{background-position: -385px -0px;}

.ss-1, .ss-2, .ss-3, .ss-4,.ss-5, .ss-6,.ss-7, .ss-8,.ss-9, .ss-10,.ss-11, .ss-12 {
    background: url(../i/frontpage.png) no-repeat;
    width: 188px; height: 158px;
    margin: 41px 0 0 -13px;
}
.ss-1 { background-position: 0 0;}
.ss-2 { background-position: 0 -160px;}
.ss-3 { background-position: 0 -320px;}
.ss-4 { background-position: 0 -480px;}
.ss-5 { background-position: 0 -640px;}
.ss-6 { background-position: 0 -800px;}
.ss-7 { background-position: 0 -960px;}
.ss-8 { background-position: 0 -1120px;}
.ss-9 { background-position: 0 -1280px;}
.ss-10 { background-position: 0 -1440px;}
.ss-11 { background-position: 0 -1600px;}
.ss-12 { background-position: 0 -1760px;}

/* main content */

.spoiler-body {display: none;}

/* footer */

.datarc-footer {height: 290px; background: url(../i/worldmap.png) no-repeat 15px bottom;}

.footer {
    color: #dcdcdc;
    background-color: #302f2f;
    padding: 15px 0;
    margin-top: 2em;
}

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

.menu li, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.menu {padding: 0 0 1.2em 0;}

.menu a {
    display: block;
}

.menu ul {
    padding-top: 1ex;
    border-top: 1px solid #484848;
}

.footer-phone {
    font-size: 1.2em;
}

.footer  hr {
    color: #666;
    border-color:#666;
    margin: 10px 0;
}

footer {
    text-align: center;
    color: #666;
    font-size: 0.9em;
}

/* modal */

.modalbtn .btn { padding: 1em 2em;}
.modalbtn  {line-height: 3.4em;}

.modal-title {
    font-size: 18px;
}

.modal-footer p {
    color: #999; float: left; text-align: left;
}

.cities .col-xs-12 {
    padding-top: 1ex;
}

.cities .col-xs-6 {
    padding-bottom: 1ex;
}

.cities a[data-lab]:after {
    right: -11px;
    top: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #4db733;
    border-width: 6px;
    margin-top: -7px;
}

.cities a[data-lab] {
    font-weight: bold;
}

.cities ul {
    list-style: none;
    padding-left: 0;
}

.cities a[data-lab]:before {
    background: #4db733;
    color: #fff;
    font-size: 11px;
    top: 1px;
    padding: 3px 6px;
    content: 'Лаборатория';
    position: absolute;
    left: 100%;
    margin-left: 10px;
    pointer-events: none;
    user-select: none;
}

li[data-letter] {
    position: relative;
}

li[data-letter]:before {
    content: attr(data-letter);
    position: absolute;
    font-size: 15px;
    color: #4db733;
    text-transform: uppercase;
    font-weight: 700;
    left: 0;
    top: 0;
}

.city-modal-lg .close {
    opacity: 0.5;
}

.city-modal-lg .close span {
    font-size: 37px;
    margin-right: 8px;
    position: relative;
    top: 9px;
}

.city-modal-lg .close i {
    font-size: 22px;
    border-bottom: 1px dotted #000;
    font-style: normal;
}

.city-modal-lg .close:hover {
    opacity: 0.9;
}

.cities .datarc__geo-content .page:first-child a:hover {
    color: #0076b3;
}

.header__geo-block .close {
    width: 30px;
    position: absolute;
    right: 1px;
    top: 4px;
    outline: 0;
}

.cities .datarc__geo-content .page:first-child a {
    color: #000;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none !important;
    font-size: 15px;
}

.cities .datarc__geo-content .page:first-child a:not(.main_lab) {
    margin-left: 35px;
}

/* content */

.navmenu { margin: 20px 0;}

.main-content {
    /*	margin: 20px 0;
      padding: 15px;
  */
    margin-bottom: 15px;
}

.main-content a, .content a { text-decoration: underline;}
.content a.btn { text-decoration: none;}
.content a:hover { color: #2694dc;}
.nav-tabs a { text-decoration: none; }

.mainrow h3 {margin-top: 0;}
.mainrow  {padding-top: 1em;}
.mainrow ul {padding-left: 1.2em;}

/* .content h1, */
.content h1 {margin-top: 0; font-weight: bold; }

.content h2, .content h3, .content h4 {
    color: #1172b1;
    font-weight: bold;
}

.content h2 a,.content  h3 a,.content h4 a {text-decoration: none;}

.requestFForm { padding: 2em 0;}
.requestFResult { padding: 2em; font-size: 2em;display: none;}
#courierF .requestFResult {display:block;}

/* breadcumps */

.breadcrumb>li+li:before {
    content: ">\00a0";
}
.breadcrumb { margin: 15px 0;}


/* data from base css */

.nounderline a {text-decoration: none;}
.local, .locala a {border-bottom: 1px dotted;}

.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block !important;
    margin: 0 auto !important;
}
.img_center {
    text-align:center;
}
img.alignright, p.alignright img {
    margin-left: 30px;
}
img.alignleft, p.alignleft img {
    margin-right: 30px;
}

/* about */
#principles  {color: #fff;}
#principles .item-1 {background-color: #dd9009; padding: 15px;}
#principles .item-2 {background-color: #4fb733; padding: 15px;}
#principles .item-3 {background-color: #05bc9d; padding: 15px;}
#principles .item-4 {background-color: #702583; padding: 15px;}
#principles .item-5 {background-color: #0d76b0; padding: 15px;}
#principles .item-6 {background-color: #ed450c; padding: 15px;}
#principles .col-xs-12 {margin-bottom: 15px;}
#principles .principlesIcon {
    height: 77px;
    text-align:center;
}
#principles .principlesT {
    font-size: 1.6em;
    padding-bottom: 1.2em;
}

/* /advantages.html */
#advantages {
    color: #fff;
    line-height: 115%;
    margin-bottom: 2em;
}

#advantages h3 {
    color: #fff;
    margin-bottom: 0.6em;
    font-size: 1.4em;
}

#advantages li{
    display: table;
    height: 111px;
    margin-bottom: 3px;
}
#advantages li div {
    height: 111px;
    vertical-align: middle;
}

.advContent {
    display: inline-block;
    zoom:1;
}

#advantages li div.icon {
    display: block; float: left;
    padding: 16px 0;
    text-align:center;
    width: 132px;
}
#advantages .item-1 .icon{
    background-color: #4fb733;
}

#advantages .advContent {
    padding: 0 2em 1ex 2em;
}

#advantages .item-1 .advContent {	background-color: #7fd272;}
#advantages .item-2  .icon {background-color: #787ede;}
#advantages .item-2 .advContent{background-color: #a2a7f7;}
#advantages .item-3  .icon{	background-color: #0d76b0;}
#advantages .item-3 .advContent{background-color: #3da5df;}
#advantages .item-4  .icon{background-color: #05bc9d;}
#advantages .item-4 .advContent{background-color: #4bc8b3;}
#advantages .item-5 .icon {background-color: #ed450c;}
#advantages .item-5 .advContent{background-color: #f56636;}
#advantages .item-6 .icon {background-color: #d01d1d;}
#advantages .item-6 .advContent{background-color: #e44747;}
#advantages .item-7 .icon {background-color: #702583;}
#advantages .item-7 .advContent{background-color: #9e56b0;}
#advantages .item-8 .icon {background-color: #fb226f;}
#advantages .item-8 .advContent{background-color: #fe71a3;}

/* lab */

.labPhotos div {min-height: 4em; text-align: center;}

/* clients */

.clients { text-align: center;}
.clients-img {height: 90px; line-height: 90px;}
.clients-img  img {vertical-align: middle; display: inline-block;}
.clients-txt {margin-bottom: 2em;}

/* in numbers */
#in_numbers {list-style-type: none; color: ##1172b1; font-size: 1.6em; }
#in_numbers li { }
#in_numbers img {margin: 5px;}
#in_numbers  a, #in_numbers_devices a {text-decoration: none;}
.numb {font-size: 1.8em; letter-spacing: -0.5px; padding-left: 1ex;}
.item-1 .numb { color: #ed450c;}
.item-2 .numb {	color: #ffb800;}
.item-3 .numb {	color: #3872bc;}
.item-4 .numb {	color: #05bc9d;}
.item-5 .numb {	color: #d01d1d;}
.item-6 .numb {	color: #4bb733;}
.item-7 .numb {	color: #00cdea;}
.item-8 .numb {	color: #ed450c;}

#in_numbers_devices {margin-top: 2em;margin-bottom: 2em; text-align: center; font-size: 1.1em;}
.numb_dev {font-size: 1.6em;}

/* team */

.galleryLst {margin-top: 2em; margin-bottom: 2em; }

/* contacts */

.map img, .map iframe, .map {
    display:block;
    height: 405px !important;
}
.map {
    overflow:hidden;
    border: 1px solid #8eb8f0;
    margin: 0 0 50px 3px;
}
.ymaps-copyrights-pane{z-index:-1 !important}

#contacts, #contacts li {list-style-type: none;}

#contacts, .pagePhoto {padding: 1em;}

/* articles */

.article-header {display: block; font-size: 1.33em; padding-bottom: 0.5ex;}
.article-left {width: 134px;}

/* single page - all daarc */

.topexperts div {text-align: center; }
.howtopics div {text-align: center; font-size: 1em; }

.quest, .excl {
    padding-left: 45px !important;
}
.quest {
    min-height: 39px;
    background: transparent url(../i/iquest.png) no-repeat top left;
}
.excl {
    min-height: 39px;
    padding: 0 0 1em 40px;
    background: transparent url(../i/iexcl.png) no-repeat top left;
}
.marked li {
    padding: 0 0 1px 29px;
    background: transparent url(../i/ul-marker.png) no-repeat 3px 4px;
    list-style: none;
}

/*.hwwIcon {height: 140px; line-height: 140px; }
 .hwwArrow {background: transparent url(../i/hww-arrow.png) no-repeat center right;}*/

.howwework {text-align: center;}
/* .hwwText {min-height: 4em;} */

.hwwTitle {
    font-size: 1.1em;
    font-weight: bold;
    color: #4fb733;
    text-transform:uppercase;
    margin: 5px 0;
}

.nobr { white-space: nowrap;}

.gallery img {margin-top: 10px; margin-bottom: 10px;}

/* forms om pages */

.roundedform {
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    border: 5px solid #4a98c3;
    background-color: #0d76b0;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.roundedform .h4 {font-size: 1.7em;}

.roundedform p {padding: 1ex 0;}

.roundedform p, .roundedform span, .roundedform .requestFResult {color: #fff;}

.roundedform .requestFResult , .tab-content .requestFResult {display: none;}

/* other */
@media screen and (max-width: 767px) {

    .container {width: 750px;}


    .topphone { text-decoration: none; padding-left: 16px; text-align:left;}
    .modalbtn .btn { padding: 2ex;}
    .modalbtn  {line-height: 1.6em;}

    .map img, .map iframe, .map { height: 200px !important;}

    #in_numbers, .numb_dev , #in_numbers_devices {font-size: 1em;}

    .article-left {width: 90px;}

    /* content fixes */
    #advantages li div, #advantages li { 	height: auto;}

    .hwwText {min-height: 4em; font-size: 0.9em;}
    .hwwTitle {font-size: 1.1em;}
}

.model-item a {
    text-decoration: none;
}

.model-item {
    border: 1px solid #7bd0ff;
    padding: 10px;
    margin-bottom: 28px;
    border-radius: 2px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 108px;
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 30px auto!important;
        left: 0;
        right: 0;
        position: absolute !important;
    }
}

#single .post:nth-child(4n+1) {
    clear: both;
}
/* bootstrap addon - 5 columns classes */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


@media print {
    nav, .footer, .col-md-pull-9, .requestFBlock, .roundedform, .printno, .breadcrumb {display: none;}
    .printme {display: block;}
    a[href]:after {content: none !important;}
}



.mycheckbox {
    display: none;
}

.checkbox-custom {
    position: relative;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 1px solid #9d9d9d;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 14px;
}

.labeled {
    width: 220px;
}

.checkbox-custom, .labeled {
    display: inline-block;
    vertical-align: middle;
}

.mycheckbox:checked + .checkbox-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background: url(../i/check.svg) no-repeat;
    -webkit-background-size:20px;
    background-size: 20px;
    border-radius: 2px;
}