	:root {
		--color-grey: #ccc;
	}
	.pView input,
	.pView input:focus,
    .pView textarea,
	.pView textarea:focus,
    .pView select,
	.pview select:focus,
    .pView button {
        outline: none !important;
        resize: none;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        box-shadow: none;
    }
	
    .pView select {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E") center right no-repeat;
    }	
    .pView select::-ms-expand { 
        display: none;
    }
    @media screen and (min-width:0\0) {
        .pView select {
            background:none\9;
            padding: 5px\9;
        } 
    }
	
	html.noScroll,
    body.noScroll {
        overflow-y: hidden;
        height: 100%;
    }
	.floated::before,
    .floated::after {
        display: table;
        content: '';
    }
    .floated::after {
        clear: both;
    }
	
	.panel {
		width: 100%;
		display: block;
		margin: 0 auto;
		background-color: var(--gray);
		border: 2px solid var(--black);
		padding: 14px;
		padding-bottom: 13px;
		font-size: 16px;
		line-height: 23px;
		margin-bottom: 20px;
		text-align: center;
	}
	.panel.alert {
		font-weight: 600;
		border-radius: 0;
	}
	
	aside.sideCart {
		position: fixed;
		width: 100%;
		max-width: 360px;
		top: 0;
		right: 0;
		padding: 10px;
		padding-top: 0;
		background: #fff;
		height: 100%;
		border-left: 1px solid var(--clr-rose);
		z-index: 998;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
		-webkit-transition: transform ease-in 200ms;
				transition: transform ease-in 200ms;
		-webkit-transform: translateX(370px);
				transform: translateX(370px);
	}
	aside.sideCart.opened {
		-webkit-transform: translateX(0);
				transform: translateX(0);
	}
	
	aside.sideCart a.closeCart {
		position: absolute;
		right: 10px;
		top: 0px;
		width: 48px;
		height: 48px;
		font-size: 20px;
		line-height: 48px;
		text-align: center;
		color: #fff;
	}
	aside.sideCart a.deleteBTN {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
		border-radius: 0;
		background-color: var(--color-red);
		color: #fff;
	}
	aside.sideCart h3 {
		line-height: 50px;
		/*font-family: var(--thm-font);*/
		color: var(--color-white);
		width: calc(100% + 20px);
		padding: 0 10px;
		background-color: var(--color-black);
		margin-left: -10px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	aside.sideCart dd {
		position: absolute;
		margin: 0;
		padding: 0;
		top: 68px;
		bottom: 150px;
		width: calc(100% - 19px);
		height: calc(100% - 268px);
		overflow: hidden;
		overflow-y: auto;
	}
	aside.sideCart dl {
		width: 100%;
		position: relative;
		margin: 0;
		line-height: 30px;
		min-height: 120px;
		font-weight: 600;
		float: left;
		padding-right: 45px;
	}
	aside.sideCart dl:not(:last-of-type) {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #eae7e5;
	}
	aside.sideCart dl .img {
		position: relative;
		width: 100px;
		height: 100px;
		overflow: hidden;
		float: left;
		margin: 0 10px 0 0;
		border: 1px solid var(--color-grey);
		border-radius: 0;
		overflow: hidden;
	}
	aside.sideCart dl .img img {
		height: 80px;
		width: 80px;
		object-fit: cover;
		margin: 10px;
		display: block;
	}
	
	aside.sideCart dl h4 {
		font-family: 'ortica_linearregular';
		font-weight: 400;
		display: block;
		font-size: 15px;
		line-height: 19px;
		margin-bottom: 5px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
	}
	aside.sideCart dl em {
		display: block;
		font-size: 13px;
		line-height: 15px;
	}
	aside.sideCart .overView {
		background-color: #fff;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 181px;
		padding-top: 10px;
		width: 100%;
		border-top: 1px solid var(--color-grey);
	}
	aside.sideCart .overView h4 {
		position: relative;
		padding: 10px;
		line-height: 30px;
		font-size: 14px;
		font-weight: 600;
	}
	aside.sideCart .overView h4:first-of-type {
		padding-bottom: 0;
	}
	aside.sideCart .overView h4 {
		padding-top: 0;
	}
	aside.sideCart .overView h4:last-of-type:before {
		content: '';
		left: 10px;
		top: 0;
		position: absolute;
		width: calc(100% - 20px);
		height: 1px;
		background-color: #000;
	}
	aside.sideCart .overView h4 span {
		float: right;
	}
	aside.sideCart .overView a {
		position: relative;
		background-color: #6ab070;
		color: #fff;
		display: block;
		padding: 10px;
		line-height: 20px;
		text-align: center;
		width: calc(100% - 20px);
		margin: 0 10px 20px 10px;
		font-size: 14px;
		border-radius: 0;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	.shortDesc {
		margin-bottom: 34px;
	}
	
	form.pricings {
		margin-top: 30px;
	}
	
	.option {
		margin-bottom: 20px;
		text-align: left;
		font-size: 0;
		line-height: 0;
	}
	/*.option span {
		display: inline-block;
		padding: 20px 0;
		font-size: 20px;
		line-height: 34px;
		width: 75px;
	}
	.option span:after {
		content: ':';
		margin: 0 5px;
	}
	.option select {
		display: inline-block;
		padding: 20px;
		font-size: 20px;
		line-height: 34px;
		width: calc(100% - 75px);
	}*/
	
	.option span {
		display: inline-block;
		padding: 7px 10px;
		font-size: 18px;
		line-height: 34px;
		width: 75px;
		color: #fff;
		background-color: var(--ftr-url);
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.option span:after {
		content: ':';
		margin: 0 5px;
	}
	.option select {
		display: inline-block;
		padding: 5px 10px;
		font-size: 20px;
		line-height: 34px;
		width: calc(100% - 75px);
		border: 2px solid var(--ftr-url);
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	.statusBar {
		padding: 40px 0 20px;
		width: 100%;
		position: relative;
		cursor: default;
	}
	.statusBar .pBar {
		content: "";
		position: absolute;
		width: 2px;
		height: calc(100% - 100px);
		background-color: var(--grey);		
		left: 9px;
		top: 50px;
	}
	.pBar:after {
		content: "";
		background-color: #FF44C5;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 0;
	}
	.pBar.one-third:after {
		height: 33.33333%;
	}
	.pBar.two-third:after {
		height: 66.66667%;
	}
	.pBar.full:after {
		height: 100%;
	}
	
	.statusBar > .node {
		height: 40px;
		position: relative;
	}
	.statusBar > .node:after {
		content: '';
		background-color: var(--color-grey);
		height: 20px;
		width: 20px;
		border-radius: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.node > .text {
		font-weight: 300;
		color: var(--thm-base);
		text-align: center;
		position: absolute;
		top: 0;
		left: 40px;
		/*font-weight: 600;*/
		font-size: 16px;
		display: block;
		line-height: 20px;
	}

	.node.done:after {
		background-color: #FF44C5;
		box-shadow: 0 0 0 5px white;
	}

	.node > .text.done {
		color: #FF44C5;
		font-weight: 500;
	}

	.node > .main {
		position: absolute;
		border: 3px solid transparent;
		width: 0;
		height: 0;
		border-radius: 100%;
		left: -8px;
		top: -8px;
	}

	.node > .main.done {
		border: 3px solid #FF44C5;
		width: 36px;
		height: 36px;
	}
	
	.pdfs li {		
		margin: 5px 0;
	}
	.pdfs a {
		position: relative;
		display: block;
		width: fit-content;
		max-width: none;
		overflow: hidden;
		background-color: rgba(10, 179, 156, 0.18);
		color: #0ab39c;
		border: 1px solid #0ab39c;
		line-height: 30px;
		padding: 10px;
		border-radius: 4px;
	}
	
	/*section.pricing-one {
		padding-top: 0;
	}*/
	ul.pView,
	ul.prices {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
	}
	ul.prices {
		background-color: #e3e9ec;
		padding: 20px;
	}
	ul.pView h3,
	ul.prices h3 {
		color: #063a7a;
		margin-top: 0;
		line-height: 35px;
	}
	ul.prices h3 small {
		float: right;
		font-size: 60%;
	}
	ul.prices label {
		margin: 0;
	}
	ul.prices .itemOverView {
		font-size: 14px;
		line-height: 20px;
	}
	ul.prices .itemOverView .desc,
	ul.prices .itemOverView .price {
		float: left;
		font-size: 14px;
		line-height: 20px;
		padding: 5px 0;
	}
	ul.prices .itemOverView .desc {
		width:70%;
	}
	ul.prices .itemOverView .price {
		width:30%;
		text-align:right
	}
	
	ul.pView .text p,
	ul.prices p {
		margin: 0;
		line-height: 24px;
		font-size: 18px;
	}
	ul.prices p label {
		float: right;
		margin: 0;
		font-weight: 500;
	}
	ul.prices p.big {
		-webkit-transform: translateZ(0);
		margin-top:10px;
		padding-top: 10px;
		border-top: 2px solid #838a93;
		line-height: 34px;
		font-size: 22px;
	}
	ul.pView li {
		text-align: left;
		font-size: 0;
	}
	ul.pView .picture,
	ul.pView .text {
		display: inline-block;
		vertical-align: top;
	}
	ul.pView .picture {
		width: 100%;
		max-width: 100px;
	}
	ul.pView .picture img {
		width: 100% !important;
		object-fit: contain;
	}
	
	ul.pView .text {
		width: 100%;
		max-width: calc(100% - 100px);
		padding-left: 40px;
		padding-right: 20px;
	}
	ul.pView label {
		margin: 0;
		padding-right: 20px;
		display: inline-block;
		width: 90px;
	}
	ul.pView .cartAmount {
		line-height: 44px;
	}
	ul.pView .text p.cartAmount {
		margin-bottom: 10px;
	}
	ul.pView .cartAmount span {
		position: relative;
	    width: calc(44px * 4);
		height:44px;
		line-height:40px;
		border: 2px solid var(--thm-base);
		background-color: var(--white);
		display: inline-block;
		text-align: center;
	}
	ul.pView .cartAmount span a {
	    position: absolute;
		top: 2px;
		width: 36px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		background-color: var(--thm-primary);
		color: #063a7a;
		font-size: 20px;
	}
	ul.pView .cartAmount span a.min {
	    left: 2px;
	}
	ul.pView .cartAmount span a.add {
	    right: 2px;
	}
	ul.pView h3 {
		font-size: 32px;
		line-height: 32px;
	}
	ul.pView .deleteBTN {
		position: absolute;
		right: 20px;
		top: 0;
		background-color: var(--danger);
		color: var(--white);
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 38px;
		padding: 0;
		margin: 0;
	}
	ul.prices a.steps,
	ul.prices button.steps {
		display: block;
		width: 100%;
		line-height: 24px;
		font-size: 20px;
		text-align: center;
		padding: 10px 0 16px;
		background-color: var(--thm-base);
		color: var(--white);
		margin-top: 10px;
	}
	ul.prices a.steps.next,
	ul.prices button.steps.next {
		background-color: #063a7a;
		color: var(--white);
	}
	
	.shoppingCart input,
	.shoppingCart select {
		position: relative;
		float: left;
		width: /*calc(100% - 140px)*/100%;
		background-color: #ebebeb;
		border-radius: 3px;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		font-size: 14px;
		color: #666;
		font-weight: 400;
		margin: 10px 0 0 0;
	}
	.shoppingCart li h3.full {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid var(--clr-rosedark);
		color: var(--clr-rosedark);
	}
	.shoppingCart label {
		display: block;
		float: left;
	}
	.shoppingCart .pView label {
		width: 140px;
		height: 40px;
		line-height: 40px;
		margin: 10px 0 0 0;
		font-size: 18px;
	}
	.shoppingCart input[type='radio'] {
		transform: none;
    	/*width: 15px;*/
		margin: 0 20px 0 0;
		height: 20px;
		border-radius: 50%;
	}
	.shoppingCart li.cbContainer {
		padding: 20px 0;
		margin: 0;
	}
	.shoppingCart li.cbContainer label {
		margin: 0;
	}
	.shoppingCart .cbContainer input[type="checkbox"] {
		max-width: 20px;
		height: 20px;
		padding: 0;
		margin: 10px;
		margin-left: 0px;
	}
	.shoppingCart .cbContainer input[type="checkbox"]:after {
		content: '';
		position: absolute;
		left: 4px;
		top: 4px;
		width: 12px;
		height: 12px;
		background-color: #ebebeb;
	}
	.shoppingCart .cbContainer input[type="checkbox"]:checked:after {
		background-color: #666;
	}	
	.shoppingCart .cbContainer input[type="checkbox"] + label {
		display: block;
		float: left;
		line-height: 40px;
		width: calc(100% - 30px);
	}
	.shoppingCart .pcPlace {
		float: left;
		width: 100%;
	}
	
	.shoppingCart ul.parsley-errors-list {
		list-style: none;
		float: left;
		width: calc(100% - 140px);
		margin-left: 140px;
		margin-top: 5px;
	}
	.shoppingCart .pcPlace input.postal + ul.parsley-errors-list {
		width: calc(45% - 150px);
		margin-right: 10px;
	}
	.shoppingCart ul.parsley-errors-list li {
		background-color: #d00;
		color: #fff;
		border-radius: 4px;
		padding: 2px 20px;
		line-height: 16px;
		font-size: 14px;
		margin: 0;
	}
	.shoppingCart ul.parsley-errors-list li:before {
		display: none;
	}
	.stickyContainer.evContainer {
		display: none;
	}
	.stickyContainer.evContainer.showed {
		display: block;
		position: fixed;
		width: 100%;
		height: calc(100% - 60px);
		left: 0;
		top: 0;
		padding: 10px;
		background-color: #fff;
		z-index: 998;
		font-size: 0;
		line-height: 0;
	}
	.stickyContainer.evContainer.showed .thm-btn.small__btn {
		display: block;
		width: 100% !important;
		line-height: 24px;
		padding: 8px 30px;
	}
	
	.mobFilterBtn {
		position: fixed;
		z-index: 999;
		left: 0;
		bottom: 0;
		padding: 20px 30px;
		width: 100%;
		line-height: 20px;
		font-size: 18px;
		text-transform: uppercase;
		color: #fff;
		background-color: #2252db;
		text-align: center;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
		font-family: var(--thm-font);
	}
	.mobFilterBtn.opened {
		background-color: #26841f;
	}
	.mobFilterBtn label {
		display: inline-block;
		color: #fff;
		font-size: 18px;
		line-height: 20px;
		margin: 0;
	}	
	.mobFilterBtn i {
		/*float: left;*/
		margin-right: 10px;
		font-size: 18px;
		display: inline-block;
		vertical-align: bottom;
		width: 20px;
		height: 20px;
		line-height: 20px;
		color: #fff;
	}
	.mobFilterBtn span {
		display: inline-block;
		line-height: 20px;
		width: calc(100% - 30px);
	}
	
	.rate {
		float: left;
		height: 46px;
		padding: 0 10px;
	}
	.rate span {
		display: inline-block;
		line-height: 40px;
		margin-right: 15px;
		margin-right: 15px;
		float: left;
	}
	
	.rate:not(:checked) > input {
		position: absolute;
		width: 20px;
		height: 20px;
		opacity: 0;
		visibility: hidden;
	}
	.rate:not(:checked) > label {
		position: relative;
		z-index: 1;
		float: right;
		width: 1em;
		overflow: hidden;
		white-space: nowrap;
		cursor: pointer;
		font-size: 30px;
		color: #ccc;
	}
	.rate:not(:checked) > label:before {
		content: '★ ';
	}
	.rate > input:checked ~ label {
		color: #ffc700;    
	}
	.rate:not(:checked) > label:hover,
	.rate:not(:checked) > label:hover ~ label {
		color: #deb217;  
	}
	.rate > input:checked + label:hover,
	.rate > input:checked + label:hover ~ label,
	.rate > input:checked ~ label:hover,
	.rate > input:checked ~ label:hover ~ label,
	.rate > label:hover ~ input:checked ~ label {
		color: #c59b08;
	}
	.ratings input,
	.ratings textarea,
	.ratings button:not(.mfbb) {
		float: left;
		width: 100%;
		background-color: #ebebeb;
		border-radius: 3px;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		font-size: 14px;
		color: #666;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.ratings textarea {
		height: 160px;
	}
	.ratings input.half,
	.ratings button {
		max-width: calc(50% - 10px);
		margin-right: 10px;
	}
	.ratings input.half ~ input.half {
		margin-left: 10px;
		margin-right: 0;
	}
	.ratings button:not(.mfbb) {
		padding: 8px 15px;
		line-height: 30px;
		font-size: 14px;
		letter-spacing: 1px;
		background-color: var(--clr-rose);
		vertical-align: top;
		border-radius: 30px;
		color: #fff;
		text-transform: uppercase;
		font-family: var(--font-bold);
	}
    
    .testimonial {
		margin: 0 20px 40px;
	}
	.testimonial .testimonial-content {
		padding: 35px 25px 35px 50px;
		background: #efefef;
		position: relative;
	}
	.testimonial .testimonial-content:before {
		content: "";
		position: absolute;
		bottom: -30px;
		left: 0;
		border-top: 15px solid #718076;
		border-left: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}
	.testimonial-content .testimonial-icon {
		width: 50px;
		height: 45px;
		background: #FFB6E4;
		text-align: center;
		font-size: 22px;
		color: #fff;
		line-height: 42px;
		position: absolute;
		top: 37px;
		left: -19px;
		border-radius: 10px;
		border-top-left-radius: 0;
	}
	.testimonial-content .testimonial-icon:before {
		content: "";
		border-bottom: 16px solid #dd6eb4;
		border-left: 18px solid transparent;
		position: absolute;
		top: -16px;
		left: 1px;
	}
	.testimonial .description {
		font-size: 15px;
		font-style: italic;
		color: #8a8a8a;
		line-height: 23px;
		margin: 0;
	}
	.testimonial .title {
		font-size: 24px;
		font-weight: 600;
		padding: 20px 14px 10px 14px;
		margin: 0 14px;
		margin-bottom: 0;
		width: calc(100% - 28px);
		border-left: 1px solid #ccc;
	}
	.testimonial .post {
		display: block;
		font-size: 14px;
		color: #dd6eb4;
		margin: 0 14px;
		width: calc(100% - 28px);
		padding: 0 14px 10px;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-bottom-left-radius: 20px;
	}

	@media (max-width: 991px) {
		.sidebar.noMobMargin {
			margin-top: 0px !important;
		}
	}

/*  =================================================================
	MEDIA QUERIES
================================================================== */
/* MOBILE */
@media only screen and (min-width: 572px) {
	.statusBar {
		width: 90%;
		margin-left: 5%;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.statusBar .pBar {
		width: 100%;
		height: 4px;
		left: 10px;
		top: 8px;
	}
	.pBar:after {
		width: 0;
		height: 4px !important;
	}
	.pBar.one-third:after {
		width: 33.33333%;
	}
	.pBar.two-third:after {
		width: 66.66667%;
	}
	.pBar.full:after {
		width: 100%;
	}
	
	.statusBar > .node {
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.statusBar > .node:after {
		left: -10px;
	}
	.node > .main {
		left: -18px;
		top: -8px;
	}
	.node > .text {
		top: 32px;
		left: 0;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	
	.shoppingCart .pcPlace .postal {
		float: left;
		width: calc(45% - 10px);
		margin-right: 10px;
	}
	.shoppingCart .pcPlace .town {
		float: left;
		width: calc(55% - 10px);
		margin-left: 10px;
	}
}
/* IPADS landscape AND mini laptops */
@media only screen and (min-width: 960px) {

	.statusBar {
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}	
	.statusBar .pBar {
		width: 100%;
		height: 4px;
		left: 10px;
		top: 8px;
	}
	.pBar:after {
		width: 0;
		height: 4px !important;
	}
	.pBar.one-third:after {
		width: 33.33333%;
	}
	.pBar.two-third:after {
		width: 66.66667%;
	}
	.pBar.full:after {
		width: 100%;
	}	
	.statusBar > .node {
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.statusBar > .node:after {
		left: -10px;
	}
	.node > .main {
		left: -18px;
		top: -8px;
	}
	.node > .text {
		top: 32px;
		left: 0;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	
	.stickyContainer.evContainer {
		display: block;
	}
	.mobFilterBtn {
		display: none !important;
	}
	
}

@media only screen and (min-width: 960px) {
	
	ul.pView .picture {
		max-width: 250px;
	}
	ul.pView .text {
		max-width: calc(100% - 250px);
	}
	
}