.nobreak {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  display: table;
}
/* Reset styles
*******************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio[controls],
canvas,
video {
  display: inline-block;
}
html {
  overflow-y: scroll;
  /* 1 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
}
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
ul,
li,
ol,
a,
em,
img,
strong,
fieldset,
form,
label,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
}
:focus {
  outline: 0;
}
img {
  vertical-align: middle;
  outline: 0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
html,
body,
textarea,
input {
  -webkit-text-size-adjust: none;
}
body {
  text-align: left;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
}
/* Form Elements
*******************************/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  font-size: 13px;
  font-weight: 700;
  background: transparent;
  text-transform: uppercase;
  border: 0;
}
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=password],
textarea {
  border: 1px solid white;
  height: 16px;
  font-size: 12px;
  padding: 5px;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
textarea {
  resize: vertical;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.l {
  text-align: left;
}
.c {
  text-align: center;
}
.j {
  text-align: justify;
}
.r {
  text-align: right;
}
/* Clearfix
*******************************/
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.clear {
  clear: both;
}
/* Links
*******************************/
a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  -ms-transition: color 100ms linear;
  -o-transition: color 100ms linear;
  transition: color 100ms linear;
}
/* Headers
*******************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1em;
  text-transform: uppercase;
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
/* Text elements
*******************************/
p {
  margin: 0 0 1em 0;
  text-align: left;
  line-height: 1.5;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
img {
  border: 0;
}
.small {
  font-size: 10px;
}
hr {
  display: block;
  height: 0px;
  line-height: 0px;
  border: 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 16px 0;
  float: none;
  clear: both;
  padding: 0;
}
/* Wordpress Typo
*******************************/
.story,
.defaultwp,
.contentaboutbox {
  line-height: 1.5;
}
.story ul,
.defaultwp ul,
.contentaboutbox ul {
  list-style: square;
}
.story ul li,
.defaultwp ul li,
.contentaboutbox ul li {
  list-style: square;
}
.story ol,
.defaultwp ol,
.contentaboutbox ol {
  list-style: decimal;
}
.story ol li,
.defaultwp ol li,
.contentaboutbox ol li {
  list-style: decimal;
}
.story ul,
.defaultwp ul,
.contentaboutbox ul,
.story ol,
.defaultwp ol,
.contentaboutbox ol {
  margin: 0 0 1em 1.5em;
  line-height: 1.5;
}
.story ul ul,
.defaultwp ul ul,
.contentaboutbox ul ul,
.story ol ul,
.defaultwp ol ul,
.contentaboutbox ol ul,
.story ul ol,
.defaultwp ul ol,
.contentaboutbox ul ol,
.story ol ol,
.defaultwp ol ol,
.contentaboutbox ol ol {
  margin-bottom: 0;
}
.story ol ol,
.defaultwp ol ol,
.contentaboutbox ol ol {
  list-style: upper-alpha;
}
.story ol ol ol,
.defaultwp ol ol ol,
.contentaboutbox ol ol ol {
  list-style: lower-roman;
}
.story ol ol ol ol,
.defaultwp ol ol ol ol,
.contentaboutbox ol ol ol ol {
  list-style: lower-alpha;
}
.story h1,
.defaultwp h1,
.contentaboutbox h1,
.story h2,
.defaultwp h2,
.contentaboutbox h2,
.story h3,
.defaultwp h3,
.contentaboutbox h3,
.story h4,
.defaultwp h4,
.contentaboutbox h4,
.story h5,
.defaultwp h5,
.contentaboutbox h5,
.story h6,
.defaultwp h6,
.contentaboutbox h6 {
  text-transform: none;
  margin-bottom: .5em;
}
.story a:link,
.defaultwp a:link,
.contentaboutbox a:link,
.story a:visited,
.defaultwp a:visited,
.contentaboutbox a:visited,
.story a:hover,
.defaultwp a:hover,
.contentaboutbox a:hover,
.story a:active,
.defaultwp a:active,
.contentaboutbox a:active {
  text-decoration: none;
}
.story table,
.defaultwp table,
.contentaboutbox table {
  width: auto;
  border-collapse: collapse;
  margin-bottom: 18px;
}
.story table td,
.defaultwp table td,
.contentaboutbox table td,
.story table th,
.defaultwp table th,
.contentaboutbox table th {
  padding: 6px 10px;
  text-align: center;
  border: 1px solid #ccc;
}
.story table th,
.defaultwp table th,
.contentaboutbox table th {
  font-weight: bold;
}
.story pre,
.defaultwp pre,
.contentaboutbox pre,
.story code,
.defaultwp code,
.contentaboutbox code {
  background: #ffffff;
  padding: 20px;
  box-shadow: 1px 1px 2px #d0d0d0;
  color: #4a4a4a;
  display: block;
  margin: 10px 15px 10px 0px;
}
.story address,
.defaultwp address,
.contentaboutbox address {
  display: inline-block;
  padding: 20px;
  background: #eaeaea;
  line-height: 20px;
  margin-bottom: 15px;
}
.story blockquote,
.defaultwp blockquote,
.contentaboutbox blockquote {
  font-style: italic;
  margin: 1em 3em;
}
.story blockquote p:before,
.defaultwp blockquote p:before,
.contentaboutbox blockquote p:before {
  content: '"';
}
.story blockquote p:after,
.defaultwp blockquote p:after,
.contentaboutbox blockquote p:after {
  content: '"';
}
.story .wp-caption,
.defaultwp .wp-caption,
.contentaboutbox .wp-caption {
  box-shadow: 1px 1px 2px #bebebe;
  max-width: 100%;
  width: auto;
}
.story .wp-caption p.wp-caption-text,
.defaultwp .wp-caption p.wp-caption-text,
.contentaboutbox .wp-caption p.wp-caption-text {
  background: #ffffff;
  text-align: center;
  color: #a1a1a1!important;
  margin: 0!important;
}
.story dl,
.defaultwp dl,
.contentaboutbox dl {
  background: #ffffff;
  padding: 20px;
  box-shadow: 1px 1px 2px #d0d0d0;
  color: #4a4a4a;
  display: block;
  margin: 10px 20px 10px 0px;
}
.story dl dt,
.defaultwp dl dt,
.contentaboutbox dl dt {
  width: 150px;
  float: left;
  font-size: 13px;
  line-height: 13px;
  color: #000000;
  text-transform: uppercase;
}
.story dl dd,
.defaultwp dl dd,
.contentaboutbox dl dd {
  margin-left: 160px;
  margin-bottom: 10px;
  line-height: 18px;
}
.story img.size-auto,
.defaultwp img.size-auto,
.contentaboutbox img.size-auto,
.story img.size-full,
.defaultwp img.size-full,
.contentaboutbox img.size-full,
.story img.size-large,
.defaultwp img.size-large,
.contentaboutbox img.size-large,
.story img.size-medium,
.defaultwp img.size-medium,
.contentaboutbox img.size-medium,
.story .attachment img,
.defaultwp .attachment img,
.contentaboutbox .attachment img {
  max-width: 100%;
  /* When images are too wide for containing element, force them to fit. */
  height: auto;
  /* Override height to match resized width for correct aspect ratio. */
}
.story .alignleft,
.defaultwp .alignleft,
.contentaboutbox .alignleft,
.story img.alignleft,
.defaultwp img.alignleft,
.contentaboutbox img.alignleft {
  display: inline;
  float: left;
  margin-right: 1em;
}
.story .alignright,
.defaultwp .alignright,
.contentaboutbox .alignright,
.story img.alignright,
.defaultwp img.alignright,
.contentaboutbox img.alignright {
  display: inline;
  float: right;
  margin-left: 1em;
}
.story .aligncenter,
.defaultwp .aligncenter,
.contentaboutbox .aligncenter,
.story img.aligncenter,
.defaultwp img.aligncenter,
.contentaboutbox img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.story img.alignleft,
.defaultwp img.alignleft,
.contentaboutbox img.alignleft,
.story img.alignright,
.defaultwp img.alignright,
.contentaboutbox img.alignright,
.story img.aligncenter,
.defaultwp img.aligncenter,
.contentaboutbox img.aligncenter {
  margin-bottom: 1em;
}
.story .wp-caption,
.defaultwp .wp-caption,
.contentaboutbox .wp-caption {
  line-height: 1.5;
  margin-bottom: 1em;
  text-align: center;
}
.story .wp-caption p.wp-caption-text,
.defaultwp .wp-caption p.wp-caption-text,
.contentaboutbox .wp-caption p.wp-caption-text {
  color: #888;
  font-size: 11px;
  margin: 0;
  padding: 5px;
}
.story .wp-smiley,
.defaultwp .wp-smiley,
.contentaboutbox .wp-smiley {
  margin: 0;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  position: relative;
}
.flexslider ul,
.flexslider ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider ul li,
.flexslider ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider .slides > li {
  position: relative;
  display: none;
  -webkit-backface-visibility: hidden;
  text-align: center;
}
.flexslider .slides img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
  width: auto;
}
.flexslider .descr {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: rgba(100, 100, 100, 0.5);
  color: #fff;
  text-align: left;
}
.flexslider .descr h3 {
  text-align: left;
}
.flexslider .descr .text p:last-child {
  margin-bottom: 0;
}
.flex-container {
  position: relative;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
/* Body
*******************************/
body #content-main {
  overflow: hidden;
}
body .topline {
  height: 5px;
  background-color: #ffffff;
}
body #pageloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #f9f9f9 url(http://trotterhop.com/wp-content/themes/socha/css/images/load.gif) 50% 50% no-repeat;
  z-index: 9999;
}
/* Styles
*******************************/
h1 {
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
h2 {
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
h3 {
  line-height: 14px;
  text-transform: uppercase;
  margin-bottom: 13px;
}
h4 {
  line-height: 13px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
h5 {
  line-height: 12px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
h6 {
  line-height: 11px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
blockquote {
  padding: 10px 10px 10px 85px;
  font-style: italic!important;
  background: #f8f6f6 url(http://trotterhop.com/wp-content/themes/socha/css/images/quotes.png) top left no-repeat;
  box-shadow: 1px 1px 2px #d0d0d0;
  margin-top: 15px!important;
  min-height: 50px;
  margin-bottom: 25px!important;
}
blockquote p {
  margin-bottom: 0!important;
  font-style: italic!important;
}
input[type="text"],
input[type="email"],
input[type="url"] {
  padding: 0;
  margin: 0;
  height: 25px;
  padding: 0px 10px 0px 10px;
  color: #5e5e5e;
  font-size: 9px;
  line-height: 9px;
  text-transform: uppercase;
  vertical-align: middle;
}
input[type="submit"],
input[type="button"] {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 7px 10px 7px 10px;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.homecustomcontent {
  margin-left: 20px;
  background: #ffffff;
  padding: 20px;
}
/* Testimonials
*******************************/
.testimonialblog .itemblog {
  width: 33%!important;
  margin: 0!important;
  max-width: 337px!important;
  background: none!important;
  border: none!important;
  box-shadow: none!important;
}
.testimonialblog .itemblog:hover {
  box-shadow: none!important;
}
.testimonialblog .itemblog .notumbtestimonial {
  margin-bottom: 2%;
  width: 98%;
  height: 98%;
  max-width: 330px;
  float: left;
  overflow: hidden;
  position: relative;
}
.testimonialblog .itemblog .notumbtestimonial img {
  width: 100%;
  height: auto;
  max-width: 330px;
  max-height: 212px;
}
.testimonialblog .itemblog .notumbtestimonial figcaption {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
.testimonialblog .itemblog .notumbtestimonial figcaption h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  line-height: 18px;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  margin: 20px 0 0 0;
}
.testimonialblog .itemblog .notumbtestimonial figcaption .textup {
  line-height: 19px;
  font-style: italic;
  color: #ffffff;
  padding: 10px 20px 20px;
  text-align: center;
}
.testimonialblog .itemblog .notumbtestimonial figcaption .textup p {
  text-align: center;
  margin-top: 10px;
  line-height: 19px;
}
.testimonialblog .itemblog .view {
  min-width: 200px;
  margin-bottom: 2%;
  width: 98%;
  height: 98%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.testimonialblog .itemblog .view .mask,
.testimonialblog .itemblog .view .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.testimonialblog .itemblog .view img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.testimonialblog .itemblog .view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  line-height: 18px;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  margin: 20px 0 0 0;
}
.testimonialblog .itemblog .view .textup {
  font-family: Georgia, serif;
  line-height: 19px;
  font-style: italic;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}
.testimonialblog .itemblog .view .textup p {
  text-align: center;
  margin-top: 10px;
  line-height: 19px;
}
.testimonialblog .itemblog .view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1px;
}
.testimonialblog .itemblog .view-first img {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.testimonialblog .itemblog .view-first .mask {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.testimonialblog .itemblog .view-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.testimonialblog .itemblog .view-first .textup {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.testimonialblog .itemblog .view-first:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.testimonialblog .itemblog .view-first a.info {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.testimonialblog .itemblog .view-first:hover .mask {
  opacity: 1;
}
.testimonialblog .itemblog .view-first:hover h2,
.testimonialblog .itemblog .view-first:hover .textup,
.testimonialblog .itemblog .view-first:hover a.info {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.testimonialblog .itemblog .view-first:hover .textup {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.testimonialblog .itemblog .view-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.testimonialblog .itemblog .view-first a.info:hover {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
/* Footer
*******************************/
footer#footer-main {
  margin: 0 auto;
  margin-top: 40px;
  width: 95%;
  margin-bottom: 25px;
  max-width: 1280px;
  padding-top: 20px;
  font-size: 10px;
  line-height: 10px;
  background: url(http://trotterhop.com/wp-content/themes/socha/css/images/line.jpg) top repeat-x;
}
footer#footer-main a {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000000;
}
footer#footer-main a:hover {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
footer#footer-main p.copy {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0px;
  display: inline-block;
  float: left;
}
footer#footer-main .topbutton {
  display: inline-block;
  float: right;
  margin-bottom: 0px;
}
/* Homepage
*******************************/
.recentgalleriesbox {
  margin-top: 40px;
}
.recentgalleriesbox .galleriestitle {
  width: 100%;
  height: auto;
  background: url(http://trotterhop.com/wp-content/themes/socha/css/images/recgal.png) 50% 50% no-repeat;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
section#homepage .flexslider {
  max-width: 790px;
  width: 100%;
  padding-top: 20px;
  position: relative;
  margin: 0 auto;
}
section#homepage .flexslider .rightbox {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  height: 100%;
  margin-right: -242px;
}
section#homepage .flexslider .rightbox .rightothermenu {
  margin-top: 20px;
  width: 224px;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside:first-child {
  margin-top: 0px;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside:last-child {
  margin-top: 21px;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside {
  margin-top: 20px;
  width: 225px;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure {
  width: 100%;
  height: 100%;
  position: relative;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption a {
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.6);
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption a:hover {
  background: rgba(255, 255, 255, 0.6) url(http://trotterhop.com/wp-content/themes/socha/css/images/plus.png) 50% 50% no-repeat;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside figure figcaption:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight {
  height: 71px;
  width: 225px;
  display: block;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxtitle {
  width: 100%;
  text-align: center;
  font-size: 33px;
  line-height: 33px;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 9px;
  margin-bottom: 7px;
  background: url(http://trotterhop.com/wp-content/themes/socha/css/images/right_divider.png) center bottom no-repeat;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxtitle a {
  color: #ffffff;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxtitle a:hover {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
section#homepage .flexslider .rightbox .rightothermenu .boxinrightside .inforight .rightboxdesc {
  width: 100%;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  color: #161616;
  letter-spacing: 1px;
  text-transform: uppercase;
}
section#homepage .flexslider .leftbox {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  height: 100%;
  margin-left: -248px;
}
section#homepage .flexslider .leftbox .leftmenubox {
  width: 230px;
  background: #ffffff;
  height: 100%;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader {
  position: relative;
  padding-top: 45px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.customlogo {
  width: 100%;
  height: auto;
  text-align: center;
  max-height: 130px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.customlogo img {
  max-width: 172px;
  max-height: 130px;
  width: auto;
  height: auto;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.customlogo img:hover {
  margin-bottom: 5px;
  margin-top: -5px;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.image {
  width: 172px;
  margin: 0 auto;
  display: block;
  height: 115px;
  text-indent: -9999px;
  text-align: center;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.image a {
  width: 100%;
  height: 100%;
  display: block;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader h1.image:hover {
  margin-bottom: 5px;
  margin-top: -5px;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social {
  width: 172px;
  margin: 0 auto;
  margin-top: 30px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social .followtitle {
  text-transform: uppercase;
  color: #000000;
  font-size: 9px;
  line-height: 9px;
  margin-bottom: 7px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a {
  width: 29px;
  height: 29px;
  display: block;
  text-indent: -9999px;
  margin-right: 4px;
  float: left;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social .socialslider {
  padding-top: 2px;
  height: 40px;
  width: 161px;
  overflow-y: hidden;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social .socialslider .socialicons {
  width: 227px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.jspArrow {
  width: 8px;
  height: 5px;
  background: #848484;
  margin: 0;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.pinticon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.pinticon:hover {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-top: -2px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.youtubeicon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.youtubeicon:hover {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-top: -2px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.fbicon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.fbicon:hover {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-top: -2px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.twiicon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.twiicon:hover {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-top: -2px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.gogicon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.gogicon:hover {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-top: -2px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.vimicon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.vimicon:hover {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-top: -2px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.flickricon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.flickricon:hover {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-top: -2px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.driicon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.driicon:hover {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-top: -2px;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.instaicon {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
section#homepage .flexslider .leftbox .leftmenubox header#leftheader .social a.