body{
    /*background-color: #EFEFEF;*/
    background-color: #e5ebee;
    /*background:url('../img/bg-stripe.jpg');*/
    /*background:url('../img/Petter_Gedda_Gul-ritning.jpg');*/
    /*background:url('../img/Petter_Gedda_Gul-ritning2.jpg');*/
    font:14px/2rem 'Roboto Condensed', sans-serif!important;
    
    
    /*font-size: 190%;*/
     /*font-family: "League Gothic", sans-serif;*/
  /*font-optical-sizing: auto;*/
  /*font-weight: 400;*/
  /*font-style: normal;*/
  /*font-variation-settings:    "wdth" 100;*/
}

body.pagetype-Page .maincontentinner.no-padding-left {
    border-left: 1px solid #006ab4;
    border-left: 1px solid #2f90be;
    padding-left: 15px!important;
}
body.SkipLeftnav  #leftnav { display: none}



.btn ,
.btn-defaultm
button ,
button#mc_embed_signup ,
#mailchimpformdiv #mc_embed_signup .button 
{
    
    background-color:  #e5ebee!important;
    color:#000;  
    /*margin-bottom: 28px;*/
    /*margin-top: -1px;*/
 
  /*color: #FFF;*/
  /*ta bort skrikig*/
  /*background-color: #0EC5D8!important;*/  
  border-color: transparent;

}
.action.btn {
    margin-top: 20px!important;
}

.btn:hover,
.btn:active,
.btn-default:hover,
.btn-default:active,
 
#mailchimpformdiv #mc_embed_signup .button:hover,
#mailchimpformdiv #mc_embed_signup .button:active
{    

   color: #0EC5D8;
  /*background-color: #0EC5D8;*/
  border-color: transparent; 
}

body.SkipLeftnav  .maincontentinner.no-padding-left {
    border-left: none;
    /*    padding-left: inherit!important;*/
}

img{margin-bottom:1.5rem;}
body a{
    color:#000;
}
.va-middle{
    vertical-align: middle;
}
footer p{
    font-size: 1.1rem;
}
.va-middle > img{display:inline-block!important;}
a.star-link{
    vertical-align: middle;
    text-transform: uppercase;
    font-weight:700;
}
a.star-link::after{
    vertical-align: middle;
    display: inline-block;
    content:url('../img/star-button.png');
}
ul,li{margin:0px!important;padding:0px;list-style-type: none;}
.page-wrapper{
    background:#fff;
    padding:0 2.5rem 2rem!important;

}
.carousel{
    margin-bottom:10px;
}
/*Navigation*/

.navbar-default{
/*    background:#006ab4 none!important;*/
    background:#0F395C none!important;
    border:none 0px transparent!important;
    border-radius: 0!important;
    box-shadow:0px 0px 0px transparent!important;
    margin-bottom: 15px!important;
    padding-left:0;

}
nav ul li.active, nav ul li.active > a{
    background:transparent none!important;
    box-shadow: 0px 0px 0px transparent!important;
}
nav ul li a {
    color:#fff!important;
    text-transform:uppercase!important;
    padding-left:7px!important;
    padding-right:7px!important;
    font-weight:700;
}
nav ul li a:hover,
.side-bar-menu ul li a:hover,
nav ul li.current a,
nav ul li.section a,
.foo
{
    /*opacity: 0.2;*/
    color:#0EC5D8!important;
}
nav ul li:first-child a{
    padding-left:0!important;
}
nav ul.dropdown-menu li:first-child a{
    padding-left:7px!important;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.navbar-toggle{
    padding:13px 10px!important;
    background:#fff!important;
    border-radius: 50%!important;
}
.navbar-default .navbar-brand{
    color:#fff!important;

}
.stylish-input-group .input-group-addon{
    background: white !important;
    border-radius: 0!important;
    border:0 none transparent!important;
    color:#006ab4;
}


.form-control{
    box-shadow:0 0 0;
    /*background: #fff;*/
    /*border-radius: 0!important;*/
    /*border:0 none transparent!important;*/

}
::-webkit-input-placeholder{
    color:#006ab4!important;
    font-style: italic!important;
    font-weight: 700!important;
}
::-moz-input-placeholder{
    color:#006ab4!important;
    font-style: italic!important;
    font-weight: 700!important;

}
:moz-input-placeholder{
    color:#006ab4!important;
    font-style: italic!important;
    font-weight: 700!important;
}
:ms-input-placeholder{
    color:#006ab4!important;
    font-style: italic!important;
    font-weight: 700!important;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
/*End of Navigation*/

/*Boxes*/
.side-bar-menu{
    /*background:#006ab4;*/
    background:#0F395C; 
    padding:15px!important;
}
.side-bar-menu ul li a{
    color:#fff;
    font-style:italic;
    font-weight:700;
}
.side-bar-menu ul li{
    margin-bottom:1rem!important;
    padding-left:1.5rem;
}
.side-bar-menu p{margin-bottom: 1.5rem!important;}
.gray-bg{
    background:#e0e0e0;
    overflow:hidden;
}
footer .gray-bg{
    /*background-color: #AFB4C6;*/
    /*background-color: #CCC;*/
    background-color: #e5ebee;
    padding:20px 0;
}
.vt-flag{
    padding:0 0 1rem 0;
}
vt-flag h4, .vt-flag img{
    margin-bottom:0!important;
    margin-top:0!important;
}
.red-bg{
/*    background:#8b0a0a;*/
    /*background:#fcc260;*/
    /*background:#f6a600;*/
    background:#7f9cad;
    overflow:hidden;
}
  /*body  .red-bg .white {  color: #183658!important;}*/
  body  .red-bg .white {  color: #0f2d42!important;}

body.color3 .red-bg .white {  color: #0F395C!important;}
body.color4 .red-bg .white {  color: #0F395C!important;}
body.color2 .red-bg ,
body.color3 .red-bg {
    background:#fcc260;
  }
body.color4 .red-bg {
    background:#afb4c6;
  }
body.color5 .red-bg {
    background:#fcc260;
  }

  
.white-ribbon{

    background:#8b0a0a url(../img/right-arrow.png) 100% 50% no-repeat;
    background-size: contain;
}
.blue-ribbon{
    background:#fff url(../img/right-arrow-blue.png) 100% 50% no-repeat;
    background-size: contain;
    overflow: hidden;
}
.ribbon-right{
    position:relative;
}
.ribbon-right:after {
    content: "";
    float:right;
    border:39px solid #8b0a0a;
    width:39px;
}

.ribbon-right:after {
    border-right-color:transparent;
}

.contentBox{
    padding:15px;
   overflow: hidden;
}
.contentBox img {margin-top: 4px;}

header .contentBox {
     padding-top:0px;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.row{margin-bottom:15px;}
.row-eq-height > [class*='col-'],[class*='side-bar-menu'] {
    display: flex;
    flex-direction: column;
}
.head-wrapper{
    position:relative;

}

/*End of Boxes*/
/*Generic*/
.no-margin{margin:0!important;}
.ucase{text-transform:uppercase;}
.white{color:#fff!important;}
.light{font-weight:400!important;}
.text-uppercase{
    margin-bottom:0px!important;
}
.margin-left{
    margin-left: 1.5rem;
}
/*Misc*/
header hr{
    border-bottom:solid 5px #fff;
    height: 5px;
    /*background: #2f90be;*/
    /*background: #516383;*/
    background: #7f9cad;
    margin: 0;
}
body.color2 header hr{ background:#f6a600}
body.color3 header hr{ background:#ffe5be}
body.color4 header hr{ background:#fcc260}
body.color5 header hr{ background:#fcc260}

footer hr{
    border-bottom:solid 5px #fff;
    height: 5px;
    background: #e0e0e0;
    margin: 0;
}
footer .row{
    margin-bottom: 5px!important;
}


/*Logotype*/
.logo{margin:2rem 0 1rem;}
.logo{max-width: 400px;position: relative;top:20px;margin-top:0}


/*i{color:#006ab4;}*/
i{color:#0f395c;}
ul.social-media-icons li{
    display: inline-block;
    list-style-type:none;
}
ul.social-media-icons li a span i{
    transition: all .1s linear;
}
ul.social-media-icons li a:hover span i{
    transform: scale(1.2);
    transition: all .1s linear;
}
ul.lang-container{
    display: block;
    text-align: right;
    padding-top:1rem;

}
ul.lang-container li{
    display: inline-block;
}


a:focus, a:hover {text-decoration: none;}

.boatlistitem {
    /*border:1px solid #CCC;*/
background-color: #e5ebee;
    text-align: center;
    padding: 10px;
    color:#0F395C ;
    min-height: 160px;
    margin: 10px;


}
.boatlistitem.forsale { min-height: 210px}
.boatlistitem.fromothership  { 
    min-height: 0;
    margin:0 0 10px 0

}

.boatlistitem a {
    font-weight: bolder;
    position: relative;
    display: block;
     color:#0F395C ;
}
.boatlistitem .thumbwrapper {margin-bottom: 10px;}
.soldribbon {
    /*background-color: #0ec5d8; SKRIK*/
    background-color: #7F9CAD;
/*    background-color: #003A5C;*/
    /*background-color: #0F2D42;*/
    
    padding:5px;
    color:#FFF
}
.sald.boatlistitem {padding: 0px!important;padding-bottom: 10px!important;min-height: 100px!important}
.sald.boatlistitem img.img-responsive {max-height: 110px!important;}
.sald.boatlistitem .thumbwrapper {margin: 10px!important;}
.boatlistitem img {    display: inline;margin: 0px;}
 
.blueimp-gallery {opacity: 0;display: none;}
.panel-default > .panel-heading {
    background-color: #e5ebee;
}
.soldicon {
    position: absolute;
    width: 40%;
    height: auto;
    bottom:0px;
    right:0px;
    /*width: 50px;*/
    /*height: 50px;*/
}
.alwayslightblue { color:#0EC5D8 !important}

.mainpicwrapper {    
    position: relative;
    /*display: inline-block;*/
    margin-bottom: -4px;
}
.mainpicwrapper img.soldicon {
    width: 20%
}   
.mainpicwrapper img.mainpic {
    width: 100%
}   
.mainpicwrapper img {   
    display: inline;
    /*width: 100%;*/
    margin: 0px;
}


.startslide-inner-content {
    /*position: relative;  can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script 
                            overflow: hidden;  to bound the empty top space created by inner element's top margin */
    position: absolute;  
    z-index: 2;  
    bottom: 0px;
    margin: 0 auto;
    padding: 10px;
    /*max-width: 600px;*/   
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    background-color: rgba(128,128,128,0.8)
}
.startslide-inner-content h1 {
    /*			font-size: 2.5em;
                            margin: 0;*/
} 


#startslide-1 {
    height: 357px;
    position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
    overflow: hidden; /* to bound the empty top space created by inner element's top margin */
    /*width: 100px*/
    /*min-height: 100px;*/
    background-color: transparent;
}


@media screen and ( max-width: 500px)  {
    .logo.img-responsive {max-width: 96%;}
}
@media screen and ( max-width: 981px)  {
    #mainarea {clear:left}
    .logo.img-responsive {margin-bottom: 20px;}
    .boat_bildspel_image {
        /*opacity: 0.3;*/

        width: 100%!important;
        max-width:110px!important;
        height: auto!important
    }
} 

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 360px) and (max-width: 768px)  {
    #mainarea {clear:left}

#mailchimpformdiv .facebookbutton .fbtext {
    padding-left: 0px!important;
    padding-bottom: 20px;
    white-space: nowrap;
}


    .white-ribbon{
        background-image:none;
    }
    .blue-ribbon{
        background-image:none;
    }
}
@media screen and ( max-width: 991px)  {

    .slideouter   {
        display: none; 
        /*clear: both;*/
    }

    .startpagecontentrow ,.startpagecontent {
        clear: both;
    }
    #startslide-1 {margin-top:10px}
    .typography h1:first-child {
        padding-top: 22px!important;
        margin-top: 22px!important;
    }
}


@media screen and (min-width: 360px) and (max-width: 768px)  {

    .contentBox {max-width: 100%} 

    /*Martins egen colfix*/
    .col-smxs-12 {
        width: 50%
    }

}

/* Medium devices   */
@media screen and (min-width: 769px) and (max-width: 991px){
    .white-ribbon{
        background-image:none;
    }
    ul.dropdown-menu li a{
        color:#2f90be!important;
        border:0;
    }

}
/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 992px) {
    
    .modalsmall {
    width: 800px!important;}
    
    .side-bar-menu{height:378px;}
    .navbar-collapse{
        padding-left: 0!important;
    }
    .navbar-default .navbar-nav>.open{
        /*background:#2f90be none!important;*/
    }
    .navbar-default .navbar-nav>.open>a{
        background:transparent!important;
        box-shadow: none!important;
    }
    ul.dropdown-menu li a{
        color:#2f90be!important;
        border:0;

    }
    ul.dropdown-menu li ul li a{
        padding-left: 15px!important;
    }
    .no-padding-left{
        padding-left: 0!important;
    }
    .no-padding-right{
        padding-right: 0!important; 
        .no-padding{padding:0!important;}
        .navbar-default .navbar-nav>li>a {
            border-right: #fff solid 1px;
            padding:7px;
            margin:7px 0;
        }
    }
}
@media (min-width: 1200px){
    .container {
        width:100%;
        max-width:970px!important;
    }
    .no-padding{padding:0!important;}
    .no-padding-left{
        padding-left: 0!important;
    }
    .no-padding-right{
        padding-right: 0!important;
    }
    .navbar-default .navbar-nav>li>a {
        border-right: #fff solid 1px;
        padding-top:0px;
        padding-bottom:0px;
        padding-right:20px!important;
        margin:15px 0;
    }
    .navbar-default .navbar-nav>li:not(:first-child) a{
        padding-left:20px!important;
    }       
    .side-bar-menu{height:388px;}
    .pull-bottom{
        position:absolute;
        bottom:0;
        right:0;
        top:0;
    }
}

/* CSS Method for adding Font Awesome Chevron Icons */
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f077";
    float: right;
    color: inherit;
}
.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content:"\f078";
}
.panel-heading {
    cursor: pointer;
}
.key{
    display: none;
}

.img-thumbnail {
    border-radius: 0px!important
}

.modal-dialog {
    position: relative;
    display: table;
    overflow-y: auto;    
    overflow-x: auto;
    width: auto;
    min-width: 300px;   
}

.modalsmall {
    /*width: 800px;*/
    min-width: 300px;
    max-width: 100%!important;
}

.modal-dialog.smallDeviceModal .modal-header   {  
    padding: 5px;
    border-bottom: none;
}
.modal-dialog.smallDeviceModal .modal-header p {  display: none  }
.modal-dialog.smallDeviceModal .modal-header h4 { display: none   }
.modal-dialog.smallDeviceModal {margin: 0!important}


#mailchimpformdiv .modalflag{position: absolute;right: 50px;top:-48px;}
#mailchimpformdiv .btn {
    /*background-color:  #CCC;color:#FFF;    margin-bottom: 28px;*/
 
  /*color: #333;*/
  /*background-color: #0EC5D8;*/
  /*border-color: #0EC5D8;*/

}
#mailchimpformdiv #mc_embed_signup .button 
{
    /*background-color:  #2B588F;color:#FFF;*/
}


#mailchimpformdiv .modal-footer {border: none;text-align: center}

#mailchimpformdiv .facebookbutton .fbtext{padding-left: 36px;white-space: nowrap}
#mailchimpformdiv facebookbutton .fbimage{}
#mailchimpformdiv .facebookbutton {
        float: right;
    /*border: 1px solid red;*/
    margin-right: 31px;
    margin-top: 2px;
    width: 264px;
    font-weight: bold;
    line-height: 1.44;
    
}

#mailchimpformdiv .modal-header {
    /*background-color: #2B588F;*/
    background-color: #003A5C;
    color:#FFF;
    text-transform:Uppercase;
}


#panocontainer {
    /*                            position: relative;
                                 top:0px;*/
    /*width: 30px;*/
    margin: 0 auto;
    height: 170px;
    color:transparent; /* hide loader */
}
#outerpanocontainer {display: inline-block;width: 300px;
                     /*border: 1px solid green*/
}
#outerpanocontainer .inforuta {position: absolute;
                               z-index: 999;
                               width: 290px;
                               top:5px;
                               text-align: center;
                               padding-top: 15px;
                               display: block;
                               background-color: #8b0a0a;
                               background-color: rgba(139, 10, 10, 0.9); 

}
#outerpanocontainer  .playicon {position: absolute;
                                z-index: 999;
                                width: 290px;
                                top:67px;
                                height:94px;
                                text-align: center;
                                padding-top: 15px;
                                display: block;
                                background:url('../img/playopac.png') no-repeat center center;
                                /*background-color: rgba(139, 130, 10, 0.9);*/ 

}
body.pagetype-StartPage #outerpanocontainer {
    width:365px
}

body.pagetype-StartPage #panocontainer {
    height: 233px;
}



/*.shareFbbookbuttonLink {margin-bottom: 20px;clear:both;border:1px solid #ccc}*/

.btn-social.btn-xs {
    /*padding-left: 30px;*/
    margin-bottom: 20px;
}

.PORTALELEMENTSTART.multi {
    /*    display: block;
        margin-bottom: 5px;
    */ 
    margin-bottom: 3px;
    margin-top: 1px;
    margin-left: 23px;
    display: list-item;
    list-style-type: square;


}
.ekko-lightbox-nav-overlay a.glyphicon-chevron-left,  
.ekko-lightbox-nav-overlay a.glyphicon-chevron-right  {
    
line-height: 23px;
position: absolute;
top: 43%;

font-size: 300%;
color: rgb(255, 255, 255);
}
.ekko-lightbox .modal-content  {
    margin: 0 auto;
    max-width: 82%;
    
}

.ekko-lightbox-nav-overlay a.glyphicon-chevron-left  {left: -40px;}
.ekko-lightbox-nav-overlay a.glyphicon-chevron-right  {right: -40px;}

.modal-body .Actions {
    text-align: right!important;
    /*color:red!important;*/
    /*float:right;*/
    /*margin-bottom: 20px;*/
}

.lastOfGenerated a {border:none!important}


.newsletterNavLi a {border:none!important}
.newsletterNavLi  {
/*background: rgba(62,163,230,1);
background: -moz-linear-gradient(left, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(62,163,230,1)), color-stop(100%, rgba(0,106,180,1)));
background: -webkit-linear-gradient(left, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
background: -o-linear-gradient(left, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
background: -ms-linear-gradient(left, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
background: linear-gradient(to right, rgba(62,163,230,1) 0%, rgba(0,106,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ea3e6', endColorstr='#006ab4', GradientType=1 );*/
}
li.hasData {}
/*li.noData {display: none;color:darkredred}*/
/*li.noData {opacity: 0.3;color:darkredred}*/ 
/*li .key{opacity: 1;display: inline-block}*/ 

body.cleanoutput li.noData { display: none;}
body.cleanoutput li .key { display: none;}

form#Form_bidForm #Form_bidForm_BidAmount {margin-bottom: 20px;border-radius: 4px;padding:5px}

form .field  {margin-bottom: 10px;}
#ForgotPassword {
    clear: both;
  padding-top: 10px; 
}