.hpdivtxt {text-align: justify; min-height: 258px;}
.sppb-addon-image-layouts.h3hpdivtxt10 p, .sppb-addon-image-layouts.h3hpdivtxt11 p {min-height:144px;text-align:justify;}
.h3hpdivtxt h3 {min-height:105px;}
.hpdivtxt11 {text-align: justify;min-height: 156px;}
ul.menu > li.item-212 {list-style-type: none;text-align:right;text-align: right;}
ul.menu > li.item-212 a {background-color: #257779; color:#b9b9b9;text-transform: uppercase; padding: .385rem 1.95rem;font-size:14px;}
ul.menu > li.item-212 a:hover {color:#ffffff;}
p.txtwhy {font-size:20px; text-align:justify;line-height: 28px;}
#sp-bottom {background:#000000;}
.ancore {padding-top:156px;}

@media (max-width: 404px) {
	div#sp-myposition02.col-6.col-sm-6.col-md-6.col-lg-2 {padding-left:0.1em;padding-right:0.1em;}
	div#sp-myposition02.col-6.col-sm-6.col-md-6.col-lg-2 div.sp-column div.sp-module.jmoddiv div.sp-module-content ul.menu {padding-left:0.1em;}
	ul.menu > li.item-212 a {padding: .385rem .95rem;}
	.hpdivtxt {min-height: 168px;}
	.h3hpdivtxt h3 {min-height: 50px;font-size: 16px !important;}
	#sppb-addon-1612558556761 .sppb-image-layout-title {font-size: 24px !important;}
}

@media only screen and (max-width: 991px) and (min-width: 768px)  {
	.hpdivtxt {min-height: 158px;}
}

@media (max-width: 991px) {
	ul.menu > li.item-212 {text-align: left;}
	.mod-languages {text-align: right;padding-right: 15px;}	
	.h3hpdivtxt h3 {min-height: 50px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hpdivtxt {min-height: 310px;}
	#sp-header .sp-megamenu-parent > li > a {padding: 0 5px;font-size:15px;margin: 0 7px;}
	#sp-lftheader1, #sp-rgtheader1 {display: none;}
	.col-lg-8 {flex: 0 0 83.333333%; max-width: 83.333333%;}
	.sppb-addon-image-layouts.h3hpdivtxt h3 {font-size:36px;}
	.h3hpdivtxt h3 {min-height:86px;}
	ul.menu > li.item-212 a {font-size: 12px;}
	div#sp-myposition02.col-6.col-sm-6.col-md-6.col-lg-2 div.sp-column div.sp-module.jmoddiv div.sp-module-content ul.menu {padding-left:0.1em;}
}

@media (min-width: 1200px) and (max-width: 1440px) {
	.hpdivtxt {min-height: 270px;}
	#sp-header .sp-megamenu-parent > li > a {padding: 0 7px;font-size:16px;margin: 0 10px;}
	#sp-lftheader1, #sp-rgtheader1 {display: none;}
	.col-lg-8 {flex: 0 0 83.333333%; max-width: 83.333333%;}
	div#sp-myposition02.col-6.col-sm-6.col-md-6.col-lg-2 div.sp-column div.sp-module.jmoddiv div.sp-module-content ul.menu {padding-left:0.1em;}
}

@media (min-width: 1441px) and (max-width: 1920px) {
	#sp-header .sp-megamenu-parent > li > a {padding: 0 08px; margin: 0 10px;}
}

#sp-header .sp-megamenu-parent > li > a::before {content:none;}
div.sppb-addon.sppb-addon-module.abonare input.button.subbutton.btn.btn-primary {border-radius: 0; background-color: #0f2829;padding: .585rem 1.95rem;}
div.sppb-addon.sppb-addon-module.abonare input.button.subbutton.btn.btn-primary:hover {border-color: #fff;background-color: #004f51;}


.acymailing_module .acymailing_module_form .acymailing_form {width: 100%;}
.acymailing_module .acymailing_module_form .acymailing_form tbody tr {float: left; width: 40%;}
.acymailing_module .acymailing_module_form .acymailing_form tbody tr td.acy_requiredField {width: 340px;}
.acymailing_module .acymailing_module_form .acymailing_form tbody tr td.acy_requiredField input {background: #fff;border: 1px solid #eee; height: 45px; width: 100%;}
.acymailing_module .acymailing_module_form .acymailing_form tbody tr:last-child {width: auto;}

.brdcrmb {/*centering*/	display: inline-block;	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);overflow: hidden;border-radius: 5px;counter-reset: flag;}

.brdcrmb a {text-decoration: none;outline: none;display: block;float: left;font-size: 20px;line-height: 36px;color: white; /*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;	background: #666;background: linear-gradient(#666, #333);position: relative;}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.brdcrmb a:first-child {padding-left: 46px;	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/}
.brdcrmb a:first-child:before {left: 14px;}
.brdcrmb a:last-child {	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/padding-right: 20px;}

/*hover/active styles*/
.brdcrmb a.active, .brdcrmb a:hover{background: #333;background: linear-gradient(#333, #000);}
.brdcrmb a.active:after, .brdcrmb a:hover:after {background: #333;background: linear-gradient(135deg, #333, #000);}

/*adding the arrows for the brdcrmbs using rotated pseudo elements*/
.brdcrmb a:after {content: '';position: absolute;top: 0; right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .brdcrmb a */
	width: 36px; 	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.brdcrmb a:last-child:after {content: none;}
/*we will use the :before element to show numbers*/
.brdcrmb a:before {	content: counter(flag);	counter-increment: flag;border-radius: 100%;width: 20px;height: 20px;line-height: 20px;	margin: 8px 0;	position: absolute;	top: 0;	left: 30px;	background: #444;background: linear-gradient(#444, #222);font-weight: bold;}
/*SWS*/
#beginner, #summer-treat, #performance-driven, #living-good{
  scroll-margin-top: 110px!important;
}


#redim-cookiehint .cookiehead .headline {
    display: none!important;
}

#redim-cookiehint-bottom #redim-cookiehint {
    max-width: 1920px;
}

#redim-cookiehint {
  background: #fffffff2;
}

#redim-cookiehint-bottom {
    background-color: transparent;
}

#redim-cookiehint-bottom .cookiebuttons .btn, #redim-cookiehint-bottom .cookiebuttons button {
    padding: 2px 20px !important;
}

#redim-cookiehint .cookiebuttons .btn, #redim-cookiehint .cookiebuttons button {
  font-size: 14px;
}

.cookiecontent p {
    margin-bottom: 0!important;
}

@media screen and (max-width: 768px) {
a#cookiehintsubmit, a#cookiehintsubmitno {
    /*width: 45%!important;*/
}
  .cookiecontent {
    font-size: 12px!important;
    line-height: 1.3!important;
}
}
div#redim-cookiehint {
    padding-top: 0!important;
}

a#cookiehintsubmitno {
    display: none!important;
}