@font-face {
    font-family: NotoSans; /* Гарнитура шрифта */
    src: url(/css/font/NotoSans-Regular.ttf); /* Путь к файлу со шрифтом */
   }
@font-face {
    font-family: Sansation Light; /* Гарнитура шрифта */
    src: url(/css/font/Sansation_Light.ttf); /* Путь к файлу со шрифтом */
    }
@font-face {
    font-family: SansationReg; /* Гарнитура шрифта */
    src: url(/css/font/Sansation_Regular.ttf); /* Путь к файлу со шрифтом */
    }
@font-face {
    font-family: NotoSerif; /* Гарнитура шрифта */
    src: url(/css/font/NotoSerif-Regular.ttf); /* Путь к файлу со шрифтом */
    }
@font-face {
    font-family: SansationItalic; /* Гарнитура шрифта */
    src: url(/css/font/Sansation_Italic.ttf); /* Путь к файлу со шрифтом */
    }
@font-face {
    font-family: NotoSansItalic; /* Гарнитура шрифта */
    src: url(/css/font/NotoSans-Italic.ttf);  /* Путь к файлу со шрифтом */
    }

body {
color:#3E3E3E;
font-family: NotoSans;


background: url(../img/back.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
    background-color: #FAF6C7;
    
}


.jumbotron {background: url(../img/house.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
    border: 0;
    margin: 0;
    float: left;
    
    }

/* Настройка Bootstrapa по умолчанию */
.clear { clear: both; }
a { color:#716558; }
a:hover { text-decoration : none; color:#716558; }
a:focus { text-decoration : none; color: #716558; }
a:visited {  }

.btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus,
.btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus,
.btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover { background-color:#716558;}
.btn-default { border-radius: 0px; }


.navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #E9F1F8; }


/* Настройка Bootstrapa по умолчанию Конец */


nav#top.navbar {background-color: white;   opacity: .65;  z-index: 100; height: 90px; margin-bottom: 0px; }
nav#top.navbar:hover { opacity: 1; background-color: #E9F1F8; }
nav#top.navbar a.navbar-brand { margin-top:8px; opacity: 1;}

nav#top.navbar ul li a { opacity: 1; color: #595D5E; font-size: 16px; padding-top: 35px; }

html body nav#top.navbar.navbar-default div.container-fluid 
div#bs-example-navbar-collapse-1.collapse.navbar-collapse span 
ul.nav.navbar-nav.navbar-left  a {opacity: 1;}
 
html body nav#top.navbar.navbar-default div.container-fluid {margin: 0 auto; text-align: center; }

a.navbar-brand {max-height: 80px; max-width: 250px;  padding: 0 0 0 25px;  } /*border:1px solid red;*/

nav#top.navbar.navbar-default li.dropdown.open ul.dropdown-menu { background-color: #E9F1F8;}




.ccc { border-top: 2px solid #CCCCCC; max-width: 94%; margin: 0 auto; padding: 5px 0 5px 0;}

.main, .maingrn, .nw, .maintext {  max-width: 94%; margin:  0 auto; 
                     -moz-background-size: 100%; -webkit-background-size: 100%;-o-background-size: 100%;background-size: 100%; }
.main {  margin-bottom: 10px; background-color: #FCF7BA; }
.maingrn { background-color: #F3FDF5; margin-bottom: 15px;}



.jumbotron span { color: #5B6063;  }
.jumbotron .cllbk  span { border-bottom: 2px dotted #E9C972; color: #E9C972; font-size: 20px; font-family: SansationItalic;  }
.off { font-size: 18px; font-family: NotoSansItalic;  }
.rej { font-size: 14px; font-family: SansationItalic; }
.num { font-size: 21px; font-weight: bold;  margin-top: 8px;  font-family: Myriad Pro; }
.da { margin-top: 8px; }

div.vinny { float: right;  min-height: 300px;  margin-top: -300px; }
img.mainh { min-width: 100%;  opacity: 0;  }


/* Заголовки */
h1.center, h2.center, h1.payment { min-width: 100%; text-align: center; font-family: Sansation Light; color: #ECBD4B; } 
h2.center { color: #ECBD4B; font-size: 40px; padding-top: 0px; text-align: center; }
h3.center, h4.center, h6.center  { color: #ECBD4B; font-size: 27px; padding-top: 0px; text-align: center; }
h1.hprice { text-align: center; font-family: Sansation Light; color: #ECBD4B; }
h1.payment { font-size: 40px; }
h6.speech { color: #ECBD4B; font-size: 27px; font-family: Sansation Light; text-align:left; padding-left: 10px;}
div.maintext h5.payment { font-weight: bold; }
h1.articles { color: #ECBD4B; font-size: 35px; padding: 0px 10px; text-align: center; font-family: Sansation Light; }
/* Заголовки */



.picicon { width: 100%; padding: 15% 27% 5% 27% ;  }
.picicon img { margin: 0 auto; max-width: 80px; }

.picicontext { text-align: center; font-family: NotoSans;  font-size: 20px; color: #6E6A51; }
.picicontextdesc { font-family: NotoSans; font-style: italic; margin-bottom: 16px; color: #9F986A;  font-size: 17px;  text-align: center;}

a.par { display: inline-block;    min-width: 100%; min-height: 100%; }
.pic {  min-height: 100%;  }
a.par:hover {  background: url(../img/dwn.png) no-repeat top center;  }


.maintext, .maintext p, .maintext h5 { font-family: NotoSans; color: #606769;  font-size: 18px; max-width: 96%; margin: 0 auto; padding-bottom: 15px; }
.maintext {   text-align: justify; min-width: 100%;  }
.maintext ul { text-align: left; }
.com img { max-width: 100%;  }
.dcoma {  text-align: left; }
img.cmnd { max-width: 100%;  }
span.coma, p.coma {text-align: left; color: #ECBD4B;}
.mo { text-align: center; display: block; padding: 10px;}
.mo a, .mos a { border-bottom: 2px dotted #E9C972; color: #E9C972; font-size: 20px; font-family: SansationItalic;   }

.mos {  text-align: left; margin: 3px 0; }
.but a { margin: 10px 0 0 20px; }



/* modal window */
img.modal-img { margin-right: 25px; }
h4#myModalLabel.modal-title { color: #E9C972; font-family: Sansation Light; font-size: 30px; width: 100%;}
.btn { border-radius: 0; font-family: Sansation Light;}
.btn { background-color: #E9C972; color: white; border: none; font-weight: bold;}
div.modal-footer button#no { display: none; }
div.modal-body div.form-group label { font-family:SansationItalic; font-weight: normal; }
.btn:hover { outline: 1px solid #E9C972; background-color: #E9C972; border-color: #E9C972;}

.videoWrapper {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}


.n { min-height: 250px; color: white; background-color:  #807C71; }
.nw {  max-width: 94%; margin: 0 auto; padding: 5px 0 5px 0; }
.nop { margin: 0; padding: 0 3px;}
.footer { background-color: #ABA596; color: white;}
.foot { max-width: 1000px; margin:  0 auto;  }
.komf {margin-top: 20px; padding-left: 10px;}

.made span {text-align: right;}

.podbor { max-width: 94%; margin:  0 auto; }
 

#main { background-color: white; margin: 0 auto; padding: 0; float: none; }

/* /price */
.fprises { margin: 0 auto; }
.fprises div { overflow: hidden;}
#f7, #f8 { opacity: .5; }
.hl { text-align: center; color: #ECBD4B;  }
.listis div { text-align: center; }
.listis .type { text-align: left; }
.filtr { color: #E9C972; }
a.fil { color: #E9C972; border-bottom: 2px dotted #E9C972; }
.listis { border-bottom: 2px dotted white; }
.listis:hover { border-bottom: 2px dotted #E9C972; cursor: pointer; }
.cancelsold { display: none; }

.maintext ul,  .maintext ol {   max-width: 94%; margin: 0 auto;}
.maintext ul > li:before {content: ' > '; color: #E9C972; font-weight: bold; }
.maintext ul { list-style: none; }
.maintext a { border-bottom: 2px dotted #E9C972;  }
.maintext ul.noarrou > li:before {content: ''; color: #E9C972; font-weight: bold; }


.show img {padding: 10px;}
.img img { margin: 0 auto;}
.submenu { color: white; background-color: #EFC966; min-height: 20px;}
.submenu a { padding: 10px 20px; font-family: SansationItalic; font-size: 18px;  line-height: 40px; }
.submenu a:hover { color: white; }
img.im { padding: 10px 15px 5px 0; max-width: 50%;}
img.mi { padding: 10px 0 5px 15px; max-width: 50%;}
.map { max-width: 96%; margin: 0 auto; overflow: hidden; margin-bottom: 10px; float: right; }

div.hod { background: url(../img/hod.png) no-repeat ;  -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%;
    }
p.hod { color: #E9C972; }
.date h4{text-align: right;}
.hods {  max-width: 94%; margin: 0 auto;  }
    
a.dblclc, div.made span a { color: inherit;}

div.articles span.name { font-family: Sansation Light;  font-size: 20px; }
div.articles p.shert { font-family: SansationItalic; }
div.article p img { max-width: 50%; padding: 0 10px; }

.back-to-top { display: block; position: fixed; font-size: 40px; z-index: 9999; bottom: 50%;
    right: 15px  }

.article h3, .article h5, .article h2 { font-family: SansationReg; }
.article h5 { color: #E9C972; } 

.admi { font-size: 50px; text-align: right; display: block; margin: 30px auto; border: 10px solid #A5C9EB;color: #A5C9EB; }
.admis { color: white; width: 100%; border: 0; height: 100px; display: block; margin: 0 auto; font-size: 50px; background-color: #A5C9EB; }

/* Large desktops and laptops */
@media (min-width: 1200px) {
#main { max-width: 1000px;  }
html body nav#top.navbar.navbar-default div.container-fluid{width: 1000px; padding-left: 50px;}
.container-fluid .jumbotron { border-radius: 0; padding: 0; margin-top: -100px; z-index: 0; }
h1.center { font-size: 48px; }
div.vinny { padding-left: 25px; }
.modal-dialog { max-width: 50%; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
   
#main { max-width: 992px;  }
.container-fluid .jumbotron { border-radius: 0; padding: 0; margin-top: -170px; z-index: 0; }
.num { font-size: 16px; }
 div.vinny { float: right;  min-height: 300px;  margin-top: -260px; } 
h1.center { font-size: 50px; }
.modal-dialog { max-width: 50%; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
#main { max-width: 768px;  }
nav#top.navbar ul li a { color: #595D5E; font-size: 12px; padding-top: 35px; padding-left: 0;  }    
.container-fluid .jumbotron { border-radius: 0; padding: 0; margin-top: -130px; z-index: 0; }
div.vinny { margin-top: -200px; min-height: 200px; padding: 0px; }
h1.center { font-size: 40px; }
.modal-dialog { max-width: 50%; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
#main { max-width: 765px;  }
.submenu a { padding: 10px 15px; font-family: SansationItalic; font-size: 14px;  line-height: normal;  }
html body nav#top.navbar.navbar-default div.container-fluid div#bs-example-navbar-collapse-1.navbar-collapse.collapse.in
 { opacity: 1 ; background-color: #E9F1F8;}   
 
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
div.navbar-header a.navbar-brand img { max-width: 120px; }
   


}





.podbor { font-family: Sansation Light; }

.content-md .section {
  margin-bottom: 30px;
}

.content-md.plans h3 {
  font-size: 20px;
}

.content-md.plans h3.underline {
  padding-bottom: 5px;
}                                  

.plan.first {    
  position: relative;
  text-align: center;
  width: 115px;
  margin-bottom: 20px;
}

.plan.first svg { 
  padding: 10px;
  
}

.plan.active svg{  
   background-color: #d2e4e8; 
   border:1px solid #eaf0f2 ;
}

.plan svg { 
    background-color: #fff;   
    padding: 10px;
    border: 1px solid #eaf0f2;
}

.plan svg text {
  font-weight: bold;
  fill: #037d8e;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  transition: fill .3s;
}

.plan svg text.construction {
  fill: #333333;
}

.plan svg .cls {
  fill: #eaf0f2;
  fill-rule: evenodd;
  stroke: #b9d1d7;
  stroke-width: 1;
  cursor: pointer;
  transition: fill .4s;
}

.plan svg g.active .cls,
.plan svg g:hover .cls {
  fill: #b9d1d7;
  transition: fill .4s;
}

.plan svg g.active text,
.plan svg g:hover text {
  fill: #fff;
  transition: fill .3s;
}

.parameters {
  background-color: #D2E8F5;
  margin-bottom: 20px;
}

.parameters .wrapper {
  padding: 15px;
}

.parameters h4 {
  font-size: 13px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}

.parameters .range-box ul.labels {
  width: 100%;
  padding: 0;
  list-style: none;
  display: table;
  text-align: justify;
  margin: 0;
}

.parameters .range-box ul.labels > li {
  position: relative;
  display: table-cell;
  text-align: center;
  color: #000;
  font-style: italic;
  font-size: 11px;
  cursor: pointer;
}

.parameters .range-box ul.labels > li::after {
  position: absolute;
  top: 21px;
  right: 0;
  left: 0;
  content: "";
  margin: 0 auto;
  width: 2px;
  height: 6px;
  background: #D2E8F5;
}

.parameters .range-box {
  width: 192px;
}

.parameters .range-box input {
  width: 100%;
  position: relative;
  top: -10px;
  padding: 0 9px 0 8px;
  background-color: transparent;
  -webkit-appearance: none;
}

.parameters .range-box input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  margin: -5px 0 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 3px solid #037d8e !important;
}

.parameters .range-box input::-moz-range-thumb {
  width: 12px;
  height: 12px;
  margin: -5px 0 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 3px solid #037d8e !important;
}

.parameters .range-box input::-ms-thumb {
  width: 12px;
  height: 12px;
  margin: -5px 0 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 3px solid #037d8e !important;
}

.parameters .range-box input::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #7b8e9a;
}

.parameters .range-box input::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #7b8e9a;
}

.parameters .range-box input::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #7b8e9a;
}

.parameters .range-box input:focus {
  background: none;
  outline: none;
}

.parameters .range-box input::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.parameters ul.colors {
  list-style: none;
  padding: 0;
}

.parameters ul.colors > li {
  font-size: 12px;
  color: #666666;
}

.parameters ul.colors > li .circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin-right: 1px;
  position: relative;
  top: 8px;
}

.parameters ul.colors > li .circle.gray {
  background-color: #f82411;
}

.parameters ul.colors > li .circle.orange {
  background-color: #a98230;
}

.parameters ul.colors > li .circle.green {
  background-color: #2f8282;
}

.parameters .param {
  margin-bottom: 18px;
}

.parameters .param:last-child {
  margin-bottom: 0;
}

.parameters .buttons {
  margin-top: 10px;
}

.parameters .line {
  display: block;
  text-align: right;
  position: relative;
  z-index: 0;
}

.parameters .line > span {
  background-color: #D2E8F5;
  padding-left: 3px;
}

.parameters .line:before {
  content: "";
  display: block;
  border: 1px dotted #cbd5d8;
  position: absolute;
  bottom: 5px;
  height: 1px;
  width: 100%;
  z-index: -1;
}

.parameters .price {
  width: 100%;
  height: 55px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
}

.parameters .price span {
  line-height: 55px;
  font-size: 20px;
}

.parameters .price .digit {
  color: #036b7a;
}

.parameters .price .valute {
  color: #333;
}

.level {
  position: relative;
}

.level img  {
  float: right;   
}

.level .apartment > img {
  float: none;
  margin: 0 auto;
}

.flat .apartment > img {
  float: none;
  margin: 0 auto;
}


.level .print a {
  margin-top: 20px;
}

.level .items .item {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: rgba(0, 0, 0, .4);
  padding: 25px 0;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.level .items .item.gray {
  background: rgba(102, 102, 102, .85);
}

.level .items .item.orange {
  background: rgba(153, 102, 0, .85);
}

.level .items .item.green {
  background: rgba(0, 102, 102, .85);
}

.level .items .item.item_1 {
  top: 80px;
  left: 30px;
}

.level .items .item.item_2 {
  top: 80px;
  left: 340px;
}

.level .items .item.item_3 {
  top: 280px;
  left: 95px;
}

.level .items .item.item_4 {
  top: 280px;
  left: 265px;
}

.level .items span {
  display: block;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(51, 51, 51, 1);
}

.level .items span.num {
  font-weight: bold;
  font-size: 14.72px;
}

.level .items span.area {
  font-size: 12.76px;
}

.level .items .item:hover {
  border: 3px solid #fff;
  padding-top: 23px;
}

.sect{display:none;}
.flat{display:none;}

.apartment {padding-bottom: 10px;}

/* jRange
--------------------------------------------------------- */

.slider-container {
  width: 300px;
}
.slider-container .back-bar {
  height: 10px;
  position: relative;
}
.slider-container .back-bar .selected-bar {
  position: absolute;
  height: 100%;
}
.slider-container .back-bar .pointer {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  cursor: col-resize;
  opacity: 1;
  z-index: 2;
}
.slider-container .back-bar .pointer.last-active {
  z-index: 3;
}
.slider-container .back-bar .pointer-label {
  position: absolute;
  top: -20px;
  font-size: 11px;
  font-style: italic;
  white-space: nowrap;
  line-height: 1;
}
.slider-container .back-bar .focused {
  z-index: 10;
}
.slider-container .clickable-dummy {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slider-container .scale {
  top: 2px;
  position: relative;
}
.slider-container .scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0;
}
.slider-container .scale ins {
  font-size: 11px;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 5px;
  color: #999;
  line-height: 1;
}
.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
  cursor: auto;
}
.theme-green .back-bar {
  height: 5px;
  background: #849faf;
}
.theme-green .back-bar .selected-bar {
  border-radius: 2px;
  background: #7b8e9a;
}
.theme-green .back-bar .pointer {
  top: -5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 3px solid #037d8e !important;
}
.theme-green .back-bar .pointer-label {
  color: #000;
}
.theme-green .back-bar .focused {
  color: #333;
}
.theme-green .scale span {
  border-left: 1px solid #e5e5e5;
}
.theme-green .scale ins {
  color: #999;
}

@media print {
    div#flat-wrap{display:block!important; width:100%!important;}   
    #section-wrap, #footer, .page-top , header, .print.text-center, .section,.left-menu-md,#flat-id{display:none!important;} 
    .col-sm-4 { width: 40%!important; float:left!important; padding:0!important;  } 
    .col-sm-8 {width:60%!important; margin:0 auto!important;  padding:0!important; text-align: center!important; overflow:hidden  !important; }
    .col-sm-8 img{margin:0 auto !important;}  
}