@font-face {
        font-family: OpenSans-Regular; /* Имя шрифта */
        src: url(../f/opensans-regular.ttf); /* Путь к файлу со шрифтом */
        font-family: OpenSans-Bold; /* Имя шрифта */
        src: url(../f/opensans-bold.ttf); /* Путь к файлу со шрифтом */
        font-family: OpenSans-Italic; /* Имя шрифта */
        src: url(../f/opensans-italic.ttf); /* Путь к файлу со шрифтом */

        font-family: RobotoCondensed-Regular; /* Имя шрифта */
        src: url(../f/robotocondensed-regular.ttf); /* Путь к файлу со шрифтом */
        font-family: Robotocondensed-Bold; /* Имя шрифта */
        src: url(../f/robotocondensed-bold.ttf); /* Путь к файлу со шрифтом */
        font-family: Robotocondensed-Italic; /* Имя шрифта */
        src: url(../f/robotocondensed-italic.ttf); /* Путь к файлу со шрифтом */



    }
    @keyframes Image
    {
        from { transform: scale(1); }
        to { transform: scale(1.5); }
    }
    *, *:after, *:before 
    {
        transition: .1s ease-in-out; /* добавим плавность переходов для всех элементов страницы*/
    }
    .container
    {
        width:100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    body{background-color:#dbedff;}
    .wrap{margin:0 auto; width: 100%; max-width: 1240px;}
    .wrap-flex{margin:0 auto; width: 100%; max-width: 1240px;display: -webkit-flex;display: -ms-flexbox;display:flex;}
    
      .newyear {position:fixed;top:0px;left:0px;width:175px; height:110px;background:url('../i/vetka2.png');z-index:999; }

      .newyear1 { height: 30px ;color: #9E9C9C;  background: url(../i/girlianda1.gif) repeat-x 100%;  } 
       
    /*---------------------------------Шапка----------------------------------*/
    .header
    {
    /*  background-image: url('../i/logo.png');
        background-position:20px 10px;
        background-repeat: no-repeat; */
        background-color:#f3f9ff;
        height:60px;
        width:100%;
        text-align:right;
        font-family: OpenSans-Regular;
        box-sizing: border-box;
        position: fixed;
        top:0px;
        z-index:999;
    }
    #logo
    {
        display:block;
        float: left;
        margin: 10px 80px;
    }
    /*------------------- форма поиска ------------------- */
    #searchform 
    {
        float: right;
        margin-top: 14px;
        margin-right: 10px;
        display: inline-block;
        position: relative;
        box-sizing: border-box;
    }
    #searchform input 
    {
        width: 170px;
        float: left;
        padding-left: 10px;
        padding-right: 30px;
        height: 26px;
        overflow: hidden;
        color: #9E9C9C;
        border: 1px solid #588dcb;
        border-radius:5px;
    }
    ::-webkit-input-placeholder
    {
        color:#9E9C9C;
        opacity:0.7;
        font-style: italic;
    }
    ::-moz-placeholder /* Firefox 19+ */
    {
        color:#9E9C9C;
        opacity:0.7;
        font-style: italic;
    }
    :-moz-placeholder /* Firefox 18- */
    {
        color:#9E9C9C;
        opacity:0.7;
        font-style: italic;
    }
    :-ms-input-placeholder 
    {
        color:#9E9C9C;
        opacity:0.7;
        font-style: italic;
    }
    #searchform button 
    {
        background: transparent;
        height: 30px;
        border: none;
        position: absolute;
        right: 3px;
        color: #588dcb;
        cursor: pointer;
        font-size: 18px;
    }
    #searchform button:active, button:focus 
    {
        outline: none;
    }
    #searchform button::-moz-focus-inner
    {
        border: 0;
    }
    #searchform input:focus 
    {
        outline: none;
    }
    #searchform button.find
    {
        display:block;
    }
    #searchform button.cancel
    {
        display:none;
    }
    /*---------------------------------Меню---------------------------------------*/
    .icon 
    {
        display: none;
        width: 1em;
        height: 1em;
        stroke-width: 0;
        stroke: currentcolor;
        fill: #2e8ece;
    }
    .header a 
    {
        text-decoration: none;
        color: #2e8ece;
        display:inline-block;
    }
    .header>.wrap>ul 
    {
        display: inline;
        margin: 0px 5px 0px 0px;
        padding:0;
        box-sizing: border-box;
    }
    .header>.wrap>ul>li
    {
        display: inline-block; 
        padding:20px 10px;
        color:#2e8ece;
    }
    .header>.wrap>ul>li:hover 
    {
        background: #e6f3ff;
        border-bottom:3px solid #2e8ece;
    }
    .header>.wrap>ul>li:hover>ul 
    {
        display: block;
        border:1px solid #d8d8d8;
        background: #f3f9ff;
        /*height: 300px; */
        opacity:1;
    }
    .header>.wrap>ul>li>ul 
    {
        position: absolute;
        display: none;        
        margin:23px 0px 0px -10px;
        z-index:999;
        opacity: 0;
        padding: 0;
       /* height: 0px; */
    -webkit-transition: height 1.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 1.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 1.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 1.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 1.3s ease-in-out, box-shadow 0.6s linear;
    }
    .header>.wrap>ul>li>ul>div{display: table-cell;}
    .header>.wrap>ul>li>ul>li, .header>.wrap>ul>li>ul>div>li 
    { 
        display: block; 
        text-align:left;
        padding:10px 15px;
        width:200px;
    }
    .header>.wrap>ul>li>ul>li a 
    {
        display:block;
    } 
    .header>.wrap>ul>li>ul>li:hover, .header>.wrap>ul>li>ul>div>li:hover  
    {
        border:0;
        background: #3498db;
    }
    .header>.wrap>ul>li>ul>li:hover a, .header>.wrap>ul>li>ul>div>li:hover a  
    {
        color:#fff;
    }

    .content-offers
    {
        background: #6b98c2;
        margin: 40px 0 0 0;
    }
    .content-flex-main{display: -webkit-flex;
        display: -ms-flex;
        display: flex;}
    
    .sep{color: #898989 !important; cursor: default !important; font-weight: bold; border-bottom: 1px solid #898989;}
/*---------------------------------О Предприятии------------------------------------------*/
    .company
    {
        font-family: OpenSans-Bold;
        font-size: 1.1em;
        padding: 20px;
        color: #fff;
        flex: 1;
    }
    .company p{text-align: justify;}


/*---------------------------------Наши предложения---------------------------------------*/


.offers{width:438px;margin-top:30px;margin-right:60px; margin-left: 60px;height:550px;}
.yellow:hover  ~ .center, .turquoise:hover ~ .center, .green:hover ~ .center, .orange:hover ~ .center, .pink:hover ~ .center, .blue:hover ~ .center{display: none;}
.yellow:hover, .turquoise:hover, .green:hover, .orange:hover, .pink:hover, .blue:hover{z-index:4;}
.yellow:hover ~ .center_yellow{display: block;}
.turquoise:hover ~ .center_turquoise{display: block;}
.green:hover ~ .center_green{display: block;}
.orange:hover ~ .center_orange{display: block;}
.pink:hover ~ .center_pink{display: block;}
.blue:hover ~ .center_blue{display: block;}
.yellow, .turquoise, .green, .orange, .pink, .blue{background-repeat: no-repeat;width:131px;height: 131px;position:relative;z-index:1;}
.yellow{background-image: url('../i/yellow.png');left:154px;top:0px;}
.turquoise{float:left;background-image: url('../i/turquoise.png');left:0px;top:-39px;}
.green{float:right;background-image: url('../i/green.png');right:0px;top:-39px;}
.free-place{margin-left:131px;margin-right:131px;}
.orange{float:left;background-image: url('../i/orange.png');left:0px;top:0px;}
.pink{float:right;background-image: url('../i/pink.png');right:0px;top:0px;}
.blue{background-image: url('../i/blue.png');left:154px;top:-42px;}
.center, .center_yellow, .center_green, .center_turquoise, .center_orange, .center_pink, .center_blue{background-repeat: no-repeat;width:248px;height: 248px;position:relative;z-index:3;left:95px;top:-407px;}
.center_yellow, .center_green, .center_turquoise, .center_orange, .center_pink, .center_blue{display: none;}
.center{background-image: url('../i/center.png');}
.center_yellow{background-image: url('../i/center_yellow.png');}
.center_green{background-image: url('../i/center_green.png');}
.center_turquoise{background-image: url('../i/center_turquoise.png');}
.center_orange{background-image: url('../i/center_orange.png');}
.center_pink{background-image: url('../i/center_pink.png');}
.center_blue{background-image: url('../i/center_blue.png');}
.clearfix::after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.offers-mobile{display:none;}


    /*---------------------------------Наши достижения----------------------------------------*/
    .content-results
    {
         background: url('../i/dolphin.png') #6b98c2;
        -moz-background-size: cover; /* Firefox 3.6+ */
        -webkit-background-size: cover; /* Safari 3.1+ и chrome 4.0+ */
        -o-background-size: cover; /* Opera 9.6+ */
        -ms-background-size: cover; /* ie */
        background-size: cover; /* Современные браузеры */
        padding:40px;
        text-align:center;
        font-family: OpenSans-Regular;
        opacity : 0.9;
    }
    .content-results h1 
    { 
        margin:0;
        padding:0;
        color:#fff;
    }
    .results, .btn-results  
    {
        padding: 50px 0px;
        text-align:center;
        box-sizing: border-box;
    }
    .results ul, .btn-results ul 
    {
        display: inline;
        margin: 0;
        padding:0px;
    }
    .results ul li
    {
        box-sizing: border-box;
        display: inline-block; 
        margin:10px 30px;
        padding-top:30px;
        background-image: url('../i/result.png');
        background-repeat: no-repeat;
        opacity : 0.6;
        color:#020032;
        width:161px;
        height: 161px;
        font-size:1.1em;
        border-radius:50%;
        border:1px solid #dee4ed;
    }
    .results ul li:hover 
    {
        /*-webkit-animation: Image 2s infinite alternate;*/
        -o-transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -webkit-transition: all 0.9s ease-in-out;
        -ms-transition: all 0.9s ease-in-out;
        transition: all 0.9s ease-in-out;

        -o-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        cursor:default;
    }
.btn-results{padding: 50px 0px;text-align:center;box-sizing: border-box;}
.btn-results ul{display: inline;margin: 0;padding:0px;}
.btn-results ul li{box-sizing: border-box;display: inline-block;margin:10px 30px;width:275px;height: 45px;font-size:1.2em;background: #2baa7d;border-radius: 5px;}
.btn-results ul li a{display:block;box-sizing: border-box;padding-top:10px;width:275px;height: 45px;text-decoration: none;color: #fff;}
.btn-results ul li a:hover{background: #37dca2;border-radius: 5px;}

/*---------------------------------Наши достижения дополнительный вариант с блоками ----------------------------------------*/
.content-results1
    {
         background: url('../i/dolphin.png') #6b98c2;
        -moz-background-size: cover; /* Firefox 3.6+ */
        -webkit-background-size: cover; /* Safari 3.1+ и chrome 4.0+ */
        -o-background-size: cover; /* Opera 9.6+ */
        -ms-background-size: cover; /* ie */
        background-size: cover; /* Современные браузеры */
        padding:40px;
        text-align:center;
        font-family: OpenSans-Regular;
        opacity : 0.9;
    }
    .content-results1 h1 
    { 
        margin:0 0 10px 0;
        padding:0;
        color:#fff;
    }
    
    .flex-blk-cnt{flex:1; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; text-align: center; display: block;}
    .flex-blk-lft{flex:1; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; text-align: left; display: block;}    
    
    /*---------------------------------Новости---------------------------------------*/
    .content-news
    {
        background: #f9f9f9;
        padding:30px 0px;
        text-align:center;
    }
    .content-news h1 
    { 
        margin:0;
        padding:0;
        color:#898989;
    }
    .news, banner
    {
        margin-top: 10px;
        font-size:1em;
    }
    .news-block
    {
        box-sizing: border-box;
        display: inline-block;
        text-align:left;
        width:350px;
        padding:10px 30px;
        margin: 30px 0px;
        vertical-align: top;
    }
    .date
    {
        color:#2e8ece;
    }
    .text
    {
        color:#484848;
    }
    .all-news 
    {
        padding:40px 0px;
    }
    .all-news a 
    {
        text-decoration: none;
        color: #2e8ece;
    }
    .banner-block
    {
        box-sizing: border-box;
        display: inline-block;
        background-color:#e6e6e6;
        color:#6c6c6c;
        width:295px;
        height:75px;
        margin:30px 30px;
        border:1px solid #6c6c6c;
        border-radius: 5px;
    }
    .banner-block h1 
    {
        padding-top:15px;
    }
    /*---------------------------------Подвал-------------------------------------------*/
    .footer
    {
        background-color:#dbedff;
        text-align:center;
        border-radius: 3px;
    }
    .footer ul 
    {
        display: inline;
        margin: 0;
        padding:0;
    }
    .footer ul li
    {
        display: inline-block; 
        padding:20px 20px;
    }
    .footer ul li a, .copyright, .mail, .design, .phones 
    {
        text-decoration: none;
        color: #696969
    }
    .copyright, .mail, .design, .phones
    {
       /* background: url("../i/sprite.png") no-repeat scroll 0 0 transparent;*/
        margin-top:5px;
        padding-bottom:3px;
        font-size:1.0em;
     /*   background-color:#dbedff;*/
        flex: 1;
    }
    .mail:after {
    background-position: -29px -10px;
    content: "";
    height: 14px;
    width: 15px;
}

    /*---------------------------------Меню для девайсов-------------------------------------------*/
    @media only screen and (max-width: 768px)
    {
        .header ul.hide 
        {
            display:none;
        }
        .header ul.show 
        {
            display:block;
            border:1px solid #d8d8d8;
            min-height: 200px;
        }
        .header
        {
            display: -webkit-flex;
            display: -ms-flexbox;
            display:flex;
            justify-content: flex-end;
        }
        .header>.wrap>ul 
        {
            flex-basis:150px;
            position:relative;
            /*background: #3498db;*/
            background: #f3f9ff;
            height:160px;
            top:60px;
            margin-right:3px;
            z-index:999;
            
        }
        .header>.wrap>ul>li 
        {
            display: block;
            padding:10px 20px;
            border-radius:3px;
        }
        .header>.wrap>ul>li a 
        {
            /*color:#fff;*/
        }
        .header>.wrap>ul>li:hover 
        {
            border:0;
        }
        .header>.wrap>ul>li:hover a 
        {
            color:#2e8ece;
        }
        .header>.wrap>ul>li:hover ul 
        {
            display: none;
        }
        .icon 
        {
            display:block;
            position:absolute;
            right:12px;
            top:20px;
            transform: scale(2);
        }
        #searchform 
        {
            right: 30px;
            position: absolute;
        }
     .offers { display: none;}

    }

        .offers-ie
        {
            display:block;
            text-align:center;
            font-family: OpenSans-Regular;opacity : 0.9;
        }




    /*---------------------------------Версия для планшета---------------------------------------------------------*/
    @media only screen and (min-width: 480px) and (max-width: 768px) 
    {
        .content-offers
        {
            display: block;
            box-sizing: border-box;
        }
        .company
        {
			-ms-flex:none;
			flex:none;
            display: block;
            padding:10px 10px;
        }

       .offers-mobile { display: block;}

    .offers
        {
	  display: none;        
        } 

 /*   
    .offers
        {
	  display: block;
            margin:0 auto;
        } 
*/


    }




    /*---------------------------------Версия для мобильника-----------------------------------------*/
    @media only screen and (min-width: 248px) and (max-width: 480px)
    {
        #logo
        {
            left: 10px;
        }
        #searchform input 
        {
            width: 140px;
            height: 26px;
        }
        .content-offers
        {
            display: inline-block;
            box-sizing: border-box;
        }
        .company
        {
            display:none;
        }
        .offers
        {
            display:none;
        }
        .offers-mobile
        {
            display:block;
            text-align:center;
            font-family: OpenSans-Regular;opacity : 0.9;
        }
        .offers-mobile h1 
        { 
            margin: 40px 0 0 0;
            padding:0;
            color:#fff;
        }
        .offers-mobile ul li
        {
            list-style-image: url(../i/check.png);
            padding:10px 0 0 20px;
            margin:0;
            text-align:left;
            color:#f3f9ff;
            opacity : 0.8;
            font-size:1.1em;
        }
        .offers-mobile ul li a
        {
            color:#f3f9ff;
            text-decoration: none;
        }
        .сontent-results
        {
            padding:20px 0 0 0;
        }
        .results  
        {
            text-align:left;
        }
        .results, .btn-results  
        {
            padding: 25px 0px;
        }
        .btn-results ul li
        { 
            margin:0 0 20px 0;
        }
        .results ul li
        {
            list-style-type: circle;
            background-image:none;
            width:auto;
            height: auto;
            padding:10px 0 0 50px;
            margin:0;            
            color:#f3f9ff;
            opacity : 0.7;
            border:0;
        }
        .results ul li:hover
        {
            animation: none;
            transform: none;
        }
    }
    
    
    
/***** меню-боковое, аккордион *****/
.ac-container{width: 100%;margin: 0px auto 10px auto;text-align: left;}
.ac-container label{font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;padding: 0px 20px;margin: 0 0 0 0;position: relative;z-index: 20;display: block;height: 30px;cursor: pointer;color: #4ce0fc;line-height: 30px;font-size: 19px;background: #34495e;box-shadow:	0px 0px 0px 1px rgba(155,155,155,0.3), 0px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);background: url(../i/down_circle.png) 90% 50% no-repeat;}
.ac-container label.ac-green{background:#36d89f;color:#fff;}
.ac-container label:hover{background: #3498db url(../i/down_circle.png) 90% 50% no-repeat;;}
.ac-container input:checked + label, .ac-container input:checked + label:hover{background: #36d89f;color: #ffffff;text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);box-shadow:0px 0px 0px 1px rgba(155,155,155,0.3),0px 2px 2px rgba(0,0,0,0.1);background: url(../i/up_circle.png) 90% 50% no-repeat;}
.ac-container label:hover:after, .ac-container input:checked + label:hover:after{content: '';position: absolute;width: 24px;height: 24px;right: 13px;top: 7px;background: transparent;}
.ac-container input:checked + label:hover:after{background-image: none;}
.ac-container input{display: none;}
.ac-container article{background: rgba(75, 100, 126, 0.5);margin-top: -1px;overflow: hidden;height: 0px;position: relative;z-index: 10;-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;transition: height 0.3s ease-in-out, box-shadow 0.6s linear;}
.ac-container article.ac-green{background:#fcfcfc;}
.ac-container article p{font-style: italic;color: #fff;line-height: 23px;font-size: 14px;padding: 10px;}
.ac-container article.ac-green{background:#fcfcfc;}
.ac-container article.ac-green p{color:#484848;}
.ac-container input:checked ~ article{-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;transition: height 0.5s ease-in-out, box-shadow 0.1s linear;box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);}
.ac-container input:checked ~ article.ac-small{height: 140px;}
.ac-container input:checked ~ article.ac-medium{height: 180px;}
.ac-container input:checked ~ article.ac-large{height: 230px;}

/*---------------------------------Суб-меню для аккордеона-----------------------------------------*/
.sub_menu{padding: 0 20px 0 20px!important;}
.sub_menu li
    {
        display: block;
        height: 25px;
        color: #fff;
        padding: 0 0 0 0 !important;
    }
.sub_menu li:first-child
    {
        padding: 5px 0 0 0 !important;
    }
.sub_menu li a{color: #fff;text-decoration: none;}

/*---------------------------------Продукт---------------------------------------------------------*/
    .content-product
    {
        flex:1;
        background:#fff;
        margin: 0px 0px 0px 10px;
        padding:10px 10px 10px 10px;
        color:#555555;
        border-radius:3px;
        text-align: justify;
    }
    .content-product p{text-align: justify;}
    .content-product>ul{padding:0 20px;margin:0 0 0 0;}
    .content-product>ul>li{list-style-type: circle;list-style-position: outside;}
    .product
    {
        display:block;
        margin:15px 20px 50px 20px;
    }
    .next
    {
        display:block;
        text-align:right;
        text-decoration: none;
        color: #37dca2;
        padding-right:20px;
    }
    .btn-load
    {
        padding:3px 20px;
        background:#2baa7d;
        border-radius:10px;
        font-size:1.1em;
        text-decoration: none;
        color: #fff;

    }
    .btn-load:hover
    {
        background:#37dca2;
    }
    .content-product h1
    {
        margin:0px;
        padding:10px 20px;
    }
    
.content-product  a:link   
{
  color : #0C5FB2;
  text-decoration: underline;
}

.content-product  a:visited
{
  color: #008FD1;
  text-decoration: underline;
}



   .product h2, .content-product h2
    {
        margin:0px;
        /*color:#36d89f;*/
        color:#34495e;
        display: table-cell;
        vertical-align: middle; 
    }
    .product h2 img, .content-product h2 img
    {
        margin:0px;
        vertical-align: middle; 
    }
    .product img
    {
        float:left;
        padding:0px 20px 0px 0px;
    }
    .product span
    {
        color: blue;
    }
    .product ul.opportunities
    {
        list-style-image: url(../i/check.png);
    }
    .product ul.tasks
    {
        list-style-image: url(../i/marker.png);
    }
    .product ul.adm
    {
       padding-left:20px;
       padding-bottom:0px;
       margin-bottom:0px;
    }
    .product ul.adm li:before 
    {
        content: "- ";
    }

    .product-mod{ min-height: 200px; margin: 0 0 30px 0;}
    .product-mod h3{background: #2c6a94;color: #ffffff; padding: 3px 10px;}
    .product-mod img {float: left; display: table-cell; margin: 0 10px 0 10px;}
    .product-mod ul>li{list-style-image: url(../i/check_small.png); /*list-style: circle;*/list-style-position: inside;}.
    product-mod div {display: table-cell;}
    .product-mod div>p{margin: 0 0 0 0; padding: 0 0 0 0;}
    .product-mod div>ul{margin: 0 0 0 0; padding: 0 10px 0 10px;}
    .product-mod div>ul>li{list-style-image: url(../i/check_small.png); /*list-style: circle;*/list-style-position: inside;}
    .product-mod>.price{margin: 0 10px 0 10px; padding: 0 0 0 0; display: table-cell; vertical-align: middle; width: 100%;height: 45px;}
    .price>span{color: #2baa7d; font-style: bold;}
    .cart {float: right;box-sizing: border-box;display: block;margin: 0 30px;width:200px;height: 45px;font-size:1.2em;color: #fff !important; text-decoration: none !important; background: #2baa7d;border-radius: 5px; padding: 10px;text-align: center;}
    .cart:hover{background: #37dca2;border-radius: 5px;}
    
    
    
/*---------------------------------Путь---------------------------------------------------------*/
    .menu-select
    {
        background: #e6f3ff;
        border-bottom:3px solid #2e8ece;
    }
    .icon-menu-left 
    {
        display: none;
        width: 1em;
        height: 1em;
        stroke-width: 0;
        stroke: currentColor;
        fill: #2e8ece;
    }
    .breadcrumbs
    {
        background:#b3d9ff;
        height:40px; 
        box-sizing: border-box;  
        border-radius:1px;
        margin: 60px 0 0 0;
    }
    .breadcrumbs ul 
    {
        display: inline;
        margin: 0;
        padding:0px 30px;
    }
    .breadcrumbs ul li
    {
        display: inline-block; 
        padding:20px 0px;
        color:#2e8ece;
    }
    .breadcrumbs a
    {
        text-decoration: none;
        color: #696969;
        font-style:italic;
    }
    .content, .content-flex 
    {
        padding:10px 30px;
        color: #696969;
        background-image: linear-gradient(0deg, #fff, #fff 60%, #b3d9ff);
        min-height: 60%;
    }
    .content-flex 
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:flex;
    }
/*---------------------------------Меню---------------------------------------------------------*/
    .content-menu ul, li 
    {
        margin:0;
        padding:0;
        list-style-type: none;
    }
    .content-menu
    {
        width:300px;
        background: #34495e;
        display: block; 
        box-sizing: border-box;
        border-radius:3px;
    }
    .content-menu ul:first-child > li:first-child
    {
        padding:20px  0px 0px 0px;
    }
    .content-menu ul:last-child > li:last-child
    {
        padding-bottom:20px;
    }
    .main-item
    {
        display: block; 
        padding:10px 55px 0 20px;
        color:#4ce0fc;
        background: url(../i/down_circle.png) 90% 50% no-repeat #34495e;
        height:45px;
        box-sizing: border-box;
        text-decoration: none;
    }
   .sub-menu 
    { 
        display: none; 
        background: #4b647e;
    }
    .sub-menu a
    {
        display: block; 
        padding:10px 50px 0 20px;
        color:#f4f4f4;
        text-decoration: none;
    }

/*---------------------------------Меню для девайсов---------------------------------------------------------*/
    @media only screen and (max-width: 768px)
    {
        /* скрываем левое меню */ 
        .hide 
        {
            display:none;
        }
        .show 
        {
            display:block;
            border:1px solid #d8d8d8;
        }
        .icon-menu-left  
        {
            display:block;
            position:absolute;
            left: 7px;
            top:64px;
            transform: scale(2);
        }
        .breadcrumbs
        {
            height:auto; 
            padding:15px 20px 0px 30px;
            box-sizing: border-box;  
            border-radius:1px;
        }
        .breadcrumbs ul 
        {
            padding:0;
        }
        .breadcrumbs ul li
        { 
            padding:5px 0 0 0;
        }
        .content-flex, .wrap-flex 
        {
            display:block;
            padding: 10px 5px;
        }
        .content-menu
        {
            width:100%;
        }
        .content-product
        {
            flex:none;
            margin:10px auto 0px auto;
        }
    }

/*---------------------------------Версия для мобильника---------------------------------------------------------*/
    @media only screen and (min-width: 248px) and (max-width: 480px)
    {
        .product img
        {
            float:none;
            padding:10px 0;
        }
        .product-mod img {float: none; display: block; margin: 0 auto;}
        .product-mod div {display: block;}
    }
    
/* Дополнительные стили */ 

.check-block {}
.check-block ul {margin: 3px 0px 0px 3px; padding: 5px 5px 5px 3px;   list-style-image: url(../i/check_small.png); list-style-position: inside; }  

.product-metod{}
.product-metod h2{ border-bottom: 2px solid #2c6a94; /* Параметры линии под текстом */
        font-weight: normal; /* Убираем жирное начертание */
        padding-bottom: 3px; /* Расстояние от текста до линии */}
.half-wrapper{width: 60%;}

/*----------------------------------стили страниц загрузки ----------------------*/

    .download-mod{min-height: 120px;margin: 0 0 30px 0;}
    .download-mod h2{margin: 0 color: #000000; padding: 0px 0px;}
    .download-mod h3{margin: 0px 0px 0px 0px;  color: #2c6a94; border-bottom: 2px solid #2c6a94;}
    .download-mod h4{margin: 0px 0px 3px 0px;}
    .download-mod a h3{margin: 0px 0px 0px 150px !important;  color: #2c6a94; border-bottom: 2px solid #2c6a94;}/* Параметры линии под текстом */
    .download-mod img {float: left; display: table-cell; margin: 0px 10px 0 0px; border: 2px solid #2c6a94;}
    .download-mod span>img {float: left; display: table-cell; margin: 0px 10px 0 0px; border: 0px}
    .download-mod img:hover {opacity: 0.90; border: 2px solid #00a8e1;}
    .download-mod div {display: table-cell;}
    .download-mod div>p{margin: 0 0 0 0; padding: 0 10px 0 0;}
    .download-mod div>ul{margin: 0 0 0 0; padding: 0 10px 0 10px;}
    .download-mod div>ul>li{list-style: circle;list-style-position: inside;}
    .download-mod>.size{margin: 0 10px 0 10px; padding: 0 0 0 0; display: table-cell; vertical-align: middle; width: 100%;height: 45px;}
    .download-mod table{
     width: 100%; background: #f3f9ff; border-color: white; border-style: solid;
     border-width: 1px 1px 1px 1px;  margin 5 5 5 5;
     text-align: left; opacity: 0.9; }
     
   .download-mod td {
    vertical-align: middle;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    border-top: 2px solid #2c6a94;
    border-bottom: 2px solid #2c6a94;
    border-right: 2px solid #2c6a94;
   }
   .download-mod td:first-child {
    border-left: 2px solid #2c6a94;
    border-right: none;
   }
   .download-mod td:nth-child(2){
   border-left: 2px solid #2c6a94; text-align: left;
   } 






    
/*
    .subscribe-mod{min-height: 120px;margin: 0 0 30px 0;  font-size: 14px;}
    .subscribe-mod h2{margin: 0 color: #000000; padding: 0px 0px;}
    .subscribe-mod img {float: left; display: table-cell; margin: 0px 10px 0 0px; border: 2px solid #2c6a94;}
 
    .subscribe-mod span>img {float: left; display: table-cell; margin: 0px 10px 0 0px; border: 0px}
    .subscribe-mod img:hover {opacity: 0.90; border: 2px solid #00a8e1;}
    .subscribe-mod div {display: table-cell;}
    .subscribe-mod div>p{margin: 0 0 0 0; padding: 0 10px 0 0;}
    .subscribe-mod div>ul{margin: 0 0 0 0; padding: 0 10px 0 10px;}
    .subscribe-mod div>ul>li{list-style: circle;list-style-position: inside;}
    .subscribe>.size{margin: 0 10px 0 10px; padding: 0 0 0 0; display: table-cell; vertical-align: middle; width: 100%;height: 45px;}
    .subscribe-mod table{
     width: 100%; background: #f3f9ff; border-color: white; border-style: none;
     border-width: 1px 1px 1px 1px;  margin 5 5 5 5;
     text-align: left; opacity: 0.9; 
     }
    .subscribe-mod input {font-size: 14px;}    
*/     



/*--------форма рассылки---------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic&subset=latin,cyrillic);*/

.subscribe-mod 

{
	background: url("../i/border.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: auto;
	/*min-height: 200px;*/
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    max-width: 700px;
	-webkit-box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);	
	box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
}

.subscribe-mod .inner
 {
	background: #f3f9ff;
	font: 13px/18px Verdana,Arial,sans-serif;
	margin: auto;
	padding: 20px 20px 20px 30px;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.subscribe-mod .stamp {
	background: url("../i/stamp.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 64px;
	position: relative;
	right: 0;
	top: 0px;
	width: 88px;
	float: right;
}
.subscribe-mod h3 {
margin-top: 0;
color: #283537;
font: bold 20px/24px "Roboto Condensed",Arial,sans-serif;
text-transform: uppercase;
}
.subscribe-mod #subs

{
display: inline-block;
margin: 0;
position: relative;
}
.subscribe-mod p {margin: 0px 10px 0px 0px;}

.subscribe-mod .submit_group{position: relative;}

.subscribe-mod input[name="sub_mail"] 

{
box-shadow: 0 0 5px 0 #bbbbbb inset, 0 1px 0 0 #ffffff;
font: normal 14px/28px "Roboto Condensed",Arial;
background: linear-gradient(to bottom, #ffffff 0px, #e7e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #ababab;
border-radius: 5px;
color: #283537;
margin: 0px 0px 5px 0px;
padding: 4px 6px;
position: relative;
text-decoration: none;
outline: 0 none;
width: 100%;
}

.subscribe-mod input[name="sub_pwd"] 
{
box-shadow: 0 0 5px 0 #bbbbbb inset, 0 1px 0 0 #ffffff;
font: normal 14px/28px "Roboto Condensed",Arial;
background: linear-gradient(to bottom, #ffffff 0px, #e7e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #ababab;
border-radius: 5px;
color: #283537;
margin: 0px 0px 5px 0px;
padding: 4px 6px;
position: relative;
text-decoration: none;
outline: 0 none;
width: 100%;
}

.subscribe-mod input[name="sub_name"] 
{
box-shadow: 0 0 5px 0 #bbbbbb inset, 0 1px 0 0 #ffffff;
font: normal 14px/28px "Roboto Condensed",Arial;
background: linear-gradient(to bottom, #ffffff 0px, #e7e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #ababab;
border-radius: 5px;
color: #283537;
margin: 0px 0px 5px 0px;
padding: 4px 6px;
position: relative;
text-decoration: none;
outline: 0 none;
width: 100%;
}

.subscribe-mod input[name="sub_pwd1"] 
{
box-shadow: 0 0 5px 0 #bbbbbb inset, 0 1px 0 0 #ffffff;
font: normal 14px/28px "Roboto Condensed",Arial;
background: linear-gradient(to bottom, #ffffff 0px, #e7e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #ababab;
border-radius: 5px;
color: #283537;
margin: 0px 0px 5px 0px;
padding: 4px 6px;
position: relative;
text-decoration: none;
outline: 0 none;
width: 100%;
}


.subscribe-mod input[name="subscribe"] {
margin-top:  14px;
padding: 4px 10px;
top: 50%;
border: 0 none;
color: #ffffff;
font: normal 16px/18px "Roboto Condensed",sans-serif;
text-shadow: none;
text-transform: uppercase;
cursor: pointer;
background: #37dca2;
background: -moz-linear-gradient(top,#37dca2 0,#24a276 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#37dca2),color-stop(100%,#24a276));
background: -webkit-linear-gradient(top,#37dca2 0,#24a276 100%);
background: -o-linear-gradient(top,#37dca2 0,#24a276 100%);
background: -ms-linear-gradient(top,#37dca2 0,#24a276 100%);
background: linear-gradient(to bottom,#37dca2 0,#24a276 100%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-sizing:  border-box;
-moz-box-sizing:  border-box;
box-sizing:  border-box;
}
.subscribe-mod input[name="subscribe"]:hover{
background: #24a276;
background: -moz-linear-gradient(top,#37dca2 0,#24a276 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#37dca2),color-stop(100%,#24a276));
background: -webkit-linear-gradient(top,#37dca2 0,#24a276 100%);
background: -o-linear-gradient(top,#37dca2 0,#24a276 100%);
background: -ms-linear-gradient(top,#37dca2 0,#24a276 100%);
background: linear-gradient(to bottom,#24a276 0,#37dca2 100%);
}
.subscribe-mod input[name="subscribe"]:active{background: #37dca2;}



.subscribe-mod input[name="unsubscribe"] {
margin-top:  14px;
padding: 4px 10px;
top: 50%;
border: 0 none;
color: #ffffff;
font: normal 16px/18px "Roboto Condensed",sans-serif;
text-shadow: none;
text-transform: uppercase;
cursor: pointer;
background: #F64214;
background: -moz-linear-gradient(top,#f64214 0,#cb3914 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F64214),color-stop(100%,#CB3914));
background: -webkit-linear-gradient(top,#F64214 0,#CB3914 100%);
background: -o-linear-gradient(top,#f64214 0,#cb3914 100%);
background: -ms-linear-gradient(top,#f64214 0,#cb3914 100%);
background: linear-gradient(to bottom,#F64214 0,#CB3914 100%);

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-sizing:  border-box;
-moz-box-sizing:  border-box;
box-sizing:  border-box;
}
.subscribe-mod input[name="unsubscribe"]:hover{
background: #CB3914;
background: -moz-linear-gradient(top,#cb3914 0,#f64214 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#CB3914),color-stop(100%,#F64214));
background: -webkit-linear-gradient(top,#CB3914 0,#F64214 100%);
background: -o-linear-gradient(top,#cb3914 0,#f64214 100%);
background: -ms-linear-gradient(top,#cb3914 0,#f64214 100%);
background: linear-gradient(to bottom,#CB3914 0,#F64214 100%);
}
.subscribe-mod input[name="unsubscribe"]:active{background: #cb3914;}









     
/*---------------------стиль кнопки загрузки------------------------------------*/

    .downcart {
    horizontal-align: rigth; box-sizing: border-box; vertical-align: middle;
    display: block; margin: 5px 0px;
    width:120px; height: 25px;
    font-size:1.0em;  color: #fff !important; 
    text-decoration: none !important; background: #2baa7d; border-radius: 5px;
    padding: 3px;text-align: center;}
    .downcart:hover{background: #37dca2;border-radius: 5px;}
    


/*---------------------стили листалки общего списка новостей------------------------------------*/


ul.pager {
    display: block;
    margin: auto;
}
li.pager-item,  li.pager-next, li.pager-last, li.pager-first, li.pager-previous {
    list-style-type: none;
    background: none repeat scroll 0 0 transparent;
    display: inline;
    moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #D0D0D0 #D0D0D0 #929292;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    display: inline-block;
    color: #333333  ;
    padding: 5px 10px;
}

li.pager-current
{
    list-style-type: none;
    background: none repeat scroll 0 0 transparent;
    display: inline;
    moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #2c6a94;
    border-color: #D0D0D0 #D0D0D0 #929292;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    display: inline-block;
    color: #FFFFFF;
    padding: 5px 10px;
}


li.pager-item > a, li.pager-current > a, li.pager-next > a, 
li.pager-last > a,li.pager-first > a, li.pager-previous > a {
    color: #333333;
}
li.pager-item > a:hover, li.pager-current > a:hover, 
li.pager-next > a:hover, li.pager-last > a:hover, 
li.pager-first > a:hover, li.pager-previous > a, {
    color: #02459C;
}

/*---------------------стили для адреса, почты, телефонов------------------------------------*/
span.address:after, span.phone:after, span.mobile:after, span.mail:after, span.skype:after {
    background: url("../i/sprite.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 4px;
}
span.address, span.phone, span.mobile, span.mail, span.skype {
    display: block;
    margin-bottom: 4px;
    padding-left: 26px;
    position: relative;
}
span.address:after {
    background-position: -29px -25px;
    height: 17px;
    left: 2px;
    top: 2px;
    width: 11px;
}
span.phone:after {
    background-position: -29px -10px;
    height: 14px;
    width: 15px;
}
span.mail:after {
    background-position: -30px 0;
    height: 10px;
    left: 1px;
    top: 6px;
    width: 14px;
}
span.mobile:after {
    background-position: -31px -42px;
    height: 16px;
    left: 3px;
    top: 2px;
    width: 9px;
}

span.skype:after {
    background-position: 0 -130px;
    height: 16px;
    left: 0;
    top: 2px;
    width: 16px;
}    

/*---------------------стили карты------------------------------------*/

 .map {
    height: 400px;
    margin: 10px 10px 10px 10px;
    overflow: hidden;
    position: relative;
}
/*.map:after {
    background: url("../i/map-overlay.png") repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 224px;
    position: absolute;
    width: 100%;
}
*/
.map iframe{
	width: 100%;
}

/*---------------------Быстрый переход по странице------------------------------------*/


.go-top {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 150px;
    color: #666666;
    font-family: robotoregular;
    left: 82px;
    padding: 6px 13px;
    position: fixed;
    text-decoration: none;
    border-radius: 2px;
    letter-spacing: 0.1em;
    font-size: 15px;
    box-shadow: 0 1px 4px #000000;
	display: none;
}
.go-top:before {
    content: '';
    display: block;
    border-bottom: 5px solid;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-left: 40%;
}

    .phone-block
    {
        box-sizing: border-box;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:250px;
        height:100px;
    }

/*Карта сайта*/

.site-map
{
    display: block;
    color:#666666;
    text-decoration: none;
}
.site-map  a:link, .site-map a:visited 
{
  color:#666666;
  text-decoration: none;
}
.site-map.ul
{
margin-left:0px; padding:0px;
}

ul.map-data
{
margin-left:10px; padding:0px;
}

ul.site-subdata
{
 padding: 10px;
}

.separator 
{color: #5555555 !important; cursor: default !important; font-weight: bold; text-decoration: none;}