/*
The basic styles of the box.

@since 1.0.0
*/
/*
The plugin style settings.

@since 1.0.0
*/
@keyframes dzs-paw-flash {
  0% {
    color: #7e66ad; }
  89% {
    color: #7e66ad; }
  90% {
    color: #b6a8d1; }
  91% {
    color: #7e66ad; }
  92% {
    color: #b6a8d1; }
  93% {
    color: #7e66ad; }
  100% {
    color: #7e66ad; } }

body.home #dzs-qib {
  padding-right: 0; }
  @media only screen and (min-width: 40em) {
    body.home #dzs-qib {
      position: absolute;
      height: auto !important; }
      body.home #dzs-qib .qib-content {
        display: block !important; } }

body.home #dzs-qib-toggle:after {
  content: '';
  position: absolute;
  border-top: 12px solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: 100%;
  margin-top: -4px;
  left: 6px; }

#dzs-qib {
  top: 100%;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.0714285714rem;
  padding-right: 1.0714285714rem;
  text-transform: none;
  font-size: 11px;
  max-width: none;
  width: 100%;
  letter-spacing: normal;
  z-index: 101; }
  @media only screen and (min-width: 64em) {
    #dzs-qib {
      padding-left: 1.0714285714rem; } }
  @media only screen and (min-width: 40em) {
    #dzs-qib {
      height: 450px;
      padding-left: 0; } }
  @media only screen and (max-width: 40em) {
    #dzs-qib {
      height: 0; }
      #dzs-qib .qib-content {
        display: none; } }
  @media only screen and (min-width: 40em) {
    #dzs-qib.hidden {
      height: 0; } }
  @media only screen and (min-width: 40em) {
    #dzs-qib.hidden .qib-content {
      display: none; } }
  @media only screen and (min-width: 40em) {
    #dzs-qib {
      position: absolute; } }
  #dzs-qib p {
    margin: 0; }
  #dzs-qib a {
    color: inherit; }
  #dzs-qib .qib-content {
    min-width: 200px;
    background: #2F358F;
    overflow: hidden;
    box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 40em) {
      #dzs-qib .qib-content {
        height: 450px; } }
    @media only screen and (max-width: 40em) {
      #dzs-qib .qib-content {
        width: auto;
        float: none;
        margin-left: -1.0714285714rem;
        margin-right: -1.0714285714rem; } }
  #dzs-qib .qib-section {
    position: relative; }
    #dzs-qib .qib-section:not(.qib-borderless) {
      padding: 0.6em 1em 0.6em 0.5em; }
      #dzs-qib .qib-section:not(.qib-borderless) .qib-section-content {
        padding-left: 0.5em; }
    #dzs-qib .qib-section .qib-section-icon {
      position: relative;
      float: left;
      width: 30px;
      font-size: 23px;
      vertical-align: middle;
      text-align: center;
      top: -1px; }
    #dzs-qib .qib-section .qib-section-content {
      overflow: hidden; }
      #dzs-qib .qib-section .qib-section-content .qib-section-title {
        font-size: 1.5em;
        margin: 0;
        font-weight: normal;
        color: #fff;
        padding-top: 1px; }
    #dzs-qib .qib-section.dzoo-qib-image-link > a:focus .qib-section-content, #dzs-qib .qib-section.dzoo-qib-image-link > a:active .qib-section-content {
      border: #31348c solid 3px; }
  #dzs-qib .qib-section-link span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* edit: added z-index */
    z-index: 20; }

#dzs-qib-toggle {
  position: relative;
  display: inline-block;
  color: #7e66ad;
  font-size: 27px;
  width: 27px;
  cursor: pointer;
  transition: transform 300ms;
  z-index: 100; }
  @media only screen and (min-width: 40em) {
    #dzs-qib-toggle {
      right: auto;
      left: 0;
      transform: none;
      margin-left: 7px; } }
  #dzs-qib-toggle:hover {
    transform: scale(1.2); }
  #dzs-qib-toggle.hidden {
    animation: dzs-paw-flash 10s infinite; }
    #dzs-qib-toggle.hidden:after {
      top: -9999px; }
  #dzs-qib-toggle:not(.hidden):after {
    content: '';
    position: absolute;
    border-top: 12px solid;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: 100%;
    margin-top: -4px;
    left: 6px; }
  #dzs-qib-toggle [class*="dzs-icon"] {
    position: relative; }
  #dzs-qib-toggle .background {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px; }

/*
The quick view area (mobile only).

@since 1.0.0
*/
/*
The plugin style settings.

@since 1.0.0
*/
#dzs-qib.hidden .qib-quick-view {
  display: block; }

#dzs-qib .qib-quick-view {
  background: #93acd7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzYWNkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjU2YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to right, #93acd7 0%, #0256a4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93acd7', endColorstr='#0256a4', GradientType=1);
  white-space: nowrap;
  width: auto;
  margin-left: -1.0714285714rem;
  color: #fff;
  font-size: 1.5em; }
  #dzs-qib .qib-quick-view:before {
    content: '';
    display: table;
    clear: both; }
  #dzs-qib .qib-quick-view:after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (min-width: 40em) {
    #dzs-qib .qib-quick-view {
      display: none !important; } }
  #dzs-qib .qib-quick-view [class*="dzs-icon"] {
    font-size: 1.5em;
    vertical-align: middle;
    margin-right: 0.2em; }
    #dzs-qib .qib-quick-view [class*="dzs-icon"]:before {
      display: inline; }
  #dzs-qib .qib-quick-view .right, #dzs-qib .qib-quick-view .left {
    position: relative;
    background-color: transparent;
    padding: 10px 1em;
    width: 50%; }
  #dzs-qib .qib-quick-view .left {
    float: left; }
  #dzs-qib .qib-quick-view .right {
    float: right; }
/*# sourceMappingURL=qib-front.css.map */