/* radius functions */
html,
body {
  font-family: Verdana;
}
@font-face {
  font-family: 'Monaco';
  src: url('../../bundles/app/fonts/Monaco.woff2') format('woff2'), url('../../bundles/app/fonts/Monaco.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  background: none;
}
h1 {
  color: #1E418B;
  text-align: center;
}
main {
  width: 100%;
}
aside {
  padding: 0 15px;
  overflow: hidden;
}
/* common classes */
.Karla {
  font-family: 'Karla', serif;
}
/* fixed ids */
#form-holder {
  font-family: Verdana;
  font-size: 12px;
}
#form-holder input[type="radio"],
#form-holder input[type="checkbox"] {
  margin: 1px;
  vertical-align: middle;
}
#form-holder #maininp-holder > p {
  display: block;
  color: #747474;
  margin: -11px 0 0;
  letter-spacing: 2px;
  text-align: center;
  font-family: 'Karla', serif;
  font-size: 14px;
}
#form-holder .an-dropdowns {
  margin-bottom: 5px;
}
#form-holder .an-dropdowns label {
  font-family: 'Karla', serif;
  margin-bottom: 0;
  display: block;
}
@media (max-width: 767px) {
  #form-holder .an-dropdowns select {
    height: 25px;
  }
}
#form-holder .an-dropdowns small {
  color: #747474;
  font-family: 'Karla', serif;
}
@media (max-width: 767px) {
  #form-holder .an-dropdowns small {
    line-height: 28px;
  }
}
#form-holder .an-dropdowns > div:nth-child(2) {
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
  width: 30px;
}
#letters + label,
#boardPattern + label,
.filter-checkbox label,
#filterPattern + label {
  display: none;
}
main {
  margin-top: 4px;
}
#content {
  background: white;
  position: relative;
}
#Options label {
  font-size: 9px;
  font-weight: normal;
}
.sort-by {
  display: block;
}
.sort-by label {
  margin-right: 7px;
}
button {
  position: relative;
  font-weight: bold;
  font-family: 'Karla', serif;
  font-size: 14px;
  border-radius: 3px;
  color: #fff;
}
button.btn-search {
  padding: 7px 15px;
  background-color: #eb6c65;
  border-color: #e8564e;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
}
button.btn-search:hover {
  border-color: #dd271d;
  background: #ec756e;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}
button.btn-search:focus {
  background-color: #e54138;
  border-color: #a21c15;
}
#min-holder {
  width: 170px;
  text-align: left;
  font-size: 10px;
}
#min-like {
  display: flex;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 12px;
  font-family: "Karla";
  line-height: normal;
  align-items: center;
  justify-content: space-between;
}
#min-like .mr {
  width: 30px;
  height: 31px;
  display: block;
  background: url('../../bundles/app/images/mrapointsm.png') no-repeat center center;
  background-size: 100%;
}
#min-like .like-this {
  color: #4267b2;
  display: flex;
  padding: 0 5px;
  align-items: center;
  margin: 0 10px 0 0;
}
#min-like .like-this span {
  width: 32px;
  white-space: normal;
  text-align: center;
  margin: 0 5px 0 2px;
  font-size: 13px;
  font-weight: 700;
}
#min-like .like-this i {
  width: 38px;
  height: 12px;
  display: block;
  background: url('../../bundles/app/images/scrabble-like-arrow.gif') no-repeat center right;
  background-size: 100%;
}
#min-like strong {
  padding-left: 5px;
}
#min-title {
  margin: 0;
  padding: 0;
  line-height: 25px;
  padding-top: 10px;
}
#min-title h1 {
  font-size: 12px!important;
}
#fb-holder + div {
  margin-right: 10px !important;
}
.relative {
  position: relative;
}
#letters-holder,
#board-pattern,
#filter-holder {
  width: 100%;
  position: relative;
}
#letters,
#boardPattern {
  width: 100%;
  height: 38px;
  font-size: 20px;
  overflow: hidden;
  box-shadow: none;
  outline: 0;
  padding: 10px 4px 5px;
  line-height: 20px;
}
input[type="text"] {
  border: 1px solid #ddd;
}
input[type="text"]:focus {
  outline: none;
  border-color: #ff6070;
  -moz-box-shadow: 0 0 10px #ff6070;
  -webkit-box-shadow: 0 0 10px #ff6070;
  box-shadow: 0 0 10px #ff6070;
}
a.buttonY {
  background-color: #f7ac48;
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 #666;
  white-space: nowrap;
  padding: 10px 20px;
  position: relative;
  outline: 0;
  cursor: pointer;
  -moz-box-shadow: -4px 4px 0 #c93;
  -webkit-box-shadow: -4px 4px 0 #c93;
  box-shadow: -4px 4px 0 #c93;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
a.buttonY:hover {
  background-color: #fc6;
}
a.buttonY:active {
  top: 2px;
  margin: 0 2px 0 -2px;
  -moz-box-shadow: -2px 2px 0 #c93;
  -webkit-box-shadow: -2px 2px 0 #c93;
  box-shadow: -2px 2px 0 #c93;
}
a.buttonY:visited {
  color: #fff;
}
#submit-holder {
  position: relative;
  line-height: 48px;
  margin-bottom: 5px;
  text-align: right;
}
@media (max-width: 589px) {
  #submit-holder {
    top: 0;
  }
}
#submit-holder .btn-search {
  padding: 8px 30px;
  font-size: 17px;
}
@media (max-width: 767px) {
  #submit-holder .btn-search {
    padding: 12px 30px;
  }
}
@media (max-width: 589px) {
  #submit-holder .btn-search {
    padding: 12px 30px;
  }
}
@media (min-width: 768px) {
  #submit-holder .btn-search {
    padding: 6px 30px;
  }
}
@media (min-width: 767px) {
  #submit-holder {
    height: 48px;
    top: -4px;
  }
}
a#submit {
  margin-left: 0;
}
.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#filter-holder {
  float: left;
  margin-bottom: 5px;
  width: 70%;
}
.filter-checkbox {
  float: left;
  width: 10%;
  text-align: center;
  height: 30px;
}
.filter-checkbox small {
  display: block;
  line-height: 1;
}
#filterPattern {
  font-size: 20px;
  width: 100%;
  height: 38px;
  padding: 10px 4px 5px;
  line-height: 20px;
  box-shadow: none;
  outline: 0;
}
#options-button {
  font-size: 10px;
  padding: 6px;
}
#s-holder > div {
  float: left;
}
#s-holder img {
  vertical-align: middle;
}
#s-holder h1 {
  color: #B90000;
  font-size: 10px;
  margin: 0;
  display: inline-block;
}
#results-number {
  color: red;
  font-size: 12px;
  white-space: nowrap;
  margin-top: 7px;
}
#results-number span {
  cursor: pointer;
}
#header-info {
  font-size: 15px;
  padding: 0 10px;
  font-family: 'Karla', serif;
}
#header-info h1 {
  font-size: 12px;
}
#header-info img {
  vertical-align: middle;
}
#notification {
  position: relative;
  z-index: 1000;
  font-size: 10px;
  margin-top: -20px;
  margin-bottom: 10px;
}
.vsmall {
  font-size: 15px;
  font-family: 'Karla', serif;
}
#changeSavedMessage {
  color: red;
  font-weight: bold;
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
}
#Options {
  display: none;
  font-size: 9px;
  padding-top: 5px;
}
#welcome-holder {
  font-size: large;
}
#welcome-holder span {
  font-family: georgia;
  color: #B90000;
  font-weight: bold;
}
#welcome-htext {
  font-style: italic;
}
#welcome-htext span {
  font-size: 14px;
  font-weight: bold;
}
#welcome-info {
  font-family: verdana;
  color: #B90000;
  font-size: 18px;
}
#welcome-angm {
  color: #B90000;
  font-size: small;
  font-weight: bold;
}
#info-watch {
  line-height: 1;
  font-size: small;
}
#quick-guide {
  font-size: small;
  color: #B90000;
}
#menue {
  color: #B90000;
  font-size: small;
  padding: 10px 40px 0;
}
#menue a,
#menue a:visited {
  color: blue;
}
#dictionaryText {
  color: red;
  font-size: x-small;
}
/* footer */
#footer-holder {
  font-size: 14px;
  padding: 0 15px;
  font-family: 'Karla', serif;
}
/* styles for anagrammer results */
/* results paragraph */
.r {
  font-family: Courier New;
  color: black;
}
.r a {
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}
/* letters - unused pattern and word */
.u {
  color: white;
}
/* word */
.w {
  color: black;
  font-weight: bold;
}
/* pattern letter */
.p {
  color: #00cc00;
  font-weight: bold;
}
/* letter replacing empty tile */
.c {
  color: #eb6c65;
  font-weight: bold;
}
/* extending/crossing pattern highlighted in group header */
.hp,
.hp a {
  font-size: 26px;
  color: #FF0000;
  font-weight: bold;
}
.hp2,
.hp2 a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
/* letter that touches board pattern and makes auxiliary word in perpendicular direction */
.t {
  background: #FFDFDF;
  font-weight: bold;
}
/* section with results touching board pattern, header part */
.touchResultSectionHeader {
  background-color: #dddede;
  color: #73767e;
  padding: 1px 5px 3px;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.touchResultSectionHeader > span {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #eb6c65;
  font-weight: 400;
}
.columns {
  display: flex;
  flex-wrap: nowrap;
  background-color: #dddede;
}
.column {
  flex-basis: 50%;
  overflow: hidden;
  background-color: #f9f9f9;
}
.column strong {
  line-height: 20px;
}
.column:first-child {
  margin-right: 1px;
}
#additional {
  text-align: left;
  position: relative;
  z-index: 500;
}
@media (max-width: 768px) {
  #additional {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  #additional {
    margin-top: 0;
  }
}
#quick-links {
  font-size: smaller;
}
#ext-info {
  margin: 10px 20px;
  padding: 10px;
  color: green;
  font-size: 11px;
  text-align: left;
  border: 1px solid black;
}
#ext-info a:visited {
  color: blue;
}
#right-res-holder {
  position: relative;
  width: 390px;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  border: 1px solid #e3e1e1;
  background-color: #f9f9f9;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  overflow: hidden;
  color: #65728c;
  font-family: 'Karla', serif;
}
#right-res-holder sup {
  margin-left: 4px;
  color: #000000;
}
@media (max-width: 992px) {
  #right-res-holder {
    margin: 3px 0 20px;
  }
}
#right-res-holder > div > div {
  float: left;
  width: 50%;
}
#result-header-middle {
  display: block;
  margin-bottom: 10px;
}
#stickyunit {
  padding-top: 95px;
}
#main-container {
  min-height: 100vh;
}
.mobile #right-res-holder {
  margin-left: -91px;
}
@media (max-width: 767px) {
  .mobile #touch-area h3 {
    margin-left: -91px;
  }
}
.mobile .hidden-mobile {
  display: none;
  visibility: hidden;
}
.mobile #mobile-addthis {
  margin-bottom: 10px;
}
.mobile #stickyunit {
  padding: 100px 0 0 0;
}
.mobile #min-holder {
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
}
.mobile #welcome-htext {
  font-size: 14px;
  padding: 0 8px;
  font-family: 'Karla', serif;
}
.mobile #welcome-htext span {
  font-size: 12px;
}
.pc .hidden-pc {
  display: none;
  visibility: hidden;
}
/* section with results touching board pattern, words part */
.touchResultSectionWords {
  vertical-align: top;
  padding: 2px 5px 0;
}
/* quick link */
.resultQuickLink {
  font-size: x-small;
  font-weight: bold;
}
.resultQuickLink a {
  color: #0879d4;
}
.resultQuickLink a:visited {
  color: blue;
}
.words {
  padding: 1px 6px;
}
@media (min-width: 992px) {
  .words {
    padding: 0 10px;
  }
}
/* pattern in title, for example the one above right result pane */
.titlePattern {
  font-size: larger;
  font-weight: bold;
  color: red;
}
#wordExplanationText {
  font-size: 11pt;
}
#form-container {
  padding: 0 11px;
  position: relative;
}
#form-container h1 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 0px;
  font-family: 'Karla', serif;
}
.middle-ad {
  text-align: center;
}
.middle-ad > div {
  margin: 10px 0 0;
}
.middle-ad > div.copy-url {
  margin: 0 0 0 -90px;
}
@media (min-width: 768px) {
  .middle-ad > div.copy-url {
    margin: 10px 0 0;
  }
}
.middle-ad > div.change div {
  margin: 0;
}
.text-centered {
  text-align: center !important;
}
#res {
  color: #000000;
}
#res h3 {
  font-size: 1.17em;
  color: #898f9a;
  margin: 3px 0;
}
#res h3 a {
  color: #eb6c65;
}
#res h3 a:hover {
  color: #e22b21;
}
#res sup {
  margin-left: 3px;
  color: #000000;
  font-size: 125%;
  font-weight: bold;
}
#res a {
  font-size: 25px;
  color: #000000;
}
@media (max-width: 992px) {
  #res a {
    font-size: 21px;
  }
}
div.show-more {
  display: none;
}
a.show-more {
  font-size: 11px;
  margin-left: 5px;
  color: #0879d4;
}
#jfontsize-holder {
  margin-top: 10px;
}
.jfontsize-button {
  font: bold 12px arial;
  padding: 3px;
  border: solid 1px #CCC;
}
#f-holder {
  overflow: hidden;
  padding-top: 15px;
}
#f-holder .hide-pro {
  margin: 0 0 16px 10px;
}
@media (max-width: 767px) {
  #f-holder .hide-pro {
    text-align: center;
  }
}
.hidden-angm-xxs {
  display: none !important;
}
.visible-angm-xxs {
  display: block !important;
}
#mobile-addthis {
  position: absolute;
  top: 0;
  left: 0;
}
.snap-header {
  clear: both;
}
.btn-black {
  color: #65728c;
  background-color: #e9eaeb;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active {
  color: #65728c;
  background-color: #e4e5e6;
  outline: 0;
  box-shadow: none;
}
.close-btn {
  float: left;
}
@media (max-width: 620px) {
  .sort-by {
    font-size: 11px;
  }
  .half-zoom {
    zoom: 1.35;
  }
}
@media (min-width: 480px) {
  #notification {
    font-size: 13px;
  }
}
/* */
@media (min-width: 590px) {
  #form-part {
    height: 80px;
    margin-top: 15px;
  }
  #mobile-addthis {
    left: 100px;
  }
  .middle-ad {
    text-align: left;
  }
  .hidden-angm-xxs {
    display: block !important;
  }
  .visible-angm-xxs {
    display: none !important;
  }
  #form-container {
    width: 329px;
    margin-right: -329px;
    float: left;
  }
  .mobile #middle-col {
    padding-left: 10px;
    text-align: right;
    margin-left: 305px;
    width: 336px;
  }
  #submit-holder {
    padding-left: 15px;
    position: absolute;
    top: 0;
    width: 315px;
    right: -295px;
    text-align: left;
    height: 48px;
    z-index: 1000;
  }
  #submit-holder ~ #stickyunit {
    padding-top: 140px;
  }
  #min-title h1 {
    font-size: 13px;
  }
}
@media (min-width: 590px) and (max-width: 768px) {
  #form-container {
    width: 319px;
    margin-right: -319px;
  }
}
@media (min-width: 590px) and (min-width: 768px) {
  #submit-holder {
    top: -4px;
  }
}
@media (min-width: 590px) and (min-width: 1200px) {
  #submit-holder {
    top: -2px;
  }
}
@media (min-width: 992px) {
  main {
    width: 586px;
    float: left;
    margin-right: -586px;
  }
  aside {
    float: left;
    margin-left: 615px;
    padding: 0 10px 0 30px;
    display: block;
  }
  aside .r,
  aside .r a {
    font-family: Courier;
    font-size: 14px;
    line-height: 14px;
  }
  #result-header-middle {
    display: none;
  }
}
.navbar-inverse .navbar-brand {
  padding-right: 0;
}
.ath-ios9.ath-tablet {
  right: 0.4em;
  top: 1.8em;
}
.ath-ios9 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
  margin-top: -0.3em;
  background-size: auto 100%;
}
@media only screen and (orientation: landscape) {
  .ath-ios9.ath-phone {
    left: auto;
    bottom: auto;
    right: 0.4em;
    top: 1.8em;
  }
  .ath-ios9.ath-phone:after {
    bottom: auto;
    top: -0.9em;
    left: 68%;
    z-index: 2147483641;
    box-shadow: none;
  }
}
#ipad-fixed-header {
  position: relative;
  height: 50px;
}
#ipad-fixed-header .search-form {
  right: 8px;
  left: initial;
  top: 0;
}
#ipad-fixed-header-shares {
  width: 160px;
  margin: 0 auto;
  text-align: center;
  height: 50px;
  padding: 8px 0;
}
#ipad-fixed-header-dictionary {
  position: absolute;
  left: 48px;
  top: 0;
}
.error-text {
  font-weight: bold;
  color: red;
  margin: 0 0 6px;
}
.ath-action-icon {
  width: 25px;
  height: 25px;
  background: url('../../bundles/app/images/arrow-up.svg') no-repeat center center !important;
  transform: scale(1);
  margin: -10px 0 0 3px;
}
#touch-area h3 {
  color: #73767e;
  margin: 0;
  font-family: 'Karla', serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
}
.remove-letters {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
}
.remove-letters span {
  position: absolute;
  right: 2px;
  background: #ffffff;
  padding: 0 4px;
  font-size: 27px;
  line-height: 35px;
  color: #65728c;
  cursor: pointer;
  display: none;
}
@media (min-width: 768px) {
  .remove-letters span {
    line-height: 27px;
    top: 8px;
  }
}
@media (min-width: 992px) {
  .remove-letters span {
    top: 6px;
  }
}
@media (min-width: 1200px) {
  .remove-letters span {
    top: 8px;
  }
}
.change {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px 0;
}
@media (min-width: 768px) {
  .change {
    padding: 5px 0 0;
  }
}
.change div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.change div span {
  text-transform: uppercase;
  font-size: 10px;
  max-width: 48px;
  display: inline-block;
  line-height: 12px;
  font-family: 'Karla', serif;
  color: #898f9a;
  text-align: left;
}
.flag {
  display: inline-block;
  width: 32px;
  height: 24px;
  margin: 3px 0 0 10px;
}
.flag-uk {
  background: url("../../bundles/app/images/flags/flag-united-kingdom@2x.png") no-repeat center center;
}
.flag-fr {
  background: url("../../bundles/app/images/flags/flag-france@2x.png") no-repeat center center;
}
.flag-It {
  background: url("../../bundles/app/images/flags/flag-italy@2x.png") no-repeat center center;
}
.layout-change {
  display: inline-block;
  width: 32px;
  height: 24px;
  background: url("../../bundles/app/images/flags/change-layout.png") no-repeat center center;
  background-size: contain;
}
.ad-place {
  margin: 16px auto;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.like-section {
  padding-top: 15px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
  font-family: 'Karla';
  margin-left: 15px;
}
@media (min-width: 1200px) {
  .like-section {
    padding-top: 10px;
  }
}
.header-icons {
  display: flex;
  align-items: center;
  color: #4267b2;
  font-weight: 600;
  font-family: 'Karla';
  font-size: 16px;
  margin-left: -10px;
}
.header-icons span,
.header-icons a {
  color: currentColor;
  font-size: 14px;
}
@media (max-width: 359px) {
  .header-icons span,
  .header-icons a {
    font-size: 12px;
  }
}
.header-icons a {
  cursor: pointer;
}
@media (min-width: 411px) {
  .header-icons {
    font-size: 20px;
  }
}
.header-icons sup {
  font-size: 9px;
  margin-left: 3px;
}
.header-icons img {
  margin-right: 5px;
}
.copy-url {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  font-family: 'Karla';
}
.copy-url h4 {
  display: flex;
  color: #b56c00;
  margin: 0 0 3px;
  padding-left: 5px;
  font-size: 13px;
}
.copy-url div {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.copy-url textarea {
  border: 1px solid #c59143;
  padding: 7px 5px;
  display: inline-block;
  margin-right: 5px;
  color: #3b3b3b;
  font-size: 16px;
  line-height: 18px;
  white-space: normal;
  width: 275px;
  word-wrap: break-word;
  word-break: break-word;
  font-family: Monaco;
  letter-spacing: -1px;
  resize: none;
  outline: 0;
  overflow: hidden;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  zoom: normal;
}
.copy-url textarea:focus,
.copy-url textarea:active {
  outline: 0;
  font-size: 16px;
  line-height: 18px;
  zoom: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .copy-url textarea {
    font-size: 16px;
  }
  .copy-url textarea:focus,
  .copy-url textarea:active {
    font-size: 16px;
    zoom: normal;
  }
}
.copy-url a.btn {
  color: #ffffff;
  font-size: 13px;
  padding: 4px 6px;
}
.copy-url a:hover {
  text-decoration: none;
}
#content {
  background-color: #f9f9f9;
}
#header {
  border-bottom: 1px solid #e6e6e6;
  background: #fff !important;
}
#header .navbar-toggle {
  margin-right: 3px;
  padding: 9px 5px;
}
#header .navbar-toggle .icon-bar {
  background: #9ca4b5;
  width: 23px;
}
#header .navbar-toggle:hover,
#header .navbar-toggle:focus {
  background-color: #e9eaeb;
  outline: 0;
}
header {
  margin-bottom: 10px;
  min-height: 50px;
  clear: both;
  border: 0;
}
header a {
  line-height: 45px;
  vertical-align: middle;
  display: inline-block;
  font-size: 19px;
  color: #9f9fa0;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  outline: 0;
  font-family: 'Karla', serif;
}
header a:hover {
  color: #9f9fa0;
  text-decoration: none;
  border-bottom: 2px solid #eb6c65;
  cursor: pointer;
}
header a.link {
  font-size: 20px;
  color: #eb6c65;
  border-bottom: 0;
  line-height: 48px;
}
header a.link:hover {
  color: #e22b21;
  border-bottom: 0;
}
header a.link:focus {
  color: #e22b21;
  border-bottom: 0;
  outline: 0;
}
header .justify-content-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header-right {
  color: #eb6c65;
}
header .header-left {
  position: relative;
  margin: 0 10px;
  width: 35px;
  float: left;
}
header .header-icons {
  min-height: 50px;
}
header .header-tools {
  min-height: 50px;
  position: relative;
  display: flex;
  align-items: center;
}
header .header-tools a {
  font-size: 15px;
}
header .header-tools .space-setter {
  position: relative;
  display: inline-block;
  transition: width 300ms;
  width: 0;
}
header .header-tools .small-link-grey .user-img {
  margin-right: 8px;
}
header .header-tools .red-link {
  color: #eb6c65;
}
header .header-tools .red-link:hover {
  color: #e22b21;
  border-color: transparent;
}
header .header-tools .mrg-r {
  margin-right: 10px;
}
header .header-tools .login-button {
  white-space: nowrap;
  display: inline-block;
  background: url('../bundles/app/images/user.svg') no-repeat left center;
  padding-left: 25px;
  background-size: 33%;
}
header .header-tools .user-area .d-inline-block {
  line-height: 13px;
  vertical-align: middle;
  text-align: right;
}
header .header-tools .user-area .d-inline-block .login-hi {
  color: black;
  position: relative;
  top: -4px;
}
header .header-tools .user-area .d-inline-block .username {
  position: relative;
  top: 7px;
}
header .header-tools .user-area .d-inline-block .logout-holder {
  font-size: 12px;
}
header .header-tools .user-area .d-inline-block .logout-holder a {
  color: #9f9fa0;
  font-size: 11px;
  line-height: 25px;
  padding-top: 7px;
}
header .header-tools .user-area .d-inline-block .logout-holder span {
  color: #9f9fa0;
  padding: 0 5px;
}
.snap-header .logout-holder a {
  color: #e9eaeb;
  font-size: 10px;
}
.snap-content {
  z-index: 9998;
  top: 0;
  margin-top: 0;
}
#navbar-login {
  padding: 3px 0 0;
  min-width: initial;
  display: inline-block;
  position: relative;
}
.form-style {
  min-height: 50px;
  width: 24px;
  transition: width 0.6s;
}
.form-style input {
  position: relative;
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
  outline: 0;
  width: 0%;
  padding: 6px 0;
  transition: width 0.6s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: auto;
  font-size: 16px;
}
.form-style input[type='text'] {
  box-shadow: none;
}
.form-style input[type='text']:focus {
  box-shadow: none;
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
}
.form-style button {
  background-color: transparent;
  outline: none;
  box-shadow: none;
  border: 0;
  font-size: 16px;
  color: #eb6c65;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 2px;
  padding: 0 1px;
}
.form-style button i {
  padding: 2px 1px;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 16px;
}
.active-search {
  position: absolute;
  right: 0;
  width: 160px;
  min-height: 50px;
  top: 8px;
}
@media (min-width: 768px) {
  .active-search {
    position: relative;
  }
}
.active-search button {
  top: 5px;
}
.active-search input {
  width: 100%;
  transition: width 0.6s;
  padding: 6px 5px 6px 12px;
  border: 1px solid #bcbcbc;
  border-bottom: 2px solid #eb6c65;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.active-search input[type='text'] {
  box-shadow: none;
}
.active-search input[type='text']:focus {
  box-shadow: none;
  border: 1px solid #bcbcbc;
  border-bottom: 2px solid #eb6c65;
}
.show-side {
  margin: 0 2vw;
  margin-top: 9px;
  float: left;
  border: 0;
  outline: 0;
  padding: 9px 10px;
  height: 31px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  cursor: pointer;
}
.show-side .bar {
  width: 22px;
  height: 2px;
  background: #9ca4b5;
  display: block;
}
.show-side .middle-bar {
  margin: 4px 0;
}
.show-side:hover,
.show-side:focus {
  background-color: #e9eaeb;
  outline: 0;
}
.reader {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.navbar-form {
  border: 0;
}
.navbar-form .input-group {
  width: 100%;
  top: 0;
}
.navbar-form .input-group:focus {
  outline: 0;
}
#topcontrol {
  bottom: 15px;
  background: #db4437;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 9px 6px 0 rgba(0, 0, 0, 0.26);
}
#topcontrol svg {
  fill: white;
  stroke-width: 0;
  width: 30px;
}
@media (max-width: 700px) {
  .hidden-590 {
    display: none;
  }
}
@media (max-width: 480px) {
  .hidden-480 {
    display: none;
  }
}
/** Media query goes here **/
@media (max-width: 769px) {
  #header {
    padding-right: 12px;
  }
  #header .header-tools .small-link-grey {
    font-size: 18px;
  }
  #header .header-tools .small-link-grey .user-img {
    width: 20px;
  }
  .header-right {
    width: auto;
  }
  .header-right a {
    font-size: 15px;
  }
  .show {
    margin-right: 0;
  }
  #topcontrol {
    bottom: 50px;
  }
}
@media (min-width: 768px) {
  #header a.link {
    font-size: 27px;
  }
  #header .header-left {
    margin: 0 0 0 15px;
  }
  #header .user-area .d-inline-block .login-button {
    padding-left: 34px;
  }
  #header .user-area .logout-holder a {
    font-size: 15px;
  }
  #header .user-area .logout-holder span {
    vertical-align: sub;
  }
  #header .header-tools a {
    font-size: 19px;
  }
  #header .header-tools .logout-holder a {
    color: #9f9fa0;
    font-size: 11px;
    line-height: 25px;
  }
  #header .header-tools .logout-holder span {
    color: #9f9fa0;
    padding: 2px 5px;
    display: inline-block;
    vertical-align: top;
  }
  #header .header-tools .mrg-r {
    margin-right: 1.54vw;
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  #header a.link {
    font-size: 27px;
  }
  #header .header-tools .logout-holder a {
    font-size: 12px;
    line-height: 20px;
  }
  #header .header-tools .mrg-r {
    margin-right: 1.65vw;
  }
  #header .header-left {
    margin: 0 1.2vw 0 2vw;
  }
}
@media (min-width: 1200px) {
  #header .header-tools .mrg-r,
  #header .header-right .mrg-r {
    margin-right: 1.81vw;
  }
}
#pg-gdpr {
  z-index: 10000;
}