﻿*{
  vertical-align :baseline;
  font-family    :inherit;
  font-style     :inherit;
  font-size      :100%;
  border         :none;
  padding        :0;
  margin         :0;
  font-weight    :normal;
}

.item-page p{
  text-align :justify;
}

.buttonheading{
  padding :0 !important;
  margin  :0 !important;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl{
  margin  :0;
  padding :0
}

h2{
  padding :15px 0 10px 0;
}

ol{
  padding-left :10px;
}

li, dd, blockquote{
  margin-left :10px;
}

table{
  border-collapse :collapse;
  border-spacing  :0;
}

.inputbox{
  border :1px solid #E0E0E0;
}

em{
  font-style :italic;
}

b, strong{
  font-weight :bold;
}

div{
  overflow :hidden;
  position :relative;
}

p{
  padding :2px 0;
}

a{
  color           :#3963A6;
  text-decoration :none;
  border-bottom   :1px solid rgb(213, 211, 211);
}

a:hover{
  color :rgb(102, 93, 84);
}

a.nbor{
  border-bottom :none;
}

/*-------------------------------top-------------------------------------------*/
/*-----------------------*/
/*-------------------------------content---------------------------------------*/

div#cons{
  background :url('../../../images/site/contspace.html') no-repeat center;
  height     :29px;
  z-index    :5;
  clear      :both;
}

div.con{
  background :#6E0406;
  padding    :10px;
}

@font-face{
  font-family :neosansl;
  src         :url(../../../images/js/neosansl.html);
}

.font{
  font-family :neosansl, serif;
}

.stoim{
  background            :rgb(247, 242, 195);
  border-radius         :6px;
  -webkit-border-radius :6px;
  -moz-border-radius    :6px;
  padding               :15px;
  margin-right          :70px;
}

table.tabtsen{
  border          :1px solid #999;
  border-collapse :collapse;
}

.tabtsen img{
  width :150px;
}

table.tabtsen tr th{
  border         :1px solid #999;
  background     :#F7F2E4;
  background     :-moz-linear-gradient(top, #F7F2E4, #F2E8CD);
  background     :-webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F2E4), color-stop(100%, #F2E8CD));
  background     :-webkit-linear-gradient(top, #F7F2E4, #F2E8CD);
  background     :-o-linear-gradient(top, #F7F2E4, #F2E8CD);
  background     :-ms-linear-gradient(top, #F7F2E4, #F2E8CD);
  background     :linear-gradient(top, #F7F2E4, #F2E8CD);
  padding        :10px 4px;
  vertical-align :middle;
  text-align     :center;
  font-weight    :bold;
}

table.tabtsen tr td{
  border         :1px solid #999;
  padding        :6px 6px;
  vertical-align :middle;
  text-align     :left;
  font-size      :14px;
  /*width: 550px;*/
}

/*table.tabtsen tr td:first-child{
    width: 385px;
    }*/
table.tabtsen tr:hover{
  background :#F7F2E4;
  background :-moz-linear-gradient(top, #F7F2E4, #F2E8CD);
  background :-webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F2E4), color-stop(100%, #F2E8CD));
  background :-webkit-linear-gradient(top, #F7F2E4, #F2E8CD);
  background :-o-linear-gradient(top, #F7F2E4, #F2E8CD);
  background :-ms-linear-gradient(top, #F7F2E4, #F2E8CD);
  background :linear-gradient(top, #F7F2E4, #F2E8CD);
}

/*-----------------------*/

/*-------------------------------leftright--------------------------------------*/
/*-----------------------*/

/*-------------------------------footer-----------------------------------------*/

/*-------------------------------sheet-------------------------------------------*/
body{
  background  :url('../../../images/site/bg.jpg') repeat #FFF;
  font-family :Arial, Helvetica, sans-serif;
  font-size   :14px;
  color       :#000;
  margin      :0;
}

#sheet{
  width  :1060px;
  margin :0 auto;
}

/*-------------------------------------------------*/
#absolute{
  overflow :hidden;
  position :absolute;
}

/*-------------------------------absolute-------------------*/
#top{
  overflow:      visible;
  position      :relative;
  color         :#000;
  margin-bottom :15px;
}

#top p{
  padding :0;
}

/*-------------------------------left--------------------*/
#left{
  width  :280px;
  float  :left;
  margin :0 25px 0 5px;
}

/*-------------------------------content--------------------*/
#content{
}

h1{
  font-size   :23px;
  color       :rgb(173, 170, 132);
  margin      :10px 0 0;
  font-weight :normal;
}

#content p{
  padding :10px 0;
}

#content ul{
  list-style-type :none !important;
}

/*-------------------------------right-----------------------*/
#right{
  margin :0 25px 0 25px;
}

/*-------------------------------footer-------------------------*/
#footer{
  z-index        :10;
  overflow       :hidden;
  font-size      :12px;
  color          :#000;
  clear          :both;
  padding-top    :40px;
  padding-bottom :20px;
}

/*-------------------------------chrono---------------------------*/
.ccms_form_element{
  margin  :0 !important;
  padding :3px !important;
}

.ccms_form_element label{
  font-weight :normal;
  width       :180px;
}

.cfdiv_submit input{
  text-decoration       :none !important;
  color                 :#333;
  font                  :100% Arial, Helvetica, sans-serif;
  padding               :2px 13px;
  border                :1px solid #C0A8D9;
  background            :#D9E9FF;
  background            :-moz-linear-gradient(top, #F7F0FE 0%, #E8D1FF 100%);
  background            :-webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F0FE), color-stop(100%, #E8D1FF));
  background            :-webkit-linear-gradient(top, #F7F0FE 0%, #E8D1FF 100%);
  background            :-o-linear-gradient(top, #F7F0FE 0%, #E8D1FF 100%);
  background            :-ms-linear-gradient(top, #F7F0FE 0%, #E8D1FF 100%);
  filter                :progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f0fe', endColorstr='#e8d1ff', GradientType=0);
  background            :linear-gradient(top, #F7F0FE 0%, #E8D1FF 100%);
  vertical-align        :middle;
  display               :inline-block;
  zoom                  :1;
  *display              :inline;
  text-shadow           :0 1px 0 rgba(255, 255, 255, .5);
  -webkit-border-radius :5px;
  -moz-border-radius    :5px;
  border-radius         :5px;
  -webkit-box-shadow    :0 1px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .3);
  -moz-box-shadow       :0 1px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .3);
  box-shadow            :0 1px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .3);
  cursor                :pointer;
}

.cfdiv_submit input:hover{
  text-decoration :none;
  background      :#F7F0FE;
}

.cfdiv_submit input:active{
  position :relative;
  top      :1px;
}

.ccms_form_element input:focus{
  outline               :none;
  border-color          :rgba(255, 25, 33, .75);
  border-radius         :3px;
  -moz-border-radius    :3px;
  -webkit-border-radius :3px;
}

.ccms_form_element input{
  border                :1px solid #AAA;
  border-radius         :3px;
  -moz-border-radius    :3px;
  -webkit-border-radius :3px;
}

.ccms_form_element textarea{
  width                 :230px;
  border                :1px solid #AAA;
  border-radius         :3px;
  -moz-border-radius    :3px;
  -webkit-border-radius :3px;
}

.numbers{
  padding       :5px 5px 5px 20px !important;
  background    :orange;
  color         :white;
  border-radius :50px 0 0;
  margin-left   :20px;
  font-size     :25px;
}

.buttons{
  text-align :center;
  margin-top :20px;
}

.buttons button{
  padding :10px;
}

.bonus{
  margin-bottom :10px;
}

.hidden{
  display        :none;
  width          :256px;
  height         :200px;
  position       :fixed;
  top            :15%;
  left           :40%;
  background     :white;
  text-align     :center;
  border         :1px solid;
  vertical-align :middle;
  padding        :28px;
}

.hidden .numbers{
  margin-top :5px;
}

#close{
  position :absolute;
  left     :40%;
  bottom   :5%;
}

/* Style for callBack */

.callBack{
  position :absolute;
  top      :135px;
  right    :240px;
}

.menu_mob{
  display        :none;
  clear          :both;
  padding-bottom :20px;
}

.menu_mob a{
  display    :block;
  padding    :10px 0;
  text-align :center;
}

.mob_button{
  width      :50px;
  float      :right;
  display    :none;
  margin-top :5px;
}

.upButton{
  position   :fixed;
  bottom     :10px;
  left       :40px;
  cursor     :pointer;
  text-align :center;
}

.upButton img{
  width :50px;
}

.h3{
  font-size :24px;
}

.zayvka{
  width                 :400px;
  background-color      :#D2CCCC;
  padding               :10px;
  -webkit-border-radius :10px;
  -moz-border-radius    :10px;
  border-radius         :10px;
  margin-top            :20px;
  margin-bottom         :20px;
}

.zayvka form input{
  width         :90%;
  border        :1px solid;
  padding       :5px;
  font-size     :20px;
  margin-bottom :10px;
}

.zayvka form input#zSub{
  padding       :10px 10px;
  border-radius :5px;
  margin-bottom :15px;
  width         :160px;
  font-size     :16px;
}

.g-recaptcha{
  margin-bottom :10px;
}

@media all and (max-width :640px){

  #sheet{
    width      :100% !important;
    padding    :0 10px;
    box-sizing :border-box;
  }

  #top div:nth-child(2), #top div:nth-child(3){
    width      :49% !important;
    box-sizing :border-box;
    margin     :0;
  }

  #top div:nth-child(3) p{
    font-size     :13px !important;
    margin-top    :5px;
    padding-right :15px !important;
  }

  .top_polosa{
    display :none;
  }

  .callBack{
    position      :static;
    float         :left;
    margin-top    :-25px;
    z-index       :12121;
    position      :relative;
    top           :initial;
    right         :initial;
    margin-bottom :10px;
  }

  #left{
    display :none;
  }

  .stoim{
    margin-right :0 !important;
  }

  #carousel, .caroufredsel_wrapper, #carousel li, #carousel li img{
    width  :100% !important;
    height :160px !important;
  }

  .caroufredsel_wrapper > ul{
    width :100% !important;
  }

  #carousel .next, #carousel .prev{
    top :58px !important;
  }

  .menut{
    display :none;
  }

  .callBack .btn{
    font-size :12px;
  }

  #carousel li img{
    height :150px !important;
  }

  .numbers{
    display    :block;
    margin-top :5px;
  }

  .mob_button{
    display       :block;
    margin-bottom :10px;
  }

  .portfol{
    text-align :center;
  }

  div.portfol > a{
    float :none !important;
  }

  #calc h1{
    text-align :left;
  }

  #calc td{
    display    :block;
    text-align :left;
  }

  .item-page p img{
    width  :100% !important;
    margin :10px 0 !important;
  }

  #vk_comments,
  #vk_comments iframe{
    width :100% !important;
  }

  .navigation .dropdown {
    width:100% !important;
  }

}


.prise_block {

    width: 270px;
    height: 50px;
    background:#F7F7F7;
    border: 1px solid;
    border-color: #D5D5D5;
    border-radius: inherit;
    margin-top: 5px;
    border-radius: 8px;


   }

   .p_prise{
    text-align: center;
    padding-top: 9px;
    font-size: 26px;
    color: #FFA500;
   }


   .class_color_td {
    background: #F3F3AC;
   }

   .class_color_td a {
    font-size: 20px;
    text-align: center;
   }


.center_block {
    width: 630px;
    float: right;
    margin-top: 33px;
    height: 100%;
}

.item-page .center_block {
    width: auto;
    float: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.categories {
    width: 195px;
    height: 250px;
    border: 1px solid black;
    float: left;
    background: #F5F4DB;
    margin-left: 10px;
    margin-top: 15px;
}

.categories a {
  color:#FF0000;
}

.title_categor {
    background: #F8C578;
    width: 195px;
    height: 55px;
    text-align: center;
}

.categories p {
  text-align: center;
  color:#FF0000;
  font-size: 18px;
}

.title_categor a {
  color:#FFFFFF;
  font-size: 18px;

}

.img_categor {
    width: 195px;
    height: 150px;
}

.item-page .center_block .categories .title_categor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
}

.menut li:hover ul.dropdown {
/*  display: flex;*/
  column-count: 2;
  text-align: left;
  box-shadow: 7px 7px 10px rgba(0,0,0,0.3);
}

.navigation .dropdown {
    width: 495px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
}

.navigation .dropdown li {
    margin: 0;
}

.menut .navigation .main_menu {
    display: inline-block;
}

a[href="http://www.artio.net"] {
  display: none !important;
}

.dropdown li a {
  text-align: left;
  margin-left: 0;
}

.menut .dropdown li {
  width: 240px;
}