/**
 * @version		1.0.2
 * @package		JoomlaXTC Sirus template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2015 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */

@font-face {
    font-family: 'OpenSans';
    src: url(/templates/sirus/fonts/opensans/opensans.ttf) format('truetype'),
    url(/templates/sirus/fonts/opensans/opensans.woff) format('woff'),
    url(/templates/sirus/fonts/opensans/opensans.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url(/templates/sirus/fonts/opensans/opensansbold.ttf) format('truetype'),
    url(/templates/sirus/fonts/opensans/opensansbold.woff) format('woff'),
    url(/templates/sirus/fonts/opensans/opensansbold.woff2) format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url(/templates/sirus/fonts/opensans/opensansextrabold.ttf) format('truetype'),
    url(/templates/sirus/fonts/opensans/opensansextrabold.woff) format('woff'),
    url(/templates/sirus/fonts/opensans/opensansextrabold.woff2) format('woff2');
    font-weight: 900;
    font-style: normal;
}

.under-order {
    margin: 8px 0 14px;
    background: #e93927;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

/* Стилі Тараса */

/* Таймер, картинка возле таймера, акция, - на головній ПОЧАТОК*/
/* картинка */
.bannerimg{text-align:center;float:right;margin-right:0px;margin-top:0px;}
/* текст */
.akcia{text-align:center; font-weight:bold; color:#f56608;font-size:4em;}
.montash{text-align:center;color:#f56608;font-size:2.5em;font-weight:bold;}
.border{margin-top:0px;float:right;}
.cat-children {display: none !important;}
.cat-children div {display: none !important;}
/* конпка  "Заказать теплый пол" */
/* Таймер, картинка возле таймера, акция, - на главной кінець КІНЕЦЬ*/
#bottom1 .copyright {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin: 20px 0 -10px;
}
/*.xtcdefaultmenu ul ul li:not(.item-1382):not(.item-1383):not(.item-1384):not(.item-1385):not(.item-1389):not(.item-1390):not(.item-1391):not(.item-1392):not(.item-1393):not(.item-1394):not(.item-1395):not(.item-1396):not(.item-1397):not(.item-1398):not(.item-1399):not(.item-1400){
    display: none!important;
}*/

/* Расчет стоимости теплого пола и картинки по бокам на главной ПОЧАТОК*/
/* картинка справа" */
.banner1{width: 33%; float: left;}
/* картинка слева" */
.banner2{width: 33%; float: left;}
/* форма" */
.formatitle{text-align: center; font-size: 2em;}
.forma {width: 33%; float: left;margin-top:0px;}
.knopka {text-align:center;}
.forma .formarascheta{padding:0px;}
.timermini{display:none;}
.megatimer{display:relative;}
/* Расчет стоимости теплого пола и картинки по бокам на главной КІНЕЦЬ*/


.categories-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 10px;
    column-gap: 10px;
}
.categories-block .category {
    flex-basis: calc(33.33% - 7px);
    position: relative;
    overflow: hidden;
    padding: 10px;
    max-width: calc(33.33% - 7px);
    box-sizing: border-box;
}
.categories-block .category:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
    z-index: 0;
}
.categories-block .category img {
    margin: 0px auto !important;
    display: block;
    max-width: 100%;
    width: auto;
    height: 300px;
}
.categories-block .category .title {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto 0;
    height: 70px;
    background: rgb(0 0 0 / 25%);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
    transition: height ease-in 0.4s;
}
.categories-block .category:hover .title {
    height: 100%;
}

.blog-table {
    margin: 40px 0px;
}
.blog-table table {border: 0;}
.blog-table table tr {
    border-bottom: 1px solid #ffd2b6;
}
.blog-table table tr:first-child {font-size: 14px; text-align: center;}
.blog-table table tr td {padding: 8px 5px;}
.blog-table table tr td:nth-child(1) {width: 30%; font-size: 16px;}
.blog-table table tr td:nth-child(2) {width: 35%; text-align: center; color: #666;}
.blog-table table tr td:nth-child(3) {width: 35%; text-align: center;}

.blog-table table tr td sup {color: #000;}

.blog-table table tr:first-child td {color: #222;}
.blog-table table tr:last-child {border-bottom: 0;}

/* 3 банера */
.banner-three img {width: 32%; margin: 0 0 0 1%; float: left;}
.banner-three {width: 100%; display: inline-block; margin-top: 0px;}

/*Выберите теплый пол для себя по производителю! на главной ПОЧАТОК*/
.vubor {
	text-align: center; 
	margin: 40px 0 15px; 
	font-size: 22pt; 
	color: #f56608; 
	padding-top: 0px;
background: -webkit-linear-gradient(bottom left, #f56608, #e94120);
background: -o-linear-gradient(bottom left, #f56608, #e94120);
background: linear-gradient(to top right, #f56608, #e94120);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
       }
.brands {margin-left: 0%;text-align: center; margin-bottom: 0px; display: inline-block;}
.brands div {width: 25%; float: left;}
.brands img {margin: 15px; border: 3px solid #f56608; padding: 15px 25px;}
.vidy-termoreguliatorov {margin-left: 11%;text-align: center;width: 24.5%; color: #f56608;min-height:340px;display:inline-block;}
.vidy-termoreguliatorov img {max-width:100%;margin:5px auto;}
.zagolovok {font-size: 14pt;line-height:1.2;}
.tip-montasha {margin: 0 0 10px 0px;}
.tip-montasha .item-tip {width:22.5%;display:inline-block;text-align: center;font-size: 14pt;color: #f56608;margin-bottom: 20px;padding:0 1%;}
.tip-montasha .item-tip div {width: 100%; margin: 0; padding: 0;}
.tip-montasha img {max-width:100%;margin:0;padding: 0;}
a.button-orang {
    background: #f56608;
    border: 2px solid #f56608;
    border-radius: 3px;
    color: white;
    display: block;
    font-size: 18px;
    line-height: 26px;
    outline: medium none lightyellow;
    padding: 0;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    max-width:100%;
    margin:0;

}
.tip-montasha div:hover a.button-orang, a:hover.button-orang {background: #fff;color: #f56608;border: 2px solid #f56608;}
.tip-montasha.termoregulatori-inside {margin: 40px 0 10px 0;}
.tip-montasha.termoregulatori-inside a.button-orang, 
.tip-montasha.termoregulatori a.button-orang {line-height: 42px;}


.ekonomTable {margin: 30px 0;}
.ekonomTable table {
    background: #fff;
    border-radius: 30px;
    max-width: 85%;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #333;
    overflow: hidden;
    border-collapse: initial;
}
.ekonomTable table tr td {text-align: center; padding: 15px 0;}
.ekonomTable table tr td sup {color: #fff;}
.ekonomTable table tr td:nth-last-child(2) {font-weight: 700; font-size: 23px; color: #222;}
.ekonomTable table tr:nth-child(even) {
    background: #dae6f7;
}
.ekonomTable table tr:nth-child(odd) {
    background: #f5f8fb;
}
.ekonomTable table tr:nth-child(2) {
    background: #fff;
}
.ekonomTable table tr:nth-child(2) td {
   background: #5280be;
    border: 0;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    text-shadow: none;
}
.ekonomTable table tr:not(:nth-child(2)) td sup {color: #333;}
.ekonomTable table tr td:first-child {border-left: 2px solid #5280be;}
.ekonomTable table tr td:last-child {border-right: 2px solid #5280be; color: #f35215;}
.ekonomTable table tr:nth-child(2) td:first-child {border-top-left-radius: 30px; border: 0;}
.ekonomTable table tr:nth-child(2) td:last-child {border-top-right-radius: 30px; border: 0; color: #fff;}
.ekonomTable table tr:last-child td {border-bottom: 2px solid #5280be;}
.ekonomTable table tr:last-child td:first-child {border-bottom-left-radius: 30px;}
.ekonomTable table tr:last-child td:last-child {border-bottom-right-radius: 30px;}
.ekonomTable table tr:first-child {
    background: #fff;
}
.ekonomTable table tr:first-child td {
     border: 0;
    padding: 30px 0 20px 30px;
    position: relative;
    font-size: 20px;
    line-height: 36px;
    text-align: left;
    font-weight: 500;
    color: #333;
    height: 54px;
    vertical-align: middle;
}
.ekonomTable table tr:first-child td span {
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
}
.ekonomTable table tr:first-child td:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 60px;
    background: #5280bf;
    left: 0;
    top: 35px;
}

.item-page a {
    font-weight: 600;
}
#component a{
    font-weight: 600;
}


.blog-comeback {position: relative; overflow: hidden;}

.blog-comeback:before {
    content: "";
    position: absolute;
    display: block;
    width: 150px;
    height: 30px;
    background: #f56608f2;
    transform: translateX(-150px);
    transition: transform 0.3s ease;
}

.blog-comeback a {
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 10px;
    border-left: 3px solid #f56608;
    width: 150px;
    display: inline-block;
    box-sizing: border-box;
    line-height: 30px;
    position: relative;
    color: #000;
    transition: all 0.3s ease;
    font-weight: 500 !important;
}

.blog-comeback:hover:before {
    transform: translateX(0);
}
.blog-comeback:hover a, .blog-comeback:hover a:hover {color: #fff;} 



.ik-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.ik-row .ik-info {flex-basis: 35%;}
.ik-row .ik-description {flex-basis: 60%;}


/*Выберите теплый пол для себя по производителю! на главной КІНЕЦЬ*/


#component .blog-header h1 {
    text-align: center;
    margin: 20px 0 30px !important;
    color: #222;
    font-weight: 900;
    font-size: 40px;
}
#component .blog-wrapper {max-width: 820px; margin: 0 auto;color: #222;}
#component .blog-intro, #component .blog-intro p {
    font-size: 16px; 
    line-height: 1.4; 
    font-style: italic;
    margin: 30px 0 !important;
    color: #333;
}
.com_content .item-page .blog-wrapper h2 {
    padding-left: 15px !important;
    border-left: 4px solid #f56608;
    margin: 30px 0 20px !important;
    font-size: 30px;
    font-weight: 600 !important;
}
#component .blog-wrapper a {font-weight: 600;}

#component .blog-list {
    background: #f5660812;
    padding: 20px 20px;
    color: #000;
    margin: 25px 0;
}

#component .blog-list > p {
    font-size: 18px;
    margin: 5px 0 20px;
}

#component  ul li {
    margin: 10px 0;
    color: #222;
    position: relative;
    list-style: none;
}

#component .blog-list ol li {
    margin: 5px 0;
    color: #222;
    position: relative;
    list-style: decimal;
}

#component  ul li:before {
    content: "▶";
    display: block;
    width: 15px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 0px;
    color: #f56608;
}

.com_content #component p.readmore:before {
    content: "";
    display: block;
    background: #f56608;
    position: absolute;
    width: 130px;
    height: 30px;
    top: 0;
    left: 0;
    transform: translateX(-130px);
    transition: all 0.3s ease;
}


.com_content p.readmore a.btn {padding: 5px 0 5px 10px !important;}
.com_content #component p.readmore {position: relative; overflow: hidden;}
.com_content #component p.readmore:hover:before {transform: translateX(0px);}
.com_content #component p.readmore a {z-index: 5; position: relative;}
.com_content #component p.readmore:hover a, 
.com_content #component p.readmore a:hover {color: #fff !important;}




.rsform-block-text{Text:errorClass} {display: none;}

/*Теплые полы на главной НАчало*/
.preimushestva h2 {text-align:center;}
.tepluepolu h2 {text-align:center;}
/*Теплые полы на главной Конец*/

/*Купить теплый пол на главной НАчало*/
.kypitteluepolu h2{text-align:center;}
.kypitteluepolu p {text-align:center;}
/*Купить теплый пол на главной Конец*/

/*Контакты в подвале НАчало*/
.kontaktu {float:left;text-align:left;color:#f56608;font-size:16px;}
.kontaktu a {color: #f56608;}
.kontaktu a:hover {color: #bd4b00;}
.karta{text-align: right; float: left; width: 73%;}
.kontaktu .mob{font-size:16px;color:white;}
.kontaktu img{vertical-align: middle; margin-right: 5px;}

/*Контакты в подвале Конец*/


/* Стилі Тараса кінець */

#topright {
    display: flex;
    align-items: center;
}

#topright .mod-languages .activeLanguage {
    background: transparent;
    border: 0 !important;
    box-shadow: none;
    font-size: 16px;
    line-height: 25px;
    min-height: 25px;
    padding: 0 10px;
}

#topright .mod-languages .uk-open>.uk-dropdown {
    min-width: 60px;
    padding: 0;
    border: 0;
    left: -8px !important;
    margin: 0 0 0;
    background: rgb(245 102 8);
    box-shadow: 0 0 2px #1e1e1e5e;
}

#topright .mod-languages .uk-open>.uk-dropdown ul li span,
#topright .mod-languages .uk-open>.uk-dropdown ul li a {
    color: rgba(255,255,255,0.75);
    padding: 5px 15px;
    text-decoration: none;
    text-align: center;
    display: block;
    font-size: 14px;
}
#topright .mod-languages .uk-open>.uk-dropdown ul li a:active,
#topright .mod-languages .uk-open>.uk-dropdown ul li a:focus,
#topright .mod-languages .uk-open>.uk-dropdown ul li a:hover {
    background: #e93629;
}


.visible-xs {display: none;}

.sotrud {clear: both;}
.sotrud-block {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    clear: both;
}
.sotrud-block .sotrud-img {
    flex-basis: 200px;
}
.sotrud-block .sotrud-text {
    flex-basis: calc(100% - 200px);
    padding-left: 30px;
}
.sotrud h2 {text-align: center; margin-top: 35px !important;}
.sotrud .sotrud-img img {width: 200px; height: 200px;}


.sotrud .rukovod {display: block; clear: both;}
.sotrud .rukovod p {margin: 0 0 10px !important; line-height: 1.3 !important;}
.sotrud .rukovod p strong {font-size: 18px !important;}

.contact-us {
    border: 10px solid #0594ef;
    margin-top: 30px;
    margin-left: 0px!important;
    margin-right: 0px!important;
    border-radius: 4px;
}
.form-side, .call {padding: 30px 20px 0; }
.call-title {
    color: #161616;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: 30px;
}
.call-numbers p {text-align: center; margin-top: 15px !important;}
.call-numbers p a {
    font-size: 26px;
    font-weight: bold;
}
.call-numbers p.numb a {font-size: 45px;}
.form-side .rsform-block-text {
    color: #161616;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px !important;
}
.call-icons {
    display: flex;
    justify-content: center;
}
.wa-icon {margin-right: 20px;}


/* CТИЛИ ЕВГЕНИЯ НАЧАЛО */


/* СТИЛИ ТАБЛИЦ начало */
.table-image{width: 70%; float: left;}
.table-image a img {width: 100%; margin: 0;}
.info-table {width: 30%; float: left; font-size: 14px; position: relative;}
.info-table .info-table-image img {display: block; margin: 0 auto;}
.info-table .info-table-button {text-align: center;}
.info-table li {padding:2px 0px 4px; font-size: 13px;}
.info-table li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    width: 8px;
    font-size: 14px;
    display: inline-block;
    color: #f56608;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    }
.info-table ul {margin-top: 5px;}
	.info-table ul {list-style:none;}
.clear {clear: both;}
.table-top-name {width: 70%; float: left;}
.table-top-name h3 {margin: 8px 0 5px !important;}
.table-top-logo {width: 30%; float: left; text-align: center;}
.table-top-logo img {margin: 0; height: 40px;}
/* СТИЛИ ТАБЛИЦ конец */

.check {margin-left: 0;}
.check li {background-image: url("/images/check/check3-1.png");background-position: 0 0; font-size: 14px;
    background-repeat: no-repeat;padding-left:40px;padding-top:5px; padding-bottom:5px; list-style: none;}

.preimushestva span {
	font-size: 18px;
    font-weight: 600;
    margin-right: 5px;
    color: #f56608;
}
.preimushestva strong {
	color: #f56608;
    font-size: 16px;
    margin-right: 5px;
}

/* СТИЛИ ТЕРМОРЕГУЛЯТОРОВ начало */
.info-termo{width: 40%; float: left; font-size: 12px; margin: 15px 0px 0px;}
.info-termo li {background-image: url("/images/check/check3-1.png");background-position: 0 0;
    background-repeat: no-repeat;padding-left:40px;padding-top:5px; padding-bottom:5px;}
.info-termo ul {margin-top: 5px; color: #333333;}
	.info-termo ul {list-style:none;}

.img-termo {width: 25%; float: left;}
/*.img-termo img {height:250px; width: 250px;}*/

.form-termo {width: 33%; float: left;}
.form-termo p span {color: #f56608; float: left; font-weight: bold; font-size: 21.3333px; margin-left: 20px;}
/* СТИЛИ ТЕРМОРЕГУЛЯТОРОВ конец */

/* СТИЛИ ИК-ПЛЕНКИ начало */


.plenkacatalog-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ik-plenka {
    flex-basis: 46%;
    padding: 10px 0 30px;
    border-bottom: 1px solid #ddd;
}
.ik-plenka p.ik-plenka-title {font-size: 16px !important; font-weight: 600 !important;}

.info-ik, .ik-info{width: 50%; float: left; font-size: 12px; margin: 15px 0px 0px;}
.info-ik li, .ik-info li {background-image: url("/images/check/check3-1.png");background-position: 0 0;
    background-repeat: no-repeat;padding-left:40px;padding-top:5px; padding-bottom:5px;}
.info-ik ul, .ik-info ul {margin-top: 5px; color: #333333;}
.info-ik ul, .ik-info ul {list-style:none;}

.ik-form-price > p {
    color: #d72e00;
    font-size: 22px !important;
    font-weight: 600 !important;
    text-align: center;
    margin: 25px 0 0 !important;
}

.img-ik {width: 50%; float: left;}
.img-ik img {height:250px; width: 250px;}
.ik-plenka-mobile {height: 430px;}
/* СТИЛИ ИК-ПЛЕНКИ конец */

.vidy-cena{text-align: center;width: 25%; color: #f56608; min-height:340px; display:inline-block; float: left; text-align: center; font-size: 14pt; color: #f56608; margin-right: 3%;}
.vidy-cena img{max-width:100%;margin:5px auto;}
.ordering .ordering-details .list-checked {width: 110%; display: inline-block; padding-left: 50px;}
.ordering .ordering-details .list-checked li {width: 50%; font-size: 15px;}

a:hover, a:focus {color: inherit; text-decoration: none; outline: 0;}
/* СТИЛИ ЕВГЕНИЯ КОНЕЦ */


.row .related-product {width: 19%; margin: 10px 0.5%; float: left; padding: 10px 0; border: 0px; box-shadow: 0px 0px 3px #8a8a8a; text-align: center;}
.row .related-product:hover {box-shadow: 0px 0px 5px #f56608;}
.row .related-product img {margin: 0px; width: 100%;}
.row .related-product a span {font-size: 16px; font-weight: bold; color: #5a5a5a;}
.row .related-product:hover a span {color: #f56608;}

#extherm-cabl, #fenix-cabl, #devi-mat, #fenix-mat, #extherm-mat {position: absolute; margin-top: -145px;}


.akciaMainSlider, .akciaMainSlider-mobile {
	display: block;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	margin: 0;
	border-bottom: 4px solid #f4610c;
    background: #fff;
    text-align: center;
}
.akciaMainSlider-mobile {display: none;}



/* НОВЫЙ СЛАЙДЕР НА ГЛАВНОЙ */
.main-slider {
	width: 100%; 
	height: 450px; 
	margin: 0; 
	display: flex; 
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
    overflow-x: hidden;
}
.main-slider .slide-block {
	display: inline-flex;
	width: auto;
	flex: 0 0 33.333%;
	position: relative;
	
}
.main-slider .slide-block:before {
	content: "";
	display: block;
	width: 200%;
	height: 450px;
	position: absolute;
	top: 0;
	right: 0;
	transition: .1s transform;
 	transform: translateX(0);
}
.main-slider .slide-block.action-1:before {background: url(/images/slider/1.png) no-repeat; background-position-x: 100%; z-index: 15;}
.main-slider .slide-block.action-2:before {background: url(/images/slider/2.png) no-repeat; background-position-x: 100%; z-index: 12;}
.main-slider .slide-block.action-3:before {background: url(/images/slider/3.png) no-repeat; background-position-x: 100%; z-index: 10;}
.main-slider .slide-block a.swipe-block {
	z-index: 20;
    padding-top: 0px;
    padding-left: 20px;
    align-self: center;
    /*text-shadow: 2px 2px 2px #333;*/
	transition: .1s transform;
 	transform: translateX(0);
    position: absolute;
    top: 40px;
    right: 30px;
    width: 365px;
    text-decoration: none !important; 
    outline: none !important;
}
.main-slider .slide-block.action-1 a.swipe-block {right: 20px;}
.main-slider .slide-block a.swipe-block .img-swipe {display: block; text-align: left; padding-left: 40px;}
.main-slider .slide-block.action-3 a.swipe-block .img-swipe {padding-left: 20px;}
.main-slider .slide-block a.swipe-block .img-swipe img {transition: all 0.45s;}
.main-slider .slide-block:hover a.swipe-block .img-swipe img {transform: rotate(360deg);}
.main-slider .slide-block a.swipe-block .title-swipe {display: block; font-size: 34px; color: #222; line-height: 38px; margin-top: 20px; margin-bottom: 20px;}
.main-slider .slide-block a.swipe-block .info-swipe {display: block; font-size: 20px; color: #222; line-height: 24px; margin-bottom: 20px;}
.main-slider .slide-block a.swipe-block .button-swipe {
    display: block; 
    position: relative; 
    background: #5cb85c;
    width: fit-content; 
    font-size: 16px; 
    font-weight: 400;
    color: #fff;
    border: 1px solid #4cae4c;
    border-radius: 4px;
    text-transform: initial;
    padding: 6px 20px;
    text-shadow: none;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
        -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.main-slider .slide-block a.swipe-block .button-swipe:hover {background: rgba(255,138,0,1);border-color: #e07900;}
.main-slider .slide-block:hover:before {
	transform: translateX(20px);
  	transition: .3s transform;
	right: 0px;
}
.main-slider .slide-block:hover a.swipe-block {
	transform: translateX(20px); 
	transition: .3s transform;
}
.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}

.thankyou {
    font-size: 20px;
    color: #f56608;
    line-height: 1.3;
    padding: 40px 25px;
    background: linear-gradient(90deg,rgba(234,54,42,1) 0%,rgba(233,97,7,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    text-transform: uppercase;
}



@media (min-width: 1700px) {
.main-slider .slide-block a.swipe-block {
    z-index: 20;
    padding-top: 0px;
    padding-left: 0px;
    align-self: center;
    /*text-shadow: 2px 2px 2px #333;*/
    transition: .1s transform;
    transform: translateX(0);
    position: absolute;
    top: 35px;
    right: 0px;
    left: 100px;
    width: 380px;
}
.main-slider .slide-block a.swipe-block .img-swipe {padding-left: 80px;}
.main-slider .slide-block a.swipe-block .title-swipe {font-size: 38px; line-height: 44px;}
.main-slider .slide-block a.swipe-block .info-swipe {font-size: 24px;}

}



div.r3spacer_top#breadcrumbs {margin-top: 5px;}
div#region2.row-fluid, div#region2xtc-fluidwrapper {position: fixed; width: 100%; z-index: 9;}
.customakvast {background: url(/images/banners/aquastorozh.jpg) no-repeat; background-position: bottom;}


#headerwrap {height: auto;}
.mobs-top {margin: 2px 10px 0 0;}
.mobs-top ul {margin: 0 0 5px;}
.mobs-top ul li {display: inline-block;}
#headertop .mobs-top ul li a {font-size: 14px; font-weight: 400; color: #fff;}
.mobs-top li {padding: 0 0 0 22px; margin-left: 5px;color:#fff;font-size:14px;font-weight: 400;height:18px;line-height: 16px;/*text-shadow: 0px 0px 3px #808080;*/}
.mobs-top li.mob-ks {background: url(/images/icons/kyivstar.png) left center no-repeat;background-size: contain; }
.mobs-top li.mob-mts {background: url(/images/icons/vodafone-viber.png) left center no-repeat;background-size: contain;padding: 0 0 0 25px;}
.mobs-top li.mob-gor {background: url(/images/icons/phone.png) left center no-repeat;background-size: contain;}
.mobs-top li.mob-life{background: url(/images/icons/life-viber.png) left center no-repeat;background-size: contain;padding: 0 0 0 25px;}


.formResponsive .formHorizontal .formControls {
    margin-left: 0px;
}
.formResponsive .formHorizontal .formControlLabel {
    float: left;
    width: 0;
    padding-top: 5px;
    text-align: right;
}
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: -45px;
    max-width: 100%;
    margin-right: 0;
    padding: 0;
}

#menuwrap ul.menu li.parent > ul > li, #menuwrap .dualfish ul.menu ul > li {padding: 2px 5px;}

.item-1233, .item-1265 {
	background-color: rgba(15, 22, 38, 1);
    background-image: url("https://teplyypol.kiev.ua/images/new.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-color: rgba(0, 0, 0, 0.1);
	}
	
/*Первый блок сформой на внутренних страницах*/
.ordering {
    border-radius: 4px;
    border: 4px solid transparent;
    border-image: linear-gradient(to right, rgb(7, 149, 239) 0%, rgb(161, 216, 255) 100%);
    border-image-slice: 1;
    display: table;
    margin: 40px auto;
    padding: 0px;
    width: 100%;
    box-shadow: -6px 6px 10px #ababab;
}

.ordering-details {
    background: linear-gradient(to right, rgba(161,216,255,1) 0%, rgba(206,234,255,1) 100%);
    display: table-cell;
    padding: 20px 25px 0 20px;
    vertical-align: top;
    width: 58.3333%;
}

.order-header {
    border-bottom: 1px solid #adcee5;
    padding-bottom: 15px;
}
.order-header .calk-title {
    font-size: 34px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 400;
}
.order-price {
    color: #135da6;
    float: right;
    font-size: 32px;
    font-weight: 500;
    margin-top: 5px;
}
.order-body {
    border-bottom: 1px solid #adcee5;
	border-bottom:1px solid #ADCEE5;
  color:#C32328;
  font-size:22px;
  font-weight:bold;
}

.order-body .package-attributes {
    margin-bottom: 0;
}
.package-attributes {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    list-style: outside none none;
    margin: 20px 0 30px;
    padding: 0 0 10px;
}

.package-attributes li::before {
    border-bottom: 3px solid #135da6;
    border-left: 3px solid #135da6;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 1px;
    transform: rotate(-45deg);
    width: 20px;
}
.package-attributes li {
    margin: 0 0 14px;
    padding-left: 30px;
    position: relative;
}

.list-checked, .list-dashed {
    line-height: 19px;
    list-style: outside none none;
    margin: 30px 0 15px;
    padding: 0;
}

.list-checked li, .list-dashed li {
    float: left;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
    width: 45%;
}

.list-checked li::before, .list-dashed li::before {
    border-bottom: 2px solid #6ea0c6;
    border-left: 2px solid #6ea0c6;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 12px;
}

.ordering-form {
    background: linear-gradient(to right, rgb(206, 234, 255) 0%, rgba(255, 255, 255, 0.3) 100%);
    display: table-cell;
    padding: 60px 20px 25px 60px;
    vertical-align: middle;
    width: 41.6667%;
}

.ordering-form h2 {
    margin-bottom: 28px;
    margin-top: 0;
}

.ordering-form h2 small {
    color: #999;
    display: block;
    font-size: 20px;
    line-height: 1.1;
}

#express-order .formResponsive .formHorizontal .rsform-block {margin-bottom: -25px;}

.form-group {
    margin-bottom: 10px;
}

input.form-control {
    height: 40px;
    padding: 15px 20px;
}

.form-control {
    border-color: #cdd5dd;
    box-shadow: 0 2px 6px rgba(0, 106, 172, 0.15) inset;
    font-size: 15px;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.submit-group {
    margin-top: 30px;
}

.submit-group span {
    display: inline-block;
    float: right;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.1;
    padding: 3px 0;
}

.btn-br-blue, .btn-br-orange, .btn-md-blue {
    background-color: #135da6;
    border: 0 none;
    border-radius: 25px;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 50px;
    margin: 0;
    outline: medium none;
    padding: 0 30px;
    transition: all 0.15s ease-in-out 0s;
}


/*Первый блок сформой на внутренних страницах*/	
	
 a.button8 {
 background: #f56608 none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 1px;
    color: white;
    display: inline-block;
    font-size: 21px;
    height: auto;
    outline: medium none lightyellow;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: 221px;
    font-weight: 500 !important;
}

.modulecontent {padding: 5px;}
#newsflash {margin-bottom: 0px;}
.com_content #component h1 {margin: 10px 0;}
.com_content .item-page .page-header .bbottom {width: 100%; margin-bottom: 15px;}


.clever-home .sprocket-mosaic .sprocket-mosaic-header {display: none;}
#express-order .formResponsive input[type="button"], #express-order .formResponsive input[type="submit"], #express-order .formResponsive input[type="reset"] {
    font-weight: bold!important;
    font-size: 20px;
    background-color: #0fbc28;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#6fd168),to(#0fbc28));
    padding: 10px 30px;
    text-decoration: none;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    user-select: none;
    color: #fff;
    text-shadow: none;
}
#menuwrap ul.menu > li.deeper.parent.active div {color: #fff !important; font-size: 13px; padding: 0px; font-weight: bold;}

.background-center {background-position: center;}

/* Банеры на страничке Электрический теплый пол и Снеготаяние */
.electro-row {width: 100%;}
.electro-banner {width: 24%; float: left; margin: 0 10px 10px 0;}
.electro-banner img, .electro-brands img {margin: 0;}
.electro-banner a {transition: 0.5s;}
.electro-brands {width: 22.9%; float: left; margin: 0 20px 10px 0;}
.electro-brands img {padding: 5px; border: 1px solid #f56608;}
.electro-banner a:hover {opacity: 0.5;}
.electro-brands a:hover img {opacity: 0.9; border: 1px solid transparent; box-shadow:
   -20px 20px 0 -17px #fff,
   20px -20px 0 -17px #fff,
   20px 20px 0 -20px #f56608,
   0 0 0 2px #f56608;}
.main-page.electro-row  {display: inline-block;}
.electro-brands a img {transition: 0.4s;}
.main-page .electro-brands {width: 24%; margin: 0 10px 10px 0;}
.main-page .electro-brands img {padding: 36px;}

.snego-row {width: 100%;}
.snego-banner {width: 32%; float: left; margin: 0 10px 10px 0;}
.snego-banner img, .electro-brands img {margin: 0;}
.snego-banner a {transition: 0.5s;}
.snego-banner a:hover {opacity: 0.5;}

.rating5 {
	display: inline-block;
	width: 100px;
	height: 18px;
	background: url('/images/icons/star.png') repeat-x;
	background-size: contain;
}
.rating4 {
	display: inline-block;
	width: 80px;
	height: 18px;
	background: url('/images/icons/star.png') repeat-x;
	background-size: contain;
}
.rating3 {
	display: inline-block;
	width: 60px;
	height: 18px;
	background: url('/images/icons/star.png') repeat-x;
	background-size: contain;
}
.review-button {
	display: block;
    margin: -15px auto 0;
    width: fit-content;
    background: #2196e1;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    padding: 6px 14px;
    border: 1px solid #0d80ca;
    border-radius: 4px;
    font-weight: normal;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.review-button img {margin: 0 7px 0px 0;}
.review-button:hover, .review-button:active, .review-button:focus {background: #0d80ca; color: #fff;}
.sprocket-quotes-container {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.sprocket-quotes-text {
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: 400;
}
.sprocket-quotes-author {
	font-size:16px !important;
	font-weight: normal !important;
}

.slogan-brands p {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #f56608;
    margin: 0px 0 10px;
}
.slogan-brands a.slogan-brand-link {
    display: block;
    margin: 0 auto;
    width: fit-content;
    background: #2196e1;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    padding: 6px 14px;
    border: 1px solid #0d80ca;
    border-radius: 4px;
    font-weight: normal;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.slogan-brands a.slogan-brand-link:hover {background: #0d80ca;}


/* Банеры Аквасторож */

.home-akva {
    padding: 2px 0 5px;
    background: url(/images/banners/aquastorozh.jpg) no-repeat;
    background-position: bottom;
    width: 100%;
    position: fixed;
}
@-webkit-keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #444, 0 0 8px #444; }
}
@keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #444, 0 0 8px #444; }
}
#myBtnPulse {
  color: #000;
  text-shadow: 0 -1px rgba(0,0,0,.1);
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.5s linear infinite;
}
.display-none {display: none;}
#region2.xtc-fluidwrapper {padding: 0 !important; margin-top: -6px;}
#user3 {background: url('/images/banners/aquastorozh.jpg') no-repeat; background-position: bottom;}
.akva-picture {text-align: center;}
.akva-text {text-align: center;}
.akva-text-dark {font-size: 22px; font-weight: 600; color: #4c4c4c; margin-bottom: 40px; margin-top: 40px;}
.akva-text-white {font-size: 19px; font-weight: 600; color: #4c4c4c; margin-bottom: 40px; margin-top: 40px;}
.akva-button {text-align: center; margin-bottom: 40px;}
.akva-button a {
    width: 200px;
    height: 30px;
    font-size: 16px;
    display: inline-block;
    line-height: 30px;
    padding: 5px 10px;
    background: #88c0f3;
    color: #fff;
    font-weight: bold;
    border: 1px solid #68aef1;
}
.akva-inside {padding-top: 5px;}
.akva-inside a {font-size: 16px; font-weight: 600; color: #fff;}
#user3 .lastarea {background: #ffff00;}
#user3 .lastarea .sotr-black .akva-inside {padding-top: 0px;}
#user3 .lastarea .sotr-black .akva-inside a {font-size: 16px; font-weight: 600; color: #000;}


#region3wrap .xtc-wrapper {padding: 5px 30px;}
#breadcrumbs .mod-preview {display: none;}


/*MODAL WINDOW*/
.modal-window {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-window-content {
    background-color: #fefefe;
    margin: auto;
    padding: 30px 20px 10px;
    border: 1px solid #888;
    width: 40%;
}

/* The Close Button */
.modal-window-content .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-window-content .close:hover,
.modal-window-content .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-window-content input {margin-bottom: 10px !important;}

.cenu-form .form-horizontal .form-group {margin-left: 10px;}
.cenu-form .form-horizontal .control-label {padding-left: 10px !important;}

.termo-forma .formResponsive .formHorizontal input,
.formResponsive .formHorizontal textarea,
.formResponsive .formHorizontal select,
.formResponsive .formHorizontal .formValidation,
.formResponsive .formHorizontal .uneditable-input,
.formResponsive .formHorizontal .input-prepend,
.formResponsive .formHorizontal .input-append {
  display: inline-block;
  *display: inline;
  height: 50px;
    margin-bottom: 0;
    width: none;
    font-size:20px;
  *zoom: 1;
}

#region7wrap {background: url(https://teplyypol.kiev.ua/templates/sirus/images/backgrounds/How_we_are_working_940.jpg) 50% 50% no-repeat;}
#region7.xtc-fluidwrapper {padding: 0px;}
.nomarg {margin-top: 20px !important;}

.np-but {
	width: 200px;
    height: 38px;
    outline: none;
    border-radius: 4px;
    border: solid 1px #ef232b;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    text-align: right;
    padding-right: 21px;
    background: url(https://apimgmtstorelinmtekiynqw.blob.core.windows.net/content/MediaLibrary/Widget/img/np-logo-white.png) no-repeat #ed1c23 10px;
    background-size: 20px;
    font-family: Muemo, sans-serif;
        text-transform: none;
            -webkit-appearance: button;
    cursor: pointer;
    line-height: inherit;
}
.np-but a {color: #fff;}

.termo-forma {float: left;}
.com_content .bbottom, .com_k2 .bbottom {width: 100%;}
#cena{font-size: 14px; color:#e31e24 ;}

#region1 {background: #ffffff;}
#region3wrap {background: #ffffff; padding-top: 0px;}

/* Акция */
.action {text-align: center; color: #f56608; font-weight: bold; margin-left: 20px;}
.action-kesh {margin-top: 10px;}
.kesh {text-decoration: line-through; font-size: 12pt; color: #000000; vertical-align: middle;}


/* Страница благодарности */
body.blago-tp {
	background: url(/images/banners/blago-bg.jpg)!important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: top!important;
}
body.blago-tp #region3wrap {background: transparent; margin: 100px 0 20px;}
body.blago-tp #region3wrap #region3pad {background: #fff;}
body.blago-tp #region3wrap #region3pad .snego-row {width: 100%; display: inline-block; margin-bottom: 15px;}
body.blago-tp #region3wrap #region3pad .snego-row .snego-banner {width: 33%; float: left; margin: 0 3px 5px 0;}
.blagodarnist {    
	border: 4px solid transparent;
    border-image: linear-gradient(to left,#ea362a 0%,#f56608 100%);
    border-image-slice: 1;
    margin: 30px 0;
    padding: 30px 0 25px;
    text-align: center;
    box-shadow: 4px 4px 8px #cecece;
    }
 .blagodarnist .blagodarnist-h1 {
 	font-size: 40px;
    text-transform: uppercase;
    background: linear-gradient(45deg,#f9574c 33%,#ee7e3b 66%,#f56608);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f56608;
    margin-bottom: 6px;
 }
 .blagodarnist .blagodarnist-h2 {
 	font-size: 16px;
    text-transform: uppercase;
    color: #555;
 }


/* Popup */
#myModal {
	margin-top: 80px;
}
#myModal1.modal {top:35%;}

.formResponsive input[type="submit"] {
    color: #fff !important;
    width: 100% !important;
    height: 34px;
    max-width: 310px !important;
    border-radius: 4px;
    margin: 0 !important;
    background: #337ab7 !important;
    border-color: #2e6da4;
    webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.formResponsive input[type="text"] {border-radius: 4px; height: 28px;}
.formResponsive .formHorizontal .formControls {margin-left: 0px;}
.form-horizontal .control-label {padding: 0 !important; text-align: left !important;}
.form-group {margin-bottom: 10px !important;}
input.form-control {height: 34px !important; padding: 4px 8px !important;}
.formControls {padding-right: 10px !important; padding-left: 10px !important;}
.formControls input.rsform-button, .formControls input.rsform-submit-button {width: 100%; margin-bottom: 10px;padding: 6px;}
.form-horizontal .control-label {color: #444; font-weight: 600;}
.col-sm-12.control-label.formControlLabel {padding: 2px 10px !important;}
.control-label.formControlLabel.display-none {display: none;}
a:focus, a:hover {text-decoration: none !important;}

/* Жесткая верстка блока приемуществ */
body {counter-reset: section;}

.row-adv {
    width: 90%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    height: 400px;
    margin: 0 auto;
    align-items: center;
}

.item-adv {
    position: relative;
    flex-grow: 1;
    height: 200px;
    max-width: 163px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 -4px -80px;
    padding: 10px 0 50px;
    flex-direction: column-reverse;
    border-bottom: 8px solid #f56608;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    border-right: 10px solid #f56608;
    border-left: 10px solid #f56608;
}
.item-adv:nth-child(2n) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: 8px solid #f56608;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    margin: -80px -6px 0;
    padding: 50px 0 0;
    flex-direction: column;
}
.item-adv::before {
    counter-increment: section;
    content: counter(section);
    top: 25px;
    padding: 6px 14px;
    border-radius: 20px;
    background: #f56608;
    left: -25px;
    display: block;
    color: #fff;
    font-weight: bold;
    position: absolute;
    font-size: 20px; 
}
.item-adv:nth-child(2n)::before {
    top: auto;
    bottom: 35px;
}
.item-adv:first-child::before {top: -4px;}
.item-adv:last-child::before {top: -4px; left: auto; right: -25px;}

.item-adv .item-head-adv {
    padding: 0 2px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    }

.predlogenie {
	margin: 0px 0 5px;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background: linear-gradient(to right,rgba(234, 54, 42, 0.8) 0%,rgba(233, 97, 7, 0.8) 100%);
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}
.predlogenie.revers {
	padding: 10px;
	background: linear-gradient(to left,rgba(234, 54, 42, 0.8) 0%,rgba(233, 97, 7, 0.8) 100%);
}



/* My Popup */

/*_________________________________________________________________________________________________*/
.modal-body-my-popup {
  max-height: 650px;
  padding: 15px;
  margin-bottom: -15px;
  color: #000;
  }

.modal-body-my-popup .formResponsive .formHorizontal .rsform-block {
	margin: 0;
}
.modal-body-my-popup .formResponsive .formHorizontal .rsform-block .formBody {height: 40px;}
.modal-body-my-popup .formResponsive .formHorizontal .formControls {margin-left: 0 !important;}
.modal-body-my-popup .formResponsive .formHorizontal .formControls .formDescription {display: none;}
.modal-body-my-popup .formResponsive .formHorizontal .rsform-block .formControls .formBody input {width: 98%;}
.modal-body-my-popup .formResponsive .formHorizontal .rsform-block .formValidation {
	display: none;
}
.modal-body-my-popup .formResponsive .formHorizontal .formControlLabel {display: none;}

.modal-body-my-popup .rsform-block-text .formBody {margin-bottom: 20px;}

.button-my-popup .btn, .button-my-popup .btn-info, .button-my-popup .btn-lg {
    font-weight: 400 !important; 
    font-size: 20px; 
    background: #5cb85c; 
    padding: 8px 20px; 
    border: 1px solid #4cae4c; 
    text-decoration: none; 
    user-select: none; 
    border-radius: 30px; 
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    outline: none;
}
.button-my-popup .btn:hover, .button-my-popup .btn-info:hover, .button-my-popup .btn-lg:hover { background: #4cae4c; font-size: 20px; } /* при наведении курсора мышки */
.button-my-popup .btn:active, .button-my-popup .btn-info:active, .button-my-popup .btn-lg:active { background: #3b9c3b; font-size: 20px; } /* при нажатии */

.button-my-popup .rsform-block-send .formBody .formResponsive input[type="submit"] { background-color: #0fbc28; background-image: -webkit-gradient(linear,0 0,0 100%,from(#6fd168),to(#0fbc28));}
.button-my-popup .rsform-block-send .formBody .formResponsive input[type="submit"]:hover { background: #88e094;  } /* при наведении курсора мышки */
.button-my-popup .rsform-block-send .formBody .formResponsive input[type="submit"]:active { background: #0da822; } /* при нажатии */

.module p.moduletitle {margin-bottom: 20px !important;}

.formResponsive input[type="submit"] {text-shadow: none !important;}

#logo a {
    background: url(https://teplyypol.kiev.ua/images/icons/logo-tp.png) no-repeat 0 0;
    height: 65px;
    width: 260px;
    margin: -18px 20px 4px;
    background-size: 100%;
}
.suckerfish ul.menu > li, .dualfish ul.menu > li {border: 0; line-height: 28px; font-size: 13px;}
.suckerfish ul.menu > li a, .dualfish ul.menu > li a {text-decoration: none !important;}

.tepluepolu p {
	font-size: 14px;
}

.preimushestva li {
	font-size: 14px;
}

#region10wrap .uk-active,
.lastarea p {
	font-size: 16px;
}

.termo-descr .termo-video {float: right; margin-left: 15px !important;}

.sotudnichestvo-line {
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
    background: #ec483b;
    background: linear-gradient(to bottom, rgba(234,54,42,1) 0%, rgba(233,97,7,1) 100%);
}

.sotudnichestvo-line .xtc-wrapperpad {
        display: inline-block;
        color: #fff;
        text-decoration: none !important;
}
.sotudnichestvo-line .sotrud-title {color: #fff; display: block; text-align: center; margin: 8px auto 10px; font-size: 20px; line-height: 30px; font-weight: 600; text-shadow: 1px 1px 1px #333;}
.sotudnichestvo-line .sotrud-text {display: block; width: 88%; float: left; color: #fff; font-size: 16px; line-height: 22px; font-weight: 400; text-align: left; text-shadow: 1px 1px 1px #333;}
.sotudnichestvo-line .sotrud-but {
    display: block;
    width: 12%;
    margin-top: 5px;
    background: #5cb85c;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    float: right;
    border: 1px solid #4cae4c;
    border-radius: 4px;
    text-transform: initial;
    padding: 6px 20px;
    text-shadow: none;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.sotudnichestvo-line .sotrud-but a {color: #fff; text-decoration: none !important;}
.sotudnichestvo-line .sotrud-but:hover {background: #4cae4c;}

.country-title {color: #404040; font-size: 24px; font-weight: 600; margin-top: 20px; margin-bottom: 10px;}
.country-name {color: #f56608; font-size: 18px; font-weight: 400;}
.numbers-title {color: #404040; font-size: 24px; font-weight: 600; margin-top: 30px; margin-bottom: 10px;}
.numbers-name, .mail-name {color: #f56608; font-size: 18px; font-weight: 600; line-height: 25px;}
.numbers-name img, .mail-name img {margin: 0 5px 0 0 !important;}
.grafik-title {color: #404040; font-size: 24px; font-weight: 600; margin-top: 30px; margin-bottom: 10px;}
.grafik-name {color: #f56608; font-size: 16px; font-weight: 400; margin-top: 10px;}
.grafik-workhours {color: #f56608; font-size: 18px; font-weight: 600;}

.sprocket-mosaic .sprocket-mosaic-item {border: 0;}
.sprocket-mosaic-item .sprocket-mosaic-title, .sprocket-mosaic-item .sprocket-mosaic-info {line-height: 16px !important;}
.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a {color: #333; line-height: 16px !important; font-size: 18px;}
.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-head {min-height: 50px;}
.sprocket-readmore span {
    background: #f56608 !important;
    border: 1px solid #e65d01;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.sprocket-readmore span:hover {background: #e65d01 !important;}
.sprocket-mosaic-item .sprocket-mosaic-text {border: 0 !important; font-size: 14px !important; padding: 2px !important;}
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {padding: 2px 5px !important; background: #0594ed40 !important; font-size: 13px !important; }
.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {margin: 0px !important; padding: 0 5px !important; background: transparent !important; border-radius: 0 !important;}

#main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li {background: #f5660824 !important; border-color: #f5660824 !important; margin-bottom: 4px !important;}

#menuwrap ul.menu>li.active div {color: #fff;}

.mobs-top ul li.mobs-sotrud {padding: 0 10px 0 0; margin: 0 -10px 0 10px; line-height: 18px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}
.mobs-top ul li.mobs-sotrud a {font-size: 12px !important; line-height: 18px;}
.mobs-top ul li.mobs-sotrud:hover {background-color: rgba(0,0,0,0.1);}
.mobs-top ul li.mobs-sotrud:before {
    content: "";
    display: inline-block;
    width: 1px;
    background: #fff;
    height: 15px;
    margin-right: 10px;
    margin-bottom: -2px;
    box-shadow: 1px 1px 2px #752e00;
}
.btn-free-wrap2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 50px;
    left: 10px;
    z-index: 10;
    width: 90px;
    height: 90px;
    margin: 7px 0;
    border-radius: 100%;
    padding: 10px 10px;
    font-size: 14px;
    background-color: #f56608;
    border: 2px solid #f56608;
    border-radius: 100%;
    text-align: center;
    opacity: 0.7;
    -ms-box-shadow: 0 0 36px 2px rgba(3,1,32,.4);
    -o-box-shadow: 0 0 36px 2px rgba(3,1,32,.4);
    box-shadow: 0 0 36px 2px rgba(3,1,32,.4);
    line-height: 1.7;
    letter-spacing: 1.4px;
    font-size: 13px;
    text-decoration: none !important;
    cursor: pointer;
    color: #FFF;
}
.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {min-height: 40px;}

.btn-free-wrap2 a:hover,
.btn-free-wrap2 a:focus {
	opacity: 0.9;
	color: #fff;
    outline: none;
}


/*text-shadow: rgba(0, 0, 0, 0.44902) 1px 1px 2px, black 0 0 3em;*/

@media (max-width: 1320px) {
    .suckerfish ul.menu > li, .dualfish ul.menu > li {padding: 10px 6px 10px !important;}
}

/* Медиа */
/* Large only */
@media screen and (min-width: 62.5em) and (max-width: 74.9375em) {
    .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {width: 300px;}
    .formResponsive .formHorizontal input, .formResponsive .formHorizontal textarea, .formResponsive .formHorizontal select, .formResponsive .formHorizontal .formValidation, .formResponsive .formHorizontal .uneditable-input, .formResponsive .formHorizontal .input-prepend, .formResponsive .formHorizontal .input-append {max-width: 300px;}
    .formResponsive .formHorizontal .formValidation {height: auto !important;margin-bottom: 0;max-width: 100%;}
    .formResponsive .formHorizontal .rsform-block {margin: 0 auto 5px;}
    .formResponsive input[type="button"], .formResponsive input[type="submit"], .formResponsive input[type="reset"] {min-width: 300px;margin-top: 10px;}
    .tip-montasha .item-tip {width: 22%;}
}
@media screen and (max-width: 62.5em){
  body.sticky #headerwrap {position: fixed !important;}
   .tip-montasha .item-tip {width:47.5%;}
   .vidy-termoreguliatorov{margin-left: 3%;text-align: center;width: 47.5%;}
   .formResponsive {margin: 0;}
   .forma {width: 100%;}
   .bannerimg {float: none;margin-right: 0px;margin-top: 50px;margin-bottom: 30px;}
   .formResponsive .formHorizontal .rsform-block {margin: 0 auto 5px;}
   .formResponsive input[type="button"], .formResponsive input[type="submit"], .formResponsive input[type="reset"] {margin-top: 30px;}
}
@media only screen and (width: 1280px) and (height: 1024px){
    .bannerimg {margin-right:0px !important;}
}
@media only screen and (max-width: 40em){
  body.sticky #headerwrap {position: fixed !important;}
  #region3wrap {padding-top: 0px;}
  #breadcrumbs .module {margin-bottom: 0px;}
  #region3wrap #region3pad #region3.row-fluid .span12 {margin-top: 0px;}
  .com_k2 .itemHeader h2.itemTitle, .com_content .item-page .page-header h2 a, .com_content .item-page .page-header h2 {font-size: 28px;padding: 0px;margin-bottom: 32px!important;}
  #topright {width: 100%; float: none;}
  .mobs-top {margin: 4px auto 0; display: block; width: 310px; height: 40px;}
  .mobs-top ul {margin: 0;}
  .mobs-top li {display: block;width: 135px;margin-left: 0px;padding: 0px 0 0 20px !important;color:#fff;font-size:9pt;font-weight: 400;margin-bottom: 4px;line-height: 15px; height:15px;float:left;}
  .mobs-top li.mob-mts, .mobs-top li.mob-life {padding: 0 0 0 20px !important;}
  .mobs-top li a {color:#fff !important;font-size:9pt !important;font-weight: 400 !important;}
  .timermini{display:block !important;}
  .megatimer{display:none;}
  .tip-montasha .item-tip {width:99%;}
  .vidy-termoreguliatorov{margin-left: 0;text-align: center;width: 99%;}
  .forma {width: 100%;}
  .formResponsive {margin: 0;}
  .formResponsive fieldset {margin-left: 0;}
  a.button8 {padding: 0.5em .95em;}
  #region1.xtc-fluidwrapper {padding: 25px 0px 0px !important;}
  #headertop, #headertop a {width: 100% !important;}
  #headertop {margin: 0px 0px !important;}
  .brands {margin-left: 0; display: inline-block;margin-bottom: -60px;}
  #region5.xtc-fluidwrapper {padding: 15px !important;}
  .formResponsive .formHorizontal .rsform-block {margin: 0 auto 5px;}
  #region2.xtc-fluidwrapper {padding: 34px 0 0 !important;}
  .mobs-top .facebook_icon {
    clear: both;
  }

  body.menuOpened {
    overflow:  hidden;
  }

  .categories-block .category {
    flex-basis: 100%;
    max-width: 100%;
  }

  body.innerpage #menuwrap #menu > .menu,
  #menu > .menu {
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    position: fixed;
    top: 91px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 91px);
    max-height: calc(100vh - 91px);
    background: #f56608;
    flex-direction: column;
    overflow: auto;
    transition: transform 0.4s ease;
    border-top: 0.5px solid #fff;
    transform: translate(120vw, 0);
  }

  body.innerpage #menuwrap #menu > .menu.opened,
  #menu > .menu.opened {
    transform: translate(0vw, 0);
  }

  body.innerpage #menuwrap #menu > .menu li,
  #menu > .menu li {
    margin: 0;
    padding: 0 !important;
    display: block !important;
    position: relative;
    background-color: transparent !important;
  }

  body.innerpage #menuwrap #menu > .menu li.opened,
  #menu > .menu li.opened {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }

  body.innerpage #menuwrap ul.menu > li.deeper.parent.active div,
  #menuwrap ul.menu > li.deeper.parent.active div {
    color: #fff !important;
    font-size: 12px;
    padding: 8px 36px;
    font-weight: normal;
  }

  body.innerpage #menuwrap #menu > .menu li div,
  body.innerpage #menuwrap #menu > .menu li a,
  #menu > .menu li div,
  #menu > .menu li a {
    width: 100vw;
    text-align: right !important;
    padding: 8px 36px;
    border-bottom: 0.5px solid #fff;
    color:  #fff;
    z-index: 2 !important;
    position:  relative !important;
    box-sizing: border-box;
  }

  body.innerpage #menuwrap #menu > .menu li .carret,
  #menu > .menu li .carret {
    position: absolute;
    width: 36px;
    height: 44px;
    top: 0;
    right: 0;
    z-index: 3;
    content: "";
    font-size: 20px;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body.innerpage #menuwrap #menu > .menu li .carret:before,
  #menu > .menu li .carret:before {
    content: "";
    border: solid #fff;
    width: 6px;
    height: 6px;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    transition: transform 0.4s ease;
  }

  body.innerpage #menuwrap #menu > .menu li .carret.opened:before,
  #menu > .menu li .carret.opened:before {
    transform: rotate(45deg);
  }

  body.innerpage #menuwrap #menu > .menu li.deeper.parent ul,
  #menu > .menu li.deeper.parent ul {
    position: relative !important;
    margin: 0 0 -2px !important;
    height: auto !important;
    max-height: 0 !important;
    opacity: 1 !important;
    z-index: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    visibility: visible !important;
    overflow:  hidden !important;
    transition: all 0.4s ease;
  }

  body.innerpage #menuwrap #menu > .menu li.deeper.parent ul.opened,
  #menu > .menu li.deeper.parent ul.opened {
    max-height: 100% !important;
  }

  body.innerpage #menuwrap #menu > .menu li.deeper.parent ul li,
  #menu > .menu li.deeper.parent ul li {
    background-color: transparent !important;
    color: #fff !important;
    border-color: #f56608 !important;
    border: 0 !important;
  }

  body.innerpage #menuwrap #menu > .menu li.deeper.parent ul li a,
  body.innerpage #menuwrap #menu > .menu li.deeper.parent ul li div,
  #menu > .menu li.deeper.parent ul li a,
  #menu > .menu li.deeper.parent ul li div {
    display: block !important;
    padding: 8px 36px !important;
    line-height: 28px !important;
    font-size: 12px !important;
    color: #fff !important;
    border-bottom: 0.5px solid #fff !important;
  }

  body.innerpage #menuwrap ul.menu li.parent > ul > li:hover,
  ul.menu li.parent > ul > li:hover {
    background: transparent !important;
  }

  

  /* mobile view */
    #topmodules {
        display: flex;
        align-items: stretch;
        justify-content: stretch;
    }
    #topmodules #topright {
        width: 100vw;
        display: flex;
        justify-content: space-between;
    }
    #topmodules #topright .custom {
        flex-basis: calc(100% - 80px);
    }
    #topmodules #topright .custom .mobs-top {
        padding-left: 5px;
    }
    #topmodules #topright .mod-languages {
        flex-basis: 80px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #topright .mod-languages .uk-open>.uk-dropdown {
        min-width: 70px;
        padding: 0;
        border: 0;
        left: -18px !important;
    }
    #topright .mod-languages .uk-open>.uk-dropdown ul li span, 
    #topright .mod-languages .uk-open>.uk-dropdown ul li a {
        padding: 10px 15px;
        font-size: 17px;
    }
}
/* Медиа конец */

/*Look on Phones*/


/*SmartPhones*/
@media screen and (max-width: 480px) {
.item-page h1 {font-size: 20px !important;font-weight: 500 !important;}
.com_content #component h1,
.com_content #component h2 {letter-spacing: -1px; padding-left: 5px !important; margin: 10px 0 5px;}
.img-termo {width: 100% !important;}
.img-termo {text-align: center;}
.info-termo {width: 100% !important;}
.form-termo {width: 100% !important;}
.form-termo p span {font-size: 16px;}
.plenkacatalog-row {flex-direction: column;align-items: center;}
.ik-plenka {flex-basis: : 100%;}
.ik-plenka .img-ik {width: 100%;}
.ik-plenka .info-ik, .ik-plenka .ik-info {width: 100%;} 
.forma {width: 100% !important; float: none !important;}
.forma .titletext {font-size: 33px !important; margin-bottom: 55px; margin-left: 0px !important; text-align: left !important;}
.banner1{width: 100% !important;}
.banner1 img{width: 100%;}
.banner2{width: 100% !important;}
.banner2 img {width: 100%;}
.modal-body-my-popup {padding-left: 8px; padding-right: 8px; margin-bottom: 0px;}
.modal-body-my-popup .com_content .item-page h3 {padding: 0 !important;}
.ik-plenka-mobile {height: 0px;}
.electro-banner {width: 46%;}
.snego-row {display: inline-block; margin-bottom: 20px;}
.snego-banner {width: 46% !important; margin: 5px;}


.ik-row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.ik-row .ik-info {
    flex-basis: 100%;
    padding: 0 20px;
    width: 100%;
}
.ik-row .ik-description {
    flex-basis: 60%;
    padding: 0 20px;
}


#component .blog-wrapper > p {padding: 0 20px;}
#component .blog-list > p {font-size: 16px;}
#component .blog-intro, #component .blog-intro p {
    font-size: 14px;
    line-height: 1.4;
    font-style: italic;
    margin: 25px 0 !important;
    color: #333;
    font-weight: 400;
}


.info-table ul {margin: 5px 0 5px 15px;}
.info-table .info-table-image img {height: 90px; margin: 1px 15px;}
.info-table .info-table-button {position: absolute; top: 22px; right: 2px;}
.button-my-popup .btn, .button-my-popup .btn-info, .button-my-popup .btn-lg {font-size: 18px; padding: 10px 12px;}

#logo a {width: 180px !important; height: 45px !important; margin: 0px 6px 2px!important;}
#menuwrap {margin-top: 0px !important;}
#menu .mobilebtn {width: 40px!important; height: 35px!important; border-radius: 4px; margin: 4px 10px 4px !important;}


body.blago-tp #region3wrap {margin: 0; background: #fff;}
.blagodarnist {margin: 20px 0; padding: 20px 10px;}
.blagodarnist .blagodarnist-h1 {font-size: 32px;}
.predlogenie {padding: 6px; font-size: 12px; font-weight: 400;}

#articlebottom .module {margin: 0;}
#articlebottom .module .banner-three {margin-top: 0px;}
.banner-three img {margin-bottom: 10px; margin-top: 0px;}
.table-top-name {width: 100%;}
.table-top-name h3 {font-size: 13px; margin: 0 0 1px !important; text-align: left;}
.table-top-logo {width: 100%;}
.table-top-logo img {width: 100px; margin: 0;}
.akva-text-dark {margin-top: 5px; font-size: 18px; margin-bottom: 20px;}
.akva-button {margin-bottom: 20px;}
.akva-button a {font-size: 14px; line-height: 24px; height: 24px;}
.akva-text-white {margin-bottom: 10px; margin-top: 0px;}

.brands div {width: 41%; float: left; margin: 4px 10px;}
.brands div a img {width: 100%; padding: 2px; margin: 0px; border: 3px solid #f56608;}

.termo-descr .termo-video {float: left; margin-left: 0 !important;}

.mobs-top ul li.mobs-sotrud {display: none;}



.sotrud-block {
    flex-wrap: wrap;
}
.sotrud-block .sotrud-text {
    flex-basis: 100%;
    padding: 0;
}
.sotrud .sotrud-img {text-align: center; margin: 20px 0 0  !important; flex-basis: 100%;}
.sotrud .sotrud-img img {width: 100px; height: 100px; float: none; margin: 5px;}
.sotrud h2 {margin-top: 20px !important;}
.contact-us {margin-bottom: 20px;}

.sotudnichestvo-line .sotrud-text {display: none;}
.sotudnichestvo-line .sotrud-but {width: fit-content; float: left; margin: 0 45px; display: inline-block;}

.electro-brands {width: 92%; float: left; margin: 0px 15px 10px 15px;}
.main-page .electro-brands {width: 44%; float: left; margin: 0px 10px 15px 10px;}
.electro-brands img {padding: 15px;}
.main-page .electro-brands img {padding: 10px;}
.slogan-brands p {
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    color: #f56608;
    text-shadow: none;
    margin: 10px 0 15px;
}
#region3wrap .xtc-wrapper {padding: 0 5px 0;}
.karta {width: 100%;}
.termo-wrap {display: block;}
.kontaktu {padding-left: 30px;}
.row .related-product {width: 100%; margin: 6px 0;}
.calk-title {font-size: 24px !important; line-height: 28px; color: #444; font-weight: 600; margin-bottom: 10px !important;}
 #breadcrumbs {margin-top: -30px; margin-bottom: 0px;}
 h1 img {width: 30px; margin: -1px 3px 2px;}
 h1 {font-size: 38px;}
 #region3wrap #region3pad #region3.row-fluid .span12 #component.r3spacer_top {margin-bottom: 0px;}
.akva-mobile {margin-bottom: 0px;}
#region3wrap #region3pad #region3.row-fluid .span12 {margin-top: 15px;}

.modal-window-content {width: 80%}
.modal-window-content input {width: 85% !important;}

 .formResponsive .formBody {max-width: 100%;}
 .table-top-name h3 img {width: 25px;}
 .table-image p img {margin: 0px !important;}
 .formValidation {height: 0px !important;}
 .action-kesh {margin-top: 20px !important;}

div.modal {top: 50px; right: 5px; left: 5px;}

.sotrud img {margin: 5px auto; float: none; width: auto; height: auto; clear: both;}

 .formResponsive .formHorizontal .rsform-block {height: 52px;}
div.rsform-block.rsform-block-pagetitle {height: 0px !important;}
div.rsform-block.rsform-block-text .formBody .action {margin: 0 !important;}

 .modal-body-my-popup .formResponsive input[type="text"], 
 .modal-body-my-popup .formResponsive input[type="password"], 
 .modal-body-my-popup .formResponsive textarea, .formResponsive select {width: 96% !important; margin-bottom: 0; height: 24px;}
 .modal-body-my-popup .formResponsive .formHorizontal .rsform-block .formBody {height: 35px;}
 .modal-body-my-popup .formResponsive .formHorizontal .rsform-block {height: 40px;}
 .modal-body-my-popup .formResponsive .formHorizontal .rsform-block-text {padding-top: 25px;}
 .modal-body-my-popup .formResponsive .formHorizontal .rsform-block-plosha {margin-top: 35px;}
 .modal-body-my-popup form.formResponsive {margin-bottom: 0;}

 .modal-body-my-popup .formValidation 
 {height: 0px !important;}

.modal-body-my-popup .formDescription 
 {margin: 0 !important;}

 .form-termo .formDescription 
 {margin: 0 !important;}

.formResponsive input[type="button"], 
.formResponsive input[type="submit"], 
.formResponsive input[type="reset"] 
{margin-top: 0;}

.formResponsive input[type="text"], 
.formResponsive input[type="password"], 
.formResponsive textarea, .formResponsive select 
{width: 99% !important;}

.formResponsive input[type="button"], 
.formResponsive input[type="submit"], 
.formResponsive input[type="reset"] 
{width: 99%; margin-bottom: 0 !important;}

  .ordering-details {padding: 15px 5px 0 5px; background: linear-gradient(to bottom,rgba(161,216,255,1) 0%,rgba(206,234,255,1) 100%);}
  .order-header {padding-bottom: 5px;}
  .ordering .ordering-details .list-checked {width: 100%; margin: 15px 0 15px; display: inline-block; padding-left: 20px;}
  .ordering .ordering-details .list-checked li {padding-left: 16px; margin-bottom: 5px; width: 50%; font-size: 15px; float: left; min-height: 60px;}
  .ordering-form {padding: 0; background: linear-gradient(to bottom,#ceeaff 0%,rgba(255,255,255,.3) 100%);}
  #express-order fieldset {display: inline-block; width: 100%;}
  #express-order .formResponsive .formHorizontal .rsform-block {margin-bottom: 0px; height: 45px;}
  .ordering-form .formResponsive input[type="text"], 
  .ordering-form .formResponsive textarea, 
  .ordering-form .formResponsive select {
    max-width: 90%; 
    display: block !important; 
    width: 100% !important; 
    height: 40px; 
    margin: 0 auto 10px; 
    padding: 0 5px; 
    border-radius: 4px; 
    font-weight: normal; 
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}
  .ordering-form #rsform_17_page_0 .rsform-block-title {
    font-size: 24px;
    color: #444;
    line-height: 28px;
    margin: 0;
    text-align: center;
    font-weight: 600;
  }
  #express-order .formResponsive input[type="button"], 
  #express-order .formResponsive input[type="submit"], 
  #express-order .formResponsive input[type="reset"] {display: block; min-width: 90%; width: 90% !important; margin: 0 auto !important; min-height: 45px; height: 45px; margin-bottom: 0; text-align: center; padding: 0; line-height: 45px;}
  #region3wrap #region3pad #region3 #showcase1_6 .row-fluid .span12 {margin-top: 0;}

  #express-order {padding: 10px 20px 10px 25px;}
  #express-order .form-horizontal .control-label {padding-left: 10px !important;}

  .vubor {padding-top: 10px; font-size: 20pt !important; font-weight: bold;}
  .custombackground-slider {background: #fff !important;}
  .background-slider {margin-bottom: 0;}
  .main-slider {display: inline-block;}
  .main-slider .slide-block {display: inline-block; width: 100%; flex: 0; position: relative; margin-bottom: 20px; margin-top: 15px;}

.main-slider .slide-block:before {
    content: "";
    display: block;
    width: 100%;
    height: 280px;
    position: absolute;
    background-position-x: 50% !important;
    background-position-y: 100% !important;
    top: -55px;
    right: 0;
    transform: none !important;
}

.main-slider .slide-block.action-1:before {background: url(/images/slider/mob-1_1.png) no-repeat; z-index: 15;}
.main-slider .slide-block.action-2:before {background: url(/images/slider/mob-1_2.png) no-repeat; z-index: 12;}
.main-slider .slide-block.action-3:before {background: url(/images/slider/mob-1_3.png) no-repeat; z-index: 10;}

.akciaMainSlider {display: none;}
.akciaMainSlider-mobile {display: block; z-index: 9999; margin-top: -10px;}


.sotudnichestvo-line {
    display: inline-block;
    width: 100%;
    flex: 0;
    position: relative;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 0;
    background: none;
}
.sotudnichestvo-line:before {
        content: "";
    display: block;
    width: 100%;
    height: 280px;
    position: absolute;
    background: url(/images/slider/mob-1_4.png) no-repeat;
    z-index: 8;
    background-position-x: 50%!important;
    background-position-y: 90%!important;
    top: -40px;
    right: 0;
}
.sotudnichestvo-line .xtc-wrapperpad {
    width: 100%;
    text-shadow: none;
    padding-left: 0;
    position: relative;
    display: inline-block;
    top: 0;
    right: 0!important;
    left: 0!important;
    z-index: 9 !important;
}
.sotudnichestvo-line .xtc-wrapperpad .sotrud-title {
    width: 100%;
    float: left;
    text-shadow: none;
    text-align: left;
    padding-left: 10px;
    font-size: 24px;
    line-height: 28px;
    color: #222;
    font-weight: 400;
    margin: 30px auto 5px;
}
.sotudnichestvo-line .xtc-wrapperpad .sotrud-title:before {
    content: "";
    background: url(/images/slider/6-4.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    background-position-x: 100%;
    right: 0;
    width: 25%;
    height: 88px;
    float: right;
    margin: 10px 6px 20px;
}


.main-slider .slide-block a.swipe-block {width: 100%; text-shadow: none;padding-left: 0; transform: none; position: relative; display: inline-block; top: 0; right: 0 !important; left: 0 !important;}
.main-slider .slide-block:hover a.swipe-block {transform: none;}
.main-slider .slide-block a.swipe-block .img-swipe {display: block; width: 25%; float: right; padding: 0 6px 0 0 !important; margin-top: 10px;}
.main-slider .slide-block a.swipe-block .title-swipe {
    display: block;
    float: left;
    padding: 0 0 0 10px;
    width: 75%;
    margin-top: 15px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: #222;
}
.btn-free-wrap2 a {
    z-index: 50 !important; 
    bottom: 5px;
    font-size: 12px;
    line-height: 1.3;
    width: 80px;
    height: 80px;
    opacity: 0.9;
    margin: 0;
    }
.main-slider .slide-block a.swipe-block .info-swipe {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}
.main-slider .slide-block a.swipe-block .button-swipe {
    display: block;
    float: left;
    margin: 0 45px;
}
.main-slider .slide-block.action-3 a.swipe-block .img-swipe {padding-left: 6px;}
.sotudnichestvo-line a .sotrud-text {display: none;}

.form-side .rsform-block-text {font-size: 20px; font-weight: 500;}
.form-side, .call {padding: 30px 10px 0;}
.call-title {font-size: 22px; font-weight: 500; margin-bottom: 10px;}
.call-numbers p {margin-top: 5px !important;}
.call-numbers p a {font-size: 18px; font-weight: 500;}
.call-numbers p.numb a {font-size: 24px;}
.form-side .form-horizontal .control-label {padding-left: 10px !important;}
.table-top-logo {display: none;}
.row-adv {
    width: 98%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height: auto;
    align-items: center;
}
.item-adv {
    position: relative;
    flex-grow: 1;
    height: 80px;
    max-width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -5px 0px -5px -45px;
    padding: 0 0 0 50px;
    flex-direction: row;
    border-bottom: 5px solid #f56608;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 0;
    border-right: 0;
    border-left: 5px solid #f56608;
    border-top: 5px solid #f56608;
    border-top-left-radius: 80px;
}
.item-adv:nth-child(2n) {
    border-top: 5px solid #f56608;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 80px;
    border-right: 5px solid #f56608;
    border-left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 80px;
    margin: 0px -70px 0 0;
    padding: 0 50px 0 0;
    flex-direction: row;
    border-bottom: 5px solid #f56608;
}
.item-adv:first-child {
    border-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 60px;
}
.item-adv::before {
    top: 32px;
    left: -16px;
    font-size: 16px;
    padding: 5px 11px;
    }
.item-adv:nth-child(2n)::before {
    top: 26px;
    bottom: auto;
    right: -16px;
    left: auto;
}
.item-adv:last-child::before {
    top: auto;
    left: auto;
    bottom: -18px;
    right: -6px;
}
.item-adv:first-child::before {
    top: -3px;
    left: -18px;
}
.item-adv .item-img-adv {max-width: 65px; width: 100%}
.item-adv .item-img-adv img {margin: 0;}



}





#cboxLoadedContent {
    padding: 20px 50px;
}
#cboxLoadedContent .form-horizontal .form-group {
	margin-right: 0;
    margin-left: 0;
}

#rsform_17_page_0 .rsform-block-title {
	font-size: 24px;
	color: #161616;
}

@media screen and (min-width: 480px) and (max-width: 1000px) {
.row .related-product span {font-size: 13px !important;}
.custombackground-slider {background: #fff !important;}
  .background-slider {margin-bottom: 0;}
  .btn-free-wrap2 a {z-index: 50 !important;}
#region1.xtc-fluidwrapper {padding: 0px 0 0 !important;}
.com_content #component h1 {font-size: 22px; letter-spacing: 0px; margin: 0 0 5px;}
#breadcrumbs .module {margin-bottom: 5px}
#articlebottom .module {margin: 0;}
#articlebottom .module .banner-three {margin-top: 20px;}
h1 img {width: 30px; margin: -1px 3px 2px;}
div.r3spacer_top#breadcrumbs {margin-top: 0px;}
.table-top-name {width: 100%;}
.table-top-name h3 {padding: 5px 0 !important; font-size: 18px; font-weight: normal;}
.sotrud .sotrud-img {text-align: center; margin: 20px 0 0  !important;}
.sotrud .sotrud-img img {width: 100px; height: 100px; float: none; margin: 5px;}
.sotrud h2 {margin-top: 20px !important;}
.contact-us {margin-bottom: 20px;}

.info-table ul {margin: 5px 0 5px 15px;}
.info-table .info-table-image img {height: 90px; margin: 1px 15px;}
.info-table .info-table-button {position: absolute; top: 22px; right: 2px;}
.button-my-popup .btn, .button-my-popup .btn-info, .button-my-popup .btn-lg {font-size: 18px; padding: 10px 12px;}

body.sticky.frontpage {margin-top: 50px;}

 .modal-body-my-popup .formResponsive input[type="text"], 
 .modal-body-my-popup .formResponsive input[type="password"], 
 .modal-body-my-popup .formResponsive textarea, .formResponsive select {width: 96% !important; margin-bottom: 0; height: 24px;}
 .modal-body-my-popup .formResponsive .formHorizontal .rsform-block .formBody {height: 35px;}
 .modal-body-my-popup .formResponsive .formHorizontal .rsform-block {height: 40px;}
 .modal-body-my-popup .formResponsive .formHorizontal .rsform-block-text {padding-top: 25px;}
 .modal-body-my-popup .formResponsive .formHorizontal .rsform-block-name {margin-top: 20px;}
 .modal-body-my-popup form.formResponsive {margin-bottom: 0;}

body.innerpage {margin-top: 40px;}
#headerwrap #headertop {
	width: 45% !important;
    position: absolute;
    top: 0;
    right: 10%;
    z-index: 999;
}
#menuwrap {margin-top: 3px !important;}
#menu .mobilebtn {
	width: 40px;
    height: 35px;
    float: right;
    border-radius: 4px;
    margin: 0px 10px 2px 0px !important;
}
#logo a {width: 150px !important; height: 40px !important; margin: 2px 0px 0px 0px!important;}
.mobs-top li {
	padding: 0 0 0 22px;
    margin-left: 0px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin-bottom: 1px;
}
.mobs-top li.mob-mts, .mobs-top li.mob-life {font-size: 12px; font-weight: 400; height: 16px; line-height: 16px;}
#headertop .mobs-top ul li a {font-size: 12px; font-weight: 400; height: 16px; line-height: 16px;}

.ordering {
    border-radius: 4px;
    border: 4px solid transparent;
    border-image: linear-gradient(to bottom,#0795ef 0%,#a1d8ff 100%);
    border-image-slice: 1;
    display: block;
    margin: 40px auto;
    padding: 0;
    width: 100%;
    box-shadow: -6px 6px 10px #ababab;
}
.ordering-details {
    background: linear-gradient(to bottom,rgba(161,216,255,1) 0%,rgba(206,234,255,1) 100%);
    display: table-cell;
    padding: 10px 10px 0 10px;
    vertical-align: top;
    width: 100%;
}
.order-body {
    text-align: center;
    padding: 0 50px 0;
}
.ordering .ordering-details .list-checked {width: 100%; padding-left: 10px;}
.ordering-form {
    background: linear-gradient(to bottom,#ceeaff 0%,rgba(255,255,255,.3) 100%);
    display: block;
    padding: 10px 70px 5px 70px;
    vertical-align: middle;
    width: 100%;
}
#rsform_17_page_0 .rsform-block-title {line-height: 28px; color: #444; font-weight: 600; text-align: center;}
.form-horizontal .control-label {width: 270px; padding-left: 10px !important;}


.mobs-top ul li.mobs-sotrud {display: none;}

  .main-slider {display: inline-block; height: auto; margin-top: 0px;}
  .main-slider .slide-block {display: inline-block; width: 100%; flex: 0; position: relative; margin-bottom: 0px; margin-top: 0px;}

.main-slider .slide-block:before {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    background-position-x: 100% !important;
    background-position-y: 100% !important;
    top: 0;
    right: 0;
    transform: none !important;
}

.main-slider .slide-block.action-1:before {background: url(/images/slider/mob-2_1.png) no-repeat; z-index: 15;}
.main-slider .slide-block.action-2:before {background: url(/images/slider/mob-2_2.png) no-repeat; z-index: 12;}
.main-slider .slide-block.action-3:before {background: url(/images/slider/mob-2_3.png) no-repeat; z-index: 10;}

.sotudnichestvo-line {
    display: inline-block;
    width: 100%;
    flex: 0;
    position: relative;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 0;
    background: none;
}
.sotudnichestvo-line:before {
        content: "";
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    background: url(/images/slider/mob-2_4.png) no-repeat;
    z-index: 8;
    background-position-x: 100%!important;
    background-position-y: 100%!important;
    top: 0px;
    right: 0;
}
.sotudnichestvo-line .xtc-wrapperpad {
    width: 100%;
    text-shadow: none;
    padding-left: 0;
    position: relative;
    display: inline-block;
    top: 0;
    right: 0!important;
    left: 0!important;
    z-index: 9 !important;
}
.sotudnichestvo-line .xtc-wrapperpad .sotrud-title {
    width: 100%;
    float: left;
    text-shadow: none;
    text-align: left;
    padding-left: 40px;
    font-size: 28px;
    line-height: 28px;
    color: #222;
    font-weight: 400;
    margin: 25px 0 0px;
}
.sotudnichestvo-line .xtc-wrapperpad .sotrud-title:before {
    content: "";
    background: url(/images/slider/6-4.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    background-position-x: 100%;
    right: 0;
    width: 25%;
    height: 140px;
    float: right;
    margin: 0px 20px 0px;
}
.sotudnichestvo-line .xtc-wrapperpad .sotrud-but {
    display: block;
    float: left;
    width: fit-content;
    margin-top: -50px;
    margin-left: 40px;
}

.main-slider .slide-block a.swipe-block {width: 100%; text-shadow: none;padding-left: 0; transform: none; position: relative; display: inline-block; top: 0; right: 0 !important; left: 0 !important;}
.main-slider .slide-block:hover a.swipe-block {transform: none;}
.main-slider .slide-block a.swipe-block .img-swipe {display: block; width: 25%; float: right; text-align: right; padding: 0 20px 0 0 !important; margin-top: 15px;}
.main-slider .slide-block a.swipe-block .title-swipe {
    display: block;
    float: left;
    padding: 0 0 0 40px;
    width: 75%;
    margin-top: 25px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    color: #222;
}
.btn-free-wrap2 a {
    z-index: 50 !important; 
    bottom: 0px;
    font-size: 12px;
    line-height: 1.3;
    width: 60px;
    height: 60px;
    }
.main-slider .slide-block a.swipe-block .info-swipe {
    display: block;
    float: left;
    width: 75%;
    padding: 0 0 0 40px;
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
}
.main-slider .slide-block a.swipe-block .button-swipe {
    display: block;
    float: left;
    margin: 0 40px;
}
.main-slider .slide-block.action-3 a.swipe-block .img-swipe {padding-left: 6px;}
.sotudnichestvo-line .sotrud-text {display: none;}
.table-top-logo {display: none;}


.row-adv {
    width: 98%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height: auto;
    align-items: center;
}
.item-adv {
    position: relative;
    flex-grow: 1;
    height: 80px;
    max-width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -5px 0px -5px -45px;
    padding: 0 0 0 50px;
    flex-direction: row;
    border-bottom: 5px solid #f56608;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 0;
    border-right: 0;
    border-left: 5px solid #f56608;
    border-top: 5px solid #f56608;
    border-top-left-radius: 80px;
}
.item-adv:nth-child(2n) {
    border-top: 5px solid #f56608;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 80px;
    border-right: 5px solid #f56608;
    border-left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 80px;
    margin: 0px -70px 0 0;
    padding: 0 50px 0 0;
    flex-direction: row;
    border-bottom: 5px solid #f56608;
}
.item-adv:first-child {
    border-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 60px;
}
.item-adv::before {
    top: 32px;
    left: -16px;
    font-size: 16px;
    padding: 5px 11px;
    }
.item-adv:nth-child(2n)::before {
    top: 26px;
    bottom: auto;
    right: -16px;
    left: auto;
}
.item-adv:last-child::before {
    top: auto;
    left: auto;
    bottom: -18px;
    right: -6px;
}
.item-adv:first-child::before {
    top: -3px;
    left: -18px;
}
.item-adv .item-img-adv {max-width: 65px; width: 100%}
.item-adv .item-img-adv img {margin: 0;}

}
/* #rsform_17_page_1 {
    display: none;
} */


@media screen and (width: 568px) and (height: 320px) {
	#headerwrap #headertop {width: 48% !important; right: 17%;}
	.mobs-top li {width: 120px;}
	#menuwrap {margin-top: 4px !important;}
	#menu .mobilebtn {margin: 0 2px 6px 0 !important;}
}


.suckerfish ul.menu ul, .dualfish ul.menu ul {
    overflow: visible !important;
}
.instagram_icon, .facebook_icon {
	width: 20px;
	padding: 0!important;
}
.instagram_icon img, .facebook_icon img {
	width: 18px;
	margin: 0px;
}
@media (max-width: 40em) {
	.mobs-top .instagram_icon, .mobs-top .facebook_icon {
		width: 20px!important;
		padding: 0!important;
		margin-right: 10px;
	}
	.mobs-top.custom {
		margin-left: 0!important
	}
	.mobs-top.custom  img {
		width: 20px;
	}
}

@media (max-width: 767px) {
    iframe {
        max-width: 100%;
    }
}
.flex_blog_statya {
    display: flex;
    flex-direction: row-reverse;
}
.right_img_blog {
    display: block;
    margin-left: auto;
    height: 100%
}
.text_left_blog {
    flex-basis: 58%;
}
@media (max-width: 767px) {
    .flex_blog_statya {
        flex-direction: column;
    }
}

.statya_with_nav {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.statya_with_nav  .statya_nav {
    width: 315px;
    font-style: normal;
}
.statya_with_nav  .statya_nav .statya_nav_title {
    background-color: #f9f7f6;
    border-bottom: 1px solid #fff;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    padding: 25px;
}
.statya_with_nav  .statya_nav .statya_nav_list {
    background-color: #f9f7f6;
    padding: 25px;
}
.statya_with_nav  .statya_nav .statya_nav_list ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.statya_with_nav  .statya_nav .statya_nav_list ul ul {
    padding-left: 15px;
}
.statya_with_nav  .statya_nav .statya_nav_list ul li a {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
    display: block;
}
.statya_with_nav  .statya_nav .statya_nav_list ul li ul li a {
    font-size: 16px;
    font-weight: normal;
    color: #333333;
}
.statya_with_nav .statya {
    width: calc(100% - 330px);
}

.statya_with_nav_container .statya_with_nav h2, .statya_with_nav_container .statya_with_nav h3{
    padding-top: 80px!important;
    margin-top: -80px!important;
}
@media (max-width: 767px) {
    .statya_with_nav .statya_nav {
        display: none;
    }
    .statya_with_nav .statya{
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #region3wrap .xtc-wrapper {
        padding: 5px 10px;
    }
}


.item-page h2, .item-page h3{
    color: #f56608;
    font-size: 24px;
}
.item-page h3{
    font-size: 20px;
}

.bg-stop-window {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    z-index: 100;
    transition: .5s;
}
.bg-stop-window.show {
    left: 0;
}
.stop-window-containero {
    position: absolute;
    width: 359px;
    height: 378px;
    bottom: 55px;
    right: 95px;
    background-color: #fff;
    box-shadow: 0 0 84px rgb(0 0 0 / 27%);
    background-image: url(/images/bg-stop-window.jpg);
    padding: 14px 21px;
}

.stop-window-top-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #bcbcbc;
}

p.stop-window-top-section-text {
    margin-bottom: 0;
}

button.stop-window-close {
    border: none;
    background: 0;
    width: 16px;
    height: 16px;
    position: relative;
    transition: 1s;
}
button.stop-window-close:hover {
    transform: rotate(360deg);
}
button.stop-window-close:after {
    position: absolute;
    content: '';
    transform: rotate(45deg);
    display: block;
    background-color: #646464;
    height: 2px;
    width: 21px;
        transform-origin: center;
    left: calc(50% - 10.5px);
    top: calc(50% - 1px);
}

button.stop-window-close:before {
    position: absolute;
    content: '';
    transform: rotate(
-45deg
);
    display: block;
    background-color: #646464;
    height: 2px;
    width: 21px;
        transform-origin: center;
    left: calc(50% - 10.5px);
    top: calc(50% - 1px);
}

.stop-window-middle-section {
    height: 138px;
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
    animation: shake 2s linear infinite;
    transform: rotateZ(0deg);
    transition: 0.3s;
}
@keyframes shake {
    0% {
        transform: rotateZ(0deg);
    }
    25% {
        transform: rotateZ(1deg);
    }
    50% {
        transform: rotateZ(0deg);
    }
    75% {
        transform: rotateZ(-1deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}

.stop-window-middle-section:after {
    display: block;
    content: '';
    position: absolute;
    background-image: url(/images/bg-sale-stop-window.png);
    height: 138px;
    width: 528px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.stop-window-title {
    position: absolute;
    z-index: 1;
    font-weight: bold;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    width: 528px;
    text-align: center;
    text-shadow: -2px -2px #c9180a;
}

.stop-window-text-with-line {display: inline-block;font-size: 19px;text-transform: uppercase;font-weight: 600;color: #fe3019;position: relative;}

.stop-window-bottom-section {
    text-align: center;
    margin-top: 10px;
}

.stop-window-text-with-line:after {
    position: absolute;
    content: '';
    background-color: #fe3019;
    width: 12px;
    display: block;
    height: 2px;
    top: calc(50% - 1px);
    left: -23px;
}

.stop-window-text-with-line:before {
    position: absolute;
    content: '';
    background-color: #fe3019;
    width: 12px;
    display: block;
    height: 2px;
    top: calc(50% - 1px);
    right: -23px;
}

.stop-window-text-ss {
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 900;
    color: #fe3019;
}

.stop-window-link-icon {
    width: 18px;
    height: 18px;
    fill: #fff;
    margin-left: 8px;
}

a.stop-window-link {
    display: flex;
    width: 268px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    z-index: 1;
}
a.stop-window-link:hover, a.stop-window-link:focus {
    color: #fff;
}
a.stop-window-link:after {
    content: '';
    display: block;
    border-radius: 10px;
    width: 268px;
    height: 52px;
    background-image: linear-gradient(0deg, #459f45, #5ab75a);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 1;
    transition: all .3s;
}
a.stop-window-link:before {
    content: '';
    display: block;
    border-radius: 10px;
    width: 268px;
    height: 52px;
    background-image: linear-gradient(180deg, #459f45, #5ab75a);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all .3s;
}
a.stop-window-link:hover:after {
    opacity: 0;
}
a.stop-window-link:hover:before {
    opacity: 1;
}
.stop-window-container-link {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

@media (max-width: 767px) {
    .stop-window-containero {
        left: 50%;
        bottom: calc(50% - 150px);
        transform: translateX(-50%);
        max-width: 80vw;
    }
    .stop-window-middle-section:after {
        height: calc((100vw - 20px) / 3.826);
        width: calc(100vw - 20px);
        background-size: cover;
    }
    .stop-window-middle-section {
        height: calc((100vw - 20px) / 3.826);
    }
    .stop-window-title {
        font-size: 29px;
    }
    .stop-window-top-section {
        font-size: 16px;
    }
    .stop-window-text-ss {
        font-size: 26px;
    }
    a.stop-window-link {
        font-size: 14px;
    }
    a.stop-window-link:after, a.stop-window-link:before, a.stop-window-link {
        max-width: calc(80vw - 42px);
    }
    .stop-window-containero {
        height: 325px;
    }
}
@media (max-width: 767px) {
    div#myModal {
        max-width: calc(100% - 30px);
        margin-left: 15px;
        left: 0;
        right: 0;
    }
    .form-termo p span {
        float: none;
    }
}






.block-important-text-icons{
    background-color: #FF6901;
    min-height: 97px;
    height: auto;
    max-width: 1198px;
    width: 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}


.block-important-text-icons .important-icons{

}
.block-important-text-icons .important-icons img{
    width: 77px;
    height: 71px;
    min-width: 77px;
    margin-left: 25px;
    margin-right: 23px;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0;
}

.form-termo .action-kesh {
    margin-bottom: 10px;
}

.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-order {
    display: none !important;
}

.block-important-text-icons .important-text{
    margin-top: 15px;
    margin-bottom: 15px;
    padding-right: 40px;
}
.block-important-text-icons .important-text h2{
    color: white;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px;


}
.block-important-text-icons .important-text p{
    color: white;
    margin-top: 0px;
    margin-bottom: 0px !important;
}






.FAQ h2 {
    text-align: center;
    color: #161616;
    font-weight: 600;
}
.faq_container {
    background-color: #ece4df;
    border-radius: 10px;
    margin-bottom: 10px;
}
.faq_question {
    padding: 25px 35px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    position: relative;
}
.faq_question:after {

}
.faq_text {
    padding: 25px 35px;
    border-top: solid 2px #fff;
    font-weight: 16px;
}
summary::-webkit-details-marker {
    display: none;
}
.faq_container[open] .faq-arrow svg{
    transform: rotateX(180deg) translateY(50%);
    fill: #f56608;
}
.faq-arrow svg{
    transition: 0.3s;
    width: 15px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
}
.FAQ {
    margin-bottom: 50px;
}

.faq_container[open] .faq_question{
    color: #f56608;
}

.faq_container[open] span {
    animation: spoiler 1s;
}
.faq_container[open] ul {
    animation: spoiler 1s;
}
.faq_container ul {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.faq_container span {
    padding: 5px 0;
}
@keyframes spoiler {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
.FAQ .wrapper h2 {
    font-family: "Bebas Neue";
    font-style: normal;
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    color: #2C3D4F;
    margin-bottom: 40px;
    letter-spacing: 0;
    text-align: center;
}
.page-template-template-usluga .FAQ {
    margin-bottom: 0;
}
.FAQ details, .FAQ summary {
    outline: none!important;
}
.FAQ a {
    color: #257bd1;
    transition: all 0.3s;
}
.FAQ a:hover {
    color: #E56101;
}
@media (max-width: 500px) {
    .faq_question {
        font-size: 18px;
        padding: 25px 15px;
        padding-right: 35px;
    }
    .faq_text {
        padding: 25px 15px;
    }
    .faq-arrow svg {
        right: 15px;
    }

}
summary.faq_question::-webkit-details-marker {
  display:none;
}
.FAQ details > summary {
  list-style: none;
}
.FAQ details > summary::-webkit-details-marker {
  display: none;
}

/**/
section.advantages-section {
    position: relative;
}

section.advantages-section > span {
    position: absolute;
    top: -8px;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #19c446;
    border-radius: 50%;
    font-size: 50px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #ffffff;
}

section.advantages-section:before {
    position: absolute;
    top: 25px;
    left: 22px;
    content: "";
    width: 23px;
    height: 1px;
    background-color: #fff;
    z-index: 2;
    border: 1px solid #fff;
    border-radius: 1px;
}
section.advantages-section:after {
    position: absolute;
    top: 25px;
    left: 22px;
    content: "";
    width: 23px;
    height: 1px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 1px;
    transform: rotate(90deg);
    z-index: 2
}

.advantages-block {
    padding: 17px 35px 35px 45px;
    margin-left: 34px;
    background-color: #f9f9f9;
    border-radius: 20px;
    margin-bottom: 35px;
}

.advantages-block-title {
    font-size: 20px;
    font-weight: bold;
}

.advantages-block-item-title {
    color: #19c446;
    font-weight: 600 !important;
}
.advantages-block-item-title {
    margin-bottom: 0 !important;
}
.advantages-block-item p {
    margin: 0 !important;
}
.advantages-block-item {
    margin: 20px 0;
}
ol{
    list-style-type: none !important;
    margin-left: 32px;
    counter-reset: section;
}
ol li {
    position: relative;
    margin-bottom: 13px;
    counter-increment: section;
}
ol li:before {
    position: absolute;
    top: 0;
    left: -32px;
    width: 22px;
    background-color: #f76200;
    height: 22px;
    color: #ffffff;
    border-radius: 5px;
    content: counter(section);
    display: flex;
    justify-content: center;
    align-items: center;
}
ol li span{
    color: #FF6901;
    font-weight: 600;
}
@media(max-width: 767px){
    .advantages-block{
        padding: 50px 20px 35px 20px;
    }
}
section.advantages-section.advantages-section-minus:after {
    display: none;
}

section.advantages-section.advantages-section-minus > span {
    background-color: #c4c4c4;
}

p.advantages-block-item-title.minus-title {
    color: #555555;
}
.mobs-top.custom ul li:before {
    content: "" !important;
}
.info-termo ul li:before {
    content: "" !important;
}
li.sigProThumb:before {
    content: "" !important;
}




.frontpage #region5wrap .xtc-wrapper{
    padding-bottom: 0px;
}

#component ul.check li:before{
    content: none;
}

.com_content #component h2{
    padding-left: 0px !important;
}


.form-horizontal .form-group{
    margin-left: 0px;
}


.span3.kontaktu .instagram_icon img, .facebook_icon img{
    width: 25px;
    max-width: 25px;
}



.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a{
    font-size: 16px;
}