@font-face {
    font-family: 'futdemi';
    src: url('../font/FuturaBT-Medium.eot?') format('eot'),
         url('../font/FuturaBT-Medium.woff') format('woff'),
         url('../font/FuturaBT-Medium.ttf')  format('truetype'),
         url('../font/FuturaBT-Medium.svg#svgFontName') format('svg');
    font-weight:normal;
    font-style:normal;
    }
@font-face {
    font-family: 'futbook';
    src: url('../font/Futura-Book.eot?') format('eot'),
         url('../font/Futura-Book.woff') format('woff'),
         url('../font/Futura-Book.ttf')  format('truetype'),
         url('../font/Futura-Book.svg#svgFontName') format('svg');
    font-weight:normal;
    font-style:normal;
    }
@import url(reset.css);
@charset "utf-8";

#top_section {position:relative; background:rgba(0,0,0,0.8);}
#top_section .shall {min-height:520px; text-align:center; position:relative; z-index:5; background: rgba(0,0,0,0.7);}
#top_section .shall_bg1 {min-height:520px; text-align:center;background:url(../img/top_1.jpg) no-repeat center center; position:absolute; width:100%; bottom:0; left:0; z-index:0;}
#top_section .shall_bg2 {min-height:520px; display:none; text-align:center;background:url(../img/top_2.jpg) no-repeat center center; position:absolute; width:100%; bottom:0; left:0; z-index:0;}
#top_section .shall_bg3 {min-height:520px; display:none; text-align:center;background:url(../img/top_3.jpg) no-repeat center center; position:absolute; width:100%; bottom:0; left:0; z-index:0;}
#top_section .shall_bg4 {min-height:520px; display:none; text-align:center;background:url(../img/top_4.jpg) no-repeat center center; position:absolute; width:100%; bottom:0; left:0; z-index:0;}

#top_section .shall p {text-align:center; font-size:24px; line-height:48px; color:#ffffff;}
#top_section .shall p.head {color:#fed529; font-size:44px; line-height:54px; text-transform: uppercase; font-weight:700; padding-top:100px;}
#top_section .shall h1.head {color:#fed529; font-size:44px; line-height:54px; text-transform: uppercase; font-weight:700; padding-top:100px;}
#top_section .shall article {text-align: center; padding: 65px 0;}
#top_section .shall article figure {display:inline-block; width:89px; height:78px; margin:0 22px; cursor:pointer;}
#top_section .shall article figure.fig_1 {background:url(../img/art_1.png) no-repeat;}
#top_section .shall article figure.fig_2 {background:url(../img/art_2.png) no-repeat;}
#top_section .shall article figure.fig_3 {background:url(../img/art_3.png) no-repeat;}
#top_section .shall .more {display:inline-block; color:#ffffff; font-size:14px; text-decoration:none; padding-bottom:26px; background:url(../img/niz_arr.png) no-repeat bottom center;}

#calc .left_aside {width: 45%;
    min-width: 300px;
    display: inline-block;
    padding: 0px 0px;}
#calc label{
	display: block;
    position: relative;
    height: 90px;
    text-align: left;}
#calc label p {    padding-bottom: 0px;
   padding-bottom: 0px;
    padding-left: 0px;
    color: #262626;
    font-size: 17px;
    line-height: 14px;
    text-align: left;
    font-weight: bold;
    padding-top: 20px;
    letter-spacing: 0px;
    margin-bottom: 0px;
	}
#calc label p span {
	font-weight: 500;
    font-family: arial;}
#calc label input[type=text] {float: right;
    padding: 0px 15px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100px;
    height: 30px;
    border-radius: 15px!important;
    border: 1px solid #ededed;
    background: #f1f1f1;
    margin-bottom: 0px;
    margin-top: 10px;
	}
#calc label .left_m {position:absolute; left:10px; top:60px; color:#262626; font-size:14px; font-weight: bold;}
#calc label .right_m {position:absolute; right:10px; top:60px; color:#262626; font-size:14px; font-weight: bold; }
#calc .right_aside {width: 50%;
    min-width: 300px;
    display: inline-block;
    vertical-align: top;
    float: right;}
#calc .right_aside p {text-align:center; color:#ee3131;  font-size: 22px;  font-weight: bold; margin-bottom:20px;}
#calc .right_aside p.head {font-size:34px; font-weight: 700;}
#calc .right_aside article {color:#00c2ff; font-size:34px; font-weight:700; text-align:center; height:320px; }
#calc .right_aside article#art_1 {background: url(../calc/beer.jpg) no-repeat 70px bottom ; background-position: center; background-position-y: bottom;}
#calc .right_aside article#art_2 {background: url(../calc/rezina.jpg) no-repeat 70px bottom ; background-position: center; background-position-y: bottom;}
#calc .right_aside article#art_3 {background: url(../calc/tv.jpg) no-repeat 70px bottom; background-position: center; background-position-y: bottom;}
#calc .right_aside article#art_4 {background: url(../calc/mald.jpg) no-repeat 70px bottom ; background-position: center; background-position-y: bottom;}
#calc .right_aside div {padding-top:35px; text-align:center;}
#calc .right_aside div figure {display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    text-align: center;
    text-transform: uppercase;
    color: #262626;
    font-size: 16px;
    line-height: 1.2;}
#calc .right_aside div figure span {font-weight: 900; font-size:44px;}



#quotes {background:url(../img/cons_bg.png) repeat; text-align:center;}
#quotes .column {background:url(../img/obl.jpg) no-repeat bottom center; background-size:100% auto; padding:46px 0;}
#quotes .column figure {margin-right:62px; display:inline-block;border-radius:500px; overflow:hidden;}
#quotes .column figure img {max-width:250px; max-height:250px;}
#quotes .column div {display:inline-block; max-width:710px; vertical-align:top;padding-top:64px; padding-bottom:30px; background:url(../img/quote.png) no-repeat top left, url(../img/quote2.png) no-repeat bottom right;}
#quotes .column div p {color:#ffffff; padding:0 10px; font-size:16px; line-height:26px; text-align:left; margin-bottom:10px;}
#quotes .column div p span {font-weight:900;}

#faq {background:#fafafa url(../img/bg_main.jpg) repeat; text-align:center; padding:70px 0; }
#faq p.head {color:#262626; font-size:34px; font-weight:600; text-align:center; margin-bottom:62px;}
.blue_pl {border:1px solid #1f7aff; border-radius:5px; display: inline-block; max-width: 720px; width:90%; margin-bottom:18px;}
.blue_pl p.plash {overflow:hidden;cursor:pointer; text-align:left; line-height:57px; padding: 0 62px; font-size:18px; color:#ffffff; font-weight:600; height:59px; background:#2a98fe url(../img/blue_pl.png) repeat; position:relative;}
.blue_pl p.plash span.faq {position:absolute; width:22px; height:19px; background:url(../img/faq_wh.png) no-repeat; top:20px; left:21px;}
.blue_pl p.plash span.arr_wh {position:absolute; top:17px; right:24px; background:url(../img/arr_wh.png) no-repeat bottom center; width:24px; height:24px;}
.blue_pl p.plash span.arrow_wh {position:absolute; top:17px; right:24px; background:url(../img/arr_wh.png) no-repeat top center; width:24px; height:24px;}
.blue_pl p.hide {padding: 34px 40px; font:16px; line-height:26px; color:#262626; font-weight:600; text-align:left;}

.yel_pl {border:1px solid #ffc91f; border-radius:5px; display: inline-block; max-width: 720px; width:90%; margin-bottom:18px;}
.yel_pl p.plash {overflow:hidden;cursor:pointer; text-align:left; line-height:57px; padding: 0 62px; font-size:18px; color:#262626; font-weight:600; height:59px; background:#fed427 url(../img/yel_pl.png) repeat; position:relative;}
.yel_pl p.plash span.faq {position:absolute; width:22px; height:19px; background:url(../img/faq_bl.png) no-repeat; top:20px; left:21px;}
.yel_pl p.plash span.arr_wh {position:absolute; top:17px; right:24px; background:url(../img/arr_bl.png) no-repeat bottom center; width:24px; height:24px;}
.yel_pl p.plash span.arrow_wh {position:absolute; top:17px; right:24px; background:url(../img/arr_bl.png) no-repeat top center; width:24px; height:24px;}
.yel_pl p.hide {padding: 34px 40px; font:16px; line-height:26px; color:#262626; font-weight:600; text-align:left;}
.yel_pl table.hide {width:100%; text-align:left;}
.yel_pl table.hide tr td {padding-left:40px; font-size:16px; color:#262626; vertical-align:middle; line-height:26px; height:20px; padding-top:23px; padding-bottom:23px;}
.yel_pl table.hide tr td:first-child {width:75%; padding-left:20px; border-right:1px solid #eae0ad;}
.yel_pl table.hide tr:nth-child(odd) td {background:#fff6c8;}
.yel_pl table.hide tr th {padding-left:40px; font-size:18px; font-weight:700; color:#262626; vertical-align:middle; line-height:26px; height:20px; padding-top:23px; padding-bottom:23px;}
.yel_pl table.hide tr th:first-child {width:75%; padding-left:20px; border-right:1px solid #eae0ad;}

#consultant {background:url(../img/cons_bg.png) repeat; text-align:center;}
#consultant .column {background:url(../img/obl.jpg) no-repeat center center; padding:90px 0; background-size:100% auto;}
#consultant p {color:#ffffff; text-align:center; font-size:24px; margin-bottom:80px;}
#consultant p.head {color:#ffffff; text-align:center; font-size: 34px; font-weight:600; text-transform: uppercase; margin-bottom:15px;}
#consultant input {border:none; border-radius:5px; background:#ffffff; padding: 0 26px; margin: 0 5px 10px; height:57px; width:242px; text-align:left; font-weight:600; font-size:18px;}
#consultant input[type="submit"] {margin: 0 5px 10px; height:57px; text-align:center; color:#0a0908; font-size:18px; font-weight:600; width:295px; text-transform:uppercase; background:url(../img/but.png) repeat-x; border:none; border-radius:5px;}
#consultant input[type="submit"]:disabled {
    opacity: .5;
}
#consultant .block-require input {
    width: auto;
    height: auto;
}
.block-require a {
    color: #8b8b8b;
}

#pop_up_shell { display:none; text-align:center; position:fixed; height:100%; background:rgba(0,0,0,0.7); width:100%; z-index:200; padding-top:0px;}
#pop_up { padding:10px 0; display:inline-block;position:absolute; top:200px; left:50%; margin-left:-228px; width:456px; text-align:center; border:3px solid #000000; background:url(../img/cons_bg.png) repeat; border-radius:10px;}
#pop_up input {border:none; border-radius:5px; background:#ffffff; padding: 0 26px; margin: 0 5px 10px; height:57px; width:242px; text-align:left; font-weight:600; font-size:18px;}
#pop_up button {margin: 0 5px 10px; height:57px; text-align:center; color:#0a0908; font-size:18px; font-weight:600; width:295px; text-transform:uppercase; background:url(../img/but.png) repeat-x; border:none; border-radius:5px;}
#pop_up p {color:#ffffff; text-align:center; font-size:24px; margin-bottom:30px;}
#pop_up p.head {color:#ffffff; text-align:center; font-size: 34px; font-weight:600; text-transform: uppercase; margin-bottom:15px;}



footer iframe {width:100%;}

@media screen and (max-width: 991px){
	#calc .left_aside{
		width:100%;
		padding-right: 20px;
    padding-left: 20px;
	}
	#calc .right_aside{
		width:100%;
		    padding: 10px 0px;
	}

	#calc .right_aside article#art_2, #calc .right_aside article#art_1, #calc .right_aside article#art_3, #calc .right_aside article#art_4{
		background-position:center;
	}

	#calc .right_aside div {
    padding-top: 0px;
}
#calc .right_aside article {
    font-size: 25px;
	line-height:20px;
}
}
@media screen and (max-width: 590px){
    /**/
    header nav ul li {display:block;}
    header nav {width:auto; display:block;}
}



    input[type=range] {
        position:absolute;
        left:0;
        top:50px;
     -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
     width: 100%; /* Specific width is required for Firefox. */
    }
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=range] {
        position:absolute;
        left:0;
        top:50px;
     -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
     width: 100%; /* Specific width is required for Firefox. */
    }}
}

    input[type=range]::-webkit-slider-thumb {
     -webkit-appearance: none;
        bottom:0px;
    }

    input[type=range]:focus {
     outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
    }

    input[type=range]::-ms-track {
     width: 100%;
     cursor: pointer;
     background: transparent; /* Hides the slider so custom styles can be added */
     border-color: transparent;
     border:7px solid #4d4d4d;
     color: transparent;
    }
    /* Special styling for WebKit/Blink */
    input[type=range]::-webkit-slider-thumb {
     -webkit-appearance: none;
     height: 10px;
     width: 10px;
     border-radius: 20px;
     background: #fff;
     border:3px solid #ee3131;
     padding:7px;
     cursor: pointer;
     margin-top: -5px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    }

    /* All the same stuff for Firefox */
    input[type=range]::-moz-range-thumb {
     height: 10px;
     width: 10px;
     border-radius: 20px;
     background: #fff;
     border:3px solid #bd0000;
     cursor: pointer;
    }

    /* All the same stuff for IE */
    input[type=range]::-ms-thumb {
     height: 10px;
     width: 10px;
     border-radius: 20px;
     background: #fff;
     border:3px solid #bd0000;
     cursor: pointer;
    }
    input[type=range]::-webkit-slider-runnable-track {
     width: 100%;
     height: 10px;
     cursor: pointer;
     background: #00c2ff;
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
     background: #00c2ff;
    }

    input[type=range]::-moz-range-track {
     width: 100%;
     height: 10px;
     cursor: pointer;
     background: #00c2ff;
    }

    input[type=range]::-ms-track {
     width: 100%;
     height: 10px;
     cursor: pointer;
     background: #00c2ff;
     border-color: transparent;
     border-width: 16px 0;
     color: transparent;
    }
    input[type=range]::-ms-fill-lower {
     background: #00c2ff;
    }
    input[type=range]:focus::-ms-fill-lower {
     background: #ffffff;
    }
    input[type=range]::-ms-fill-upper {
     background: #ffffff;
    }
    input[type=range]:focus::-ms-fill-upper {
     background: #ffffff;
    }



    #news, #testimonials {
            background: #fafafa url(../img/bg_main.jpg) repeat;
            text-align: center;
            padding: 70px 0;
            overflow:hidden;
            text-align:center;
    }

    #news p.head a, #news p.head , #news h1.head, #testimonials p.head a, #testimonials p.head, #testimonials h1.head{
            color: #262626;
            font-size: 34px;
            font-weight: 600;
            display:block;
            text-align: center;
          /*  max-width:735px; */
            margin-bottom: 62px;
    }

    #news p.head a:hover, #testimonials p.head a:hover {
        text-decoration:none;
    }

    .newsTpl {
            float:left;
            width:235px;
            height:345px;
            margin:10px 42px;
            padding:5px;
            box-sizing:border-box;
            border:1px solid grey;
            padding-bottom:10px;
            display: inline-block;
            -webkit-box-shadow: -1px 1px 23px 2px rgba(0,0,0,0.75);
            -moz-box-shadow: -1px 1px 23px 2px rgba(0,0,0,0.75);
            box-shadow: -1px 1px 23px 2px rgba(0,0,0,0.75);
            opacity:0.9;
            overflow:hidden;
            position:relative;

    }

    .newsTpl:hover {
        opacity:1;
    }

    .newsWrap {
       margin: 0 auto;
        width:960px;
        text-align:center;
    }

    .newsTpl img {
        margin:10px 0 10px 0;
    }

    .newsTpl a{
        font-size: 18px;
        color:#000;

    }

    .newsTpl p {
        font-size: 16px;

    }

    #readMore {
        font-size: 16px;
        color:#8b8b8b;
        text-align:right;
        display:block;
        bottom:5px;
        right:5px;
        position:absolute;
    }

    #readMore:hover {
        text-decoration:none;
    }

    #newsIntro>img {
        margin-bottom:62px;
    }


    #newsIntro>p {
        width:735px;
        margin: 0 auto;
    }

    #textIntro>p {
        /*width:735px;*/
        margin: 0 auto;
        text-align:left;
        margin-top:8px;
        font-size:16px;
        color:#000;
    }
    #textIntro strong {
        font-weight: bold;
    }

    .newsTpl h3 {
        margin:0 0 5px 0
    }


    @media screen and (max-width: 590px){
    /**/
        .newsWrap {width:250px; margin:10px auto;}

        .newsTpl {
        margin: 10px 0;
    }

	#calc .right_aside div figure span {
    font-size: 25px;
}

    #newsIntro>p {
        width: auto;
    }

    }

    #testimonials iframe, #news iframe {
        margin-bottom:62px;
    }

    .pagination {
clear:both;
overflow:hidden;
float:right;
margin-top:25px!important;
margin-right:22px !important;
margin-bottom:10px !important;
}

.pagination li {
float:left;
padding:5px;
border:1px solid black;
margin: 0 2px;}


.inner {
    margin-top:25px!important;
    margin-bottom:25px!important;
}


.rows {
    margin-top:25px;
}

.allnews {
    margin-bottom:0!important;
    padding-top:0!important;
}

#publishedon {
    font-size: 16px;
        color:#8b8b8b;
        text-align:right;
        display:block;
        bottom:5px;
        left:5px;
        position:absolute;

}

#newsIntro {
    overflow: hidden;
}
#newsIntro img {
    float: left;
    max-width: 300px;
    margin: 0 20px 20px 0;
}
#newsIntro .container {
    max-width: 1200px;
    margin: 0 auto;
}
#newsIntro p,
#newsIntro ul {
    color: #262626;
    text-align: left;
    margin-bottom: 20px;
    font-size: 16px;
}
#textIntro p,
#textIntro ul,
#textIntro ol {
    color: #262626;
    text-align: left;
    margin-bottom: 20px;
    font-size: 16px;
}
#textIntro ol ol {
    padding-left: 30px;
    padding-top: 10px;
}
#textIntro ol {
    list-style: decimal;
}
#textIntro ol strong {
    font-weight: bold;
}
#newsIntro ul {
    list-style: square;
}
#newsIntro ul li,
#textIntro ol li {
    margin-bottom: 10px;
}
#newsIntro strong {
    font-weight: bold;
}