@charset "UTF-8";

body, html {
padding: 0;
margin: 0;
font-family: 'Conv_PT_Serif-Web-Regular';
overflow-x: hidden;
}

.cont {
width: 1000px;
margin: 0 auto;
}

#content {
max-width: 1000px;
width: 100%;
margin: 0 auto;
clear: both;
padding-bottom: 60px;
}

h1, .head {
font-size: 28px;
font-weight: bold;
font-family: 'Conv_PT_Serif-Web-Bold';
margin: 19px 0 24px 0;
}

h2 {
font-size: 18px;
font-weight: bold;
font-family: 'Conv_PT_Serif-Web-Bold';
margin: 16px 0 10px 0;
}

h3 {
font-size: 16px;
font-weight: bold;
font-family: 'Conv_PT_Serif-Web-Bold';
margin: 14px 0 10px 0;
}

p {
font-size: 16px;
}

ul li {
font-size: 16px;
}

#top-menu {
width: 100%;
height: 35px;
background: #2c2c2c;
max-width:1600px;
margin: 0 auto;
}

#top-menu .adress {
float: left;
width: 300px;
color: #FFFFFF;
font-size: 12px;
display: block;
height: 17px;
text-decoration: none;
background: url(/krona/images/adress.png) no-repeat;
padding: 3px 0 0 29px;
margin: 6px 0 0 0;
}

#top-menu ul {
    float: left;
    list-style-type: none;
    display: block;
    text-align: right;
    margin: 4px 0 0 0;
    padding: 0;
}

#top-menu ul li {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 26px;
    float: left;
}

#top-menu ul li a {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
}

#top-menu ul li a:hover {
text-decoration: underline;
}

.top-icons-block {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-left: 20px;
height: 35px;
align-items: center;
}


.top-icons-block.mobil {
display:none;
}

@media (max-width: 767px) {
.top-icons-block.mobil {
display: flex;
width: 280px;
margin-right: 15px;
}
}

.top-icons-block a {
display: block;
width: 21px;
height: 21px;
background-repeat: no-repeat;
}

.top-icons-block a:hover {
transition: all .5s ease-out 0.1s;
opacity: 0.7;
}

.top-icons-block a.header-telefon {
background-image: url(/krona/images/telefon-menu.svg);
background-size: 100% 100%;
}

.top-icons-block a.header-mail {
background-image: url(/krona/images/mail-menu.svg);
background-size: 100% 100%;
}

.top-icons-block a.header-associacia {
background-image: url(/krona/images/associacia-menu.svg);
}

.top-icons-block a.header-vk {
background-image: url(/krona/images/vk-menu.svg);
width: 30px;
height: 18px;
}

.top-icons-block a.header-insta {
background-image: url(/krona/images/insta-menu.svg);
}


#header {
width: 100%;
min-height: 126px;
background: #FFFFFF;
max-width:1600px;
margin: 0 auto;
}

#header-logo {
display: block;
background: url(/krona/images/header-logo.png) no-repeat;
width:155px;
height:104px;
float: left;
margin-top: 8px;
}

#header-text {
width:243px;
float: left;
margin-top: 8px;
font-size: 12px;
color: #231f20;
line-height: 1.5;
margin: 39px 0 0 40px;
}


#header span.header-button {
width: 159px;
margin: 45px 0 0 0;
padding: 8px 0 8px 0;
text-align: center;
display: block;
color: #c06c38;
text-decoration:none;
font-size: 12px;
border: 1px #c06c38 solid;
float: left;
margin-left: 21px;
cursor: pointer;
}

#header span.header-button:hover {
color: #ffffff;
background: #c06c38;
}


#header-contacts {
display: block;
float: right;
text-align: right;
margin-top: 12px;
color: #7c7c7c;
font-size: 10px;
width: 190px;
}

#header-contacts a {
display: block;
float: right;
text-align: right;
color: #2d2d2d;
text-decoration: none;
clear: both;
font-size: 18px;
}

#header-contacts a.tel1 {
margin: 4px 0 1px 0;
}

#header-contacts a.tel2 {
margin: 0px 0 5px 0;
}

#header-contacts a:hover {
text-decoration:none;
}



#header-menu {
display: block;
width: 100%;
min-height: 40px;
height: 40px;
max-height: 40px;
max-width:1600px;
margin: 0 auto;
background: #61a703;
text-align: center;
}

#header-menu ul {
height: 38px;
display: block;
margin: 0 auto;
padding: 0;
text-align: center;
}

#header-menu ul li {
margin: 0;
padding: 0;
display: inline-block;
}

#header-menu ul li a {
color:#ffffff;
font-size: 18px;
height: 32px;
text-decoration:none;
display: block;
padding: 6px 23px 0 23px;
height: 40px;
}

#header-menu ul li a:hover {
background: #c06c38;
}

#header-menu ul li:hover a {
text-decoration:none;
color:#ffffff;
}

#header-menu ul li ul {
height: auto;
background: #61a703;
display: none;
position: absolute;
z-index: 30;
margin: 0;
padding: 0px 0 0px 0;
}




#header-menu ul li:hover > ul {
display: block;
}


#header-menu ul li ul li {
display: block;
clear: both;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
background: #61a703;
}

#header-menu ul li ul li a {
font-size: 18px;
color: #ffffff;
text-decoration:none;
display: block;
clear: both;
padding: 6px 23px 0 23px;
height: 40px;
}

#header-menu ul li ul li a:hover {
background: #c06c38!important;
color: #ffffff;
}





.main-otzivi-title-block {
float: left;
width: 249px;
height: 194px;
margin-top: 57px;
}

.main-otzivi-title-block h2 {
text-align: left;
font-family: 'Conv_PT_Serif-Web-Bold';
font-size: 28px;
font-weight: bold;
padding: 70px 0 1px 0;
margin: 0;
line-height: 1.1;
}

.main-otzivi-title-block p {
font-size: 21px;
margin: 0;
line-height: 1.1;
}

.main-otzivi-slider-block {
max-width: 534px;
width: 100%;
min-height: 194px;
float: left;
background: #fdfcf3;
margin-top: 57px;
padding-bottom: 10px;
}

.main-otzivi-slider-block h3, .main-otzivi-slider-block a {
font-size: 18px;
color: #878787;
display: block;
max-width: 430px;
margin: 43px 0 0 39px;
font-weight: normal;
}

.main-otzivi-slider-block h3 span {
color: #62a703;
}

.main-otzivi-slider-block p {
font-size: 14px;
display: block;
max-width: 430px;
margin: 15px 0 0 39px;
line-height: 1.4;
}



.main-otzivi-button-block {
width: 200px;
height: 194px;
float: right;
margin-top: 115px;
}

a.main-otzivi-button, span.main-otzivi-button {
width: 159px;
margin: 0 0 17px 0;
padding: 8px 0 8px 0;
text-align: center;
display: block;
color: #828282;
text-decoration:none;
font-size: 12px;
border: 1px #828282 solid;
float: right;
cursor: pointer;
}

a.main-otzivi-button:hover, span.main-otzivi-button:hover {
color: #61a703;
border: 1px #61a703 solid;
}

@media (max-width: 1199px) {
.main-otzivi-slider-block h3, .main-otzivi-slider-block a {
margin: 30px 0 0 14px;
}	

.main-otzivi-slider-block p {
margin: 15px 0 0 14px;
padding-right: 38px;
font-size: 12px;
}
}


@media (max-width: 991px) {
.main-otzivi-button-block {
width: 100%;
margin-top: 40px;
height: auto;
}
	
.main-otzivi-title-block {
height: 100px;
margin-top: 0px;
}	

.main-otzivi-slider-block h3, .main-otzivi-slider-block a {
margin: 30px 0 0 14px;
}	

.main-otzivi-slider-block p {
margin: 15px 0 0 14px;
padding-right: 38px;
font-size: 12px;
}
	
	
	
	
	
a.main-otzivi-button {
float: left;
}
	
span.main-otzivi-button {
float: right;
}
}






ul#slides-otzivi {
margin: 0;
padding: 0;
}

ul#slides-otzivi .slidesjs-pagination {
z-index: 10;
list-style-type: none;
float: right;
display: block;
padding: 0;
text-align: right;
margin: -132px 26px 0 0;
position: relative;
}
ul#slides-otzivi .slidesjs-pagination li {
margin: 0 0px;
padding: 4px 0px 2px 0px;
float: right;
clear: both;
}
ul#slides-otzivi .slidesjs-pagination li a {
display: block;
width: 8px;
height: 0;
padding-top: 8px;
overflow: hidden;
background-color: #e8e8e8;
border-radius: 4px;
margin: 0;
}
ul#slides-otzivi .slidesjs-pagination li a.active,
ul#slides-otzivi .slidesjs-pagination li a:hover.active {
background-color: #61a703;
}
ul#slides-otzivi .slidesjs-pagination li a:hover {
background-color: #61a703;
}
#slides-otzivi a:link,
#slides-otzivi a:visited {
color: #333
}
#slides-otzivi a:hover,
#slides-otzivi a:active {
color: #9e2020
}


@media (max-width: 575px) {
.main-otzivi-title-block {
height: 100px;
margin-top: 0px;
text-align: center;
margin: 0 auto;
float: none;
}
.main-otzivi-title-block h2 {
text-align: center;
}

.main-otzivi-title-block p {
text-align: center;
}	
	
	
	
}





#footer {
width: 100%;
min-height: 336px;
background: #2c2c2c;
max-width:1600px;
margin: 0 auto;
}

#footer #block-1 {
max-width: 268px;
width: 100%;
float: left;
margin: 32px 0 0 0;
}

#footer #block-2 {
max-width: 274px;
width: 100%;
float: left;
margin: 32px 0 0 0;
}

#footer #block-3 {
max-width: 180px;
width: 100%;
float: left;
margin-top: 32px;
}

#footer #block-4 {
max-width: 186px;
width: 100%;
float: right;
margin-top: 53px;
text-align: right;
color: #7c7c7c;
font-size: 10px;
}

#footer #block-5 {
max-width: 180px;
width: 100%;
float: left;
margin-top: 32px;
}

#footer #block-4 .tel1, #footer #block-4 .tel2 {
color: #ffffff;
font-size: 22px;
text-decoration:none;
display: block;
}

#footer #block-4 a.tel1 {
margin: 4px 0 1px 0;
}

#footer #block-4 a.tel2 {
margin: 0px 0 5px 0;
}

#footer #block-4 .creator {
color: #ffffff;
text-decoration:none;
font-size: 12px;
margin: 0;
padding: 27px 0 0 0;
text-align: right;
display: block;
clear: both;
}

#footer #block-4 .creator a {
color: #c06c38;
text-decoration:none;
font-size: 12px;
margin: 0;
padding: 0;
cursor: pointer;
}

#footer #block-4 .creator a:hover {
text-decoration :underline;
}

#footer span.footer-button {
width: 180px;
margin: 0px 0 27px 0;
padding: 8px 0 8px 0;
text-align: center;
display: block;
color: #c06c38;
text-decoration:none;
font-size: 12px;
border: 1px #c06c38 solid;
float: right;
clear: both;
cursor: pointer;
}

#footer span.footer-button:hover {
color: #ffffff;
background: #c06c38;
}

#footer h3 {
margin: 0;
padding: 17px 0 24px 0;
color: #62a700;
font-size: 20px;
text-decoration:none;
}

#footer h3 a {
color: #62a700;
font-size: 20px;
text-decoration:none;
}

#footer ul {
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
list-style-image: none;
}

#footer ul li {
margin: 0;
padding: 0 0 0 0;
line-height: 1.3;
}

#footer ul li a {
margin: 0;
padding: 0 0 0 0;
color: #ffffff;
font-size: 14px;
line-height: 1.3;
text-decoration:none;
}

#footer ul li a:hover {
color: #7ca910;
}




.navbar {
padding: 0;	
}


.dropdown-menu {
color: #212529;
background-color: #61a703;
border: 0;
margin: 0;
}

.dropdown-toggle::after {
content: none;
}


.navbar-dark .navbar-toggler {
cursor: pointer;
}

@media (max-width: 1199px) {
#header-text {
display: none;
visibility: hidden;
}
}

@media (max-width: 991px) {
.dropdown-toggle::after {
content: "";
}
	
.navbar {
padding: 5px 0 5px 0;	
}
	
#header {
margin-top: 80px;
}

#header-menu {
min-height: 50px;
height: 50px;
max-height: 50px;
position: fixed;
z-index: 200;
top: 0;
}
	
#header-menu ul.navbar-nav {
position: fixed;
z-index: 99;
background: #61a703;
width: 100%;
margin: 50px 0 0 0;
padding: 20px 0 0 0;
top: 0;
height: calc(100% - 62px);
opacity: 0.9;
left: 0;
overflow-y: auto;
}
	
#header-menu .container {
padding: 0;	
}
	

#header-menu ul li a {
padding: 2px 30px 0px 23px;
font-size: 24px;
height: 44px;
}
	
#header-menu ul.navbar-nav li.nav-item {
display: block;
text-align: left;
background: #61a703;
position: relative;
z-index: 99;
padding-bottom: 2px;
}
	
.navbar-dark .navbar-toggler {
margin-left: 5px;
}

.breadCrumbs {
display: none!important;
visibility: hidden;
}

}


@media (max-width: 767px) {
#header span.header-button {
    width: 120px;
}
}


@media (max-width: 575px) {
	
#header {
    display: none;
	}	
	
.container	h1 {
    margin-top: 60px;
	}
	
	iframe {
		width: 100%;
		height: 300px;
	}
	
	.header-slider, #main-okna {
		display: none;
	}
	
	#main-price .item p {
		display: none;
	}
	


	
	
#header span.header-button {
width: 160px;
margin: 20px auto 26px auto;
display: block;
float: none;
}
	

#header-logo {
float: none;
margin: 8px auto 0 auto;
}
	
	

#header-contacts {

float: none;
margin: 20px auto 0 auto;
text-align: center;
}
	
#header-contacts a.tel1, #header-contacts a.tel2 {
display: block;
margin: 0 auto;
float: none;
text-align: center;
}
	
	
#footer #block-4 {
float: none;
margin: 40px auto 20px auto;
text-align: center;
	max-width: 290px;
}
	
#footer #block-4 .creator {
text-align: center;	
}
	
#footer span.footer-button {
    margin: 0px auto 27px auto;
    float: none;
	  font-size: 24px;
    width: auto;
    background: #c06c38;
    color: #fff;
}

	
#footer #block-5 {
float: none;
margin: 32px auto 0 auto;
}

#footer h3 {
text-align: center;
}
	
#footer #block-5 ul {
list-style-image: none;
}
	
#footer ul li {
text-align: center;
}
	
}



.dropdown-menu {
background: #61a703;
}
	
.col-no-padding {
padding: 0;
}

.modal-content {
background: #fdfcf3;
}

#VideoBox .modal-content, #VideoBox .modal-dialog {
max-width: 930px;
width: 100%;
}

.modal-header {
border: 0;	
}

button.close {
cursor: pointer;	
}


#top-menu .adress {
    float: left;
    width: 300px;
    color: #FFFFFF;
    font-size: 12px;
    display: block;
    height: 17px;
    text-decoration: none;
    background: url(/krona/images/adress.png) no-repeat;
    padding: 3px 0 0 29px;
    height: 28px;
	  cursor: pointer;
}


#top-menu .dropdown .dropdown-bg {
background-color: #2c2c2c;
    opacity: 1;
    height: 60px;
    position: absolute;
    z-index: 2;
    width: 166px;
    border: 0;
    margin-top: 32px;
}


#top-menu .dropdown .dropdown-text {
position: absolute;
    z-index: 3;
    padding: 8px 0 0 0;
    width: 166px;
    margin-top: 32px;
}

#top-menu .dropdown .dropdown-text ul {
    margin-left: 0;
    padding-left: 0;
	width: 166px;
	text-align: left;
}

#top-menu .dropdown .dropdown-text ul li {
    list-style-type: none;
	display: inline-table;
	margin: 0;
	padding: 0;
}

#top-menu a.gorod-link {
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
	  display: block;
	  width: 166px;
	  height: 35px;
	  padding: 6px 0 0 28px;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

#top-menu a.gorod-link:hover {
    text-decoration: none;
	  background-color: #c06c38;
}

#top-menu .dropdown .dropdown-text ul li span!important {
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .5s ease-out 0.1s;
    -moz-transition: all .5s ease-out 0.1s;
    -o-transition: all .5s ease-out 0.1s;
    transition: all .5s ease-out 0.1s;
}

#top-menu .dropdown, .dropup {
position: relative;
padding-top: 3px;
}

#top-menu #dropdown-1 {
display: none;
}

#top-menu #gorod-1:hover #dropdown-1 {
display: block;
}

@media (max-width: 991px) {
	#header-menu {
		
		min-height: 70px;
		height: 70px;
		max-height: 70px;
		position: fixed;
		z-index: 200;
		top: 0;
	}
	
	.top-icons-block a {
    width: 45px;
    height: 45px;
	}
	
	.top-icons-block a.header-vk {
		background-size: 100% 100%;
	  width: 45px;
    height: 45px;
	}
	
	.top-icons-block a.header-associacia {
		display: none;
		background-size: 100% 100%;
	  width: 35px;
    height: 35px;
	}
	
	.top-icons-block a.header-insta {
		background-size: 100% 100%;
	  width: 35px;
    height: 35px;
	}
	
	.top-icons-block.mobil {
    margin-top: 4px;
    position: absolute;
    right: 0;
	}
	
	.navbar-toggler {
    margin-top: 8px;
	}
	
	.navbar-dark {
	  margin-left: 15px;
	}
	
	.navbar-dark .navbar-toggler {
	border: solid 3px #fff;
	}
	
	.navbar-dark .navbar-toggler-icon {
		background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	
	#header-menu ul.navbar-nav {
		margin: 60px 0 0 0;
	}
	
	.dropdown-item {
		margin-left: 15px;
	}
		
}



@media (max-width: 767px) {
.mobil-none {
display: none;	
}
}

@media (max-width: 575px) {
.main-otzivi-slider-block p {
    font-size: 18px;
}
	}



#footer #block-4 a {
font-size: 1px;
color: #2c2c2c;
cursor: auto;
}


.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
}

.dropdown-menu .dropdown-menu{
top: 0;
left: 294px;
}

.dropdown-menu .dropdown-menu .dropdown-menu{
top: 0;
left: 231px;
}


@media(max-width: 991px) {
.dropdown-menu {
position: static!important;
}
}

.dropdown-item.dropdown > a:before {
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.485 14.143' fill='%23ffffff'%3E%3Cpath d='M0 1.414L1.414 0l7.071 7.07-1.414 1.415z' /%3E%3Cpath d='M8.485 7.071L7.071 8.485 5.657 7.071 7.07 5.657z' class='a'/%3E%3Cpath d='M7.071 5.657l1.414 1.414-7.07 7.071L0 12.728z' /%3E%3C/svg%3E");
    position: absolute;
    height: 14px;
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
	right: 20px;
}
}