

@font-face {
    font-family: Arial; /* Гарнитура шрифта */
    src: url('ArialC.otf'); /* Путь к файлу со шрифтом */
   }
   body
{
    height: 100%;
    background: url('../images/bg-t.png') repeat-x, url('../images/bg.jpg') rgb(255, 255, 255);
    background-size: auto auto;
    background-position: left top;
    font-style:normal;
        font-family: Arial, sans-serif;
    color: #333333;
    line-height: 1.42857;
}
.colonka1
{
    width: 25%;
    float: left;
    padding: 20px 0 0 0;
     font-style:italic;
     font-family:Cicle;
}


.colonka2
{
    font-family:Arial;
    width: 50%;
    float: left;
    padding: 108px 45px 5px 70px;
    text-align: left;
    font-size: 19px;
    font-weight: 400;
     font-style:normal;
}

.colonka2 p > i{
    width: 30px;
    text-align: right;
    padding-right: 6px;
    color: #333;
}

.colonka3
{
    font-family:Arial;
    float: right;
    padding: 10px 0 0 0;
    font-weight: 500;
    font-size: 19px;
    font-style:normal;
    width:210px;
}
.colonka3 span > span{
    width: 20px;
    display: inline-block;
    text-align: left;
    font-size:19px;
    float:left;
}
.colonka3 span > span img{
}
.colonka3 span{
    font-weight:bold;
    display:block;
    white-space:nowrap;
}
.colonka3 span:last-child{
    font-size: 18px;
    text-align:left;
}
.colonka3 span:last-child > span{
    margin-right:16px;
}
.colonka4-contact{
    line-height: 35px;
    font-size: 18px;

}
.colonka4-contact p > span{
    display:block;
}
.colonka4-contact span > span{
    padding-right: 5px;
    width: 30px;
    display: inline-block;
    float: left;
}
#posmts{
    position:relative;
    left:2px;
}
#posgor{
    position:relative;
    right:19px;
}
#postime{
    position:relative;
    right:23px;
    bottom:2px;
}
.clok
{
    float: left;
    text-align: left;
}

.clok span
{
    font-size: 22px;
    font-weight: 700;
}

.adres
{
    text-align: left;
    float: right;
}

.adres span
{
    font-size: 20px;
    font-weight: 700;
}
.container{
    width:1000px !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
.container1
{
    width: 1140px;
    height: 375px;
    margin: 20px auto 0;
    background-color: rgba(215, 15, 15, 0.32);
}

.container_phone
{
    width: 1000px;
    height: 220px;
    margin: 0px auto 0;
    overflow: hidden;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.container_phone #navBlock{
    padding:0;
}

.container_top
{
    left: 0;
    right: 0;
    width: 1140px;
    height: 50px;
    margin: 0 auto;
    text-align: left;
}

.navbar1
{
    width: 1140px;
    height: 52px;
    margin: 10px auto 0;
    border-top: 1px solid rgb(204, 204, 204);
    background-color: rgba(104, 163, 0, 0.3);

}
.navbar{
    f
    font-family:Arial;
    font-weight:lighter;
    text-transform:normal;
}
.nav__item{
    text-transform:normal;

}
#texttext{
    font-size:50px;
}

#mainNav
{
    z-index: 3001;
    color: black;
    padding: 15px 0 0 0;
    font-size: 1.3em;
}

#mainNav li
{
    padding-right: 0.75em;
}

#mainNav li, #mainNav li a
{
    display: inline-block;
    vertical-align: top;
}

#mainNav li a
{
    padding-right: 0.75em;
    text-transform: normal;
}

#mainNav li
{
    padding-right: 0.75em;
}

#mainNav li a             :hover, #mainNav li.active a
{
    color: #125c05;
    text-decoration: underline;
    font-family:helvetica;
}

#wrapper, #productNavBlock, #sliderBlock, #footerWrap, #navBlockWrap, #reviewsWrap, #pageWrap
{
    min-width: 1000px;
}

#header, #productNav, #banner-fade, #footer, #navBlock, #contentBlock, #reviewsBlock, #pageBlock
{
    width: 1140px;
    padding: 0 10px;
    margin: 0 auto;
}

.aboutus{
    text-align:justify;
}

.breadcrumbs{
    background: none;
    padding: 0;
    margin: 20px 0 35px 0;
}

.breadcrumbs li{
    display: inline-block;
    font-size: 14px;
}

.catalog a{
    color: #115B04;
    text-decoration: underline;
}

.catalog a:hover{
    text-decoration:none;
}

.breadcrumbs li:after{
    content:" > ";
}

.breadcrumbs li:last-child:after{
    content:none;
}

.pagination {
    padding: 20px 0;
    display: -webkit-box;
    border-radius: 4px;
    width: 100%;
    text-align:center;
}

/*.pagination_page a, .pagination .next_page, .pagination .prev_page, .theme_button {*/
.pagination a {
    border: 1px solid #f2f3f3;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    color: rgb(26,143,6) !important;
    padding: 4px 8px;
    margin: 5px;
    text-shadow: #FFFFFF 0px 1px 0px;
    line-height: 24px;
    background-color: #d1dbbc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#d1dbbc));
    background-image: -webkit-linear-gradient(top, white, #d1dbbc);
    background-image: -moz-linear-gradient(top, white, #d1dbbc);
    background-image: -o-linear-gradient(top, white, #d1dbbc);
    background-image: linear-gradient(top, white, #d1dbbc);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='white', EndColorStr='#d1dbbc');
    -webkit-box-shadow: 0 1px 5px #4d4d4d;
    -moz-box-shadow: 0 1px 5px #4d4d4d;
    box-shadow: 0 1px 5px #4d4d4d;
    border-radius: 3px;
}

.pagination li.active span {
    border: none;
    background: none;
    font-weight: bold;
    padding: 4px 8px;
    line-height: 24px;
    color: #666666;
    display: inline-block;
    font-size: 13px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.itemsNav {
    padding: 1.5em 0 5px 1em;
    margin-bottom: 0.75em;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid rgba(0, 134, 0, 0.13);
}

.itemsNav li {
    color: #369B1E;
    padding: 0.75em;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    border-left: 2px solid #7bc000;
    border-top: 2px solid #7bc000;
    border-right: 2px solid #7bc000;
    border-bottom: 2px solid #7bc000;
    margin-right:4px;
}

.itemsNav li a{
    text-decoration:none;
}

.itemsNav li:hover{
    border:2px solid rgba(0, 134, 0, 0.44);
}


.itemsNav li.active {
    border-left: 2px solid #6DAB00;
    border-top: 2px solid #6DAB00;
    border-right: 2px solid #6DAB00;
    border-bottom: 2px solid #6DAB00;
}

#productPage{
    font-size:1em;
}

#productPage h3, #productPage p{
    font-size: 15px;
}

.bold {
    font-weight: bold;
}

#catalogPage table {
    border-collapse: collapse;
}

#catalogPage table tr, #catalogPage table td {
    padding: 0.5em;
}

#catalogPage table td:first-child{
    text-align:center;
}

.small {
    font-size: 0.8em;
}

.red-bold {
    color: #E74C3C !important;
    font-weight: bold;
}

.t-price {
    width: 370px;
    margin: 0 320px 0 0;
}
.t-price td:nth-child(1) {
    text-align: center;
}
.t-price td {
    padding: 5px;
}

.t-price tr:nth-child(2n+1) {
    background: #b3d17a;
}

.t-price tr:nth-child(2n) {
    background: rgb(219, 236, 184);
}

.good-info {
    width: 291px;
    float: right;
    border: 2px solid #7bc000;
}

.good-info tr {
    padding-right: 1em !important;
}

.good-info tr:first-child td {
    padding: 1.5em 0 0.7em 1.8em !important;
}
.good-info td {
    padding: 2px 10px !important;
}

table h5 {
    color: #369b1e;
    font-weight: normal;
    font-size: 1.1em;
    text-decoration: underline;
    padding-bottom: 5px;
}

.page-title-l2{
    color: #369b1e;
    font-weight: normal;
    font-size: 1.1em;
    text-decoration: underline;
}

.deliv {
    padding-left: 6.25em;
    list-style: none;
}

.justifyleft {
    text-align: left;
}

.hides{
    display:none;
}

a
{
    color: inherit;
}

.what_we
{
    width: 1140px;
    height: 270px;
    background: #fff;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(254, 255, 254, 0.0);
}

.nashi
{
    text-align: center;
    font-style: italic;
    font-weight: 400;
    color: #356831;
}

.na_item
{
    width: 350px;
    height: 200px;
    background-color: #fbf7f7;
    overflow: hidden;
    float: left;
    margin-left: 22px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=0, Color=#A8A8A8)";
    -moz-box-shadow: 0 7px 20px 7px rgba(168,168,168,0.3);
    -webkit-box-shadow: 0 7px 20px 7px rgba(168,168,168,0.3);
    box-shadow: 0 7px 20px 7px rgba(168,168,168,0.3);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#A8A8A8);
    padding-left: 15px;
    padding-top: 15px;
    text-align: center;
    padding-right: 15px;
}

.na_item span
{
    text-transform: normal;
    font-size: 18px;
    color: #0b3401;
    font-weight: 600;
    font-style: normal;
    text-align: center;
}

.na_item p
{
    text-align: center;
    line-height: 1.7;
    padding-top: 5px;
}

.nashi .title span
{
    float: left;
    text-transform: normal;
    font-size: 22px;
    padding: 0 15px;
    background: #d4e5b0;
    margin-left: 420px;
    margin-top: -11px;
}

.nashi .title
{
    border-bottom: 1px solid #7c705d;
    margin-bottom: 40px;
}

.colonka3 p
{
    text-align: right;
    line-height:27px;
}

.sectiontext
{
    padding-top: 10px;
}

.maine
{
    height: 250px;
}

.colonka2 span
{
    letter-spacing: 10px;
    font-weight: bolder;
}

.navbarp
{
    top: 0;
    z-index: 4000;
    position: fixed;
    height: 50px;
    width: 1140px;
    margin: 0 auto;
    background: #ecf0f1;
}

.navBlockz
{
    z-index: 3300;
}

.foot
{
    padding-top:20px;
    background: rgba(104, 163, 0, 0.3);
    width:100%;

}

.foot .copyright{
    color: #333333;
    font-size: 14px;
    padding: 11px 0 0 0;
    white-space: nowrap;
    text-align:left;
}

.text
{
    background: url('../images/bg.jpg') rgb(255, 255, 255);
    position:relative;
    top:40px;
    width: 1000px;
    margin: 0 auto 30px;
    font-family:Arial;
}

.photopos{
    position:relative;
    left:30px;
    top:10px;
}

.nazv_style{
    position:relative;
    
    left:25px;
    font-size:25px;
    font-style: normal;
    font-weight: 400;
    color: #356831;
}
.opis_style{
    font-size:17px;
    font-family:Arial;
    width:90%;
    position:relative;
    left:20px;
    top:15px;
    text-align:center;
}

.photopos1{
    position:relative;
    left:80px;
    top:15px;
}
.posfoot{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:1000px;
}
.posfoot td {
    vertical-align: baseline;
    line-height: 20px;
}
.posfoot ul{
    font-size:16px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}
.posfoot p{
    text-align:right;
    line-height:35px;
}
.posfoot p span:last-child{
    text-align:left;
}
.posfoot p span:last-child > span{
    margin-right:8px;
}
.posfoot span {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
}
.posfoot p span > span{
    width: 20px;
    display: inline-block;
    text-align: left;
    font-size: 19px;
    float: left;
}
.posfoot p span > span img{
}
#posicon{
    padding: 0px;
    margin: 0px;
    position:relative;
    top:20px;
}
#posicon td a{
    display: inline-block;
    margin: 0 10px 10px 0;
}
#postel{
    position:relative;
    left:10px;
}
#tovar{
    color:green;
    font-size:45px;
    font-style:italic;
    
}
#posleft{
    width:10%;
     height:5%;
    position:relative;
    top:10%;
    
     
}
#posright{
    width:10%;
     height:5%;
    position:relative;
    left:77%;
    top:100%;
    
}
.bord{
    outline:1px solid black;
     padding-bottom:10%;
     margin-left:5%;
     margin-right:5%;
     margin-bottom:5%;
     margin-top:5%;
}
.bord:hover{
  outline:2px solid #008000;  
}
.table_style{
    position:relative;
    left:5%;
    top:5%;
}
.price{
    position:relative;
    left:100px;
    top:10px;
}

.navBlockz{
    font-size:12px;
    font-family:Arial;
}
.dropnav{
    font-family:Arial;
}
.adv {
    display: block;
    margin:0 auto;
    padding:50px 0 0 0;
}
.adv > h4{
    font-size:32px;
    text-transform:uppercase;
    text-align:center;
    font-weight: bold;
    color: #1a7a1a;
}
.advantages {
    font-family:Arial;
    float: left;
    width: 33.33333%;
    height: 225px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 18px;

}

.advantages i{
    font-size: 120px;
    color: #6ea20b;
}

.adv_text{
    position:relative;
    top:20px;
}
.posadv{
    float:left;
    margin-right:10px;
}
 .btn {     //Задание общего стиля для кнопки
height:30px;
border-color:#c2e254 #9bb838 #9bb838 #c2e254;
border-style:solid;
border-width:1px;
background:#c2e254;
cursor:pointer;

}

.btn:hover {    //Стиль кнопки при новедении на него курсора
border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66;
border-style:solid;
border-width:1px;
background:#FFFF99;

}
.btn:focus {    //Стиль кнопки, когда она в фокусе
background:#ddd;
border-color:#ddd #333 #333 #ddd;
border-style:solid;
border-width:1px;
}
.btn:active {       //Стиль кнопки при нажатии
background:#ff0000;
border-color:#ddd #333 #333 #ddd;
border-style:solid;
border-width:1px;
}
.button_pos{
    position:relative;
    left:90px;
    top:20px;
}
#posnav{
    padding-bottom:40px;
/*    overflow:hidden;*/
}
#postime1{
    position:relative;
    left:10px;
}
.content1 {
  
    width: 100%;
    margin: 0 auto 30px;
    font-family:Arial;
}

form.form{
}

form.form div{
    padding-bottom: 15px;
}

    form.form div input {
        width: 460px;
        height: 21px;
        padding: 15px 10px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

form.form div input, form.form div textarea{
    font-size: 15px;
    color: #948A8A;
}

form.form input.text,
.textarea {
 padding:5px 10px;
 height:40px;
 border:1px solid #ddd;
 color:#333;
 background: #fff;
 position:static;
 z-index:2; font-size: 16px;
}

form.form input.text {
 width:290px;
}

form.form .textarea {
 height:150px;
 width:460px;
}

form.form label {
 display:block;
 text-align:left;
 margin-right:15px;
 font-weight:normal;
 color:black;
 font-size: 16px;
}

form.form .btn {
 display:block;
height:50px;
 padding:0 10px;
 
 color:white;
 font-weight:bold;
 font-size:15px;
 border:2px solid #e1e0df;
 outline:none;
 cursor: pointer;
 float:left;
}

/* CSS3 */
form.form .btn,
form.form .text,
form.form .textarea { 
-moz-border-radius:4px;
-webkit-border-radius:3px;
border-radius:4px;
}


div.error_field{
 background: #FEDAFB;
 border: 1px solid #FA74F0;
}

div.errors{
 width: 580px;
 margin: 15px auto;
 padding: 10px;
 border: 1px solid #ccc;
 background: #FDFEC2;
}

div.errors .error{
 color: red;
 font-weight: bold;
 font-size: 12px;
 margin: 5px;
}

#formpos{
    clear: both;
    padding-top: 50px;

}
#btnpos{
    overflow:hidden;
}

.katalog{
    position:relative;
    left:10%;
}
a:hover img.katalog{
 border:2px solid #356831;
}
.name_katalog{
    font-size:20px;
    font-weight:100;
    text-align:center;
    color:#356831;
}
.gallery a img{    
    /* округления старт */
    -webkit-border-radius: 25px;
    -moz-border-radius:  25px;
    border-radius:  25px;
    border-color:#356831;
    /* округления конец */
    
    /* transition старт */
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transition: all 1.0s ease;
    /* transition конец */
    
    /* Тень старт */
    -webkit-box-shadow: 0px 2px 4px 1px #356831;
    -moz-box-shadow: 0px 2px 4px 1px #356831;
    box-shadow: 0px 2px 4px 1px #356831; 
    /* Тень конец */
    
    /* Прозрачнсоть старт */
    -moz-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
    /* Прозрачнсоть конец */
    
    margin-right:5px;     /* Отступ справа */
    padding:10px; /* Внутренние отступы */
    display:inline-block; /* отображение */
    height:150px; /* Высота */
}
.gallery a img:hover{

    -moz-opacity: 1;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}
.gallery a:focus img{

    position: relative;  /* Позиционирование */
    height:350px; /* Высота */
    cursor: pointer;    /* Вид курсора */
    
    /* transition старт */
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transition: all 1.0s ease;
    /* transition конец */
    
    /* Тень старт */
    -webkit-box-shadow: 0px 4px 4px 1px  #356831;
    -moz-box-shadow: 0px 4px 4px 1px #356831;
    box-shadow: 0px 4px 4px 1px #356831;
    /* Тень конец */    
}
.gallery a{
    outline:0; border:0;
}


.d-wrap {
    width: 100%;
    padding-top: 1.5em;
    padding-bottom: 2.5em;
}
.t-price {
    width: 670px;
    margin: 0 320px 0 0;
}

.tr-dtt-1 {
    width: 30px;
}

.tr-dtt {
    border-bottom: 1px dotted #008600;
    margin-right: 1.5em;
}

.green-br {
    color: #0B7207 !important;
}

#posphoto{
    position:relative;
    left:150px;
}
#poskonstr{
    position:relative;
    left:150px;
}
.positiontovar1{
    position:relative;
    top:20px;
    left:150px;
}

/*bl-side-menu*/


.bl-side-menu{
    overflow:hidden;
}

.wrap.content .main-title-2 {
    color: #115B04;
    font-size: 24px;
    text-transform: uppercase;
    display: block;
    margin: 15px 0 8px;
}

bl-side-menu__list {
    margin: 4px 0 4px;
    padding: 0 0 0 15px;
}

.bl-side-menu__title {
    background-color: #68a300;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#89d600), to(#68a300));
    background-image: -webkit-linear-gradient(top, #89d600, #68a300);
    background-image: -moz-linear-gradient(top, #89d600, #68a300);
    background-image: -ms-linear-gradient(top, #89d600, #68a300);
    background-image: -o-linear-gradient(top, #89d600, #68a300);
    background-image: linear-gradient(top, #89d600, #68a300);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#89d600', EndColorStr='#68a300');
    -webkit-box-shadow: inset 0px 0px 1px #f9fff8;
    -moz-box-shadow: inset 0px 0px 1px #f9fff8;
    box-shadow: inset 0px 0px 1px #f9fff8;
    border: 1px solid #6fad00;
    display: block;
    padding: 12px 12px;
    color: #fff;
    text-transform: uppercase;
}

.bl-side-menu__list {
    margin: 4px 0 4px;
    padding: 0 0 0 15px;
}

.bl-side-menu__item {
    font-weight: normal;
    font-style: normal;
    font: normal normal normal 9px FontAwesome;
    color: black;
    list-style: none;
    display: block;
    margin: 0;
    position: relative;
}

.bl-side-menu__item:before {
    font-size: 9px;
    content: "";
}

.bl-side-menu__item:before {
    position: absolute;
    left: 4px;
    top: 9px;
}

.bl-side-menu__link {
    font-size: 14px;
    display: block;
    padding: 5px 0 5px 15px;
    font-family: arial, verdana, serif;
}

.bl-size-menu-block {
    float: left;
    width: 33.333333%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
}

.bl-side-menu .main-title-2{
    color: #115B04;
    font-size: 24px;
    text-transform: uppercase;
    display: block;
    margin: 15px 0 8px;
}

.bl-products-preview__desc{
    padding-bottom: 0;
}
