/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 288px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 288px;
  background-color: #26292c;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 50px 15px 0;
}
#totsam.container {
  padding: 50px 15px 50px 80px;
}
.totsam.container {
  padding: 50px 15px 50px 0px;
}
#totsam.container .abscol {
    position: absolute;
    top: 90px;
    left: 0px;
}
.totsam.container .abscol {
    position: absolute;
    top: 90px;
    left: 0px;
}
.commrovcontact {margin-left:-30px;}
#totsam.container h2.tifi {    font-size: 36px;
    color: #26292c;
    text-transform: uppercase;
    font-weight: bold;    margin-bottom: 30px;}
.totsam.container h2.tifi {    font-size: 36px;
    color: #26292c;
    text-transform: uppercase;
    font-weight: bold;    margin-bottom: 30px;}
.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
padding-top:29px;}
a.custleft {display:block;float:left;color:white;text-transform:uppercase;font-size:16px;padding:15px 36px;background:#9f0000;border:1px solid #9f0000;}
a.custleft:hover,a.custright:hover {background:#880000;text-decoration:none;cursor:pointer;border:1px solid #880000;}
a.custright {float:right;display:block;color:white;text-transform:uppercase;font-size:16px;padding:15px 36px;border:1px solid white;}
.leftfot {float:left; padding-top:29px;}
.rightfot  {float:right; padding-top:29px;}
.distin {display:inline-block;vertical-align:top; padding-top:29px;}
.inname {font-size:16px;font-weight:bold;text-transform:uppercase;}
.inother {padding-top:20px;}
.inother>a {display:block;color:white;}
code {
  font-size: 80%;
}
#footer > .container > div {width:19%;min-width:214px;text-align:left;color:white;}
#footer > .container {text-align:center;}
/* color style start. */
#indexpage {background-image: url(/img/layer-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;width: 100%;
    height: 768px;
    margin-top: -117px;}
.navbar-inverse .navbar-nav>li>a {color:#26292c!important;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {    color: #fff!important;
    background-color: #9f0000!important;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {background-color: #9f0000!important;color: #fff!important;}
.navbar-brand {padding-top: 3px}
.navbar-inverse .navbar-toggle {
    border-color: #9f0000;
}
.color1 {display: inline-block;
    height: 20px;
    width: 60px;
    border-top: 2px solid #9f0000;}
@media (min-width:768px) { .phonenumbersseeonmob {display:none;}
body.indexb .navbar-inverse .navbar-nav>li>a {color:white!important;}
body.indexb .phonenumbers>a {
    color: white;
}}




.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #9f0000;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #9f0000;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}
a.karta-sajta {color:#9f0000;}
/* color style end. */
.anchors a {display:block;font-size:14px;color:white;text-decoration:none;}
.anchors a:hover,.anchors a:focus {display:block;font-size:14px;color:white;text-decoration:none;color:#9f0000;}
.ms2Gallery2 a.thumbnail2 {    display: inline-block;
    margin-right: 17px;margin-top: 20px;}
.inlinecontact, .inlinecontact2 {display:inline-block;vertical-align:top;width:300px;}
.inlinecontact {padding-left:31px;position:relative;}
.inlinecontact .comintro1 {font-weight:bold;}
.abimg {position: absolute;
    top: 34px;
    left: 0px;}
.caalbutti {width:250px;display:block;text-align:center;color:white;text-decoration:none;text-transform:uppercase;margin:auto;background:#9f0000;    padding-top: 15px;padding-bottom: 15px; -webkit-box-shadow: 0px 1px 8px #252223;
    -moz-box-shadow: 0px 1px 8px #252223;
    box-shadow: 0px 1px 8px #252223;}
.caalbutti:hover,.caalbutti:focus {background:#880000;color:white;text-decoration:none;}
.inlinecontact .comintro2 {padding-top:15px;padding-right:20px;}
.commrovcontact {padding-bottom:60px;}
.padintro1 {    padding-top: 34px;}
.headeerimage {min-height:296px;}
.headeerimage .container {position:relative;padding-left: 80px;padding-top: 80px;padding-bottom: 80px;}
.abscol {  position:absolute;    top: 120px;
    left: 0px;}
.headeerimage .container h1 {color:white;text-transform:uppercase;font-weight:bold;}
.lh>span {display:inline-block;height:40px;width:40px;vertical-align:middle;background-image: url(/img/home.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: inherit;
    margin-right: 25px;
    margin-top: -8px;}
.rh>span {display:inline-block;height:40px;width:40px;vertical-align:middle;background-image: url(/img/calculate.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: inherit;
    margin-right: 25px;
    margin-top: -8px;}
a.lh:hover>span {background-image: url(/img/home2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: inherit;}
a.rh:hover>span {background-image: url(/img/calculate2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: inherit;}

.footknopki {height:208px;background:#9f0000;padding-top:50px;padding-bottom:50px;}
.lh {float:left;width:50%;color:white;font-size:20px;text-transform:uppercase;text-align:center;padding-top:39px;padding-bottom:35px;text-decoration:none;}
.rh {float:right;width:50%;color:white;font-size:20px;text-transform:uppercase;text-align:center;padding-top:39px;padding-bottom:35px;text-decoration:none;}
a.lh:focus,a.rh:focus {color:white;text-decoration:none;}
a.lh:hover,a.rh:hover {color:#9f0000;text-decoration:none;background:white;}
.blockonindex {width: 630px;
    margin-top: 278px;}
.delimeter {position: absolute;
    left: 50%;
    margin-left: -1px;}
.namedindex {font-size:48px;color:white;text-transform:uppercase;font-weight:bold;line-height:72px;}
.phonenumbers {    display: inline-block;
    width: 135px;
    float: right;
    margin-top: -10px;
    font-size: 16px;}
.phonenumbers>a {color:#26292c;}
.phonenumbers>a:hover {color:#26292c;text-decoration:none;}
@media (min-width:768px) {.navbar-inverse {padding-top:41px;}
body > .container {
    padding: 0px 15px 0;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: relative!important;}}


@media (min-width:768px) and {max-width:1199px} {.navbar-brand {
margin-right: 0px!important;
}.navbar-nav>li {
margin-right: 0px;
}   .navbar-nav>li>a { padding-left: 9px!important;
    padding-right: 9px!important;}}

@media (min-width:1200px) {.navbar-nav>li>a {    padding-left: 12px;
    padding-right: 12px;}.navbar-nav>li {margin-right: 20px;}.navbar-brand {margin-right: 48px!important;}}

.navbar-header .navbar-brand>img {
    display: block;
    margin-top: -30px;
} #footer .rightfot a.navbar-brand {    height: 60px;}

@media (max-width:767px) {
.phonenumbersseeonmob {margin-top: -70px;
    padding-bottom: 20px;display:block;}
.phonenumbersseeonmob a {color: white;
    display: block;
    text-align: center;
    font-size: 20px;}
.phonenumbersseeonmob a:hover {text-decoration:none;color:white;}
.navbar-header .navbar-brand>img {
    display: block;
      margin-top: 0px;
    height: 50px;
}
#totsam.container {
    padding: 50px 15px 50px 15px;
}
#totsam.container .abscol {
    position: absolute;
    top: 84px;
    left: 15px;
    width: 32px;
}
.totsam.container {
    padding: 50px 15px 50px 15px;
}
.totsam.container .abscol {
    position: absolute;
    top: 84px;
    left: 15px;
    width: 32px;
}
#montazh #totsam.container .abscol {display:none;}
#totsam.container h2.tifi {
    font-size: 26px;
    padding-left: 40px;
}
#montazh .totsam.container .abscol {display:none!important;}
.totsam.container h2.tifi {
    font-size: 26px;
    padding-left: 40px;
}
.inlinecontact, .inlinecontact2 {display:block;margin:auto;;width:100%;}
.headeerimage .container {
    position: relative;
    padding-left: 56px;
    padding-top: 50px;
    padding-bottom: 50px;
} .commrovcontact {margin-left:0px;}
.abscol {
    position: absolute;
    top: 85px;
    left: 15px;
}
.headeerimage .container .color1 {width:32px;}
.headeerimage .container h1 {font-size:26px;}

.lh {font-size:16px;padding-top: 7px;
    padding-bottom: 16px;}
.rh {font-size:16px;padding-top: 7px;
    padding-bottom: 16px;}
.lh>span,.rh>span {display:block;margin:auto;}


.phonenumbers{display: block;
    margin: auto;
    width: 100%;}.phonenumbers>a{display: block;
    margin: auto;
    width: 135px;}.custleft,.custright {float:none;width:100%;margin-bottom:15px;}.navbar-header {background:white;}#indexpage{height: 534px;
    margin-top: 0px;}.blockonindex{    margin: auto;
    width: 290px;
    margin-top: 151px;}#indexpage .color1{    height: 8px;
    width: 30px;}.namedindex {text-align:center;
    font-size: 22px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 46px;
}.navbar-inverse {height:51px;border-bottom: 1px solid #ccc;}.navbar-brand {padding-left: 15px;
    padding-top: 0px;}.navbar-collapse{background:white;}}
@media (max-width:1199px)  {.leftfot,
.rightfot {float:none;display:inline-block;vertical-align:top;}body {
  /* Margin bottom by footer height */
  margin-bottom: 0px;
}
#footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background-color: #26292c;
}}






.modal_div {
	width: 90%;
	height: auto; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 50px!important; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	
	margin-left: -45%; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 9991; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 50px 10px;
}
.centrovoy {width:430px;display:block;margin:auto;}
.centrovoy>.id1 {font-size:35px;text-align:center;font-weight:bold;text-transform:uppercase;color:#26292c;}
.centrovoy>.id2 {font-size:14px;text-align:center;color:#26292c;margin-top: 10px;}
.centrovoy .inputinform {  margin: auto;
    display: block;  width: 420px;
    height: 46px;
    margin-top: 0px;
    border: 1px solid #ccc;
    padding-left: 20px;}
.centrovoy .bbbbbuu {width:420px;height:48px;text-align;center;color:white;font-size:14px;text-transform:uppercase;    background: #9f0000;-webkit-box-shadow: 0px 1px 8px #252223;
    -moz-box-shadow: 0px 1px 8px #252223;
    box-shadow: 0px 1px 8px #252223;
    border: 1px solid #9f0000; margin: auto;
    display: block;margin-top:20px; }
.centrovoy .bbbbbuu:hover {    background: #880000;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #880000;}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
.modal_div .modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
top: 64px;
    right: 80px;}
/* Пoдлoжкa */
#overlay {
	z-index:9990; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}



@media (max-width:767px) {
.centrovoy {width:100%;}
.centrovoy>.id1 {
    font-size: 20px;}
.modal_div .modal_close {
    top: 10px;
    right: 10px;
}
.centrovoy .inputinform {width:100%;}
.centrovoy .bbbbbuu {width:100%;}}
.boxinfo {position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    top: 0px;
    z-index: 9995;}
.boxinfo>div {   position: fixed;
    width: 300px;
    background-color: white;
    top: 100px;
    z-index: 9996;
    left: 50%;
    margin-left: -150px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 4px;}
@media (max-width:992px) {.ms2Gallery2 a.thumbnail2 img {width:290px;} .ms2Gallery2 {text-align:center;}
.ms2Gallery2 .flexslider a.thumbnail2 img {width:100%;}
.ddi .abscol{
    display: block;
    position: relative;
    top: 0px;
    vertical-align: middle;
    margin-right: 0px!important;
    width: 100%;
    left: 0px!important;}
.ddi h2 {text-align:center;display: block!important;}
}
@media (max-width:647px) {.ms2Gallery2 a.thumbnail2 {
    display: inline-block;
    margin-right:0px;
    margin-top: 20px;
}}


a.inkategory:nth-child(odd) {
   display:block;float:left;position:relative;
    }

a.inkategory:nth-child(even) {display:block;float:right;position:relative;}
a.inkategory {background:black;}
a.inkategory img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
	-khtml-opacity: 1; 	opacity: 1;-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
a.inkategory:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.3; 
	-khtml-opacity: 0.3; 	opacity: 0.3;}
.dilidili a.inkategory img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
	-khtml-opacity: 1; 	opacity: 1;-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.dilidili a.inkategory:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.3; 
	-khtml-opacity: 0.3; 	opacity: 0.3;}

.dilidili a.inkategory:nth-child(odd) {display:block;float:right;position:relative;}
.dilidili a.inkategory:nth-child(even) {display:block;float:left;position:relative;}
.dilidili .indexparty:nth-child(odd) a.inkategory {display:block;float:right;position:relative;}
.dilidili .indexparty:nth-child(even) a.inkategory {display:block;float:left;position:relative;}

.dilidili .indexparty:nth-child(odd) .leftorright {display:block;float:left;position:relative; width:48%;}
.dilidili .indexparty:nth-child(even) .leftorright {display:block;float:right;position:relative; width:48%;}
.uravnitel {width:1px;min-height:311px;display:inline-block;vertical-align:middle;}
.uravnitel2 {display:inline-block;vertical-align:middle;width:98%;padding-left:80px;padding-right:80px;}
a.inkategory>div.absaa {position: absolute;
    text-align: center;
    left: 185px;
    top: 130px;font-size:26px;font-weight:bold;}
a.inkategory>div.absaa>span {color:#be3a3a;text-transform:uppercase;font-weight:bold;}
a.inkategory {font-size:26px;color:white;    margin-top: 15px;
    margin-bottom: 15px;}
.hexagon{     display: block;
    position: absolute;
    top: 43px;
    left: 93px;
    width: 250px;
    height: 207px;}
a.inkategory:hover{-webkit-box-shadow: 0px 0px 15px #222;
    -moz-box-shadow: 0px 0px 15px #222;
    box-shadow: 0px 0px 15px #222;}
.hexagon1 {display: block;
    width: 80px;
    
    -webkit-transform: rotateZ(60deg);
    -ms-transform: rotateZ(60deg);
    transform: rotateZ(60deg);
    position: absolute;
    right: -15px;
    top: 34px;}


.hexagon2 {display: block;
    width: 180px;
 
    position: absolute;
    right: -16px;}


.hexagon3{    -webkit-transform: rotateZ(-60deg);
    -ms-transform: rotateZ(-60deg);
    transform: rotateZ(-60deg);
    width: 120px;
   
    position: absolute;
    top: 51px;
    left: -4px;}

.hexagon4{width: 120px;
    
    -webkit-transform: rotateZ(120deg);
    -ms-transform: rotateZ(120deg);
    transform: rotateZ(-120deg);
    position: absolute;
    top: 154px;
    left: -4px;}
.hexagon5{    width: 120px;
      -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    position: absolute;
    bottom: 0px;
    left: 85px;}
.hexagon6{    -webkit-transform: rotateZ(120deg);
    -ms-transform: rotateZ(120deg);
    transform: rotateZ(120deg);
   width:80px;
    
    position: absolute;
    bottom: 34px;
    right: -15px;}

a.inkategory .hexagon1>div {width:0px;}
a.inkategory .hexagon2>div {width:0px; }
a.inkategory .hexagon3>div {width:0px;}
a.inkategory .hexagon4>div {width:0px;}
a.inkategory .hexagon5>div {width:0px;}
a.inkategory .hexagon6>div {width:0px;}
a.inkategory:hover .hexagon1>div {width:80px ;border-top: 2px solid white;transition: width 0.2s linear ;  transition-delay: 1s;}
a.inkategory:hover .hexagon2>div {width:120px ;border-top: 2px solid white;transition: width 0.2s linear ; transition-delay: 0.8s; }
a.inkategory:hover .hexagon3>div {width:120px ;border-top: 2px solid white;transition: width 0.2s linear ; transition-delay: 0.6s; }
a.inkategory:hover .hexagon4>div {width:120px ;border-top: 2px solid white;transition: width 0.2s linear ; transition-delay: 0.4s; }
a.inkategory:hover .hexagon5>div {width:120px ;border-top: 2px solid white;transition: width 0.2s linear ; transition-delay: 0.2s; }
a.inkategory:hover .hexagon6>div {width:80px ;border-top: 2px solid white;transition: width 0.2s linear ; }

@media (max-width:1199px) {a.inkategory {
    font-size: 26px;
    color: white;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 450px;
}.hexagon {top: 20px;
    left: 40px;}
.a.inkategory>div.absaa {    left: 123px;
    top: 105px;}}
@media (max-width:991px) {
a.inkategory {width: 290px;}
.hexagon {
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
    width: 170px;
    height: 131px;
}
.hexagon3 {
    -webkit-transform: rotateZ(-60deg);
    -ms-transform: rotateZ(-60deg);
    transform: rotateZ(-60deg);
    width: 75px;
    position: absolute;
    top: 33px;
    left: -4px;
}
.hexagon4 {
    width: 75px;
    -webkit-transform: rotateZ(120deg);
    -ms-transform: rotateZ(120deg);
    transform: rotateZ(-120deg);
    position: absolute;
    top: 97px;
    left: -4px;
}
a.inkategory:hover .hexagon3>div {
    width: 75px;
    border-top: 2px solid white;
    transition: width 0.5s ease;
    transition-delay: 1.5s;
}
a.inkategory:hover .hexagon4>div {
    width: 75px;
    border-top: 2px solid white;
    transition: width 0.5s ease;
    transition-delay: 1s;
}.hexagon2 {
    display: block;
    width: 75px;
    position: absolute;
    right: 43px;
}
a.inkategory:hover .hexagon2>div {
    width: 75px;
    border-top: 2px solid white;
    transition: width 0.5s ease;
    transition-delay: 2s;
}.hexagon5 {
    width: 75px;
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    position: absolute;
    bottom: 0px;
    left: 52px;
}
a.inkategory:hover .hexagon5>div {
    width: 75px;
    border-top: 2px solid white;
    transition: width 0.5s ease;
    transition-delay: 0.4s;
}.hexagon1 {
    display: block;
    width: 50px;
    -webkit-transform: rotateZ(60deg);
    -ms-transform: rotateZ(60deg);
    transform: rotateZ(60deg);
    position: absolute;
    right: 6px;
    top: 21px;
}
a.inkategory:hover .hexagon1>div {
    width: 50px;
    border-top: 2px solid white;
    transition: width 0.4s ease;
    transition-delay: 2.5s;
}
.hexagon6 {
    -webkit-transform: rotateZ(120deg);
    -ms-transform: rotateZ(120deg);
    transform: rotateZ(120deg);
    width: 50px;
    position: absolute;
    bottom: 21px;
    right: 6px;
}
a.inkategory:hover .hexagon6>div {
    width: 50px;
    border-top: 2px solid white;
    transition: width 0.4s ease;
}a.inkategory>div.absaa {
    position: absolute;
    text-align: left;
    left: 70px;
    top: 69px;
    font-size: 16px;
    font-weight: bold;
}}
@media (max-width:767px) {

a.inkategory:nth-child(odd) {
    float: none;
    position: relative;
    margin: auto;
margin-top: 15px;
    margin-bottom: 15px;
}
a.inkategory:nth-child(even) {
    display: block;
    float: none;
    position: relative;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}}
.anchors {color:white;}
.leftmonb {width:45%;float:left;}
.rightmonb {width:45%;float:right;}
.rightmonb img {max-width:100%;}
.middlebg {    background-color: #ffffff;
    background-image: url(/img/layer-52mid.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    min-height: 400px;}
.ocher1 {    background-color: #ffffff;
    background-image: url(/img/1-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    min-height: 400px;}
.ocher2 {    background-color: #ffffff;
    background-image: url(/img/2-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    min-height: 400px;}
.ocher3 {    background-color: #ffffff;
    background-image: url(/img/3-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    min-height: 400px;}
.ocher4 {    background-color: #ffffff;
    background-image: url(/img/4-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    min-height: 400px;}
.colbg1 {    background-color: #9f0000;
    min-height:350px;}

.hexagon12 {display: block;
    width: 80px;
    border-top:2px solid white;
    -webkit-transform: rotateZ(60deg);
    -ms-transform: rotateZ(60deg);
    transform: rotateZ(60deg);
    position: absolute;
    right: -15px;
    top: 34px;}


.hexagon22 {display: block;
    width: 120px;
 border-top:2px solid white;
    position: absolute;
    right: 44px;}


.hexagon32{    -webkit-transform: rotateZ(-60deg);
    -ms-transform: rotateZ(-60deg);
    transform: rotateZ(-60deg);
    width: 120px;
   border-top:2px solid white;
    position: absolute;
    top: 51px;
    left: -4px;}

.hexagon42{width: 120px;
    border-top:2px solid white;
    -webkit-transform: rotateZ(120deg);
    -ms-transform: rotateZ(120deg);
    transform: rotateZ(-120deg);
    position: absolute;
    top: 154px;
    left: -4px;}
.hexagon52{    width: 120px;
      -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    position: absolute;
    bottom: 0px;border-top:2px solid white;
    left: 85px;}
.hexagon62{    -webkit-transform: rotateZ(120deg);
    -ms-transform: rotateZ(120deg);
    transform: rotateZ(120deg);
   width:80px;
    border-top:2px solid white;
    position: absolute;
    bottom: 34px;
    right: -15px;}
.dilidons {    position: absolute;
    width: 250px;
    height: 208px;}
.blockinmont {color: white;
    text-transform: uppercase;
    position: absolute;
    top: 88px;
    font-size: 24px;
    font-weight: bold;
    left: 81px;}
.ocher1 .blockinmont {color: white;
    text-transform: none;
    position: absolute;
    top: 80px;
    font-size: 24px;
    font-weight: bold;
    left: 140px;line-height: 22px;}
.ocher4 .blockinmont {color: #26292c;
    text-transform: none;
    position: absolute;
    top: 80px;
    font-size: 24px;
    font-weight: bold;
    right: 80px;line-height: 22px;text-align:right;}
.ocher2 .blockinmont {
    right: 80px;left:auto;}
.ocher1 .dilidons {

    left: 45px;
}
.ocher2 .dilidons,.ocher4 .dilidons {    position: absolute;
    width: 250px;
    height: 208px;-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);right:0px;}
.ocher2 .hexagon12,.ocher2 .hexagon22,.ocher2 .hexagon32,.ocher2 .hexagon42,.ocher2 .hexagon52,.ocher2 .hexagon62 ,.ocher4 .hexagon12,.ocher4 .hexagon22,.ocher4 .hexagon32,.ocher4 .hexagon42,.ocher4 .hexagon52,.ocher4 .hexagon62{border-top: 2px solid #797c81;}
.rightmonb a.caalbutti {width:420px;margin:0px;margin-top:20px;}
@media (max-width:1100px) {.rightmonb a.caalbutti {width:290px;}}
@media (max-width:1100px) {.blockinmont {top: 91px;
    font-size: 20px;}}
@media (max-width:991px) {
.phonenumbers {
    display: block;
    width: 135px;
    float: none;
margin-top:0px; 
    font-size: 15px;
}}
@media (max-width:767px) 
{

.ocherright .leftmonb {padding-top:260px;}
.ocherright .rightmonb {position:absolute!important;width:100%;top:100px;margin-left:-15px;}

.leftmonb,.rightmonb {
    width: 100%;
    float: none;
    margin: auto;
    display: block;
} .leftmonb img,.rightmonb img {display:block;margin:auto;    margin-top: 30px;}

.middlebg .dilidons {
    position: absolute;
    width: 250px;
    height: 208px;
    left: 50%;
    margin-left: -155px;
} .middlebg .rightmonb {padding-top: 240px;} .rightmonb a.caalbutti {margin:auto;margin-top:20px;}
.ocherleft .dilidons {
    position: absolute;
    width: 250px;
    height: 208px;
    left: 50%;
    margin-left: -155px;
} 
.ocherright .dilidons {
    position: absolute;
    width: 250px;
    height: 208px;
    right: 50%;
    margin-right: -155px;
}
.ocherleft .rightmonb {padding-top: 240px;} .rightmonb a.caalbutti {margin:auto;margin-top:20px;}
.col1 .dilidons {
    position: absolute;
    width: 250px;
    height: 208px;
    left: 50%;
    margin-left: -155px;
} .col1 .rightmonb {padding-top: 0px;} .rightmonb a.caalbutti {margin:auto;margin-top:20px;}}

.container .flexslider ol.flex-control-nav {display:none;}
.container .wwe24 .flexslider ol.flex-control-nav {display:block;}
.container .wwe24 .flexslider   .flex-control-paging li a.flex-active {    background:#9f0000;border:1px solid #9f0000;}
.container .wwe24 .flexslider  .flex-control-paging li a {
     background: white;
    background: rgba(255, 255, 255, 1);
border:1px solid #ccc;}

.container .wwe24 .flexslider .flex-control-paging li a:hover {
  background:  rgba(159, 0, 0, 0.5); border:1px solid #9f0000;}

.container .flexslider {margin:0px;
background: transparent;
    border: none;}
a.inprod {display: block;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    color: #26292c;
    font-weight: bold;text-decoration:none;}
.container .flexslider .imslid img{    width: 263px;
    display: block;margin:8px;
    margin: auto;}
.container .flexslider .imslid:hover img{    -webkit-box-shadow: 0px 4px 10px #252223;
    -moz-box-shadow: 0px 4px 10px #252223;
    box-shadow: 0px 4px 10px #252223;}
.container .flexslider  .flex-direction-nav .flex-next {font-size:0px;
background-image: url(/img/right.png);
 background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    right: -50px!important;
    text-align: right;
}
.container .flexslider  .flex-direction-nav .flex-prev {font-size:0px;
background-image: url(/img/left.png);
 background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    left: -50px!important;
    text-align: right;
}
.container .flexslider .flex-direction-nav a {opacity:1;height:52px;    margin: -26px 0 0;}
.container .flexslider  .flexslider:hover .flex-direction-nav .flex-prev {left:-50px!important;}
.container .flexslider  .flexslider:hover .flex-direction-nav .flex-next {right:-50px!important;}

.container .flexslider .flex-direction-nav a:before {font-size:0px;}

@media (max-width:767px) {.container .flexslider  .flex-direction-nav .flex-next {
    right: 15px!important;

}
.container .flexslider  .flex-direction-nav .flex-prev {
    left: 15px!important;

}}

a.rulinliner:hover .sdf{-webkit-box-shadow: 0px 1px 8px #252223;
    -moz-box-shadow: 0px 1px 8px #252223;
    box-shadow: 0px 1px 8px #252223;}



@media (max-width:767px) {.ocher1 .blockinmont,.ocher3 .blockinmont, .blockinmont {left: 40%;}.ocher2 .blockinmont,.ocher4 .blockinmont {right: 40%;left: auto;text-align:right;}}
@media (max-width:500px) {.ocher1 .blockinmont,.ocher3 .blockinmont, .blockinmont {left: 28%;}.ocher2 .blockinmont,.ocher4 .blockinmont {right: 28%;left: auto;text-align:right;}}
@media (max-width:400px) {.ocher1 .blockinmont,.ocher3 .blockinmont, .blockinmont {left: 26%;}.ocher2 .blockinmont,.ocher4 .blockinmont {right: 26%;left: auto;text-align:right;}}
.impodklad {   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
	-moz-opacity: 0.4; 
	-khtml-opacity: 0.4; 
	opacity: 0.4;}



@media (min-width:768px) {.dilidili a.inkategory .absaa {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0; 
	-khtml-opacity: 0; 	opacity: 0;} .dilidili a.inkategory:hover .absaa {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
	-khtml-opacity: 1; 	opacity: 1;}

a.inkategory .absaa {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0; 
	-khtml-opacity: 0; 	opacity: 0;} a.inkategory:hover .absaa {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
	-khtml-opacity: 1; 	opacity: 1;}}








.hexagonder {
	width: 260px;
	height: 143px;
	background: red;
	position: relative;
}
.hexagonder:before {
	content: "";
	position: absolute;
	top: -65px; 
	left: 0;
	width: 0;
	height: 0;
	border-left: 130px solid transparent;
	border-right: 130px solid transparent;
	border-bottom: 65px solid red;
}
.hexagonder:after {
	content: "";
	position: absolute;
	bottom: -65px; 
	left: 0;
	width: 0;
	height: 0;
	border-left: 130px solid transparent;
	border-right: 130px solid transparent;
	border-top: 65px solid red;
}
.inkasliderparty {display:block;width:280px;height:242px;background-image: url(/img/backindexblock.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: inherit;    background-color: transparent;
    position: relative;margin:auto;}

.iinerhexagon {display:block;width:253px;height:218px;background-image: url(/img/backindexblock2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: inherit;    background-color: transparent;
    position: absolute;
    top: 12px;
    left: 13px;}

@media (max-width:1200px) {
.totsam.container {
  padding: 50px 15px 50px 15px;
} }





@media (min-width:992px) and {max-width:1199px} {.uravnitel { min-height: 252px;}}
@media (max-width:991px) {.uravnitel { width: 1px; min-height: 1px;} .uravnitel2 {padding-left:0px;padding-right:0px;padding-top: 15px;}}
.sliderparty .iinerhexagon{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0; 
	-khtml-opacity: 0; 	opacity: 0;-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.sliderparty:hover .iinerhexagon{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	-moz-opacity: 1; 
	-khtml-opacity: 1; 	opacity: 1;}
@media (max-width:767px) {.sliderparty .iinerhexagon {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	-moz-opacity: 1; 
	-khtml-opacity: 1; 	opacity: 1;}.indexb .totsam.container .abscol{display:none!important;}.dilidili .indexparty:nth-child(odd) .leftorright {display: block;
    float: none;
    position: relative;
    width: 100%;max-width: 555px;margin:auto;}.dilidili .indexparty:nth-child(even) .leftorright {
    display: block;
    float: none;
    position: relative;
    width: 100%;max-width: 555px;margin:auto;
}.dilidili .indexparty:nth-child(odd) a.inkategory,.dilidili .indexparty:nth-child(even) a.inkategory {float:none;  }}

.wwe24 .flex-direction-nav {display:none;}


.preimleft {width:48%;float:left;}
.preimright {width:48%;float:right;}
.preimleft .preimtext{    float: left;width: 276px;    padding-top: 60px;}
.preimleft .preimimg1 {float: left;    padding-top: 67px;}
.preimleft .preimimg2 {float: right;}
.preimright .preimtext{    float: right;width: 275px;text-align: right;    padding-top: 60px;}
.preimright .preimimg1 {float: left;margin-left:10px;    padding-top: 67px;}
.preimright .preimimg2 {float: left;}
.inoxtersd {width: 100%;
    height: 40px;
    clear: both;}
@media (max-width: 1202px) {.preimleft .preimtext,.preimright .preimtext{width: 170px;}}
@media (max-width: 991px) {.inoxtersd {
    width: 100%;
    height: 0;
    clear: both;
}.prevclerar {clear:both;}.preimleft {width:452px;float:none;margin:auto;}
.preimright {width:452px;float:none;margin:auto;}}
@media (max-width: 600px) {.preimleft, .preimright {width:100%;position:relative;padding-bottom:30px;} .preimleft .preimtext {width:100%;padding-top:282px;float:none;}.preimleft .preimimg2 {
    float: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -113px;
}.preimleft .preimimg1 {    float: none;
    padding-top: 0px;
    -moz-transform: rotate(90deg);  /* FF3.5/3.6 */
-o-transform: rotate(90deg);  /* Opera 10.5 */
-webkit-transform: rotate(90deg);  /* Saf3.1+ */
transform: rotate(90deg);  /* Newer browsers (incl IE9) */
    position: absolute;
    left: 50%;
    margin-left: -21px;
    top: 210px;}
.preimright .preimimg2 { float: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -113px;}
.preimright .preimimg1 {   float: none;
    padding-top: 0px;
    -moz-transform: rotate(90deg);  /* FF3.5/3.6 */
-o-transform: rotate(90deg);  /* Opera 10.5 */
-webkit-transform: rotate(90deg);  /* Saf3.1+ */
transform: rotate(90deg);  /* Newer browsers (incl IE9) */
    position: absolute;
    left: 50%;
    margin-left: -21px;
    top: 210px;}.preimright .preimtext {width:100%;padding-top:282px;float:none;text-align:left;}}
#montazhpremium .ocher1 {background-image:none;background-color: transparent;}
#montazhpremium .ocher2 {background-image:none;background-color: transparent;}
.prembigi {
    background-image: url(/img/1prembg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  }
#montazhpremium .ocher2 .hexagon12, #montazhpremium .ocher2 .hexagon22,#montazhpremium .ocher2 .hexagon32,#montazhpremium .ocher2 .hexagon42,#montazhpremium .ocher2 .hexagon52,#montazhpremium .ocher2 .hexagon62 {
    border-top: 2px solid white;

}

.pricetable {width:100%;max-width:100%;}
.pricetable th {text-align:center;font-weight:bold;text-transform:uppercase;    background: #efefef;
    padding-top: 10px;
    padding-bottom: 10px;}
.tuut1 {border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;}
.tuut2 {border-right: 1px solid #ccc;}
.pricetable1 th {width:25%;}
.pricetable td {text-align:center;    padding-top: 20px;
    padding-bottom: 20px;}
.pricetable .prises {color:#9f0000;font-weight:bold;}
tr.lintr {border-bottom:1px solid #ccc;}
.pricetable td a {color:#414141;text-decoration:none;}.pricetable td a:hover {color:#9f0000}
body .swiper-pagination-bullet-active {    background: #9f0000;}
#msProduct table {    max-width: 100%!important;width: 100%!important;}