// @font-face {
//     font-family: 'Roboto';
//     font-style: normal;
//     font-weight: 100;
//     src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
// }
// @font-face {
//     font-family: 'Roboto';
//     font-style: normal;
//     font-weight: 300;
//     src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
// }
// @font-face {
//     font-family: 'Roboto';
//     font-style: normal;
//     font-weight: 400;
//     src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
// }
// @font-face {
//     font-family: 'Roboto';
//     font-style: normal;
//     font-weight: 500;
//     src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
// }
// @font-face {
//     font-family: 'Roboto';
//     font-style: normal;
//     font-weight: 700;
//     src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
// }
// @font-face {
//     font-family: 'Roboto';
//     font-style: italic;
//     font-weight: 400;
//     src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
// }
html {
  font-family: 'Fira Sans Extra Condensed', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,

.h5,
.h6 {
     font-family: 'Fira Sans Extra Condensed', sans-serif; text-transform:uppercase;
    font-weight: 400;
   
}

.center-txt {
    text-align: center;
}

p {}

.head-info div,
.lg-no-padding {
    padding: 0
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 1em;
    line-height: 1.33333;
    border-radius: 6px;
}

.head {
    background-image: url(./img/top.jpg);
    height: 280px
}

.head-logotype {
    position: relative;
    top: 1em;
}

p.slogan {
    font-size: 1em;
    line-height: 1.2em;
    display: block;
    width: 80%;
    padding: 1em 0;
    color: #3390C4;
    position: relative;
    left: 2em;
    text-align: center;
}



.alert, .thumbnail {
    margin-bottom: 0;
}

.head-fones div {
    font-size: 2em;
    text-align: center;
}

.fone-number {
    display: block;
    position: relative;
    margin-top: 1.2em;
}

.link-to-form {
    font-size: 14px;
    text-decoration: underline;
    position: relative;
    top: 1.1em;
}

.head-address,
.head-fones {
    height: 100%;
    margin: 0;
    /* border: solid 1px;  */
}

.head-address .glyphicon-map-marker {
    font-size: 2em;
    color: green;
    position: relative;
   
    left: 0em;
}

.head-address div {}

.addr {
    margin:0;
    display: block;
    position: relative;
    top: 4em;
    font-size:13px
}

.head-buttons {
    position: relative;
    top: 4em;
}

.head-buttons .button-form {
    position: relative;
    left: 3em;
    margin: 0 10px;
    font-size: 0.9em;
}

.container.head-info {
    height: 180px
}

.superbanner {
    background-image: url(img/justacat.jpg);
    background-attachment: scroll;
    height: 360px;
    background-size: 100%;
}

.superbanner,
.superbanner .h1 {
    color: #fff
}

.superbanner .h1 {
    text-transform: uppercase;
    line-height: 1.3em;
    margin: 1em 0 0.3em 0;
    font-weight: 600
}

.superbanner p {
    font-size: 1.2em;

    font-weight: 400
}

.calculator {
    padding: 5em 0
}

.calculator div header {
    margin-bottom: 2em
}

.requests,

/* .text, */

.calculator {
    margin: 2em auto
}

.block-contacts>div {
    padding: 0;
    margin: 0em auto 4em auto
}

.requests {
    /* border-top:solid 1px #595959 ;  */
}

.requests img {
    float: left;
    margin: 0 2em 0 0
}

.requests p {
    font-style: italic
}

.navigation li a {
       font-size: 21px;
    color: #595959;
   
}

.navigation li:last-child a {
    border-right: none;
}

.navigation li a:hover {
    background: none;
    text-decoration: underline;
    color: #008000
}

.products {
    margin: 2em 0;
}

.calculator {
    background: #E0EAF3;
    /*  background: url(/bitrix/templates/290316/img/raz2.jpg);
  background-size: cover;   */
}

.layer-foot-contacts {
    position: absolute;
    z-index: 2;
    left: 15%;
    height: 400px;
}

.foot-contacts {
    border-radius: 15px;
    background: #FFF none repeat scroll 0% 0%;
    position: relative;
    top: 25%;
    height: 250px;
    padding: 2em;
    width: 300px;
}

#map-canvas {
    height: 500px
}

.container.placeholders {
    /*  border:solid 1px grey;  */
    background: #fff;
}

.placeholder>a> img {
    width: 100%;
    margin: 5% auto;
}

.li li {
    padding: 10px 0px 10px 32px;
    margin: 0px 0px 4px;
    list-style-type: none;
    background: transparent url(./img/li.png) no-repeat scroll left 6px;
    font-style: italic;
}

.placeholder {
    text-align: center;
    margin: 0 0 3em 0
}

.site-footer {
    /* background: grey */
}

.form-func-block {
    font-size: 0.8em;
}

.form-func-block div,
.form-func-block {
    padding: 0
}

.fancybox-skin {
    background: #F9F9F9 none repeat scroll 0% 0%;
    color: #444;
    border-radius: 0px;
}

.fancybox-close {
    top: 0px;
    right: 0;
    width: 36px;
    height: 36px;
}

#FEEDBACK_ZVONOK {
    padding: 1em;
}

#form-recall > .h4,
#form-call-master > .h4 {
    padding: 0.8em 0.8em 0 0.8em;
    text-transform: uppercase;
    text-align: center;
}

.btn-green {
    background: #006600;
    color: #fff;
}

.superbanner .btn-green {
    margin: 2em 0;
}

.slider-lg .h1 {
    margin: 0.3em 0 1em 0
}

.btn {
    border-radius: 0
}


/* Калькулятор*/

.raschet {
    padding: 2em;
    background: #fff
}

.calculator font.notetext {
    color: #008000;
    font-size: 2em;
    text-align: center;
    display: block;
    padding: 0.4em;
}

.Calc .price {
    line-height: 69px;
}

.Calc .price>span {
    color: #EE1C24;
    font-size: 3em
}

.Calc .leadDo > div.price {
    padding: 0 0 0 10%
}

.Calc .form-group.param {}

.checkbox + .checkbox,
.radio + .radio {
    margin-top: 0px;
}

.form-control {
    color: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    border: solid 1px #8198A7;
}

.checkbox input[type="checkbox"] {
    position: absolute;
    margin-left: -0px;
    margin: 0px 0px 0px;
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 0px;
}

.Calc .form-group {
    margin-top: 15px;
}

.Calc .params {
    /* background: green; */
    height: 100%;
    padding: 0 0 0px 0;
    line-height: 32px;
}

.Calc .params-mid {
    /* background: yellow;  */
    height: 100%;
    /* line-height: 32px; */
}

.Calc .bot-dops {
    /*background: red;*/
    height: 100%;
    line-height: 32px;
}

.Calc .checkbox input[type="checkbox"] {
    height: 20px;
    border: solid 1px red;
    margin: 6px 0 0 0;
}

.Calc .leadDo> div {
    padding: 0
}

.Calc .leadDo {
    padding: 0 6% 0 0
}

.addedparam input {
    width: 30%;
    margin: 0 auto
}

.breadcrumb.breadcrumb-navigation li a {
    color: grey;
    font-size: 0.9em
}


/* Стили тектвой страницы */

.text-clear div {
    padding: 0
}

.text-clear>div>div p {
    padding: 0 0 0 1em
}

.text img {
    margin: 0 1em 1em 0
}


/* Стили таблиц */

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: none;
}


/* Стили меню */

.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: none;
}

.nav > li > a {
    padding: 20px 15px;
}


.input_error, .form-control.required.error  { color: red; border: solid 1px red}
label.input_error  { border:0}

input[name="client_number"] { font-size:24px; text-align: center}