.desktop-wide-banner {
  margin:10px 10px 20px 10px;
}

.desktop-tall-banner {
  text-align: right;
}

.mobile-wide-banner {
  text-align: center;
  width:100%;
  margin-bottom:20px;
}

* {
  box-sizing:border-box;
  outline:none !important;
}

body {
  font-size        : 13px;
  font-family      : "Nunito";
  background-color : #fff;
}

.paragraph {
  margin-top:20px;
}

.paragraph.first {
  margin-top:0px;
}

a {
  color:#515252;
}

.callout.yellow {
  border:1px solid #ECEA09;
  background-color: #FFFEE8;
  padding:8px;
  color:#000;
}

.callout.blue {
  border:1px solid #1A98FF;
  background-color: #E3F5FF;
  padding:8px;
  color:#000;
}

.form-box {
  max-width:600px;
}

.label-line {
  margin-top:30px;
  overflow:hidden;
}

.label-line .label-line-left {
  float:left;
}

.label-line .label-line-right {
  float:right;
  font-size:12px;
  color:#888E91;
}

.label-line label {
  color:#6A6A6A;
  font-weight:700;
}

.label-line.first { 
  margin-top:0px;
}

label.inline {
  margin-right:30px; 
}

.input-line {
  margin-top:5px;
}

.input-line input[type='text'],
.input-line input[type='password'],
textarea {
  padding:10px;
  width:100%;
  border: 1px solid #B8BABA;
  border-radius: 2px;
  line-height:normal;
}

.input-line input[type='text']:focus,
.input-line input[type='password']:focus,
textarea:focus {
  outline: none;
  border-color: #9ecaed;
  box-shadow: 0 0 5px #9ecaed;
}

.input-line textarea {
  height:200px;
}

.choice-line {
  margin-top:5px;
}

.choice-line.first {
  margin-top:0px;
}

.input-line input[type='radio'],
.input-line input[type='checkbox'] {
  margin-right:5px;
}

.choice-line label {

}

.button-line {
  margin-top:40px;
  overflow: hidden;
}

.button-line .right-link {
  float:right;
  text-decoration: none;
  color:#333433;
  font-size:13px;
  margin-top:10px;
}

.button-line .right-link:hover {
  text-decoration: underline;
}

button.submit-button {
  background-color: #2B71B1;
  color: #fff;
  padding:15px 20px;
  font-size:12px;
  border-radius:3px;
  vertical-align: top;
  cursor: pointer;
}

button.submit-button:hover {
  background-color: #25659D;
}

button.cancel-button {
  padding:15px 20px;
  font-size:12px;
  font-family: 'montserrat';
  rounded:3px;
  vertical-align: top;
  color: #263d52;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f9fb));
  background-image: -webkit-linear-gradient(#fff,#f7f9fb);
  background-image: linear-gradient(#fff,#f7f9fb);
  background-color: #f7f9fb;
  border: 1px solid #d4dce4;
}

button.cancel-button:hover {
  background-image:none;
  background: #f7f9fb;
}

.error {
  color:#FC000F;
  margin-top:5px;
}

button.loading-button {
  background-color: #77A3CD;
  color: #fff;
  border: 1px solid #77A3CD;
  padding:10px 20px;
  font-size:12px;
  font-family:"Montserrat";
  border-radius:3px;
  vertical-align:top;
}

.large-header {
  position:fixed;
  top:0;
  left:0;
  height:70px;
  width:100%;
  overflow: hidden;
  padding:0 20px 0 270px;
  border-bottom:1px solid #E5E7ED;
  background-color: #fff;
  z-index:10;
}

.large-header .header-left {
  float:left;
}

.large-header .header-left .search-box {
  float:left;
  position: relative;
  font-size:13px;
  margin-top:20px;
}

.large-header .header-left .search-box i.fa-search {
  position: absolute;
  top:9px;
  left:10px;
  color:#AFAFB2;
}

.large-header .header-left .search-box input.input-query {
  padding:8px 20px 8px 30px;
  width:200px;
  border:1px solid #B8B8B8;
  border-radius: 15px;
}

.large-header .header-left .search-box input.input-query:focus {
  width:300px;
  border:1px solid #6A6B6B;
}

.large-header .header-left .sale-banner-wrap {
  float:left;
  display:inline-block;
  margin-left:60px;
  margin-top:15px;
  text-decoration: none;
  color:#000;
}

.large-header .header-right {
  float:right;
  margin-top:20px;
}

.large-header .header-right img {
  width:25px;
  height:25px;
  border-radius: 50%;
  margin-right:5px;
}

.large-header a {
  text-decoration: none;
  color:#6D6D6D;
  font-weight:bold;
  font-size:12.5px;
  margin-left:10px;
}

.large-header a:hover {
  color:#000;
}

.small-medium-header {
  line-height:50px;
  height:50px;
  background-color:#fff;
  width:100%;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.29);
  -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.29);
  box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.29);
}

.small-medium-header .header-row {
  overflow: hidden;
  max-width:100%;
}

.small-medium-header .header-row .header-row-column {
  position: relative;
}

.small-medium-header .header-row a.small-medium-navigation-trigger {
  position: absolute;
  top:1px;
  left:20px;
  text-decoration: none;
  color:#696B6C;
  font-size:18px;
}

.small-medium-header .header-row .header-row-column a.logo-box {
  text-align: center;
  display: block;
  text-decoration: none;
  font-family: "Nunito";
  font-size:18px;
  font-weight:700;
  color:#000;
}

.small-medium-header .header-row .header-row-column a.logo-box img {
  margin-top:5px;
  max-height:40px;
  vertical-align: top;
}

.small-medium-header .header-row .header-row-right {
  text-align: right;
}

.loader {
  position: absolute;
  top:10px;
}

.spinner-box {
  padding: 20px;
  margin: 0 auto;
}
.spinner {
  height: 20px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #595959;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.spinner2 {
  width: 25px;
  height: 25px;
  background-color: #DEDEDE;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.spinner3 {
  width: 30px;
  height: 30px;
  position: relative;
  top: 4px;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #999999;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.sk-fading-circle {
  position: relative;
}
.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}


@media screen and (max-width: 64em) {
  .main-box {
    padding:20px;
  }
}

@media screen and (min-width: 64em) {
  .main-box {
    padding:70px 200px 20px 270px;
  }
}

.main-box .main-box-inner .main-box-header {
  overflow:hidden;
  margin:20px 0;
}

.main-box .main-box-inner .main-box-header .header-left {
  float:left;
  overflow:hidden;
  font-size:16px;
  font-weight:600;
}

.main-box .main-box-inner .main-box-header .header-right {
  float:right;
  margin-top:5px;
}

.main-box .main-box-inner {
  padding-right:20px;
}

.main-box .main-box-inner .main-box-body {
  position: relative;
}

.fadeout {
  position: absolute;
  bottom: 0px;
  height: 40px;
  width:100%;
  background: -webkit-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  ); 
  background-image: -moz-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  );
  background-image: -o-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  );
  background-image: linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  );
  background-image: -ms-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
  );
}

.large-navigation {
  background-color: #fff;
  position: fixed;
  top:0;
  left:0;
  width:240px;
  height:100%;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.29);
  -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.29);
  box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.29);
  z-index:11;
}

.large-navigation .wrap {
  overflow-y: auto;
}

.large-navigation .sale-banner-wrap {
  margin:20px;
  text-decoration: none;
  color:#000;
  display: block;
}

.large-navigation a.logo-box {
  display: block;
  text-decoration: none;
  font-size:18px;
  font-weight:700;
  color:#000;
  padding:20px 30px;
}

.large-navigation a.logo-box .logo-image {
  text-align: center;
}

.large-navigation a.logo-box .logo-image img {
  max-height:80px;
  vertical-align: top;
}

.large-navigation a.submit-post-button {
  display: block;
  margin:0 25px 20px 25px;
  text-align: center;
  padding:8px;
  text-decoration: none;
  font-weight:800;
  font-size:12px;
  color:#fff;
  background-color:#FF4500;
}

.large-navigation a.submit-post-button:hover {
  background-color:#EB3E00;
}

.large-navigation .nav-list {
  margin-top:10px;
}

.large-navigation .nav-item-header {
  overflow:hidden;
  margin:20px 0 5px 0;
}

.large-navigation .nav-item-header .nav-item-header-left {
  float:left;
  padding-left:28px;
  font-size:11px;
  text-transform: uppercase;
  font-weight:700;
  color:#D1D2D8;
}

.large-navigation .nav-item-header .nav-item-header-right {
  float:left;
  margin-top:-3px;
  margin-left:20px;
}

.large-navigation .nav-item-header .nav-item-header-right a {
  font-size:10px;
  text-transform: uppercase;
  color:#C8C8C8;
  text-decoration: none;
}

.large-navigation .nav-item-header .nav-item-header-right a:hover {
  color:#6C6C6C;
}

.large-navigation .nav-list a.nav-item {
  display:block;
  overflow:hidden;
  text-decoration: none;
  color:#494949;
  font-weight:600;
  padding:1px 10px 1px 25px;
  border-left:5px solid transparent;
  margin-bottom:4px;
  font-size:12px;
}

.large-navigation .nav-list a.nav-item .item-left {
  float:left;
  width:25px;
}

.large-navigation .nav-list a.nav-item .item-left img {
  width:16px;
  height:16px;
}

.large-navigation .nav-list a.nav-item .item-right {
  float:left;
}

.large-navigation .nav-list a.nav-item:hover {
  border-left:5px solid #FF4500;
  color:#FF4500;
}

.large-navigation .nav-list a.nav-item.selected {
  border-left:5px solid #FF4500;
  color:#FF4500;
}

.large-navigation .social-box {
  padding-left:28px;
}

.large-navigation .social-box a {
  text-decoration:none;
  font-size:16px;
  margin-right:5px;
}

.large-navigation .social-box a i.fa-twitter {
  color:#029FF5;
}

.large-navigation .social-box a i.fa-facebook {
  color:#01ABED;
}

.large-navigation .social-box a i.fa-linkedin {
  color:#272822;
}



.large-navigation .tag-list {
  padding:0 10px 0 30px;
}

.large-navigation .tag-list a.tag {
  display: inline-block;
  background-color: #fff;
  border:1px solid #EB5A33;
  color:#EB5A33;
  text-decoration: none;
  font-size:11px;
  padding:1px 4px;
  border-radius: 1px;
  margin:0 2px 3px 0;
}

.large-navigation .tag-list a.tag:hover {
  background-color:#EB5A33;
  color:#fff;
}

.large-navigation .tag-list a.tag.selected {
  background-color:#EB5A33;
  color:#fff;
}

.large-navigation .legal-box {
  margin:50px 0 0 30px;
}

.large-navigation .legal-box a {
  color:#ababab;
  text-decoration: none;
  display: block;
}

.large-navigation .legal-box a:hover {
  text-decoration: underline;
}

.small-medium-navigation {
  position:fixed;
  top:0;
  height:100%;
  width:70%;  
  left:-70%;
  z-index:10000;
  background-color: #fff;
}

.small-medium-navigation .wrap {
  position:relative;
  z-index:101;
  overflow-y:auto;
}

.small-medium-navigation a.close {
  display: block;
  text-decoration: none;
  font-size:16px;
  font-weight:700;
  color:#6D6D6D;
  padding:20px;
}

.small-medium-navigation .nav-list {
  margin-top:30px;
}

.small-medium-navigation .nav-list .nav-item-header {
  padding-left:28px;
  margin:20px 0 5px 0;
  font-size:11px;
  text-transform: uppercase;
  font-weight:700;
  color:#D1D2D8;
}

.small-medium-navigation .nav-list a.nav-item {
  display:block;
  overflow:hidden;
  text-decoration: none;
  color:#909090;
  font-weight:600;
  padding:2px 10px 2px 25px;
  border-left:5px solid transparent;
  margin-bottom:5px;
  font-family: "Lato";
  font-size:0.95em;
}

.small-medium-navigation .nav-list a.nav-item .item-left {
  float:left;
  width:25px;
}

.small-medium-navigation .nav-list a.nav-item .item-right {
  float:left;
}

.small-medium-navigation .nav-list a.nav-item:hover {
  border-left:5px solid #FF4500;
  color:#FF4500;
}

.small-medium-navigation .nav-list a.nav-item.selected {
  border-left:5px solid #FF4500;
  color:#FF4500;
}

.small-medium-navigation .misc-box {
  position:absolute;
  bottom:10px;
}

.option-box {
  position: absolute;
  top:0px;
  right:0;
  width:200px;
  background-color: #F1F1F1;
  padding:80px 10px 10px 10px;
}

.option-box .ad-box {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  float:right;
}

.pagination-box {
  width:100%;
  overflow:hidden;
  display:none;
  padding:20px 20px 0 30px;
  border-top:1px solid #EEEEEE;
  font-size:12px;
  font-weight:700;
}

.pagination-box .num-total-rows {
  margin-top:10px;
  color:#717171;
}

.pagination-box .pagination-item-list ul {
  float:right;
  list-style: none;
  padding:0;
  margin:0;
  overflow: hidden;
}

.pagination-box .pagination-item-list ul li {
  float:left;
}

.pagination-box .pagination-item-list ul li a,
.pagination-box .pagination-item-list ul li span {
  text-align: center;
  margin-left:5px;
  color: #666;  
  border: 1px solid #606060;
  padding:3px 5px;
  background: #efefef;
  text-decoration: none;
  display: block;
}

.pagination-box .pagination-item-list ul li a:hover {
  text-decoration: underline;
  background: #FCFCFC;
}

.pagination-box .pagination-item-list .current {
  background: #666;
  color: #FFF;
  border:1px solid #4d4d4d;
  cursor: default;
}

.pagination-box .pagination-item-list .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  cursor: default;
  color:#606060;
}

.popup {
  position: relative;
}

.popup .popup-header {
  background-color:#fff;
  padding:20px;
  overflow:hidden;
  border-bottom:1px solid #EAEDF3;
}

.popup .popup-header .popup-header-left {
  float:left;
}

.popup .popup-header .popup-header-left .popup-header-left-text {
  font-size:1.3em;
  color:#353536;
}

.popup .popup-header .popup-header-right {
  float:right;
}

.popup .popup-header .popup-header-right a {
  color:#ABADB4;
  text-decoration: none;
}

.popup .popup-header .popup-header-right a:hover {
  color:#66676C;
}

.popup .popup-body {
  overflow-y: auto;
  max-height:400px;
  padding:20px;
}

.popup .popup-body .msg {
  margin-bottom:30px;
}

.popup .popup-footer {
  background-color: #fff;
  padding:20px;
  border-top:1px solid #EAEDF3;
  overflow: hidden;
}

.popup .popup-footer .popup-footer-right {
  margin-top:10px;
}

.popup .popup-footer a.right-link {
  color:#6D6D6D;
  font-size:12px;
  text-decoration: none;
}

.popup .popup-footer a.right-link:hover {
  color:#000;
}

.social-login {

}

.social-login .social-buttons {
  margin-top:15px;
}

.social-login a.twitter-button {
  font-size:12px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  padding:10px 12px;
  background-color: #DEF9FE;
  border:1px solid #1CA3FE;
  color:#1CA3FE;
  margin-right:5px;
  width:120px;
  display:inline-block;
}

.social-login a.twitter-button:hover {
  color:#fff;
  background-color:#1CA3FE;
}

.social-login a.linkedin-button {
  font-size:12px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  padding:10px 12px;
  background-color: #D5E1FF;
  border:1px solid #0C57EC;
  color:#0C57EC;
  margin-right:5px;
  width:120px;
  display:inline-block;
}

.social-login a.linkedin-button:hover {
  color:#fff;
  background-color:#0C57EC;
}

.social-login a.facebook-button {
  font-size:12px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  padding:10px 12px;
  background-color: #E8E8FF;
  border:1px solid #324B92;
  color:#324B92;
  margin-right:5px;
  width:120px;
  display:inline-block;
}

.social-login a.facebook-button:hover {
  color:#fff;
  background-color:#324B92;
}

.social-login a.google-button {
  font-size:12px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  padding:10px 12px;
  background-color: #FFE6D8;
  border:1px solid #C5493A;
  color:#C5493A;
  margin-right:5px;
  width:120px;
  display:inline-block;
}

.social-login a.google-button:hover {
  color:#fff;
  background-color:#C5493A;
}

.tooltip {

}

.tooltip-content {
  color:#fff;
  font-family: "Lato";
  font-weight:700;
}

a.tooltip-link {
  display:block;
  text-decoration: none;
  color:#363636;
  font-weight:700;
  font-family: "Lato";
  font-size:0.95em;
}

a.tooltip-link:hover {
  color:#000;
  text-decoration: none;
}

a.tooltip-link-white {
  display:block;
  text-decoration: none;
  color:#E8ECEC;
  font-weight:bold;
  font-family: "Lato";
  font-size:0.95em;
}

a.tooltip-link-white:hover {
  color:#fff;
  text-decoration: none;
}

.bookmarklet-page {

}

.bookmarklet-page a.bookmarklet-button {
  color:#fff;
  border:1px solid #EF5929;
  background-color:#EF5929;
  text-decoration: none;
  padding:10px 50px;
  border-radius:3px;
}

.bookmarklet-page a.bookmarklet-button:hover {
  background-color:#DB5127;
}

.bookmarklet-page a.bookmarklet-button img {
	width:20px;
	margin-right:5px;
}

.content-page .content-title {
  display : -webkit-box;
  display : -moz-box;
  display : -ms-flexbox;
  display : -webkit-flex;

  -webkit-flex-direction  : row;
  -webkit-flex-wrap       : nowrap;
  -webkit-justify-content : flex-start;
  -webkit-align-items     : flex-start;

  display         : flex; 
  flex-direction  : row;
  flex-wrap       : nowrap;
  justify-content : flex-start;
  align-items     : flex-start;
}

.content-page .content-title .vote-box {
  flex-grow:0;
  flex-shrink:0;
  flex-basis:40px;
}

.content-page .content-title .vote-box a {
  display: block;
  font-size:16px;
  color:#A8AAAA;
}

.content-page .content-title .vote-box a:hover {
  color:#FF3A00;
}

.content-page .content-title .vote-box a.voted {
  color:#FF3A00;
}

.content-page .content-title .content-title-box {
  -webkit-flex-grow :1;
  flex-grow         :1;
}

.content-page .content-title .content-title-box a.title-link {
  display:block;
  font-size:20px;
  text-decoration:none;
  color:#000;
  font-weight: 700;
  padding-top:3px;
}

.content-page .content-title .content-title-box .content-meta-box {
  margin-top:15px;
  overflow:hidden;
}

.content-page .content-title .content-title-box .content-meta-box .content-meta-item {
  margin-right: 20px;
  float:left;
}

.content-page .content-title .content-title-box .content-meta-box .content-meta-item a.category {
  text-decoration: none;
  color:#FF4500;
  font-weight:600;
}

.content-page .content-title .content-title-box .content-meta-box .content-meta-item a.category:hover {
  text-decoration: underline;
}

.content-page .content-title .content-title-box .content-meta-box .content-meta-item a.tag {
  margin: 0 5px 5px 0;
  display:inline-block;
  background-color: #fff;
  border:1px solid #EB5A33;
  font-weight:700;
  color:#EB5A33;
  text-decoration: none;
  font-size:11px;
  padding:1px 3px;
  border-radius: 2px;
}

.content-page .content-title .content-title-box .content-meta-box .content-meta-item a.tag:hover {
  background-color:#EB5A33;
  color:#fff;
}

.content-page .content-title .content-title-box .content-action-box {
  margin-top:10px;
  overflow:hidden;
}

.content-page .content-title .content-title-box .content-action-box .content-action-item {
  margin-right: 15px;
  float:left;
}

.content-page .content-title .content-title-box .content-action-box .content-action-item a.like-link {
  text-decoration: none;
  color:#A9A9A9;
  text-transform: uppercase;
  font-weight:bold;
}

.content-page .content-title .content-title-box .content-action-box .content-action-item a.like-link:hover {
  color:#FF005E;
}

.content-page .content-title .content-title-box .content-action-box .content-action-item a.liked-link {
  text-decoration: none;
  color:#FF005E;
  text-transform: uppercase;
  font-weight:bold;
}

.content-page .content-title .content-title-box .content-action-box .content-action-item a.liked-link:hover {
  color:#A9A9A9;
}

.content-page .content-title .content-title-box .content-action-box .content-action-item .tweet-box {
  display: inline-block;
  margin-left:20px;
}

.content-page .content-title .content-title-box .content-action-box .content-action-item a.view-article-link {
  text-decoration: none;
  background-color: #2BC07C;
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-transform: uppercase;
  display: inline-block;
  padding:4px 6px 2px 6px;
  border-radius: 3px;
}

.content-page .content-title .content-title-box .content-action-box .content-action-item a.view-article-link:hover {
  background-color: #1D714B;
}

.content-page .share-box {
  margin:20px 0 40px 35px;
}

.content-page .share-box ul.share-buttons{
  list-style: none;
  padding: 0;
  margin:0 auto;
  overflow:hidden;
}

.content-page .share-box ul.share-buttons li {
  float:left;
  margin-right:10px;
}

.content-page .share-box ul.share-buttons li a {
  text-decoration: none;
}

.content-page .share-box ul.share-buttons li a img {
  width:35px;
  height:35px;
}

.content-page .share-box ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.content-page .content-body {
  padding-left:40px
}

.content-page .content-body .video {
  padding:20px 0;
}

.content-page .content-body .video iframe {
  width: 500px;
  height: 320px;
}

.content-page .content-body .description {
  font-size:16px;
  line-height:36px;
  max-width:800px;
}

.content-page .content-body .description a {
  color:#0A5CF4;
  text-decoration:none;
}

.content-page .content-body .description p {
  margin-top:20px;
}

.content-page .content-body .description p:first-child {
  margin-top:0px;
  margin-bottom:0px;
}

.content-page .content-body .description pre {
  margin-top:20px;
  padding:10px;
  background-color: #F6F6F6;
}

.content-page .content-body .description img {
  display: block;
  margin-bottom:30px;
}

.content-page .content-body .description .feedflare {
  display: none;
  visibility: hidden;
}

.content-page .related-content-box {
  margin-top:50px;
  padding:10px;
  background-color: #F0F0F8;
}

.content-page .related-content-box .related-content-box-header {
  font-size:13px;
  font-weight:700;
  color:#636368;
}

.content-page .related-content-box .related-content-list {
  margin-top:10px;
}

.content-page .related-content-box .related-content-list .related-content-item {
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  width:23%;
  background-color: #fff;
  padding:10px;
  margin-right:2%;
  vertical-align: top;
  height:80px;
  position: relative;
}

.content-page .related-content-box .related-content-list .related-content-item .thumbnail {
  float:left;
}

.content-page .related-content-box .related-content-list .related-content-item .thumbnail img {
  width:50px;
  max-height:50px;
}

.content-page .related-content-box .related-content-list a.related-content-item .title {
  font-size:12px;
  color:#000;
}

.content-page .related-content-box .related-content-list a.related-content-item .title.thumbnail-margin {
  margin-left:60px;
}

.content-page .related-content-box .related-content-list .related-content-item:last-child {
  margin-right:0;
}

.content-page .comment-box {
  margin-top:50px;
  max-width:800px;
}

.home-page {
  background-color:#F2F2F2;
}

@media screen and (max-width: 64em) {
  .main-box {
    padding:0;
  }
}

.home-page .no-data-box {
  text-align: center;
  padding:30px 0;
  font-size:14px;
  color:#6B6D6E;
}

.home-page .no-data-box img {
  width:150px;
  margin-left:10px;
}

.home-page .content-list {
  position: relative;
}

@media screen and (max-width: 64em) {
  .home-page .content-list .content-item-wrap {
    display:block;
    width:100%;
    margin-top:10px;
    background-color: #fff;
  }
}
@media screen and (min-width: 64em) {
  .home-page .content-list .content-item-wrap {
    display:inline-block;
    vertical-align: top;
    width:32%;
    margin-right:2%;
    margin-bottom:2%;
    background-color: #fff;
    cursor: pointer;
    border-radius:3px;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
  }
}



.home-page .content-list .content-item-wrap:nth-child(3n+3) {
  margin-right:0;
}

.home-page .content-list .content-item-wrap .thumbnail-gallery {
  // padding:10px;
  margin:10px 10px 0 10px;
  text-align: center;
  height:220px;
  background-color:#fff;
  
  display                 : -webkit-flex;
  -webkit-align-items     : center; /* Safari */
  -webkit-justify-content : space-around; /* Safari */
  
  display         : flex;
  align-items     : center;
  justify-content : space-around;
}

.home-page .content-list .content-item-wrap .thumbnail-gallery img {
  padding:10px;
  // border-radius: 5px;
  max-width:100%;
  max-height:220px;
  width:auto;
  height:auto;
}

.home-page .content-list .content-item-wrap .content-item {
  padding:10px 10px 10px 0;
  display : -webkit-box;
  display : -moz-box;
  display : -ms-flexbox;
  display : -webkit-flex;

  -webkit-flex-direction  : row;
  -webkit-flex-wrap       : nowrap;
  -webkit-justify-content : flex-start;
  -webkit-align-items     : flex-start;

  display         : flex; 
  flex-direction  : row;
  flex-wrap       : nowrap;
  justify-content : flex-start;
  align-items     : flex-start;
}

.home-page .content-list .content-item-wrap .content-item:first-child {

}

.home-page .content-list .content-item-wrap .content-item:last-child {

}

.home-page .content-list .content-item-wrap .thumbnail-big {
  padding:10px;
  text-align: center;
}

.home-page .content-list .content-item-wrap .thumbnail-big img {
  border-radius: 2px;
}

.home-page .content-list .content-item-wrap .content-item .vote-box {
  text-align:center;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:35px;
}

.home-page .content-list .content-item-wrap .content-item .vote-box a {
  display: block;
  height:15px;
  font-size:16px;
  color:#A8AAAA;
}

.home-page .content-list .content-item-wrap .content-item .vote-box a:hover {
  color:#FF3A00;
}

.home-page .content-list .content-item-wrap .content-item .vote-box a.voted {
  color:#FF3A00;
}

.home-page .content-list .content-item-wrap .content-item .thumbnail-small {
  display: none !important;
  visibility: hidden !important;
}

.home-page .content-list .content-item-wrap .content-item .thumbnail-small img {
  border-radius: 2px;
}

.home-page .content-list .content-item-wrap .content-item .content-body {
  -webkit-flex-grow : 1;
  flex-grow         :1;
}

.home-page .content-list .content-item-wrap .content-item .content-body .title {
  font-size:14px;
  font-weight:600;
  color:#6B6B6B;
}

.home-page .content-list .content-item-wrap .content-item .content-body .title a {
  color:#000;
  text-decoration: none;
}

.home-page .content-list .content-item-wrap .content-item .content-body .title a:hover {
  text-decoration: underline;
}

.home-page .content-list .content-item-wrap .content-item .content-body .description {
  visibility: hidden;
  display:none;
}

.home-page .content-list .content-item-wrap .content-item .content-body .description a {
  color:#4D514F;
  text-decoration: none;
  border-bottom:1px dotted #4D514F;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info {
  margin-top:10px;
  color:#6A6B6B;
  overflow:hidden;
  padding:2px 0;
  font-size:11px;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-left {
  float:left;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-left .content-timestamp {
  margin-right:10px;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-left a.category {
  text-decoration: none;
  color:#0A0A0A;
  font-weight:600;
  margin-right:10px;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-left a.category:hover {
  text-decoration: underline;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-left .tags {
  display:none !important;
  visibility: hidden !important;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-left .tags a.tag {
  // margin:0 3px 5px 0;
  // display:inline-block;
  // background-color: #fff;
  // border:1px solid #EB5A33;
  // color:#EB5A33;
  // text-decoration: none;
  // padding:0 3px;
  // border-radius: 1px;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-left .tags a.tag:hover {
  background-color:#EB5A33;
  color:#fff;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right {
  float:right;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right a.like-link {
  text-decoration: none;
  color:#A9A9A9;
  text-transform: uppercase;
  font-weight:bold;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right a.like-link:hover {
  color:#FF005E;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right a.liked-link {
  text-decoration: none;
  color:#FF005E;
  text-transform: uppercase;
  font-weight:bold;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right a.liked-link:hover {
  color:#A9A9A9;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right .share {
  margin-left:20px;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right .share a {
  color:#A9A9A9;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right .share a.facebook:hover {
  color:#3D5E96;
}

.home-page .content-list .content-item-wrap .content-item .content-body .info .info-right .share a.twitter:hover {
  color:#67AEEB;
}

.home-page .content-list .content-item-wrap .content-item .content-body .admin-links {
  margin-top:5px;
  padding-top:5px;
  border-top:1px solid #ECF5F5;
  font-size:11px;
}

.home-page .content-list .content-item-wrap .content-item .content-body .admin-links a {
  text-decoration: none;
  color:#64696A;
}

.home-page .content-list .content-item-wrap .content-item .content-body .admin-links a:hover {
  text-decoration: underline;
}

.submit-page .admin-box {
  margin-top:30px;
  background-color:#ECECEC;
  padding:10px;
}

.submit-page .admin-box .admin-box-header {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom:10px;
  color:#898A89;
}