/* ==========================================================================
  Author's custom styles
  ========================================================================== */
body { overflow: visible; }
header {
  background-color: #fff;
  width: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px 0px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px 0px;
  /* padding: 20px 0; */
  padding: 20px 0 15px;
  /*position: fixed;*/
  top: 0;
  z-index: 5;

  /* debug:
  position: static !important;*/
}
.de.support header { padding: 20px 0; }

img { max-width: 100%; }

a { color: #e85167; }

.edit main { position: relative; }

span.h1, span.h2, span.h3, span.h4, span.h4, span.h5, span.h6, span.p, label.h3 { display: block; }

/*main > .container > .row > div[class^='col-'] { overflow-x: hidden; } /* [27.03.2019] mobile content fix */


#logo {
  height: 60px;
  width: 130px;
  background-image: url("../images/fotona.svg");
  background-attachment: scroll;
  background-repeat: no-repeat no-repeat;
  background-size: contain;
}
.de.support #logo {
  width: 300px;
  background-image: url("../img/hsd.png");
}
.qz {
  height: 60px;
  width: 60px;
  background-image: url("../img/lqz.jpg");
  background-attachment: scroll;
  background-repeat: no-repeat no-repeat;
  background-size: contain;
  float: left;
  margin-left: 20px;
}


.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:focus,
.btn-primary.active:focus {
  background-color: #fff;
  background-image: none;
  border-color: #e85167;
  color: #e85167;
  filter: none;
}
.btn-primary[disabled],
.btn-primary[disabled]:hover {
  background-color: #fff;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #efefef; }
.form-control::-webkit-input-placeholder { color: #777; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #777; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #777; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #777; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #777; }  /* Microsoft Edge */

.page-footer a,
.page-footer a:hover { color: #fff; }

@media (min-width: 768px) and (max-width: 991px) {
  .page-footer .row > .col-sm-4:nth-child(4) { clear: left; }
}

.bordered-top {
  border-top: 1px solid #e85167;
  padding-top: 1em;
}
.dropdown-menu > li > span {
    display: block;
    color: #aaa;
    padding: 3px 20px;
}

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

.embed-responsive {
  margin-bottom: 1em;
}

.tab-pane form {
  margin-top: 20px;
}

@media (min-width: 768px) {
  header {
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;

    position: fixed;
    /*top: 0;
    z-index: 5;*/
  }
  .smaller { padding: 10px 0 5px; }
  .de.support .smaller { padding: 10px 0; }
  #logo {
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
  }
  .smaller #logo {
    margin-top: 8px;
    height: 42px;
    width: 87px;
  }

  .container-fluid > .navbar-collapse {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;

    /*margin-left: 150px;*/
    /* padding-top: 10px; */
  }
  .smaller .container-fluid > .navbar-collapse {
    padding-top: 0;
  }
  
  main {
      margin-top: 69px;
  }

  /*.de .navbar-right,
  .fr .navbar-right,
  .es .navbar-right {
    margin-top: 18px;
  }*/
}
@media (min-width: 768px) and (max-width: 1199px) {
  main { margin-top: 135px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-right .search {
    left: 0;
    right: auto;
  }
}
@media (max-width: 767px) {
  main { margin-top: 94px; }
  /*.us main { margin-top: 129px; }*/
  /*main > .container > .row > div[class^='col-'] {
    overflow-x: auto;
  }
  main > .container > .row:first-child > div[class^='col-'] {
    min-height: 700px;
  }*/
  /*header {
    padding-top: 40px;
  }*/
  header {
    max-height: 100%;
    overflow-y: auto;
    position: fixed;
    padding-top: 5px;
  }
  .hdr-wrap {
    position: relative;
  }
  #logo {
    height: 28px;
    margin-top: 16px;
  }
  .navbar-toggle {
    /*bottom: 0;*/
    /*clear: right;*/
    /*float: right;*/
    margin: 10px 0 0 0;
    /*margin-right: 0;*/
    /*position: absolute;
    right: 0;
    bottom: 0;*/
  }
  .navbar-toggle.collapsed,
  .navbar-toggle.collapsed:active,
  .navbar-toggle.collapsed:focus {
    background-color: #fff;
  }
  .navbar-collapse { margin-top: 15px; }
  .fixed-txt {
    background-color: #ffffff;
    /*left: 0;*/
    /*position: fixed;*/
    /*padding: 5px 15px;*/
    padding: 5px 0;
    /*top: 0;
    right: 0;
    z-index: 99999;*/
  }
  
  div[class^="col-"] {
    /*float: none;*/
  }
}
@media (max-width: 991px) {
  .col-sm-12 {
    float: none;
  }
}
@media (min-width: 768px) {
.home .bgw {
height: 600px;
}
}
.page-footer {
  border-top: 6px solid #e85167;
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px -8px inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px -8px inset;*/
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px 0px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px 0px;*/
  padding-top: 20px;
  background: #656d70;
}

.bgw , .category-header{
  float: none;
  height: 456px;
  
  margin-left: auto;
  margin-top: 0px;
  clear: none;
  width: 100%;
  position: relative;
  opacity: 1;
  min-height: 0px;
  min-width: 0px;
  margin-right: auto;
  max-width: none;
  border-bottom: 6px solid #e85167;
  /*border-bottom-color: rgb(237, 28, 36);
  border-bottom-width: 6px;
  border-bottom-style: inset;*/
  /*-webkit-background-size: 100%;*/
  /*background-size: 100%;*/
  background-size: cover;
  /*max-height: 40%;*/
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 15px -8px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 15px -8px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 15px -8px inset;
  display: block;
  /*background-position: 100% -187.99999834000002px;*/
  background-position: center;
  background-repeat: no-repeat no-repeat;
  overflow: hidden;
}
.bgw img {
  display: none;
}
.bgw .carousel {
  height: 100%;
  display: none;
}
.bgw .carousel .carousel-inner { height: 100%; }
.bgw .carousel .item {
  background-position: right;
  background-size: cover;
  height: 100%;
}
.bgw .carousel .item > a {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 15;
}
.bgw .carousel .item iframe {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.bgw .carousel-control {
  top: 45px;
  bottom: 45px;
}
.bgw .carousel-control.left,
.bgw .carousel-control.right { background-image: none; }

.carousel-caption {
  background-color: rgba(0, 0, 0, .4);
  margin-bottom: 100px;
  padding: 20px 15px;
}
.carousel-caption > *:last-child { margin-bottom: 0; }
.carousel-caption > p { font-size: 19px; }
.carousel-caption > .h2 { 
    font-size: 32px;
    font-weight: bold;
}
.carousel-indicators { bottom: 35px; }
.carousel-indicators li,
.carousel-indicators li.active { margin: 1px 5px; }

@media (max-width: 767px) {
  .bgw{ height: 306px; }
  .bgw .carousel-caption {
    margin-bottom: 60px;
  }
  .bgw .carousel-caption > .h2 { font-size: 22px; }
}


/*.fixed {
  background-attachment: scroll;
  background-attachment: fixed;
}*/
.shadow {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px 0px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 10px 0px;
  border-top: 1px solid #ffffff;
  width: 100%;
  height: 0;
}

.go-top {
  float: none;
  height: 29px;
  clear: none;
  width: 74px;
  margin: 40px auto 50px;
  display: block;
  /*background-image:url("../img/top.png");*/
  background-attachment: scroll;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}

.page-footer p {
  margin-bottom: 20px;
}

.page-footer .glyphicon {
  font-size: 12px;
  line-height: 1;
}

ul.index {
  list-style-type: none;
  padding-left: 0;
}

.dropdown-menu > li > a.active {
  color: #000;
  font-weight: bold;
}

.grid a { display: block; }
.col-md-6 .row .grid > .col-md-3:nth-child(4n+5),
.col-md-6 .row .grid > .col-sm-3:nth-child(4n+5){ clear: right; }
@media (max-width: 767px) {
  .col-md-6 .row .grid > .col-md-3:nth-child(2n+1),
  .col-md-6 .row .grid > .col-sm-3:nth-child(2n+1){ clear: right}
  .grid > .col-xs-6:nth-child(2n+1){ clear: left; }
}
.grid .modal a { display: inline; }
@media (min-width: 768px) {
  .grid > .col-sm-3:nth-child(4n+5) { clear: right; }
}

.media p {
  margin-bottom: 5px;
}


.index {
  position: relative;
}
.index .nav-pills {
  position: absolute;
  right: 15px;
  top: 20px;
}
.index .dropdown-menu {
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .index #filterEvent {
    border-bottom: 1px solid #e85167;
    overflow: hidden;
  }
}

li.item {
  margin-bottom: 1em;
  overflow: hidden;
}
.item > a {
  color: #777777;
  display: block;
  text-decoration: none;
}
.item .h2 {
  color: #e85167;
  margin-bottom: 0;
}
.item .h3 {
  color: #e85167;
  margin: 8px 0 10px;
}
.item span { display: block; }

.date { margin-bottom: 0; }
/*p.place { margin-top: 0; }*/
.date.nws { margin-bottom: 10px; }

.news .item > p,
.news .item > a > * { margin-left: 106px; }
.news .item .image {
  float: left;
  height: 90px;
  margin: 4px 1em 0 0;
  overflow: hidden;
  width: 90px;
}
.news .item .image img {
  max-width: 100%;
  height: auto;
}

.grid-g > div { margin: 1em 0; }
.grid-g > div > a,
.grid-g > div > span {
  background-position: center;
  background-size: cover;
  display: block;
  padding-bottom: 75%;
}

.box-item:hover {
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.box-item:hover .h4 {
  color: #777;
}
.box-item:hover .img-thumbnail {
  border-color: #777;
}
span.h4 {
  display: block;
}
.img-ba img {
  width: 100%;
}

.img-sq {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
}
.bna .img-sq { background-position: left; }
.acc .img-sq {
  background-size: contain;
  background-position: center;
}

/*
 * read more buton
 */
.expandable {
  display: none;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .NNNN > .expandable,
  .NNNY > .expandable,
  .NNYY > .expandable
  .NYYY > .expandable { display: block; }
  .NNNN > p,
  .NNNY > p,
  .NNYY > p,
  .NYYY > p { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .YNNN > .expandable,
  .YNNY > .expandable,
  .NNNN > .expandable,
  .NNNY > .expandable,
  .NNYY > .expandable { display: block; }
  .YNNN > p,
  .YNNY > p,
  .NNNN > p,
  .NNNY > p,
  .NNYY > p { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .YNNN > .expandable,
  .YYNN > .expandable,
  .YYNY > .expandable,
  .NNNN > .expandable,
  .NNNY > .expandable { display: block; }
  .NNNN > p,
  .NNNY > p { display: none; }
}
@media (min-width: 1200px) {
  .YNNN > .expandable,
  .YYNN > .expandable,
  .YYYN > .expandable,
  .NNNN > .expandable { display: block; }
  .YNNN > p,
  .YYNN > p,
  .YYYN > p,
  .NNNN > p { display: none; }
}

.btn.text-left { text-align: left; }

.breadcrumb { background-color: #f5f5f5; }

.before-after {
  list-style-type: none;
  overflow: hidden;
  padding-left: 0;
}
.before-after > li {
  float: left;
  width: 50%;
}
.before-after > li > img { margin-bottom: 10px; }
.before-after > li:nth-child(2n) { padding-left: 15px; }
.before-after > li:nth-child(2n+1) { padding-right: 15px; }


.search-frm {
  padding: 0 15px;
  white-space: nowrap;
}
.frm-cse { margin-bottom: 10px; }

.note {  }


#post-blog textarea { height: 10em; }


/* oc styles */
.oc-container {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}

.oc-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* video */
.marg75 { padding-top: 75px; }
.search-video input {
  float: left;
  width: 80%;
}
.search-video button {
  float: left;
  width: 20%;
}
.grid-3 > div:nth-child(3n+1) { clear: left; }
.grid-4 > div:nth-child(4n+1) { clear: left; }
.library > .row > div {
  margin-bottom: 15px;
}
.library > .row > div > a {
  border-bottom: 1px solid #e85167;
  display: block;
  padding-bottom: 15px;
  height: 100%;
}
.library > .row > div > a:hover { text-decoration: none; }
.library > .row > div > a > span.h4 {
  margin: 0;
}
.library > .row > div > a > span.video-img {
  background-size: cover;
  display: block;
  height: 0;
  margin-bottom: 15px;
  padding-bottom: 56.25%;
}

.library-video {
  height: 0;
  margin-bottom: 1.5em;
  padding-bottom: 56.25%;
  position: relative;
}
.library-video iframe {
  border: 0 none;
  height: 100%;
  outline: none;
  position: absolute;
  width: 100%;
}
.clear-both { clear: both; }
.mf-grid > div {
  margin-bottom: 15px;
  margin-top: 15px;
}
.mf-grid > div > a {
  border-bottom: 1px solid #e85167;
  display: block;
  height: 100%;
}


/* M&S */
ul.MSdirs,
ul.MSfiles {
  list-style-type: none;
}
ul.MSdirs li.l3 { margin-left: 15px; }
ul.MSdirs li.l4 { margin-left: 30px; }
ul.MSdirs li.l5 { margin-left: 45px; }
ul.MSdirs li.l6 { margin-left: 60px; }
ul.MSdirs li.l7 { margin-left: 75px; }
ul.MSdirs li.l8 { margin-left: 90px; }

/* contact, register */
#us-state,
#us-zip,
#personal,
#mail-check,
#pass-check { display: none; }

p#result {
  padding: 1em;
}

.modal-content.contact {background-color: rgba(255, 255, 255, 0.3);}
.modal-content.contact form {background-color: rgba(10, 10, 10, 0.7);}
.modal-content.contact .modal-header { border-bottom: 1px solid #e85167; }
.modal-content.contact .modal-header h2 { color: #e85167; }
.modal-content.contact .btn-primary {
  background-color: #e85167;
  border-color: #fff;
  color: #fff;
}
.modal-content.contact .close { color: #fff; }

.modal-content .checkbox {
  margin-bottom: 15px;
  padding-top: 0;
  position: relative;
}
.modal-content .checkbox input {
  left: 0;
  margin-left: 0;
  top: 0;
}
.modal-content .col-sm-8 .checkbox {
  margin-bottom: 0;
  padding-top: 9px;
}
.modal-content .col-sm-8 .checkbox input {
  top: 9px;
}



.product-literature .media-body:before {
  content: "\e022";

  font-family: 'Glyphicons Halflings';
  font-size: 42px;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 5px;
}
.product-literature .media-body {
  padding-left: 50px;
  position: relative;
}


form.distributors {
  clear: both;
}
p.region {
  border-bottom: 1px solid #eee;
  clear: both;
  
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 10px;
}

a.cntry {
  display: block;
  float: left;
  /* font-size: 1.2em; */
  margin: 0 0 15px;
  width: 50%;
}
@media (max-width: 767px) {
  div.cnntry-wrap a.cntry:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  a.cntry {
    width: 33.33%;
  }
  div.cnntry-wrap a.cntry:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  a.cntry {
    width: 25%;
  }
  div.cnntry-wrap a.cntry:nth-child(4n+1) {
    clear: left;
  }
}
@media (min-width: 1200px) {
  a.cntry {
    width: 20%;
  }
  div.cnntry-wrap a.cntry:nth-child(5n+1) {
    clear: left;
  }
}

a.cntry span {
  display: table;
}
a.cntry span.flag {
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 32px;
  width: 32px;
  margin-right: 8px;
}
a.cntry span.txt {
  display: table-cell;
  vertical-align: middle;
}
.AD span.flag { background-image: url(../../../media/img/flags/ad.png); }
.AE span.flag { background-image: url(../../../media/img/flags/ae.png); }
.AG span.flag { background-image: url(../../../media/img/flags/ag.png); }
.AI span.flag { background-image: url(../../../media/img/flags/ai.png); }
.AL span.flag { background-image: url(../../../media/img/flags/al.png); }
.AM span.flag { background-image: url(../../../media/img/flags/am.png); }
.AN span.flag { background-image: url(../../../media/img/flags/an.png); }
.AQ span.flag { background-image: url(/media/img/flags/aq.png); }
.AR span.flag { background-image: url(../../../media/img/flags/ar.png); }
.AR span.flag { background-image: url(../../../media/img/flags/ar.png); }
.AS span.flag { background-image: url(../../../media/img/flags/as.png); }
.AT span.flag { background-image: url(../../../media/img/flags/at.png); }
.AU span.flag { background-image: url(../../../media/img/flags/au.png); }
.AW span.flag { background-image: url(../../../media/img/flags/aw.png); }
.AZ span.flag { background-image: url(../../../media/img/flags/az.png); }
.BA span.flag { background-image: url(../../../media/img/flags/ba.png); }
.BB span.flag { background-image: url(../../../media/img/flags/bb.png); }
.BD span.flag { background-image: url(../../../media/img/flags/bd.png); }
.BE span.flag { background-image: url(../../../media/img/flags/be.png); }
.BF span.flag { background-image: url(../../../media/img/flags/bf.png); }
.BG span.flag { background-image: url(../../../media/img/flags/bg.png); }
.BH span.flag { background-image: url(../../../media/img/flags/bh.png); }
.BI span.flag { background-image: url(../../../media/img/flags/bi.png); }
.BJ span.flag { background-image: url(../../../media/img/flags/bj.png); }
.BM span.flag { background-image: url(../../../media/img/flags/bm.png); }
.BN span.flag { background-image: url(../../../media/img/flags/bn.png); }
.BO span.flag { background-image: url(../../../media/img/flags/bo.png); }
.BR span.flag { background-image: url(../../../media/img/flags/br.png); }
.BS span.flag { background-image: url(../../../media/img/flags/bs.png); }
.BT span.flag { background-image: url(../../../media/img/flags/bt.png); }
.BV span.flag { background-image: url(/media/img/flags/bv.png); }
.BW span.flag { background-image: url(../../../media/img/flags/bw.png); }
.BY span.flag { background-image: url(../../../media/img/flags/by.png); }
.BZ span.flag { background-image: url(../../../media/img/flags/bz.png); }
.CA span.flag { background-image: url(../../../media/img/flags/ca.png); }
.CC span.flag { background-image: url(/media/img/flags/cc.png); }
.CF span.flag { background-image: url(../../../media/img/flags/cf.png); }
.CG span.flag { background-image: url(../../../media/img/flags/cg.png); }
.CH span.flag { background-image: url(../../../media/img/flags/ch.png); }
.CI span.flag { background-image: url(../../../media/img/flags/ci.png); }
.CK span.flag { background-image: url(../../../media/img/flags/ck.png); }
.CL span.flag { background-image: url(../../../media/img/flags/cl.png); }
.CM span.flag { background-image: url(../../../media/img/flags/cm.png); }
.CN span.flag { background-image: url(../../../media/img/flags/cn.png); }
.CO span.flag { background-image: url(../../../media/img/flags/co.png); }
.CR span.flag { background-image: url(../../../media/img/flags/cr.png); }
.CV span.flag { background-image: url(../../../media/img/flags/cv.png); }
.CX span.flag { background-image: url(../../../media/img/flags/cx.png); }
.CY span.flag { background-image: url(../../../media/img/flags/cy.png); }
.CZ span.flag { background-image: url(../../../media/img/flags/cz.png); }
.DE span.flag { background-image: url(../../../media/img/flags/de.png); }
.DJ span.flag { background-image: url(../../../media/img/flags/dj.png); }
.DK span.flag { background-image: url(../../../media/img/flags/dk.png); }
.DM span.flag { background-image: url(../../../media/img/flags/dm.png); }
.DO span.flag { background-image: url(../../../media/img/flags/do.png); }
.DZ span.flag { background-image: url(../../../media/img/flags/dz.png); }
.EC span.flag { background-image: url(../../../media/img/flags/ec.png); }
.EE span.flag { background-image: url(../../../media/img/flags/ee.png); }
.EG span.flag { background-image: url(../../../media/img/flags/eg.png); }
.EH span.flag { background-image: url(/media/img/flags/eh.png); }
.ES span.flag { background-image: url(../../../media/img/flags/es.png); }
.ET span.flag { background-image: url(../../../media/img/flags/et.png); }
.FI span.flag { background-image: url(../../../media/img/flags/fi.png); }
.FJ span.flag { background-image: url(../../../media/img/flags/fj.png); }
.FK span.flag { background-image: url(../../../media/img/flags/fk.png); }
.FM span.flag { background-image: url(../../../media/img/flags/fm.png); }
.FO span.flag { background-image: url(../../../media/img/flags/fo.png); }
.FR span.flag { background-image: url(../../../media/img/flags/fr.png); }
.GA span.flag { background-image: url(../../../media/img/flags/ga.png); }
.GB span.flag { background-image: url(../../../media/img/flags/uk.png); }
.GD span.flag { background-image: url(../../../media/img/flags/gd.png); }
.GE span.flag { background-image: url(../../../media/img/flags/ge.png); }
.GF span.flag { background-image: url(/media/img/flags/gf.png); }
.GG span.flag { background-image: url(../../../media/img/flags/gg.png); }
.GH span.flag { background-image: url(../../../media/img/flags/gh.png); }
.GI span.flag { background-image: url(../../../media/img/flags/gi.png); }
.GL span.flag { background-image: url(../../../media/img/flags/gl.png); }
.GM span.flag { background-image: url(../../../media/img/flags/gm.png); }
.GN span.flag { background-image: url(../../../media/img/flags/gn.png); }
.GP span.flag { background-image: url(/media/img/flags/gp.png); }
.GQ span.flag { background-image: url(../../../media/img/flags/gq.png); }
.GR span.flag { background-image: url(../../../media/img/flags/gr.png); }
.GT span.flag { background-image: url(../../../media/img/flags/gt.png); }
.GU span.flag { background-image: url(../../../media/img/flags/gu.png); }
.GW span.flag { background-image: url(../../../media/img/flags/gw.png); }
.GY span.flag { background-image: url(../../../media/img/flags/gy.png); }
.HK span.flag { background-image: url(../../../media/img/flags/hk.png); }
.HM span.flag { background-image: url(/media/img/flags/hm.png); }
.HN span.flag { background-image: url(../../../media/img/flags/hn.png); }
.HR span.flag { background-image: url(../../../media/img/flags/hr.png); }
.HT span.flag { background-image: url(../../../media/img/flags/ht.png); }
.HU span.flag { background-image: url(../../../media/img/flags/hu.png); }
.ID span.flag { background-image: url(../../../media/img/flags/id.png); }
.IE span.flag { background-image: url(../../../media/img/flags/ie.png); }
.IL span.flag { background-image: url(../../../media/img/flags/il.png); }
.IM span.flag { background-image: url(../../../media/img/flags/im.png); }
.IN span.flag { background-image: url(../../../media/img/flags/in.png); }
.IO span.flag { background-image: url(../../../media/img/flags/io.png); }
.IQ span.flag { background-image: url(../../../media/img/flags/iq.png); }
.IR span.flag { background-image: url(../../../media/img/flags/ir.png); }
.IS span.flag { background-image: url(../../../media/img/flags/is.png); }
.IT span.flag { background-image: url(../../../media/img/flags/it.png); }
.JE span.flag { background-image: url(../../../media/img/flags/je.png); }
.JM span.flag { background-image: url(../../../media/img/flags/jm.png); }
.JO span.flag { background-image: url(../../../media/img/flags/jo.png); }
.JP span.flag { background-image: url(../../../media/img/flags/jp.png); }
.KE span.flag { background-image: url(../../../media/img/flags/ke.png); }
.KG span.flag { background-image: url(../../../media/img/flags/kg.png); }
.KH span.flag { background-image: url(../../../media/img/flags/kh.png); }
.KI span.flag { background-image: url(../../../media/img/flags/ki.png); }
.KM span.flag { background-image: url(../../../media/img/flags/km.png); }
.KN span.flag { background-image: url(../../../media/img/flags/kn.png); }
.KR span.flag { background-image: url(../../../media/img/flags/kr.png); }
.KS span.flag { background-image: url(../../../media/img/flags/ks.png); }
.KW span.flag { background-image: url(../../../media/img/flags/kw.png); }
.KY span.flag { background-image: url(../../../media/img/flags/ky.png); }
.KZ span.flag { background-image: url(../../../media/img/flags/kz.png); }
.LA span.flag { background-image: url(../../../media/img/flags/la.png); }
.LB span.flag { background-image: url(../../../media/img/flags/lb.png); }
.LC span.flag { background-image: url(../../../media/img/flags/lc.png); }
.LI span.flag { background-image: url(../../../media/img/flags/li.png); }
.LK span.flag { background-image: url(../../../media/img/flags/lk.png); }
.LR span.flag { background-image: url(../../../media/img/flags/lr.png); }
.LS span.flag { background-image: url(../../../media/img/flags/ls.png); }
.LT span.flag { background-image: url(../../../media/img/flags/lt.png); }
.LU span.flag { background-image: url(../../../media/img/flags/lu.png); }
.LV span.flag { background-image: url(../../../media/img/flags/lv.png); }
.MA span.flag { background-image: url(../../../media/img/flags/ma.png); }
.MC span.flag { background-image: url(../../../media/img/flags/mc.png); }
.MD span.flag { background-image: url(../../../media/img/flags/md.png); }
.ME span.flag { background-image: url(../../../media/img/flags/me.png); }
.MG span.flag { background-image: url(../../../media/img/flags/mg.png); }
.MH span.flag { background-image: url(../../../media/img/flags/mh.png); }
.MK span.flag { background-image: url(../../../media/img/flags/mk.png); }
.ML span.flag { background-image: url(../../../media/img/flags/ml.png); }
.MM span.flag { background-image: url(/media/img/flags/mm.png); }
.MN span.flag { background-image: url(../../../media/img/flags/mn.png); }
.MO span.flag { background-image: url(../../../media/img/flags/mo.png); }
.MP span.flag { background-image: url(../../../media/img/flags/mp.png); }
.MQ span.flag { background-image: url(../../../media/img/flags/mq.png); }
.MR span.flag { background-image: url(../../../media/img/flags/mr.png); }
.MS span.flag { background-image: url(../../../media/img/flags/ms.png); }
.MT span.flag { background-image: url(../../../media/img/flags/mt.png); }
.MU span.flag { background-image: url(../../../media/img/flags/mu.png); }
.MV span.flag { background-image: url(../../../media/img/flags/mv.png); }
.MW span.flag { background-image: url(../../../media/img/flags/mw.png); }
.MX span.flag { background-image: url(../../../media/img/flags/mx.png); }
.MY span.flag { background-image: url(../../../media/img/flags/my.png); }
.MZ span.flag { background-image: url(../../../media/img/flags/mz.png); }
.NA span.flag { background-image: url(../../../media/img/flags/na.png); }
.NC span.flag { background-image: url(/media/img/flags/nc.png); }
.NE span.flag { background-image: url(../../../media/img/flags/ne.png); }
.NF span.flag { background-image: url(../../../media/img/flags/nf.png); }
.NG span.flag { background-image: url(../../../media/img/flags/ng.png); }
.NI span.flag { background-image: url(../../../media/img/flags/ni.png); }
.NL span.flag { background-image: url(../../../media/img/flags/nl.png); }
.NO span.flag { background-image: url(../../../media/img/flags/no.png); }
.NP span.flag { background-image: url(../../../media/img/flags/np.png); }
.NR span.flag { background-image: url(../../../media/img/flags/nr.png); }
.NU span.flag { background-image: url(../../../media/img/flags/nu.png); }
.NZ span.flag { background-image: url(../../../media/img/flags/nz.png); }
.OM span.flag { background-image: url(../../../media/img/flags/om.png); }
.PA span.flag { background-image: url(../../../media/img/flags/pa.png); }
.PE span.flag { background-image: url(../../../media/img/flags/pe.png); }
.PF span.flag { background-image: url(../../../media/img/flags/pf.png); }
.PG span.flag { background-image: url(../../../media/img/flags/pg.png); }
.PH span.flag { background-image: url(../../../media/img/flags/ph.png); }
.PK span.flag { background-image: url(../../../media/img/flags/pk.png); }
.PL span.flag { background-image: url(../../../media/img/flags/pl.png); }
.PM span.flag { background-image: url(../../../media/img/flags/pm.png); }
.PN span.flag { background-image: url(../../../media/img/flags/pn.png); }
.PR span.flag { background-image: url(../../../media/img/flags/pr.png); }
.PT span.flag { background-image: url(../../../media/img/flags/pt.png); }
.PW span.flag { background-image: url(../../../media/img/flags/pw.png); }
.PY span.flag { background-image: url(../../../media/img/flags/py.png); }
.PZ span.flag { background-image: url(/media/img/flags/pz.png); }
.QA span.flag { background-image: url(../../../media/img/flags/qa.png); }
.RE span.flag { background-image: url(/media/img/flags/re.png); }
.RO span.flag { background-image: url(../../../media/img/flags/ro.png); }
.RS span.flag { background-image: url(../../../media/img/flags/rs.png); }
.RU span.flag { background-image: url(../../../media/img/flags/ru.png); }
.RW span.flag { background-image: url(../../../media/img/flags/rw.png); }
.SA span.flag { background-image: url(../../../media/img/flags/sa.png); }
.SB span.flag { background-image: url(../../../media/img/flags/sb.png); }
.SC span.flag { background-image: url(../../../media/img/flags/sc.png); }
.SE span.flag { background-image: url(../../../media/img/flags/se.png); }
.SG span.flag { background-image: url(../../../media/img/flags/sg.png); }
.SH span.flag { background-image: url(../../../media/img/flags/sh.png); }
.SI span.flag { background-image: url(../../../media/img/flags/si.png); }
.SJ span.flag { background-image: url(/media/img/flags/sj.png); }
.SK span.flag { background-image: url(../../../media/img/flags/sk.png); }
.SL span.flag { background-image: url(../../../media/img/flags/sl.png); }
.SM span.flag { background-image: url(../../../media/img/flags/sm.png); }
.SN span.flag { background-image: url(../../../media/img/flags/sn.png); }
.SO span.flag { background-image: url(../../../media/img/flags/so.png); }
.SR span.flag { background-image: url(../../../media/img/flags/sr.png); }
.ST span.flag { background-image: url(../../../media/img/flags/st.png); }
.SV span.flag { background-image: url(../../../media/img/flags/sv.png); }
.SY span.flag { background-image: url(../../../media/img/flags/sy.png); }
.SZ span.flag { background-image: url(../../../media/img/flags/sz.png); }
.TC span.flag { background-image: url(../../../media/img/flags/tc.png); }
.TD span.flag { background-image: url(../../../media/img/flags/td.png); }
.TF span.flag { background-image: url(/media/img/flags/tf.png); }
.TG span.flag { background-image: url(../../../media/img/flags/tg.png); }
.TH span.flag { background-image: url(../../../media/img/flags/th.png); }
.TJ span.flag { background-image: url(../../../media/img/flags/tj.png); }
.TK span.flag { background-image: url(/media/img/flags/tk.png); }
.TM span.flag { background-image: url(../../../media/img/flags/tm.png); }
.TM span.flag { background-image: url(../../../media/img/flags/tm.png); }
.TN span.flag { background-image: url(../../../media/img/flags/tn.png); }
.TO span.flag { background-image: url(../../../media/img/flags/to.png); }
.TP span.flag { background-image: url(/media/img/flags/tp.png); }
.TR span.flag { background-image: url(../../../media/img/flags/tr.png); }
.TT span.flag { background-image: url(../../../media/img/flags/tt.png); }
.TV span.flag { background-image: url(../../../media/img/flags/tv.png); }
.TW span.flag { background-image: url(../../../media/img/flags/tw.png); }
.TZ span.flag { background-image: url(../../../media/img/flags/tz.png); }
.UA span.flag { background-image: url(../../../media/img/flags/ua.png); }
.UG span.flag { background-image: url(../../../media/img/flags/ug.png); }
.UM span.flag { background-image: url(/media/img/flags/um.png); }
.US span.flag { background-image: url(../../../media/img/flags/us.png); }
.UY span.flag { background-image: url(../../../media/img/flags/uy.png); }
.UZ span.flag { background-image: url(../../../media/img/flags/uz.png); }
.VA span.flag { background-image: url(/media/img/flags/va.png); }
.VC span.flag { background-image: url(../../../media/img/flags/vc.png); }
.VE span.flag { background-image: url(../../../media/img/flags/ve.png); }
.VG span.flag { background-image: url(../../../media/img/flags/vg.png); }
.VI span.flag { background-image: url(../../../media/img/flags/vi.png); }
.VN span.flag { background-image: url(../../../media/img/flags/vn.png); }
.VU span.flag { background-image: url(../../../media/img/flags/vu.png); }
.WF span.flag { background-image: url(../../../media/img/flags/wf.png); }
.WS span.flag { background-image: url(../../../media/img/flags/ws.png); }
.YE span.flag { background-image: url(../../../media/img/flags/ye.png); }
.ZA span.flag { background-image: url(../../../media/img/flags/za.png); }
.ZM span.flag { background-image: url(../../../media/img/flags/zm.png); }
.ZR span.flag { background-image: url(/media/img/flags/zr.png); }
.ZW span.flag { background-image: url(../../../media/img/flags/zw.png); }

.responsive-16by9 {
  background-position: center;
  background-size: cover;
  display: block;
  padding-bottom: 56.25%;
  position: relative;
}
.responsive-16by9 > a {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}


.panel-title {
  font-size: 16px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .dropdown.faq .btn-default {
    margin-bottom: 1em;
    width: 100%;
  }
}

td[data-ident] > p,
td[data-ident] > ul {
  margin-bottom: 0;
}

span.edit {
  position: absolute;
  right: 0;
  top: 0;
}
span.edit a {
  background-color: #fff;
  border: 2px solid #e85167;
  border-radius: 4px;
  display: inline-block;
  height: 32px;
  margin: 15px 15px 0 0;
  text-align: center;
  width: 32px;
}
span.edit a span {
  font-size: 20px;
  line-height: 28px;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}