:root {
    --topmeny-item-1: 100px;
    --topmeny-item-2: 0px;
    --topmeny-item-3: 0px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  
}
body {
  /* Margin bottom by footer height */
}


ul[style='list-style-type: checkmark;'] li {
    list-style-type: none;
    padding-left: 8px;
    font-family: Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-left: 10px;
}

    ul[style='list-style-type: checkmark;'] li:before {
        font-family: 'FontAwesome';
        content: '\f00c';
        color: #658a5f;
        font-size: 16px;
        padding-right: 10px;
        margin-left: -26px;
        display: inline-block !important;
        width: 26px;
    }

ul[style='list-style-type: checkmark-black;'] li {
    list-style-type: none;
    padding-left: 8px;
    font-family: Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-left: 10px;
}

ul[style='list-style-type: checkmark-black;'] li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    color: #000000;
    font-size: 16px;
    padding-right: 10px;
    margin-left: -26px;
    display: inline-block !important;
    width: 26px;
}

ul[style='list-style-type: checkmark-orange;'] li {
    list-style-type: none;
    padding-left: 8px;
    font-family: Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-left: 10px;
}

ul[style='list-style-type: checkmark-orange;'] li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    color: #ed863f;
    font-size: 16px;
    padding-right: 10px;
    margin-left: -26px;
    display: inline-block !important;
    width: 26px;
}

.notify, .notify a, .notify a:hover {
    background-color: #557b84;
    color: #ffffff !important;
    text-align: center;
    font-size: 14px;
    padding: 5px 0px 5px 0px;
}

.notv {
    display: none;
}

.blue-offset 
{
    background-image:url('/images/bg-01.png'); 
    background-repeat:no-repeat; 
    background-size:cover;
}

.cookie-settings {
    font-size: 16px;
    z-index: 99;
    float: right;
    position: fixed;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    color: #333333;
    padding: 2px 4px 0px 5px;
    border: 1px solid #d3d3d3;
    box-shadow: 1px 1px 5px -5px rgba(155,151,151,0.75);
    border-radius: 15px;
    background-color: #ffffff;
    transition: all 3s;
}
    .cookie-settings:hover:after {
        font-size: 12px;
        color: #000000;
        content: 'Cookie inst\00E4llningar';
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        margin-right: 5px;
    }

    .contact-tab-orange {
        font-family: Arial, Geneva, sans-serif !important;
        font-size: 14px;
        z-index: 99;
        background-color: #ED863F;
        float: right;
        position: fixed;
        bottom: 300px;
        right: -57px;
        cursor: pointer;
        color: #ffffff;
        padding: 2px 15px 2px 15px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        transform: rotate(90deg);
    }

.contact-tab-black {
    font-family: Arial, Geneva, sans-serif !important;
    font-size: 14px;
    z-index: 99;
    background-color: #000000;
    float: right;
    position: fixed;
    bottom: 300px;
    right: -57px;
    cursor: pointer;
    color: #ffffff;
    padding: 2px 15px 2px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transform: rotate(90deg);
}


.region-link {
    display: inline-block !important;
    margin-left: 5px;
    font-size: 16px;
    text-decoration: none !important;
}

.region-link_new {
    display: inline-block !important;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 16px;
    text-decoration: none !important;
    border: 1px solid #ffffff;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    background-color: #beaf97;
    color: #ffffff !important;
    transition: all 0.5s;
}

.region-link_new:hover {
    background-color: #ab9e8a;
    color: #000000 !important;
    transition: all 0.5s;
}

ol, ul, dl 
{
    padding-left: 1rem;
}

hr {
    color: #7e7c7c;
}

.background-blue 
{
    background-color: #e6ecf2 !important;
}

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

.responsive-table {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.small-back, .small-back:hover {
    font-family: Arial, Geneva, sans-serif !important;
    font-size: 14px !important;
    color: #444444 !important;
    padding: 0px;
    margin: 0px;
    text-decoration: none !important;
}

.small-back-icon {
    font-size: 20px !important;
    color: #444444 !important;
    vertical-align: bottom;
    margin-bottom: 2px;
}

.small-back-wrapper {
    background-color: #eeeeee;
    padding: 3px 10px 3px 10px;
    border-radius: 0px;
    z-index:99; 
    bottom:80px;
    left:40px;
}


.youtube {
    aspect-ratio: 16/9;
    width: 100% !important;
}



/*VIDEO START*/
    header {
    position: relative;
    background-color: #ba905f;
    height: 40vh;
    min-height: 40rem;
    width: 100%;
    overflow: hidden;
}

header video {
  position: absolute;
  top: 80%;
  left: 80%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-80%) translateY(-80%);
  -moz-transform: translateX(-80%) translateY(-80%);
  -webkit-transform: translateX(-80%) translateY(-80%);
  transform: translateX(-80%) translateY(-80%);
}

header .container {
  position: relative;
  z-index: 2;
}
/*VIDEO END*/

.form-control {
    font-size: 14px !important;
    border: 1px solid #d3d3d3 !important;
    background-color:transparent !important;
}

.form-control:focus {
    border-color: rgba(27, 81, 114, 1) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(27, 81, 114, 0.60);
}

.startpage-wrapper .btn-white
{
    margin-top:10px;
    color:#c11109 !important;
    min-width:200px;
}

#contact {
    scroll-margin-top: calc(var(--topmeny-item-1) + var(--topmeny-item-2) + var(--topmeny-item-3));
}   
 
.contact-label 
{
    padding-top: 10px;
    padding-bottom: 3px;
}

.contact-radio 
{
    padding-right: 10px;
}

.contact-radio>label {
    padding-left: 5px;
}

.startpage-wrapper .btn-trans {
    margin-top: 10px !important;
    color: #dddddd !important;
    background-color: transparent !important;
    border-color: #dddddd !important;
    width: 200px !important;
    padding: 10px 30px !important;
}

.startpage-wrapper img {
    width:100%;
}
.social-icons-wrapper 
{
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left:10px !important;
}

.social-icons {
    font-size: 26px !important;
    margin-right: 10px !important;
    color:#ffffff !important;
}

.btn {
    font-size: 14px !important;
    border: 1px solid #d3d3d3 !important;
    border-radius: 10px !important;
    padding: 5px 15px !important;
    background-color: transparent !important;
    color: #000000 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.btn:link {
    padding: 2px 15px;
    font-size: 14px;
    background-color: transparent !important;
    color: #fff;
    text-decoration: none;
}

.btn:hover {
    color: #7e7c7c !important;
    background-color: transparent !important;
    border: 1px solid #7e7c7c !important;
}

.btn:focus {
    color: #000000 !important;
    background-color: transparent !important;
}

.btn-inline {
    margin-bottom: 2px;
    height: 34px;
}

.btn-big {
    font-size: 18px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border: 1px solid #d3d3d3 !important;
    border-radius: 10px !important;
    padding: 5px 15px !important;
    background-color: transparent !important;
    color: #000000 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.btn-big:link {
    padding: 2px 15px;
    font-size: 14px;
    background-color: transparent !important;
    color: #fff;
    text-decoration: none;
}

.btn-big:hover {
    color: #7e7c7c !important;
    background-color: transparent !important;
    border: 1px solid #7e7c7c !important;
    }

.btn-big:focus {
    color: #000000 !important;
    background-color: transparent !important;
}

.btn-small {
    font-size: 12px !important;
    border: 1px solid #007394 !important;
    border-radius: 10px !important;
    padding: 5px 15px !important;
    background-color: transparent !important;
    color: #007394 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.btn-small:link {
    padding: 2px 15px;
    font-size: 14px;
    background-color: transparent !important;
    color: #fff;
    text-decoration: none;
}

.btn-small:hover {
    color: #7e7c7c !important;
    background-color: transparent !important;
    border: 1px solid #7e7c7c !important;
}

.btn-small:focus {
    color: #000000 !important;
    background-color: transparent !important;
}

.btn-black {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top:2px;
    margin-bottom:2px;
}

.btn-black:link {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-black:visited {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-black:hover {
    background-color: #222222 !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-black:focus {
    background-color: #000000 !important;
}


.btn-black-form {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
}

.btn-black-form:link {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-black-form:visited {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-black-form:hover {
    background-color: #222222 !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-black-form:focus {
    background-color: #000000 !important;
}


.btn-4f6364 {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #4f6364 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-4f6364:link {
    background-color: #4f6364 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-4f6364:visited {
    background-color: #4f6364 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-4f6364:hover {
    background-color: #4f6364 !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-4f6364:focus {
    background-color: #4f6364 !important;
}

.btn-525c64 {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #525c64 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-525c64:link {
    background-color: #525c64 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-525c64:visited {
    background-color: #525c64 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-525c64:hover {
    background-color: #525c64 !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-525c64:focus {
    background-color: #525c64 !important;
}

.btn-8c5955 {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #8c5955 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-8c5955:link {
    background-color: #8c5955 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-8c5955:visited {
    background-color: #8c5955 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-8c5955:hover {
    background-color: #8c5955 !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-8c5955:focus {
    background-color: #8c5955 !important;
}

.btn-e0b88f {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #e0b88f !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-e0b88f:link {
    background-color: #e0b88f !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-e0b88f:visited {
    background-color: #e0b88f !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-e0b88f:hover {
    background-color: #e0b88f !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-e0b88f:focus {
    background-color: #e0b88f !important;
}

.btn-beaf97 {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #beaf97 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-beaf97:link {
    background-color: #beaf97 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-beaf97:visited {
    background-color: #beaf97 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-beaf97:hover {
    background-color: #beaf97 !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-beaf97:focus {
    background-color: #beaf97 !important;
}


.btn-ffef13 {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #ffef13 !important;
    color: #333333 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-ffef13:link {
    background-color: #ffef13 !important;
    color: #333333 !important;
    text-decoration: none;
}

.btn-ffef13:visited {
    background-color: #ffef13 !important;
    color: #333333 !important;
    text-decoration: none;
}

.btn-ffef13:hover {
    background-color: #ffef13 !important;
    color: #828282 !important;
    transition: 0.2s;
}

.btn-ffef13:focus {
    background-color: #ffef13 !important;
}




.btn-185744 {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #185744 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-185744:link {
    background-color: #185744 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-185744:visited {
    background-color: #185744 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-185744:hover {
    background-color: #185744 !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-185744:focus {
    background-color: #185744 !important;
}




.btn-ed863f {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #ed863f !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-ed863f:link {
    background-color: #ed863f !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-ed863f:visited {
    background-color: #ed863f !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-ed863f:hover {
    background-color: #ed863f !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-ed863f:focus {
    background-color: #ed863f !important;
}

.btn-enwell-rod {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #8a2f1d !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-enwell-rod:link {
    background-color: #8a2f1d !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-enwell-rod:visited {
    background-color: #8a2f1d !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-enwell-rod:hover {
    background-color: #aa3b25 !important;
    color: #d3d3d3 !important;
    transition: 0.2s;
}

.btn-enwell-rod:focus {
    background-color: #8a2f1d !important;
}

.btn-enwell-ljusbeige {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #eae5df !important;
    color: #333333 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-enwell-ljusbeige:link {
    background-color: #eae5df !important;
    color: #333333 !important;
    text-decoration: none;
}

.btn-enwell-ljusbeige:visited {
    background-color: #eae5df !important;
    color: #333333 !important;
    text-decoration: none;
}

.btn-enwell-ljusbeige:hover {
    background-color: #e1dbd4 !important;
    color: #333333 !important;
    transition: 0.2s;
}

.btn-enwell-ljusbeige:focus {
    background-color: #eae5df !important;
}

.btn-enwell-ljusbla {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #557b84 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-enwell-ljusbla:link {
    background-color: #557b84 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-enwell-ljusbla:visited {
    background-color: #557b84 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-enwell-ljusbla:hover {
    background-color: #67949e !important;
    color: #ffffff !important;
    transition: 0.2s;
}

.btn-enwell-ljusbla:focus {
    background-color: #557b84 !important;
}

.btn-enwell-ljusgra {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #efefef !important;
    color: #333333 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-enwell-ljusgra:link {
    background-color: #efefef !important;
    color: #333333 !important;
    text-decoration: none;
}

.btn-enwell-ljusgra:visited {
    background-color: #efefef !important;
    color: #333333 !important;
    text-decoration: none;
}

.btn-enwell-ljusgra:hover {
    background-color: #e4e4e4 !important;
    color: #333333 !important;
    transition: 0.2s;
}

.btn-enwell-ljusgra:focus {
    background-color: #efefef !important;
}

.btn-enwell-klarbla {
    font-size: 14px !important;
    padding: 10px 30px !important;
    background-color: #618ecc !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s;
    white-space: nowrap;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-enwell-klarbla:link {
    background-color: #618ecc !important;
    color: #ffffff !important;
    text-decoration: none;
}

.btn-enwell-klarbla:visited {
    background-color: #618ecc !important;
    color: #ffffff !important;
    text-decoration: none;
}

    .btn-enwell-klarbla:hover {
        background-color: #5985c2 !important;
        color: #ffffff !important;
        transition: 0.2s;
    }

.btn-enwell-klarbla:focus {
    background-color: #618ecc !important;
}





.footer 
{
    background-color: #5b5b5b;
}

.footer-wrapper {
    background-color: #333333;
}

.footer div
{
    color:#fff;
}

.footer-content
{
    padding-right:50px;
}


.subpage-header 
{
    background-color: #646a6d !important;
    color: #ffffff !important;
    padding-top: 10px;
    padding-bottom: 20px;
}

.subpage-header *
{
    color: #ffffff !important;
}

.subpage-header h1, .subpage-header h2, .subpage-header h3, .subpage-header p {
    margin: 0px !important;
}

.full-width-100 {
    width: 100% !important;
}

.full-width-75 {
    width: 75% !important;
}

.full-width-50 {
    width: 50% !important;
}

.full-width-25 {
    width: 25% !important;
}

.non-responsive {
    width: initial !important;
}




.category
{
    margin-bottom:50px;
}

.background-img {
    width: 0px !important;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    transition: all 0.5s;
}


.category-holder:hover > .background-img {
    width: 40px !important;
    transition: all 0.5s;
}

.category-holder {
    padding: 10px;
    border: 1px solid #dddddd;
    -moz-box-shadow: 15px 15px 15px 15px #dddddd;
    -webkit-box-shadow: inset 0 15px 15px -15px #dddddd;
    box-shadow: 3px 3px 10px 5px #eeeeee;
    background-color: #f6f6f6;
    border-radius: 5px;
    border-bottom: 5px solid #a08479;
    transition: all 0.5s;
    height: 100%;
    position: relative;
    z-index: 1;
}

.category-holder:hover {
    background-size: 40px;
    transition: all 0.5s;
}

.category-holder img
{
    width:100%;
}

.spot {
    margin-bottom: 50px;
}

.spot-holder {
    padding: 10px;
    background-color: #ffffff;
    border-radius: 5px;
    background-size: 0px;
    transition: all 0.5s;
}

.spot-holder:hover {
    background-size: 40px;
    transition: all 0.5s;
}

.spot-holder img {
    width: 100%;
}

.news {
    margin-bottom: 50px;
    cursor: pointer;
}

.news-full img{
    width:100%;
}

.news-date
{
    font-size:12px !important;
    font-weight:bold;
    padding-bottom:6px;
}

.news-holder {
    border: 1px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    padding: 10px;
    -moz-box-shadow: 15px 15px 15px 15px #f5f5f5;
    -webkit-box-shadow: inset 0 15px 15px -15px #f5f5f5;
    box-shadow: 3px 3px 10px 5px #f5f5f5;
    transition: all 1s;
    height: 100%;
    font-size: 12px !important;
}

.news-holder:hover {
    border: 1px solid #a08479;
    -moz-box-shadow: 15px 15px 15px 15px #dddddd;
    -webkit-box-shadow: inset 0 15px 15px -15px #dddddd;
    box-shadow: 3px 3px 10px 5px #eeeeee;
    background-color: #f6f6f6;
    border-radius: 5px;
    border-bottom: 5px solid #a08479;
    transition: all 1s;
}

.news-holder img {
    width: 100%;
    transition: all 0.5s;
    opacity: 0.9;
}

.news-holder img:hover {
    transition: all 0.5s;
    opacity:1;
}




.globalspot {
    margin-bottom: 50px;
    cursor: pointer;
}

.globalspot-full img {
    width: 100%;
}

.globalspot-holder {
    border: 1px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    padding: 10px;
    -moz-box-shadow: 15px 15px 15px 15px #f5f5f5;
    -webkit-box-shadow: inset 0 15px 15px -15px #f5f5f5;
    box-shadow: 3px 3px 10px 5px #f5f5f5;
    transition: all 1s;
    height: 100%;
    font-size: 14px !important;
}

.globalspot-heading {
    font-family: 'bebas_neueregular', Arial, Geneva, sans-serif !important;
    font-size: 20px;
    color: #333333 !important;
    padding: 0px;
    margin: 0px;
    font-weight: normal !important;
    margin-bottom: 0;
    margin-top: 0.1rem;
}

.globalspot-holder:hover {
    border: 1px solid #a08479;
    -moz-box-shadow: 15px 15px 15px 15px #dddddd;
    -webkit-box-shadow: inset 0 15px 15px -15px #dddddd;
    box-shadow: 3px 3px 10px 5px #eeeeee;
    background-color: #f6f6f6;
    border-radius: 5px;
    border-bottom: 5px solid #a08479;
    transition: all 1s;
}

.globalspot-holder img {
    width: 100%;
    transition: all 0.5s;
    opacity: 0.9;
}

.globalspot-holder img:hover {
    transition: all 0.5s;
    opacity: 1;
}







.text-offset 
{
    margin: auto !important;
}




.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}



.productdetail img
{
    padding:20px;
    width:100%;
    max-width:400px;
}

.logos img
{
    width:100%;
    display:block;
    padding:25px;

}

.static-width
{
    width:initial !important;
}


/* header end */


/* Custom page CSS
-------------------------------------------------- */

.footer
{
    background-color:#333333;
    padding-top:20px;
}

.footer div, .footer a, .footer p {
    font-size: 14px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.footer-content 
{
    padding-right: 20px;
    padding-left: 20px;
}



.footer-border {
    border-left: 1px solid #7e7c7c;
}

.pagetop {
    padding-top: 5px;
    height: 30px;
    background-color: #e8ecef;
}

.fullwrapper {
  background-color:#ffffff;
}

.fullspot img
{
    width:100%;
}

.fullspot-center
{
    text-align:center;
}

.fullspot-center img
{
    width:100%;
}

.fullspot iframe {
    width: 100%;
}

.iframe-youtube {
    width: 50% !important;
}

.fullspot-prod-img {
    height: 600px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.fullspot-prod-img img {
    display: block;
    max-width: 100%;
    /* just in case, to force correct aspect ratio */
    height: auto !important;
    width: 100%; /* ie8+9 */
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: auto;
}

.fullspot-prod-img video {
    display: block;
    max-width: 100%;
    /* just in case, to force correct aspect ratio */
    height: auto !important;
    width: 100%; /* ie8+9 */
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: auto;
}


.fullspot-prod-img p {
    margin: 0px;
}

.fullspot-sub-img {
    height: 450px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.fullspot-sub-img img {
    display: block;
    max-width: 100%;
    /* just in case, to force correct aspect ratio */
    height: auto !important;
    width: 100%; /* ie8+9 */
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: auto;
}


.fullspot-sub-img p {
    margin: 0px;
}


.smallspot {
    width: 100%;
    min-height: 400px;
    float: left;
    border: 1px solid #cccccc;
    padding: 10px;
    padding-bottom: 0px;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden !important;
}

.smallspot:hover
{
    border:1px solid #888888;
}


.smallspot p, span, h1, h2, h3
{
    margin-top:0px;
    padding-top:0px;
}

.smallspot img {
    width: 100% !important;
}


.smallspot a:link {
    color: #444444;
    text-decoration: none;
}

.fullimg img
{
    width:100%;
}

.container-spacer {
    padding-top: 40px;
    padding-bottom: 30px;
}

.container-spacer-top {
    padding-top: 30px;
}

.container-nospacer
{
    padding-top:0px;
    padding-bottom:0px;
}

.container-narrow {
    padding-left: 100px;
    padding-right: 100px;
}


/*SMALL FORM*/

.normal-form {
    padding: 20px;
    padding-left: 100px;
    padding-right: 100px;
}

    .normal-form div .subcolor {
        background: rgb(240, 240, 240, 0.3);
    }

.small-form {
    margin-left: 300px;
    margin-right: 300px;
    padding:20px;
}

.form-no-margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 20px;
}

.form-green {
    background-color: #dce0df;
}

.form-green div .subcolor {
    background: rgb(255, 255, 255, 0.2);
}

.form-green .form-control {
    background-color: #f6f8f7 !important;
}

.form-orange {
    background-color: #f6eadc;
}

.form-orange div .subcolor {
    background: rgb(255, 255, 255, 0.2);
}


.form-orange .form-control {
    background-color: #fdfaf5 !important;
}

/*SMALL FORM*/

.container-submenu {
    background-color: #ffffff !important;
}


.pagetop > .container {
    text-align: right;
    color: #fff;
}

.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 0px;
  padding-left: 0px;
}


.footer > .container a
{
    color:#ffffff;
}

input#password-clear,
input#username-clear {
    display: none;
}

p#username input {
    background: url(/images/icons/btn_user.png) #ffffff no-repeat left center;
    background-position: 10px;
}

p#password input {
    background: url(/images/icons/btn_password.png) #ffffff no-repeat left center;
    background-position: 10px;
}

.tooltip-inner {
    max-width: 350px !important;
}


.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #eeeeee;
    color: #000000;
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: 80px;
    padding-top: 9px;
    border: 1px solid #d3d3d3;
    border-radius:50%;
}

.scroll-top-wrapper:hover 
{
    cursor:pointer;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
    transition: all 0.2s ease-in-out;
}
.scroll-icon
{
    font-size:22px;
    color:#000000;
}



.table-full {
    overflow-x: auto;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.table-full table {
    border-collapse: collapse;
    width: 100%;
  
}

.table-full thead {
    border-bottom: 3px solid #dddddd;
}

.table-full td, .table-full th {
    border: 1px solid #dddddd;
    padding: .5em;
    font-size:14px !important;
}


.table-spec {
    overflow-x: auto;
    width:100%;
}

.table-spec table {
    border-collapse: collapse;
    width: 100% !important;
}

.table-spec td:nth-child(1) {
    width:60%;
}

.table-spec thead {
    border-bottom: 3px solid #dddddd;
}

.table-spec td, .table-full th {
    border: 1px solid #dddddd;
    padding: .5em;
    font-size: 14px !important;
}


.table-spec tbody tr:nth-child(odd) {
    background-color: #f5f5f5 !important;
}


.table-spec tr {
    height: initial !important;
}

.table-spec td {
    height: initial !important;
}

.table-small {
    overflow-x: auto;
    width: 100%;

}

.table-small table {
    border-collapse: collapse;
    width: 100% !important;
}

.table-small th {
    border: 1px solid #dddddd;
    padding: .5em;
    font-size: 14px !important;
    border-bottom: 4px solid #dddddd;
}

.table-small td {
    border: 1px solid #dddddd;
    padding: .5em;
    font-size: 14px !important;
       
}


.table-small tbody tr:nth-child(odd) {
    background-color: #f9f9f9 !important;
}

.table-small tbody tr:nth-child(even) {
    background-color: #ffffff!important;
}


.table-small tr {
    height: initial !important;
}

.table-small td {
    height: initial !important;
}




.energy-dialog
{
  // max-width:400px;
}
.energy-body {
    padding:0px !important;
}



/*** MEDIA QUERIES ***/
@media(max-width:320px) {
}

@media(max-width:767px)
{
    .blue-offset {
        background-image: none;
    }

    .iframe-youtube {
        width: 100% !important;
    }

    .contact-radio {
        display: block;
        width: 100%;
    }
    .smallspot 
    {
        min-height:0px;
    }
    .smallspot img
    {
        width:50%;
        margin-right:20px;
        float:left;
    }

    .text-offset {
        margin-top:50px !important;
    }

}

@media(max-width:992px ) 
{
    .responsive-table {
        width: 100%;
    }

    .startpage-wrapper img {
        display: none;
    }


    .collapse.in {
        display: block !important;
    }

    .container-narrow {
        padding-left: 10px;
        padding-right: 10px;
    }

    .normal-form {
        margin-left: 0px;
        margin-right: 0px;
        padding: 20px;
    }

    .small-form {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .full-width-75 {
        width: 100% !important;
    }

    .full-width-50 {
        width: 100% !important;
    }

    .full-width-25 {
        width: 100% !important;
    }


}

@media(max-width:1200px) 
{
    .small-form {
        margin-left: 200px;
        margin-right: 200px;
    }
}

@media(min-width:992px) 
{

}

@media(min-width:1340px) {
    .container {
        width: 1340px !important;
    }

    .text-offset {
        
    }
}

/*** END MEDIA QUERIES ***/

/*** BEGIN MEDIA QUERIES IMAGE ***/
@media(max-width:767px) 
{
    .fullspot-sub-img {
        height: 186px;
    }

    .fullspot-prod-img {
        height: 260px !important;
    }

    .hide-small-screen * {
        display: none;
    }

    li:has(> .hide-small-screen) {
        display: none;
    }
}

@media(min-width:767px) {
    .hide-large-screen * {
        display: none;
    }

    li:has(> .hide-large-screen) {
        display: none;
    }
}

@media(min-width:768px) and (max-width:992px) 
{
    .fullspot-sub-img {
        height: 300px;
    }

    .fullspot-prod-img {
        height: 400px !important;
    }
}

@media(min-width:992px) and (max-width:1200px) 
{
    .fullspot-sub-img {
        height: 300px;
    }

    .fullspot-prod-img {
        height: 500px !important;
    }
}

@media(min-width:1200px) 
{
    .fullspot-sub-img {
        height: 450px;
    }

    .fullspot-prod-img {
        height: 600px !important;
    }

}

/*** END MEDIA QUERIES IMAGE ***/