@charset "UTF-8";
h1 {
  font-size: 2.5em !important; }

h2 {
  margin-top: 5px;
  margin-bottom: 5px; }

h4 {
  margin-bottom: .25em; }

.header-top {
  padding-top: 0 !important; }

hr {
  /*width: 88.25%;*/
  width: 100%;
  background: #e1e1e1; }

a:hover {
  color: #d24726; }

.template img:not(.icon-right) {
  vertical-align: top;
  border: 1px solid silver; }

.template img.hover:hover {
  border-color: #d24726; }

.template a {
  margin: 0; }

.medium-template a {
  margin-top: 10px; }

a:hover {
  text-decoration: underline; }

.template .help-block {
  margin-top: 0; }

.template-summary {
  display: inline-block;
  width: 100%; }

.template-summary img {
  /*max-width: 250px;*/
  margin-bottom: 20px; }

.template-summary img:hover {
  border-color: #d24726;
  cursor: pointer; }

/* Breadcrumb */
.breadcrumb {
  /*background-color: #dedede;*/
  background-color: #666;
  border-radius: 0; }

.breadcrumb a:hover {
  color: whitesmoke; }

.breadcrumb > li + li:before {
  content: "〉 ";
  font-weight: bold;
  /*color: #aaa;*/
  color: #ccc; }

/* zoom effect */
/* these styles are not required for the plugin */
.zoom {
  position: relative;
  display: block; }

/* magnifying glass icon */
.zoom:after {
  content: '';
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0; }

.zoom img {
  display: block; }

.zoom img::-moz-selection {
  background-color: transparent; }

.zoom img::selection {
  background-color: transparent; }

#ex2 img:hover {
  cursor: url(../cur/grab.cur), default; }

#ex2 img:active {
  cursor: url(../cur/grabbed.cur), default; }

.thumb {
  border: 0 solid silver;
  overflow: hidden; }

.thumb:hover {
  border: 1px solid silver; }

.thumb.small {
  width: 373px;
  height: 281px; }

.thumb.small.wide {
  width: 350px;
  height: 200px; }

.mfp-hide {
  display: block !important; }

.maps .title {
  display: none; }

.small-negative-margin-top {
  margin-top: -16px; }

#template-wrapper {
  display: table;
  /*width: 900px;*/ }

#template-wrapper .template-container {
  vertical-align: top;
  float: none;
  display: inline-block;
  padding: 10px; }

#template-wrapper .template-container.big {
  width: 66%; }

#template-wrapper .template-container.small {
  width: 33%; }

.template-image {
  /*max-width: 553px;*/ }

p.margin-bottom-small.margin-top-small.small-p::before {
  background: #fff;
  background: url("../png/gradient.png");
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, #fff));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 90%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff 90%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%);
  bottom: -10px;
  content: ' ';
  display: block;
  height: 100px;
  position: absolute;
  width: 100%; }

.btn-group > .btn.btn-default {
  border: 1px solid #cccccc !important;
  background: url("../jpg/buttons-gradient.jpg") repeat-x;
  font-family: 'Segoe UI', 'Open Sans', sans-serif !important;
  font-weight: 100;
  color: #585858; }

.btn-group > a.btn.btn-default.download-template:hover {
  background: url("../jpg/buttons-gradient-hover.jpg") repeat-x; }

.template a.play-video {
  vertical-align: middle;
  line-height: 32px; }

.template div#tmplRightContent {
  float: right;
  min-height: 680px; }

.template div.description.collapsed {
  height: 345px !important;
  overflow: hidden; }

.template a.toggle-description-size {
  width: 100%;
  text-align: center;
  line-height: 44px;
  display: block;
  color: #CCC;
  font-size: 16px;
  font-weight: 100;
  text-decoration: none; }

.template a.toggle-description-size span.state-uncollapsed {
  display: none; }

hr.ui-delimiter {
  width: 97.5%;
  display: inline-block;
  margin-left: 1.25%; }

div#ppt-ribbon > div.description {
  line-height: 177px; }

div#ppt-ribbon > div.description > h2 {
  padding-right: 30px;
  vertical-align: middle;
  display: inline-block; }

.download-template {
  padding: 10px 25px; }
  .download-template img {
    height: 24px; }

h4 {
  font-weight: normal; }

.container .row {
  margin: 0 auto;
  margin-top: 30px; }

.header-bottom {
  color: black;
  z-index: 3;
  margin-bottom: 0;
  padding-bottom: 0; }
  .header-bottom .image {
    margin-bottom: -220px; }

.video.small {
  margin: 0 auto; }
  .video.small a {
    height: auto;
    background-image: none;
    height: 140px; }
  .video.small .video-wrapper {
    padding: 0 5px 2px 0; }

.video-wrapper-small {
  display: block;
  text-align: center;
  margin: 0 auto;
  border-radius: 0px; }
  .video-wrapper-small .video-image {
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 1; }
  .video-wrapper-small .video-play {
    position: relative;
    top: 30%; }

.icon-playback {
  background: url("../png/play-icons.png") top left no-repeat;
  display: block;
  width: 70px;
  height: 52px;
  background-position: 0 -53px;
  margin: -120px auto;
  position: relative;
  top: 34px; }
  .icon-playback:hover {
    background-position: 0 0; }

.subtitle-center {
  width: 80%;
  text-align: center;
  margin: 0 auto;
  margin: 10px auto; }

.description-margins {
  margin-left: 17px;
  margin-right: 17px;
  margin-top: -5px;
  padding-bottom: 15px; }

/* VIDEO THUMBNAILS */
.video-image {
  background-repeat: no-repeat;
  -ms-background-size: 100%;
  -o-background-size: 100%;
     background-size: 100%; }

.video-small-image {
  z-index: -1;
  height: 125px; }

.video-title {
  font-size: 16px;
  height: 50px;
  display: table;
  padding-top: 15px;
  color: #666;
  font-weight: 600;
  font-family: 'Open sans', sans-serif; }

.video-title-align {
  display: table-cell;
  vertical-align: bottom; }

.small-video {
  width: 65%;
  margin: 0 auto; }
  .small-video:hover {
    background-color: #eaeaea;
    border-radius: 5px; }

.video-container {
  display: inline-block;
  width: 350px; }

.video-player {
  -webkit-box-shadow: 0 0 20px 1px #666;
          box-shadow: 0 0 20px 1px #666; }
  .video-player.video-page-frame {
    -webkit-box-shadow: none;
            box-shadow: none; }

body {
  /*----------------------*/
  /*------------------------*/ }
  body div.bigstars div.rateit-range {
    background: url(../png/star-white32-flat.png);
    height: 32px; }
  body div.bigstars div.rateit-hover {
    background: url(../png/star-gold32-flat.png);
    display: none; }
  body div.bigstars div.rateit-selected {
    background: url(../png/star-gold32-flat.png); }
  body div.bigstars div.rateit-reset {
    background: url(../png/star-black32.png);
    width: 32px;
    height: 32px; }
  body div.bigstars div.rateit-reset:hover {
    background: url(../png/star-white32-flat.png); }
  body div.mediumstars div.rateit-range {
    background: url(../png/star_empty_1px.png);
    height: 19px; }
  body div.mediumstars div.rateit-hover {
    background: url(../png/star_fill_1px.png);
    display: none; }
  body div.mediumstars div.rateit-selected {
    background: url(../png/star_fill_1px.png); }
  body div.mediumstars div.rateit-reset:hover {
    background: url(../png/star_empty_1px.png); }
  body div.rateit.mediumstars {
    margin-top: 3px; }
  body .rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    margin-top: -5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none; }
  body .rateit .rateit-range {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(../png/star.png);
    height: 16px;
    outline: none; }
  body .rateit .rateit-hover, body .rateit .rateit-selected {
    position: absolute;
    left: 0px; }
  body .rateit .rateit-selected {
    background: url(../png/star.png) left -32px; }
  body .rateit .rateit-hover {
    background: url(../png/star.png) left -32px; }

/*# sourceMappingURL=video-details.min.css.map */
