/*responsit.se*/
body.page-Checkout #CheckoutMyInfo{
display:none
}
.fw-container{
max-width:1380px
}
#top-header-container>div>div>div>div.fw-right>li{
list-style-type:none;
padding:0 10px;
font-family:'Ubuntu',sans-serif;
font-size:13px
}
#top-header-container>div>div>div>div.fw-right>li a{
color:#fff
}
.header,.main-section{
margin:0 auto;
width:100%;
max-width:1380px
}
#ContentWrapper,
#Main>.fw-flex-row{
margin-right:0;
margin-left:0
}
.main-section .fw-container{
position:relative;
padding-right:0;
padding-left:0;
max-width:100%
}
.topimagewrap{
position:relative;
width:100%;
max-width:1380px;
height:auto;
top:0;
right:0;
bottom:0;
left:0;
margin:0 auto 5px;
background-color:#000000;
display:block;
text-align:center;
overflow:hidden
}
.topimagewrapbg{
position:relative;
overflow:hidden;
width:100%;
height:25vh;
min-height:360px
}
.topimagewrapbg>img{
position:absolute;
top:0;
right:50%;
bottom:0;
left:50%;
transform:translate(-50%, 0);
margin:auto;
min-width:1300px
}
.topimagewrapbg>h2{
color:rgb(255,255,255);
position:absolute;
width:100%;
height:130px;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
font-size:clamp(36px, 6vw, 73px)
}
.fullscreen-video{
display:block;
width:100%;
height:100%;
object-fit:fill
}
h1,h2{
font-size:2rem;
color:rgba(204,19,23,255)
}
.startimgwrap{
display:flex;
flex-wrap:wrap
}
.startimg{
margin-top:.5rem;
margin-bottom:.5rem
}
.startimg img{
object-fit:cover;
min-height:30vh;
max-width:100%;
height:auto;
vertical-align:middle
}
.startimg{
flex-shrink:0;
width:100%;
max-width:100%;
padding:5px
}
@media (min-width: 992px){
.startimg{
flex:0 0 auto;
width:25%
}
}
/*cookiewarning*/
#pnlCookieWarning{
position:fixed;
top:auto;
bottom:0;
left:0;
background-color:#000000;
border-bottom:0 none;
color:#ffffff;
padding:20px 5px;
text-align:center;
width:100%;
height:auto;
-webkit-box-shadow:0 -10px 25px 0 rgb(0 0 0 / 25%);
-moz-box-shadow:0 -10px 25px 0 rgba(0,0,0,.25);
box-shadow:0 -10px 25px 0 rgb(0 0 0 / 25%);
}
/*logo*/
.header #top-header-container #Logo{
position:relative;
width:100%;
height:100%;
max-width:177px;
max-height:32px
}
.header #top-header-container #Logo a{
padding:17px 0 0;
width:100%;
height:100%
}
.header #top-header-container #Logo:after{
content:'Alcro Studio';
color:rgb(255,255,255);
position: absolute;
bottom:-36px;
left:35px
}
.header #top-header-container #Logo a img{
width:167px;
height:auto
}
/*header*/
.header #top-header-container {
background-color:#000000;
border-bottom:0 none;
min-height:70px
}
.header #bottom-header-container{
background-color:#000000;
border-bottom:0 none;
box-shadow:0
}
.header #top-header-container .header-item{
color:#ffffff;
border-left:0 none
}
/*mainmenu*/
.header #bottom-header-container .nav-menu{
text-align:right;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
transition:all .3s ease-in-out !important
}
#Tree ul.fw-list-striped li.tree{
display:none;
background-color:rgba(255,255,255,0.0);
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
transition:all .3s ease-in-out !important
}
.offcanvas-open #Tree ul.fw-list-striped li.tree{
display:block
}
#MainMenu .menu-sub-toggle.dropdown{
position:relative
}
#MainMenu ul i{
position:absolute;
display:none !important;
top:6px;
right:2px
}
#MainMenu ul span i:before{
color:#000000;
font-size:10px
}
.header #bottom-header-container .nav-menu ul.menu li.active > div .fw-icon-down-open:before{
color:#fff;
font-size:10px
}
#MainMenu li ul i{
position:absolute;
display:none !important;
top:3px;
right:5px
}
.header #bottom-header-container .nav-menu ul.menu li.menu-has-sub > div:after,
.header #bottom-header-container .nav-menu ul.menu li.menu-has-sub > span:after{
content:'\f105';
color:#000000;
font-size:14px;
font-family:"fontello";
font-style:normal;
font-weight:normal;
display:inline-block;
padding:0 0 0 5px;
text-decoration:inherit;
text-align:center;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.header #bottom-header-container .nav-menu ul.menu-sub-content li.menu-has-sub > div:after,
.header #bottom-header-container .nav-menu ul.menu-sub-content li.menu-has-sub > span:after{
color:#000000
}
.header #bottom-header-container .nav-menu ul.menu{
display:block;
width:100%;
margin:0 auto
}
.header #bottom-header-container .nav-menu ul.menu ul{
text-align:center
}
.header #bottom-header-container .nav-menu ul li span,
.header #bottom-header-container .nav-menu ul li a{
font-weight:400;
font-size:15px;
font-family:Arial,Verdana,Sans-Serif;
min-height:15px;
line-height:15px
}
.header #bottom-header-container .nav-menu ul ul li span,
.header #bottom-header-container .nav-menu ul ul li,
.header #bottom-header-container .nav-menu ul ul li > div{
color:#586c85;
font-weight:400;
font-size:12px;
font-family:Arial,Verdana,Sans-Serif;
min-height:20px;
line-height:20px
}
.header #bottom-header-container .nav-menu ul ul li a{
min-height:20px;
line-height:20px;
padding:5px 0 5px 10px !important
}
.header #bottom-header-container .nav-menu ul.menu li.menu-has-sub:hover > .menu-sub-content.dropdown{
visibility:visible
}
.header #bottom-header-container .nav-menu ul li .dropdown li span,
.header #bottom-header-container .nav-menu ul li .dropdown li a{
padding:0 20px
}
.header #bottom-header-container .nav-menu ul.menu>li.menu-has-sub>ul>li.menu-has-sub>div,
.header #bottom-header-container .nav-menu ul.menu>li.menu-has-sub>ul>li.menu-has-sub>span,
.header #bottom-header-container .nav-menu ul.menu>li.menu-has-sub>ul>li.menu-has-sub>a{
font-weight:400;
font-size:15px;
min-height:20px;
line-height:20px;
padding:5px 0 5px 10px;
color:#000000
}
.header #bottom-header-container .nav-menu ul.menu>li.menu-has-sub>ul>li.menu-has-sub .menu-sub-content{
top:20px;
left:40px
}
.header #bottom-header-container .nav-menu ul ul li a,
.header #bottom-header-container .nav-menu ul.menu li.active > a,
.header #bottom-header-container .nav-menu ul.menu li.active .active > a,
.header #bottom-header-container .nav-menu ul.menu li.active .active > span{
color:#000000;
background-color:inherit
}
.header #bottom-header-container .nav-menu ul li .dropdown li{
border:0 none
}
.header #bottom-header-container .nav-menu ul.menu li .menu-sub-content.dropdown{
text-align:left;
border-top:0 none;
border-right:1px solid rgba(31,38,47,.15);
border-bottom:1px solid rgba(31,38,47,.15);
border-left:1px solid rgba(31,38,47,.15);
border-radius:0;
line-height:1.55em;
text-align:left;
width:200px;
position:absolute;
background-color:rgba(255,255,255,0.98);
z-index:7000;
visibility:hidden;
display:block;
right:auto;
left:0px;
box-shadow:0 5px 10px 0 rgba(31,38,47,.1)
}
.header #bottom-header-container .nav-menu ul.menu li .menu-sub-content.dropdown.right-edge{
right:0;
left:auto
}
.header #bottom-header-container .nav-menu ul.menu li .menu-sub-content.dropdown .menu-sub-content{
border-top:1px solid rgba(31,38,47,.15);
top:30px;
left:60%
}
.header #bottom-header-container .nav-menu ul.menu li .menu-sub-content.dropdown > li{
float:left;
width:100%
}
.header #bottom-header-container .nav-menu ul.menu li .menu-sub-content.dropdown > li ul{
width:auto
}
.header #bottom-header-container .nav-menu ul.menu li .menu-sub-content.dropdown > li li{
float:left;
width:auto;
min-width:200px
}
.header #bottom-header-container .nav-menu ul li a:focus,
.header #bottom-header-container .nav-menu ul.menu li a.current,
.header #bottom-header-container .nav-menu ul.menu li.active > div a,
.header #bottom-header-container .nav-menu ul.menu li.active > span,
.header #bottom-header-container .nav-menu ul.menu > li.menu-has-sub > div:hover:after,
.header #bottom-header-container .nav-menu ul.menu > li.menu-has-sub > span:hover:after,
.header #bottom-header-container .nav-menu ul.menu > li.menu-has-sub.active > div:after,
.header #bottom-header-container .nav-menu ul.menu > li.menu-has-sub.active > span:after,
.header #bottom-header-container .nav-menu ul.menu li.active > span,
.header #bottom-header-container .nav-menu ul.menu li.active > div a,
.header #bottom-header-container .nav-menu ul li span:hover,
.header #bottom-header-container .nav-menu ul li a:hover,
.header #bottom-header-container .nav-menu ul li > a:hover{
color:#000000;
text-decoration:none;
background-color:transparent
}
.header #bottom-header-container .nav-menu ul.menu li.level1 div a:focus,
.header #bottom-header-container .nav-menu ul.menu li.active > span,
.header #bottom-header-container .nav-menu ul.menu li.active > div a,
.header #bottom-header-container .nav-menu ul.menu li a.current,
.header #bottom-header-container .nav-menu ul li span:hover,
.header #bottom-header-container .nav-menu ul li a:hover,
.header #bottom-header-container .nav-menu ul li > a:hover{
background-color:#fff
}
.header #bottom-header-container .nav-menu ul.menu li.level1 > a.current{
color:#fff;
background-color:transparent;
cursor:pointer;
text-decoration:underline
}
.header #bottom-header-container .nav-menu ul.menu > li.level1.menu-has-sub.active > span:after{
color:#fff;
background-color:transparent;
cursor:auto
}
.header #bottom-header-container .nav-menu ul.menu > li.level1.menu-has-sub > span:hover:after{
color:#000000;
background-color:transparent;
cursor:auto
}
.header #bottom-header-container .nav-menu ul.menu li.active > div a:hover,
.header #bottom-header-container .nav-menu ul li a:hover{
background-color:#eaedf1
}
.header #bottom-header-container .nav-menu ul > li a:hover{
background-color:#fff
}
.header #bottom-header-container .nav-menu ul.menu > li.active > div a:hover,
.header #bottom-header-container .nav-menu ul > li > a:hover{
color:#fff;
background-color:transparent;
text-decoration:underline
}
.header #bottom-header-container .nav-menu ul.menu li.active .active > a.current{
color:#005387;
text-decoration:underline
}
.header #bottom-header-container .nav-menu ul ul li > a:hover{
background-color:transparent !important;
color:#3f4e60 !important
}
.header #bottom-header-container .nav-menu ul.menu li.menu-has-sub span.menu-active,.header #bottom-header-container .nav-menu ul.menu li.menu-has-sub span.menu-active:hover{
background-color:#fff;
color:#586c85
}
ul.fw-list-striped li{
border:0 none
}
.aside .nav-tree li a{
display:block;
}
.aside .nav-tree{
border-top:0 none;
margin-top:0;
font-family:'Open Sans',sans-serif
}
.aside .nav-tree li a.current{
color:#005387
}
.aside .nav-tree li div,
.aside .nav-tree li ul{
border:0 none
}
.aside .nav-tree ul.fw-accordion.fw-list-striped > li > div{
border-top:0 none
}
.aside .nav-tree li ul{
border-bottom:1px solid rgba(31,38,47,.1)
}
.aside .nav-tree li ul:last-child{
border-bottom:0 none
}
.aside .nav-tree li div,
.aside .nav-tree li ul{
background-color:rgba(31,38,47,.08)
}
.aside .nav-tree .fw-accordion > li > div,
.aside .nav-tree .fw-accordion > li > ul{
background-color:rgba(31,38,47,.0)
}
.aside .nav-tree li a{
color:#333
}
.aside ul.soft{
display:none
}
/*company-private*/
#Company>div{
float:left;
padding:0 18px
}
#Company>div a{
color:#ffffff
}
#Company>div a:hover{
color:#ffffff;
text-decoration:underline
}
/*banner*/
#Bannerset_top-s .bannerset-inner{
position:relative;
max-height:263px
}
#Bannerset_top-s .banner{
position:relative
}
#Bannerset_top-s .banner-inner-content{
position:absolute;
top:0;
left:0;
margin:10px 20px;
text-align:left
}
#Bannerset_top-s .banner-inner-content h2{
font-size:3.5rem;
font-weight:700;
color:rgba(204,19,23,255)
}
#Bannerset_top-s .banner-inner-content p{
font-size:1.25rem;
font-weight:700;
color:rgba(255, 255, 255, 255)
}
#Bannerset_top-s .slick-dots{
position:absolute;
right:0;
bottom:0;
left:0;
margin:0 auto 20px
}
#Bannerset_top-s button{
-webkit-appearance:button;
appearance:button;
height:4px;
color:transparent;
background-color:rgba(255,255,255,.6)
}
#Bannerset_top-s button.fw-button-active{
color:transparent;
background-color:#ffffff
}
/*breadcrumb*/
.breadcrumbs-section{
border-bottom:0 none
}
/*footer*/
#MainFooter_BannersetsFooter{
display:none
}
.page-Start #MainFooter_BannersetsFooter{
display:block
}
footer{
padding:2.5em 0 2em;
background-color:#ffffff
}
footer a{
color:#ffffff
}
footer a:hover{
color:#ffffff;
text-decoration:underline
}
#MainFooter_FooterInner.fw-flex-row{
-webkit-flex-direction:row-reverse;
-moz-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
#MainFooter_FooterCompanyInfo{
background-color:#000000;
padding:30px
}
#MainFooter_FooterMenusContent{
background-color:rgba(204,19,23,255)
}
#MainFooter_FooterMenusContent [class*="fw-col-"]{
padding:30px
}
footer h4,
footer .companyName{
font-size:2rem;
font-weight:700;
margin-top:0;
margin-bottom:.5rem
}
footer>.fw-container>.fw-flex-row{
place-content:center
}
/*responsive*/
	/*responsive min*/
@media only screen and (min-width: 1201px){
footer>.fw-container>.fw-flex-row>.fw-col-xlg-10{
-webkit-flex-basis:100%;
-moz-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
}
@media only screen and (min-width:1025px){
.fw-col-lg-5{
-webkit-flex-basis:calc(100% - 330px);
-moz-flex-basis:calc(100% - 330px);
-ms-flex-preferred-size:calc(100% - 330px);
flex-basis:calc(100% - 330px);
max-width:calc(100% - 330px)
}
}
@media only screen and (min-width:769px){
footer .fw-col-md-4,
footer .fw-col-md-8{
-webkit-flex-basis:100%;
-moz-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.header #top-header-container .header-item{
padding:0 1em
}
.header #bottom-header-container{
width:calc(100% - 200px);
margin:-38px 0 0 200px
}
.header #bottom-header-container .nav-menu ul li{
width:auto;
display:inline-block
}
.header #bottom-header-container .nav-menu{
background-color:rgba(255,255,255,0.0)
}
.header #bottom-header-container .nav-menu ul li span,
.header #bottom-header-container .nav-menu ul li a{
color:#fff
}
.header #bottom-header-container .nav-menu ul.menu li.level1.active > span,
.header #bottom-header-container .nav-menu ul li.level1 > span:hover{
color:#fff;
background-color:transparent;
cursor:auto;
text-decoration:underline
}
.header #bottom-header-container .nav-menu ul.menu li.menu-has-sub > div:after,
.header #bottom-header-container .nav-menu ul.menu li.menu-has-sub > span:after{
color:#ffffff;
font-size:10px
}
.header #bottom-header-container .nav-menu ul.menu ul li.menu-has-sub > div:after,
.header #bottom-header-container .nav-menu ul.menu ul li.menu-has-sub > span:after{
color:#000000
}
.header #bottom-header-container .nav-menu ul.menu > li.level1.menu-has-sub > span:hover:after{
color:#ffffff
}
}
	/*responsive max*/
@media only screen and (max-width:768px){
#pnlCookieWarning{
bottom:72px
}
footer .footerMenu, footer .flags-wrapper{
border-top:0 none;
padding-top:0;
margin-top:0
}
.header #bottom-header-container .nav-menu ul.menu ul{
text-align:right;
}
.header #bottom-header-container .nav-menu ul.menu ul span,
.header #bottom-header-container .nav-menu ul.menu ul a{
padding:.766rem 2.133rem!important
}
#Bannerset_top-s .slick-dots{
margin:0 auto 10px
}
#Bannerset_top-s .banner-inner-content h2{
margin-top:0;
margin-bottom:0;
font-size:10vw
}
#Bannerset_top-s .banner-inner-content p{
margin-top:0;
margin-bottom:0;
font-size:4vw
}
#Company>div{
float:none;
padding:2px 15px
}
}
@media only screen and (max-width:480px){
#Company{
position:absolute;
top:0;
right:0;
margin:38px 0 0 0;
font-family:'Ubuntu',sans-serif;
font-weight:normal;
font-size:13px;
line-height:1.5
}
#Company>div{
float:left;
padding:2px 15px
}
}
@media only screen and (max-width:399px){
#MainFooter_BannersetsFooter{
display:none!important
}
}
@media only screen and (max-width:527px){
#Header .fw-col-xs .fw-right{
margin-top:20px
}
#Header .fw-col-xs .fw-right li:nth-child(1){
position:absolute;
top:5px;
right:80px
}
#Header .fw-col-xs .fw-right li:nth-child(2){
position:absolute;
top:5px;
right:10px
}
}
@media only screen and (max-width:365px){
#Header .fw-col-xs .fw-right{
margin-top:30px
}
.header #top-header-container #Logo a{
padding-top:25px
}
.header #top-header-container #Logo:after{
bottom:-40px
}
}