/* Cascading Style Sheets CSS3, 
   Joomla 3.x CMS
   Quadralite, Next77 Sp. z o.o. */

* { 
    padding: 0; 
    margin: 0; 
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}


html { 
    position: relative;
    min-height: 100%!important; 
}


body { 
    font-family: 'Open Sans',Arial,Verdana;
	font-size: 100%!important;
	font-weight: normal;
	color: #444444;
	margin: 0px!important;
	padding: 0px!important;
	border: 0px!important;
    background: #2D2D2D;
}


/* headlines */
h1,h2,h3,h4,h5,h6 { 
    font-family: 'Open Sans',Arial,Verdana;
    font-weight: 600;
    color: #444444;
}


h1 { font-size: 40px; line-height: 45px; margin: 1px 1px 28px 0; }
h2 { font-size: 35px; line-height: 39px; margin: 1px 1px 18px 0; }
h3 { font-size: 22px; line-height: 35px; margin: 1px 1px 12px 0; }
h4 { font-size: 22px; line-height: 35px; margin: 1px 1px 12px 0; }
h5 { font-size: 22px; line-height: 35px; margin: 1px 1px 12px 0; }
h6 { font-size: 15px; line-height: 20px; margin: 1px 1px 6px 0; }


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    text-decoration: none!important;
}


.item-page h3, 
.item-page h4, 
.item-page h5,
.item-page-grid h3, 
.item-page-grid h4, 
.item-page-grid h5 {
    border-bottom: 1px solid #F3F3F3;
}


article iframe {
    border: 1px solid #f3F3F3;
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 460px;
}


@media only screen and (max-width: 960px) {
    
    article iframe {
        max-width: 100%;
        min-height: 320px;
    }
    
}


.blog .page-header { 
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
}


.blog .page-header h2 {
    position: relative;
    top: 0;
    left: 31%;
    display: block;
    width: 69%;
}


.blog .page-header h2 a {
    text-decoration: none;
}


@media only screen and (max-width: 1366px) {
    
    .blog .page-header h2 {
        top: 0;
        left: 35%;
        width: 65%;
    }
    
}


@media only screen and (max-width: 1024px) {
    
    .blog .page-header h2 {
        top: 0;
        left: 44%;
        width: 56%;
    }
    
}


@media only screen and (max-width: 960px) {
    
    .blog .page-header h2 {
        top: 0;
        left: 0;
        width: 100%;
    }
    
}


p { 
    margin: 12px 1px; 
}


article ul { 
    list-style: none;
    margin: 5px 0 5px 5px;
}


article ul li {
    margin-bottom: 10px;
}


.item-page > div > ul > li:before,
.item-page-grid > div > ul > li:before {
    content: '';
    position: relative;
    top: 4px;
    left: -6px;
    display: inline-block;
    width: 18px;
    height: 18px;
    opacity: 0.8;
    background: url(../svg/logo-quadralite-03.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}


strong { 
    font-weight: 600;
}



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


.text-justify,
.align-justify { 
    text-align: justify; 
}


.text-left,
.align-left { 
    text-align: left; 
}


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


img { 
    width: 100%; 
    border: 0; 
}


.img-article { 
    float: left; 
    max-width: 360px; 
    margin: 5px 15px 15px 0px; 
} 


.social-img { 
    max-width: 29px; 
} 


.img-accordion { 
    width: 100%; 
    max-width: 290px; 
    margin: 1px 15px 15px 0px; 
} 


#container { 
    position: relative;
    top: 50px;
    background: #FFFFFF; 
} 


section { 
    display: block;
    width: 100%; 
}


.navbar-bg > div { 
    width: 98%;
    margin: 0 auto;
}


.top-bg > div,
header,
article,
footer { 
    width: 64%;
    margin: 0 auto;
}


@media only screen and (max-width: 1366px) {
    
    .top-bg > div,
    header,
    article,
    footer { 
        width: 78%;
    }
    
}


@media only screen and (max-width: 1024px) {
    
    .top-bg > div,
    header,
    article,
    footer { 
        width: 86%;
    }
    
}


@media only screen and (max-width: 600px) {
    
    .top-bg > div,
    header,
    article,
    footer { 
        width: 92%;
    }
    
}


/* logo and main navigation */ 
.navbar-bg { 
    background: #222222;
    position: fixed;
    z-index: 99999;
    padding: 0;
} 


.logo { 
    display: block;
    float: left;
    width: 18%;
    background: #222222;
}


nav { 
    display: block;
    float: right; 
    width: 82%;
    background: #222222;
}


@media only screen and (max-width: 960px) {
    
    .logo { 
        width: 60%;
    }
    
    nav { 
        width: 40%;
    }
    
}


/* header slider */
header { 
    display: block;
}


/* languages switcher and search box */
.top-bg { 
    padding: 15px 1px 12px 1px; 
    background: #FFFFFF; 
}


.top-bg > div { 
    display: block;
    margin: 0 auto; 
}


.top-left { 
    float: left;
    width: 45%; 
}


.top-right { 
    float: right;
    width: 55%;
} 


article { 
    display: block;
    font-size: 15px;
	font-weight: 400;
	line-height: 22px;
    margin: 0 auto; 
} 


article a {
    cursor: pointer;
    color: #222222;
    text-decoration: underline;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}


article a:hover {
    color: #E12D30;
}


article > div > a,
article > div > a:hover { 
    font-size: 0px!important;
    line-height: 0!important; 
} /* hide falang signature */


/* subscription form */
.subscribe { 
    background: #E12D30; 
}


.subscribe > div { 
    display: block; 
    width: 75%;
    margin: 0 auto; 
} 


.footer-bg { 
    background: #222222; 
}


footer { 
    display: block;
    padding: 15px 1px;
    margin: 0 auto; 
} 


.column-down { 
    float: left;  
	  width: 24.8%; 
	  line-height: 20px; 
	  padding: 35px;
    margin: 0; 
}


.column-down:nth-child(1) {
    padding: 35px 35px 35px 0;
}


.column-down:nth-child(4) {
    padding: 35px 0 35px 35px;
}


@media only screen and (max-width: 960px) {
    
    .column-down { 
        padding: 15px;
    }
    
    .column-down:nth-child(1) {
        padding: 15px 15px 15px 0;
    }

    .column-down:nth-child(4) {
        padding: 15px 0 15px 15px;
    }
    
}


@media only screen and (max-width: 600px) {
    
    .column-down { 
        padding: 15px;
        float: left; 
        width: 49.8%;
    }
    
    .column-down:nth-child(1),
    .column-down:nth-child(4) {
        padding: 15px;
    }
    
}


.contact-left { 
    float: left; 
	display: block; 
	width: 48%; 
	height: auto; 
}


.contact-right { 
    float: right; 
    display: block; 
    width: 35%;
    height: auto; 
    margin-left: 17%; 
}


.addthis_sharing_toolbox { 
    padding: 1px 5px 15px 0; 
} 


.article-info {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}

.item-page-grid .article-info,
.article-info-term { 
    display: none; 
} 


.createdby,
.category-name,
.published,
.modified,
.create,
.icon-calendar { 
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.9px;
} 


.item-page,
.item { 
    position: relative;
}


/* blog, products in category view */
.blog { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px 1px 40px 1px;
} 


.blog .items-row {
    flex: 1 0 100%;
    border-bottom: 1px solid #DDDDDD;
    padding: 80px 1px 1px 1px;
}


.blog .items-row:last-child { 
    border: 0; 
}


.blog .items-row .blog-img { 
    position: relative;
    top: -30px;
    left: 0;
    display: block;
    float: left!important;
    width: 100%!important;
    max-width: 360px!important; 
    margin: 5px 18px 18px 0!important;
}


@media only screen and (max-width: 960px) {
    
    .blog .items-row .blog-img { 
        top: -10px;
        left: 0;
        display: block;
        float: none!important;
        width: 90%!important;
        max-width: 550px!important; 
        margin: 8px auto!important;
    }
    
}


.blog .responsive-img { 
    float: left;
    width: 100%;
}


.addthis_sharing_toolbox { 
    display: none;
}


.item-page,
.item-page-grid { 
    display: block; 
	width: 100%; 
	height: auto; 
    padding: 60px 5px; 
}


.item-page h1,
.item-page-grid h1 {
    font-size: 18px;
    color: #B8B8B8;
    margin: 0;
}


.item-page h3,
.item-page-grid h3 {
    clear: both;
    display: block;
}


.item-page p:first-child img,
.item-page-grid p:first-child img,
.item-page .blog-img,
.item-page-grid .blog-img {
    float: left;
    height: auto!important;
    max-width: 460px;
    margin: 4px 39px 30px 0;
}


@media only screen and (max-width: 960px) {
    
    .item-page .blog-img,
    .item-page-grid .blog-img {
        max-width: 100%;
        margin: 0 1px 18px 1px;
    }
    
}


.readmore:after { 
    content: '';
    display: block;
    clear: both; 
}


.readmore { 
    width: 100%;
    height: auto;
    text-align: right;
    margin: 5px 1px;
}


.readmore a { 
    font-size: 12px;
    font-weight: 600;
    color: #444444; 
    letter-spacing: 1.2px;
    text-decoration: none;
    text-transform: uppercase;
} 


.readmore a:hover { 
    color: #E12D30; 
} 


@media only screen and (max-width: 1024px) {
    
    .readmore a {
        font-size: 14px;
        font-weight: 600;
    }
    
}


.blog-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 18px 1px 40px 1px;
}


.blog-grid .items-row {
    flex: 0 0 33.3%;
    background: #F3F3F3;
    border: 6px solid #FFFFFF;
    padding: 12px 22px 22px 22px;
}


.blog-grid .items-row .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.blog-grid .items-row .item .page-header {
    flex: 1 0 1;
    order: 1;
}


.blog-grid .items-row .item p:first-child {
    flex: 1 0 1;
    order: 2;
}


.blog-grid .items-row .item p:nth-child(3) {
    flex: 1 0 1;
    order: 3;
}


.blog-grid .items-row .item p.readmore {
    flex: 1 0 1;
    order: 4;
}


.blog-grid .items-row .item .tags {
    flex: 1 0 1;
    order: 5;
}


@media only screen and (max-width: 1024px) {
    
    .blog-grid .items-row {
        flex: 0 0 49.8%;
    }
    
}


@media only screen and (max-width: 960px) {
    
    .blog-grid .items-row {
        flex: 1 0 100%;
    }
    
}


.blog-grid .page-header {
    display: block;
    width: 100%;
}


.blog-grid .items-row .page-header h2,
.blog-grid .items-row .page-header h2 a {
    display: block;
    width: 100%;
    line-height: 23px;
    margin: 0;
}


.blog-grid .items-row h2 a {
    font-size: 18px;
}


.blog-grid .items-row .blog-img {
    display: block;
    height: auto!important;
    width: 100%!important;
    margin: 0 auto!important;
}


.table-container { 
    display: block;
    width: 100%;
    height: auto;
    overflow-x: auto;
}


/* specification table in product review */
.specification,
.specification2 { 
    width: 100%;
    height: auto; 
	background: #FFFFFF;
    border-collapse: collapse;
    border: 1px solid #F3F3F3;
} 


.specification tr:nth-child(odd),
.specification2 tr:nth-child(odd) { 
    background: #F3F3F3; 
} 


.specification tr:hover,
.specification2 tr:hover { 
    cursor: pointer;
    color: #FFFFFF;
    background: #E12D30;
    -webkit-transition: all 0.19s linear;
    -moz-transition: all 0.19s linear;
    -o-transition: all 0.19s linear;
    transition: all 0.19s linear; 
}


.specification tr:hover a,
.specification2 tr:hover a {
    color: #FFFFFF;
}


.specification tr td:nth-child(1),
.specification2 tr td:nth-child(1) {
   text-align: left; 
}


.specification th,
.specification td,
.specification2 th,
.specification2 td { 
    width: auto; 
    height: 25px; 
    line-height: 19px; 
    font-size: 14px;
    font-weight: 600;
    padding: 15px 8px;
    border: 1px solid #E8E8E8;
    vertical-align: middle;
    text-align: center;
}

.specification th p,
.specification td p,
.specification2 th p,
.specification2 td p {
	margin: 0!important;
}


.specification tr td img,
.specification2 tr td img {
     width: 45px!important;
}


.nn_tabs-title { 
    display: none!important;
}


.mod-languages { 
    padding: 6px 1px 10px 0; 
}


.mod-languages img { 
    max-width: 18px; 
    border: 0; 
} 


.lang-inline { 
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 5px 5px 5px 0!important;
}


.lang-inline > li { 
    display: inline;
    margin: 0;
} 


.lang-inline > li > a { 
    display: inline-block; 
    font-size: 12px; 
    font-weight: 400;
    color: #CCCCCC; 
    text-decoration: none!important; 
    background: #222222;
    padding: 12px 14px;
}


.lang-inline > li > a:hover,
.lang-inline > li.lang-active > a { 
    color: #FFFFFF; 
    background: #E12D30; 
} 


.menu-home { 
    list-style: none;
    padding: 0;
    margin: 0; 
}


.menu-home li,
.menu-home .item-101 { 
    max-width: 140px;
    margin: 15px 5px 5px 1px;
}


.menu-home img,
.item-101 img { 
    max-width: 140px;
}


/* menu main */
.menu-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none;
    background: #222222;
}


.menu-main li {
    flex: 0 0 0;
    margin: 0;
}


@media only screen and (max-width: 960px) {
    
    .menu-main li {
        flex: 1 0 33.2%!important;

    }
    
}


@media only screen and (max-width: 600px) {
    .menu-main li {
        flex: 1 0 48.8%!important;
    }
}


.menu-main li .drop-down {
    background: url(../svg/menu-arrow.svg);
    background-repeat: no-repeat;
    background-position: center right;
}


@media only screen and (max-width: 960px) {
    
    .menu-main li .drop-down {
        display: none;
    }
    
}


.menu-main li a {
    color: #c5c5c5;
    position: relative;
    display: block;
    width: auto;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    padding: 15px 9px;
}


.menu-main li a:hover {
    color: #ffffff;
}


@media only screen and (max-width: 960px) {
    
    .menu-main li a {
        font-size: 14px;
        padding: 14px 5px;
        margin: 0;
        background: #333333;
        border: 1px solid #222222;
    }
    
}


@media only screen and (max-width: 600px) {
    
    .menu-main li a {
        font-size: 12px;
        padding: 12px 5px;
    }
    
}


.menu-main li ul {
    background: #222222;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 358px;
    position: absolute;
    z-index: -1;
    transform: translatey(-1000px);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding: 0;
    margin: 0;
}


.menu-main li ul li {
    flex: 1 0 100%;
}


@media only screen and (max-width: 960px) {
    
    .menu-main li ul {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        width: 100%;
        transform: translatey(0);
        position: relative;
        z-index: 1;
    }
    .menu-main li ul li {
        flex: 1 0 0;
    }
    
}


.menu-main li:hover ul {
    transform: translatey(-6px);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    padding: 0;
    margin: 0;
}


@media only screen and (max-width: 960px) {
    
    .menu-main li:hover ul {
        transform: translatey(0);
    }
    
}


#toggle {
    display: none;
}


@media only screen and (max-width: 960px) {
    
    #toggle:checked + div .menu-main {
        display: flex;
        top: 56px;
        right: 0;
        z-index: 1;
        -webkit-box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.45);
        transition: top 0.3s ease-out;
    }

    #toggle + div .menu-main {
        display: flex;
        width: 100%;
        position: absolute;
        z-index: 1;
        top: -968px;
        right: 0;
        background: #222222;
        transition: top 0.3s ease-out;
    }

    #toggle + div .menu-main li {
        flex: 1 0 150px;
    }

    #toggle + div label.toggle:after {
        content: '';
        position: relative;
        top: 0;
        left: -15px;
        display: block;
        min-height: 56px;
        background: url(../svg/menu-hamb.svg) no-repeat;
        background-position: center right;
        background-size: 29px 29px;
    }

    #toggle:checked + div label.toggle:after {
        content: '';
        background: url(../svg/menu-close.svg) no-repeat;
        background-position: center right;
        background-size: 24px 24px;
    }
    
}


.toggle {
    display: none;
}

@media only screen and (max-width: 960px) {
    
    .toggle {
        display: block;
        position: relative;
        top: 0;
        right: 0;
        z-index: 9999;
        cursor: pointer;
        background: #222222;
    }
    
}


/* products menu, submenu */
.menu-submenu { 
    list-style: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 1px;
    margin: 0; 
}


.menu-submenu li { 
    flex: 1 0 0;
    border: 1px solid #FFFFFF;
    margin: 0;
}


.menu-submenu li a { 
    display: block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    padding: 8px 15px;
    background: #222222;
}


.menu-submenu li a:hover,
.menu-submenu li.current a,
.menu-submenu li.active a { 
    color: #FFFFFF;
    background: #E12D30; 
}


/* drop-down menu */
.menu-submenu li,
.menu-submenu .deeper,
.menu-submenu .parent { 
    position: relative; 
}


.menu-submenu > .deeper > a { 
    background: #222222;
}


.menu-submenu > .deeper > a:hover {
    background: #E12D30;
}


.menu-submenu li ul,
.menu-submenu .deeper ul,
.menu-submenu .parent ul { 
    display: none;
}


.menu-submenu li:hover ul,
.menu-submenu .deeper:hover ul,
.menu-submenu .parent:hover ul { 
    position: absolute;
    z-index: 99999;
    top: 32px;
    left: -5px;
    display: block;
    border: 0; 
}


.menu-submenu li:hover ul li,
.menu-submenu .deeper:hover ul li,
.menu-submenu .parent:hover ul li { 
    padding: 0;
    margin: 0;
    border: 0;
    text-align: left;
}


.menu-submenu li:hover ul li a,
.menu-submenu .deeper:hover ul li a,
.menu-submenu .parent:hover ul li a { 
	display: block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    padding: 10px 15px;
    background: #222222;
}


.menu-submenu li:hover ul li a:hover,
.menu-submenu .deeper:hover ul li a:hover,
.menu-submenu .parent:hover ul li a:hover { 
    background: #E12D30;
}


@media only screen and (max-width: 1024px) {                
    
    .menu-submenu > .deeper > a:after,
    .menu-submenu li ul,
    .menu-submenu .deeper ul,
    .menu-submenu .parent ul, 
    .menu-submenu li:hover ul,
    .menu-submenu .deeper:hover ul,
    .menu-submenu .parent:hover ul { 
        display: none; 
    }
}


@media only screen and (max-width: 1024px) {
                               
    .menu-submenu li a { 
        padding: 12px;
        font-size: 12px;
        font-weight: 400;
    }
}


ul.menu-down,
ul.menu-down li,
ul.menu-down li a { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
} 


/* first lelevel */ 
ul.menu-down { 
    display: block; 
    width: 100%; 
    list-style: none; 
}


ul.menu-down li { 
    display: block;   
    width: auto; 
    height: auto;
}


ul.menu-down li a { 
    display: block; 
    width: auto; 
    height: auto; 
    font-size: 14px;
    color: #888888;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
    padding: 6px 1px;
    border-bottom: 1px solid #393939; 
}


ul.menu-down li a:hover { 
    color: #F3F3F3; 
}
 

.social-media { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}


.social-media { 
    position: fixed;
    top: 18%;
    left: 0;
    z-index: 999999;
    display: block;
    width: auto;
    height: auto;
    background: none; 
}


.social-media a { 
    position: relative;
    top: 0;
    left: -65px;
    display: block;
    width: auto;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
    color: #F4F4F4;
    line-height: 22px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 15px 12px 85px!important;
    margin: 4px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background-color: #B8B8B8;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: 68px 9px;
}


.social-media a:hover { 
    left: -6px; 
}


/* social facebook */
.social-media #social-fb,
.social-media #social-fb:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-fb.svg);
}
.social-media #social-fb:hover { 
    background-color: #3B5998; 
}


/* social twitter */
.social-media #social-tw,
.social-media #social-tw:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-tw.svg);
}
.social-media #social-tw:hover { 
    background-color: #55ACEE; 
}


/* social LinkedIN */
.social-media #social-in,
.social-media #social-in:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-in.svg); 
}
.social-media #social-in:hover { 
    background-color: #1077B5; 
}


/* social Pinterest */
.social-media #social-pi,
.social-media #social-pi:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-pi.svg); 
}
.social-media #social-pi:hover { 
    background-color: #CC2127; 
}


/* social Google Plus */
.social-media #social-gp,
.social-media #social-gp:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-gp.svg); 
}
.social-media #social-gp:hover { 
    background-color: #CC3732; 
}


/* social Youtube */
.social-media #social-yt,
.social-media #social-yt:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-yt.svg); 
}
.social-media #social-yt:hover { 
    background-color: #CD201F; 
}


/* social Vimeo */
.social-media #social-vi,
.social-media #social-vi:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-vi.svg); 
}
.social-media #social-vi:hover { 
    background-color: #1AB7EA; 
}


/* social Instagram */
.social-media #social-ins,
.social-media #social-ins:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-ins.svg); 
}
.social-media #social-ins:hover { 
    background-color: #517FA6; 
}


/* social Dribbble */
.social-media #social-db,
.social-media #social-db:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-db.svg); 
}
.social-media #social-db:hover { 
    background-color: #EA4C89; 
}


/* social Behance */
.social-media #social-be,
.social-media #social-be:hover { 
    background-image: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/social-be.svg); 
}
.social-media #social-be:hover { 
    background-color: #1769FF; 
}


@media only screen and (max-width: 960px) {
   
   .social-media { 
       display: none; 
    }
    
}


/* homepage boxes */
.box { 
    float: left;
    width: 25%;
    height: 21%;
    padding-bottom: 21%;
    background: #FFFFFF;
    color: #999999;
    position: relative; } 


.box:after { 
    content: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/caption-arrow.png);
    display: block;
    position: absolute;
    bottom: 1px;
    right: 4px;
    z-index: 1;
    width: auto;
    padding: 4px 6px; 
}


.box-inner { 
    position: absolute; 
    left: 5px; 
    right: 5px; 
    top: 5px; 
    bottom: 5px;
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    overflow: hidden; 
}


.box-inner img { 
    width: 100%;
    font-size: 24px;
    font-weight: 900;
    color: #F3F3F3; 
}


.box-inner .caption { 
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 100%;
    margin-bottom: -150%;
    background: rgba(255,45,48,0.9);
    color: #FFFFFF;
    text-align: center!important;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
}


.caption h3 { 
    font-size: 22px;
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 27px;
    border: 0;
    margin: 15px; 
}


.box-inner .caption p { 
    margin: 15px; 
}


.box-inner .caption a { 
    position: relative;
    top: 12px;
    left: 0;
    font-size: 18px;
    color: #FFFFFF;
    padding: 6px 10px;
    background: transparent;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}


.box-inner .caption a:hover { 
    color: #E12D30;
    background: #FFFFFF; 
} 


body.no-touch .box-inner:hover .caption, 
body.touch .box-inner.touchFocus .caption { 
    margin-bottom: 0; 
} 


@media only screen and (max-width: 1024px) {

   .caption h3 { 
       font-size: 18px;
       line-height: 22px;
       margin: 15px; 
    }

   .box-inner .caption { 
       min-height: 60%; 
    }
    
    .caption h3 { 
        font-size: 18px;
        line-height: 22px;
    }
    
    .box-inner .caption a { 
        top: 5px;
        left: 0;
        font-size: 16px;
    }
}


@media only screen and (max-width: 960px) {
   
   .box { 
       width: 50%;
       padding-bottom: 44%;
    }
}

@media only screen and (max-width: 600px) {
   
   .box { 
       width: 100%;
       padding-bottom: 90%; 
    }
}


.clearfix { 
    clear: both; 
}


/* tags on product list */
.blog .tags,
.blog-grid .tags {
    display: none;
}


.tags { 
    position: relative;
    top: 5px;
    left: 0;
    display: block;
    list-style: none;
    margin: 0; 
}


.tags li { 
    display: inline-block; 
    margin-right: -2px; 
}


.tags li a:hover { 
    background: #E12D31;
}


.tags li a { 
    display: block; 
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px; 
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 0.8px;
    padding: 1px 8px;
    background: #BBBBBB;
    border: 0;
}


/* tag category view */
.tag-category { 
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 35px 1px;
}


.tag-category > h2 { 
    position: relative;
    top: 0;
    left: -15px;
    font-size: 40px;
    margin: 0; 
}


.tag-category > h2:before { 
    content: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/svg/icon-tag.svg);
    position: relative;
    top: 0;
    left: 10px;
    display: inline-block;
    width: 32px;
    height: 32px; 
}


.category-desc { 
    color: #222222;
    padding: 10px 1px;
    margin: 1px 1px 60px 1px;
    border-bottom: 2px solid #DDDDDD; 
}


.tag-category ul.category { 
    list-style: none!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
}


.tag-category ul.category li { 
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    flex: 0 0 33.3%;
    padding: 22px;
    border: 1px solid #F3F3F3;
    margin: 0;
}


.tag-category ul.category li:hover {
    border: 1px solid #222222;
}


@media only screen and (max-width: 960px) {
    
    .tag-category ul.category li { 
        flex: 0 0 49.8%;

    }
    
}


@media only screen and (max-width: 600px) {
    
    .tag-category ul.category li { 
        flex: 1 0 100%;

    }
    
}


.tag-category ul.category li img {
    display: block;
    width: 100%;
}


.tag-category ul.category li h3,
.tag-category ul.category li h3 a { 
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #444444; 
}


.tag-category ul.category li h3 a:after {
    content: '»';
    position: relative;
    top: 0;
    left: 0;
    font-size: 22px;
}


.tag-category ul.category li h3 a:hover { 
    color: #E12D31; 
}


.tag-category ul.category li h2 { 
    display: none; 
}


.tag-category ul.category:after { 
    content: '';
    display: block;
    clear: both;
}


.tag-category ul.category li .blog-img { 
    position: relative;
    top: 0;
    left: 0;
    float: none!important;
    width: 64%!important;
    max-width: 64%!important; 
    margin: 0 auto!important; 
}


.category .addthis_sharing_toolbox,
.tag-body p:last-child { 
    display: none; 
}


/* map of shops in tag category view */
.category #map { 
    height: 185px; 
}


.tag-category ul.category .clearfix { 
    clear: none!important; 
}


/* content slider, accordion */ 
.nn_sliders { 
    display: block; 
    width: 100%; 
    margin: 0 auto; 
}


.nn_sliders .fade { 
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear; 
}


.nn_sliders-title { 
    display: none; 
}


.nn_sliders .fade.in { 
    opacity: 1; 
}


.nn_sliders .collapse { 
    position: relative; 
    z-index: 9;
    height: 0; 
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease; 
} /* hidden single content of accordion */ 


.nn_sliders .collapse.in { 
    height: auto;
}


.nn_sliders.accordion { 
    margin-bottom: 18px; 
    font-size: 12px; 
}


.nn_sliders.accordion>.accordion-group { 
    margin-bottom: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    border: 1px solid #DDDDDD; 
}


.nn_sliders.accordion > .accordion-group .accordion-heading { 
    border-bottom: 0; 
}


.nn_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle { 
    display: block; 
    padding: 15px 35px 15px 15px; 
    font-size: 16px;
    color: #444444; 
    cursor: pointer; 
} 


.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner { 
    font-size: 14px; 
    padding: 15px; 
    line-height: 21px;
    border-top: 1px solid #E8E8E8; 
}


.nn_sliders.accordion > .accordion-group > .accordion-body.in:hover { 
    overflow: visible;
} 


.nn_sliders > .accordion-group { 
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s; 
}


/* close headline */
.nn_sliders > .accordion-group > .accordion-heading > a.accordion-toggle { 
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s; 
    background: #F4F4F4 url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/arrow_down.png) no-repeat right; 
    color: #444444; 
    text-decoration: none; 
} /* others headlines */ 


.nn_sliders > .accordion-group > .accordion-heading > a.accordion-toggle:hover { 
    background: #DDDDDD url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/arrow_down.png) no-repeat right;
    color: #444444; 
    text-decoration: none;
} /* on mouse headline */ 


/* open headline */ 
.nn_sliders > .accordion-group.active > .accordion-heading > a.accordion-toggle { 
    color: #444444; 
    background: #F4F4F4 url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/arrow_up.png) no-repeat right; 
} 
                                                                          

.nn_sliders > .accordion-group.active > .accordion-heading > a.accordion-toggle:hover { 
    color: #444444; 
    background: #DDDDDD url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/arrow_up.png) no-repeat right; 
}


.nn_sliders > .accordion-group.blue { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius:5px 5px 4px 4px;
    border-top-color: #74B4E8; 
} 


.nn_sliders > .accordion-group.blue:hover,
.nn_sliders > .accordion-group.blue.active { 
    border-top-color: #2384D3; 
}


.nn_sliders > .accordion-group.primary { 
    border-top: 5px solid #DDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px;
    border-top-color: #74B4E8;  }


.nn_sliders > .accordion-group.primary:hover,
.nn_sliders > .accordion-group.primary.active { 
    border-top-color: #2384D3; 
}


.nn_sliders > .accordion-group.info { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius:5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px;
    border-top-color: #6FCDA2; 
}


.nn_sliders > .accordion-group.info:hover,
.nn_sliders > .accordion-group.info.active { 
    border-top-color: #2F96B4; 
}


.nn_sliders > .accordion-group.green { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px;
    border-top-color: #91C991; 
}


.nn_sliders > .accordion-group.green:hover,
.nn_sliders > .accordion-group.green.active { 
    border-top-color: #51A351; 
}


.nn_sliders > .accordion-group.success { 
    border-top: 5px solid #DDDDDD;
   -webkit-border-radius: 5px 5px 4px 4px;
   -moz-border-radius: 5px 5px 4px 4px;
   border-radius: 5px 5px 4px 4px;
   border-top-color: #91C991; 
}


.nn_sliders > .accordion-group.success:hover,
.nn_sliders > .accordion-group.success.active { 
    border-top-color: #51A351; 
} 


.nn_sliders>.accordion-group.orange { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px; 
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px;
    border-top-color: #FBBF69; 
}


.nn_sliders > .accordion-group.orange:hover,
.nn_sliders > .accordion-group.orange.active { 
    border-top-color: #F89406; 
}


.nn_sliders > .accordion-group.warning { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px;
    border-top-color: #FBBF69; 
}


.nn_sliders > .accordion-group.warning:hover,
.nn_sliders > .accordion-group.warning.active { border-top-color: #F89406; }


.nn_sliders > .accordion-group.red { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px;
    border-top-color: #DD7A75; 
}


.nn_sliders > .accordion-group.red:hover,
.nn_sliders > .accordion-group.red.active { 
    border-top-color: #BD362F; 
}


.nn_sliders > .accordion-group.danger { 
    border-top: 5px solid #DDDDDD; 
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px; 
    border-top-color: #DD7A75; 
}


.nn_sliders > .accordion-group.danger:hover,
.nn_sliders > .accordion-group.danger.active { 
    border-top-color: #BD362F; 
} 


.nn_sliders > .accordion-group.error { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px; 
    border-radius: 5px 5px 4px 4px;
    border-top-color: #dd7a75; 
}


.nn_sliders>.accordion-group.error:hover,
.nn_sliders>.accordion-group.error.active { 
    border-top-color: #BD362F; 
}


.nn_sliders>.accordion-group.grey { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px;
    border-top-color: #DD7A75; 
}


.nn_sliders>.accordion-group.grey:hover,
.nn_sliders>.accordion-group.grey.active { 
    border-top-color: #888888; 
}


.nn_sliders>.accordion-group.gray { 
    border-top: 5px solid #DDDDDD;
    -webkit-border-radius: 5px 5px 4px 4px;
    -moz-border-radius: 5px 5px 4px 4px;
    border-radius: 5px 5px 4px 4px;
    border-top-color: #BBBBBB; 
}


.nn_sliders>.accordion-group.gray:hover,
.nn_sliders>.accordion-group.gray.active { 
    border-top-color: #888888; 
} 


/* file rokajaxsearch-theme.css */
#rokajaxsearch { 
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    border: 0;
    display: block; 
    float: right;
    width: 100%; 
}


#roksearch_search_str,
.roksearch_search_str { 
    display: block;
    width: 100%;
    font-size: 15px;
    color: #888;
    background: #F4F4F4 url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/rok-icon.png) 98% 48% no-repeat;
    border: 1px solid #DDDDDD;
    padding: 10px!important;
    margin: 5px 1px;
}


#roksearch_search_str.loading { 
    background: transparent url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/rok-spinner.gif) no-repeat scroll 98% 48%; 
    background-color: #E8E8E8; 
} 


#roksearch_results a#roksearch_link { 
    display: block;
    width: 22px;
    height: 22px;
    position: relative;
    top: 5px;
    right: 8px;
    background: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/rok-close.png); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} 


#roksearch_results a h3 { 
    text-decoration: none!important;
    color: #555555; 
}


#roksearch_results span { 
    color: #888888; 
}


#roksearch_results a { 
    text-decoration: none!important;
    color: #888888; 
}


#roksearch_results .roksearch_header, 
#roksearch_results .roksearch_row_btm { 
    color: #444444;
    background: #F3F3F3;
    border: 1px solid #DDDDDD;
}


#roksearch_results .roksearch_row_btm span {
    color: #888888;
}


#roksearch_results .container-wrapper {
    overflow: hidden;
    border: 0 solid #DDDDDD;
}


#roksearch_results span.small { 
    display: none; 
} 


#roksearch_results span.highlight { 
    background: #E12D30; 
    color: #FFFFFF; }


#roksearch_results a:hover { 
    color: #9DDE38; 
}


#roksearch_results .roksearch_odd { 
    background: #FFFFFF;
}


#roksearch_results .roksearch_even { 
    background: #F3F3F3;
}


#roksearch_results .roksearch_odd-hover, 
#roksearch_results .roksearch_even-hover { 
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}


#roksearch_results .roksearch_odd-hover h3, 
#roksearch_results .roksearch_even-hover h3 {
    color: #E12D30;
    position: relative;
    left: -12px;
}


.results ol.list li p { 
    color: #444444; 
}


#roksearch_results .arrow-left { 
    background: #E8E8E8 url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/rok-left.png) 48% 48% no-repeat;
    border: 1px solid #DDDDDD; 
}


#roksearch_results .arrow-left-disabled { 
    background: #F3F3F3; 
    border: 1px solid #E8E8E8; 
}


#roksearch_results .arrow-right { 
    background: #E8E8E8 url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/rok-right.png) 48% 48% no-repeat;
    border: 1px solid #DDDDDD; 
}


#roksearch_results .arrow-right-disabled { 
    background: #F3F3F3;
    border: 1px solid #E8E8E8; 
}


form.search_result .inputbox { 
    border: 1px solid #DFDFDF;
}


fieldset.phrase, 
fieldset.word, 
fieldset.only { 
    border-bottom: 1px solid #DFDFDF; 
}


#roksearch_results .rokajaxsearch-overlay { 
    background-color: #FFFFFF; 
}


.viewall { 
    display: none; 
}


/* file rokajaxsearch.css */
#roksearch_results { 
    visibility: hidden;
    display: block;
    width: 46%;
    position: absolute;
    z-index: 9999;
    float: right;
    box-shadow: 1px 1px 9px rgba(0,0,0,0.3);
    background: #FFFFFF;
    padding: 0;
    margin: 0;
}


@media only screen and (max-width: 1024px) {
    
    #roksearch_results { 
        width: 80%;
    }
    
}


@media only screen and (max-width: 600px) {
    
    #roksearch_results { 
        width: 90%;
    }
    
}


/* close button */
#roksearch_results a#roksearch_link { 
    display: block;
    height: 16px;
    width: 16px;
    float: right;
    padding-right: 5px;
    margin-top: 4px;
}


#roksearch_results h3 {
    font-size: 120%;
    line-height: 95%;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}


#roksearch_results span {
    display: block;
    font-size: 90%;
    line-height: 120%;
}


#roksearch_results .page {
    float: left;
}


#roksearch_results .roksearch_header,
#roksearch_results .roksearch_row_btm {
    padding: 9px 22px;
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}


#roksearch_results .roksearch_row_btm {
    overflow: hidden;
}


#roksearch_results .roksearch_row_btm span {
    line-height: 140%;
}


#roksearch_results span.highlight {
    background: #E12D30;
    display: inline;
    padding: 2px 5px;
}


#roksearch_results a.clr {
    color: #444444;
    font-size: 90%;
}


#roksearch_results a:hover {
    color: #E12D30;
    text-decoration: none;
}


#roksearch_results .roksearch_odd {
    padding: 18px;
    position: relative;
}


#roksearch_results .roksearch_even {
    padding: 18px;
    position: relative;
}


#roksearch_results .roksearch_odd-hover h3, 
#roksearch_results .roksearch_even-hover h3 {
    padding-left: 12px;
}


.results ol.list {
    padding-left: 30px;
    margin-top: 0;
}


.results ol.list h4 {
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
}


.results ol.list li {
    padding: 10px 5px;
    margin-bottom: 5px;
}


.results ol.list li p {
    margin-top: 0;
}


#roksearch_results .container-arrows {
    position: relative;
    height: 16px;
    width: 40px;
    float: left;
    margin-right: 10px;
}


#roksearch_results .arrow-left {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}


#roksearch_results .arrow-left-disabled {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
}


#roksearch_results .arrow-right {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    left: 22px;
    cursor: pointer;
}


#roksearch_results .arrow-right-disabled {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    left: 22px;
}


form.search_result .inputbox {
    padding: 4px;
}


form.search_result fieldset legend {
    padding-top: 10px;
}


fieldset.phrase, 
fieldset.word, 
fieldset.only {
    padding: 10px 2px;
}


.searchintro {
    overflow: hidden;
    margin-bottom: 10px;
}


.search_options input, 
.search_options label {
    margin-right: 5px;
}


@media only screen and (max-width: 600px) {
    rokajaxsearch {
        display: none;
    }
}


/* galery item */ 
.lightgallery-item > img {
    width: 24%!important;
    padding: 0!important;
    margin: 0 2px!important; 
} 


/* Preload images */
body:after { 
    content: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/gallery-close.png) url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/gallery-loading.gif) url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/gallery-prev.png) url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/gallery-next.png);
    display: none; 
}


.lightboxOverlay { 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background: black;
    opacity: 0.8;
    display: none; 
} 


.lightbox { 
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    line-height: 0;
    font-weight: normal; 
} 


.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; 
}


.lightbox a img { 
    border: none; 
}


.lb-outerContainer { 
    position: relative;
    background: #FFFFFF;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; 
}


.lb-outerContainer:after { 
    content: "";
    display: table;
    clear: both; 
}


.lb-container { 
    padding: 4px; 
}


.lb-loader { 
    position: absolute;
    top: 44%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0; 
}


.lb-cancel { 
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/gallery-loading.gif) no-repeat; 
} 


.lb-nav { 
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10; 
}


.lb-container > .nav { 
    left: 0; 
}


.lb-nav a { 
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); 
}


.lb-prev, .lb-next { 
    height: 100%;
    cursor: pointer;
    display: block; 
}


.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/gallery-prev.png) left 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s; 
} 


.lb-nav a.lb-prev:hover { 
    opacity: 1; 
}


.lb-nav a.lb-next { 
    width: 64%;
    right: 0;
    float: right;
    background: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/gallery-next.png) right 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s; 
}


.lb-nav a.lb-next:hover { 
    opacity: 1; 
}


.lb-dataContainer { 
    padding-top: 5px;
    margin: 0 auto;
    width: 100%;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px; 
}


.lb-dataContainer:after { 
    content: '';
    display: table;
    clear: both; 
}


.lb-data { 
    padding: 0 4px;
    color: #BBBBBB; }


.lb-data .lb-details { 
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em; 
}


.lb-data .lb-caption { 
    font-size: 13px;
    font-weight: 600;
    line-height: 1em; 
}


.lb-data .lb-number { 
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #888888; 
}


.lb-data .lb-close { 
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/gallery-close.png) top right no-repeat;
    text-align: right;
    outline: none;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; 
}


.lb-data .lb-close:hover { 
    cursor: pointer;
    opacity: 1; 
}


@media only screen and (max-width: 768px) {

  .content-left .lightgallery-item > img { 
      width: 47%!important; 
    } 

  .lightgallery-item > img { 
      width: 47%!important; 
    }

} 


#form {
  display: block;
  width: 64%;
  margin: 0 auto;
}

#form input[type=email],
#form input[type=text],
#form textarea,
#form select,
#form option,
#form button,
#form #message {
  display: block;
  width: 100%;
  font-family: 'Lato', Arial, Verdana;
  font-size: 18px;
  font-weight: 400;
  padding: 19px 15px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

#form input[type=email],
#form input[type=text],
#form textarea,
#form select {
  color: #282b2c;
  background: none;
  border: 1px solid #d6d9df;
  margin: 12px 1px;
}

#form input[type=email]:focus,
#form input[type=text]:focus,
#form textarea:focus,
#form select:focus,
#form option:focus {
  color: #282b2c;
  background: #e8e8e8;
  border: 1px solid #d6d9df;
}

#form select {
  color: #888888;
}

#form textarea {
  min-height: 160px;
}

#form #message {
  padding: 19px 15px;
  font-size: 23px;
  color: #ffffff;
  background: #E12D30;
}

#form button {
  display: inline-block;
  width: auto;
  cursor: pointer;
  font-family: 'Lato', Arial, Verdana;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  margin: 12px auto;
  padding: 12px 15px;
  background: #2D2D2D;
}

#form button:hover {
  background: #E12D30;
}

@media only screen and (max-width: 960px) {
  #form {
    width: 100%;
  }
}

#form .accept input[type=checkbox] {
    float: left;
    margin: 2px 8px 5px 0;
    display: inline-block;
    width: auto;
}

#form .accept span {
    font-size: 12px;
    line-height: 12px!important;
}

#form .accept span:after {
    content: '';
    clear: both;
    display: block;
}

#form .products input[type=checkbox] {
    display: none;
}

#form .products label {
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 5px 12px;
    margin: 3px 1px;
    color: #FFFFFF;
    background: #BBBBBB;
}

#form .products input[type=checkbox]:checked + label {
    color: #F5F5F5;
    background: #222222;
}

#form input::-webkit-input-placeholder { color: #888; }
#form input::-moz-placeholder { color: #888; }
#form input:-moz-placeholder { color: #888; }
#form input:-ms-input-placeholder { color: #888; }
#form select::-webkit-option-placeholder { color: #888; }
#form select::-moz-placeholder { color: #888; }
#form select:-moz-placeholder { color: #888; }
#form select:-ms-option-placeholder { color: #888; }
#form textarea::-webkit-input-placeholder { color: #888; }
#form textarea::-moz-placeholder { color: #888; }
#form textarea:-moz-placeholder { color: #888; }
#form textarea:-ms-input-placeholder { color: #888; }

#form input:focus::-webkit-input-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form input:focus::-moz-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form input:focus:-moz-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form input:focus:-ms-input-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form select:focus::-webkit-input-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form select:focus::-moz-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form select:focus:-moz-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form select:focus:-ms-input-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form textarea:focus::-webkit-input-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form textarea:focus::-moz-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form textarea:focus:-moz-placeholder { color: #F5F5F5; background: #F5F5F5; }
#form textarea:focus:-ms-input-placeholder { color: #F5F5F5; background: #F5F5F5; }


/* Fav Slider */
.fav-container a:active,
.favslider a:active,
.fav-container a:focus,
.favslider a:focus { 
    outline: none; 
}

.favs,
.fav-control-nav,
.fav-direction-nav { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 


/* FlexSlider Necessary Styles */
.favslider { 
    padding: 0;
    margin: 0; }

.favslider .favs > li { 
    display: none; 
    -webkit-backface-visibility: hidden; 
    background:none!important; 
    padding: 0px!important; 
    position: relative; 
}

.fav-pauseplay span { 
    text-transform: capitalize; 
}

/* Clearfix for the .favs element */
.favs:after { 
    content: '.'; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 

html[xmlns] .favs { 
    display: block; 
} 

* html .favs { 
    height: 1%; 
}

.no-js .favs > li:first-child { 
    display: block; 
}

/* FlexSlider Default Theme */
.favslider { 
    position: relative;
    margin: 0 0 45px; 
}

.fav-viewport { 
    max-height: 2000px; 
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    transition: all 1s ease; 
}

.loading .fav-viewport { 
    max-height: 300px; 
}

#carousel img { 
    display: block; 
    opacity: 0.6; 
    filter:alpha(opacity=60); 
    cursor: pointer; 
}

#carousel img:hover { 
    opacity: 1; 
}

#carousel .fav-active-slide img { 
    opacity: 1; 
    cursor: default; 
}

.carousel li { 
    margin-right: 5px; 
}

.fav-caption { 
    width: 96%; 
    padding: 2%; 
    margin: 0; 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    background: rgba(0,0,0,.3); 
    color: #FFFFFF; 
    text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
    font-size: 14px; 
    line-height: 18px; 
}

/* Direction Nav */
.fav-direction-nav { 
    height: 0; 
}

.fav-direction-nav a { 
    width: 52px!important;
    height: 52px!important;
    margin: -26px 0 0;
    display: block; 
    background: url(http://www.quadralite.pl/templates/joomla-quadralite-tpl/images/bg_direction_nav.png) no-repeat 0 0;
    position: absolute; 
    top: 50%; 
    z-index: 1; 
    cursor: pointer; 
    text-indent: -9999px; 
    opacity: 0; 
    filter:alpha(opacity=0); 
    -webkit-transition: all .3s ease; 
}

.fav-direction-nav .fav-next { 
    background-position: 100% 0;
    right: 0px; 
}

.fav-direction-nav .fav-prev,
.fav-direction-nav li .fav-prev { 
    left: 0px;
}

.fav-direction-nav li .fav-next { 
    background-position: -52px 0;
    right: 0; 
}

.favslider:hover .fav-next { 
    opacity: 0.8; 
    right: 5px; 
}

.favslider:hover .fav-prev { 
    opacity: 0.8; 
    left: 5px; 
}

.favslider:hover .fav-next:hover, 
.favslider:hover .fav-prev:hover { 
    opacity: 1; 
    filter:alpha(opacity=100); 
}

.fav-direction-nav .fav-disabled { 
    cursor: default; 
}

.fav-disabled:hover { 
    opacity: 0.3!important; 
    filter:alpha(opacity=30)!important; 
}

.fav-direction-nav li { 
    padding: 0!important;
    margin: 0!important; 
}

/* Control Nav */
.fav-control-nav {
    width: 100%; 
    position: absolute; 
    bottom: -40px; 
    left:0; 
    text-align: center;
}

.fav-control-nav li { 
    display: inline-block; 
    background: none!important; 
    padding: 0!important;
    margin: 0!important;
}

.fav-control-paging li a { 
    background: #FFFFFF; 
    border: 1px solid #ccc;
    width: 11px; 
    height: 11px; 
    display: block; 
    cursor: pointer; 
    text-indent: -9999px; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    -o-border-radius: 20px; 
    border-radius: 20px; 
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    margin-right: 5px; 
}

.fav-control-paging li a.fav-active { 
    cursor: default; 
}

.fav-control-paging li a:hover,
.fav-control-paging li a.fav-active { 
    background: #222222; 
    border: 1px solid #888888; }

.fav-control-thumbs { 
    position: static;
    overflow: hidden; 
}


.fav-control-thumbs li { 
    width: 25%; 
    float: left; 
    margin: 0; 
}


.fav-control-thumbs img { 
    width: 100%; 
    display: block; 
    opacity: 0.6; 
    filter:alpha(opacity=60); 
    cursor: pointer; 
}


.fav-control-thumbs img:hover { 
    opacity: 1; 
    filter:alpha(opacity=100); 
}


.fav-control-thumbs .fav-active { 
    opacity: 1; 
    cursor: default; 
    filter:alpha(opacity=100); 
}


#carousel li:active img { 
    opacity: 1; 
}


@media screen and (max-width: 860px) {

  .fav-direction-nav .fav-prev { 
      opacity: 1; 
      filter:alpha(opacity=100); 
      left: 0;
    }


  .fav-direction-nav .fav-next { 
      opacity: 1; 
      filter:alpha(opacity=100); 
      right: 0; 
    }

}


.pagination { 
    text-align: center;
    height: 60px;
    width: 100%; 
    margin: 35px 1px 5px 0;
} 


.pagination ul { 
    list-style: none; 
}


.pagination li { 
    display: inline-block;
    margin: 5px 1px 10px 0; 
} 


.pagination li span,
.pagination li a { 
    text-decoration: none;
    font-size: 15px;
    font-weight: normal;
    color: #CCCCCC;
    padding: 8px 18px;
    margin: 1px;
} 


.pagination li a {
    background: #222222;
}

.pagination li span,
.pagination li a:hover { 
    color: #FFFFFF;
    background: #E12D30;
} 


.counter,
.pagination ul .pagination-start,
.pagination ul .pagination-end,
.pagination ul .pagination-prev,
.pagination ul .pagination-next { 
    display: none; 
}


.pager:before {
    content: '';
    display: block;
    clear: both;
}


.pager { 
    text-align: center;
    width: 100%; 
    padding: 0; 
} 


.pager { 
    list-style: none; 
}


.pager li { 
    display: inline-block;
    margin: 22px 1px;
} 


.pager li a { 
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 8px 15px;
    background: #D1D1D1; } 


.pager li a:hover { 
    background: #E12D30;
    text-decoration: none; 
} 


#popup-one,
#popup-one img { -webkit-border-radius: 4px;
                 -moz-border-radius: 4px;
                 -o-border-radius: 4px;
                 border-radius: 4px; }


#popup-one { 
    display: inline-block;
    width: auto;
    position: fixed;
    left: 50%;
    top: -1000px;
    z-index: 99999;
    -webit-transform: translate(-50%,-50%); /* Chrome, Safari */
    -ms-transform: translate(-50%,-50%); /* IE8 + */
    transform: translate(-50%,-50%); /* mozilla */
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #222222;
    background: #FFFFFF;
    box-shadow: 1px 1px 50px rgba(0,0,0,0.6);
    border: 3px solid #FFFFFF;
    padding: 35px!important;
    margin: 0 auto;
    opacity: 0; /* set on start! */
    animation: fadein 1s 1s 1 forwards ease-out; 
    -webkit-animation: fadein 1s 1s 1 forwards ease-out; 
    -moz-animation: fadein 1s 1s 1 forwards ease-out;
    -o-animation: fadein 1s 1s 1 forwards ease-out;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; 
}


#popup-one p,
#popup-one img { 
    margin: 0!important; 
}

#popup-one img { 
    max-width: 75%; 
}

#popup-one #close:after { 
    content: "x" ;
    position: absolute;
    top: -12px;
    right: -12px;
    display: block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    font-size: 29px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0!important;
    background: #333;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; 
}


#popup-one #close:hover:after { 
    background: #E12D30; 
} 


/* fadein animation */
@keyframes fadein { 
    from { top: -1000px;
           opacity: 0; }
    to { top: 50%; 
         opacity: 1; }
}


@-webkit-keyframes fadein { 
    from { top: -1000px;
           opacity: 0; }
    to { top: 50%; 
         opacity: 1; }
}


@-moz-keyframes fadein { 
    from { top: -1000px;
           opacity: 0; }
    to { top: 50%; 
         opacity: 1; }
}


@-o-keyframes fadein { 
    from { top: -1000px;
           opacity: 0; }
    to { top: 50%; 
         opacity: 1; }
}


@media only screen and (max-width: 960px) {

    #popup-one { 
        width: 75%;
    }

}


@media only screen and (max-width: 600px) {

    #popup-one { 
        width: 94%; 
    }

}


.mc-container,
.mc-container h3,
.mc-container input[type=text],
.mc-container input[type=email],
.mc-container input[type=submit] { 
    margin: 0 auto!important;
    border: 0; 
    display: inline-block;
    width: auto;
    height: auto;  
    font-size: 15px;
}


@media only screen and (max-width: 600px) {
    .mc-container input[type=text],
    .mc-container input[type=email],
    .mc-container input[type=submit],
    .mc-container button {
        display: block;
        width: 100%;
    }
    
    .mc-container input[type=email] {
        margin-top: 8px!important;
    }
}


.mc-container { 
    display: block;
    width: 100%!important;
    text-align: center;
    padding: 25px 5px; 
}


.mc-container h3 { 
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF!important;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 5px 5px 15px 5px!important;
}

.mc-container p,
.mc-container a,
.mc-container a:hover
.mc-container .mc-information {
    color: #FFFFFF!important;
    font-size: 12px;
    line-height: 18px;
}

.mc-container label { 
    font-size: 15px; 
}


.mc-container input[type=text],
.mc-container input[type=email] { 
    color: #888888; 
    background: #F4F4F4; 
    border: 1px solid #DDDDDD;
    padding: 12px; 
    margin: 15px 1px; 
} 


.mc-container input[type=text]:focus,
.mc-container input[type=email]:focus { 
    background: #FFFFFF;
    border: 1px solid #BBBBBB; 
}


.mc-container input[type=submit] { 
    text-align: center;
    font-size: 15px;
    color: #FFFFFF;
    padding: 8px;
    background: #E12D30;
    border: 1px solid #FFFFFF;
    border-radius: 0; 
}


.mc-container input[type=submit]:focus { 
    background: #E12D30; 
} 


#mce-responses { 
    display: inline-block;
}

/* placeholder style */ 
.mc-container input::-webkit-input-placeholder { color: #888888; } 
.mc-container input::-moz-placeholder { color: #888888; }
.mc-container input:-moz-placeholder { color: #888888; } 
.mc-container input:-ms-input-placeholder { color: #888888; }


/* hide placeholder on focus */ 
.mc-container input:focus::-webkit-input-placeholder { color: #FFFFFF; background: #FFFFFF; }
.mc-container input:focus::-moz-placeholder { color: #FFFFFF; background: #FFFFFF; }
.mc-container input:focus:-moz-placeholder { color: #FFFFFF; background: #FFFFFF; } 
.mc-container input:focus:-ms-input-placeholder { color: #FFFFFF; background: #FFFFFF; }


.mc-container:after { 
    content: '';
    display: block;
    clear: both; 
}


/* Quadralite Support Program Registration Form */
.form-qsp,
.form-qsp div,
.form-headline,
.form-qsp input[type=text],
.form-qsp input[type=password],
.form-qsp input[type=file],
.form-qsp input[type=email],
.form-qsp select,
.form-qsp textarea,
.form-qsp button,
.message-success { 
    display: block; 
    width: 100%;
    font-size: 16px;
    font-weight: 400; 
}


.message-success { 
    color: #222222;
    padding: 15px; 
    background: #F3F3F3; 
    }


.form-qsp { 
    width: 56%;
    margin: 0 auto; 
} 


.form-qsp div { 
    padding: 4px; 
}


.form-qsp label { 
    font-size: 15px!important; 
    font-weight: 400!important; 
} 


.form-qsp input[type=text],
.form-qsp input[type=password],
.form-qsp input[type=file],
.form-qsp input[type=email],
.form-qsp select,
.form-qsp textarea { 
    padding: 15px!important;
    border: 1px solid #D8D8D8!important;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
} 


.form-qsp input[type=text]:focus,
.form-qsp input[type=password]:focus,
.form-qsp input[type=file]:focus,
.form-qsp input[type=email]:focus,
.form-qsp select:focus,
.form-qsp textarea:focus { 
    background: #F3F3F3; 
}

    
.form-qsp p { 
    text-align: left;
    margin: 4px;
}


.form-qsp button { 
    display: inline-block;
    width: auto; 
    color: #FFFFFF;
    padding: 8px 15px;
    background: #222222;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

    
.form-qsp button:hover,
.form-qsp button:focus { 
    background: #E12D30; 
}
    

@media only screen and (max-width: 960px) {
  .form-qsp { width: 96%; } 
} 


#cookies-law {
    position: fixed;
    bottom: -100px;
    left: 15px;
    z-index: 999999;
    display: flex;
    flex-wrap: wrap;
    justify-content: center!important;
    width: 46%;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4);
    padding: 0;
    margin: 0;
    animation: cookieslidein 1s 0.5s 1 forwards ease-out;
    -webkit-animation: cookieslidein 1s 0.5s 1 forwards ease-out;
    -moz-animation: cookieslidein 1s 0.5s 1 forwards ease-out;
    -o-animation: cookieslidein 1s 0.5s 1 forwards ease-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#cookies-law div {
    position: relative;
    padding: 20px;
    flex: 0 0 100%;
    margin: 5px 1px;
}

#cookies-law div a {
    color: #222222;
    text-decoration: underline;
}

#cookies-law div a:hover {
    color: #E12D30;
}

#cookies-law #cookies-accept {
    position: absolute;
    top: -12px;
    right: -6px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 400;
    color: #f8f8f9;
    background: #222222;
    text-decoration: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid #FFFFFF;
}

#cookies-law #cookies-accept:hover {
    color: #FFFFFF;
    background: #E12D30;
}

@media only screen and (max-width: 1024px) {
    #cookies-law {
        left: 0;
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 5%;
    }

    #cookies-law div {
        text-align: center;
        flex: 0 0 100%;
    }
}

/* slide in animation */
@keyframes cookieslidein { 
    from { bottom: -100px; }
    to { bottom: 15px; }
}


@-webkit-keyframes cookieslidein { 
    from { bottom: -100px; }
    to { bottom: 15px; }
}


@-moz-keyframes cookieslidein { 
    from { bottom: -100px; }
    to { bottom: 15px; }
}


@-o-keyframes cookieslidein { 
    from { bottom: -100px; }
    to { bottom: 15px; }
}


@media only screen and (max-width: 800px) {

    #cookies-law > .left,
    #cookies-law > .right { 
        display: block;
        width: 100%; } 

}


/* standard containers */ 
.block { 
    display: block; 
}


.thirty-three { 
    width: 33.2%; 
}


.quarter { 
    width: 25%; 
} 


.threequarter { 
    width: 75%; 
}


@media only screen and (max-width: 1024px) {
    .thirty-three,
    .quarter,
    .threequarter {
        width: 100%!important;
    }
}

.center { 
    margin: 0 auto; 
} 

.clearfix { 
    clear: both; 
} 

#map { 
    width: 100%;
    height: 685px;
    z-index: 5;
    background: #FFFFFF; 
}

.leaflet-popup-content img {
    display: none;
}

*::-moz-selection { 
    background: #E12D30;
    color: #FFFFFF; 
}

*::selection { 
    background: #E12D30;
    color: #FFFFFF; 
}