/** GLOBAL RESETS **/

@font-face {
    font-family: 'bebas_neuebold';
    src: url('font/BebasNeueBold.woff2') format('woff2'),
         url('font/BebasNeueBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
    box-sizing: border-box;
}

h1{
	margin-bottom: 26px;
	margin-top: 30px;
}

h1,h2,h3,h4,h5,h6,pre,code {
    font-size: 1em;
    color: #4aa6e4;
}

ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

a img,:link img,:visited img {
    border: none;
}


    /** GLOBAL SETS **/

div.ui--message-box-inline p{
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased !important;
        filter: none !important;
        color: rgb(255, 255, 255)!important;
}
.clear {
    clear: both;
}

.hidden {
    display: none;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif; 
    color: #646464;
    font-size: 14px;
}

:link,
:visited {
    color: #304a61;
    text-decoration: underline;
}

ul {
    font-family: 'bebas_neuebold', sans-serif;
}

ul :link {
    text-decoration: none;
}
p { 
    padding-bottom: 1em;
}

h3 {
    font-weight: normal;
    margin-bottom: 1em;
}

.btn {
    text-decoration: none;
    display: block;
    border-radius: 20px;
    background-color: #4aa6e4;
    color: #fff;
    font-family: 'bebas_neuebold';
    font-size: 18px;
    height: 40px;
    height: 36px;
    line-height: 40px;
    line-height: 36px;
    text-align: center;
    flex-shrink: 0;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 180px;
    border: 0;
    box-shadow: none;
    outline: 0;
    transition: .4s ease-in-out all;
}
.btn span {
    display: inline-block;
    position: relative;
    margin-top: 2px;
}

.btn:focus,
.btn:active {
    outline: 0;
    box-shadow: none;
}

.btn:hover {
    background-color: #1d81c4;
}

.c_row {
  display: flex;
  flex-direction: row;
}

.c_col {
  flex: 1 1 100%;
  margin-right: 20px;
}

.c_col:last-child {
    margin-right: 0;
}

.c_col2 {
    flex: 0 0 50%;
}

.c_center {
    justify-content: center;
}

::placeholder {
  color: #4aa6e4;
}
input[type=text],
input[type=tel],
input[type=email],
textarea {
  font-size: 12px;
  line-height: 20px;
  padding: 9px 14px;
  border: 1px solid #4aa6e4;
  color: #4aa6e4;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
textarea:focus,
input[type=text]:active,
input[type=tel]:active,
input[type=email]:active,
textarea:active {
  outline: 0;
}

.form--contacts {
    margin-top: 1.3em;
    margin-bottom: 2em;
}
.form--contacts textarea {
  display: inline-block;
  margin-top: 20px;
}
.form--contacts input,
.form--contacts textarea {
  width: 100%;
}
.c_col-4 {
  flex-basis: 25%;
  flex-shrink: 0;
}

iframe {
  background-color: #f3f3f3;
  width: 100%;
}

     
.c_slider {
  width: 100%;
  margin-bottom: 30px;
}

.c_slide {
  width: 100%;
  position: relative;
}

.c_slide-img {
  width: 100%;
  height: auto;
}

.c_slide-text {
  font-size: 53px;
  position: absolute;
  left: 120px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  font-family: 'bebas_neuebold', sans-serif;
}

#wrapper,
.container {
    width: 1020px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

footer {
    margin-bottom: 38px !important;
    margin-top: 45px !important;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 30px;
    justify-content: center;    
    background: url('img/footer-bg.jpg') 0 0 no-repeat;
    background-size: cover;
}

.bcg_img {
    width: 100%;
    height: 100px;
}

.menu {
    width: 100%;
    margin-bottom: 30px;
}
.wrapper_back {
    display: none;
    width: 1020px;
    margin: 0px auto;
    height: 465px;
}

.slider {
    /*NO SLIDER*/
    display: none;
    position: absolute;
    margin-top: 180px;
    height: 200px;
    width: 430px;
    background: url(images/slide-descr-left.png) no-repeat, url(images/slide-descr-right.png) no-repeat 250px;
}

.slider_inside {
    margin-left: 20px;
    width: 230px;
    height: 200px;
    background: url(images/slide-descr-tile.png) repeat-x;
    position: absolute;
    top: 0px;
}

.background_picture {
    position: absolute;
    width: 1020px;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 540px;
    top: 0px;
    overflow: hidden;
}

.background_picture img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.nav {
    display: flex;
    flex-direction: row;
    height: 70px;
    color: #304a61;
    font-size: 16px;
    font-family: 'bebas_neuebold';
}
.nav li {
    text-decoration: none;
    list-style-type: none;
    display: flex;
    flex: 1 1 100%;
    border: 1px solid #4aa6e4;
}

.nav li a {
    font-size: inherit;
    color: inherit;
    line-height: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    padding-left: 85px;
    background-position: 35px center !important;
    background-repeat: no-repeat !important;
}

.nav li:hover,
.nav li.active {
    background: #4aa6e4;
    color: #fff;
}

.nav li.index a {
    background-image: url('img/menu-icon1.png');
}
.nav li.index:hover a,
.nav li.index.active a {
    background-image: url('img/menu-icon1-h.png');
}

.nav li.products a {
    background-image: url('img/menu-icon2.png');
}
.nav li.products:hover a,
.nav li.products.active a {
    background-image: url('img/menu-icon2-h.png');
}

.nav li.prices a {
    background-image: url('img/menu-icon3.png');
}
.nav li.prices:hover a,
.nav li.prices.active a {
    background-image: url('img/menu-icon3-h.png');
}

.nav li.photos a {
    background-image: url('img/menu-icon4.png');
}
.nav li.photos:hover a,
.nav li.photos.active a {
    background-image: url('img/menu-icon4-h.png');
}


.nav li.contacts a {
    background-image: url('img/menu-icon5.png');
}
.nav li.contacts:hover a,
.nav li.contacts.active a {
    background-image: url('img/menu-icon5-h.png');
}

.heading__column {
    font-size: 14px;
    width: 180px;
    margin-right: 20px;
    padding-left: 27px;
}

.heading__column:last-child {
    margin-right: 0;
    padding-left: 0;
}

.heading__column--place {
    background: url('img/top-icon-1.png') 0 center no-repeat;
    background-size: 18px 20px;
}

.heading__column--email {
    background: url('img/top-icon-2.png') 0 center no-repeat;
    background-size: 18px 20px;
}

.heading__column--lang {
    background: url('img/top-icon-3.png') 0 center no-repeat;
    background-size: 18px 20px;
}

.heading__column-button {
    min-width: 0;
}

.heading__column-button span {
    padding-left: 31px;
}

.heading__column-button span:before {
    position: absolute;
    left: 0;
    width: 31px;
    bottom: 0;
    top: 0;
    content: '';
    background: url('img/phone-icon.png') 0 7px no-repeat;
}

.btn--offer {
    position: absolute;
    top: 0;
    right: 0;
}

.product_title {
    width: 195px;
    height: 22px;
    background: #808080;
    border: 1px solid #808080;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding-top: 6px;
    margin-top: 20px;
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 12px;
}

.left_nav {
    width: 220px;
    border: 1px solid #4aa6e4;
    border-top-width: 8px;
    padding-top: 24px;
    padding-bottom: 24px;
    font-family: 'bebas_neuebold';
    line-height: 20px;
    font-size: 14px;
    align-self: start;
}

.left_nav li {
    margin: 7px 0;
    padding-left: 36px;
    list-style-type: none;
    position: relative;
}

.left_nav li:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    margin-top: -5px;
    top: 50%;
    left: 20px;
    background: url('img/circle-icon.png') 0 0 no-repeat;
}

.left_nav li a {
    display: inline-block;
    padding-left: 8px;
}
h1,
.heading-title,
.content_title {
  color: #4aa6e4;
  font-size: 36px;
  margin-bottom: 26px;
  text-transform: uppercase;
  text-align: left;
  max-width: 560px;
}

.benefits {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 42px 0;
}

.benefit {
  flex: 1 1 auto;
  margin-right: 20px;
  font-size: 14px;
  text-align: center;
  padding-top: 110px;
  padding-bottom: 35px;
  border: 1px solid #4aa6e4;
  position: relative;
}

.benefit-img {
  position: absolute;
  top: 42px;
  left: 50%;
  transform: translateX(-50%)
}


.content {
    width: 780px;
    margin-left: 20px;
    position: relative;
}


.bcg_left, .bcg_right {
    /*display: none;*/
    width: calc((100% - 1020px)/2);
    height: 100px;
    float: left;
    position: relative;
}

/*.bcg_left {
    background: url(images/header-tile-left.png) repeat-x;
}

.bcg_right {
    background: url(images/header-tile-right.png) repeat-x;
}*/

.info_block {
    text-transform: uppercase;
    height: 100%;
}

.info_block h1 {
    color: #646464;
    font-size: 21px;
    margin-bottom: 20px;
}

.info_block p {
    color: #2f80b8;
    font-size: 14px;
}

.info_button {
    position: absolute;
    width: 140px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    font-size: 11px;
    bottom: 22px;
    left: 20px;
    display: block;
    line-height: 2.7em;
    background: #646463;
    z-index: 99999;
}

.info_button:hover {
    background: #2e80b8;
}

.info_button a {
    color: #fff;
    display: block;
    width: 140px;
    height: 30px;
}

.wrap {
    width: 1020px;
    margin: 0px auto;
    background: #fff;
    height: 100px;
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.logo {
    background: url(img/deltalogi-logo.png) 4px center no-repeat;
    width: 180px;
    height: 100px;
    margin-right: 60px;
}

.logo>a {
    width: 100%;
    height: 100%;
    display: block;
}

.colortext {
    color: #ed5555;
    padding-left: 5px;
}

.top_info {
    float: left;
}

.top_info p {
    font-size: 12px;
    color: #808183;
}

.phone p {
    margin-left: 20px;
    color: #808080;
    font-size: 15px!important;
}

.mail p {
    margin-left: 25px;
    border-bottom: 1px solid;
}

.mail a {
    color: #808183;
}

.skype p {
    margin-left: 22px;
}

.phone {
    background: url(images/cellphone.png) left no-repeat;
}

.mail {
    background: url(images/icon-contact.png) left no-repeat;
}

.skype {
    background: url(images/icon-skype.png) left no-repeat;
}

.top_info ul {
    list-style-type: none;
}

.top_info ul li {
    float: left;
    text-decoration: none;
    margin-left: 35px;
}
.top_info ul li p{
    font-size: 14px;
}

.lang_nav {
    float: left;
    background: url(images/icon-lng.png) left no-repeat;
    margin-left: 150px;
    margin-top: 40px;
    position: absolute;
    right: 0;
    
    text-shadow: 0 0px 5px white;
}

.lang_nav ul {
    margin-left: 20px;
    list-style-type: none;
    font-size: 13px;
}

.lang_nav ul li {
    float: left;
    padding-left: 5px;
    color: #939594;
}

.lang_nav ul li a {
    border-bottom: 1px solid;
}

.lang_nav ul li:hover {
    text-decoration: none;
}

.lang_nav ul li a {
    color: #939594;
}

.lang_nav ul span {
    float: left;
    padding-left: 5px;
    color: #939594;
}

.next {
    background: url(images/slide-descr-but-right.png) center center no-repeat;
    right: 40px;
}

.prev {
    background: url(images/slide-descr-but-left.png) center center no-repeat;
    right: 80px;
}

.next, .prev {
    position: absolute;
    width: 26px;
    height: 26px;
}

.next a, .prev a {
    position: absolute;
    width: 26px;
    height: 26px;
}

.content_nav>li>p {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}

.window p {
    text-transform: uppercase;
    font-size: 14px;
}

.door p {
    text-transform: uppercase;
    font-size: 14px;
}

.footer {
    background-color: #2f80b8;
    width: 1020px;
    height: 100px;
    border: 1px solid #2f80b8;
    border-radius: 5px;
    color: #fefffd;
    margin-top: 50px;
    margin-bottom: 20px;
    position: relative;

}

#copyright {
    position: absolute;
    right: 20px;
    top: 35px;
    font-size: 12px;
    background: url(images/skyit-logo.png) no-repeat right;
    width: 150px;
    height: 30px;
}

#copyright a {
    border-bottom: 1px solid #fff;
    height: 15px;
    color: #fff;
}

#copyright a:hover {
    border-bottom: none;
}

#copyright p {
    padding-top: 8px;
}

.nav_bottom {
    list-style-type: none;
    position: absolute;
    left: 20px;
    top: 28px;
}

.nav_bottom li {
    float: left;
    border-bottom: 1px solid #fff;
    height: 15px;
}

.nav_bottom li a {
    float: left;
    color: #ffffff;
    font-size: 12px;
}

.nav_bottom li:hover {
    border-bottom: none;
}

.nav_bottom span {
    float: left;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
}

.bottom_info {
    position: absolute;
    font-size: 12px;
    top: 60px;
    left: 20px;
}

#bbland > hr {
    display: none;
}

.content p {
    color: #646464;
}

.content_nav {
    list-style-type: none;
    margin-top: 10px;
    height: 150px;
}

.content_nav li {
    float: left;
}

.safe, .hot, .quality, .exclusive {
    width: 190px;
    height: 120px;
    text-align: center;
}

.safe {
    background: url(images/serv-1.png)no-repeat center center;
}

.safe p {
    color: #2f80b8;
    padding-top: 90px;
}

.hot {
    background: url(images/serv-2.png)no-repeat center center;
}

.hot p {
    color: #d07908;
    padding-top: 90px;
}

.quality {
    background: url(images/serv-3.png)no-repeat center center;
}

.quality p {
    color: #4b8322;
    padding-top: 90px;
}

.exclusive {
    background: url(images/serv-4.png)no-repeat center center;
}

.exclusive p {
    color: #ee5655;
    padding-top: 90px;
}

hr {
    width: 170px;
    border: none;
    background-color: #e4e3e8;
    color: #e4e3e8;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.calc {
    margin-top: 70px;
}

.calc_title {
    text-transform: uppercase;
    color: #2f80b7;
    text-align: center;
    font-size: 18px;
}

.calc_nav {
    list-style-type: none;
    height: 80px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.calc_nav li {
    float: left;
    width: 175px;
    height: 71px;
    margin-left: 15px;
    text-align: center;
    background: url(images/calculator-st.png) no-repeat;
    display: block;
}

.calc_nav li a {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    padding-top: 20px;
    cursor: pointer;
    color: #656565;
    line-height: 1.2em;
}

.calc_nav li:hover {
    background: url(images/calculator-hover.png) no-repeat;
}

.bottom_block {
    margin-top: 60px;
}

.bottom_block li {
    list-style-type: none;
    float: left;
    width: 160px;
    height: 75px;
    margin-right: 40px;
}

.bottom_block li:last-child {
    margin-right: 0px!important;
}

.preview_menu_w {
    margin-top: 20px;
}

.preview_menu {
    list-style-type: none;
    margin-top: 38px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
}

.preview_menu li {
    width: 180px;
    height: 180px;
    overflow: visible;
    display: flex;
    flex: 0 0 180px;
    margin-right: 20px;
    margin-bottom: 70px;
    background-size: cover;
    position: relative;
}

.preview_menu li a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 180px;
    height: 180px;
    background: rgba(74, 166, 228, 0);
    transition: .4s ease-in-out all;
}

.preview_menu li a:hover::after {
    background: rgba(74, 166, 228, .7);
}

.preview_menu li:nth-child(4n) {
    margin-right: 0;
}

.preview_menu li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    height: 250px;
    padding: 180px 60px 5px 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#window_menu,
#product_menu_main_ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#window_menu > li,
#product_menu_main_ul > li {
    list-style-type: none;
    background: none !important;
    width: 180px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#window_menu > li a,
#product_menu_main_ul > li a {
    width: 180px;
    height: 180px;
    border: 1px solid #4aa6e4;
    background: #fff !important;
    color: #304a61;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: .4s ease-in-out all;
}

#window_menu > li a:hover,
#product_menu_main_ul > li a:hover {
    background: #4aa6e4 !important;
    color: #fff !important;
}

#window_menu > li:nth-child(4n),
#product_menu_main_ul > li:nth-child(4n) {
    margin-right: 0;
}

.image {
    position: absolute;
}

.x103 {
    background: url(images/103.png) no-repeat;
}

.x103:hover {
    background: url(images/103-hover.png) no-repeat;
}

.x104 {
    background: url(images/104.png) no-repeat;
}

.x104:hover {
    background: url(images/104-hover.png) no-repeat;
}

.x119 {
    background: url(images/119.png) no-repeat;
}

.x119:hover {
    background: url(images/119-hover.png) no-repeat;
}

.x467 {
    background: url(images/467.png) no-repeat;
}

.x467:hover {
    background: url(images/467-hover.png) no-repeat;
}

.x602 {
    background: url(images/602.png) no-repeat;
}

.x602:hover {
    background: url(images/602-hover.png) no-repeat;
}

.malosemejka {
    background: url(images/malosemejka.png) no-repeat;
}

.z-malosemejka {
    background: url(images/malosemejka.png) no-repeat;
}

.malosemejka:hover {
    background: url(images/malosemejka-hover.png) no-repeat;
}

.staraja-litovka, .z-staraja-litovka {
    background: url(images/starajalitovka.png) no-repeat;
}

.staraja-litovka:hover {
    background: url(images/starajalitovka-hover.png) no-repeat;
}

.litovka, .z-litovka {
    background: url(images/litovskij.png) no-repeat;
}

.litovka:hover {
    background: url(images/litovskij-hover.png) no-repeat;
}

.hrushovka, .z-hrushovka {
    background: url(images/hrushevka.png) no-repeat;
}

.hrushovka:hover {
    background: url(images/hrushevka-hover.png) no-repeat;
}

.hrusovka {
    background: url(images/hrushevka2.png) no-repeat;
}

.hrusovka:hover {
    background: url(images/hrushevka-hover2.png) no-repeat;
}

.franc, .z-franc {
    background: url(images/francuzkij.png) no-repeat;
}

.franc:hover {
    background: url(images/francuzkij-hover.png) no-repeat;
}

.chech, .z-chech {
    background: url(images/cheshskij.png) no-repeat;
}

.chech:hover {
    background: url(images/cheshskij-hover.png) no-repeat;
}

.oknaaluplast {
    background: url(images/aluplast.png) no-repeat;
}

.oknaaluplast:hover {
    background: url(images/aluplast-hover.png) no-repeat;
}

.okna-rehau {
    background: url(images/rehau.png) no-repeat;
}

.okna-rehau:hover {
    background: url(images/rehau-hover.png) no-repeat;
}

.calcc,
.calcc-2,
.calcc-3 {
    height: 25px;
    position: relative;
    margin-left: 90px;
    margin-right: 90px;
    overflow: visible;
    background: url('img/circle-icon-h.png') 0 10px no-repeat, url('img/circle-icon.png') 50% 10px no-repeat, url('img/circle-icon.png')100% 10px no-repeat;
}

.calcc-2 {
    background: url('img/circle-icon.png') 0 10px no-repeat, url('img/circle-icon-h.png') 50% 10px no-repeat, url('img/circle-icon.png')100% 10px no-repeat;   
}

.calcc-3 {
    background: url('img/circle-icon.png') 0 10px no-repeat, url('img/circle-icon.png') 50% 10px no-repeat, url('img/circle-icon-h.png')100% 10px no-repeat;   
}

.calcc:after,
.calcc-2:after,
.calcc-3:after {
    content: '';
    top: 15px;
    left: 9px;
    right: 9px;
    border-top: 1px solid #4aa6e4;
    position: absolute;
    z-index: -1;
}


.w_op {
    border-radius: 5px;
    width: 185px;
    height: 140px;
    float: left;
        /*background: url(images/type.png) no-repeat;*/
    list-style-type: none;
    margin-right: 6px;
    text-align: center;
}

.w_op p {
    line-height: 18em;
}

.window_option {
    margin-top: 95px;
}

.window_option > ul li:last-child {
    margin-right: 0px!important;
}

.option_1 {
    background: url(images/type-test1.png) no-repeat center center, url(images/type.png) no-repeat;
}

.option_2 {
    background: url(images/type-test2.png) no-repeat center center, url(images/type.png) no-repeat;
}

.option_3 {
    background: url(images/type-test3.png) no-repeat center center,url(images/type.png) no-repeat;
}

.option_4 {
    background: url(images/type-test4.png) no-repeat center center, url(images/type.png) no-repeat;
}

.option_1:hover {
    background: url(images/type-test1.png) no-repeat center center, url(images/type-hover.png) no-repeat;
}

.option_2:hover {
    background: url(images/type-test2.png) no-repeat center center, url(images/type-hover.png) no-repeat;
}

.option_3:hover {
    background: url(images/type-test3.png) no-repeat center center,url(images/type-hover.png) no-repeat;
}

.option_4:hover {
    background: url(images/type-test4.png) no-repeat center center, url(images/type-hover.png) no-repeat;
}


.calc-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.calc-title li {
    list-style-type: none;
    width: 190px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: none;
}

.parametr {
    width: 756px;
    border-radius: 5px;
    border: 2px solid #e3e4e8;
    height: 150px;
    margin-bottom: 10px;
    position: relative;
}

.prm_1 {
    background: url(images/type-test1.png) no-repeat center left 60px #f7f8fa;
}

.prm_2 {
    background: url(images/type-test1.png) no-repeat center left 60px #f7f8fa;
}

input[type="radio"] {
    display: none;
}

input[type="radio"] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin: 5px;
    background: url(images/radio-but.png) no-repeat 0 0;
    cursor: pointer;
}

input[type="radio"]:checked + label span {
    background: url(images/radio-but-hover.png) no-repeat 0 0;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin: 5px;
    background: url(images/check-but.png) no-repeat 0 0;
    cursor: pointer;
}

input[type="checkbox"]:checked + label span {
    background: url(images/check-but-hover.png) no-repeat 0 0;
}

.frm_left, .frm_right {
    float: left;
    width: 200px;
    font-size: 12px;
    color: #646464;
}

.forms {
    margin-left: 195px;
    margin-top: 35px;
}

.close {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    background: url(images/close-button.png) no-repeat;
    height: 14px;
    width: 14px;
}

.parametr_btn {
    float: right;
    width: 100px;
    height: 40px;
    color: #ffffff;
    background: #ee5655;
    text-transform: uppercase;
    border-radius: 5px;
    border: none;
    margin-right: 20px;
    margin-top: 20px;
}

.top {
    z-index: 99999;
}

.clear {
    clear: both;
}

.background_slide {
    position: absolute;
    top: 100px;
    width: 1020px;
    margin: 0px auto;
}

.left_bg, .right_bg {
    float: left;
}

.left_bg {
    width: 725px;
        /*background: url(images/slide-hover-main.png) right no-repeat;*/
    height: 400px;
    position: relative;
}

.left_bg > img {
    position: absolute;
    left: -157px;
}

.btn_left {
    float: left;
    background-color: #e7ebee;
    color: #656567;
}

.btn_right {
    float: right;
    background-color: #ed5554;
    color: #fffeff;
}

.btn_left, .btn_right {
    width: 195px;
    height: 30px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    border: none;
}

.btns {
    float: left;
    width: 480px;
    margin-top: 20px;
}

.summ {
    text-transform: uppercase;
    color: #656565;
    width: 480px;
    float: left;
    margin-top: 20px;
}

.summ p {
    text-align: right!important;
    padding-right: 25px;
}

#share42 {
    display: inline-block;
    padding: 6px 0 0 6px;
    background: #FFF;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    margin-left: 8px;
}

#share42:hover {
    background: #F6F6F6;
    border: 1px solid #D4D4D4;
    box-shadow: 0 0 5px #DDD;
}

#share42 a {
    opacity: 0.5;
}

#share42:hover a {
    opacity: 0.7;
}

#share42 a:hover {
    opacity: 1;
}

#label {
    font-size: 10px;
}

.btn_left {
    float: left;
}


    /*****************************************/
.z-104 {
    background: url(images/104.png) top no-repeat;
}

.z-103 {
    background: url(images/103.png) top no-repeat;
}

.z-119 {
    background: url(images/119.png) top no-repeat;
}

.z-467 {
    background: url(images/467.png) top no-repeat;
}

.z-602 {
    background: url(images/602.png) top no-repeat;
}

.slopes-photos {
    background: url(images/gallery/otkosi.png) top no-repeat;
}

.aluminium {
    background: url(images/gallery/aluminij.png) top no-repeat;
}

.lamination {
    background: url(images/gallery/laminacija.png) top no-repeat;
    margin-right: 0px!important;
}
.bezramnie {
    background: url(images/gallery/bezram.jpg) top no-repeat;
}

.glazings-photos {
    background: url(images/gallery/steklopaketi.png) top no-repeat;
}

.nets {
    background: url(images/gallery/moskitnie.png) top no-repeat;
    margin-right: 0px!important;
}

.bariers {
    background: url(images/gallery/peregorodki.png) top no-repeat;
}

.doors-1 {
    background: url(images/gallery/dveri.png) top no-repeat;
}

.doma {
    background: url(images/gallery/chastnie.jpg) top no-repeat;
}

.sirijnie-doma {
    background: url(images/gallery/serijnie.jpg) top no-repeat;
}

.podezdi {
    background: url(images/gallery/podjezdi.jpg) top no-repeat;
}
.gosobekti {
    background: url(images/gallery/gos.jpg) top no-repeat;
}

.braki {
    background: url(images/gallery/brak.jpg) top no-repeat;
}

.evromontaz {
    background: url(images/gallery/evro_montazh.jpg) top no-repeat;
}

.vorota {
    background: url(images/gallery/vorota.jpg) top no-repeat;
}
.mezkomnatnie {
    background: url(images/gallery/mezkom.jpg) top no-repeat;
}

.arki {
    background: url(images/gallery/arka.jpg) top no-repeat;
}

.zeleznie-dveri {
    background: url(images/gallery/zhel_dverj.jpg) top no-repeat;
}
.verandi {
    background: url(images/gallery/111.jpg) top no-repeat;
}
.lodzii-1 {
    background: url(images/gallery/222.jpg) top no-repeat;
}
.dermanija {
    background: url(images/gallery/333.jpg) top no-repeat;
}
.derevo {
    background: url(images/derevo.jpg) top no-repeat;
}

.zaljuzi {
    background: url(images/zaljuzji.jpg) top no-repeat;
}

.podokoniki {
    background: url(images/podokonnik.jpg) top no-repeat;
}

.label {
    width: 190px;
}

.contact_form {
    position: relative;
    width: 760px;
}

.sbmt {
    position: absolute;
    top: 0;
    right: 0;
}

#support {
    margin-top: 10px;
}

.catalog_block {
    text-decoration: underline;
    color: #646464;
    text-align: center;
}

.catalog_block:hover {
    text-decoration: none;
}

.catalog_block img {
    border-radius: 5px;
}

#window_menu>.blinds a {
    padding-top: 115px;
}

div.siblings {
    font-size: 12px;
    word-wrap: break-word;
    display: block;
    margin-top: 55px;
    margin-bottom: 15px;
}

.siblings ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.siblings li {
    width: 180px;
    border: 1px solid #4aa6e4;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px;
    line-height: 25px;
}

.siblings li:nth-child(4n) {
    margin-right: 0;
}

div.siblings a {
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

.active_li {
    background: #4aa6e4;
    color: #fff;
}

.fur_block {
    float: left;
    width: 170px;
    margin-right: 26px;
}

.fur {
    float: left;
}

.fur_detail {
    text-align: center;
}

.fur_detail > p {
    font-size: 13px;
}

.fur_detail > span {
    font-size: 14px;
}

.fur_detail > p> img {
    border-radius: 5px;
}

.fur_title {
    font-size: 16px!important;
    color: #2f80b8!important;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.p01-contact {
    position: relative;
}

.sbmt_block {
    position: absolute;
    top: 0;
    right: 0;
}

.form-control {
    display: block;
    width: 100%;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #4aa6e4;
    padding: 6px 6px 6px 14px;
    font-size: 12px;
    color: #4aa6e4;
}

.textarea_c {
    display: block;
    width: 735px;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #e4e3e8;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

a:focus {
    outline: none;
}

.panel {
    background: #fff;
    padding: 5px;
    margin-top: 5px;
}

.btn-slide {
    text-align: center;
    width: 195px;
    height: 22px;
    margin: 0 auto;
    display: block;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    background: #ea5654;
    border-radius: 5px;
    padding: 5px;
}

.fur_list {
    list-style-type: none;
    margin-top: 5px;
    text-align: center;
}

.fur_list li {
    display: inline-block;
}

.fur_list li img {
    border-radius: 5px;
}

.fur_list li p {
    text-align: center;
}

.price {
    color: #ED5456!important;
}

.left_bcg-tile {
    top: 140px;
    position: absolute;
    height: 400px;
    /*left: -157px;*/
    width: calc((100% - 1020px)/2);
    background: url(images/slide-hover-tile.png) repeat-x;
    background-size: contain;
}
.left_bcg-right {
    top: 140px;
    position: absolute;
    height: 400px;
    right: 0;
    width: calc((100% - 1020px)/2);
    background: url(images/slide-hover-tile-right.png) repeat-x;
    background-size: contain;
}



        /*.left_bcg-tile-left {

            top: 100px;

            position: absolute;

            height: 400px;

            left: 0;

            width: calc((100% - 1020px)/2);

            background: url(images/slide-hover-left.png) no-repeat;

            }*/



.current_li {
    color: #4aa6e4!important;
}



            /***************************************************/


.metrix .contact_input {
    border: 1px solid #808080!important;
}

.contact_input {
    border-radius: 5px;
  /*  border: none; */
    outline: none;
    padding: 3px;
    color: #458ec1;
}

#open_block {
    display: none;
}

.link {
    text-transform: uppercase;
    font-size: 12px;
    height: 30px;
    border-radius: 5px;
    line-height: 2.5em;
    padding-left: 20px;
    display: block;
    cursor: pointer;
    color: #646464;
    margin-top: 5px;
    background: url(images/icon-open-descr.png) 98% 50% no-repeat #e7ebed;
}

.link_active {
    color: #fff;
    background: url(images/icon-close-descr.png) 98% 50% no-repeat #ed5555;
}

.zal_img > img {
    width: 200px;
    height: 170px;
    border-radius: 5px;
}

.zal_txt {
    padding-top: 10px;
}

.zal_img,.zal_txt {
    float: left;
}

.zal_txt ul {
    list-style-type: none;
}

.zal_txt ul li {
    float: left;
    width: 200px;
    height: 50px;
    text-align: center;
}

.zal_txt ul li a {
    font-size: 14px;
    color: #ed5555;
}

.button {
    width: 195px;
    height: 22px;
    background: #ee5655;
    border: 1px solid #ee5655;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin: 0px auto;
    text-transform: uppercase;
    font-size: 12px;
}

.button a {
    color: #fff;
    display: block;
    padding-top: 3px;
}

.button:hover {
    background-color: #e7ebee;
}

.button a:hover {
    color: #ee5655;
}
/*SLOGAN*/
.slogan{
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    color: #646464;
    width: 570px;
}
.slogan h1{
    font-size: 60px;
    font-weight: lighter;
    white-space: nowrap;
}
.slogan h1 p{
    margin-top: -10px;
}
.slogan_info{
    font-size: 18px;
    padding-top: 20px;
}
.slogan_button{
    width: 235px;
    height: 30px;
    background: #ee5655;
    border: 1px solid #ee5655;
    border-radius: 5px;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
}
.slogan_button a{
    color: #fff;
    display: block;
}
.slogan .under_button{
    font-size: 14px;
    padding: 3px 0 0 70px;
}

.nav_button{
    position: absolute;
    top: 295px!important;
    width: 195px;
    height: 30px;
    line-height: 30px;
    background: #808080;
    color: #fff;
    border: 1px solid #808080;
    border-radius: 5px;
    text-align: center;
    margin-top: 132px;
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
}
#production_box .slogan_button{
    width: 195px;
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}
ul.available-calculators {
    margin-top: 0;
}
ul.available-calculators div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
li.available-calculator {
    float: none;
    width: 180px;
    height: 180px;
    margin-bottom: 60px;
    margin-right: 20px;
    border: 1px solid #4aa6e4;
    border-radius: 0;
    padding-top: 0;
    font-family: 'Open Sans', sans-serif;
}
li.available-calculator a {
    width: 180px;
    height: 240px;
    position: relative;
    padding-top: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #304a61;
}

li.available-calculator a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 180px;
    height: 180px;
    background: rgba(74, 166, 228, 0);
    transition: .4s ease-in-out all;
    z-index: 2;
}

li.available-calculator a:hover::after {
    background: rgba(74, 166, 228, .5);
}

li.available-calculator a img {
    position: absolute;
    z-index: 1;
    width: 178px;
    height: auto;
    max-height: 178px;
    bottom: 62px;
    left: 0px;
    margin-bottom: 0;
}
li.available-calculator:nth-child(4n) {
    margin-right: 0;
}







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

td, th {
    padding: 4px 8px;
}

table, td, th {
    border-color: rgb(74, 166, 228);
    color: rgb(48, 74, 97);
}
font[face="monospace"],
td tt, th tt {
    font-family: 'Open Sans', sans-serif;
    color:#646464;
}