/* основной файл CSS */
@import "arrows.css";
@import "fonts/fonts.css";
@import "js_composer.css";
* {
    color: #2d5b2f;
    font: 400 16px/1.20833 'Inglobal';
    margin:0;
    padding:0;
    
}
html,body {min-height:100%}
.good_fotos{float:left; margin:3px;}
em {font-style:italic;}
body {
    overflow-y:scroll;width:100%;overflow-x:hidden;
    background:url(/pics/footer-bg-1000.png) bottom right no-repeat;
    
}
h1,h2,h3,h4 {text-align:left;font: 400 14px/1.20833;font-family: "Roboto", sans-serif;    color: #2d5b2f;}
div.shadow{font: 400 53px/1.20833;color:#ddd;margin-bottom:-50px;}
h1 {font-size:50px;padding:0 10px;}
h2 {
    font-size: 40px;
    line-height: 1.3;
    margin: 10px 0;
    }
b,strong {font-weight:bold;}
p  {margin:10px 0;}
.both {clear:both;}
.sliderwrapper{margin:80px 0 0px;}
#slider { }
#slider,.superslide,.sliderwrapper {width:100%;overflow:hidden;}
#slider-loader{
    display:block;
    position:absolute;
    top:50%;margin-top:-20px;
    left:50%;margin-left:-20px;
    width:30px;
    height:30px;
}



.nextBtn,
.prevBtn {
  display: block;
  position: absolute;
  top:50%;
  margin-top:-30px;
  font-size:0px;
  cursor: pointer;
  z-index: 10;
  
  width: 30px;
  height: 60px;
}
.nextBtn {right:40px;}
.prevBtn {left:40px;}
.nextBtn:before, .nextBtn:after, .nextBtn_inner:before, .nextBtn_inner:after,
.prevBtn:before,
.prevBtn:after,
.prevBtn_inner:before,
.prevBtn_inner:after {
  position: absolute;
  content: '';
  width: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 1px solid transparent;
  top: 50%;
}
.nextBtn:before, .nextBtn:after,
.prevBtn:before,
.prevBtn:after {
  height: 50%;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  background: #FFFFFF;
}


.prevBtn:before, .prevBtn:after, .prevBtn_inner:before, .prevBtn_inner:after {
  left: 0%;
}
.prevBtn:before, .prevBtn_inner:before {
  -moz-transform: translateX(-50%) rotate(-137deg);
  -ms-transform: translateX(-50%) rotate(-137deg);
  -o-transform: translateX(-50%) rotate(-137deg);
  -webkit-transform: translateX(-50%) rotate(-137deg);
  transform: translateX(-50%) rotate(-137deg);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.prevBtn:after, .prevBtn_inner:after {
  -moz-transform: translateX(-50%) rotate(-43deg);
  -ms-transform: translateX(-50%) rotate(-43deg);
  -o-transform: translateX(-50%) rotate(-43deg);
  -webkit-transform: translateX(-50%) rotate(-43deg);
  transform: translateX(-50%) rotate(-43deg);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.prevBtn:hover:before {
  -moz-transform: translateX(-50%) rotate(-125deg);
  -ms-transform: translateX(-50%) rotate(-125deg);
  -o-transform: translateX(-50%) rotate(-125deg);
  -webkit-transform: translateX(-50%) rotate(-125deg);
  transform: translateX(-50%) rotate(-125deg);
}
.prevBtn:hover:after {
  -moz-transform: translateX(-50%) rotate(-55deg);
  -ms-transform: translateX(-50%) rotate(-55deg);
  -o-transform: translateX(-50%) rotate(-55deg);
  -webkit-transform: translateX(-50%) rotate(-55deg);
  transform: translateX(-50%) rotate(-55deg);
}
.prevBtn:hover .prevBtn_inner:before {
  height: 50%;
  -moz-transform: translateX(-50%) rotate(-125deg);
  -ms-transform: translateX(-50%) rotate(-125deg);
  -o-transform: translateX(-50%) rotate(-125deg);
  -webkit-transform: translateX(-50%) rotate(-125deg);
  transform: translateX(-50%) rotate(-125deg);
}
.prevBtn:hover .prevBtn_inner:after {
  height: 50%;
  -moz-transform: translateX(-50%) rotate(-55deg);
  -ms-transform: translateX(-50%) rotate(-55deg);
  -o-transform: translateX(-50%) rotate(-55deg);
  -webkit-transform: translateX(-50%) rotate(-55deg);
  transform: translateX(-50%) rotate(-55deg);
}

.nextBtn:before, .nextBtn:after, .nextBtn_inner:before, .nextBtn_inner:after {
  right: 0%;
}
.nextBtn:before, .nextBtn_inner:before {
  -moz-transform: translateX(-50%) rotate(137deg);
  -ms-transform: translateX(-50%) rotate(137deg);
  -o-transform: translateX(-50%) rotate(137deg);
  -webkit-transform: translateX(-50%) rotate(137deg);
  transform: translateX(-50%) rotate(137deg);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.nextBtn:after, .nextBtn_inner:after {
  -moz-transform: translateX(-50%) rotate(43deg);
  -ms-transform: translateX(-50%) rotate(43deg);
  -o-transform: translateX(-50%) rotate(43deg);
  -webkit-transform: translateX(-50%) rotate(43deg);
  transform: translateX(-50%) rotate(43deg);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.nextBtn:hover:before {
  -moz-transform: translateX(-50%) rotate(125deg);
  -ms-transform: translateX(-50%) rotate(125deg);
  -o-transform: translateX(-50%) rotate(125deg);
  -webkit-transform: translateX(-50%) rotate(125deg);
  transform: translateX(-50%) rotate(125deg);
}
.nextBtn:hover:after {
  -moz-transform: translateX(-50%) rotate(55deg);
  -ms-transform: translateX(-50%) rotate(55deg);
  -o-transform: translateX(-50%) rotate(55deg);
  -webkit-transform: translateX(-50%) rotate(55deg);
  transform: translateX(-50%) rotate(55deg);
}
.nextBtn:hover .nextBtn_inner:before {
  height: 50%;
  -moz-transform: translateX(-50%) rotate(125deg);
  -ms-transform: translateX(-50%) rotate(125deg);
  -o-transform: translateX(-50%) rotate(125deg);
  -webkit-transform: translateX(-50%) rotate(125deg);
  transform: translateX(-50%) rotate(125deg);
}
.nextBtn:hover .nextBtn_inner:after {
  height: 50%;
  -moz-transform: translateX(-50%) rotate(55deg);
  -ms-transform: translateX(-50%) rotate(55deg);
  -o-transform: translateX(-50%) rotate(55deg);
  -webkit-transform: translateX(-50%) rotate(55deg);
  transform: translateX(-50%) rotate(55deg);
}
/*== БЛОКИ  =================================================================================*/
.block {
    display:block; 
    position:relative; 
    width:1200px;left:50%; 
    margin-left:-600px;
    padding-bottom:50px;
    overflow:hidden;
    
}
.block ul{margin-left: 1.25rem;}
.block > div {margin:10px;overflow:hidden;z-index:10}
.block > div.topmargin {margin:0;}
.block .mainLeft{
    width:59%;
    float:left;
    margin:0;
}
.block .mainRight{
    width:39%;
    float:right;
    margin:70px 0 0;
}
.block .mainRight h2{
    font-size:20px;
}
#block1 {
    position:absolute;
    top:0;
    z-index:999997;
    color:white;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1.);
    border-bottom:0;
}
#block1 a,#block1 *{color:white;}
.footer {
    margin-top:30px;
    padding-top:30px;
}
.icon-bottom {

    color: #47475b;
    font-size: 45px;
    line-height: 45px;
    display: inline-block;
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.icon-wrap {
    text-align: center;
    display: block;
    position:absolute;
    bottom:20px;
    width:100%;
}
.icon-bottom:before {
    content: "\e010";
    font-family: "arrows";
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 55px;
    }
.icon-bottom:hover {
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
#totop {
    font-size: 45px;
    line-height: 45px;
    color: #90909b;
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 20;
}
#totop:hover{
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
#totop:before {
    content: "\e012";
    font-family: "arrows";
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
}
#button-wrap {
    position:absolute;
    left:50%;
    width:610px;
    margin:10px -300px;
    bottom:100px;
}
a.button{
    display:block;
    width:180px;
    text-decoration:none;
    margin:10px ;
    padding:10px 0;
    border:1px solid white;
    border-radius:5px;
    text-align:center;
    transition: 1.0s;
    background-color:rgba(0,0,0,0.2);
}
a.button:hover {
    background-color:#888;
    opacity:0.5;
    transition: 1.0s;
}
/*верхнее меню*/
.left0 , .right0 {list-style-type:none;margin:10px;}
.left0 {float:left; }
.right0{float:right; }
.selector {display:none;}
.blackmargin {display:block; position:absolute;top:0; z-index:9997;width:100%;height:80px;background-color:black; opacity: .7}
.menumargin  {display:block; position:absolute;top:0; z-index:9998;width:100%;height:80px; opacity:1;padding:0;} 
.menumargin > div {display:block;     position:relative;     width:1200px;left:50%;     margin-left:-600px;}
.menumargin a div{color:white;font-size:20px;}
.crm,.crm2{
    display:block;
    width:120px;
    position:fixed;
    z-index:9999;
    top:0;
    right:10px;
    border-radius: 0 0 10px 10px; 
    background-color:#7ab44b;
    border:1px solid #2d5b2f;
    border-top:0px;
    color: #2d5b2f;
    font-size:20px;
    font-family: 'Roboto',sans-serif;
    font-weight:bold;
    padding:3px 0;
    text-align:center;
}
.crm2 {right:140px}
.menumargin .sitetitle {float:left;font-size:22px; color:white; font-family: 'Roboto',sans-serif; margin-top:5px}
.menumargin .sitetitle img {float:left;margin-right:20px;}
.menumargin .sitetitle div{font-size:18px; color: #7ab44b;}



.scale100{
    transform: scale(1.0);
    -moz-transition: 2s all ease;
    -o-transition: 2s all ease;
    -webkit-transition: 2s all ease;
    transition: 2s all ease;
}
/*
.item-inner:hover{
    transform: scale(1.15);
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
*/
.item .filial, .item .datetime,.item .txt ,.item .site {
    display:block;
    position:absolute;
    width:140px;
    top:50px;  
    text-align:center;
    color:#333;
}
.item .filial {font-weight:bold;top:60px;}
.item .datetime{top:80px;}
.item .txt {top:150px;}
.item .txt *{margin:5px 20px;color:white;}
.item .site{top:295px;}
.item img {position:absolute;z-index:100; margin-top:-50px;margin-left:20px;}

.ui-datepicker {background-color:#fb6;}

#slider-wrapper {overflow:hidden;position:relative;}

.nivo-html-caption{
    position:absolute;
    right:-3000px;
    color:#fff;
    width:50%;
    text-align:left;
    padding:12px 58px 0 0 ;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color: rgba(0,0,0,0.5);
    padding:20px 30px;
}
#slider-wrapper-main .nivo-html-caption{top:20px;}
.nivo-html-caption h1 {text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);text-align:left;margin:10px 0;padding:0;}
.nivo-html-caption a{text-decoration:none}
.nivo-html-caption p{color:#fff;}
.nivo-html-caption span{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:#fff;
    font-size:13px;
    line-height:25px;
    display:inline-block;
    margin-bottom:13px
}
.nivo-html-caption span {
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:#fff;
    display:inline-block;
    margin:0px
}
.nivo-html-caption h4 strong{
    color:#ff0e0e;
    font-size:66px;
    line-height:1em;
    display:block;
    margin-top:-3px
}
.nivo-html-caption b{
    font-family:'Roboto',sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    //text-shadow:1px 1px 1px rgba(0,0,0,1);
    border-bottom:1px solid #c26603;
    color:#fff;
    font-size:16px;
    line-height:20px;
    background:#ff9e04;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWUwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg3MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#ff9e04 0,#ff8704 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9e04),color-stop(100%,#ff8704));
    background:-webkit-linear-gradient(top,#ff9e04 0,#ff8704 100%);
    background:-o-linear-gradient(top,#ff9e04 0,#ff8704 100%);
    background:-ms-linear-gradient(top,#ff9e04 0,#ff8704 100%);
    background:linear-gradient(to bottom,#ff9e04 0,#ff8704 100%);
    display:inline-block;
    width:189px;
    text-align:center;
    padding:10px 0;
    box-shadow:1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow:1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow:1px 1px rgba(0,0,0,0.4);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px
}
.nivo-html-caption h1,.nivo-html-caption h2,.nivo-html-caption h3,.nivo-html-caption h4{
    font-size:33px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-family:'Roboto',sans-serif;
    //text-shadow:1px 1px 1px rgba(0,0,0,1);
    margin:0;padding:0;
    margin-bottom:10px;
}
.navbar-toggle {
    position:fixed;
    z-index:9999999;
    top:35px;
    right:35px;  
    background-color: #7ab44b;
    border: 2px solid #6aa43b;
    margin:0;
    padding: 9px 10px;
    border-radius: 4px;
    display:none;
}

.navbar-toggle-active{
    background: rgba(84, 131, 184,0.8);
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: white;/* rgb(84, 131, 184);*/
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.item{width:33%;overflow:hidden;float:left;}
.item-inner  {margin-right:30px; overflow:hidden;}
.item .row    {padding:3px 0; border-bottom:1px dotted #ddd; overflow:hidden; min-height:30px;text-align: justify;margin:3px 10px;}
.item .space {height:20px;overflow:hidden;}
.item h3 {font-size:30px;margin:10px;}

.item .price {position:absolute; bottom:35px; font-size:30px; height:40px;overflow:hidden;margin-top:10px;}
.item .fin    {position:absolute; bottom:0;overflow:hidden;margin-bottom:20px;}

.lenta td {padding:5px; vertical-align:top;}

.counter {float:right;}
.gmap {float:left;width:50%;height:200px; overflow:hidden;}


@media (max-width: 1200px){
    .right0{float:none;}
    ul.right0  { display:none; width:300px;background: #7ab44b;position:fixed;top:30px;right:30px;border-radius:5px;}
    li.right0  {width:100%;height:40px;padding:0;margin:0;border-bottom:1px solid #6aa43b;}
    
    li.right0 a{text-decoration:none;}
    li.right0 a:hover  {background-color:#8ac45b}
    .navbar-toggle {display:block;}
}

@media only screen and (min-width:940px) and (max-width:1199px){
    .block,.menumargin > div {width:940px; margin-left:-470px;}
    #sli,#sli_wrapper,.sli {width:410px}
}
@media only screen and (max-width:939px) and (min-width:641px){
    .block,.menumargin > div {width:640px; margin-left:-320px;}
     #sli,#sli_wrapper,.sli {width:310px}
     .nivo-html-caption {padding:10px;}
     .nivo-html-caption h1,.nivo-html-caption h2,.nivo-html-caption h3,.nivo-html-caption h4{font-size:20px;}
    .item,.item .price,.item .fin {width:100%;position:relative; bottom:0;}
    .item-inner {margin-right:0px;}
    .item .space {height:0;}
}
@media only screen and (max-width:640px) and (min-width:441px){
    .block,.menumargin > div {width:440px; margin-left:-220px;}
    .nivo-html-caption {padding:5px;}
    .nivo-html-caption h1,.nivo-html-caption h2,.nivo-html-caption h3,.nivo-html-caption h4{font-size:14px;}
    .item,.item .price,.item .fin {width:100%;position:relative;bottom:0;}
    .item-inner {margin-right:0px;}
    .item .space {height:0;}
    .block .mainLeft,.block .mainRight{width:100%}
}
@media only screen and (max-width:440px){
    .block,.menumargin > div {width:300px; margin-left:-150px;}
    .nivo-html-caption {padding:5px;}
    .nivo-html-caption h1,.nivo-html-caption h2,.nivo-html-caption h3,.nivo-html-caption h4{font-size:12px;}
    .item,.item .price,.item .fin {width:100%;position:relative;bottom:0;}
    .item-inner {margin-right:0px;}
    .item .space {height:0;}
    .block .mainLeft,.block .mainRight{width:100%}
}