@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

body {font-family: "Red Hat Display", sans-serif;font-size:15px !important;font-weight:400;color:#001326}

/*******************************************************
Header
********************************************************/
header { background: #fff }
.Logo p{margin:0}
.Logo img{max-height:80px;padding:10px 0}

/*******************************************************
Right Corner button
********************************************************/
.nek-panel {
	position: fixed;
	bottom: 0px;
	width: 60px;
	height: 240px;
	right: 0px;
	z-index: 11;
	transition: all 0.5s
}
.nek-panel > div {
	height: 60px;
	background-size: cover;
	text-indent: -100px;
	overflow: hidden;
	transition: all 0.2s;
	cursor: pointer
}
.nek-panel .goHome { background: url(/Content/Archive/374/icon-right-71284.png) no-repeat top center rgba(250,167,27,0.8); }
.nek-panel .goHome:hover { background-color: rgba(250,167,27,1); }
.nek-panel .goSearch { background: url(/Content/Archive/374/icon-right-71284.png) no-repeat top 34% center rgba(242,88,34,0.8) }
.nek-panel .goSearch:hover {background-color: rgba(242,88,34,1) }
.nek-panel .goCMenu { background: url(/Content/Archive/374/icon-right-71284.png) no-repeat top 67% center rgba(199,44,40,0.8) }
.nek-panel .goCMenu:hover {background-color: rgba(199,44,40,1);}
.nek-panel .goContact { background: url(/Content/Archive/374/icon-right-71284.png) no-repeat bottom center rgba(0,0,0,0.8) }
.nek-panel .goContact:hover {background-color: rgba(0,0,0,1);}

/*Homepage Quality
********************************/
#section-26900 .article-list { height: 100vh; align-items: center; justify-content: end }
#section-26900 .article-list article { width: auto; flex-basis: auto; flex-grow:initial; }
#main-section-26900 { background: url(/Content/Archive/374/iStock_000019556033Large-l-71767.jpg) center center; background-size: cover; display: table; width: 100% }
#main-section-26900 .Ingress {padding:3rem;color: #fff;text-transform: uppercase;background:rgba(0,0,0,0.5)}
#main-section-26900 .Ingress p {font-size:3rem;margin:0;line-height:1.2em;letter-spacing:1px}
#main-section-26900 .Ingress p strong { color: #F25822;}


/*******************************************************
Product List
********************************************************/
#product-search-box{border-right:none !important;}
#product-search-label{background:#fff !important;border:solid 1px #001326;border-left:none}
#product-search-label i{font-size:24px}
#product-search-label i:hover{color:#29A0E2}
#product-search-reset-btn{width:100%;}
.remove-category-icon{font-size:20px;font-weight:700;margin:0;padding:0 0 0 5px;line-height:0}
.category-set-Checkbox{border-top:solid 2px #eee;border-bottom:solid 2px #eee;margin:20px 0;padding:10px 0}
.category-set-Checkbox #ShowMore {margin:0 !important}
#ShowMore{background-image: url('/Content/Archive/342/icon-plus.svg');width:22px;height:22px}
#ShowLess{background-image: url('/Content/Archive/342/icon-arrow-up.svg');width:22px;height:22px}
#ShowMore i, #ShowLess i{font-size:0;margin:0}
.category-set-Checkbox h4{padding:0;line-height:1em;font-size:24px;margin:0}
select#SortOrderType.form-select{min-height:33px !important;line-height:33px !important;padding:0 30px 0 10px !important;}
.product-result-title{font-weight:600 !important;line-height:33px}
.product-sote-order-text{line-height:33px}
.product-item{background:#fff;border:solid 1px #e0e0e0;padding:20px 20px 20px 20px;margin:20px 10px;transition:0.3s;position:relative;min-height:500px;}
.product-item:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1);transform: scale(1.015);border:none}
.product-item p{font-size:15px}
.product-listview .product-list-item .product-item{min-height:auto; overflow:hidden; }
.product-listview .product-list-item .product-image{float:left;  width:30%; margin-right:10px;}
.product-item p{margin:0}
.product-head{text-align:center;}
.product-image{text-align:center;height:240px;width:100%;display:flex;align-items: center;  justify-content:center;}
.stock-option-item-19 i{color:#fed766}
.stock-option-item-25 i{color:#0466BC}
.stock-option-item-26 i{color:#2b9fda}
.stock-option-item-27 i{color:#fd5b68}
.productDescription{margin:5px 0 0}

input#SiteStockOptionId19.form-check-input{background-color:#fed766}
input#SiteStockOptionId25.form-check-input{background-color:#0466BC}
input#SiteStockOptionId26.form-check-input{background-color:#2b9fda}
input#SiteStockOptionId27.form-check-input{background-color:#fd5b68}

#CheckAllSubCategoryBtn, #UnCheckAllSubCategoryBtn{padding:5px 10px;border:solid 1px #ddd;text-decoration:none !important;color:#0466BC;font-weight:500;}
#CheckAllSubCategoryBtn:hover, #UnCheckAllSubCategoryBtn:hover{background:#0466BC;border:solid 1px #0466BC;color:#fff}

/*List view button
*****************************/
.product-content-list-head{margin:0 0 30px 0;}
.product-list-view-box .view_box {padding:5px 10px;border:solid 1px #ddd;border-radius:3px}
.product-list-view-box .view_box:hover{background:#fc7028;border:solid 1px #fc7028;color:#fff}
.product-list-view-box .view_box a:hover{color:#fff;text-decoration:none}
.product-list-view-box .active {background:#f15825;border:solid 1px #f15825;padding:5px 10px;color:#fff}
.product-list-view-box .active a {color:#fff;text-decoration:none}
.product-list-view i{margin:0 10px 0 0}


.top.product-link{position:absolute; right:10px;top:10px;width:50px !important}


.productListName a strong{font-size:16px;color:#111}
.productListName a strong:hover{color:#f15825}

.container-fluid.product-content-list-body { padding: 0 } 

.product-item { margin: 0; height: 100%; min-height: auto; padding: 0px 0 0; border-color: rgba(224,224,224, 1) }
.product-item:hover { border: 1px solid rgba(224,224,224, 0); }
.product-list-item { padding:15px }

.product-variant-stock-options { position: relative; left: 0px; top: 10px;z-index: 9 }
.stock-option-item {height:20px}
.stock-option-item i {font-size: 10px;/* margin: 0; *//* line-height: 10px; *//* vertical-align: top; */}  

.top.product-link { z-index: 1 }

.product-content-list .product-item { padding-top: 32px }
.product-item .product-variant-stock-options { position: absolute;  margin-left:20px; }

.product-item:hover .product-link.float-end a:before,
.product-item:hover .product-link.float-end a:after { border-color: #29A0E2 }

.product-image { overflow: hidden; display: block; height: auto; position: relative; padding: 0; width: 80%; margin: auto }
.product-image:before { content: ""; display: block; padding-top: 100%; width: 100% }
.product-image img {position: absolute;top: 0;margin: auto;left: 0;right: 0;}

.ProductInfo { padding: 20px } 
.ProductInfo .productListName { margin-top: 10px }
.ProductInfo .productListName h4 { padding: 0; font-size: 14px }
.ProductInfo .productListName h4 strong { font-weight: 800 }
.ProductInfo .productDescription { font-size: 14px }
.ProductInfo .productDescription > * {font-size: 14px;font-weight: 500; color: #001326 !important }

.product-listview .product-list-item .product-image { width: 50%; margin: 0;float: none;padding: 0}
.product-listview .product-list-item+.product-list-item { margin-top: 30px }
.product-listview .product-list-item { width: 100% !important }
.product-listview .product-item { padding: 0 }
.product-listview .product-item > a { display: flex; flex-basis: 100%; width: 100%; align-items: center; height: 100% }
.product-listview .product-item .ProductInfo { width: 50%; padding-left: 30px; height: 100% }
.product-listview .product-item img { left: auto; transform-origin: 50% 0%; max-width: 360px; top: 50%; transform: translateX(50%) rotate(90deg)}
.product-listview .productListName h4,
.product-listview .productDescription { padding: 0 56px 0 0; word-break: break-all }
.product-listview .productListName { margin-top: 0px }

.product-listview .product-image:before { padding-top: 50%; width: 100%  }

.product-listview .top.product-link { height: 50px !important; bottom: 0; margin: auto !important; top: 0; right: 20px }
.product-listview .product-item .top.product-link img { transform: rotate(0deg) }
.list-group{border-radius:0}
.product-variant-dropdown .list-group-item:last-of-type{border:none !important}

.product-listview .product-list-item { width: 50% !important }
.product-listview .product-list-item:nth-child(2) { margin: 0 }


/*******************************************************
Product detail
********************************************************/
.panel-info{background: #F15825;background: linear-gradient(90deg, rgba(241, 88, 37, 1) 0%, rgba(255, 119, 41, 1) 100%);color:#fff;padding:5% 0}
.panel-info h1{font-size:4rem;color:#fff;margin:0}
.panel-content{padding:5% 0;}

/*Product variants
*************************/
.product-variants .dropdown-menu {background:transparent}
.product-variant-dropdown .dropdown { position: relative }
.product-variant-dropdown .row { display: inline-flex; width: 100% }
.product-variant-dropdown .dropdown-toggle::after { color: #111}
#product-variant-item-active {
	display: flex;
	border: 1px solid rgb(222, 226, 230);
	width: 100%; 
	text-align: left; 
	background: none;
	height: auto;
	border-radius: 5px;	
	padding: 16px 20px;
	align-items: center;
	justify-content: space-between;
}
.product-variants h4{font-weight:700;}
h3.product-variant-name{font-size:20px;font-weight:800;margin:0 0 10px;}
.product-variant-dropdown .product-variant-sku { color: #111 }
.product-variant-dropdown .stock-option-item { color: #111; overflow:hidden;height:auto;text-wrap: wrap; margin-top:5px; margin-bottom:5px; }
.product-variant-dropdown .dropdown-menu {width: 100%;padding: 0;transform: translate(0px, 80px) !important;}

/*Product Description button
*******************************/
.product-action-buttons .btn{background:transparent;color:inherit;border:solid 1px #001326;margin:0 10px 0 0}
.product-action-buttons .btn:hover{background:#f15825;color:#fff;border:solid 1px #f15825;}
.product-action-buttons a.btn.btn-outline-secondary{text-decoration:none}
.product-action-buttons i{margin:0 0 0 5px}


/*Product attribute tabs
*************************/
.product-attribute-tabs{margin-top:5%}
.product-attribute-tabs .nav-link{color:#111}
.product-attribute-tabs .nav-link:hover{color:#f15825}
.nav-tabs .nav-link.active{font-weight:800}

/*******************************************************
Footer
********************************************************/
footer{background:#111;}
footer p{color:#999}
footer h3 {color:#fff;margin:0 0 10px 0}
footer h4{font-size:20px;color:#f15825;margin:0 0 10px}
footer strong{color:#fff}
footer a:hover{color: #fff;}
footer .section-header h2{font-size:26px;color: #f15825; text-transform:uppercase;margin:30px 0}
footer .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {color: #f15825}
.Copyright .Ingress p{font-size:14px;margin:0;}
.Copyright .Ingress a{color:#ccc}
.Copyright .Ingress a:hover{color:#f15825}
#footer-section-26875 {border-top:solid 1px #333}

/*Contactinfo
*****************************/
#article-109440 img{height:60px;border:solid 1px #555;padding:15px;margin:0 0 20px 0;border-radius:50%}
#article-109440 p{margin:0}

/*Information
*****************************/
#section-26879 .section-header h2{font-size:18px;font-weight:500;color: #f15825; text-transform:unset;margin:0 0 10px;letter-spacing:1px}
#section-section-26880 .container-fluid{padding:0}

/*Customer services
*****************************/
footer .navbar-expand-lg .navbar-nav {flex-direction: column;}
footer a.nav-link {font-size: 15px;color: #fff;padding:3px 0 0 !important}
footer a.nav-link:hover{color: #f15825;padding:3px 3px 0 !important}
footer .navbar-collapse {flex-grow:0;align-items:start;}
#section-section-26882 .container-fluid{padding:0}


/*Popular Products
**********************************/
#main-section-26986{background:#fff}

/****************************************************************************
By Jorge
*****************************************************************************/
h1, h2, h3 {font-family: "Red Hat Display", sans-serif; margin:0 0 20px 0; font-weight:600; color:#111; letter-spacing:1px; line-height:1.2em}
h4, h5, h6 {font-family: "Red Hat Display", sans-serif; margin:10px 0; font-weight:500; color:#111; letter-spacing:0.5px; }
h1{ font-size:36px; letter-spacing:1px}
h2 { font-size: 24px }
h3 { font-size: 20px }
h4 { font-size:22px}
h5 { font-size: 16px }
h2.Title {font-size:32px;margin:0 0 20px 0;font-weight:800} 

p{font-family: "Red Hat Display", sans-serif !important;font-size:15px;font-weight:400;letter-spacing:0.5px;margin:0 0 20px 0}
.Body p{font-family: "Red Hat Display", sans-serif;font-size:20px;font-weight:400;line-height:1.5em;margin:0 0 30px;}
.Body h2{font-size:36px;font-weight:800;margin:20px 0}
.Body h3{font-size:30px;font-weight:700;margin:20px 0}

strong{color:#001326;font-weight:700}
pre {font-size:inherit}
.ArticleDetails{padding:5% 0;overflow:hidden}
li{font-family: "Red Hat Display", sans-serif;font-size:16px}
label{font-size:15px;font-weight:600;padding:0 0 5px}
a:link,a:visited,a:active {color: #f15825;transition: all 0.2s ease;text-decoration:none}
a:hover { color: #001326;text-decoration:underline}

.ImageCover .Image > span, .ImageCover span[style="background: url(/Content/no-image.jpg)"] {padding-top: 65%  !important;border-radius:0; display: block;background-size: cover !important;background-position: center center !important;}
.section-header h2{font-size:44px;margin:20px 0;font-weight:800;letter-spacing:3px;text-transform:uppercase}

.mfp-bg {background: #fff !important;opacity:1 !important;}
.mfp-figure:after{box-shadow:none !important}
.mfp-counter {color: #111 !important;font-size: 18px !important;}


.category-search-how-to .btn{font-size:28px !important;font-weight:700 !important;padding:0;width:50px;height:50px}

h2.Title a{font-size:24px;margin:20px 0}
.ArticleBody p{font-size:18px;}
h2.col.ArticleTitle{font-size:36px}
.ImageCover{ transition:0.3s;border-radius:7px;padding-right:0;padding:0 !important}
a.Image:hover{opacity:0.75;transition:0.3s}
#page-5937 main{padding:0}

a.readall{font-size:16px;letter-spacing:1px;background:#001326;color:#fff !important;padding:15px 25px;width:fit-content;margin:40px auto 0;}
a.readall:hover{background:#29A0E2;text-decoration:none}
.readall{text-align:center;display:block;}

.readall.btn{font-size:22px;font-weight:400;height:60px;line-height:60px;letter-spacing:1px;background:#001326;color:#fff !important;padding:0px 40px;width:fit-content;margin:40px auto 0;border-radius:5px}
.readall.btn:hover{background:#29A0E2;}

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
    appearance: none;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    min-height: 50px !important;
    line-height:40px!important;
    color:#001326 !important;
    font-weight:500 !important;
	border-radius:0px !important;
}

.form-check-input {width: 1.2em;height: 1.2em;border:solid 1px #001326;border-radius:0 !important;margin:0.15em 10px 0 0px}

blockquote {margin:50px;padding: 0 40px;border-left: 3px solid #f15825;}
blockquote em{font-size:30px;line-height:1.5em}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f15825;
    --bs-btn-border-color: #f15825;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #eb4a16;
    --bs-btn-hover-border-color: #eb4a16;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f15825;
    --bs-btn-active-border-color: #f15825;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #333;
    --bs-btn-disabled-border-color: #333;
	border-radius:2px;
	letter-spacing:1px
}

/*Cart
**********************************/
.view-cart {font-size: 0;background: url('https://files.expub.net/Content/Archive/374/cart-784183.png') #FAA71B no-repeat center;width: 46px; height: 46px;background-size:40px; transition: all 0.3s;margin:15px 0 0;border-radius:50%;transition:0.2s}
.view-cart:hover{background: url('https://files.expub.net/Content/Archive/374/cart-784183.png') #f3a60e no-repeat center;background-size:40px;scale:1.05;}

/*Newsletter
*****************************/
#btnNewsletterSubmit{padding:16px 15px}
#section-section-26881{border-left:solid 1px #333; border-right:solid 1px #333}

/*******************************************************
Menu
********************************************************/
#header-section-26877{background:#f15825}
a.nav-link {font-size:16px;color:#fff;text-decoration:none;letter-spacing:0.5px; padding:8px 15px !important}
a.nav-link:hover{color:#111}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {font-weight:700;color:#111}

/*******************************************************
Product Menu
********************************************************/
#section-26941 a.nav-link {font-size:16px;color:#111;padding:15px 20px !important}
#section-26941 .navbar-nav {border:solid 1px rgba(0,0,0,0.1);border-radius:5px}
#section-26941 .dropdown-menu {background: #f15825;padding: 10px 10px}
#section-26941 a.dropdown-item:hover{background:#e4430d;text-decoration:none;border-radius:0px}
#section-26941 .dropdown-item.active, #section-26941 .dropdown-item:active {background-color:#ff6a38;border-radius:0px}

/*******************************************************
Homepage V3
********************************************************/
/*Some of our projects
****************************/
#main-section-26988{ background: url(/Content/Archive/374/0115-321023.jpg) right bottom no-repeat; background-size: contain; text-align: left; position: relative; overflow: hidden; z-index: 0;padding:10vw 0 0 0}
#main-section-26988:after {
	content: "\00A0";
	display: block;
	background: rgba(255,255,255,1);
	width: 75%;
	height: 100vh;
	position: absolute;
	left: 0vw;
	top: 0px;
	transform: skew(-45deg);
	-webkit-transform: skew(-45deg);
	transform-origin: 0% 0%;	
	-webkit-transform-origin: 0% 0%;
	z-index:-1
}
#article-109533 {padding:0 30vw 0 0}
#article-109533 h2{font-size:42px}
#article-109533 img{padding:10px 10px 10px 0}

/*Slide
****************************/
#section-26977 #section-section-26974 { position: fixed; top: 0; z-index: -2; max-width: 100%; padding: 0 }
#section-26977 .section-list { height: calc(100vh - 180px); flex-direction:column;  align-items: center }
#section-26977 .section-list > section { width: auto; flex-basis: auto; width: 100%; max-width: 655px}
#article-109514{text-align:center}
#article-109514 a{color:#fff}
#article-109514 a:hover{color:#ff602b}
#article-109514 h2{font-size:30px;color:#fff}
#article-109514 p{color:#fff}
#main-section-26977 .carousel-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: .6;background: linear-gradient(180deg,#000000,rgba(0,0,0,0.5)0%)}
#main-section-26977 .carousel-control-next, .carousel-control-prev {display:none}
#article-109514 img{height:100px}

/*Connek
****************************/
.Connek{color:#fff;text-align:center;margin:40px 0 0}
.Connek img{float:none !important;margin:0 0 10px 0 !important;transition:0.2s}
.Connek img:hover{scale:0.95}
.Connek p{margin:0 0 20px 0 !important}

.Connek-product{position:relative;z-index:9;top:auto;bottom:0;padding:0 25%;color:#fff;text-align:center;margin:0px 0 0}
.Connek-product img{max-height:70px}
.connek-link{text-align:center;margin:40px 0 0}
.connek-link a{background:#ed5c27;color:#fff;text-decoration:none !important;display:block;width:fit-content;margin:20px auto 0;padding:15px 25px;border-radius:50px;transition:0.2s}
.connek-link a:hover{background:#e54004;color:#fff !important;}

/*Ship and offshore
****************************/
#main-section-26983 {background: url(/Content/Archive/374/bg-orange-71262.jpg) top center;background-size: cover;}
#article-109529 iframe{height:40vh}
#article-109529 p{color:#111}
#article-109529 h2.Title a{font-size:40px;color:#111;text-transform:uppercase}
#article-109529 a.readmore{color:#fff}
#article-109529 .readmore{background:#111;padding:15px 30px;display:block;width:fit-content}
#article-109529 .readmore:hover{background:#ed5c27;padding:15px 30px;display:block;width:fit-content}


.home-page main > section,
.home-page main > section .section-list.row { min-height: 100vh; align-items: center }
#main-section-26977, 
#main-section-26977 .section-list.row { min-height: auto; height: calc(100vh - 136px) }

#section-26985 { display: flex; }
#section-26985 .section-body-inner { background: #231F20 url(/Content/Archive/374/cmn-71729.png) center center no-repeat; padding: 36px; overflow: hidden; position: relative; box-shadow: 0px 0px 20px rgba(0,0,0,0.8); border-radius: 50%; }
#section-26985 .article-list { 
	width: 396px; 
	height: 396px; 
	border-radius: 50%;
	background: #f3f3f3;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
	margin: 0;
}

#section-26985 .section-body-inner:before { /*-- Circle logo in middle --*/
	content: "\00a0";	
	position: absolute;
	margin: -43px 0px 0px -43px;
	left: 50%; 
	top: 50%;
	display: block;
	width: 86px; 
	height: 86px;	
	background: url(/Content/Archive/374/logo-circle-72133.png) no-repeat center center;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
	border-radius: 50%;
	z-index: 9;
	overflow: hidden;	
}
#section-26985 .article-item { text-align: center; width: 262px; height: 227px; position: absolute; overflow: hidden; padding: 0 }
#section-26985 .article-item h2 { display: none }
#section-26985 .article-item:nth-child(2n+1) { background: #e7e7e7 }


#section-26985 .article-item p {margin: 4px 0px 0px 20px;padding-top: 160px;-webkit-transform: skew(-30deg) rotateZ(-60deg);transform: skew(-30deg) rotateZ(-60deg)}
#section-26985 .article-item:nth-child(1) { right: 67px; top: -142px; -webkit-transform: rotateZ(60deg) skew(30deg); transform: rotateZ(60deg) skew(30deg); }
#section-26985 .article-item:nth-child(2) { right: -128px; top: -29px; -webkit-transform: rotateZ(120deg) skew(30deg); transform: rotateZ(120deg) skew(30deg) }
#section-26985 .article-item:nth-child(3) { right: -129px; bottom: -29px; -webkit-transform: rotateZ(180deg) skew(30deg); transform: rotateZ(180deg) skew(30deg); }
#section-26985 .article-item:nth-child(4) { left: 67px; bottom: -142px; -webkit-transform: rotateZ(240deg) skew(30deg); transform: rotateZ(240deg) skew(30deg); }
#section-26985 .article-item:nth-child(5) { left: -129px; bottom: -29px; -webkit-transform: rotateZ(300deg) skew(30deg); transform: rotateZ(300deg) skew(30deg); }
#section-26985 .article-item:nth-child(6) { left: -129px; top: -29px; -webkit-transform: rotateZ(360deg) skew(30deg); transform: rotateZ(360deg) skew(30deg) }

#section-26985 .article-item { -webkit-transition: all 0.75s; transition: all 0.75s }
#section-26985 .article-item:hover { background: #ccc }
#section-26985 .article-item.active { background: #fff; box-shadow: 8px 8px 12px rgba(0,0,0,0.1); z-index: 7 !important }
#section-26985 .section-body-inner { -webkit-transition: all 0.5s; transition: all 0.5s }
.Rotate1 { -webkit-transform: rotateZ(-60deg); transform: rotateZ(-60deg)}
.Rotate2 { -webkit-transform: rotateZ(-120deg); transform: rotateZ(-120deg)}
.Rotate3 { -webkit-transform: rotateZ(-180deg); transform: rotateZ(-180deg)}
.Rotate4 { -webkit-transform: rotateZ(-240deg); transform: rotateZ(-240deg)}
.Rotate5 { -webkit-transform: rotateZ(-300deg); transform: rotateZ(-300deg)}

#section-26985 .article-item .readmore {
    z-index: 0;
    line-height: 40px;
    color: #fff;
    font-weight: 800;
    padding: 0;
	display: none;
	position: absolute;
	text-align: center;
	top: 155px;
	left: 155px;
	width: 120px; 
	text-align: center;
	margin: 5px 0px 0px 0px;	
	transform: skew(-30deg) rotateZ(-60deg);
	-webkit-transform: skew(-30deg) rotateZ(-60deg);
	color: #000;	
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	
}
#section-26985 .article-item .readmore:hover { color: #F25822;  }

/*100 years
*****************************/
#main-section-26897 {background: url(/Content/Archive/374/bg-dark-772380.jpg) top center;text-align:center;padding:5rem 0}
#main-section-26897 h2 {color: #F25822; font-size: 8rem; font-weight:900; text-transform: uppercase; text-shadow: 0px 0px 8px rgba(0,0,0,0.5); letter-spacing:5px}
#main-section-26897 h3 {color: #8A8A8A; font-size: 50px; text-transform: uppercase; text-shadow: 0px 0px 8px rgba(0,0,0,0.5) }
#article-68096 {padding:10rem;background: url(/Content/Archive/374/nek-71265.png) center center no-repeat}

/*Since 1913
*****************************/
#main-section-26898 {background: url(/Content/Archive/374/bg-dark-772380.jpg) top center;text-align:center;padding:5rem 0}
#main-section-26898 strong{color:#999}
#main-section-26898 p{color:#999}
#main-section-26898 img {margin: 20px; border:6px solid #555;transition:0.2s;opacity:0.7}
#main-section-26898 img:hover{margin: 20px; border:6px solid #F25822;scale:1.02;opacity:1}

.Outpage6818 #ContentArea > div > div:nth-child(2) .ArticleIngress { position: relative; font-size:20px; line-height: 1.4em }
.Outpage6818 #ContentArea > div > div:nth-child(2) .Body > div { position: relative }

.Outpage6818 #ContentArea > div > div:nth-child(2) .ArticleIngress > div > p {
	padding-top: 20px; 
	box-sizing: border-box;
	width: 100px;
	height: 100px; 
	color: #000; 	
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0px 0px -50px;
	z-index: 1;
	line-height: 1.2;
}
#main-section-26898 .ArticleIngress > div > p:after { background: #F25822; box-shadow: 0px 2px 12px rgba(0,0,0,0.6) }
.Outpage6818 #ContentArea > div > div:nth-child(2) .ArticleIngress > div > p > strong {font-size: 32px }

/*Project
********************************/
#main-section-26901 { background: url(/Content/Archive/374/bg-project-772361.jpg) top center; background-size: cover; text-align: center; display: flex; flex-basis: 100%; align-items: center; justify-content: center; height: 100vh; }

#section-26901 .Title { position: relative; z-index: 9; margin-bottom: 120px; display: none }
#section-26901 .Ingress > div { height: 100%; transform: rotate(-45deg); }
#section-26901 .Ingress p { font-size: 22px }

#article-68114.article-item.col > div {background: #F25822;margin: 0px auto; width: 340px;height: 340px; color: #111; transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);}
#article-68114.article-item.col > div img {width: 100px;margin: 20px 0 10px}
#article-68114.article-item.col > div > p {transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);height: 340px}


/*Our Qualification
*****************************/
#main-section-26899{background: #f5f5ff;text-align: center;display: table;width: 100%;padding:5rem}
#main-section-26899 > div { display: table-cell; vertical-align: middle; text-align: center; position: relative }
#main-section-26899 h2 { margin:0 0 20px 0;text-transform: uppercase; text-align: center }
#main-section-26899 .Ingress {font-size: 0px;}
#main-section-26899 .Ingress > div > div {
	background: #fff;
	display: inline-table;
	vertical-align: top;
	width: 200px;
	height: 200px;
	margin: 0px 41px;
	box-shadow: 0px 2px 20px rgba(0,0,0,0.1);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	overflow: hidden;
	font-size: 14px !important;
}
#main-section-26899 .Ingress > div > div > p {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	line-height: 1.4em;		
}	
#main-section-26899 > div > div:nth-child(2) .Ingress > div { position: relative }
#main-section-26899 > div > div:nth-child(2) .Ingress > div:nth-child(1) { z-index: 3; -webkit-transform: translate(0,60px); transform: translate(0,60px) }
#main-section-26899 > div > div:nth-child(2) .Ingress > div:nth-child(2) { z-index: 2 }
#main-section-26899 > div > div:nth-child(2) .Ingress > div:nth-child(3) { z-index: 1; -webkit-transform: translate(0,-60px); transform: translate(0,-60px) }

#main-section-26899 > div > div:nth-child(2) .Ingress > div:nth-child(1) > div:nth-child(2) p{ font-size: 24px;font-weight: 700;line-height:1.2em}
#main-section-26899 > div > div:nth-child(2) .Ingress > div:nth-child(1) img { max-width: 90% }
#main-section-26899 > div > div:nth-child(2) .Ingress > div:nth-child(2) img { vertical-align: middle; max-width: 80%	}
#main-section-26899 > div > div:nth-child(2) .Ingress > div:nth-child(3) img { max-width: 40% }
#main-section-26899 > div > div:nth-child(2) .Ingress > div:nth-child(3) > div:nth-child(1) img:nth-of-type(1) { max-width: 60%; padding-bottom: 10px }

#AsideArea > div > div:nth-child(2) .ArticleIngress > div:nth-child(4) {
	width: 28vw;
	height: 28vw;
	background: #0d0d0d;
	position: absolute;
	transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	right: -14vw;
	bottom: -14vw;
}





/*******************************************************
Article detail V3
********************************************************/
/*Notification
*****************************/
#main-section-26885{background:#f5f5ff}

/*******************************************************
Contact us Page
********************************************************/
/*Map
*****************************/
.map p{margin:0}
.map iframe{height:33vw}


/*Cookies
*****************************/
.cc-color-override-589671430.cc-window {background-color:rgb(255,255,255,4) !important; padding:40px 15% !important;color:#111 !important}
.cc-window {z-index: 99999 !important; font-family:inherit !important;}
.cc-color-override-589671430 .cc-btn {background:#f15a29 !important;border-radius:5px;text-decoration:none;padding:15px 50px;color:#fff !important}
.cc-color-override-589671430 .cc-btn:hover{background:#f5801a !important;}
a.cc-link{color:#f15a29 !important;opacity:1;text-decoration:underline}
a.cc-link:hover{color:#111 !important;}
.cc-banner .cc-message {margin-right: 5em !important}




/* Attribute tab
===============================================================================*/
.AttributeGroupItem { margin-bottom: 24px; overflow: hidden }
.AttributeGroupItem pre { margin: 0px; font-family: inherit }
.AttributeGroupItem h3 { border-bottom: 2px solid #efefef; padding: 8px 12px; font-size: 24px !important }
/*-- Basic --*/
.AttributeGroupItem .AttributeText { padding: 5px 0px }
.AttributeGroupItem .AttributeText .Label { width: 35%; font-weight: 600; color: #000; padding: 4px 12px; display: inline-block; vertical-align: top; text-align: left }
.AttributeGroupItem .AttributeText .ValueList {width: 63%;padding: 3px 10px;display: inline-block;text-align: left}
.AttributeGroupItem .AttributeText .ValueList .Value { display: inline-block }
.AttributeGroupItem .AttributeText:nth-of-type(2n+2) { background: #f7f7f7 }
/*-- Certificate --*/
.AttributeGroupItem .AttributeGroupItemValue { text-align: center }
.AttributeGroupItem .AttributeGroupItemValue .AttributeImage { display: inline-block }
/*-- Table --*/
.AttributeGroupItem .AttributeTable thead { color: #2b3e50; font-weight: 700 }
.AttributeGroupItem .AttributeTable th { padding: 4px; vertical-align: top}
.AttributeGroupItem .AttributeTable tbody tr:nth-of-type(2n+1) { background: #f7f7f7; }

.AttributeGroupItem .AttributeTable tbody, .AttributeGroupItem .AttributeTable td, .AttributeGroupItem .AttributeTable th{border:none}


/*-- Attribute at variant details --*/
.AddProductAttributeForm .AttributeItemName { font-weight: bold }
.AddProductAttributeForm .AttributeItemValue { display: inline-block; position: relative; min-width: 36px; line-height: normal; text-align: center; vertical-align: top; cursor: pointer; margin-bottom: 8px }
.AddProductAttributeForm .AttributeItemValue > input { position: absolute; opacity: 0 }
.AddProductAttributeForm .AttributeItemValue > label > span { background-color: #e4e4e4; display: block; line-height: 36px; min-height: 36px; transition: all 0.2s; cursor: pointer;position: relative; padding: 0 7px }
.AddProductAttributeForm .AttributeItemValue > label > span img { max-height: 72px }
.AddProductAttributeForm .AttributeItemValue > label > span:before { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.1); top: 0; left: 0; transition: border-color 0.2s }
.AddProductAttributeForm .AttributeItemValue > input:checked + label > span { background-color: #d2d2d2;  }
.AddProductAttributeForm .AttributeItemValue > input:checked + label > span:before { border-color: #323232; border-width: 2px }
.AddProductAttributeForm .AttributeItemValue > label > span.AttributeItemValueColor,
.AddProductAttributeForm .AttributeItemValue > label > span.AttributeItemValueImage { padding: 0 }

.AttributeColorPicker .AttributeItemName { font-weight: bold }
.AttributeColorPicker .AttributeItemValue { display: inline-block; position: relative; min-width: 36px; line-height: normal; text-align: center; vertical-align: top; cursor: pointer; margin-bottom: 8px }
.AttributeColorPicker .AttributeItemValue > input { position: absolute; opacity: 0 }
.AttributeColorPicker .AttributeItemValue > label > span { background-color: #e4e4e4; display: block; line-height: 36px; min-height: 36px; transition: all 0.2s; cursor: pointer;position: relative; padding: 0 7px }
.AttributeColorPicker .AttributeItemValue > label > span img { max-height: 72px }
.AttributeColorPicker .AttributeItemValue > label > span:before,
.AttributeColorPicker .AttributeItemValue > label > span:after { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.1); top: 0; left: 0; transition: border-color 0.2s }
.AttributeColorPicker .AttributeItemValue > input:checked + label > span { background-color: #d2d2d2;  }
.AttributeColorPicker .AttributeItemValue > input:checked + label > span:before { border-color: #323232; border-width: 2px }
.AttributeColorPicker .AttributeItemValue > input:checked + label > span:after { border-color: #fff; border-width: 2px; width: calc(100% - 4px); height: calc(100% - 4px); margin: 2px }
.AttributeColorPicker .AttributeItemValue > label > span.AttributeItemValueColor,
.AttributeColorPicker .AttributeItemValue > label > span.AttributeItemValueImage { padding: 0 }



.shoppingcart-items .quantity-cart-item .btn { height: 50px !important; line-height: 30px !important; width: 50px !important; padding: 0 !important }
.shoppingcart-items .quantity-cart-item .btn i { margin: 0 }
.shoppingcart-items .quantity-cart-item input { text-align: center; padding: 0 0 0 15px !important }

/*******************************************************
Search detail
********************************************************/
.search-result-list{padding:5% 0}
.search-list-item{margin:20px 0}

/*******************************************************
Search how to open popup
********************************************************/
.modal-dialog{top:80px;}
.category-search-how-to{width:50px;position: absolute;top: 768px;height:50px;text-align:center; margin-left:-70px;border-radius:50px 0 0 50px!important;}

/*Product Image slide
*********************************/
#productImagesCarouselFade { border: 0 } 
#productImagesCarouselFade .carousel-inner {border: 1px solid #e4e4e4;background:#fff}



/*Mot oss
***************************************/
#article-107871 h1{font-size:50px;margin:0;display: block; position: relative;}
#article-107871 p{font-size:22px}

#article-107871 h1:before {
    content: "";
    position: absolute;
    width: 1px;
    border-right: 4px solid #fff;
    height:50px;
    top: 0;
    bottom: 0;
    right:48px;
    margin: auto;
	transform: rotate(-45deg)
}
#article-107871 h1:after {
    content: "";
    position: absolute;
    width:40px;
	height:40px;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;   
    top:0;
    bottom: 0;
    right:30px;
    margin: auto;
    transform: rotate(-0deg)
}

#section-25138 .article-item{border:dotted 1px #29A0E2;}
#section-25138 h2{font-size:28px;margin:0 0 20px;min-height:150px}
#section-25138 a{color:#29A0E2}
#section-25138 a.readmore{font-size:0px;margin:0;display: block;position:relative;}
#section-25138 a.readmore:before {content: "";position: absolute;width: 1px;border-right:3px solid #29A0E2;height:30px;top: 0;bottom: 0;right:0px;margin: auto;transform: rotate(-90deg)}
#section-25138 a.readmore:after {content: "";position: absolute;width:20px;height:20px;border-right: 3px solid #29A0E2;border-bottom: 3px solid #29A0E2;   top:0;bottom: 0;right:-13px;margin: auto;transform: rotate(-45deg)}
#section-25138 ul{list-style:none;margin:0;padding:0}
#section-25138 li{font-size:16px;color:#fff;line-height:1.8em}

/*****************************************
Homepage
******************************************/
/*Vi kabler Norge
************************/
#main-section-25394{background:#f4f4f6;padding:3% 0}
#article-107927{text-align:center}
#article-107927 p{font-size:30px;font-weight:500; color:#001326}
#section-25189 h2.Title a{font-size:14px;text-transform:uppercase;background:#29a0e2;color:#fff;padding:9px 15px;text-decoration:none}
#section-25189 h2.Title a:hover{background:#0466BC;color:#fff}

#section-25189 h2.Title {position:relative;left:20px;top:-25px}
#section-25189 p {font-size:22px;font-weight:500; color:#001326;position:relative;left:20px;top:-10px}

/*Our partners V3
************************/
h1.Title{font-size:50px;padding:0 0 40px 0;margin-bottom:40px; position:relative;text-align:center; letter-spacing:1px;}
h1.Title:before { content:"";position:absolute;width:15%;height:7px;left:0;right:0;bottom:0;margin:auto;background:#29a0e2; }

#article-92029 .Body > p {padding:60px 20px;margin:0;float:left;width:25%;vertical-align:top;text-align:center;border:solid 1px #e4e9f4;}
#article-92029 img{transition: transform .2s; max-height:60px; vertical-align:middle;}  
#article-92029 img:hover{  transform: scale(1.1)}  
#article-92029 .Body > p:nth-child(1){border-top:none;border-left:0;border-right:0}
#article-92029 .Body > p:nth-child(2){border-top:none;border-right:0}
#article-92029 .Body > p:nth-child(3){border-top:none;border-right:0}
#article-92029 .Body > p:nth-child(4){border-top:none;border-right:none;border-right:none}
#article-92029 .Body > p:nth-child(5){border:none;}
#article-92029 .Body > p:nth-child(6){border-top:none;border-bottom:none;border-right:none;}
#article-92029 .Body > p:nth-child(7){border-bottom:none;border-top:none;border-right:none}
#article-92029 .Body > p:nth-child(8){border-bottom:none;border-top:none;border-right:none}


/**********************************
Bransjer
***********************************/
#section-25280 .category-list-item.col-md-4:nth-child(1){width:50%}
#section-25280 .category-list-item.col-md-4:nth-child(2){width:50%}
#section-25280 .category-list-item.col-md-4 .Image > span {padding-top:70% !important}
#section-25280 .category-list-item.col-md-4:nth-child(1) .Image > span {padding-top:60% !important}
#section-25280 .category-list-item.col-md-4:nth-child(2) .Image > span {padding-top:60% !important}

.categoryDescription p{font-size:20px;font-weight:500;color:#001326}
.categoryName h4{font-size:15px;text-transform:uppercase;margin:10px 0 10px}
.categoryName h4 strong{color:#001326}
.categoryName h4 strong:hover{color:#29a0e2}

/**********************************
Om oss
***********************************/
#main-section-25611{background:#001326;color:#fff;padding:5% 0}
#main-section-25611 p{font-size:24px;margin:0}
#main-section-25611 h2{font-size:50px;color:#fff}
#article-107940 h1{text-align:left;}
#article-107940 h1.Title:before {height:0px}
#article-107940 h3{font-size:30px}
#article-107864 img{float:left;width:50%;margin:0 5% 20px 0}
#article-107864 h1{font-size:56px;}
#article-107941 p{text-align:right;padding:10px 0 0}
#article-107941 h1{font-size:56px;padding:0 0 0 40px;margin:0}
.historie .col-lg-6:nth-child(1) p{text-align:left !important;padding:40px 0 0 !important}
#main-section-25643{background:#001326;color:#fff;padding:5% 0}
#main-section-25643 h2{font-size:50px;color:#fff;}
#main-section-25643 h3{color:#fff;}
#article-108384 .row{justify-content:center;}
.Teknisk img{height:110px;margin:30px 0 50px}
.Teknisk .bg-light {min-height:310px;background:#F4F4F6 !important}
.Teknisk p{margin:0 10px;line-height:1.5em}
.Teknisk a{color:#001326;font-weight:600;font-size:20px;letter-spacing:0}
.Teknisk a:hover{color:#29a0e2;text-decoration:none}

/*Faq
************************/
#section-25103 h5{font-size:22px;margin:0;}
#section-25103 h5 a{text-decoration:none}
#main-section-25299 .section-header h2{border-bottom:solid 5px #0466BC;padding:0 0 50px}

/**********************************
Kabeltyper
***********************************/
#section-25205{background:#001326;padding:4% 0}
#section-25205 p{font-size:24px;color:#fff}
#section-25205 h2.Title{font-size:36px;color:#fff}

/*Sok filtrer produkter
******************************/
#main-section-25211{background-image:url(/Content/Archive/342/search-bg-667566.jpg);background-size:cover;background-position:center }
#section-25211{background-color:rgb(0,19,38,0.6)}
#section-25211{text-align:center;color:#fff;padding:4% 0}
#section-25211 h1{color:#fff}
#section-25211 .btn{background:#29A0E2}
#section-25211 .btn:hover{background:#0466BC}

#main-section-25328{background:#001326;color:#fff;text-align:center;background-image: linear-gradient(358deg, rgb(0 19 38) 0%, rgb(0 0 0 / 40%) 0%), url(/Content/Archive/342/search-bg-675786.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}
#main-section-25328 h1{color:#fff;}
#main-section-25328 #product-search-reset-btn{background:#29A0E2}
#main-section-25328 #product-search-reset-btn:hover{background:#0466BC}

/*News Slide
******************************/
#section-25182 #carouselArticleSlide .ImageCover .Image > span{padding-top:95% !important;}
#section-25182 .ArticleIngress{min-height:260px}
#section-25182 h2 {font-size:46px;color:#001326;padding:20px 0 0}
#section-25182 h2 a{color:#001326;padding:0px 0 0}
#section-25182 h2 a:hover{color:#29A0E2}
#section-25182 p{font-size:20px;}
.slide-button button{border-radius:60px !important;height:60px !important;width:60px !important;background:#fff !important;border:solid 1px #ccc;margin:0 10px;padding:0;line-height:60px;}
.slide-button button:hover{background:#29A0E2 !important}
.slide-button button:nth-of-type(1){margin:0 10px 0 0}
.slide-button button i{font-size:20px;color:#001326;margin:0}

/*Tilbehor
******************************/
#main-section-25291{background:#f5f5f5}

/**********************************
Kontakt oss
***********************************/
#main-section-25137 .section-header{background:#001326;color:#fff;text-align:center;padding:7% 0; margin:0 0 5% 0;background-image: linear-gradient(358deg, rgb(0 19 38) 0%, rgb(0 0 0 / 40%) 100%)}
#main-section-25137 .section-header h2{font-size:50px;color:#fff;}


/*****************************************
Mobile Site
******************************************/
@media screen and (max-width: 991px) {

/*******************************
Header Mobile
********************************/
header{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.Logo img {height:50px;margin:5px 0;padding:0}
    
/*******************************
Menu Mobile
********************************/
#section-26877>div{padding:0;margin:0}
.menu-list-wrapper .navbar-toggler {right:10px;border: solid 2px #ccc}
.menu-list-wrapper .navbar-toggler span i {background: #111}
.navbar-light .navbar-nav .nav-link {font-size:20px;}
a.nav-link{color:#fff;padding:10px 10px}
a.nav-link:hover{color:#fff}
.navbar-expand-lg {margin: 0;padding: 0;width: 100%}
.menu-list-wrapper .navbar-collapse ul {padding:5px 10px;}
.menu-list-wrapper .navbar-collapse ul li a {white-space: wrap;padding-left: 10px;}
.menu-list-wrapper .navbar-collapse li {word-break: break-word;}
a.dropdown-item{font-size:18px;color:#131b2a !important;padding:7px 15px;text-decoration:none;word-break: break-word;}
.dropdown-menu{background:#fff;padding:10px 10px;}
#nav-item-14870 {background: url(/Content/Archive/780/tel-688771.png) no-repeat center right 10px;padding: 0 30px 0 0;background-size: 15px;margin:0}

/*Sub menu
***********************/
.menu-list-wrapper .navbar-collapse ul { position: absolute; z-index:9999;right: 0px; top: 0px;height: 100vh; transform:translateX(100%); -webkit-transform:translateX(100%) }
.navbar-nav{background:#f15825}
.menu-list-wrapper .navbar-collapse {position: absolute; right: 0px; top: 0px; height: 100vh;overflow: hidden; background: rgba(255,255,255,0.0)}
.menu-list-wrapper .navbar-collapse.collapsing { height: 100vh !important; width: 100vw }
.menu-list-wrapper .navbar-collapse.show {width: 100%;background: rgba(255,255,255,0.95)}


/*******************************
Main Css V3
********************************/
.Body h2{font-size:30px}
blockquote {margin:20px;padding: 0 0 0 25px;}
blockquote em{font-size:20px}

/*Cart Mobile
**********************************/
.view-cart {width: 40px; height: 40px;background-size:30px !important; margin:10px 50px 0 0;right:80px}

/*100 years mobile
*****************************/
#main-section-26897 {background: url(/Content/Archive/374/bg-dark-772380.jpg) top center;}
#main-section-26897 h2 {color: #F25822; font-size: 5rem;letter-spacing:2px}
#main-section-26897 h3 {color: #8A8A8A; font-size: 30px;}
#article-68096 {padding:2rem;}

	
}

.goUp, .goDown {
	background: url(/Content/Archive/374/arrow-y-71285.png) rgba(0,0,0,0.3);
	background-size: cover;
	border-radius: 50%;
	position: fixed;	
	width: 4%;
	text-indent: -100%;
	overflow: hidden;
	height: 4vw;
	left: 50%; 
	margin-left: -2vw;
	z-index: 50;
	transition: all 0.6s;
	cursor: pointer;
}
.goUp { background-position: top center; top: 2%; opacity: 0; display: block }
.goDown { background-position: bottom center; bottom: 2%; }
.goUp:hover, .goDown:hover { background-color: rgba(0,0,0,1) }