/* Empty. Add your own CSS if you like */
/*========== font source=========*/
@font-face {
  font-family: 'open_sansbold';
  src: url("../fonts/opensans-bold-webfont.eot");
  src: url("../fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'open_sanslight';
  src: url("../fonts/opensans-light-webfont.eot");
  src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff2") format("woff2"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'open_sanssemibold';
  src: url("../fonts/opensans-semibold-webfont.eot");
  src: url("../fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/opensans-regular-webfont.eot");
  src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: 400;
  font-style: normal; }

body {
  font-family: 'open_sanslight';
  font-size: 16px;
  font-weight: 300;
  line-height: 22px; }


/*=========== FOR EDITIOR ===============*/

b, strong{
 font-family: 'open_sansbold'; 
 font-weight: 700;}

 ol, ul{ /*list-style-type: inherit;*/}

 ul li, ol li{/*list-style-position: inside;*/ margin-left: 10px;}
 em{  font-family: 'open_sanslight'; font-style: italic; font-weight: 300;}


/*=========== HEAR AND NAV SECTION ===============*/
.bar-energized {
  background: #eca412 !important; }

.bar {
  vertical-align: middle; }

.bar.bar-stable .title {
  color: #fff; }

.bar-header {
  border-bottom-width: 0; }

.bar-dark {
  background: #0D0503 !important; }

.left-nav-item {
  background:#383433 !important;
  color: #fff !important;
  border-color: #ABABAD !important;
 /* width: 100%;*/
  word-wrap:break-word;

   }

.left-nav-item:hover {
  background: #2e2b2a !important; }

.menu {
  background: #383433 !important; }


  a.item-content{
    /*display: inline-block;*/
    word-wrap:break-word;


  }




  .activemenu{background: #252222 !important;}

.icon-right-item {
    width: 8px;
    height: 16px;
    color: #C3C3C5;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -8px;
  }


.left-nav-item a.item-content.activated{

    background: #252222!important
}




.item-complex .item-content,
.item-radio .item-content {
  background: none; }

h1.title,
.ion-navicon {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300 !important;
  font-size: 16px !important;
  text-align: left !important; }

/*===========BODY BACKGROUNDS FOR PAGES==========*/
#bgompage {
  background: url("../images/c.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff; }

#writethought {
  background: url("../images/background_thoughts.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff; }


#jag {
  background: url("../images/background_002.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff; }

/*======== COMMON CLASS==*/
.date {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  width: 100%;
  float: left; }

a {
  cursor: pointer; }

.slider {
  height: 100%;
  text-align: center; }

.scroll {
  height: 100%; }

/*=========== HOMEPAGE SECTION =========*/
.inner-content {
/*  display: table !important;*/
  width: 100% !important;
  /* height: 100% !important;*/
  /* padding-top: 60px; */ }

.innter-havpad {
   }

.inner-scroll {
/*  display: table-cell;*/
  vertical-align: middle;
  /*text-align: center;*/ }

.align-center {
  text-align: center !important; }

/*============= FONT FAMILY AND SIZES ============*/
.txt32 {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300;
 /* font-size: 16px; */
 font-size: 18px; 

}

p.txt44-light {
  font-family: 'open_sanslight', sans-serif !important;
  font-weight: 300;
/*  font-size: 22px !important;*/
  font-size: 22px !important;
  /*padding-left: 10px; */
text-align: center;
line-height: 26px;

}

.txt20-regular {
  font-family: 'open_sansregular', sans-serif;
  font-weight: 400;
  font-size: 10px; }

.txt16-light {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300;
  font-size: 8px; }

  p.video-heading{font-family: 'open_sanslight', sans-serif !important;
  font-weight: 300;

  font-size: 22px !important;
  line-height: 26px;
  text-align: center;
}

/*========LUGNET=====================*/
.lugnet-sec,
.stanna-sec {
  margin-top: 30px !important; }

.lugnet,
.stanna {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300;
  font-size: 32px; }

input[type='range'] {
  /* -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  border-radius: 1px;
  background-color: #FFF;
  height: 1px;
  vertical-align: middle;*/
  width: 100%; }

.range {
  display: block !important;
  width: 100%; }

.range .ng-binding {
  position: absolute;
  margin-top: 20px;
  font-size: 12px; }

input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 1px;
  /* box-shadow: inset 1px 1px 1px rgba(000,000,000,0.25);*/
  background-color: #FFF;
  height: 1px;
  vertical-align: middle;
  border: solid 1px #fff; }

input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 5px;
  background-color: #FFF;
  border: 1px solid #fff;
  height: 20px;
  width: 7px;
  vertical-align: middle;
  margin-top: -6px; }

input[type='range']::-moz-range-track {
  -moz-appearance: none;
  border-radius: 1px;
  background-color: #FFF;
  height: 1px;
  border: solid 1px #fff;
  vertical-align: middle;
  margin: 0;
  padding: 0; }

input[type='range']::-moz-range-thumb {
  -moz-appearance: none;
  border-radius: 5px;
  background-color: #FFF;
  border: 1px solid #fff;
  height: 20px;
  width: 5px; }

/*=============== kroppsss =============*/
#krops {
  background: url("../images/background_001.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff; }

/*=============== STANNA UPP =============*/
#stannaup {
  background: url("../images/background_005.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  /* padding-top: 40px;*/ }

.stanna p {
  line-height: 40px; }

/*============ BUTTONS ===============*/
.button{ font-family: 'open_sanslight'!important;}

.button-margin{  margin-bottom: 10px; }
.button-pause,
.button-play,
.button-edit {
  background-color: transparent;
  border: none;
  display: block;
  margin: 0 auto;
  text-indent: -400px;
}

.button-pause {
  background-image: url("../images/pause_btn.png");
  background-repeat: no-repeat;
  width: 139px;
  height: 139px; }

.button-play {
  background-image: url("../images/play_btn.png");
  background-repeat: no-repeat;
  width: 139px;
  height: 139px; }

.button-edit {
  background-image: url("../images/edit_button.png");
  background-repeat: no-repeat;
  width: 139px;
  height: 139px;
  text-indent: 0; }

button.avbryt,
button.Spara,
button.sendus,
button.btnwith-blurborder,
button.greyborder {
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid #CABFBD;
  color: #fff;
  width: 100%;
  font-family: 'open_sanslight', sans-serif;
  font-size: 16px;
  font-weight: 300; }

.avbryt:hover, .avbryt:active, .avbryt:focus, a:hover .avbryt, a:active .avbryt, a:focus .avbryt {
  color: #fff; }

.sendus:hover, .sendus:active, .sendus:focus, a:hover .sendus, a:active .sendus, a:focus .sendus {
  color: #fff; }

button.Spara {
  background-color: rgba(255, 255, 255, 0.7);
  color: #000;
  border: none; }

button.sendus {
  margin-top: 20px; }

button.btnwith-blurborder {
/*  border-color: #4dbbe8;
  color: #4dbbe8; */

   border-color: #5292aa!important;
  color: #0b749e!important;



}

button.greyborder {
  border-color: #999999;
  color: #999999; }

.button-have-cornner {
  border-radius: 10px; }

.button-nobg {
  background-color: transparent; }

.button-have-border {
  border: 2px solid rgba(255, 255, 255, 0.7);
  margin-top:25px!important;
}


.button.button-have-border.activated{ 
  background-color:rgba(255, 255, 255, 0.2);
 border-color: rgba(255, 255, 255, 0.5);
 box-shadow: none; }


.color-white {
  color: #fff; }

.button-mt {
  margin-top: 20px !important; }

.trackbtn {
  background: transparent;
  color: #fff;
  box-shadow: none;
  margin: 20px 10px 0px 10px; }

.range-btn {
  background: transparent;
  color: #fff; }


  button.back-button {font-family: 'open_sanslight', sans-serif!important;
  font-size: 17px!important;
  font-weight: 300;}

/*======= list style========*/
/*.tanker ul li,
.qa ul li {
  list-style-type: none;
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.7;
  color: #000;
  padding: 20px 20px;
  font-size: 16px;
  font-weight: 300;
  float: left;
  margin-bottom: 3px; }*/

/*.tanker ul li a,
.qa ul li a {
  position: relative;
  width: 100%;
  display: block;
  float: left;
  color: #000;
  text-decoration: none; }*/

/*.tanker ul li span {
  margin-top: 10px;
  float: left;
  width: 100%;
  font-size: 10px; }*/

/*.tanker ul li a span {
  margin-top: 0; }*/

/**/

/*.qa ul li a:after {
  top: 3px; }*/

/*.qa2 ul li {
  list-style-type: none;
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.7;
  color: #000;
  padding: 20px 20px;
  font-size: 16px;
  font-weight: 300;
  float: left;
  margin-bottom: 3px; }*/

/*.qa2 ul li a {
  position: relative;
  width: 100%;
  display: block;
  float: left;
  color: #000;
  text-decoration: none;
  padding-left: 25px; }*/

/*.qa2 ul li a span {
  float: left;
  width: 100%;
  font-size: 10px;
  font-family: 'open_sanslight'; }*/

/*.qa2 ul li a:before {
  background-image: url("../images/chevron_down.png");
  background-repeat: no-repeat;
  /*float: right;*/
/*  background-position: center;
  background-size: 13px 7px;
  content: "";
  width: 13px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 9px; }*/*/

/*
.qa2 ul li a:before {
  top: 3px; }*/



.expanded p {
  padding-left: 25px;
  font-family: 'open_sansregular';
  font-size: 13px;
  margin: 15px 0px; }

.expanded p strong {
  font-family: 'open_sanssemibold';
  font-size: 13px; }

.date {
  font-size: 10px;
  font-family: 'open_sanslight', sans-serif;
  margin-top: 0px !important; }

/*======== roundbox===========*/
.card.round-box {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  margin: 20px 10px;
  overflow: hidden;
  box-shadow: none;
  padding: 20px; }

.transparant-box {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0px;
  margin: 20px 0px;
  overflow: hidden;
  box-shadow: none;
  padding: 20px; }

#content-slider {
  width: 100%;
  float: left;
  min-height: 250px;
  /*margin-top: 60px;*/ 
margin-top: 0px;}

.slider-havpad{padding:10px 0px}

.thought-list,
.detail-list {
  position: relative;
  width: 100%;
  display: block;
  float: left;
  color: #000;
  text-decoration: none;
  /*padding:20px;*/
  border-bottom: 1px solid #fff;
  padding: 10px 3px; }

  .detail-list p img{max-width: 100%; height: auto!important;}

.thought-list a {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.write-thoughtarea {
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  font-size: 16px;
  background-image: url(../images/dream-line.png);
  line-height: 30px;
  font-family: 'open_sanslight', sans-serif;
  /*margin-bottom: 20px;*/ }

.detail-list {
  border: none; }

.item.coach {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 13px;
  font-family: 'open_sansregular';
  /*  margin-top: 10px;*/
  padding: 0px 30px 10px 30px; }

.left-right-havpad {
  padding: 0px 30px; }

.tmargin {
  margin-top: 0 !important; }

.item.coach p {
  color: #fff !important;
  line-height: inherit; }

.img-circle {
  border-radius: 50%;
  border: 7px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  /*width: 190px;*/
  width: 170px;
  height: 170px;
  margin: 0 auto;
  overflow: hidden; }

.item-image.coach-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; }

/*========== forms ===========*/
.myemail {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0px;
  padding: 7px;
  border-radius: 10px;
  width: 100%;
  float: left; }

input.mymail {
  background: transparent; }

/*========= slider ================*/
/*.slider {
  height: 100%;
}
.slider-slide {
  padding-top: 80px;
  color: #000;
  background-color: transparent;
  text-align: center;

  font-family: inherit; 
  font-weight: 300;
}*/
#logo {
  margin: 30px 0px; }

#list {
  width: 170px;
  margin: 30px auto;
  font-size: 20px; }

#list ol {
  margin-top: 30px; }

#list ol li {
  text-align: left;
  list-style: decimal;
  margin: 10px 0px; }

.left, .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  /*  height: 49%;*/
  height: 0;
  z-index: 100;
  width: 44px;
  background-color: transparent; }

.left {
  left: -12px; }

.right {
  right: -12px; }

.title-havpad {
  margin-top: 5px; }

.content {
  padding: 1rem; }

.slider-slide h4 {
  margin-top: 0px;
  font-size: 12px;
  font-family: 'open_sansregular';
  font-weight: bold; }


.right button:before, .left button:before {
  background: #9AC8DF;
  color: #FFFFFF;
  display: inline-block;
  font-size: 24px;
  line-height: 18px !important;
  margin-top: 10px;
  padding: 5px !important;
  pointer-events: none;
  vertical-align: inherit; }

@font-face {
  font-family: 'open_sansbold';
  src: url("../fonts/opensans-bold-webfont.eot");
  src: url("../fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'open_sanslight';
  src: url("../fonts/opensans-light-webfont.eot");
  src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff2") format("woff2"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'open_sanssemibold';
  src: url("../fonts/opensans-semibold-webfont.eot");
  src: url("../fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/opensans-regular-webfont.eot");
  src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: 400;
  font-style: normal; }

body {
  font-family: 'open_sanslight';
  font-size: 16px;
  font-weight: 300;
  line-height: 22px; }

/*=========== HEAR AND NAV SECTION ===============*/
.bar-energized {
  background: #eca412 !important; }

.bar {
  vertical-align: middle; }

.bar.bar-stable .title {
  color: #fff; }

.bar-header {
  border-bottom-width: 0; }





.item-complex .item-content,
.item-radio .item-content {
  background: none; }



h1.title,
.ion-nav1458
 {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300 !important;
  font-size: 16px !important;
  text-align: left !important; }

/*===========BODY BACKGROUNDS FOR PAGES==========*/
#bgompage {
  background: url("../images/c.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff; }

#jag {
  background: url("../images/background_002.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff; }

/*======== COMMON CLASS==*/
.date {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  width: 100%;
  float: left; }

a {
  cursor: pointer; }

.slider {
  height: 100%;
  text-align: center; }

.scroll {
  height: 100%; }

/*=========== VIDEO SECTION =========*/
.card.vide0-wrapper{
  margin:0!important;
  border-radius: 0;
  box-shadow: none;
position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
 padding-bottom: 56.25%;

}

.vide0-wrapper iframe,
.vide0-wrapper embed,
.vide0-wrapper object,
.vide0-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

/*=========== HOMEPAGE SECTION =========*/
.inner-content {
/*  display: table !important;*/
  width: 100% !important;
  /* height: 100% !important;*/
  /* padding-top: 60px; */ }

.innter-havpad {
 padding-top: 20px; }

.inner-scroll {
/*  display: table-cell;*/
  vertical-align: middle;
  /*text-align: center;*/ }

.align-center {
  text-align: center !important; }

/*============= FONT FAMILY AND SIZES ============*/
/*.txt32 {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300;
  font-size: 16px; }*/

/*p.txt44-light {
  font-family: 'open_sanslight', sans-serif !important;
  font-weight: 300;
  font-size: 22px !important;
  padding-left: 10px; }*/

.txt20-regular {
  font-family: 'open_sansregular', sans-serif;
  font-weight: 400;
  font-size: 10px; }

.txt16-light {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300;
  font-size: 8px; }

/*========LUGNET=====================*/
.lugnet-sec,
.stanna-sec {
  margin-top: 30px !important; }

.lugnet,
.stanna {
  font-family: 'open_sanslight', sans-serif;
  font-weight: 300;
  font-size: 32px; }

input[type='range'] {
  /* -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  border-radius: 1px;
  background-color: #FFF;
  height: 1px;
  vertical-align: middle;*/
  width: 100%; }

.range {
  display: block !important;
  width: 100%; }

.range .ng-binding {
  position: absolute;
  margin-top: 20px;
  font-size: 12px; }

input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 4.5px 0;
  box-shadow: none; }

input[type=range] * {
  box-shadow: none;
  border: 0; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: none;
  background: #fff;
  border-radius: 0px;
  border: 0px solid rgba(1, 1, 1, 0); }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 10px;
  width: 5px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer;
  /*-webkit-appearance: none;*/
  margin-top: -4.5px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: 0px;
  background: #000;
  border-radius: 0px;
  border: 0px; }

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 10px;
  width: 5px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0px solid rgba(1, 1, 1, 0);
  border-radius: 0px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0px solid rgba(1, 1, 1, 0);
  border-radius: 0px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 10px;
  width: 5px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer;
  height: 1px; }

input[type=range]:focus::-ms-fill-lower {
  background: #3071a9; }

input[type=range]:focus::-ms-fill-upper {
  background: #367ebd; }

/*=============== kroppsss =============*/
#krops {
  background: url("../images/background_001.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff; }

/*=============== STANNA UPP =============*/
#stannaup {
  background: url("../images/background_005.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  /* padding-top: 40px;*/ }

.stanna p {
  line-height: 40px; }

/*============ BUTTONS ===============*/
.button-pause,
.button-play,
.button-edit {
  background-color: transparent;
  border: none;
  display: block;
  margin: 0 auto;
  text-indent: -400px; }

.button-pause,.button-play,.button-edit {
  background-repeat: no-repeat;
  background-size: 139px;
  width: 139px;
  height: 139px; }
.button-pause{
  background-image: url("../images/pause_btn@2x.png");
}
.button-play {
  background-image: url("../images/play_btn@2x.png");
 }

.button-edit {
  background-image: url("../images/edit_button@2x.png");
  text-indent: 0; 
}

button.avbryt,
button.Spara,
button.sendus,
button.btnwith-blurborder,
button.greyborder {
  border-radius: 10px;
  background-color: transparent;
 /* border: 2px solid #CABFBD;*/
 border: 2px solid rgba(255, 255, 255, 0.7);
  color: #fff;
  width: 100%;
  font-family: 'open_sanslight', sans-serif;
  font-size: 16px;
  font-weight: 300; }

.avbryt:hover, .avbryt:active, .avbryt:focus, a:hover .avbryt, a:active .avbryt, a:focus .avbryt {
  color: #fff; }

.button.btnwith-blurborder.activated, .button.greyborder.activated, .button.sendus.activated, .button.avbryt.activated { 
  background-color:rgba(255, 255, 255, 0.2);
 border-color: rgba(255, 255, 255, 0.5);
 box-shadow: none; }


.sendus:hover, .sendus:active, .sendus:focus, a:hover .sendus, a:active .sendus, a:focus .sendus {
  color: #fff; }

button.Spara {
  background-color: rgba(255, 255, 255, 0.7);
  color: #000;
  border: none; }

button.sendus {
  margin-top: 20px; }



button.greyborder {
  border-color: #999999;
  color: #999999; }

.button-have-cornner {
  border-radius: 10px; }

.button-nobg {
  background-color: transparent; }



.color-white {
  color: #fff; }

.button-mt {
  margin-top: 20px !important; }

.trackbtn {
  background: transparent;
  color: #fff;
  box-shadow: none;
  margin: 20px 10px 0px 10px; }

.range-btn {
  background: transparent;
  color: #fff; }

/*======= list style========*/
.tanker ul li,
.qa ul li {
  list-style-type: none;
display: block;
/* display: table;*/
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  /*opacity: 0.7;*/
  color: #000;
  /*padding: 20px 20px;*/
  font-size: 16px;
  font-weight: 300;
  float: left;
  margin-bottom: 3px; 
  margin-left: 0;
/*  height: 74px;
  line-height: 74px;*/
/*  overflow: hidden;*/
  padding: 18px 20px

}

.tanker ul li a,
.qa ul li a {
  position: relative;
width: 100%;

  float: left;
  display: inline-block;
  line-height: normal;
  color: #000;
  text-decoration: none; 
 /* padding-left: 20px;*/
  vertical-align: middle;
 
 

}




.tanker ul li span {
  margin-top: 10px;
  float: left;
  width: 100%;
  font-size: 12px; }

.tanker ul li a span {
  margin-top: 0; }

  .tanker ul li a div {
 /* display:inline-block; *//*width: 93%;*/
 width: 93%;
 overflow: hidden;
 text-overflow:ellipsis; 
 white-space: nowrap;
}

.tanker ul li a:after,
.qa ul li a:after {
  background-image: url("../images/aftermenu.png");
  background-repeat: no-repeat;
  /*float: right;*/
  background-position: center;
  background-size: 7px;
  content: "";
  width: 7px;
  height: 13px;
  position: absolute;
  right: 10px;
top: 50%;
margin-top:-6.5px;
/*  top: 30px; */
 /* padding-right: 20px; */}

.qa ul li a:after {
  top: 3px; }

.qa2 ul li {
  list-style-type: none;
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  /*opacity: 0.7;*/
  color: #000;
  padding: 17px 20px;
  font-size: 16px;
  font-weight: 300;
  float: left;
  margin-bottom: 3px;
  margin-left:0;


   }

.qa2 ul li a {
  position: relative;
  width: 100%;

 float: left;
  color: #000;
  text-decoration: none;
  padding-left: 25px; 
  line-height: normal;
  vertical-align: middle;

}

.qa2 ul li a span {
  float: left;
  width: 100%;
  font-size: 13px;
  font-family: 'open_sanslight'; }

.qa2 ul li a:before {
  background-image: url("../images/chevron_down@2x.png");
  background-repeat: no-repeat;

  background-position: center;
  background-size: 13px 7px;
  content: "";
  width: 13px;
  height: 7px;
  position: absolute;
  left: 0;

  top: 50%;
  margin-top:-11.5px;


   }

/*
.qa2 ul li a:before {
  top: 3px; }*/

 /*.qa2 ul li.expanded{background-image: url("../images/chevron_down.png");*/
/*  background-repeat: no-repeat;
}*/
/* .qa2 ul li.expanded a:before{top:7px;}*/



.qa2 ul li.expanded a:before{background-image: url("../images/chevron_up.png");
  }

.expanded p {
  padding-left: 25px;
  font-family: 'open_sansregular';
  font-size: 14px;
  margin: 15px 0px; }

.expanded p strong {
  font-family: 'open_sanssemibold';
  font-size: 14px; }

.date {
  font-size: 12px;
  font-family: 'open_sanslight', sans-serif;
  margin-top: 0px !important; }

/*======== roundbox===========*/
.card.round-box {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  margin: 20px 10px;
  overflow: hidden;
  box-shadow: none;
  padding: 20px; }

.transparant-box {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0px;
  margin: 0 0 20px 0px;
  overflow: hidden;
  box-shadow: none;
  padding: 20px; }

/*#content-slider {
  width: 100%;
  float: left;
  min-height: 250px;
  margin-top: 60px; }*/

.thought-list,
.detail-list {
  position: relative;
  width: 100%;
  display: block;
  float: left;
  color: #000;
  text-decoration: none;
  /*padding:20px;*/
  border-bottom: 1px solid #fff;
  padding: 10px 3px; }

.thought-list a {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.write-thoughtarea {
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  font-size: 16px;
  background-image: url(../images/dream-line.png);
  line-height: 30px;
  font-family: 'open_sanslight', sans-serif;
  /*margin-bottom: 20px;*/ }

.detail-list {
  border: none; }



.left-right-havpad {
  padding: 0px 30px; }

.tmargin {
  margin-top: 0 !important; }

.item.coach p {
  color: #fff !important;
  line-height: inherit; }

.img-circle {
  border-radius: 50%;
  border: 7px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  /*width: 190px;*/
  width: 170px;
  height: 170px;
  margin: 0 auto;
  overflow: hidden; }

.item-image.coach-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; }

/*========== forms ===========*/
.myemail {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0px;
  padding: 7px;
  border-radius: 10px;
  width: 100%;
  float: left; }

input.mymail {
  background: transparent; }

/*========= slider ================*/
/*.slider {
  height: 100%;
}
.slider-slide {
  padding-top: 80px;
  color: #000;
  background-color: transparent;
  text-align: center;

  font-family: inherit; 
  font-weight: 300;
}*/
#logo {
  margin: 30px 0px; }

#list {
  width: 170px;
  margin: 30px auto;
  font-size: 20px; }

#list ol {
  margin-top: 30px; }

#list ol li {
  text-align: left;
  list-style: decimal;
  margin: 10px 0px; }

.left, .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  /*  height: 49%;*/
  height: 0;
  z-index: 100;
  width: 44px;
  background-color: transparent; }

.left {
  left: -12px; }

.right {
  right: -12px; }

.title-havpad {
  margin-top: 5px; }

.content {
  padding: 1rem; }

.slider-slide h4 {
  margin-top: 0px;
  font-size: 12px;
  font-family: 'open_sansregular';
  font-weight: bold; }

.slider-slide p {
  padding: 30px 30px;
  color: #000;
  font-family: 'open_sanslight';
  min-height: 200px; }

.right button:before, .left button:before {
  background: #9AC8DF;
  color: #FFFFFF;
  display: inline-block;
  font-size: 24px;
  line-height: 18px !important;
  margin-top: 10px;
  padding: 5px !important;
  pointer-events: none;
  vertical-align: inherit; }

/**
 * MENU
 */
/**
 * VIEWS
 */
 #slider{
  float: left;
  text-align: center;
 }
.content {
  padding: 1rem; }

.range-num{
  width:100%;
  float: left;
  padding: 0px 20px;
}
.range-num span{
  float: left;
}
.range-num span+span{
  float: right;
}

.rum-havpad{margin-top:10px;}

.button.button-play.activated,.button.button-pause.activated,.button.button-edit.activated{background-color:transparent!important; border:0!important;box-shadow: none; opacity: 0.6;}

.button.button-positive{background:#ECA412; border-color: #ECA412; }

.button.active{border-color: transparent; box-shadow: none;}

.button-marginT{margin-top: 0!important;}
.btn-marginT{margin-top:5!important;}

.popup-body{text-align: center!important;}
h3.popup-title{font-weight: 700px; font-family: 'open_sansbold'; }

.mt10{margin-top:10px!important;}

.popup-container .popup{width: 300px;}

/*.button.button-positive.activated{background-color:#!important;}*/
.popup-buttons{min-height: 30px;}

.popup-buttons .button{border-radius: 10px; line-height: 35px!important; min-height: 35px!important}