/* --- GLOBAL EFFECTS --- */

/* shadow */

.scrolled header{filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}

.partnerPlugin section.partnerList article,.partnerPlugin aside.filterWrap form,.frame-116,.frame-116 iframe,.frame-117,.frame-117 iframe,
.sortWrap .sortItems,.refItem,.imgCol.border{border: 1px solid #d6d6d6;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);-ms-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);}

.frame-102{-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);-ms-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);width: auto;margin: 0 auto;}
.frame-107{-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);-ms-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);background-color:#ffffff;width: auto;margin: 0 auto;}
.frame-108{-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);-ms-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);background-color:#fafafa;width: auto;margin: 0 auto;}

.newsSingle.partnerSingle .newsBody{-webkit-box-shadow:0 -6px 6px rgba(0,0,0,.1);-ms-box-shadow:0 -6px 6px rgba(0,0,0,.1);box-shadow:0 -6px 6px rgba(0,0,0,.1)}
.mainBox .boxShadow > *,aside.coBox .boxShadow,.partnerSingle .newsCobox{box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);-ms-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);border: 1px solid #d6d6d6;}
/*.mainBox .hubspotForm .itemWrap{border: 1px solid #d6d6d6;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);-ms-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);}*/
.mainBox .hubspotForm.noBorderDesign .itemWrap{border: none;box-shadow: none;}
.mainBox .ceItem.noBorderDesign .gridGroup .gridItem .ceItem.boxShadow .itemWrap{border:none;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.mainBox .ceItem.noBorderDesign .gridGroup .gridItem{margin-bottom:0 !important}
.menu.main.hasHam .level-1{-webkit-box-shadow:0 4px 4px rgba(0,0,0,.2);-ms-box-shadow:0 4px 4px rgba(0,0,0,.2);box-shadow:0 4px 4px rgba(0,0,0,.2)}

header > section.frame-102,.sortWrap .sortItems *,
header.transparent,.prodList .startImg figure.subImg figcaption .lnk > *:hover,#page .mapItem .mapImg:hover figure,#page .mapItem.act .mapImg figure,#page .mapItem .mapImg:hover picture,#page .mapItem.act .mapImg picture,
#page .mapItem .mapImg:hover video,#page .mapItem.act .mapImg video{-webkit-box-shadow:none!important;-ms-box-shadow:none!important;box-shadow:none!important}

.newsLatest article{-webkit-box-shadow:0 1px 8px rgba(0,0,0,.06);box-shadow:0 1px 8px rgba(0,0,0,.06)}

/* background gradient */

#Box{background:rgba(0,0,0,0.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,0.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,0.8),rgba(255,255,255,0))}

/* rotate */

.portalPage #portalBox section .lnkWrap .btn::after{-moz-transform:rotate(-1deg);-webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg)}
h2.patch,.prodCat,header.small .rootLine li a .title,.bgTxt.header-101 .hGroup h2,.bgTxt.header-101 .hGroup h2 > *,
.singleContentText .prodTxt .interest span.fwd,.singleContentText .prodTxt .interest span.fwd > *,.portalPage #portalBox section .lnkWrap .btn,
.portalPage header figcaption span{-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}
.portalPage header figcaption span strong{-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-1deg)}
.prodCat .cat-service,main .blogItem time{-moz-transform:rotate(2deg);-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}
.portalPage #portalBox section:last-child .lnkWrap .btn{-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}
.prodList .startTxt h2 span,.rootLine li a .title,.pluginBox .hGroup,#favBox .hGroup,.bgTxt.header-101 .hGroup h2 > *{-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
.portalPage #portalBox section .buttonBox::before,.bgTxt.header-101 .hGroup h2::before,#favBox .hGroup::before,.bgTxt.header-101 .hGroup h2::after,#kesearch_results ul li a::after,.singleContentText .prodTxt .interest span.fwd::before,.singleContentText .prodTxt .interest span.fwd::after,
.portalPage #portalBox section.login .hGroup::before,#favBox .hGroup::after,h2.patch::before,.portalPage header figcaption::before{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.portalPage #portalBox section .buttonBox::before,.portalPage #portalBox section .buttonBox::after,.rootLine li a .title::before,.rootLine li a .title::after,.lnk.more > *::before,.newsLink::after,.prodList .startImg figure.subImg figcaption::after,
.portalPage #portalBox section.login .hGroup::after,h2.patch:not(.expd)::after,.portalPage header figcaption::after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#Box{-moz-transform:rotate(-45deg)!important;-webkit-transform:rotate(-45deg)!important;-ms-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important}
#Box{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.lnk.more > *:hover::before,.newsLink:hover::after,.prodList .startImg figure.subImg a:hover figcaption::after{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.slickNav .slick-current,.tx-cart .prodSingle .prodRel .vat,#kesearch_results ul li a:hover::after{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}

.pluginBox .hGroup{transform-origin:center center}

/* clip-path */

.portalPage #portalBox section .buttonBox .btn a,#favBox .hGroup > *,.bgTxt.header-101 .hGroup h2 > *,h2.patch > *,
.portalPage header figcaption span{-webkit-clip-path:polygon(8% 4%,100% 0,100% 95%,0 100%);clip-path:polygon(8% 4%,100% 0,100% 95%,0 100%)}
.portalPage #portalBox section:nth-child(even) .buttonBox .btn a{-webkit-clip-path:polygon(0 15%, 100% 0, 100% 100%, 8% 100%);clip-path:polygon(0 15%, 100% 0, 100% 100%, 8% 100%)}
.rootLine li a .title strong{-webkit-clip-path:polygon(0 3%, 100% 0, 100% 100%, 8% 100%);clip-path:polygon(0 3%, 100% 0, 100% 100%, 8% 100%)}
.scrolled #favBox .hGroup > *{-webkit-clip-path:none;clip-path:none}

/* border-radius */

span.btn,header ul.topMenu li a,header ul.topMenu li > span,
.newsMenu ul.years > li span.year a,.newsMenu ul.years > li:hover ul.months,.newsMenu ul.months:hover,
.newsLatest.blogEntries article .newsMore .btn a,.newsLatest article.oneCol.blog .newsText .hintNew span,.newsLatest article.oneCol.blog .newsText .newsMore .btn a,
.ceItem.hubspotForm.newsletterForm .txtWrap .hs_submit .actions input,.hs-submit .actions .hs-button,#newsDirectory::-webkit-scrollbar-thumb,.newsSingle .newsSocial .btn a,.hs-form-private input,
.loginWrap fieldset .loginSubmit input,.logoutWrap input[type="submit"]{-webkit-border-radius:5px;border-radius:5px}

.newsLatest article,.newsArchive .btn.archive a,.categorySelect select,.newsSearch .fieldwrap.submit > input.form-control,.c-knowledge-item,.newsLatest article.oneCol.blog .newsMedia img,.newsSingle .newsOld,.partnerSingle .newsCobox,
.hs-form-private textarea{-webkit-border-radius:10px;border-radius:10px}

.mainBox .newsCatlist .newsTags ul li,.mainBox .catButtons ul.level-2 li > span > *,.mainBox .catButtons ul.level-1 > li.catReset > span > a,.c-badge-list a.c-badge,
.newsSingle .newsLetter{-webkit-border-radius:20px;border-radius:20px}

.hs-form-private select,input[type="text"],input[type="search"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="time"],input[type="number"],textarea,select{-webkit-border-radius:0;border-radius:0}
.menu.main .newsLatest article,.bgColor.black .newsLatest article.oneCol.blog,main .searchContent #ke_search_sword.searchInput{-webkit-border-radius:0;border-radius:0}

header ul.langMenu li:first-child a{-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}
header ul.langMenu li:nth-child(2) a{-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}


/* --- GLOBAL TRANSITIONS --- */

.prodList .startImg figure.subImg a{-webkit-transition:background-color .4s;transition:background-color .4s}
.slickNav.thumbNav-all .slick-current h3,.menu .level-3 > li.noSub > *:first-child a:hover,.prodList .startImg figure.subImg a:hover,
.catalog-filter-supplier > h2.cur,.catalog-filter-attribute > h2.cur{-webkit-transition:background-color .6s;transition:background-color .6s}

h1 a,h2 a,h3 a,h4 a,h5 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,
#toTopBox a,a.lightbox::after,#toTopBox a:hover,a.lightbox:hover::after{-webkit-transition:color .4s;transition:color .4s}

.billing h3{-webkit-transition:padding .4s;transition:padding .4s}
.billing.act h3,.billing.act h3::after{-webkit-transition:padding .6s;transition:padding .6s}

.searchContent,.billing h3{-webkit-transition:width .4s;transition:width .4s}
.searchContent.cur,.billing.act h3{-webkit-transition:width .6s;transition:width .6s}

header figure,.contentAcc .accItem,.cookieMan .collapse{-webkit-transition:max-height .4s;transition:max-height .4s}
.scrolled header figure,.contentAcc .accItem.expd,.cookieMan .collapse.cur{-webkit-transition:max-height .6s;transition:max-height .6s}

header:not(.transparent),.btn > *,.lnk > *,.btnInTxt,.btn > * strong,.contPage header > nav .search .hGroup:hover,.cardBody,.lnk.more > *::before,.newsLink::after,
.prodList .startImg figure.subImg a figcaption::after{-webkit-transition:all .4s;transition:all .4s}
.navExpd header:not(.transparent),.btn > *:hover,.lnk > *:hover,.btn > *:hover strong,.contPage header > nav .search .hGroup h5:hover,.cardBody.cur,
.contPage header > nav .search .hGroup h5:hover::before,.lnk.more > *:hover::before,.newsLink:hover::after,
.prodList .startImg figure.subImg a:hover figcaption::after{-webkit-transition:all .6s;transition:all .6s}

.menu .level-1 > li.close,figure img:hover{-webkit-transition:opacity .4s;transition:opacity .4s}

.scrolled .menu .level-1{-webkit-transition:all .2s;transition:all .2s}
.scrolled .menu .level-1.cur,.menu .level-2 li.hasSub > *:first-child::after,.menu .level-2 li.hasSub > *:first-child:hover::after,.menu .level-2 li.hasSub > *:first-child.cur::after,.menu .level-2 li.hasSub > *:first-child.cur:hover::after{-webkit-transition:all .6s;transition:all .6s}

header.transparent{-webkit-transition:background-color .2s,top .6s,height .6s,padding .6s;transition:background-color .2s,top .6s,padding .6s}
header.transparent figure{-webkit-transition:top .6s;transition:top .6s}


/* --- GLOBAL OPACITIES --- */

header.transparent > figure,header.transparent > figure,header.transparent .level-1,header.transparent .small{-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;-ms-opacity:0;opacity:0}
.menu.main .level-1.cur,.menu.main .level-2.cur,.navExpd .menu.main .level-2.act,.menu.main .level-3.cur,.navExpd .menu.main .level-3.act,
.menu.main .level-1.cur > li,.menu.main .level-2.cur > li,.menu.main .level-3.cur > li,.navExpd .menu.main .level-1.act > li,.navExpd .menu.main .level-2.act > li,.navExpd .menu.main .level-3.act > li,
figure a,p a:hover,.act > a,ul.cmenu li.hasSub input[type=checkbox]:checked ~ ul,ul.cmenu li.hasSub.act input ~ ul,ul.cmenu.siteMap ul{-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;opacity:1}


/* --- ANIMATIONS --- */

.accessNav ul#accessMenu li .btnSet > *:hover::after{
	-webkit-animation-name:fill;animation-name:fill;
	-webkit-animation-duration:.6s;animation-duration:.6s;
	-webkit-animation-delay:0;animation-delay:0;
	-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;
	}
@keyframes fill{
    0% {left:-100%}
    100% {left:0}
	}

.indexPage .accessNav #accessHandler span{animation:scaleFont .4s linear;animation-delay:1.5s;animation-fill-mode:forwards}
@keyframes scaleFont{
	0% {font-size:18px}
	100% {font-size:0}
	}

.flipBox{
	-webkit-animation-name:flip;animation-name:flip;
	-webkit-animation-duration:10s;animation-duration:10s;
	-webkit-animation-delay:2s;animation-delay:2s;
	-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
	}
@-webkit-keyframes flip {
	25% {-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
    50% {-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
    75% {-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
	}
@keyframes flip {
	25% {-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
    50% {-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
    75% {-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
	}

.search + section .btn.heart a span.heartImg{animation:pulse 2s infinite}
@keyframes pulse{
	10% {transform: scale(1.5)}
	}

#mediaBox .sliderItem .txtWrap .hGroup{animation:fadeIn .4s linear;animation-delay:1s;animation-fill-mode:forwards;-webkit-opacity:0;opacity:0}
/* .portalPage #newsBox section.news-pi1{animation:fadeIn .4s linear;animation-delay:.6s;animation-fill-mode:forwards;-webkit-opacity:0;opacity:0} */
@keyframes fadeIn{
    0% {-webkit-opacity:0;opacity:0}
    100% {-webkit-opacity:1;opacity:1}
	}