/* NORMALIZE 4.1.1 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:inline-block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* END NORMALIZE */
/* Webmindcreator Studios - CSS 23.09.2014 + */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
html,body{overflow:auto}
button:focus {outline:0;}
ol,ul,li{border:0;font-size:100%;font:inherit;}
input,select,textarea{background-image:none}
input[type=text],input[type=password],textarea{-webkit-box-sizing:border-box;ââ-moz-box-sizing:border-box;box-sizing:border-box}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}
textarea,input{outline:none}
::-webkit-input-placeholder{color:#000;font-size:14px}
:-moz-placeholder{color:#000;opacity:1;font-size:14px}
::-moz-placeholder{color:#000;opacity:1;font-size:14px}
:-ms-input-placeholder{color:#000;font-size:14px}
::-moz-selection{background:rgba(79, 146, 224, 0.7);color:#fff;text-shadow:none}
::selection{background:rgba(79, 146, 224, 0.7);color:#fff;text-shadow:none}
b{font-weight:bold !important}
.text-center{text-align:center !important}
.clr{clear:both;float:none}
/* END STANDARD */
@media(max-width:768px){
h1,h2{display:block;text-align:center}
}
.top-spacer{height:130px;}
@media(max-width:768px){.top-spacer{height:60px}}
body{
font:400 15px/24px Arial, sans-serif;
text-rendering: optimizelegibility;
background:#212529;
}
@media(max-width:768px){body{font-size:16px !important}}
a:link,a:visited{text-decoration:none;color:#000}
a:hover{color:#000}
a:active{background-color:transparent}
.title-xxxl {font:400 46px/46px 'Montserrat', sans-serif;text-transform:uppercase;}
.title-xxl {font:400 42px/42px 'Montserrat', sans-serif;text-transform:uppercase;margin:100px auto 60px auto;}
.title-xl {font:600 34px/44px 'Montserrat', sans-serif;}
.title-l {font:600 22px/24px 'Montserrat', sans-serif;}
.title-m {font:600 20px/24px 'Montserrat', sans-serif;margin-bottom:5px;}
.title-s {font:600 16px/24px 'Montserrat', sans-serif;}
.uppercase{text-transform:uppercase !important;}
p.title-xxl {margin:10px auto 5px auto;}
@media(max-width:767px){
.title-xxxl {font-size:38px}
.title-xxl {font-size:32px;margin:60px auto 10px auto;}
.title-xl {font-size:30px}
.title-m {font-size:20px}
}
.trans,
.logo,
input,
svg,
a {
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.full{width:100%}
/* HEADER */
.header-wrap{height:130px;position:fixed;z-index:500;top:0;left:0;right:0;background:rgba(98,136,180,1);box-shadow:0 10px 20px rgba(0, 0, 0, 0.15);}
@media(min-width:768px) and (max-width:1024px){ .header-wrap{height:105px;} }
.header-wrap .constrain{display: flex;}
.header-position{width:900px;margin:0 auto}
.header-responsive{height:50px;}
@media(max-width:767px){
.header-wrap{height:0;position:static;margin-top:0;}
}
@media(min-width:768px){
.header-wrap.small{height:80px;background:rgba(98,136,180,0.9)}
}
/* LOGO */
.logo{display:inline-block;width:315px;height:120px;padding:6px 5px 4px;}
.logo:hover{opacity:0.8;}
.logo path{fill:#fff;}
.logo.small{width:184px;height:70px;}
.logo-mob-nav{width:180px;margin:0 auto;padding:30px 20px 30px;}
.logo-mob-nav rect{fill:#6EC1E4}
.logo-mob-nav path,
.logo-mob-nav polygon{fill:#fff}
@media(min-width:768px) and (max-width:1024px){ .logo{width:250px;} }
@media(max-width:767px){
.logo,.logo.small{width:144px;height:55px;padding:6px 0 5px;}
}
/* END LOGO */
nav{display:inline-block;width:100%;}
nav ul{padding:0;margin:0;list-style:none;}
nav li{flex: 1 auto}
nav a {
font: 600 18px/18px "Montserrat", sans-serif;
text-transform: uppercase;
color:#fff !important;
}
@media(max-width:767px){
nav a{
display: block;
text-align: center;
}
}
.header-content {text-align: center;}
@media(min-width:768px){
nav ul{display:flex;flex-direction:row;}
nav li.active{border-color:#6EC1E4;}
nav li.no-hover.active,
nav li.no-hover:hover{border-color:transparent !important;}
nav a{
display: flex;
height: 130px;
padding: 0 10px;
justify-content: center;
align-items: center;
}
.small nav a {height:80px;}
nav a:hover,
nav li.active > a{opacity:.6;}
}
@media(min-width:768px) and (max-width:1024px){nav a{height:105px;} }
header{width:100%;}
@media(min-width:768px){
header{display:inline-block;width:440px;}
}
@media(max-width:767px){
.header-view{position:static;margin-top:0px}
header {
height: 0;
padding: 0;
position: fixed;
z-index: 10;
top: 0;
left: 0;
right: 0;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.header-content {
position: relative;
text-align: center;
height: 65px;
background: rgba(113,144,180.9);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
-webkit-transition: -webkit-transform .5s cubic-bezier(0.86, 0, 0.06, 1);
-moz-transition: -moz-transform .5s cubic-bezier(0.86, 0, 0.06, 1);
transition: transform .5s cubic-bezier(0.86, 0, 0.06, 1);
}
.header-content.hide {
-webkit-transform: translateY(-180%);
-moz-transform: translateY(-180%);
-ms-transform: translateY(-180%);
-o-transform: translateY(-180%);
transform: translateY(-180%);
}
}
/* MOBILE NAVIGATION */
/* Nav Drawer Layout */
@media(max-width:767px){
nav ul {height:100%;width:270px;position:absolute;right:0;overflow:hidden}
nav li {display:block;width:100%;}
/*nav li.active {color: #fff;background-color: #000}*/
nav li:hover {color: #fff !important;background-color: rgba(0, 0, 0, 0.5) !important}
nav li a {
width:100%;
padding: 20px 0;
font-size: 22px;
text-align: center;
text-shadow:1px 1px 1px rgba(0,0,0,.6), -1px -1px 1px rgba(0,0,0,.05), 1px -1px 1px rgba(0,0,0,.05), -1px 1px 1px rgba(0,0,0,.05);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
nav li a.small{font-size:19px!important}
nav li a.logo{display:none}
/* NAVIGATION ANNIMATION */
nav {
width: 100%;
height: 100%;
position: fixed;
right: 0;
top: 0;
margin: 0;
opacity:0 !important;
transition: all 0.4s ease;
}
/*Nav Expanding Open Effect*/
nav.open {opacity:1 !important; background: url(../img/nav-bg-my-lamination.jpg);}
nav.open::after {
content: "";
opacity: 0.2;
top: 0;
right: 0;
bottom: 0;
position: absolute;
z-index: -1;
}
/*Nav Shrinking Closed Effect*/
nav.close {opacity:0 !important; background:#000}
.root {
overflow: hidden;
background-color: #000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
/* CONTENT ANNIMATION */
.content {
position: relative;
z-index: 2;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-box-shadow: -10px 0px 20px 0px rgba(0,0,0,.3);
-moz-box-shadow: -10px 0px 20px 0px rgba(0,0,0,.3);
box-shadow: -10px 0px 20px 0px rgba(0,0,0,.3);
}
/*Content Sliding Open Effect*/
header.open,.content.open {
-webkit-transform: translate3d(270px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(270px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-270px,0,0);
animation: open .5s ease-in-out;
}
@-webkit-keyframes open {
0% {-webkit-transform: translate3d(0,0,0)}
70% {-webkit-transform: translate3d(-300px,0,0)}
100% {-webkit-transform: translate3d(-280px,0,0)}
}
@-moz-keyframes open {
0% {-moz-transform: translate3d(0,0,0)}
70% {-moz-transform: translate3d(-300px,0,0)}
100% {-moz-transform: translate3d(-280px,0,0)}
}
@keyframes open {
0% {transform: translate3d(0,0,0)}
70% {transform: translate3d(-300px,0,0)}
100% {transform: translate3d(-280px,0,0)}
}
/*Content Sliding Closed Effect*/
header.close,.content.close {
-webkit-transform: translate3d(0,0,0);
-webkit-animation: close .3s ease-in-out;
-moz-transform: translate3d(0,0,0);
-moz-animation: close .3s ease-in-out;
transform: translate3d(0,0,0);
animation: close .3s ease-in-out;
}
@-webkit-keyframes close {
0% {-webkit-transform: translate3d(-280px,0,0)}
100% {-webkit-transform: translate3d(0,0,0)}
}
@-moz-keyframes close {
0% {-moz-transform: translate3d(-280px,0,0)}
100% {-moz-transform: translate3d(0,0,0)}
}
@keyframes close {
0% {transform: translate3d(-280px,0,0)}
100% {transform: translate3d(0,0,0)}
}
}
/* END TRANSFORM */
.full-width{width:100%;}
.constrain{
max-width: 1300px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.content{overflow:hidden;background:#fff;}
/* HAMBURGER */
.hamburger {
position:absolute;
right: 0;
top: 0;
padding: 23px 15px 12px;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #fff;
}
@media(min-width:768px){.hamburger{display:none;}}
.hamburger-box {
display: inline-block;
width: 27px;
height: 23px;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 27px;
height: 2px;
background-color: #fff;
border-radius: 2px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -4px; }
.hamburger-inner::after {
bottom: -4px; }
/* Elastic */
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s; }
/* END HAMBURGER */
/* END HOVER */
/* Footer */
.partners{display:flex;padding:10px 0;justify-content:center;background: #6288b4;color: white;text-shadow:1px 1px 1px rgba(0,0,0,.25);font-size: 18px;;}
.partners p{margin-right:20px;}
.partners a{padding: 0 20px;color: white;text-shadow:1px 1px 1px rgba(0,0,0,.25);}
.partners a:hover{text-decoration:underline;}
@media(max-width:768px){
.partners{flex-direction: column;text-align:center;}
.partners p{margin:0;}
}
footer{background:#212529;}
footer .flag{display:block;margin:0 auto;max-width:600px;}
@media(max-width:1208px){
footer .flag{display:block;margin:0 auto;width:80%;}
}
.footer-nav{padding:50px 0;}
.footer-nav ul{width:100%;padding:0;margin:0;display:flex;flex-direction:row;align-items:stretch;list-style:none;}
.footer-nav ul li{flex: 1 auto;}
.footer-nav a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font:600 16px 'Montserrat', sans-serif;color:#999;}
.footer-nav a:hover{color:#6EC1E4;}
.footer-logo{width:200px;height:76px;}
.footer-logo:hover{opacity:0.7;}
.footer-logo path{fill:#fff;}
.footer-misc{padding-bottom:50px;}
.copyright{text-align:center;color:#999;}
@media(max-width:768px){
.footer-nav{padding:70px 0 40px;}
.footer-nav ul{flex-direction:column;}
.footer-nav ul li:first-child{margin-bottom:30px;}
.footer-nav ul li{height:35px;}
}
/* END FOOTER */
/* PRODUCTS */
.products-thumbs {width:24%;display:inline-block;text-align:center;margin-bottom:30px;}
.products-thumbs img{max-width:100%;max-height:320px;}
.products-thumbs .shops,
.product-info .shops{display:flex;}
.products-thumbs .shop{margin:0 2px;width:calc(50% - 5px);height:auto;padding:18px 5px 15px;display: inline-block;font-size:14px;}
.shop{display:flex;width:100px;height:50px;padding:10px 20px;margin-right:10px;border:1px solid;border-radius:3px;justify-content:center;align-items:center;font:600 20px 'Montserrat', sans-serif;}
@media(max-width:1024px){
.products-thumbs {width:49%}
}
#produse .product{border-top:1px solid #ddd;}
.product.none{border:none !important;}
.product{display:flex;flex-direction:row;flex:1;flex-grow:1;padding:100px 0;}
@media(max-width:767px){.product{padding:80px 0 70px;}}
.product div{
-webkit-flex:1; /* Safari 6.1+ */
-ms-flex:1; /* IE 10 */
flex:1;
}
@media(max-width:767px){.product{flex-direction:column;}}
.product-foto{text-align:center;}
.product-foto img{max-width:100%;}
.product-logo img{max-width:40% !important;}
.product-text{}
.warning{font:400 12px/20px sans-serif;}
.more,
.apply-button{display:inline-block;padding:7px 15px 5px;background:#2E698D;color:#fff !important;border:1px solid #7190B4;border-top-left-radius:15px;border-bottom-right-radius:15px;}
.more:hover,
.apply-button:hover{background:#fff;color:#000 !important;}
.apply-button{padding:11px 20px 9px;font-size:18px;}
.shop{display:flex;width:100px;height:50px;padding:10px 20px;border:1px solid #2E698D;justify-content:center;align-items:center;font:600 20px 'Montserrat', sans-serif;}
.shop:hover{color:#fff;background:#2E698D;}
/* END PRODUCTS */
/* DISTRIBUTORS */
.distributors{display:flex;}
@media(max-width:768px){
.distributors{flex-direction:column;}
}
.distributor{width:calc(100% - 52px);height:250px;margin:5px;padding:50px 20px 10px;border:1px solid;font:600 20px 'Montserrat', sans-serif;}
.distributor:hover{color:#fff;background:#7190B4;}
.distributor:hover path{fill:#fff;}
.distributor div{display:flex;width:100%;justify-content:center;align-items:center;}
.distributor-top{height:150px}
.distributor-bottom{height:100px;text-align:center;}
.distributor-logo{height:100%;}
.distributor-logo path{fill:#000;}
/* END DISTRIBUTORS */
/* CONTACT */
.camp {
margin: 5px 0 15px;
padding: 10px 0;
font: normal 14px sans-serif;
color: #000;
outline-style: none;
outline-width: 0pt;
border-style: solid !important;
border-width: 0px !important;
border-bottom: 2px solid #dedede !important;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.camp:hover,
.camp:focus {
border-color: #6EC1E4 !important;
}
.l{width: 50%;}
.xl{width: 100%;}
@media(max-width:1024px) {
.l {width:100%;}
}
.er {
border-bottom: 3px solid #ED2F48 !important;
}
input.error {margin:5px 5px 2px 0;font:normal 8px sans-serif;outline-style:none;outline-width:0pt;border-style:solid!important;border-width:2px!important;background:rgba(0,0,0,.3);}
.dn {
display: none;
}
.send {
padding: 13px 15px 10px;
color: #7190B4;
font: bold 16px sans-serif;
background-color: white;
border: 2px solid #7190B4;
cursor: pointer;
}
.send:hover {
color: #fff;
background: #7190B4;
border: 2px solid #7190B4;
}
.error{font:normal 12px sans-serif !important;color:#ED2F48!important}
/* END CONTACT */
/* COOKIES */
.cookie-consent{background:rgba(113,144,180,0.9);bottom:0;display:none;position:fixed;transition:bottom 1s ease 0s;width:100%;z-index:99999999;}
.cookie-inner{max-width:1280px;margin:0 auto;align-items:center;display:flex;flex-direction:row;padding:14px 25px;}
.cookie-text{flex:1 1 0;height:100%;margin-right:25px;font:normal 13px/25px sans-serif;color:#fff;}
.cookie-text a{color:#fff;text-decoration:underline;}
.accept{padding:10px 14px 12px;line-height:20px;float:right;border:none;border:1px solid #fff;color:#000;cursor:pointer;background:#fff}
.accept:hover{background:#7190b4e6;color:#fff;}
@media(max-width:800px){
.cookie-consent{width:100%;}
}
@media(max-width:700px){
.cookie-inner{flex-direction:column;padding:20px 25px 30px;}
.cookie-text{margin:0 0 20px;}
.accept{width: 100%;}
}
/* END COOKIES */
.check-group {width: 100% !important; margin-top:10px; height: auto !important;font:normal 12px Verdana, Geneva, sans-serif;}
.check-group-con {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.check-group-con input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 2px solid #d4d4d4;
border-radius: 2px;
}
.check-group-con:hover input ~ .checkmark {
border-color: #6EC1E4;
}
.check-group-con input:checked ~ .checkmark {
border-color: #6EC1E4;
background-color: #6EC1E4;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.check-group-con input:checked ~ .checkmark:after {
display: block;
}
.check-group-con .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#policies{width:30px;height:30px;}
#policiesError{display:block;}
/* RESPONSIVE */
@media(min-width:1024px){.no-desktop{display:none !important;}}
@media(max-width:1023px){.no-mobile{display:none !important;}}
@media(min-width:768px) and (max-width:1024px){.no-tablet{display:none !important;}}
@media(max-width:767px){.no-phone{display:none !important;}}
/* END RESPONSIVE */