body {
margin: auto;
background-color: #fff;
font-family: "Open Sans",Arial,sans-serif;
width: 100%;
}

a {
color: #323232;
text-decoration:none;
}

a:hover {
color: #323232;
text-decoration:nunderline;
}

.navbar-style {
background-color: #10131a;
border: 0px;
padding-top:0px;
}

.navbar-default .navbar-nav>li>a {
color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover {
color: #97C93E;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #00baff;
}
.navbar-default .navbar-nav .linkedin a,
.navbar-default .navbar-nav .facebook a,
.navbar-default .navbar-nav .twitter a,
.navbar-default .navbar-nav .youtube a {
    height:20px;
}

.nav.nav-pills a {
    background: #616969;
    color:#fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    line-height: 30px;
    
}

.nav.nav-pills a:hover,
.nav.nav-pills a:focus
{
    color:#f2f2f2;
    background:#616969;
}

.nav.nav-pills li {
    border-right: 1px solid #8B8B8B;
}
.nav.nav-pills li:last-child {
    border-right:none;
}


.nav.nav-pills li.active a {
    background:#f2f2f2;
    color:#000;
}

.btn-default {
border-radius: 5px !important;
    -moz-border-radius:5px !important;
    -webkit-border-radius: 5px !important;
color:#ffffff;
font-weight:bold;
background-color: #ab33ff;   
/*height: 33px;*/ 
width: auto; 
border:none;
/*font-size:13px;*/
} 

.signup-btn {
    height:50px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    font-size:14px !important;
    background-color: #00baff !important;
    color: #fff;
}

.signup-btn:hover {
    background-color:#437fc1 !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active
{
/*border-radius: 0px;*/
color:#ffffff;
font-weight:bold;
background-color: #7751a1;    
} 
.divcuprodus .btn.btn-default {
    width:130px;
    line-height: 18px;
}

.sectionHeader {
    -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-left:12px;
line-height: 30px;
color:#fff;
background:#25262e;
font-weight:bold;
}

.abonament {
    display:inline-block;
    
}
.abonament:before {
    content: "(";
}
.abonament:after {
    content: ")";
}

.price-style {
    /* float:left;  */
    margin-right:5px;
    display:inline-block;
}
.linkedin {
background-image: url('../images/inn.png');
height:18px;
width:23px;
display: inline-block;
background-repeat: no-repeat;
margin-top:5px;
margin-right:8px;
}

.linkedin:hover {
background-image: url('../images/innh.png');
height:18px;
width:23px;
display: inline-block;
background-repeat: no-repeat;
margin-top:5px;
margin-right:8px;
}

.facebook {
background-image: url('../images/fb.png');
height:18px;
width:23px;
display: inline-block;
background-repeat: no-repeat;
margin-top:5px;
margin-right:8px;
}

.facebook:hover{
background-image: url('../images/fbh.png');
}

.twitter {
background-image: url('../images/tw.png');
height:18px;
width:23px;
display: inline-block;
background-repeat: no-repeat;
margin-top:5px;
margin-right:8px;
}

.twitter:hover {
background-image: url('../images/twh.png');
}

.youtube {
background-image: url('../images/youtube.png');
height:18px;
width:23px;
display: inline-block;
background-repeat: no-repeat;
margin-top:5px;
margin-right:8px;
}

.youtube:hover {
background-image: url('../images/youtubeh.png');
}

.headermenu {
color: #ffffff;
}

.container .row .listmenu {
font-size:16px;
}

.vline {
background-image: url('../images/vline.png');
height:10px;
width:1px;
display: block;
}

.flag {
background-image: url('../images/flag.png');
background-repeat: no-repeat;
height: 20px;
width: 30px;
display: inline-block;
margin-top:5px;

}



/* .caption {
            height: 240px !important;
} */

/* .thumbnail {
            height: 540px !important;
        } */
#demo li {
    line-height: 1.7;
    padding-left: 25px;
}
.filter-products div,
.filter-category div {
    padding-left: 5px;
}
.filter-all div {
    padding-left: 15px;
}
.filters-active div {
    line-height: 1.7;
}
.product-title {
    font-size: 16px;
    margin-bottom: 5px;
}
.price-line {
    font-size: 20px;
}

.abonament {
    font-size: 12px;

}
.whytobuy ul {
    padding-left:15px;
	list-style-image: url('../../../data/image_collections/Join_icons/checkmark.png')
}
.whytobuy li{
    text-align:left;
    font-size:13px;
}
.bottom-price {
   /*  height: 70px; */
}

.caption {
    padding:9px 3px !important;
}

.product-box {
    padding: 0px 5px;
}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
 border: none;
}

@media only screen and (max-width: 768px) {
    
            .filter-products.filter-category {
                border: 0;
            }
            .filter-title {
                max-width: 89px;
                line-height: 1.5;
                font-size: 12px;
            }

            /* .short-info {
                max-height: 80px !important;
            } */
        }
        @media all and (max-width: 1200px) {
           /*  .product-title {
               font-size: 0.9em;
           } */
            /* .caption {
                height: 260px !important;
            } */
            .thumbnail {
                height: auto !important;
            }
            .price-line {
                font-size: 14px;
            }

           /*  .short-info {
               height: 30px !important;
           } */
        } 

.articleContainer {
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#fff;
padding:15px 15px 30px 15px;
margin-top:30px;
/*border:1px solid #e4e4e4;*/

-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.1);
}

.articleContainer .articleTitle h1 {
    margin:0;
}
.articleContainer .article-content-middle {
    padding:0 15px 0 15px;
}

.articleContainer .articleTitle h1:before {
    padding-left:-15px;
}

.carousel-control {
    width:5%;
}

.carousel-control.right,
.carousel-control.left
{
    background-image:none;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right:10px !important;
    margin-right:0px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left:0px !important;
    left:10px;
}
.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before{
    content:none;
}


#orderForm {
    display:table-cell;
    width:65%;
}
#contentRight {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
    width: 20%;
}

.dropdown .dropdown-toggle  {background-color: #606061; padding-bottom:10px; padding-top:10px;}
.dropdown .dropdown-toggle2 {background-color: #1A1B1B; padding-bottom:10px; padding-top:10px; }


.nopadd {
    padding: 0;
    
}
.nomargin {
    margin: 0;
}

.caret { color:#fff; }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a {
background-color: #606061; 
}

.nav>li>a {padding:5px 13px;}

.dropdown-menu { background-color: #565656; text-align:right; }

.dropdown-menu>li>a { color:#fff; }

.dropdown-menu>li>a:hover { color:#fff; background-color: #97C93C;}


.navbar-style a:hover {
text-decoration: none;
}

.navbar{
margin-bottom: 0px;
min-height: auto;
}

.welcome {
color: #323232;
}

.welcome:hover {
color: #97C93E;
text-decoration: none;
}

.smartfilter {
background-image: url('../images/smartfilter.png');
width:158px;
height:26px;
background-repeat: no-repeat;
}

.banner {
width:100%;
background-color:#cbcecf;
height:100%;
}


.imglogo {
text-align:center;  
}

@media screen and (min-width: 401px) {
    
.container .row .div1 .list-unstyled {
padding-left:10px;
}  
   
}


@media (min-width: 50px) and (max-width: 991px) {
.container .row .navbar-form .btn {
margin-top: 15px;
}
}

@media (min-width:768px) and (max-width:990px) {
    .image-comparative {
        background-size: 99% !important;
    }
    .image-comparative a {
        top:80px !important;
        font-size:13px !important;
    }
}


@media screen and (min-width: 768px) {
    
.container .row .div3 .titleproductindex {
font-size:16px;
}   
    
.container .row .div4 .titleproductindex {
font-size:16px;
}     
    
.container .row .titlelevel {
color:#616969;    
font-weight:bold;
margin-top:0px; 
font-size: 20px;
padding-left:15px;
width:100%;
padding-top:5px;
}        
    
.myacos {
text-align:right;
padding-top:7px;
}


    
.welsmfil {
padding-top:7px;
text-align:left;
}
    
.myfidel {
text-align:right;
}
    
.navbar-form .form-control {
width:580px;
height:50px;
background-color:#ebfffe;
border: 1px solid #00baff;
border-radius: 0px;
} 


.button_div_left {
    line-height: 16px;
    float:none;
}
.button_div {
    background-color: #4a8b38;
    border: medium none;
    color: #ffffff;
    font-weight: bold;
    height: 30px;
    width: auto;
    border-radius: 5px !important;
    -moz-border-radius:5px !important;
    -webkit-border-radius: 5px !important;
    white-space: nowrap;
} 
.button_div:hover, 
.button_div:focus {
    background: #3d772d;
}
.button_div .button_div_left {
    padding:0 15px 0 15px ;
 
}
.button_div  .button_div_right {
    display: none !important;
}
    

    
.footer {
background-color: #000;
height: 100%;
}

.footer > .container > .padded {
    padding-top:30px;
    padding-bottom:30px;
}
    
.copy {
color:#ffffff;
opacity: 0.5;
padding-top:10px;
/*float:left;*/
overflow:hidden;
} 
 
.footerlist {
color: #ffffff;
text-transform: uppercase;
}     
    
.footerlist a {
color: #ffffff;
line-height:40px;


}    
}

.account {
font-weight: bold;
color: #323232;
}

.account:hover {
font-weight: bold;
color: #323232;
text-decoration: underline;
}

.fidelityc {
text-align:right;
color: #323232;
}

.fidelityc:hover {
text-align:right;
color: #97C93E;
-moz-transition:color .3s ease-in;
-o-transition:color .3s ease-in;
-webkit-transition:color .3s ease-in;
text-decoration: none;
}

.container .row .div1 .list-unstyled {
padding-left:10px;
}


.row .titlelevel {
padding-left:25px;
margin-top:0px; 
font-size: 20px;
}

.mainmenu {
color: #323232;
}

.mainmenu:hover {
color: #00baff;
text-decoration: underline;
}

.tabell {
background-color: #ffffff;
border-radius: 10px;
border: 1px solid #cccccc;
width:100%;
height:272px;
}

.div1 {
background-color: #616969;
width:22%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding-top:10px;
padding-bottom:10px;
float:left;
overflow:hidden;
}

.list1 a {
color: #ffffff;
font-size:15px;  
font-weight: bold;
line-height: 30px;
text-shadow: 0px 1px #272626;
text-align:left;
}

.td2 {
float:left;
overflow: hidden;
width:18%;
padding-right:15px;
}

.vertline1 {
border-left:1px solid #cccccc;
height:271px;
float: left;
overflow: hidden;
}

.greenline {
background-color: #97C93E;
height: 27px;

overflow:hidden;
border-top-right-radius: 10px;
color: #ffffff;
text-align:center;
line-height:27px;
}

.wrapper {
float: left;
overflow: hidden;
width: 100px;
padding-bottom:5px;
}

.divcuprodus {
float:left;
overflow: hidden;
max-width:180px;
padding-left:5px;
}

.div2 {
line-height:50px;
padding-left:15px;
width:100%;
}

.filteropt {
color: #323232;
text-decoration: none;   
}

.filteropt:hover {
color: #323232;
text-decoration: underline;
}


.div3 {
float:left;
overflow: hidden;
padding-left:35px;
padding-top: 20px;
width:29%;
margin-bottom:15px;
}





.row, .navbar-form{
    margin-left: 0;
    margin-right: 0;
}
    

.vertline {
border-left:1px solid #cccccc;
height:200px;
float:left;
overflow: hidden;
width:1px;
margin-top:20px;
margin-bottom:20px;
}

.div4 {
float:right;
overflow: hidden;
padding-top: 20px;
width: 28%;
padding-left:10px;
margin-bottom:15px;
}



@media (min-width:768px) and (max-width: 891px) {
    
.container .row .tabell {
height: 410px;
} 
    
.container .row .tabell .div1 {
height:409px;
}  
    
.container .row .tabell .div2 {
height: 409px;
} 
    
.container .row .tabell .td2 {
height: 409px;
}    
}


@media (min-width:892px) and (max-width: 991px) {
.container .row .tabell {
height: 430px;
} 
    
.container .row .tabell .div1 {
height:429px;
}  
    
.container .row .tabell .div2 {
height: 429px;
} 
    
.container .row .tabell .td2 {
height: 429px;
}    
}


@media (min-width:992px) and (max-width: 1200px) {
.container .row .tabell .td2 {
height: 409px;
border-right: 1px solid #cccccc;
}  
    
.container .row .tabell {
height: 410px;
} 
    
.container .row .tabell .div1 {
height:409px;
}    
}

@media (min-width:950px) and (max-width: 1200px) {
.container .row .div1 .list-unstyled {
padding-left:10px;
}     
    
.div4 {
float:left;
overflow: hidden;
padding-top: 20px;
width: 28%;
padding-left:35px;
}

.div3 {
float:left;
overflow: hidden;
padding-left:40px;
padding-top: 20px;
width:28%;   
}    
  
.row .tabell {
height:390px;
}

.row .tabell .div1 {
height:390px;
}

.row .tabell .td2 {
height: 369px;
border-right: 1px solid #cccccc;
}    
    
.row .tabell .div2 {
line-height: 40px;
} 
 
.row .tabell .vertline1 {
display:none;
}

.row .tabell .div1 .list1 {
line-height: 25px;
}    
    
}


@media (max-width:768px) {
    .mobHide, .hideMob{
        display:none;
    }
    
    table.responsiveTable {width: 100% !important;}
    
    td.responsiveTd {
        width: 100% !important;
        display: block !important;
        height:initial;
        padding:1px !important;
        text-align:justify;
    }
    
    .frM{
    float:right;
    }
    
    
    td.responsiveTd table {
        height:initial !important;
    }
    #contentRight{
        display:none;
    }


}


@media (min-width:768px) and (max-width: 991px) {        
    
.row .tabell {
height:370px;
}         
    
.row .tabell .td2 {
height: 369px;
border-right: 1px solid #cccccc;
} 

.row .tabell .div2 {
line-height: 30px;
}     
    
.row .tabell .div1 {
height:370px;
} 
    
.row .tabell .div1 .list1 {
line-height: 25px;
} 
    
.vertline1 {
display: none;
} 
    
.div4 {
float:left;
overflow: hidden;
padding-top: 20px;
width: 28%;
padding-left:25px;

}



}


/*test*/

/* .modal-transparent */

.modal-transparent {
  background-color: transparent;
  padding-top:63px;  
     
      
}
.modal-transparent .modal-content {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: .9;
  filter: alpha(opacity=90);     
}

.modal-dialog {
width: 100%;
background-color: transparent;  
}

.modal-content {
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    border: 0px !important;
}



.modal-body {
padding: 0px;
border-radius: 100px;    
}

.modal-backdrop {
    background-color: transparent; 
}


 


.sectionBox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#fff;
    box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.1);
    -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.1);
    padding:5px 0 30px 0px;
    margin-bottom:30px;
}

.sectionBox h2,
.sectionBox h3{
    font-family: "Open Sans", "Helvetica", Arial, sans-serif;
    font-weight:bold;
    margin:10px 0 10px 30px;
}
.sectionBox h2 {
    font-size:20px;
}
.sectionBox h3 {
    font-size:18px;
}

.sectionBox .productBox .title a {
    font-size:16px;
    font-weight:bold;
    font-family: "Open Sans", "Helvetica", Arial, sans-serif;
}
.sectionBox .productBox .title a:hover {
     border-bottom:1px solid #97c93c;
     text-decoration: none;
     
}

.sectionBox .productBox .shortDescription {
    font-size:13px;
    height:54px;
    margin-top:10px;
    margin-bottom:10px;
    overflow-y: hidden;
    color:#323232;
}

.sectionBox .productBox > div {
    margin-bottom:40px;
}

.sectionBox .productBox .price {
    float:none;
    display: inline-block;
}

.sectionBox .productBox .btn-details {
    margin-top:10px;
}

.buy-button a.btn {
    width:120px;
}
.buy-button:hover {
    background:none;
}

#sendDevis label {
    font-weight:normal !important;
}

.article-content-middle {
    text-align: left !important;
}

.image-comparative a {
        top:91px;
        font-size:15px;
    }