@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800|Lato:100,300,400,400i,700&subset=latin-ext');

* {
  border-radius: 2px;
  box-sizing: border-box;
}

body {
 -webkit-font-smoothing: subpixel-antialiased; 
 text-rendering: optimizeLegibility; 
}

a {
  color: #258ADC; 
  text-decoration: none;
}

a:hover {
  color: #258ADC; 
  text-decoration: none;
}
.small-margin {
  margin: 10px 0px; 
}

.medium-margin {
  margin: 20px 0px; 
}

.large-margin {
  margin: 30px 0px; 
}

.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;
}

.main-class-wrapper {
  width: calc(100% - 4px);
  border-left: 2px solid white;
  border-right: 2px solid white;
  margin: 10px auto;
  padding-top: 46px;
}

.audified-border { /* Audified rámeček */
  width: 100%;
  background-color: #FFFFFF;
  position: relative;
  border-radius: 0px;
  height: 6px;
}

.audified-border .blue-line {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 2px;
  background-color: #258ADC;
  border-radius: 2px;
  margin: 0;
}

#header-wrapper {
 z-index: 500;
 position: fixed;
 width: 100%;
 top:0px;
 left:0px;
 border-left: 4px solid #FFFFFF;
 border-right: 4px solid #FFFFFF;
}

#header {
  width: 100%;
  height: 50px;
  padding: 0px 25px;
  background-color: #EEEEEE;
  display: table;
}

#no-js-warning {
  color: #FF4725;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  font-weight: 700;
  font-size: 14px;
  position: fixed;
  background-color: #FFFFFF;
  -webkit-animation: warning-no-js 10s forwards;
  -moz-animation:    warning-no-js 10s forwards; 
  -o-animation:      warning-no-js 10s forwards;
  animation:         warning-no-js 10s forwards; 
}

@-webkit-keyframes warning-no-js {
  0%   { 
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px); 
    transform: translate(0px, 100px);
    opacity: 0;
  }
  10% {
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
    opacity: 1;
  }
  90% { 
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
    opacity: 1; 
  }
  100% { 
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px); 
    transform: translate(0px, 100px);
    opacity: 0;
    display: none !important;
  }
}
@-moz-keyframes warning-no-js {
  0%   { 
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px); 
    transform: translate(0px, 100px);
    opacity: 0;
  }
  10% {
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
    opacity: 1;
  }
  90% { 
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
    opacity: 1; 
  }
  100% { 
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px); 
    transform: translate(0px, 100px);
    opacity: 0;
    display: none !important;
  }
}
@-o-keyframes warning-no-js {
  0%   { 
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px); 
    transform: translate(0px, 100px);
    opacity: 0;
  }
  10% {
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
    opacity: 1;
  }
  90% { 
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
    opacity: 1; 
  }
  100% { 
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px); 
    transform: translate(0px, 100px);
    opacity: 0;
    display: none !important;
  }
}
@keyframes warning-no-js {
  0%   { 
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px); 
    transform: translate(0px, 100px);
    opacity: 0;
  }
  10% {
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
    opacity: 1;
  }
  90% { 
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px); 
    transform: translate(0px, 0px);
    opacity: 1; 
  }
  100% { 
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px); 
    transform: translate(0px, 100px);
    opacity: 0;
    display: none !important;
  }
}

@media screen and (max-width: 1096px) {
 #header-wrapper {
  width: 100%;
  left: 0px;
 }
 #header {
  height: 50px; 
 }
 .main-class-wrapper {
  padding-top: 46px; 
 }
}

.header-logo {
  margin: 0px !important;
  display: table-cell;
  vertical-align: middle;
}

.header-links {
  width: 100%;
  max-width: 580px;
  display: table-cell;
  vertical-align: middle;
}

.header-links-wrapper {
 display: table;
 margin: auto;
}

.header-links .link {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  display: inline-block;
  transition: 200ms;
  color: #999;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 46px;
}

.header-links .link:first-of-type {
 margin-left: -23px; 
}



.header-links .link.active {
  color: #333333; 
}

.header-links .link:hover {
  transition: 200ms;
  color: #333333;
}

.header-icons {
  max-width: 250px;
  display: table-cell;
  vertical-align: middle;
}

.header-icon {
 display: inline-block; 
 margin: 0px 2px;
 position: relative;
}

.header-icon > img {
 vertical-align: middle; 
}

.header-icon:hover {
 cursor: pointer; 
}

.header-icons-wrapper {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  
}

.header-cart-count {
  position: absolute;
  top: -8.5px; 
  right: -8.5px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #FF4725;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  text-align: center;
  display: block;
  font-size: 12px;
}

#header-hamburger {
 display: none; 
}

#header-hamburger-audified {
 display: none; 
}

.blue-item {
  color: #258ADC !important;
  font-weight: bold !important;
}

#hamburger-menu-wrapper {
 position: fixed;
 top: 100%;
 /display: none;
 /transition: top 0.3s linear;
 height: calc(100vh - 56px);
 width: 100%;
 background-color: #EEEEEE;
 z-index: 9999;
}

.hamburger-menu-shown {
 display: block;
 -webkit-animation: hamburger-menu-animation-open 0.5s forwards;
 -moz-animation:    hamburger-menu-animation-open 0.5s forwards; 
 -o-animation:      hamburger-menu-animation-open 0.5s forwards;
 animation:         hamburger-menu-animation-open 0.5s forwards; 
}

.hamburger-menu-close {
 -webkit-animation: hamburger-menu-animation-open 0.5s forwards reverse;
 -moz-animation:    hamburger-menu-animation-open 0.5s forwards reverse; 
 -o-animation:      hamburger-menu-animation-open 0.5s forwards reverse;
 animation:         hamburger-menu-animation-open 0.5s forwards reverse; 
}

@-webkit-keyframes hamburger-menu-animation-open {
  0%   { top: 100%; opacity: 0; display: none; }
  50 { top: 50%; opacity: 1; }
  100% { top: 56px; }
}
@-moz-keyframes hamburger-menu-animation-open {
  0%   { top: 100%; opacity: 0; display: none; }
  50 { top: 50%; opacity: 1; }
  100% { top: 56px; }
}
@-o-keyframes hamburger-menu-animation-open {
  0%   { top: 100%; opacity: 0; display: none; }
  50 { top: 50%; opacity: 1; }
  100% { top: 56px; }
}
@keyframes hamburger-menu-animation-open {
  0%   { top: 100%; opacity: 0; display: none; }
  50 { top: 50%; opacity: 1; }
  100% { top: 56px; }
}

#hamburger-menu-items {
 max-height: 100%;
 display: block;
 overflow-y: scroll;
 width: 100%;
}

a.hamburger-menu-item {
 font-family: "Lato", sans-serif;
 display: block;
 width: 100%;
 text-align: center;
 padding: 10px 5px;
 text-transform: uppercase;
 color: #333333;
 border-bottom: 1px solid #258ADC;
}

a.hamburger-menu-item:hover {
 cursor: pointer; 
}

a.hamburger-menu-item:last-of-type {
 border-bottom: 0px; 
}

#header-hamburger .icon:before {
 margin-right: 14px; 
}

@media screen and (max-width: 1096px) {
 .header-logo {
  display: none; 
 }
 .header-links {
  display: none;
 }
 .header-icons {
  display: none; 
 }
 #header {
  padding: 0px; 
 }
 #header-hamburger {
  display: table-cell;
  vertical-align: middle;
  width: 65px;
  text-align: right;
  padding-right: 20px;
 }
 #header-hamburger-audified {
  padding-left: 20px;
  display: table-cell;
  padding-top: 7px;
  vertical-align: middle;
  //text-align: center;
  //padding-top: 6px;
 }
 #header-hamburger-audified > img{
  vertical-align: middle; 
  display: block;
  max-width: 90%;
 }
}

#product-main {
  width: 100%;
  /*display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-align-items: flex-start;align-items: flex-start;
  justify-content: center;*/
  display: table;
  //height: 65vh;
  min-height: 600px;
  background-color: #EEEEEE;
  padding-bottom: 40px;
}

#product-main-video {
 width: 100%;
 max-height: 0px;
 overflow: hidden;
  background-color: #EEEEEE;
 transition: max-height 0.4s ease-in;
 position: relative;
}

#video-stop-button {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 35px;
  width: 35px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Close_Button_01.svg?6671086284345546659');
}

#video-stop-button:hover {
 cursor: pointer;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Close_Button_01_Hover.svg?6888273203700385675');
}

#product-main-video > iframe {
 width: inherit;
 height: inherit;
}

.video-visible {
  max-height: calc(100vh - 56px) !important;
  height: calc(100vh - 56px) !important;
}

@media screen and (max-width: 1096px) {
  .video-visible {
  	max-height: calc(100vh - 56px) !important; 
    height: calc(100vh - 56px) !important; 
  }
}

.product-image {
  display: table-cell;
  position: relative;
  width: 50%;
  overflow: hidden;
  text-align: right;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.product-video-play {
 width: 72px;
 height: 72px;
 background: url('https://cdn.shopify.com/s/files/1/2235/0845/files/PlayVideo_12_bb30257a-93c9-44a6-be04-38d521aa78a5.svg?5922373846429967697') center center;
 background-size: cover;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -36px;
 margin-left: -36px;
}

.product-video-play.at-bottom {
 bottom: 3%; 
 margin-top: -36px;
 left: 50%;
 top: auto;
}

@media screen and (max-width: 1096px) {
  .product-video-play.at-bottom {
   /*top: auto; 
   left: 50%;
   margin-top: -52px;*/
  }
}

.product-video-play:hover {
  background: url('https://cdn.shopify.com/s/files/1/2235/0845/files/PlayVideo_13_fae1ff7e-fd75-497c-ae17-218825b583a4.svg?5922373846429967697') center center;
  background-size: cover;
  cursor: pointer;
}

.product-image-wrapper {
 position: absolute;
 left: 0px; top: 0px; right: 0px; bottom: 0px;
}

.product-image img {
  /*max-height: 100%;
  overflow: hidden;
  
  /max-width: 100%;
  visibility: hidden;*/
  display: none;
  /height: 100%;
  /height: auto;
  /vertical-align: bottom;
  max-width: 100%;
  visibility: hidden;
}

.product-info {
  width: 400px;
  text-align: center;
  display: table-cell;
  
  padding-top: 20px;
  vertical-align: center;
  //margin-right: 70px;
}

.product-main-wrapper {
 display: table;
 margin: auto;
 border-collapse: collapse;
 width: 80%;
}

.product-info-title {
  font-family: "Dosis", sans-serif;
  font-weight: 200;
  font-size: 48px;
  color: #258ADC;
}

.product-info-slogan {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #555555;
  padding: 0px 25px;
}

.product-info-text {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #555555;
}

.product-info-icons {
  max-width: 400px;
  margin: auto;
}



.product-info-icons-icon {
 display: inline-block; 
 position: relative;
}

/*@supports (display: flex) or 
		  (display: -webkit-box) or
  		  (display: -moz-box) or
    	  (display: -ms-flexbox) {
	.product-info-icons {
      display: -webkit-box;  
      display: -moz-box;         
      display: -ms-flexbox;   
      display: -webkit-flex;     
      display: flex; 
      /justify-content: space-between;
      flex-wrap: wrap;
    }
    .product-info-icons-icon {
     display: block; 
     position: relative;
    }
}*/

.product-info-icons-icon-title {
  position: absolute;
  background-color: #258ADC;
  color: #FFFFFF;
  display: none;
  opacity: 0;
  transition: opacity 300ms;
  bottom: 120%;
  width: auto;
  min-width: 150px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  padding: 10px;
  border-radius: 2px;
}

.product-info-icons-icon-title a {
  color: #FFFFFF; 
  text-decoration: underline;
}

.product-info-icons-icon-title:before {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid #258ADC;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  content: ' ';
}

.product-info-icons-icon:hover > .product-info-icons-icon-title, .icon:hover > .product-info-icons-icon-title {
  display: block;
  transition: opacity 300ms;
  opacity: 1; 
}

.product-info-price {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #258ADC;
}  

.product-info-large-icons {
  width: 100%;
  max-width: 240px;
  margin: auto;
  text-align: right;
}

@media screen and (min-width: 641px) and (max-width: 1096px) {
  .product-info-large-icons {
   padding-bottom: 8px; 
  }
}

.product-large-icon {
  width: 100%;
  max-width: 240px;
  /*display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  align-items: center;*/
  display: inline-block;
  /border-radius: 25px;
  /color: #999;
  /background-color: #FFFFFF;
  margin: 7px 0px;
}

.product-large-icon:not(.get-started-icon):hover {
  /background-color: #258ADC; 
  /color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
}

.product-large-icon .icon {
 display: inline-block;
 margin-left: -25px;get-started-icon
 vertical-align: middle;
}

.product-large-icon .title {
  width: 70%;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: inherit;
  letter-spacing: 1px;
  vertical-align: middle;
  display: inline-block;
}

.product-info-responzive-wrapper {
  display: table;
  width: 400px;
  margin: auto;
}

.product-info-wrapper {
  display: table-row;
  width: 100%;
}

@media screen and (max-width: 1096px) {
	#product-main {
    	padding-bottom: 50px;
    }
  	.product-image {
     	width: 100%; 
      	padding-left: 0%;
      	background-size: contain;
      	//display: table-row;
    }
  	.product-image.synergy {
     	display: block;
      	/margin-left: -2%; 
    }
  	.product-image-wrapper { 
      position: relative;
    }
  	.product-image img {
     display: block; 
    }
  	.product-video-play {
     	left: 50%; 
    }
  	.product-image img {
     	max-height: 60vh; 
    }
  	.product-info {
     	width: 100%; 
      	display: table-row;
    }
  	.product-info-title {
     	font-size: 44px; 
    }
  	.product-info-slogan {
     	font-size: 18px; 
    }
  	.product-info-text {
     	font-size: 16px; 
    }
  	.product-info-wrapper {
       	width: 50%; 
    }
  	.product-info-responzive-wrapper {
     	/*-webkit-flex-wrap: nowrap; flex-wrap: nowrap;
      	align-items: center;*/
      	width: 90%;
    }
  	.product-info-wrapper {
     	display: table-cell;
      	vertical-align: bottom;
    }
  	.product-info-icons {
     	/*-webkit-flex-wrap: wrap; flex-wrap: wrap; 
      	justify-content: center;*/
    }
  	.product-main-wrapper {
     width: 100%; 
    }
}

@media screen and (max-width: 640px) {
	/*#product-main {
    	-webkit-flex-wrap: wrap; flex-wrap: wrap; 
    }*/
  	.product-image {
      	padding-top: 10px;
     	width: 100%; 
    }
  	.product-image img {
     	max-height: 50vh; 
    }
  	.product-info {
     	width: 90%; 
    }
  	.product-info-title {
     	font-size: 34px; 
    }
  	.product-info-slogan {
     	font-size: 16px; 
    }
  	.product-info-text {
     	font-size: 14px; 
    }
  	
  	.product-large-icon .title {
      font-size: 20px;
    }
  	.product-info-price {
      font-size: 52px; 
    }
  	.product-info-wrapper {
      	display: table-row;
       	width: 100%; 
    }
  	.product-info-responzive-wrapper {
     	//-webkit-flex-wrap: wrap; flex-wrap: wrap;
    }
}

.product-description {
  margin: 20px auto; 
  margin-bottom: 60px;
  text-align: center;
  max-width: 1200px;
}

@media screen and (min-width: 1921px) {
 .product-description {
  /max-width: 62.5%; 
 }
}

.product-description h1 {
  font-family: "Dosis", sans-serif;
  font-weight: 200;
  font-size: 48px;
  margin-top: 40px;
  text-transform: uppercase;
  color: #258ADC;
}

.product-description p {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #444444;
  width: 80%;
  margin: auto;
}

.product-description ul {
 width: 80%;
}


.product-highlights {
  width: 100%;
  padding: 30px 0px 0px 0px;
  display: block;
  text-align: center;
  border-radius: 2px;
}

@media screen and (max-width: 1096px) {
  .product-description h1 {
    font-size: 44px;
  }
  .product-description p {
   font-size: 18px; 
  }
}

@media screen and (max-width: 640px) {
  .product-description h1 {
    font-size: 34px;
  }
  .product-description p {
   width: 90%;
   font-size: 18px; 
  }
  .product-description ul {
   width: 90%; 
  }
}

.highlight {
  display: inline-block;
  vertical-align: top;
  /width: 100%;
  /max-width: 230px;
  margin: 10px 0px;
}

.highlights.five-childs > .highlight {
 width: 19%; 
}

.highlights.four-childs > .highlight {
 width: 24%; 
}

@media screen and (max-width: 1430px) {
  .highlights.six-childs > .highlight {
   width: 32%; 
  }
  .highlights.five-childs > .highlight {
   width: 32%; 
  }
  .highlights.four-childs > .highlight {
   width: 24%; 
  }
}

@media screen and (max-width: 1096px) {
  .highlights.six-childs > .highlight {
   width: 32%; 
  }
  .highlights.five-childs > .highlight {
   width: 32%; 
  }
  .highlights.four-childs > .highlight {
   width: 49%; 
  }
}

@media screen and (max-width: 800px) {
  .highlight {
   width: 49% !important; 
  }
}

@media screen and (max-width: 550px) {
  .highlight {
   width: 99% !important; 
  }
}

.highlight-image {
 /width: 230px; 
 margin: auto;
}

.highlight-image img {
  display: block;
  margin: 17px auto;
}

.highlight-text {
  width: 230px;
  margin-top: 15px;
  text-align: center;
  font-size: 16px;
  margin: auto;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #777777;
}

.product-information-section {
 display: table;
 table-layout: fixed;
 width: 100%;
 margin-top: 50px;
 margin-bottom: 50px;
 border-radius: 2px;
}

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

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

.valign-top {
 vertical-align: top; 
}

.product-information-section-half {
 display: table-cell;
 width: 50%;
 position: relative;
}

.product-information-section-full {
 /display: table-row;
 width: 100%; 
}

.text-padding {
 //padding: 0px 15px; 
}

.vertical-align-divs {
 vertical-align: middle;
}

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

.table-row {
 -webkit-column-span: all;
 -moz-column-span: all;
 column-span: all;
 position: relative;
}

.product-information-section-half img {
 display: block;
 margin: auto;
 max-height: 100%;
 max-width: 70%;
 border-radius: 2px;
}

.artist-photo-image {
 max-width: 240px;
 max-height: 240px;
}

@media screen and (max-width: 1096px) {
 .product-information-section-half {
  width: 100%;
  display: table-row;
 }
  .responzive-order {
  display: table-header-group; 
 }
 .product-information-section-half img {
  max-width: 80%;
 }
 .text-left {
  text-align: center !important;
 }
 .bigger-padding {
  padding-top: 0px;
  padding-bottom: 20px;
 }
 .artist-photo-image {
  max-width: 60% !important; 
 }
}

.mobile-section-image {
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 min-height: 150px;
}

.mobile-section-image > img.full {
 visibility: hidden; 
}


img.full {
 width: 100% !important;
 max-width: 100%;
 height: auto;
 border-radius: 2px;
}

img.circle {
 height: auto;
 border-radius: 50%;
}

img.smaller-image {
 width: 60%;
 height: auto;
 display: block;
 margin: 0 auto;
}

@media screen and (max-width: 1096px) {
 img.smaller-image {
  width: 100%; 
 }
}

@media screen and (max-width: 640px) {
 img.circle {
 	max-width: 80%; 
 }
}

.get-started-wrapper {
 width: 100%;
 border-radius: 2px;
 padding: 50px 0px;
 margin-top: 50px;
 background-color: #258ADC;
 text-align: center;
}

.get-started {
 width: 100%;
 max-width: 1100px;
 display: flex;
 padding: 0px 15px;
 margin: auto;
 display: inline-block;
}

.get-started-text {
  color: #FFFFFF;
  font-size: 26px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  margin-right: 45px;
}

.get-started-button {
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-radius: 30px;
  padding: 16px 50px;
  background-color: #FFFFFF;
  color: #258ADC;
  font-size: 16px;
  letter-spacing: 3px;
  display: inline-block;
  vertical-align: middle;
}

.get-started-icon {
 vertical-align: middle; 
 display: inline-block !important;
  border: 2px solid #FFFFFF;
  background-color: #FFFFFF;
  color: #258ADC;
  background-position: 0px -2px;
}

.get-started-icon > .product-large-icon-title {
 top: -2px; 
}

.get-started-icon:hover {
  cursor: pointer;
  background-color: #258ADC;
  color: #FFFFFF;
}

@media screen and (max-width: 1096px) {
 .get-started-text {
  width: 100%;
  text-align: center;
  font-size: 24px;
  margin-right: 0px;
 }
 .get-started-button {
  margin-top: 20px; 
 }
}

#artists {
  padding: 50px 0px;
  background-color: #333333;
  border-radius: 2px;
  margin-top: 50px;
  overflow: hidden;
  position: relative;
}

.artist {
 display: inline-block; 
 /position: absolute;
 width: 100%;
 top: 0px;
 /left: 0px;
 white-space: initial;
}

.artists-wrapper {
 position: relative;
 white-space: nowrap;
 transition: left 0.3s ease-in;
 -webkit-transform: translate(0%, 0%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
 -ms-transform: translate(0%, 0%); /* IE 9 */
 transform: translate(0%, 0%);
  
}

.artist-photo {
  display:table-cell; 
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 25%;
}

.artist-wrapper {
 width: 90%;
 margin: 20px auto;
  display: table;
}

a.artist-button {
  /border: 2px solid #258ADC;
  /background-color: transparent;
  /font: inherit;
  /color: #258ADC !important;
  /border-radius: 100px;
  display: block !important;
  /font-weight: normal;
  /margin: auto;
  /padding: 4px;
  /width: 90%;
  /max-width: 250px;
  /text-align: center;
  position: absolute;
  bottom: 8px;
  left: 50%;
  margin-left: -120px;
  width: 240px;
  height: 42px;
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Reviews_Artists.svg?2956388206489725599');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /margin: 8px;
}

a.artist-button:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Reviews_Artists_Hover.svg?1797780353622114845');
}

@media screen and (max-width: 1096px) {
  a.artist-button {
  	display: block !important; 
    margin: 20px auto 8px auto !important;
    float: none;
    position: relative;
    left: 0;
    bottom: 0;
  }
}

.left-arrow {
 position: absolute; 
 top: calc(50% - 17.5px);
 left: 1.2%;
 width: 35px;
 height: 35px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/follow-left-ico.png?3196405208715202564');
 z-index: 100;
}

.left-arrow:hover {
 cursor: pointer; 
}

.mobile-only {
 display: none; 
}

/*.left-arrow:before {
 content: '<'; 
 font-size: 20px;
  top: -1.5px;
  left: 9px;
  font-weight: bold;
  position: absolute;
  text-align: center;
  /* margin-top: 10px; 
  color: #EEEEEE;
}*/

.right-arrow {
 position: absolute; 
 right: 1.2%;
 top: calc(50% - 17.5px);
 width: 35px;
 height: 35px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/follow-right-ico.png?17986094856565054371');
 z-index: 100;
}

.right-arrow:hover {
 cursor: pointer; 
}

/*.right-arrow:before {
 content: '>'; 
 font-size: 20px;
  top: -1.5px;
  left: 10px;
  font-weight: bold;
  position: absolute;
  text-align: center;
  /* margin-top: 10px; 
  color: #EEEEEE;
}*/

.with-border {
  border: 2px solid #258ADC; 
}

.artist-quote {
  display: table-cell;
  color: #FFFFFF;
  vertical-align: middle;
  position: relative;
  padding: 0px 43px;
  font-size: 18px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.artist-quote a {
  color: #FFFFFF;
  font: inherit;
  font-weight: bold;
  display: block;
  margin-top: 10px;
}

.artist-quote a:hover {
  text-decoration:none;
  cursor: pointer;
}

.artist-quote .quote {
 position: relative; 
}

.artist-quote .quote:before {
 position: absolute;
 bottom: -38px;
 left: -50px;
 content: ' ';
 width: 39px;
 height: 43px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Uv1.svg?5184107192611886869');
}

.artist-quote .quote:after {
 position: absolute;
 top: -43px;
 right: -39px;
 content: ' ';
 width: 39px;
 height: 43px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Uv2.svg?14100915449139815988');
}

@media screen and (max-width: 1096px) {
  .artist-photo {
   display: table-row; 
  }
  .artist-quote {
   padding-top: 25px; 
   text-align: center;
  }
  .left-arrow {
   left: 5%; 
  }
  .right-arrow {
   right: 5%;
  }
}

@media screen and (max-width: 640px) {
 .artist-quote .quote:before {
   position: absolute;
   bottom: -30px;
   left: -32px;
   content: ' ';
   width: 39px;
   height: 43px;
   background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Uv1.svg?14100915449139815988');
  }

  .artist-quote .quote:after {
   position: absolute;
   top: -43px;
   right: -20px;
   content: ' ';
   width: 39px;
   height: 43px;
   background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Uv2.svg?14100915449139815988');
  }
}

.footer-audified {
 margin-top: 2px;
 width: 100%;
 padding: 40px 10px;
 background-color: #222222;
 border-radius: 2px;
}

.footer-audified-wrapper {
 display: table; 
 width: 100%;
}

.footer-audified-wrapper-small {
 width: 85%;
 max-width: 1400px;
 margin: auto;
}

.footer-audified-row {
 display: table-row; 
 
}

.footer-audified-cell {
 display: inline-block;
 vertical-align: top;
 width: 30%;
 padding: 15px 0px; 
}

.right-cell {
 float: right;
 width: 20%;
 min-width: 220px;
}

.footer-audified-cell h3 {
 font-size: 22px;
  color: #FFFFFF;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}

.footer-audified-cell a {
 display: block;
  color: #258ADC;
  font-size: 14px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
}

.footer-audified-cell > img {
  max-width: 100%;
  display: block;
  height: auto;
}

.footer-audified-link {
 display: inline-block; 
 margin-right: 10px;
}

.footer-links-right {
 text-align: right; 
}

.footer-audified-links {
 margin-top: 10px; 
}

@media screen and (max-width: 1096px) {
 .footer-audified-cell {
  display: block;
  text-align: center;
  margin: 20px auto;
  width: 100%;
 }
 .footer-audified-cell > img  {
   margin: 0 auto; 
 }
 .responzive-width {
  display: block !important;
  text-align: center !important;
  margin: 0 !important;
 }
 .footer-audified-link {
  margin-right: 15px; 
 }
 .footer-links-right {
   text-align: center; 
 }
}

.footer-audified-links {
 display: inline-block; 
}



.footer-top-border {
  border-top: 1px solid #777777; 
}

.footer-audified-link > a {
  color: #FFFFFF;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.footer-audified-link:last-of-type {
  margin-right: 0px;
}

span.footer-audified-info {
  color: #FFFFFF;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

span.footer-audified-copyright {
  color: #999;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  letter-spacing: 1.3px;
  font-weight: 300;
}

.gray-background {
 background-color: #EEEEEE !important; 
 padding: 50px 0px;
 margin: 0px !important;
}

.black-background {
 background-color: #222222; 
 padding: 50px 0px;
 margin: 0px !important;
}

.white-text {
  color: #EEEEEE !important;
}

.no-top-margin {
 margin-top: 0px !important; 
}

.no-bottom-margin {
 margin-bottom: 0px !important; 
}

.highlights {
 display: block;
 margin: auto;
 max-width: 1400px;
}

.problem-wrapper {
 display: table; 
 width: 90%;
 margin: 50px auto;
}


.problems-description {
 display: table-cell; 
}

.problems-description-big {
 display: table-cell; 
 vertical-align: top;
}

.problem-lightbulb {
 display: inline-block; 
 margin: 0px 15px;
}

.problem-description-shorttext {
 display: inline-block; 
}

.problem-description-shorttext > h1 {
  color: #258ADC;
  font-size: 20px;
  margin: 0px 0px 10px 0px;
  text-transform: none;
}

.problem-description-shorttext > p {
  color: #333333;
  font-size: 14px;
  margin: 0px;
}


.problem-description {
  background-color: #EEEEEE; 
  padding: 10px 0px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.problem {
  background-color: #EEEEEE;
  height: 100%;
}

.problem-arrow, .problem-arrow-lg {
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Follow-rightB.svg?3965402691183114257'); 
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 width: 75px;
 height: 75px;
 z-index: 400;
 position: absolute;
 left: 100%;
 margin-left: -37.5px;
 top: 50%;
 margin-top: -37.5px;
}

@media screen and (max-width: 1096px) {
  .problem-arrow {
    transform: rotate(90deg); 
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Next-review.svg?13956650159217458206'); 
    top: 100%;
    left: 50%;
    /*width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;*/
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
  }
}


@media screen and (max-width: 991.98px) {
  .problem-arrow-lg {
    transform: rotate(90deg); 
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Next-review.svg?13956650159217458206'); 
    top: 100%;
    left: 50%;
    /*width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;*/
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
  }
}




#products-collection {
 width: 100%;
 max-width: 1600px;
 margin: 50px auto 0px auto;
 padding: 0px 10px;
}

#products-header-settings {
 display: table; 
 width: 100%;
}

#products-header-settings-tags {
 display: table-cell; 
}

#products-header-settings-view {
 display: table-cell; 
 width: 300px;
 text-align: right;
}

.products-header-settings-tag {
  display: inline-block;
  vertical-align: middle;
  background-color: #FFFFFF;
  color: #999;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  border: 2px solid #EEEEEE;
  padding: 0px 10px;
  margin-right: 10px;
  margin-top: 5px;
  transition: 200ms;
}

.products-header-settings-tag:hover {
 cursor: pointer; 
 color: #258ADC;
}

.selected-tag {
 transition: 200ms;
 background-color: #258ADC;
 color: #FFFFFF;
}

.selected-tag:hover {
  color: #FFFFFF; 
}

.order-select {
  background-color: #FFFFFF;
  color: #999;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  padding: 0px 32px 0px 10px;
  margin: 0px;
  height: 26px;
  display: inline-block;
  width: auto;
  vertical-align: middle;
  margin-right: 25px;
}

.order-select:focus {
  border: 2px solid #FFFFFF;
  outline: none;
}

.products-view {
 display: inline-block; 
 width: 21px;
 height: 21px;
 background-position: center center;
 background-size: contain;
 background-repeat: no-repeat;
 vertical-align: middle;
 margin: 0px 7px;
}

.products-view:last-of-type {
 margin-right: 0px; 
}

.products-view:hover {
 cursor: pointer; 
}

#view-tiles {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ViewTilesSmall_Grey.svg?13907864194633958668');
}

.view-tiles-active {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ViewTilesSmall.svg?13907864194633958668') !important;
}

#view-rows {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ViewListSmall_Grey.svg?13907864194633958668');
}

.view-rows-active {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ViewListSmall.svg?13907864194633958668') !important;
}

#products-list {
 margin-top: 50px;
 margin-bottom: 50px;
 width: 100%;  
}


.hidden-products {
 visibility: hidden;
 max-height: 0px;
 overflow: hidden;
 margin: 0px !important;
}

.product {
  font-family: "Lato", sans-serif;
  background-color: #EEEEEE;
  padding: 20px 10px;
  text-align: center;
  display: inline-table;
  vertical-align: middle;
  position: relative;
  border-radius: 2px;
  /display: table;
}

.product-table-wrapper {
 display: table; 
 height: 100%;
 width: 100%;
}

@supports (display: flex) or 
		  (display: -webkit-box) or
  		  (display: -moz-box) or
    	  (display: -ms-flexbox)
{
 #products-list {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; 
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  /align-content: space-between;
 }
 .product {
  display: block; 
  margin: 0.5%;
 }
 #products-header-wrapper {
  /padding: 0px 0.5%; 
 }
 @media screen and (max-width: 1400px) {
  .product {
    margin: 0.666%;
  }
  #products-header-wrapper {
  	/padding: 0px 0.666%; 
  }
 }
 @media screen and (max-width: 850px) {
  .product {
    margin: 1%;
  }
  #products-header-wrapper {
  	/padding: 0px 1%; 
  }
 }
 @media screen and (max-width: 640px) {
   #products-header-wrapper {
  	padding: 0px 0px; 
  }
 }
}

.product-rows > .product {
 text-align: left; 
}

.product-tiles > .product {
  width: 24%;  
}

.product-rows > .product {
  width: 100%;
  margin-top: 20px;
}

.product-rows > .product:first-of-type {
 margin-top: 0px; 
}

.product-tiles > .product > .product-table-wrapper > .product-preview-wrapper {
  display: table-row;
  width: 100%;
  position: relative;
}

.product-tiles > .product > .product-table-wrapper > .product-preview-wrapper.header {
 display: table-header-group; 
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper {
 display: table-cell !important; 
 vertical-align: middle;
  padding-left: 10px;
}

.product-rows > .product > .product-table-wrapper {
  width: 100%;
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper.header {
 width: 15%; 
 padding-left: 0px;
}

.product-tiles > .product > .product-table-wrapper > .product-preview-wrapper.footer {
 display: table-footer-group; 
 
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper.footer {
 text-align: right;
 vertical-align: middle;
 padding-left: 0px;
}

.product-rows > .product > .product-preview-wrapper {
 display: table-cell; 
 vertical-align: middle;
}

.product-rows .product-preview-image {
 background-size: contain !important; 
}

.product-rows .product-preview-image:hover {
  background-size: contain !important; 
}

.product-rows .product-preview-wrapper.header {
 padding: 10px !important; 
}

@media screen and (max-width: 1400px) {
 .product-tiles > .product {
 	width: 32%; 
 }
}

@media screen and (max-width: 1096px) {
 .product-tiles > .product {
 	width: 32%; 
 }
 #products-collection {
  width: 100%; 
 }
 .product-preview-wrapper {
  display: table-row; 
 }
}

@media screen and (max-width: 850px) {
 .product-tiles > .product {
  width: 48%; 
 }
}

.large > .product-preview-image {
 max-width: 50% !important; 
}

@media screen and (max-width: 640px) {
 .product {
 	width: 100% !important; 
   	margin: 0px;
   	margin-top: 16px;
   	padding-top: 10px;
 } 
 .product:first-of-type {
  margin-top: 0px; 
 }
 .large {
  width: 100% !important; 
 }
 .product-preview-image {
  height: 200px !important;
  padding-bottom: 0px !important;
 }
 .product-preview-image > img {
   max-height: 200px !important;
   position: relative !important;
   display: block;
   margin: auto !important;
 }
 .large > .product-preview-image {
   max-width: 80% !important; 
 }
 #view-tiles {
  display: none; 
 }
 #view-rows {
  display: none; 
 }
 #products-header-settings-tags {
  display: table-row;
  text-align: center;
 }
 #products-header-settings-view {
  display: table-row;
  text-align: center;
 }
 .order-select {
  margin: 0px 0px 0px 0px
 }
}

.large {
 /width: 46%; 
}




.product-preview-image {
 max-width: 80%;
 margin: 0px auto 20px auto;
 overflow: hidden;
 height: 0;
 padding-bottom: 80%;
 position: relative;
 background-repeat: no-repeat;
 background-size: 100%;
 background-position: center center;
 transition: background-size 0.2s ease-in;
 -moz-transition: background-size 0.2s ease-in;
 -ms-transition: background-size 0.2s ease-in;
 -o-transition: background-size 0.2s ease-in;
 -webkit-transition: background-size 0.2s ease-in;
}

.product-preview-image:hover {
  background-size: 105%;
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper > .product-preview-image {
 max-width: 100%;
 width: 100%;
 margin: 0px;
 height: 120px;
 padding-bottom: 0;
}

.product-rows > .product {
 display: block; 
 padding: 5px;
 margin: 5px 0px;
 padding-left: 10px;
}

.product-rows > .product > .product-preview-wrapper > .product-preview-image {
  padding-bottom: 0px;
  width: 200px;
  height: auto;
}

.product-preview-image > img {
 max-width: 100%; 
 max-height: 100%;
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.product-rows > .product > .product-preview-wrapper > .product-preview-image > img {
  position: relative;
  transform: translate(-50%, 0%);
  max-width: 100%;
  max-height: 1000px;
}

.large > .product-preview-image > img {
 max-height: 370px; 
}

.product-preview-product-name {
 font-size: 26px;
 text-align: center;
 color: #258ADC;
 max-width: 80%;
 margin: 0px auto;
 line-height: 120%;
 /height: 85px;
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper > .product-preview-product-name {
 text-align: left;
 margin: 0px 0px;
 font-size: 18px;
}

.product-preview-slogan {
  font-weight: bold;
  display: none;
  font-size: 16px;
  color: #555555;
  max-width: 80%;
  /height: 50px;
  margin: 10px auto;
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper > .product-preview-slogan {
 text-align: left;
 margin: 10px 0px;
 display: none;
}

.product-preview-price {
 /position: absolute;
 /bottom: 0px;
 /left: 0px;
 width: 100%;
 
}



.product-rows > .product > .product-table-wrapper > .product-preview-wrapper > .product-preview-price {
 min-width: 180px;
}

.product-preview-price-wrapper {
  margin: 10px auto;
}

.product-rows > .product > .product-preview-wrapper > .product-preview-price > .product-preview-price-wrapper > .product-price  {
  /display: table;
  /margin: auto;
}

.product-price {
  color: #258ADC;
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
}

.product-tiles .product-price:last-child {
 margin-right: 0px; 
}


.product-preview-icons > .icon {
 display: inline-block;
 position: relative;
 margin: 10px 10px 0px 10px;
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper > .product-preview-price > .product-preview-icons > .icon {
 margin: 5px 5px 0px 5px;
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper > .product-preview-price > .product-preview-icons > .icon:last-of-type {
 margin-right: 10px;
}

.old-price {
  color: #888;
  text-decoration: line-through;
}

.new-price {
  color: #FFFFFF;
  /border-radius: 100px;
  background-color: #258ADC;
  padding: 0px 20px;
}

.product-preview-shorttext {
 max-width: 90%;
 margin: 0px auto;
 margin-top: 10px;
 font-size: 14px;
 font-weight: 300;
 overflow: hidden;
 display: -webkit-box;
  line-height: 22.4px;     /* fallback */
  max-height: 67.2px;      /* fallback */
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
 /height: 90px;
  color: #111111;
}

@media screen and (max-width: 640px) {
 .product-preview-shorttext {
   max-width: 90%;
   margin: 0px auto;
   margin-top: 10px;
   font-size: 14px;
   font-weight: 300;
   overflow: none;
   display: block;
    line-height: 22.4px;     /* fallback */
    max-height: none;      /* fallback */
    -webkit-line-clamp: unset; /* number of lines to show */
    -webkit-box-orient: vertical;
   /height: 90px;
    color: #111111;
 }
}

.product-rows > .product > .product-table-wrapper > .product-preview-wrapper > .product-preview-shorttext {
  margin: 0px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 22.4px;     /* fallback */
  max-height: 44.8px;      /* fallback */
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.product-rows > .product > .product-preview-wrapper:nth-of-type(2) {
 width: 100% !important; 
}

#loader {
 width: 100%;
 padding: 50px 0px;
 position: relative;
 height: 160px;
}

#loader > img {
 width: 80px;
 height: 80px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -40px;
 margin-left: -40px;
}

@media screen and (max-width: 640px) {
 .product-preview-price {
  position: relative;
  display: block;
 }
}

.blog-section {
  width: 100%;
  background-color: #FFFFFF;
  padding: 60px 0px;
}

.blog-section-wrapper {
  width: 100%;
  max-width: 1600px;
  display: table;
  margin: auto;
}

.blog-half-section {
  display: table-cell; 
  padding: 0px 10px;
  width: 50%;
}

.blog-div-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 2px;
  background-color: #EEEEEE;
  overflow: hidden;
}

.blog-div-image-square {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 2px;
  background-color: #EEEEEE;
  width: 100%;
  padding-bottom: 100%;
}

.blog-div-image > img {
 visibility: hidden; 
 max-width: 100%;
}

.blog-people-caption {
  width: 100%;
  margin: 10px auto;
  font-size: 26px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  color: #444444 !important;
}

.blog-one-line-wrapper {
  display: table; 
  margin: 20px 0px;
  width: 100%;
}

.blog-image-wrapper {
  display: table-cell;
  width: 25%;
  vertical-align: middle;
}

.blog-section-title {
  color: #258ADC;
  font-weight: 300;
  font-size: 42px;
  text-transform: uppercase;
  font-family: "Dosis", sans-serif;
}

.blog-content-wrapper {
 vertical-align: middle; 
}

.blog-content-wrapper {
 padding: 20px;
 position: relative;
 display: table-cell;
}

.blog-content-wrapper > h1 {
  font-family: "Lato", sans-serif;
  color: ;
  font-size: 20px;
  font-weight: normal;
  margin: 0px;
  margin-bottom: 10px;
  text-transform: none;
}

.blog-content-wrapper > p {
  font-family: "Lato", sans-serif;
  color: #777777;
  font-size: 16px;
  font-weight: normal;
  margin: 0px;
}

.blog-content-read-more {
  font-family: "Lato", sans-serif;
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: -5px;
  background-color: #FFFFFF;
  color: #258ADC;
  padding: 8px 15px;
  border-radius: 50px;
  font-weight: bold;
  transition: 200ms;
}

.blog-content-read-more:hover {
  background-color: #258ADC;
  color: #FFFFFF;
}

.products-index {
 padding: 10px 0px 0px 0px !important; 
 width: 100% !important;
 max-width: 1600px !important;
}

@media screen and (max-width: 1096px) {
  .blog-content-wrapper > p {
  display: none;
 }
 .blog-content-wrapper > h1 {
  font-size: 16px;
  color: #777777;
  text-transform: none;
 }
 .blog-people-caption {
  font-size: 22px; 
 }
}

@media screen and (max-width: 640px) {
 .blog-half-section {
  display: block; 
  width: 100%;
  padding: 20px 10px;
 }
 .blog-content-wrapper > p {
  display: none;
 }
 .blog-content-read-more {
  position: relative;
  right: 0px;
  bottom: 0px;
 }
 .blog-image-wrapper {
  width: 40%; 
 }
 .blog-content-wrapper > h1 {
  font-size: 14px;
  color: #777777;
  text-transform: none;
 }
 .blog-people-caption {
  font-size: 16px; 
 }
 .blog-section-title {
  text-align: center; 
  font-size: 28px;
 }
 .products-index > #products-list > .product > .product-preview-wrapper > .product-preview-shorttext {
  display: none; 
 }
}

.audified-border-wrapper {
 width: 100%;
 padding: 0px 2px;
}



.banner-Carousel {
    width: 100%;
    overflow: hidden;
    height: calc(80vh - 57px);
    position: relative;
}

.banner-Carousel .images-wrapper {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transition: transform 0.8s ease-out;
    height: 100%;
    display: inline-block;
    width: 100%;
}

.banner-Carousel .images-wrapper .image {
    height: 100%;
    background-position: 20% center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #222222;
    width: 100%;
    position: absolute;
    top: 0;
}

.banner-Carousel .arrow {
    position: absolute;
    z-index: 300;
  	top: 50%;
  	margin-top: -17.5px;
}

#bullets {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}

#bullets-wrapper.homepage #bullets {
  position: absolute;
  bottom: 80px;
  width: 35%;
  text-align: center;
  right: 0;
  left: unset;
  transform: translateX(0%);
}

@media screen and (max-width: 1096px) {
  #bullets-wrapper.homepage #bullets {
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
    right: 0;
    left: unset;
    transform: translateX(0%);
  }
}

#bullets .bullet {
  width: 15px; height: 15px;
  border-radius: 100%;
  margin: 0px 8px;
  border: 2px solid #258ADC;
  display: inline-block;
}

#bullets .bullet:hover {
  cursor: pointer;
}

#bullets .bullet.active {
  background-color: #258ADC; 
}

.banner-Carousel .arrow {
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center center;
 width: 35px;
 height: 35px;
}

.banner-Carousel .arrow.left {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Previous-review_2.svg?16823074524184070289');
  left: 10px;	  	
}

.banner-Carousel .arrow:hover {
  cursor: pointer;
}

.banner-Carousel .arrow.right {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Next-review_2.svg?16823074524184070289');
  right: 10px;
}

.banner-Carousel .arrow.left:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Previous-review.svg?16823074524184070289');
}

.banner-Carousel .arrow.right:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Next-review.svg?16823074524184070289');
}

.banner-Carousel .banner-description-wrapper {
  position: absolute;
  height: 100%;
  right: 0%;
  width: 35%;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
}

.banner-Carousel .banner-description-wrapper .banner-description {
  font-family: "Lato", sans-serif;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 
}

.banner-Carousel .banner-description-wrapper .banner-description .banner-adv-type {
  display: table;
  margin: 10px auto 40px auto;
  padding: 5px 20px;
  color: #258ADC;
  border-bottom: 2px solid #258ADC;
  text-align: center;
  font-size: 1.388vw;
  font-weight: 400;
}

.banner-Carousel .banner-description-wrapper .banner-description .banner-adv-caption {
  text-align: center;
  font-size: 3.055vw;
  font-weight: 600;
  color: #FFFFFF;
  display: inline-block;
  padding: 10px 7%;
  border-bottom: 2px solid #258ADC;
}

.banner-Carousel .banner-description-wrapper .banner-description .banner-adv-description {
  text-align: center;
  font-size: 1.8vw;
  font-weight: 400;
  color: #FFFFFF;
  padding: 1vw;
}

.banner-Carousel .banner-description-wrapper .banner-description .banner-adv-button {
  display: table; 
  margin: 20px auto 10px auto;
  color: #FFFFFF;
  background-color: #258ADC;
  font-size: 1.388vw;
  padding: 10px 50px;
  border-radius: 100px;
}

.banner-Carousel .banner-description-wrapper .banner-description .banner-adv-action {
    margin: 10px auto 15px auto;
    display: table;
    background-color: #258ADC;
    color: #FFFFFF;
    font-size: 1.5vw;
    font-weight: 600;
    padding: 15px;
}

@media screen and (max-width: 1096px) {
 .banner-Carousel {
  height: calc(80vh - 57px);
 }
 .banner-Carousel .images-wrapper .image {
    background-position: left 45% center;
    background-size: 140%;
 }
 .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-type {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
 }
 .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-caption {
  font-size: 28px;
 }
 .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-description { 
  font-size: 16px;
  padding: 10px 15px;
 }
 .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-button {
  font-size: 16px;
  margin-top: 20px;
 }
 .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-action {
  font-size: 16px;
  /margin-top: 20px;
 }
 .banner-Carousel .banner-description-wrapper {
  width: 100%;
  left: 0;
  bottom: 0;
  top: auto;
  height: auto;
  /min-height: 320px;
  padding-bottom: 60px;
 }
 .banner-Carousel .banner-description-wrapper .banner-description {
  vertical-align: top; 
 }
}

@media screen and (max-width: 1096px) and (orientation:landscape) {
  .banner-Carousel .images-wrapper .image {
    background-position: left 45% top 40%;
    background-size: 100%;
 }
}

@media screen and (max-width: 640px) {
  .banner-Carousel {
    height: calc(90vh - 57px);
  }
  .banner-Carousel .images-wrapper .image {
   background-size: initial;
   background-position: left 51% top 30%;
  }
  
  .image.image-cover {
   background-size: cover !important;
   background-position: initial !important;
  }
  #people-section {
   padding-top: 0px !important; 
  }
  #bullets {
   bottom: -5px; 
  }
  .banner-Carousel .banner-description-wrapper {
    height: auto;
    min-height: 215px;
    width: 100%;
    top: 0%;
    bottom: 0px;
    top: auto;
    right: 0;
    overflow: hidden;
    /*background: rgba(34, 34, 34, 0.6); 
    background: -moz-linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.25) 35%, rgba(34, 34, 34, 0.9) 53%, rgba(34, 34, 34, 1) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.25) 35%, rgba(34, 34, 34, 0.9) 53%, rgba(34, 34, 34, 1) 100%);
    background: -o-linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.25) 35%, rgba(34, 34, 34, 0.9) 53%, rgba(34, 34, 34, 1) 100%);
    background: -ms-linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.25) 35%, rgba(34, 34, 34, 0.9) 53%, rgba(34, 34, 34, 1) 100%);
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.25) 35%, rgba(34, 34, 34, 0.9) 53%, rgba(34, 34, 34, 1) 100%);*/
  }
  .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-type {
    margin-top: 1px;
    margin-bottom: 10px;
    font-size: 14px;
   }
   .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-caption {
    font-size: 24px;
   }
   .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-description { 
    font-size: 14px;
    padding: 5px 15px;
   }
   .banner-Carousel .banner-description-wrapper .banner-description .banner-adv-button {
    font-size: 14px;
    margin-top: 10px;
     margin-bottom: 30px;
   }
   .banner-Carousel .banner-description-wrapper .banner-description {
    vertical-align: top; 
   }
}

@media only screen and (min-device-width: 320px) 
                   and (max-device-width: 736px) 
                   and (orientation: landscape) {
 #header {
  height: 35px !important; 
 }
 .main-class-wrapper {
  padding-top: 31px !important; 
 }
 #people-section > .blog-section-wrapper > .blog-half-section {
  display: table-cell !important; 
  width: 50% !important;
 }
 #people-section > .blog-section-wrapper > .blog-half-section > .blog-people-caption {
  font-size: 16px !important; 
 }
 .banner-Carousel {
    height: calc(100vh - 41px);
 }
 .banner-Carousel .images-wrapper .image {
   background-size: 140%;
   background-position: left 100% top 15%;
 }
 .banner-Carousel .banner-description-wrapper {
  width: 40%;
  right: 0%;
  top: 0px;
  height: 100%;
  left:auto;
 }
 @-webkit-keyframes hamburger-menu-animation-open {
  0%   { top: 100%; opacity: 0; }
  50 { top: 50%; opacity: 1; }
  100% { top: 41px; }
  }
  @-moz-keyframes hamburger-menu-animation-open {
    0%   { top: 100%; opacity: 0; }
    50 { top: 50%; opacity: 1; }
    100% { top: 41px; }
  }
  @-o-keyframes hamburger-menu-animation-open {
    0%   { top: 100%; opacity: 0; }
    50 { top: 50%; opacity: 1; }
    100% { top: 41px; }
  }
  @keyframes hamburger-menu-animation-open {
    0%   { top: 100%; opacity: 0; }
    50 { top: 50%; opacity: 1; }
    100% { top: 41px; }
  }
  #hamburger-menu-wrapper { 
   height: calc(100vh - 41px); 
  }
}

#bullets-wrapper {
 position: relative;
 width: 100%;
 height: 40px;
}

/* ------------- Videa -------------*/

.videos-section {
  padding: 30px 0px;
  width: 100%;
}

.videos-wrapper {
  width: 100%;
  max-width: 1600px;
  text-align: center;
  margin: auto;
}

.video-wrapper {
  display: inline-block;
  width: 32.5%;
  margin: 0.25%;
  padding: 0;
  vertical-align: top;
}

.video {
  position: relative;  
  display: inline-block;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0px;
}

.video-title {
 font-family: "Lato", sans-serif;
 padding: 10px;
 text-align: center;
 font-size: 18px;
  color: #444444;
  font-weight: 300;
  
}

.video > iframe.video-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

@media screen and (min-width: 640px) and (max-width: 1096px) {
  .video-wrapper {
    width: 45%; 
  }
  .video-wrapper:nth-child(n+3) {
   margin-top: 40px; 
  }
}

@media screen and (max-width: 640px) {
  .video-wrapper {
    width: 90%; 
  }
  .video-wrapper:nth-child(n+2) {
   margin-top: 40px; 
  }
}

/* ----------- Konec videa ----------*/
/* ----------- Read more ------------*/

a.see-more-link {
  color: #258ADC;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
}

a.see-more-link.close {
  display: block;
  margin: 10px auto;
  text-align: center;
}

a.see-more-link:after {
 margin-left: 5px;
 width: 14px;
 height: 10px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/arrow-down-blue.svg?1504257…');
 background-repeat: no-repeat;
 background-size: contain;
 display: inline-block;
 content: " ";
}

a.see-more-link.close:after {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/arrow-up-blue.svg?13426171418627102700');
}

a.see-more-link:hover {
 cursor: pointer; 
}

.see-more-wrapper {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 1000ms cubic-bezier(0, 1, 0, 1);
  padding: 0px;
  font-size: 18px;
  color: #444444;
  font-weight: 300;
}

.see-more-wrapper.visible {
  transition: max-height 1000ms ease-in-out;
  max-height: 15000px; 
  padding: 10px;
}

.see-more-wrapper > p {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: inherit;
  color: #444444;
  width: 100%;
  width: calc(100% * 0.8);
  max-width: 960px;
  text-align: center;
  margin: auto; 
  padding: 6px 0px;
}

.see-more-wrapper > p:nth-child(1) {
  padding: 36px 0px 6px 0px;
}

.see-more-wrapper > p:nth-last-child(1) {
  padding: 6px 0px 36px 0px;
}

/* ------------- Audio player ------------- */
#audio-player {
 border: 0px;
 width: 100%;
 position: absolute;
 top: 0px;
 left: 0px; 
 height: 100%;
}

#audio-player-wrapper {
 width: 100%;
 height: 50px;
 margin-top: 2px;
 overflow: hidden;
 position: relative;
 transition: height 0.2s linear;
}

#audio-player-wrapper.open {
 height: 300px;
 max-height: 1000px;
 // border-bottom: 2px solid #258ADC;
}

@media screen and (max-width: 640px) {
 #audio-player-wrapper.open {
  z-index: 9999;
  transition: height 0ms;
  position: fixed;
  left: 0px;
  top: 54px !important;
  height: calc(100vh - 54px);
  border-left: 4px solid #FFF;
  border-right: 4px solid #FFF;
 }
}

.tech-info {
 max-width: 300px !important; 
 margin: 10px 30px;
}

@media screen and (max-width: 640px) {
 .tech-info {
 	margin: 10px auto; 
 }
}

img.simple-icon {
 display: block;
 margin: auto;
 opacity: 1;
 /width: 200px;
 /height: auto;
}

p.bigger-text {
 font-size: 22px; 
}

/*h1.smaller-title {
 font-size: 54px; 
}*/

@media screen and (max-width: 1096px) {
 img.simple-icon {
 	margin-top: 50px; 
 }
 p.bigger-text {
  font-size: 18px; 
 }
  
}


#gallery {
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-color: #262626;  
 z-index: 9999;
 display: none;
 border-radius: 2px;
}

#gallery-image-wrapper {
 /*max-width: 100%;
 max-height: 100%;
 display: table-cell;
 vertical-align: middle;
 padding: 10px;*/
 position: absolute;
 width: 90%;
 height: 79%;
 top: 5%;
 left: 5%;
 background-color: #333;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center center;
 border-radius: 2px;
 padding: 2px;
}

#gallery-images-slider {
 position: absolute;
 width: 90%;
 height: 10%;
 top: 84%;
 left: 5%;
 margin-top: 2px;
 background-color: #333;
 overflow: hidden;
 border-radius: 2px;
}

#gallery-close-button {
 width: 35px;
 height: 35px;
 background-repeat: no-repeat;
 background-size: cover;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Close_Button_01.svg?13426171418627102700');
 position: absolute;
 left: 95%;
 top: 5%;
 margin-left: -40px;
 margin-top: 5px;
}

#gallery-close-button:hover {
 cursor: pointer; 
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Close_Button_01_Hover.svg?13426171418627102700');
}

.gallery-image-miniature {
 width: 10%;
 min-width: 80px;
 max-width: 110px;
 height: 100%;
 background-repeat: no-repeat;
 background-size: 90%;
 background-position: center center;
 display: inline-block;
 /border-left: 1px solid #555;
 /border-right: 1px solid #555;
 /margin-right: 5px;
 padding: 4px;
}

#gallery-left-arrow {
 position: absolute;
 width: 35px;
 height: 35px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Previous-review_2.svg?13426171418627102700');
 background-repeat: no-repeat;
 background-size: contain;
 left: 2.5%;
 top: 44.5%;
 margin-left: -17.5px;
 margin-top: -17.5px;
}

#gallery-left-arrow:hover {
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Previous-review.svg?13426171418627102700');
}

#gallery-right-arrow {
 position: absolute;
 width: 35px;
 height: 35px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Next-review_2.svg?13426171418627102700');
 background-repeat: no-repeat;
 background-size: contain;
 left: 97.5%;
 top: 44.5%;
 margin-left: -17.5px;
 margin-top: -17.5px;
}

#gallery-right-arrow:hover {
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Next-review.svg?13426171418627102700');
}

#gallery-miniatures {
 height: 100%;
 position: absolute;
 transition: left 200ms ease-in;
 white-space: nowrap;
 display: inline-block;
}

.is-sliding {
 transition: left 0ms !important; 
}

.gallery-image-miniature:hover {
 cursor: pointer; 
}

.active-gallery-image {
 border: 2px solid #258ADC;
 /border-right: 2px solid #258ADC;
}

@media screen and (max-width: 1096px) {
  #gallery-right-arrow {
   display: none;
  }
  #gallery-left-arrow {
   display: none; 
  }
}

/*@media screen and (max-width: 640px) {
  #gallery-image-wrapper {
   height: 40%;
   top: 30%;
  }
}*/

#gallery-img {
  display: block;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  height: auto;
  transform: translate(-50%, -50%);
  padding: 45px 5px;
}

#gallery-image-title {
 left: 5%;
 /transform: translateX(-50%);
 width: 90%;
 text-align: center;
 bottom: 16%;
 position: absolute;
 /background-color: #258ADC;
 color: #FFFFFF;
 padding: 10px;
 font-family: "Lato", sans-serif;
 font-size: 14px;
 
}

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

.gallery-img:hover {
 cursor: pointer; 
}



.gallery-wrapper {
 width: 100%;
 margin: auto;
}

.gallery-wrapper > .image-wrapper {
  display: inline-block;
  width: 24%;
  padding: 12%;
  position: relative;
  overflow: hidden;
}

.gallery-wrapper.larger-images > .image-wrapper {
  width: 40%;
  padding: 20%;
}

.gallery-wrapper > .image-wrapper > div {
 display: block;
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 max-width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 border-radius: 2px;
}

/*.gallery-wrapper.larger-images > .image-wrapper > img {
 width: auto;
 max-height: 275px;
}*/

.gallery-wrapper > .image-wrapper:nth-child(n+5) {
 display: none; 
}

.gallery-more-images {
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: rgba(255, 255, 255, 0.75);
 top: 0px;
 left: 0px;
}

.gallery-unwrap-symbol {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.gallery-unwrap-symbol:hover {
 cursor: pointer; 
}

.gallery-unwrap-symbol:hover > img {
  display: block;
}

.gallery-unwrap-symbol > img {
 position: absolute;
 width: 80px;
 height: 80px;
 top: 50%;
 left: 50%;
 margin-left: -40px;
 margin-top: -40px;
 display: none;
}

.gallery-more-images:hover {
 cursor: pointer; 
}

.gallery-more-images > .text {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 100%;
 text-align: center;
 font-size: 48px;
 font-family: "Lato", sans-serif;
 color: #FFF;
}


.smaller-table-row {
 max-width: 1310px;
 padding-left: 55px;
 padding-right: 55px;
 margin: auto;
}

.right-padding {
 padding-right: 27.5px; 
}

.left-padding {
 padding-left: 27.5px; 
}


@media screen and (max-width: 1096px) {
  .gallery-wrapper img {
    /width: 32%; 
  }
  .smaller-table-row {
   width: 100%; 
   padding-left: 0px;
   padding-right: 0px;
  }
  .gallery-wrapper { 
   width: 80%; 
  }
  .p-full-width {
   width: 80% !important; 
  }
}

@media screen and (max-width: 640px) {
  .gallery-wrapper > .image-wrapper {
    width: 48%; 
    padding: 24%;
  }
  .gallery-wrapper {
   width: 90%; 
  }
  .p-full-width {
   width: 90% !important; 
  }
}

#blog {
 width: 100%;
 margin: 50px auto;
 max-width: 1600px;
 display: table;
}

#articles {
 width: 80%;
 padding: 0px 10px;
 border-right: 2px solid #258ADC;
 display: table-cell;
}

#blog.all-blogs > #articles {
 width: 100%;
 border-right: 0px;
}

.article {
 /*width: 100%;
 height: 270px;
 margin: 20px 0px;*/
 width: 32%;
 display: inline-block;
 margin-left: -3px;
 margin-right: 2%;
  background-color: #EEEEEE;
  vertical-align: top;
}

@media screen and (min-width: 850px) {
  .article:nth-of-type(3n) {
   margin-right: 0px; 
  }

  .article:nth-of-type(n+4) {
   margin-top: 2%;  
  }
}

@media screen and (min-width: 640px) and (max-width: 850px) {
 .article {
  width: 49%; 
 }
 .article:nth-of-type(2n) {
  margin-right: 0px; 
 }
 .article:nth-of-type(n+3) {
   margin-top: 2%;  
 }
}

@media screen and (max-width: 640px) {
 .article {
  width: 100%; 
  margin: 10px 0px 0px 0px;
 }
}

#blog.all-blogs > #articles > .article {
 /height: 250px; 
}

.article > .article-wrapper {
 display: block;
 width: 100%;
}

.article-featured-image {
 display: block;
 width: 100%;
 padding-bottom: 50%;
 position: relative;
  margin-bottom: 2px solid #FFFFFF;
 max-height: 200px;
 background-repeat: no-repeat;
 background-size: 100% auto;
 background-position: center center;
 border-radius: 2px;
 transition: background-size 0.2s ease-in;
 -moz-transition: background-size 0.2s ease-in;
 -ms-transition: background-size 0.2s ease-in;
 -o-transition: background-size 0.2s ease-in;
 -webkit-transition: background-size 0.2s ease-in;
}

.article-featured-image:hover {
 background-size: 105% auto; 
}

.article-tile-content-wrapper {
 display: table; 
}

.article-blog-icon {
 display: table-cell;
 width: 70px;
 height: 100%;
 background-repeat: no-repeat;
 background-position: center center;
 vertical-align: middle;
}

.article-blog-icon.news {
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ProductNews_50.svg?12153703137450461944'); 
}

.article-blog-icon.people {
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ArtistNews_50_New.svg?16726799168412560649'); 
}

.article-blog-icon.reviews {
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ReviewNews_50.svg?12153703137450461944'); 
}

.article-blog-icon.achievements {
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/References_5_150_50_5.svg?12153703137450461944'); 
}

.article-tile-title {
  padding: 10px;
  line-height: 22.4px;
  height: 60px;
  display: table-cell;
  overflow: hidden;
  vertical-align: bottom;
}

.article-tile-title a {
  color: #258ADC;
  font-weight: 600;
  font-size: 14px;
  display: block;
  font-family: "Lato", sans-serif;
  max-height: 38px;
}

.blog-tile-tag-link {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #111111;
  font-weight: 300;
}

.article-contents-wrapper {
 display: table-cell; 
 vertical-align: top;
 height: 100%;
}

.article-contents {
 display: table;
 width: 100%;
 height: 100%;
 vertical-align: top;
 padding: 10px 20px;
 font-family: "Lato", sans-serif;
 background-color: #EEEEEE;
}

.article-contents-published {
 font-size: 12px;
 font-weight: 300;
 color: #777777;
 display: table-cell;
 vertical-align: middle;
}

.article-tile-tags {
 text-align: left;
 padding: 10px;
 padding-top: 0px;
 height: 27px;
 overflow: hidden;
}

.article-contents-read-more {
  display: table-cell;
  text-align: right; 
  vertical-align: top;
}

.article-contents-read-more > .blog-content-read-more {
  position: relative;
  display: inline;
  right: 0;
  top: -3px;
  left: 0;
  bottom: 0;
}

.article-contents-title {
 display: table-header-group; 
 color: #258ADC;
 font-size: 24px;
 /padding: 10px 0px;
}

.article-contents-title:hover {
  color: #258ADC; 
}

.article-contents-tag {
 display: inline-block;
 font-weight: 300;
 color: #777777;
}

a.products-header-settings-tag:hover {
  color: #258ADC; 
}

a.products-header-settings-tag.selected-tag:hover {
  color: #FFFFFF; 
}

.article-contents-tag > a {
  color: #258ADC;
}

.article-contents-tag > a:hover {
 text-decoration: underline; 
}

.article-contents-content {
  color: #777777;
  font-size: 16px;
  margin-top: 10px;
}

.article-contents-bottom {
 display: table-footer-group;
 position: relative;
}

.article-contents-bottom-wrapper {
 display: table;
 width: 100%;
 vertical-align: bottom;
}

.article-contents-mobile-content {
 display: none; 
}

.blog-sections {
 display: table;
 margin: 20px auto 0px auto;
}

.blog-sections > .products-header-settings-tag {
 width: 160px;
 margin: 15px;
 text-align: center;
}

.blog-sections.right-panel-tags {
 display: block;
 margin: 10px 0px 0px 0px; 
}

.blog-sections.right-panel-tags > .products-header-settings-tag {
 display: inline-block;
 width: auto;
 margin: 3px;
 text-align: center;
}

@media screen and (max-width: 1096px) {
  #blog {
   width: 100%; 
  }
  #articles {
   width: 100%; 
   border-right: 0px;
  }
  .article-contents-title {
   font-size: 18px; 
  }
  .article-contents-content {
   font-size: 14px; 
  }
  .article-contents-read-more {
   display: none; 
  }
  .blog-sections > .products-header-settings-tag {
   width: 120px; 
  }
}


@media screen and (max-width: 640px) {
  #blog {
   width: 100%; 
  }
  .blog-sections {
   width: 100%; 
  }
  .blog-sections > .products-header-settings-tag {
   width: 80%; 
   margin: 10px auto;
   display: block;
   max-width: 320px;
  }
  
  .blog-sections.article-buttons {
   width: auto;
    margin: auto;
  }
  
  .blog-sections.article-buttons > .products-header-settings-tag {
   width: 120px;
   display: inline-block;
   margin: 10px 5px;
  }

  .article-contents {
   width: 100%; 
   padding: 5px;
  }
  .article-contents-title {
   font-size: 16px; 
   text-align: left;
  }
  .article-contents-content {
   display: none;
   font-size: 12px; 
   text-align: justify;
  }
  .article-contents-mobile-content {
   display: block; 
  }
}

@media screen and (max-width: 400px) {
  .article-contents-title {
   font-size: 14px !important; 
   text-align: left;
  }
}

#pagination-urls {
 display: table; 
 margin: 20px auto;
}

.pagination-url {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 width: 30px;
 height: 30px;
 background-color: #EEEEEE;
 color: #258ADC;
 font-family: "Lato", sans-serif;
}

.pagination-url.active {
  background-color: #258ADC;
  color: #FFFFFF;
  font-weight: bold;
}

.pagination-url:before {
 display: inline-block; 
 height: 100%;
 vertical-align: middle; 
}

.pagination-url > img {
 vertical-align: middle; 
}

#recent {
 width: 20%; 
 padding: 0px 10px;
 display: table-cell;
 vertical-align: top;
 font-family: "Lato", sans-serif;
}

@media screen and (max-width: 1096px) {
 .pagination-url {
  width: 40px;
  height: 40px;
 }
 #recent {
  display: table-row;
 }
}


.recent-title {
  display: block;
  font-size: 16px;
  color: #999;
  font-weight: 500;
  text-align: left;
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
}

.recent-article {
 margin: 20px 0px; 
}

.recent-article-title {
 font-size: 16px;
  color: #258ADC;
}

.recent-article-title:hover {
  cursor: pointer;
  color: #258ADC;
}

.recent-article-date {
 font-size: 12px;
  color: #999;
  font-weight: 400;
 margin-top: 3px;
}

#latest-articles-border {
 display: none; 
}

@media screen and (max-width: 1096px) {
  #recent-wrapper {
   width: 100%;
   max-width: 100%;
   padding: 0px 0px;
  }
  .recent-article {
    display: inline-block;
    width: 33%;
    margin: 20px 10px;
  }
  .recent-title {
   width: 100%; 
   text-align: center;
  }
  .recent-article-title {
   font-size: 14px; 
  }
  @supports (display: flex) {
    #recent-wrapper {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: stretch;
    }
    .recent-article {
     display: block;
     width: 30%;
    }
  }
  .recent-title {
   margin-top: 20px; 
  }
  #latest-articles-border {
   display: block; 
  }
}

@media screen and (max-width: 640px) {
  .recent-article {
    display: inline-block;
    width: 49%;
    margin: 20px 10px;
  }
  @supports (display: flex) {
    .recent-article {
     display: block;
     margin: 20px 0px;
     width: 45%;
    }
  }
}

@media screen and (max-width: 400px) {
  .recent-article {
    display: inline-block;
    width: 100%;
    margin: 20px 10px;
  }
  @supports (display: flex) {
    .recent-article {
     display: block;
     margin: 20px 0px;
     width: 90%;
    }
  }
}

#blog-article-content {
 font-family: "Lato", sans-serif;
 font-size: 18px;
 color: #777777;
 text-align: justify;
 padding: 0px 20px;
}

#blog-article-content > h1 {
 font-family: "Dosis", sans-serif;
 font-size: 28px;
 font-weight: 400;
 text-transform: uppercase;
 text-align: left;
 margin-bottom: 10px;
 color: #258ADC;
}

.article-pagination-title {
 font-size: 16px; 
}


.article-pagination {
 height: 160px;
}

.article-title > a {
 font-size: 28px; 
 color: #999;
 font-weight: 500; 
}

.half-size {
 width: 50%; 
}

.white-right-border {
 border-right: 10px solid white; 
}

@media screen and (max-width: 1096px) {
  .article-pagination {
	height: 200px;
  }
}

@media screen and (max-width: 640px) {
 .article-pagination {
   width: 100% !important; 
 }
 .white-right-border {
  border-right: 0px; 
  border-bottom: 10px solid white;
 }
 #blog-article-content {
  padding: 0px 10px; 
 }
 #blog-article-content > h1 {
  font-size: 22px; 
 }
}

#article-preview-image {
  width: 100%;
  overflow: hidden;
  max-height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  background-position: center center;
  margin-bottom: 20px;
}

#article-preview-image > img {
 visibility: hidden; 
 max-width: 100%;
}

#blog-step-back {
 display: table-row;
 padding: 0px 30px;
}

#blog-step-back > a {
 display: block;
 padding: 10px 30px;
 font-size: 14px;
 transition: color 200ms;
  color: #999;
  font-family: "Dosis", sans-serif;
}

#blog-step-back > a:hover {
  color: #258ADC; 
}

@media screen and (max-width: 640px) {
 #blog-step-back > a {
  padding: 10px 20px; 
 }
}

.article-author {
 font-size: 14px;
  color: #999;
  display: block;
  margin-bottom: 10px;
}

.article-tags {
 font-size: 18px;
  color: #999;
  text-align: right;
  display: block;
}

.article-tags > a {
  color: #258ADC;
}

#articles-tag {
 display: block; 
}

.article-tag-text-wrapper {
 margin: 50px auto 0px auto;
 text-align: center;
}

.article-tag-text {
 display: inline-table; 
 font-family: "Lato", sans-serif;
 padding: 5px 2px;
 font-size: 18px;
 /text-transform: uppercase;
 color: #999;
}

.article-tag-text.tagged {
  /background-color: #258ADC;
  color: #258ADC;
  font-weight: bold;
  /border-radius: 50px;
  /padding: 5px 10px;
}

@media screen and (max-width: 1096px) {
 .tablet-display-block {
  display: block !important;
  position: relative;
 }
}

#user-cart {
 width: 100%;
 max-width: 1200px;
 margin: 40px auto;
 padding: 10px;
}

#cart-title {
 display: block;
 font-family: "Dosis", sans-serif;
 font-size: 42px;
 color: #258ADC;
 text-align: center;
 font-weight: 300;
 text-transform: uppercase;
}

#cart-products {
 width: 100%;
 margin: 20px auto 10px auto;
}

.cart-item {
 width: 100%;
 display: table;
 background-color: #EEEEEE;
 height: 150px;
 margin: 10px 0px;
 padding-left: 10px;
 position: relative;
}

.cart-item-delete {
 position: absolute;
 /visibility: hidden;
 right: 5px;
 top: 5px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Close2.svg?13352933570364926091');
 width: 32px;
 height: 32px;
}

.cart-item-delete:hover {
 cursor: pointer;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Close_Button_01_Hover.svg?12153703137450461944');
}

.cart-item:first-child {
 margin-top: 0px; 
}

.cart-item:last-child {
 margin-bottom: 0px; 
}

.cart-item-image {
 display: table-cell;
 width: 20%;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center center;
}

.cart-item-title {
 display: table-cell;
 width: 50%;
 vertical-align: middle;
 padding-left: 10px;
}

.cart-item-title > a {
 color: #258ADC; 
 font-family: "Lato", sans-serif;
 font-size: 24px;
}

.cart-item-amount {
 display: table-cell;
 width: 20%;
 vertical-align: middle;
  color: #777777;
  font-size: 18px;
  font-family: "Lato", sans-serif;
}

.cart-item-price {
 display: table-cell;
 width: 10%;
 vertical-align: middle;
  color: #777777;
  font-size: 18px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
}

#cart-summary {
 width: 100%;
 margin: 10px 0px 10px auto;
 padding: 20px 10px;
 background-color: #EEEEEE;
 text-align: right;
}

.summary-text {
 font-family: "Lato", sans-serif;
 font-size: 18px;
 color: #555555;
 margin-bottom: 10px;
}

#refresh {
 text-align: center;
 font-family: "Lato", sans-serif;
 font-size: 18px;
 color: #999;
 background-color: #FFFFFF !important;
 border: none;
 padding: 8px 50px;
 border-radius: 50px;
 vertical-align: middle;
 margin-right: 20px;
 height: 44px;
 width: 235px;
 padding-left: 70px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Cart_Refresh.svg?15404211889127166307');
 background-repeat: no-repeat;
 background-position: left center;
 transition: 200ms linear;
}

#refresh:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Cart_RefreshOn.svg?14364877014585692651');
  background-color: #258ADC !important;
  color: #FFFFFF;
}

.checkout-button {
 text-align: center;
 font-family: "Lato", sans-serif;
 font-size: 18px;
 color: #999;
 background-color: #FFFFFF;
 border: none;
 padding: 8px 50px;
 vertical-align: middle;
 border-radius: 50px;
 height: 44px;
 padding-left: 70px;
 width: 235px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Cart_Checkout.svg?15169613930399381797');
 background-repeat: no-repeat;
 background-position: left center;
 transition: 200ms linear;
}

.checkout-button:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Cart_CheckoutOn.svg?15169613930399381797');
  background-color: #258ADC !important;
  color: #FFFFFF;
}


.cart-warning {
 font-size: 18px;
 font-family: "Lato", sans-serif;
 color: #777777;
 width: 100%;
 text-align: center;
 margin: 20px 0px;
}

.cart-warning > a {
  color: #258ADC;
  font: inherit;
}

.car-item-amount-input {
 padding: 2px !important;
 margin: 0px !important;
 background-color: #FFFFFF !important;
 color: #777777 !important;
 border: 0px solid #777777 !important;
 margin: 0px !important;
 width: 50px !important;
 text-align: center !important;
}

@media screen and (max-width: 640px) {
 #cart-summary {
  width: 100%;
  text-align: center;
 }
 #cart-title {
  font-size: 28px; 
 }
 .cart-item {
  height: auto; 
 }
 .cart-item-image {
  display: block;
  width: 100%;
  height: 80px;
 }
 .cart-item-title {
  display: block;
  width: 100%;
  padding: 5px;
  text-align: center;
 }
 .car-item-amount-input {
  margin: 0px auto !important;
 }
 .cart-item-title > a {
   font-size: 16px;
 }
 .cart-item-amount {
  display: block;
  text-align: center;
  width: 100%;
  margin: 10px 0px;
 }
 .cart-item-price {
   width: 100%;
   display: block;
   text-align: center;
   padding-bottom: 10px;
 }
 .cart-item {
  padding-left: 0px; 
 }
 #refresh, .checkout-button {
  display: block;
  margin: 10px auto;
  width: 200px;
  padding-left: 64px;
 }
}


.search-bar.desktop {
 display: none; 
 overflow: hidden;
 max-height: 0px;
  transition: max-height 0.5s;
}

.search-bar.mobile {
 display: block; 
 overflow: visible;
 max-height: 100px;
 transition: max-height 0.5s;
 margin: 5px auto !important;
}

.search-bar.desktop.visible {
 display: block;
 position: fixed;
 z-index: 999;
 left: 0px;
 top: 44px;
 width: 100%;
 max-width: 100%;
 background-color: #258ADC;
 max-height: 500px;
 transition: max-height 0.5s;
 margin: 10px auto;
 border-left: 4px solid #FFF;
 border-right: 4px solid #FFF;
}

.search-input {
  border: 0px solid #258ADC !important;
  border-bottom: 0px solid #258ADC !important;
  font-size: 28px !important;
  border-radius: 2px !important;
  text-align: center !important;
  color: #FFFFFF !important;
  font-family: "Lato", sans-serif !important;
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

.search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FFF;
}
.search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFF;
   opacity:  1;
}
.search-input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFF;
   opacity:  1;
}
.search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FFF;
}
.search-input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #FFF;
}

.search-bar.mobile .search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #333333;
}
.search-bar.mobile .search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333333;
   opacity:  1;
}
.search-bar.mobile .search-input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333333;
   opacity:  1;
}
.search-bar.mobile .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #333333;
}
.search-bar.mobile .search-input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #333333;
}

.search-bar.mobile .search-input {
  border: 0px solid #258ADC !important;
  border-bottom: 0px solid #258ADC !important;
  font-size: 14px !important;
  border-radius: 100px !important;
  text-align: center !important;
  color: #777777 !important;
  font-family: "Lato", sans-serif !important;
  width: 80% !important;
  /max-width: 800px !important;
  margin: 0 auto !important;
  background-color: #FFFFFF !important;
  padding: 10px !important;
}

.search-input:focus {
  border: 0px solid #258ADC !important;
  border-bottom: 0px solid #258ADC !important;
  outline: none !important;
}


.search-wrapper {
 display: table;
 width: 100%;
 max-width: 1400px;
 margin: 20px auto;
}

.search-cell {
 width: 50%;
 display: table-cell;
}


.search-cell-title {
  display: block;
  text-align: center;
  font-family: "Dosis", sans-serif;
  font-size: 28px;
  color: #258ADC;
  text-transform: uppercase;
}

.search-big-products-wrapper {
 display: block;
 margin-top: 20px;
}

.search-big-product {
 display: inline-block;
 vertical-align: top;
 width: 48%;
 height: 310px;
 margin: 0.5% 0.5%;
  background-color: #EEEEEE;
}

.search-big-product-image {
 width: 100%;
 overflow: hidden;
 height: 200px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: center center;
}

/*.search-big-product-image img {
 display: block;
 width: 100%;
 height: auto;
}
*/
.search-big-product-title {
 width: 100%;
 text-align: center;
 padding: 10px;
 font-family: "Lato", sans-serif;
 font-size: 18px;
  color: #777777;
}

.search-others {
 display: block;
 margin: 20px 0px;
}

.search-others-title {
 display: block;
 font-family: "Dosis", sans-serif;
 color: #999;
 text-transform: uppercase;
 font-size: 22px;
}

.search-others > a {
 margin: 5px 0px;
 font-family: "Lato", sans-serif;
 font-size: 16px;
 color: #258ADC; 
 display: block;
}

.search-not-found {
 display: block;
 margin: 20px 0px;
 text-align: center;
 font-size: 24px;
 font-weight: normal;
 font-family: "Lato", sans-serif;
 color: #999;
}

.form-search {
 margin: 0 !important;
 padding: 10px 10px !important;
}

.search-bar.mobile .form-search {
 padding: 2px !important; 
 position: relative;
}

.search-bar.mobile .search-bar--submit {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 90%;
    margin-left: -45px;
    width: 45px;
    border: 0 none;
    //background: black;
    text-align: center;
    cursor: pointer;
  	background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Zoom_Copy_7.svg?12035330118535431496');
  	background-size: initial;
  	background-position: center center;
  	background-repeat: no-repeat;
}

/*.search-bar.desktop .search-bar--submit {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 75%;
    margin-left: -60px;
    width: 60px;
    border: 0 none;
    //background: black;
    text-align: center;
    cursor: pointer;
  	background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Zoom_Copy_6.svg?8720342110524740474');
  	background-size: initial;
  	background-position: center center;
  	background-repeat: no-repeat;
}*/

#search-mobile-separator {
 display: none; 
}

@media screen and (max-width: 640px) {
 .search-cell {
  width: 100%;
  display: table-row;
 }
 .search-big-product {
   display: block;
   width: 100%;
   margin: 0;
   height: auto;
 }
 .search-big-product-image {
  height: 140px; 
 }
 .search-big-product-title {
   text-align: center;
 }
 .search-others-title {
  text-align: center;
  font-size: 18px;
 }
 .search-others > a {
  text-align: center; 
 }
 #search-mobile-separator {
  display: block; 
  margin-bottom: 20px;
 }
 .search-not-found {
  font-size: 22px; 
 }
 /*.search-others {
   border-bottom: 1px solid #AAAAAA; 
 }*/
}

span.spr-badge .spr-icon {
 font-size: 18px; 
}

span.spr-badge .spr-badge-caption {
 font-size: 18px; 
 font-family: "Lato", sans-serif;
 font-weight: 300;
  color: #555555;
}

.login-form {
 width: 100%;
 max-width: 1400px;
 margin: 20px auto;
 padding: 10px;
 background-color: #EEEEEE;
}

.responzive-form input {
 font-family: "Lato", sans-serif !important;
 font-size: 16px !important;
 padding: 4px 10px !important;
 background-color: #FFFFFF !important;
 color: #777777 !important; 
 border: 0px !important;
 border-radius: 2px !important;
 line-height: 24px !important;
 margin: 0px !important;
}

.responzive-form input:focus {
 outline: none; 
}

.responzive-form input[type="submit"] {
 font-family: "Lato", sans-serif !important;
 font-size: 16px !important;
 padding: 4px 10px !important;
 background-color: #FFFFFF !important;
 color: #777777 !important; 
 border: 0px !important;
 border-radius: 200px !important;
 line-height: 24px !important;
 min-width: 200px !important;
 margin: 0px auto !important;
 display: block !important;
}

.responzive-form input[type="submit"]:hover {
 background-color: #258ADC !important;
 color: #FFFFFF !important; 
}

.responzive-form {
  background-color: #EEEEEE;
  padding: 20px 10px;
  max-width: 800px;
  margin: 0px auto;
}

.responzive-form-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
}

.responzive-form-row:last-of-type {
	margin-bottom: 0px;
}

.responzive-form-label {
	width: 35%;
	color: #333;
	padding: 5px;
  	font-family: "Lato", sans-serif;
  	font-size: 16px;
  	font-weight: 600;
}

.responzive-form-input {
	width: 65%;
}

.broken .responzive-form-label {
	width: 100%;
}

.broken .responzive-form-input {
	width: 100%;
}

@media screen and (max-width: 640px) {
 	.responzive-form-label {
		width: 100%;
	}
	.responzive-form-input {
		width: 100%;
	} 
}

.account-title{
 text-align: center;
 color: #777777;
 font-weight: 500;
 font-size: 20px;
 font-family: "Dosis", sans-serif;
}

.orders {
 display: table;
 width: 100%;
 max-width: 1200px;
 margin: 40px auto;
 text-align: center;
 font-family: "Lato", sans-serif !important;
 font-size: 16px;
  color: #777777;
  border-collapse: collapse;
  padding: 0px 10px;
}

.orders h1 {
 font-size: 28px;
 font-weight: bold;
 font-family: "Lato", sans-serif;
}

.orders h3 {
 font-size: 22px;
 font-weight: normal;
 font-family: "Lato", sans-serif;
}

.orders p {
 font-size: 16px;
 font-weight: 300;
 font-family: "Lato", sans-serif;
}


.orders .orders-header {
 display: table-header-group; 
 font-weight: bold;
  border-bottom: 2px solid #258ADC;
}

.orders .cell {
 display: table-cell; 
 vertical-align: middle;
 width: 20%;
 padding: 5px;
}

.orders .cell:nth-of-type(odd) {
  background-color: #EEEEEE; 
}

.orders .orders-row {
 display: table-row; 
}


/*#orders .orders-row:nth-of-type(odd) > .cell:nth-of-type(even) {
 background-color: #FFFFFF; 
}

#orders .orders-row:nth-of-type(odd) > .cell:nth-of-type(odd) {
 background-color: #EEEEEE; 
}

#orders .orders-row:nth-of-type(even) > .cell:nth-of-type(odd) {
 background-color: #FFFFFF; 
}

#orders .orders-row:nth-of-type(even) > .cell:nth-of-type(even) {
 background-color: #EEEEEE; 
}*/

@media screen and (max-width: 1096px) {
 .orders {
  font-size: 14px; 
 }
}

@media screen and (max-width: 640px) {
 .mobile-hidden {
  display: none !important;; 
 }
 .orders .cell {
  width: 33.333%; 
 }
 .orders {
  font-size: 12px; 
 }
}

.cell-80 {
 width: 80% !important; 
 font-weight: bold;
 text-align: right;
 padding-right: 10px !important;
}

#testimonials-wrapper {
  width: 100%;
  max-width: 1600px;
  margin: 40px auto;
  text-align: center;
}

.testimonial-tile {
  display: inline-block;
  padding: 20px 20px;
  vertical-align: top;
  background-color: #EEEEEE; 
  width: 24%;
  margin: 0.3%;
  margin: calc(0.5% - 1px) calc(0.375% - 1px);
  border-radius: 2px;
}

.company .testimonial-tile {
 width: 32%; 
}

@supports (display: flex) or 
		  (display: -webkit-box) or
  		  (display: -moz-box) or
    	  (display: -ms-flexbox)
{
 #testimonials-wrapper {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; 
  flex-wrap: wrap;
  /flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
 }
 .testimonial-tile {
  display: block; 
  margin: 0.5%;
   
 }
}

@media screen and (max-width: 1096px) {
 .company .testimonial-tile {
   width: 100%;
   margin: 0px 0px 4px 0px;
 }
 .testimonial-tile {
   width: 49%; 
 }  
}

@media screen and (max-width: 640px) {
 .testimonial-tile {
   width: 100%; 
   /margin-bottom: 20px;
   margin: 0px 0px 4px 0px;
 }  
}

.testimonial-tile .testimonial-icon {
  display: block; 
  margin: 20px auto 40px auto;
  max-width: 100%;
  height: auto;
}

.testimonial-tile > .testimonial-title {
  font-family: "Dosis", sans-serif;
  font-weight: 200;
  font-size: 34px;
  color: #258ADC;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  display: block;
  text-align: center;
}

.testimonial-tile > .testimonial-description {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #555555;
  display: block;
  text-align: center;
}

.testimonial-tile h2 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin: 10px;
  color: #777777;
}

.testimonial-header-wrapper {
 width: 100%;
 height: 115.2px;
 overflow: hidden;
}

@media screen and (min-width: 1285px) {
  .testimonial-header-wrapper {
   height: 86.4px; 
  }
}

@media screen and (min-width: 885px) and (max-width: 1096px) {
  .testimonial-header-wrapper {
   height: 57.6px; 
  }
}

@media screen and (min-width: 642px) and (max-width: 885px) {
  .testimonial-header-wrapper {
   height: 86.4px; 
  }
}

@media screen and (min-width: 640px) and (max-width: 642px) {
  .testimonial-header-wrapper {
   height: 115.2px; 
  }
}

@media screen and (max-width: 640px) {
  .testimonial-header-wrapper {
   height: auto; 
  }
}


.testimonial-body-wrapper {
 width: 100%;
 overflow: hidden;
 height: 86.4px;
}

@media screen and (max-width: 1593px) {
 .testimonial-body-wrapper {
   height: 115.2px;
 }
}

@media screen and (max-width: 1192px) {
 .testimonial-body-wrapper {
   height: 144px;
 }
}

@media screen and (max-width: 1096px) and (min-width: 775px) {
 .testimonial-body-wrapper {
   height: 86.4px;
 }
}

@media screen and (max-width: 775px) {
 .testimonial-body-wrapper {
   height: 115.2px;
 }
}

@media screen and (max-width: 640px) {
 .testimonial-body-wrapper {
   height: auto;
 }
}

.history-wrapper {
  width: 100%;
  background-color: #FFFFFF;
  padding: 50px 40px;
}

.history-wrapper img {
 display: block;
 max-width: 100%;
 height: auto;
}

@media screen and (max-width: 640px) {
 .history-wrapper {
  padding: 20px 10px; 
 }
}
.history {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 font-family: "Lato", sans-serif;
}

.history > h1 {
 font-family: "Dosis", sans-serif;
 font-size: 44px;
  font-weight: 200;
 margin: 20px 0px;
  color: #258ADC;
  text-transform: uppercase;
}

.history > h2 {
  font-family: "Lato", sans-serif;
 font-size: 18px;
 font-weight: 300;
 color: #555555;
 margin-bottom: 20px;
}

.history h3 {
 font-family: "Lato", sans-serif;
 font-size: 22px;
 font-weight: 600;
 color: #555555;
 margin-bottom: 20px;
}

.history ul {
 /list-style-type: disc; 
 padding-left: 5%;
}

.history p {
 font-family: "Lato", sans-serif;
 font-size: 18px;
 font-weight: 300;
 color: #555555;
}


.history li {
 font-family: "Lato", sans-serif;
 font-size: 18px;
 font-weight: 300;
 color: #555555;
}

.history-year {
  display: inline-block;
  margin: 10px 0px;
  color: #258ADC;
  background-color: #FFFFFF;
  border-radius: 100px;
  padding: 5px 23px;
  font-size: 16px;
  font-weight: 600;
  width: 83px;
}

.history-year-events {
  width: 100%;
  padding-left: 60px;
  position: relative;
}

.history-year-events:before {
 position: absolute;
 content: ' ';
 top: 0px;
 left: 35px;
 width: 12px;
 height: 100%;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/dot-6-space-12.png?15268719666046519157');
  
}

.events-wrapper {
 padding: 20px 0px; 
}

.event {
 display: table;
  background-color: #FFFFFF;
  color: #555555;
  font-size: 18px;
  padding: 10px 25px;
  font-weight: 300;
  margin: 5px 0px;
}

.event img {
 max-width: 100%;
 margin: 10px auto;
 height: auto;
}

.contact-table {
  max-width: 100%;
  margin: 0 auto;
  word-wrap: break-word;
  width: 100%;
  table-layout: fixed;
  font-size: 16px;
}

.contact-table td {
  border: 1px solid #DDDDDD; 
}

.price-discount-before {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  text-decoration: line-through;
  line-height: 42px;
  width: 77px;
  height: 42px;
  margin: 0px 0px -15px auto;
  color: #888;
  position: absolute;
  right: -80px;
}

.price-discount-before-mobile {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  text-decoration: line-through;
  line-height: 42px;
  width: 77px;
  height: 42px;
  margin: 0px 0px -15px auto;
  color: #888;
  display: none;
}


@media screen and (max-width: 1096px) {
 .price-discount-before-mobile {
  display: block; 
 }
 .price-discount-before {
  display: none; 
 }
}

#price {
 width: 232px;
 height: 42px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Cart_Selected.svg?946301141050258922');
 position: relative;
  background-color: #258ADC;
  border-radius: 100px;
 margin: 7px auto;
 margin-top: 20px;
 cursor: pointer;
  background-repeat: no-repeat;
  background-size: initial;
  display: block;
  position: relative;
}

#price:hover {
  background-color: #258ADC;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Cart_Selected.svg?946301141050258922');
}

#price:hover > #price-cost {
  color: #FFFFFF;
  background-color: #258ADC !important;
}

#price > #price-title > #price-title-border {
  background-color: #FFFFFF;
  display: block;
  /border-right: 2px solid ;
}

#price:hover > #price-title {
  color: #FFFFFF;
}

#price-cost {
  display: table-cell;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  vertical-align: middle;
  text-align: left;
  padding-left: 14px;
  left: 155px;
  top: 0px;
  line-height: 42px;
  width: 77px;
  height: 42px;  
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}

#price.discount #price-cost {
  background-color: #258ADC;
  color: #FFFFFF;
  font-weight: 600;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}

#price-title {
 position: absolute;
 left: 42px;
 height: 26px;
 top: 8px;
 width: 113px;
 line-height: 26px;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  /border-right: 2px solid #FFFFFF;
}

#price-title-border {
 position: absolute;
 width: 2px;
 height: 100%;
  background-color: #258ADC;
  right: 0px;
  top: 0px;
  border-radius: 2px;
}

#price.discount #price-title-border {
 display: none; 
}

.product-large-icon-2 {
  display: block;
  width: 232px;
  height: 42px;
  background-color: #FFFFFF;
  border-radius: 100px;
  margin: 16px auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: initial;
}

#buy_worldwide {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/WorldWide.svg?12038387266787480524');
}

#buy_worldwide:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/WorldWide_Selected.svg?11086351828451304443');
}

#try {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Download.svg?17586817900662402457');
}

#try:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Download_Selected.svg?10648698253838245241');
}

#product_blog {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/RelatedNews_b.svg?8588530444494030811');
}

#product_blog:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/RelatedNews_bSel.svg?2863246605215010473');
}


/*#buy_worldwide {
  background-image: url('https://cdn.shopify.com/s/files/1/2235/0845/files/Cart_Copy_7_7611585e-0bb3-454c-9adb-006c2baaf570.svg?1190567921843189651');
}

#buy_worldwide:hover {
  background-image: url('https://cdn.shopify.com/s/files/1/2235/0845/files/Cart_Copy_8_61575b15-9650-49e6-8f9c-f397cd64577f.svg?12629755500272987205');
}*/

.product-large-icon-2:hover {
  background-color: #258ADC;
}

.product-large-icon-2:hover > .product-large-icon-title {
  color: #FFFFFF;
}

.product-large-icon-title {
  color: #999;
  position: absolute;
  top: 0px;
  left: 42px;
  width: 175px;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: normal;
}

#blogs-categories {
  display: block;
  margin: 20px auto 0px auto;
  width: 100%;
  background-color: #EEEEEE;
  /max-width: 1600px;
  /padding: 0px 10px;
}

.blog-category-header {
  display: inline-block; 
  width: 19%;
  background-color: #EEEEEE;
  margin-left: -3px;
  margin-right: 1.25%;
  border-radius: 2px;
}

#blog-categories-wrapper {
 width: 100%;
 background-color: #EEEEEE;
 max-width: 1600px;
 white-space: nowrap;
 overflow: hidden;
 margin: 0 auto;
}

.blog-tags {
  width: 100%;
  background-color: #EEEEEE;
  display: table;
  padding: 20px 0px;
}

@media screen and (max-width: 640px) {
 .blog-tags {
  padding: 0px; 
 }
}

#blog-tags-title {
 display: table-cell;
  width: 19%;
  vertical-align: center;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #999;
}

#blog-all-tags {
 display: table-cell;
 width: 100%;
 text-align: center;
 vertical-align: center;
 padding-left: 1%;
 white-space: normal;
}

.blog-tag-link {
 display: inline-block;
 width: auto;
 margin-top: 5px;
 margin-right: 10px;
 padding: 0px 10px;
  background-color: #FFFFFF;
  color: #999;
  border-radius: 100px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  border: 2px solid #FFFFFF;
  transition: 200ms linear;
}

.blog-tag-link:hover {
  color: #258ADC;
}

.blog-tag-link.selected {
  background-color: #258ADC;
  color: #FFFFFF;
  border: 2px solid #258ADC;
}

.blog-tag-link:hover {
 /color: #999;
 cursor: pointer;
}

.blog-category-header:first-of-type {
 margin-left: 0px; 
}

.blog-category-header:last-of-type {
 margin-right: 0px; 
}

@media screen and (max-width: 1096px) {
 #blogs-categories {
  width: 100%; 
 }
}

@media screen and (max-width: 640px) {
 #blog-tags-title {
  display: block; 
  width: 100%;
 }
 #blog-all-tags {
  display: block;
   width: 100%;
   padding: 10px;
   text-align: center;
 }
 .blog-category-title {
  font-size: 10px !important;
 }
 #blog-tags {
  padding: 20px 0px; 
 }
 #blog-tags-title {
  font-size: 14px; 
 }
 .blog-tag-link {
  font-size: 14px; 
 }
}


.blog-category-image {
 display: block;
  margin: 20px auto;
}

.blog-category-title {
 text-align: center;
 margin-bottom: 20px;
 font-family: "Lato", sans-serif;
 font-size: 16px;
  font-weight: 400;
  color: #999;
}

.blog-category-title.selected-category {
  color: #258ADC;
  font-weight: bold;
}

.product-requirements {
  width: 100%;
  padding: 42px 10px 50px 10px;
}

.product-requirements-table {
 display: table; 
  text-align: center;
  height: 100%;
  width: 100%;
}

.product-requirements-table-wrapper {
  display: table;
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
}

.product-requirements-cell {
  display: table-cell;
  width: 50%;
  border-right: 2px solid #EEEEEE;
  vertical-align: top;
}

@media screen and (max-width: 1096px) {
 .product-requirements-cell {
  display: table-row;
   width: 100%;
  border-right: 0px;
   border-bottom: 20px solid #EEEEEE;
 }
 .product-requirements-table-wrapper {
  max-width: 600px; 
 }
 .product-requirements-plugins {
  height: auto !important; 
 }
}

.product-requirements-logo {
  background-color: #FFFFFF;
  padding: 20px 0px;
  margin-top: 8px;
}

.product-requirements-logo img {
 display: block;
  margin: 0px auto;
  width: 31px;
  height: 31px;
}

.product-requirements-os {
  background-color: #FFFFFF;
  padding: 15px;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  color: #999;
  font-weight: 400;
  margin: 2px 0px;
}

.product-requirements-plugins {
  background-color: #FFFFFF;
  padding: 15px;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  color: #999;
  font-weight: 400;
  height: 86px;
}

#blog-icon-reviews {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/WriteReview_3_150.svg?6093971107305211164');
  width: 150px;
  height: 150px;
}

#blog-icon-people {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Artist_3_150.svg?6093971107305211164');
  width: 150px;
  height: 150px;
}

#blog-icon-all {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/AllNews20_150.svg?6093971107305211164');
  width: 150px;
  height: 150px;
}

#blog-icon-news {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ProductNews_150.svg?6093971107305211164');
  width: 150px;
  height: 150px;
}

#blog-icon-achievements {
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/References_10_150.svg?6093971107305211164');
  width: 150px;
  height: 150px;
}

@media screen and (max-width: 1096px) {
  #blog-icon-reviews {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ReviewNews_80.svg?8331380236055796399');
    width: 80px;
    height: 80px; 
  }
  #blog-icon-people {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ArtistNews_80.svg?8331380236055796399');
    width: 80px;
    height: 80px; 
  }
  #blog-icon-all {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/AllNews20_80.svg?8331380236055796399');
    width: 80px;
    height: 80px; 
  }
  #blog-icon-news {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ProductNews_80.svg?8331380236055796399');
    width: 80px;
    height: 80px; 
  }
  #blog-icon-achievements {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/References_5_150_80.svg?8331380236055796399');
    width: 80px;
    height: 80px; 
  }
}

@media screen and (max-width: 640px) {
  #blog-icon-reviews {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ReviewNews_50.svg?8331380236055796399');
    width: 50px;
    height: 50px; 
  }  
  #blog-icon-people {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ArtistNews_50_New.svg?16726799168412560649');
    width: 50px;
    height: 50px; 
  }
  #blog-icon-all {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/AllNews20_50.svg?1217308418222370090');
    width: 50px;
    height: 50px; 
  }
  #blog-icon-news {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/ProductNews_50.svg?8331380236055796399');
    width: 50px;
    height: 50px; 
  }
  #blog-icon-achievements {
    background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/References_5_150_50_5.svg?8331380236055796399');
    width: 50px;
    height: 50px; 
  }
}

#index-stories {
 width: 100%;
 max-width: 1600px;
 margin: 50px auto 30px auto;
 padding: 0px 2%;
}

.story-wrapper {
 display: inline-block;
 width: 32.5666%;
 margin-left: -3px;
 margin-right: 1%;
 vertical-align: top;
 border-radius: 2px;
}

@media screen and (max-width: 640px) {
 .story-wrapper {
  display: block;
   width: 100%;
   margin: 0px;
   margin-top: 30px;
 }
 #index-stories {
  padding: 0px 0px; 
 }
}

.story-wrapper:last-of-type {
 margin-right: 0px; 
}
 
.stories-header {
 width: 100%;
 height: 80px;
 background-color: #EEEEEE;
 padding: 15px;
 border-radius: 2px;
}

.stories-header img {
 display: block;
 margin: 0px auto;
}

.story-big-tile {
  /background-color: #EEEEEE; 
  border-radius: 2px;
}

.story-title {
 padding: 10px; 
 display: block;
 text-align: center;
 background-color: #EEEEEE;
 color: #333333;
 font-family: "Lato", sans-serif;
 font-size: 14px;
 font-weight: 400;
 transition: 200ms linear;
}

.story-title:hover, .story-big-tile:hover > .story-title { 
  background-color: #258ADC;
  color: #FFFFFF;
}


.story-big-tile-image {
  width: 100%;
  background-color: #EEEEEE;
  padding-bottom: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 2px;
  display: block;
}

.story-small-tile {
 border-radius: 2px;
  background-color: #EEEEEE;
  margin: 0px;
  margin-top: 2px;
  width: 100%;
}

.full-width {
 width: 100%;
 padding-right: 0;
 margin-left: 0;
}

.article-content {
 font-family: "Lato", sans-serif !important; 
}

.article-content img {
 display: block;
 max-width: 100%;
 height: auto;
 margin: 20px auto;
 max-height: 500px;
}

.article-content > h3 {
  color: #777777;
  font-size: 18px;
  margin: 20px 0px;
  font-weight: 600;
  font-family: "Lato", sans-serif;
}

.article-content iframe, .history iframe {
 max-width: 100%;
 display: block;
 margin: 20px auto;
}

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

ul, ul.audified-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin: 10px auto;
}

li, ul.audified-list > li {
  padding-left: 29px;
  position: relative;
  font-weight: 300;
  font-size: 18px;
  text-align: left;
  color: #444444;
  font-family: "Lato", sans-serif;
}

li:before, ul.audified-list > li:before {
 content: ' ';
 width: 14px;
 height: 16px;
 position: absolute;
 left: 10px;
 top: 7px;
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/Triangle05.svg?16859527197363036425');
 background-repeat: no-repeat;
}

.big-title-blue-line {
  background-color: #258ADC;
  text-align: center;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
  width: 100%;
  padding: 20px 10px;
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 640px) {
 .big-title-blue-line {
  font-size: 16px; 
 }
}

.audified-link-wrapper {
 width: 100%;
 padding: 30px 10px;
 background-color: #EEEEEE;
 text-align: center;
}

.audified-link {
  display: inline-block;
  padding: 10px 80px;
  font-size: 18px;
  font-weight: 400;
  color: #999;
  background-color: #FFFFFF;
  border-radius: 50px;
  transition: 200ms;
  position: relative;
}

.audified-link:after {
 content: ' ';
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/arrow-down-blue.svg?16859527197363036425');
 transform: rotate(270deg);
 width: 20px;
 height: 20px;
 background-repeat: no-repeat;
 background-position: center center;
 position: absolute;
 right: 14px;
 top: 14px;
}

.audified-link:hover {
  background-color: #258ADC;
  color: #FFF;
  cursor: pointer;
}

.audified-link:hover:after {
 background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/arrow-down-white_copy_2.svg?11230873356095481194');
}

.specs-table {
 width: 100%;
 max-width: 800px;
 margin: 20px auto;
 border-collapse: collapse;
  border: 2px solid #EEEEEE;
}

.specs-table td {
  background-color: #FFFFFF;
  border-bottom: 2px solid #EEEEEE;
  border-right: 2px solid #EEEEEE;
  color: #999;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  text-align: center;
}

.specs-table th {
  background-color: #FFFFFF;
  border-bottom: 2px solid #EEEEEE;
  border-right: 2px solid #EEEEEE;
  color: #258ADC;
  font-size: 16px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  text-align: center;
}

.product-unavailable {
  position: absolute;
  font-size: 18px;
  color: #FFFFFF;
  background-color: #258ADC;
  height: 35px;
  top: 50%;
  margin-top: -17.5px;
  width: 100%;
  line-height: 35px;
  font-family: "Lato", sans-serif;
  text-align: center;
}

.warning-modifications {
 //height: 45px;
 width: 100%;
 text-align: center;
 padding: 10px;
 line-height: 45px;
 font-size: 18px;
 color: #FF4725;
 background-color: #FFFFFF;
 font-weight: 600;
 font-family: "Lato", sans-serif;
 cursor: pointer;
}

img.half {
 width: 100% !important;
 max-width: 50%;
 height: auto;
 display: block;
 margin: 60px auto 20px auto;
 border-radius: 2px; 
}

@media screen and (max-width: 640px) {
 img.half {
  max-width: 100%;
  margin: 0;
 }
}

.div-as-background {
 background-size: cover; 
 background-position: center center;
}

.smob-show-gallery {
 display: none !important; 
}

#bk-localnav {
 display: none !important; 
}

#nudge-offer {
 display: none !important; 
}

.product-description h3 {
 margin: 20px 0px;
 text-align: left;
 padding: 0;
 font-family: "Dosis", sans-serif;
 font-size: 36px;
  color: #258ADC;
  font-weight: 200;
  text-transform: uppercase;
}

@media screen and (max-width: 1096px) {
  .product-description h3 { 
    text-align: center; 
  }
}

span.warning {
  color: #FF4725; 
}

@media screen and (max-width: 640px) {
 .mobile-text {
  font-size: 14px !important; 
 }
 #blog-all-tags.mobile-responzive-tag > .blog-tag-link {
  font-size: 10px;
  margin-right: 5px;
 }
}

.extern-link {
 position: relative; 
}

.extern-link:after {
  content: ' ';
  width: 14px;
  position: absolute;
  background-repeat: no-repeat;
  height: 140%;
  background-size: contain;
  background-image: url(https://cdn.shopify.com/s/files/1/0725/7083/files/arrow-down-blue.svg?1504257…);
  transform: rotate(-90deg);
  background-position: center center;
}

@media screen and (min-width: 850px) and (max-width: 1400px) {
 .products-index-page > .product:nth-of-type(4) {
  display: none; 
 }
 .products-index-page {
  padding: 0px 2%; 
 }
}

.order-shipping {
 /display: none;
 width: 100%;
 font-family: "Lato", sans-serif;
 color: #FFFFFF;
 background-color: #258ADC;
 font-size: 14px;
 padding: 8px;
 font-weight: 600;
 margin-top: 16px;
}

.excl-vat {
     /* display: none; */
    font-family: "Lato", sans-serif;
    font-size: 12px;
    color: #FFF;
    background-color: #258ADC;
    display: inline-block;
    padding: 2px 12px;
    font-weight: 600;
    margin-right: 8px;
  	margin-top: 8px;
    /* float: right; */
    right: 0px;
}

label[for] {
 font-family: "Lato", sans-serif; 
 font-weight: 300;
 font-size: 16px;
}

.login-form-slider {
 width: 100%;
 max-width: 1400px;
 overflow:hidden;
 margin: 0px auto;
 
}

#form-slider {
  white-space: nowrap;
  transition: transform 0.3s ease-in;
}

.login-form-slider .login-form {
 display: inline-block; 
}

.input-row a {
 display: block; 
 font-family: "Lato", sans-serif;
 font-size: 16px;
 text-align: center;
 margin: 20px auto;
}

.destributor-logo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 20px auto;
}

.distributor-logo-wrapper {
  margin: 0 auto;
  width: 80%;
  /max-width: 140px;
}

.destributor-logo {
  width: 100%;
  padding-bottom: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: none;
}

.distributor-tile {
 /position: relative; 
 padding-bottom: 55px;
}

.testimonial-tile {
 position: relative; 
}

.distributor-tile h1 {
  font-size: 20px;
  font-weight: 400;
  color: #777;
  margin-bottom: 20px;
  margin-top: 10px;
  font-family: "Lato", sans-serif;
}

.distributor-shop {
 display: inline-block;
  margin: 25px auto 10px auto;
  border-radius: 100px;
  background-color: #258adc;
  color: #FFF;
  font-weight: 600;
  padding: 4px 25px; 
  cursor: pointer;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, 0);
}

.distributor-about {
 margin-top: 10px; 
}

.distributors-list > .testimonial-tile {
 padding: 15px 0px; 
 margin: calc(0.75vw - 2px);
 width: 23.5%;
}

.distributors-list.reviews > .testimonial-tile {
 padding: 15px 0px; 
 width: 31.33%; 
 margin: calc(1vw - 8px);
}

@media screen and (min-width: 1600px) {
  .distributors-list > .testimonial-tile {
    margin: 6px;
  }
}

@media screen and (min-width: 1096px) and (max-width: 1305px) {
 .distributors-list > .testimonial-tile {
   width: 31.33%; 
   margin: calc(1vw - 2px);
 }
}

@media screen and (max-width: 1096px) {
 .distributors-list > .testimonial-tile, .distributors-list.reviews > .testimonial-tile {
  width: 47%;
  margin: calc(1.5vw - 2px);
 }
}

@media screen and (max-width: 650px) {
 .distributors-list > .testimonial-tile, .distributors-list.reviews > .testimonial-tile {
  width: 100%; 
   margin-bottom: 4px;
 }
 .distributor-type {
   display: none;
 }
 .distributor-country {
  float: none !important;
   margin-left: 0px;
   text-align: center;
 }
}

.distributor-head {
 text-align: left;
 //padding-bottom: 15px;
 height: 48px;
 position: relative;
}

.distributor-wrapper-padding {
	padding: 0px 20px;
    font-family: "Lato", sans-serif !important;
    font-size: 16px;
    font-weight: 300;
}

.distributor-country {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
}

.distributor-icons {
 //float: right;
 position: absolute;
 top: 0px;
 right: 0px;
 text-align: right;
 margin-top: -2px;
}

.distributor-icons > img {
 margin-right: 10px; 
 height: 40px;
}

.distributor-icons > img:last-child {
 margin-right: 0px; 
}

.distributor-country > img {
 height: 32px; 
 margin: 0px;
}

.distributor-type {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    font-weight: 300;
    margin-left: 10px;
    font-size: 14px;
    color: #777;
    font-family: "Lato", sans-serif;
}

.distributor-shop:hover {
	color: #FFF;  
}

#country-selection {
  //width: 100% !important;
  background-color: #258ADC !important;
  color: #FFFFFF !important;
  border: 0px solid #FFF !important;
  font-size: 20px !important;
  height: 40px !important;
  padding-left: 20px !important;
  padding-right: 50px !important;
  margin-right: 0px !important;
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/arrow-down-white_copy_2.svg?11230873356095481194') !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat;
  -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 1px;
   text-overflow: '';
  //max-width: 450px;
}

#country-selection::-ms-expand {
    display: none;
}

.techn-info-trademark {
  font-size: 16px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  text-align: center;
  margin-top: 15px;
}

#sticky-buttons-wrapper {
 position: fixed;
 right: 0px;
 top: 15%;
 z-index:9999999;
}

#sticky-buttons > img {
 display: block;
 margin: 5px;
 width: 250px;
}

#sticky-buttons > a > img {
   transition: transform 0.2s;
}

#sticky-buttons > a:hover > img {
 transform: translateX(-20px); 
 transition: transform 0.2s;
}

#sticky-buttons {
 position: absolute;
 right: -260px;
 transition: right 0.4s;
}

@media screen and (max-width: 1096px) {
 #sticky-try {
   display: none;
 }
}

.watermark {
 display: none;
 position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  right: 10px;
  top: 10px;
  border: 2px solid #CCC;
}

.watermark.sw:before {
  content: 'SW';
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 12px;
  color: #ccc;
}

.product-main-icons {
  display: table-header-group; 
  background-color: #EEEEEE;
  text-align: center;
}

.product-main-icons .audified-border {
 position: absolute;
 left: 0px;
}

.product-main-icons .product-info-icons-icon {
 margin: 0px 10px 10px 10px
}

@media screen and (max-width: 640px) {
  .product-main-icons .product-info-icons-icon {
   margin: 0px 10px 4px 10px
  }
}

.faq-wrapper {
 display: flex; 
 flex-wrap: nowrap;
 justify-content: space-between;
 width: 100%;
 max-width: 1200px;
 margin: 40px auto;
 padding: 0px 10px;
  
}

.faq-questions, .faq-answers {
 width: 49%; 
  font-size: 16px;
  font-family: "Lato", sans-serif;
}

.faq-question.question-selected {
  background-color: #258ADC;
  color: #fff;
}

.faq-question {
  background-color: #EEEEEE;
  margin-bottom: 10px;
  padding: 10px;
  padding-left: 20px;
  cursor: pointer;
}

.faq-question:before {
 content: 'Q';
 font-family: "Lato", sans-serif;
 font-weight: 600;
 font-size: 24px;
 margin-right: 20px;
}

.faq-question:last-of-type {
 margin-bottom: 0px; 
}

.faq-answer h1 {
 font-size: 20px;
  color: #258ADC;
  margin-bottom: 10px;
}

.faq-answer {
  background-color: #EEEEEE; 
  padding: 15px;
  display: none;
}

.faq-answer-displayed {
 display: block; 
 height: 100%;
}

@media screen and (max-width: 840px) {
 .faq-wrapper {
  flex-wrap: wrap; 
 }
 .faq-questions, .faq-answers {
  width: 100%; 
 }
  .faq-question:last-of-type {
 	margin-bottom: 20px; 
	}
}

.shopify-challenge__button.btn, .btn {
  background-color: #258ADC !important; 
}

.newsletter-modal-window {
 position: fixed;
  right: 0px;
  bottom: 100px;
  background-color: #EEEEEE;
}

.text-primary {
  color: #258ADC !important; 
}

.text-secondary {
  color: #777777 !important;
}

.btn-primary {
 border: 0px !important;
}

.btn-primary:hover {
  background-color: #1d6fb2 !important;
}

.carousel-caption {
  background-color: rgba(51,51,51,0.92) !important;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100% !important;
  padding: 60px 10px;
}

.carousel-item {
 height: 100% !important; 
}

.carousel-caption h5 {
 font-size: 34px; 
}

.carousel-caption p {
 font-size: 22px; 
}

.carousel-caption hr {
  border: 1px solid #258ADC !important;
  width: 100%;
  max-width: 420px;
}

.carousel-image {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}

.carousel-inner {
 height: 100% !important; 
}

.carousel-indicators li {
 width: 12px !important;
 height: 12px !important;
 border-radius: 100% !important;
  border: 2px solid #258ADC !important;
  background-color: transparent;
  padding: 0 !important;
  opacity: 1 !important;
}

.carousel-indicators li.active {
  background-color: #258ADC !important; 
}

.carousel-indicators li::before {
 background: unset !important; 
}

@media screen and (max-width: 992px) {
  .carousel-caption h5 {
   font-size: 30px; 
  }

  .carousel-caption p {
   font-size: 20px; 
  }
  
  .carousel-caption {
   padding: 50px 10px; 
  }
  .carousel-indicators li {
   width: 10px !important;
   height: 10px !important;
  }
}


@media screen and (max-width: 640px) {
  .carousel-caption h5 {
   font-size: 26px; 
  }

  .carousel-caption p {
   font-size: 16px; 
  }
  
  .carousel-caption {
   padding: 40px 10px; 
  }
  .carousel-indicators {
   bottom: -4px !important; 
  }
}

.btn-tile {
 background-color: #FFF !important; 
}

.btn-tile:hover {
  background-color: #258ADC !important; 
}

.btn-tile p {
 color: #888 !important; 
}

.btn-tile:hover p {
 color: #fff !important; 
}

.tile-reviews .spr-badge-caption {
  display: none;
}

.badge-primary {
  background-color: #258ADC !important; 
}

.product-section-title {
  font-family: "Dosis", sans-serif;
  font-weight: 200;
  font-size: 42px;
  text-transform: uppercase;
  color: #258ADC;
}

@media screen and (max-width: 1096px) {
  .product-section-title {
    font-size: 44px;
  }
}

@media screen and (max-width: 640px) {
  .product-section-title {
    font-size: 34px;
  }
}

.product-large-icon-sm {
  display: block;
  width: 190px;
  height: 42px;
  background-color: #FFFFFF;
  border-radius: 100px;
  position: relative;
  background-repeat: no-repeat;
  background-size: initial;
}

.product-large-icon-sm .product-large-icon-title {
 left: 18px; 
}

.icon-contact-us {
  background-position-y: -2px;
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/fContactUs.svg?1347');
}

.icon-more-info {
  background-position: 5px -2px;
  background-image: url('https://cdn.shopify.com/s/files/1/0725/7083/files/more_info.svg?1347');
}