@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');


/* UWAGA - tego kodu nie wklejamy do IAI */
/*IAI Style - margin zamiast br w P*/


/**/


/* kod do IAI wklejamy od tego miejsca do końca wraz z @import */



/* delete left sidebar*/
.text_page aside {display: none !important;}
	#content {
    margin-top: 0;
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
}




/* korekta scrolla na dole strony*/
.cm {
    overflow: initial !important;
}


/* tags */
h2.h2 {font-size: 28px;font-weight: 700;margin: 40px 0 20px 0;text-align: center;}
h3.h3 {font-size: 25px;font-weight: 300;margin: 40px 0 20px 0;padding-left: 150px;}
h4.h4 {font-size: 24px;font-weight: 300;margin: 40px 0 20px 0}
h5.h5 {font-size: 30px;font-weight: 300;margin: 40px 0 20px 0}
h6.h6 {font-size: 28px;font-weight: 300;margin: 40px 0 20px 0}

h3.h3 {font-weight: 600;}

.minimalist-accordion__title {margin: 5px 50px;}		



.minimalist-accordion__panel {
    display: block;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: visibility 0.5s ease,height 33s ease, opacity 0.2s ease,;
    transition: visibility 0s ease, max-height 33s ease, opacity 0.2s ease;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    margin: 0;
    padding: 0;
    background: #f8f8f8;
    border-radius: 10px;
    padding: 10px;
    /* width: 95%; */
    margin: auto;
    margin: 0px 150px 0px 150px;
}

.menu_button_wrapper {display: none;}


/* Bestie królowej */

.bestie head-gold {background: #D2BC66 !important;
color: red;}
.bestie head-silver {background: gray !important;
color: red;}


/* Accordiony */


.js-accordion__header:hover {
    background-color: #414c9c !important;
    color: #fff !important;
    transition: all ease-in-out 0.5s;
}
[aria-expanded="true"].minimalist-accordion__header, [aria-expanded="true"].js-accordion__header, [aria-expanded="true"].js-accordion__header:hover {
    background: #414c9c !important;
    color: #fff !important;
}


.js-accordion__header {
    font-size: 20px;
    font-weight: 100;
}

h3.h3.minimalist-accordion__title {
   margin: 10px 0 10px 0;
}
.js-accordion__panel img {
    mix-blend-mode:multiply;
}




video,.video {width: 100%;height: auto;position: relative;}

.margin {
    content: "";
    display: table;
    clear: both;
}

.margin-10 {margin:10px}
.margin-20 {margin:20px}
.margin-30 {margin:30px}
.margin-40 {margin:40px}
.margin-50 {margin:50px}


.padding-10 {padding:10px}
.padding-20 {padding:20px}
.padding-30 {padding:30px}
.padding-40 {padding:40px}
.padding-50 {padding:50px}

/* paragraph*/
.p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
	
	padding: 0px 150px;
}
.p.big-1 {font-size: 22px;}
.p.big-2 {font-size: 24px;}
.p.big-3 {font-size: 26px;}

.title-1,.title-2,.title-3,.title-4,.title-5 {
    font-weight: 700; display:block;
}
span.title-1 {font-size: 22px}
span.title-2 {font-size: 24px}
span.title-3 {font-size: 26px}
span.title-4 {font-size: 28px}

.upper {
	text-transform: uppercase; 
}
.underline {
	text-decoration: underline;
}
.line-through {
	text-decoration:line-through;
}
.bold {
	font-weight: bold;
}

.font-weight300 {font-weight: 300}
.font-weight400 {font-weight: 400}
.font-weight700 {font-weight: 700}

.text-center {text-align: center;}
.text-right {text-align: right}

.position-center {
    margin-left: auto;
    margin-right: auto;
}



/* Colors*/

/* Color*/
.white {color:#FFF !important}
.black {color:#222 !important}
.dark {color:#333 !important}
.brown {color:#ba915d !important}
.dark-brown {color:#351e01 !important}
.red {color:#ff3333 !important}
.green {color:#008000 !important}
.blue{color:#003399 !important}

.coral{color:@coral}
.burlywood {color:burlywood}
.coral {color:coral}
.darkgoldenrod {color:darkgoldenrod}
.peru {color:peru}
.sienna {color:sienna}
.saddlebrown {color:Saddlebrown}
.silver {color:silver}
.tan {color:tan}

.bestie {color:#414c9c}


/* Background */
.bg-white {background:#FFF !important}
.bg-black {background:#222 !important}
.bg-dark {background:#333 !important}
.bg-brown {background:#ba915d !important}
.bg-dark-brown {background:#351e01 !important}
.bg-red {background:#ff3333 !important}
.bg-green {background:#008000 !important}
.bg-blue{background:#003399 !important}

.bg-bestie {background: #414c9c !important}

/*
.bg-orange{background:@orange !important};



@orange: orange;
@orange-hover: darken(@orange, 10%);

.color-orange {color:@orange}

@coral:coral;

*/

/*
:root{
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}
.bg-orange {
    background: var(--orange);
}
*/



/* Buttons */
.btn-lg,.btn-md,.btn-sm,.btn-xs {
    border-radius: 4px;
    background-color: #ba915d;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    margin: 20px 4px 20px 4px;
}
.btn-lg{padding: 8px 30px;font-size: 20px;}
.btn-md{padding: 6px 16px;font-size: 18px;}
.btn-sm{padding: 4px 12px;font-size: 16px;}
.btn-xs{padding: 2px 10px;font-size: 14px;}

.btn-lg:hover,.btn-md:hover,.btn-sm:hover,.btn-xs:hover{background: #222;color:white;}

.btn-lg.outline,.btn-md.outline,.btn-sm.outline,.btn-xs.outline {
    background: white;
    border: 1px solid #ba915d;
    color: #ba915d;
}
.btn-lg.outline:hover,.btn-md.outline:hover,.btn-sm.outline:hover,.btn-xs.outline:hover{background: #222;color:white;border:1px solid #222;}

.btn-center {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.btn-right {
    margin-left: auto;
    display: table;
}



/* Borders - lines */
.border-top-1 {
border-top: 1px solid #c4c7c8;
}



/* Breadcrumb */
ul.breadcrumb {
  list-style: none;
}
ul.breadcrumb li {
  display: inline;
}
/*problem z wyłączeniem znaku z pierwszego li*/
/*
ul.breadcrumb li+li:before {
padding: 6px;
color: black;
content: "\F105";
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
}
*/
li.bread-sign:before{
padding: 6px;
color: black;
content: "\F105";
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
}

/* Tables */
.framework-table {
	font-size: 18px;
	vertical-align: middle;
	
	margin-left: auto;
  	margin-right: auto;
	width: 100%;
	
	margin-top: 25px;
	margin-bottom: 25px;
    
    background:light-grey;
}
.table-head td {
	padding: 10px;
	border: 1px solid grey;
}
.framework-table tbody tr {
	border-bottom: 1px solid #DFDFDF;    
}
.framework-table tbody tr:hover, .framework-table tbody tr:nth-child(odd):hover {
	background-color: rgb(200,200,200);
	transition: 0.5s background-color;
}
.framework-table tbody tr td {
    padding: 25px 0px 25px 10px;
}
.framework-table tbody tr:nth-child(odd) {
      background: rgb(245, 245, 245);  
}


/* table small*/
.table-small {
	font-size: 16px;
}
.table-small tbody tr td {
    padding: 10px 10px 10px 10px;
}
.table-small tbody tr td:first-child {font-weight: bold;text-align: right}






/* Col - first */
/*
.framework-table-rows td:first-child {background: black;}
*/
/* Col - odd */
/*
.framework-table-rows td:nth-child(2n+1) {background: black;  }
*/
/* Col - even */
/*
.framework-table-rows td:nth-child(2n+2) {background: black;  }
*/

/* Tables end */




/* Images - media*/
.img-rounded-10 {
    border-radius: 10px;
}
.img-cover {
    display: block;
    width: 100vw;
    height: 50vh;
    object-fit: cover;
}
.img-contain {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: contain;
}


/* box-image */
.box-image{
	margin: 16px 0 16px 0px;
    text-align: center;
}
.box-image-two, .box-image-three, .box-image-four  {
	display: flex;
    flex-wrap: wrap;
}
.box-image-two img {
    width: 50%;
    padding: 5px;
}
.box-image-three img {
    width: 33.33336%;
    padding: 5px;
}
.box-image-four img{
    width: 50%;
    padding: 5px;
}


/* quote */
.quote-1 {
    padding:10px 20px 20px 20px; 
    display: block;
    font-weight: 400;
}
.quote-1:before {
    height: 8px;
    width: 40px;
    display: block;
    background: black;
    content: '';
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.quote-2 {
    padding:10px 20px 20px 20px; 
    display: block;
    font-weight: 400;
    text-align: center;
}
.quote-2:before {
    text-align: center;
    height: 8px;
    width: 40px;
    display: block;
    background: black;
    content: '';
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}
.quote-3 {
    padding:10px 20px 20px 20px; 
    display: block;
    font-weight: 400;
    text-align: right;
}
.quote-3:before {
    height: 8px;
    width: 40px;
    display: block;
    background: black;
    content: '';
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}
.quote-4 {
    border-left: 4px solid black;
    margin: 10px 0 10px 20px;
    padding:20px 20px 20px 20px; 
    display: block;
    font-weight: 400;
}
.quote-5 {
    padding:10px 20px 20px 20px; 
    display: block;
    font-weight: 400;
    text-align: center;
}
.quote-5:before{
    text-align: center;
    height: 4px;
    width: 80px;
    display: block;
    background: black;
    content: '';
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}
.quote-6 {
    border-right: 4px solid black;
    margin: 10px 0 10px 20px;
    padding:20px 20px 20px 20px; 
    display: block;
    font-weight: 400;
    text-align: right;
}




/* line*/
hr.line-1 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.line-2 {
    border-top: 1px solid black;
}
/* min height*/
.min50 {
    min-height: 50px;
}
.min100 {
    min-height: 100px;
}
.min150 {
    min-height: 150px;
}
.min200 {
    min-height: 200px;
}
.min500 {
    min-height: 500px;
}
/*Vertical align*/




/*list*/
.list {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
}
.list:first-child{font-weight: 400;}

.list li {line-height: 1.6;}

.list > li > ul {list-style: inherit}

.list-disc {list-style: disc}
.list-decimal {list-style: decimal}
.list-upper-latin {list-style: upper-latin}    
.list-none {list-style: none}    



#accountNavigation { /* outer ul element */
}

#accountNavigation > li { /* outer ul element's children li */
}

#accountNavigation > li > ul { /* first 'inner' ul element */
}

#accountNavigation > li > ul > li { /* first 'inner' ul element's li children */
}


ul { /* targets all ul elements */
    /* general styles */
}
ul li { /* targets all li elements within a ul */
    /* general styles */
}
ul li ul { /* targets all ul elements within an li element, itself within a ul */
    /* overrule general 'outer' styles */
}
ul li ul li { /* targets all li elements within a ul element,
                 within an li element, itself within a ul...and so on */
    /* overrule general 'outer' styles */
}

/* dodawnaie kodów -  Pawel */
.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        display: block;
			background: #fff;
}

/* emucode_kod */
 
  
				  
.baner_right {position: absolute;top: 0px;right: 20px;z-index: 999;width: 55%;height: auto;} 
				  
.baner_left {position: absolute;top: 40px;left: 20px;z-index: 999;width: auto;height: auto;
				  
} 	
.baner_box {margin-top: 20px;}


.menu_sub_pages li{display: inline-block;list-style: none;}

.menu_sub_pages li a {color: #333;    padding: 5px 10px;display: block;font-weight: bold;}


.div.text_menu_txt_sub,div.text_menu_txt_sub {padding: 0px !important;}



.text_menu_title_header { serif;font-size: 48px;padding-left: 150px;}
/* koniec kodu css */



 .bg_emu {background: url("https://www.metalelokacyjne.pl/data/include/cms/strony-produktowe/emu/bg.jpg?v=1615557512183") !important;padding: 0px;}




.bg1.shadow {text-align: center;margin: 0px 0px;     box-shadow: 1px 1px 15px rgb(51 51 51 / 20%);border-radius: 5px;padding: 0px;

margin: 9px;
    flex: 0 0 23%;
}



.header-text-paladium,.footer-text.paladium {background: #c4c3c0;}
.p-price {font-size: 42px;}

.header-text-silver,.footer-text.silver {background: #e5e5e5;}
.header-text-gold,.footer-text.gold {background: #f3d482;}
.header-text-platinum,.footer-text.platinum {background: #b5b5b5}

.header-text-gold,.header-text-silver,.header-text-platinum,.header-text-paladium {padding: 10px 10px 10px 10px;
margin-bottom: 10px;font-size: 22px; 
}

.prices {margin: 80px 0px 80px 0px; }

.rrow [class^="ccol"] {
    float: left;
    margin: 0.5rem 2%;
    min-height: 0.125rem;
}



.bg1 {}

.footnotes p {font-size: 18px;}

.query-p1,.query-p2,.p1,.p2 {font-size: 22px;}
.p2.query-p1 {font-size: 32px;}

.footer-text{font-size: 16px;padding: 10px;}


.pakiety {margin: 30px 0px 30px 0px;}


.relative:hover {
    transform: scale(1.02);
    transition: transform .4s;
}

@media (max-width: 600px) {
	.bg1.shadow {max-width: 100%;flex: initial} 
	
	
	
}

/* koniec kodu css */










/*



@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .test-size {
        position: sticky;
        position: -webkit-sticky;
        top: 0px !important;
        margin-top: 0px !important;
        z-index: 99999
    }
    .test-size:before {
        content: "TEST MEDIA - min-width: 1200px - container max 1170px - col-all 100%";
        display: block;
        font-size: 18px;
        padding: 10px;
        color: white;
        background: black;
    }
}



    @media (min-width: 757px) {
    .test-size:before {
        content: "TEST MEDIA - min-width: 757px - sm ok";
        display: block;
        font-size: 18px;
        padding: 10px;
        color: white;
        background: black;
    }
    }
    @media (min-width: 979px) {
    .test-size:before {
        content: "TEST MEDIA - min-width: 979px col-md";
        display: block;
        font-size: 18px;
        padding: 10px;
        color: white;
        background: black;
    }
    }


@media (max-width: 757px) {
    .test-size:before {
        content: "TEST MEDIA - max-width: 757px - sm ERROR";
        display: block;
        font-size: 18px;
        padding: 10px;
        color: white;
        background: red;
    }
    }
*/