.rect-outer {
  position: relative; }
  .rect-outer .rect-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.section5-intro .container {
  max-width: 800px;
  margin: auto; }

.section5-intro .photo-slider-wrap {
  position: relative; }

.section5-intro .slider-arrow {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
  font-size: 30px;
  z-index: 3;
  transition: .5s;
  cursor: pointer;
  padding: 5px;
  background: rgba(0, 0, 0, 0.5); }
  .section5-intro .slider-arrow:hover {
    background: rgba(0, 0, 0, 0.8); }
  .section5-intro .slider-arrow.slide-next {
    right: 20px; }
  .section5-intro .slider-arrow.slide-prev {
    left: 20px; }

.section5-intro .photo-slider {
  width: 100%;
  height: 350px;
  position: relative; }
  .section5-intro .photo-slider .caption5 {
  font-family: 'RobotoLight', sans-serif;
  line-height: 26px;
    font-size: 23px;
    color: white;
    transition: .5s;
    font-weight: 470; }
  .section5-intro .photo-slider > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 20px; }
    .section5-intro .photo-slider > div.active {
      z-index: 3;
      opacity: 1; }
    .section5-intro .photo-slider > div.prev .caption5 {
      opacity: 0;
      -ms-transform: translateY(10px);
      transform: translateY(10px); }
    .section5-intro .photo-slider > div.next {
      z-index: 2;
      opacity: 1; }
      .section5-intro .photo-slider > div.next .caption5 {
        opacity: 0;
        -ms-transform: translateY(10px);
        transform: translateY(10px); }

.section5-intro .photo-slider-thumb {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .section5-intro .photo-slider-thumb .caption5 {
    color: white;
    transition: .5s; }
  .section5-intro .photo-slider-thumb > div {
    width: 25%;
    height: 150px;
    position: relative;
    z-index: 2;
    cursor: pointer; }
    @media (max-width: 700px) {
      .section5-intro .photo-slider-thumb > div {
        width: 50%; } }
    .section5-intro .photo-slider-thumb > div:hover > div:before {
      opacity: 1; }
    .section5-intro .photo-slider-thumb > div > div {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding: 10px; }
      .section5-intro .photo-slider-thumb > div > div.prev .caption5 {
        opacity: 0;
        -ms-transform: translateY(10px);
        transform: translateY(10px); }
      .section5-intro .photo-slider-thumb > div > div.next {
        z-index: 2;
        opacity: 1; }
        .section5-intro .photo-slider-thumb > div > div.next .caption5 {
          opacity: 0;
          -ms-transform: translateY(10px);
          transform: translateY(10px); }
      .section5-intro .photo-slider-thumb > div > div:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7);
        opacity: 0;
        transition: .5s; }
      .section5-intro .photo-slider-thumb > div > div.next {
        z-index: 1; }
table {
  border-collapse: collapse;
  border-spacing: 0; }
.back2-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.container7 {
  margin: auto; }


  @font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot');
  src: url('../fonts/fontello.eot') format('embedded-opentype'),
       url('../fonts/fontello.woff2') format('woff2'),
       url('../fonts/fontello.woff') format('woff'),
       url('../fonts/fontello.ttf') format('truetype'),
       url('../fonts/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family:"RobotoLight";
    src: url("../fonts/Roboto-Light-webfont.eot") /* EOT file for IE */
}
@font-face {
    font-family:"RobotoLight";
    src: url("../fonts/Roboto-Light.ttf") format('truetype') /* TTF file for CSS3 browsers */
}     
@font-face {
    font-family:"RobotoLight";
    src: url("../fonts/Roboto-Light-webfont.svg") format('svg')
}    
@font-face {
    font-family:"RobotoLight";
    src: url("../fonts/Roboto-Light-webfont.woff") format('woff') 
} 
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?61155353#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-left-open-big:before { content: '\e800'; } /* '' */
.icon-right-open-big:before { content: '\e801'; } /* '' */