/**Site Boxes Dimensions*/
/**Site Colors*/
/**Site Fonts*/
/** Media queries*/
/**@first-color:   #ECECEA;
@second-color:   #74AFAD;
@third-color:   #558C89;
@fourth-color:   #D9853B;*/
html {
  position: relative;
  min-height: 100%;
}
body {
  margin: 0px;
  font-family: "proxima-nova-n4", "proxima-nova", "Century Gothic", Helvetica, Arial, Sans-Serif;
  background-color: #f5f5f5;
}
body .hidden {
  display: none !important;
  visibility: hidden !important;
}
body .visible {
  display: block !important;
  visibility: visible !important;
}
.overlay.occult {
  display: none;
  visibility: hidden;
}
#overlay-close {
  cursor: default;
}
@-webkit-keyframes backgroundColor {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@keyframes backgroundColor {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@-webkit-keyframes backgroundHeight {
  from {
    height: 0px;
  }
  to {
    height: 255px;
  }
}
@keyframes backgroundHeight {
  from {
    height: 0px;
  }
  to {
    height: 255px;
  }
}
@-webkit-keyframes backgroundIconHeight {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: 95px;
  }
}
@keyframes backgroundIconHeight {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: 95px;
  }
}
@-webkit-keyframes backgroundCurtainHeight {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: 100px;
  }
}
@keyframes backgroundCurtainHeight {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: 100px;
  }
}
.overlay {
  display: block;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-animation: backgroundColor 1s ease;
  animation: backgroundColor 1s ease;
}
.body-container {
  margin-bottom: 50px;
  margin-top: 120px;
}
.header-background-area {
  width: 100%;
  background-color: #c3d7df;
  position: fixed;
  top: 0px;
  z-index: 1000;
}
.footer-background-area {
  width: 100%;
  background-color: #6991ac;
  position: fixed;
  bottom: 0;
}
.content-area {
  width: 960px;
  margin: 0 auto;
}
.content-area h1 {
  font-size: 32px;
}
.content-area h2 {
  font-size: 24px;
}
.content-area h3 {
  font-size: 20px;
}
.content-area h4 {
  font-size: 16px;
}
.content-area p {
  font-size: 14px;
}
#header-content {
  height: 120px;
  margin-top: -10px;
  background-color: #c3d7df;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1em;
  text-align: right;
  text-transform: uppercase;
}
#header-content .header-logo-container {
  margin-left: 0px;
  padding-top: 0px !important;
}
#header-content .header-logo-container a {
  padding-left: 0px !important;
}
#header-content .header-logo-container span {
  display: none !important;
  visibility: hidden !important;
}
#header-content .menu {
  margin-left: -40px;
}
#header-content .menu li {
  list-style: none;
  float: left;
  padding-top: 50px;
}
#header-content .menu li a {
  padding-left: 15px;
  color: #6991ac;
}
#header-content .menu li a :active,
#header-content .menu li :hover {
  text-decoration: none;
  color: #67727a;
}
#header-content .menu li.active a {
  color: #67727a;
}
#footer-content {
  height: 30px;
  background-color: #6991ac;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}
#footer-content .legals {
  padding-top: 10px;
}
#footer-content .legals li {
  list-style: none;
  display: inline;
  padding-right: 75px;
}
#news-content {
  display: table;
  margin-top: 30px;
}
#news-content .news {
  display: table-row;
  width: 100%;
}
#news-content .news .news-post {
  display: table-cell;
  width: news-box-width;
  height: news-box-height;
  padding-right: 8px;
}
#news-content .news .news-post a img {
  border: 3px solid #000000;
}
#news-content .news .news-post a div {
  position: absolute;
}
#news-content .news .news-post a .info {
  margin-left: 5px;
  margin-top: 150px;
  width: 310px;
  height: 150px;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  color: #6991ac;
  -webkit-transition-property: height, opacity, margin-top;
  -moz-transition-property: height, opacity, margin-top;
  -o-transition-property: height, opacity, margin-top;
  transition-property: height, opacity, margin-top;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
#news-content .news .news-post a .info h1 {
  text-shadow: 1px 1px 2px black, 0 0 1em #c3d7df, 0 0 0.2em #c3d7df;
}
#news-content .news .news-post a:hover .info {
  margin-top: 15px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  color: #67727a;
  height: 310px;
}
#news-content .news .news-post a:hover .full-info {
  visibility: visible !important;
  display: block !important;
  border: 3px solid #ffffff;
  border-left: 0;
  border-right: 0;
  margin-left: -2px;
  margin-right: 2px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition-property: border, opacity, margin-top;
  -moz-transition-property: border, opacity, margin-top;
  -o-transition-property: border, opacity, margin-top;
  transition-property: border, opacity, margin-top;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
#news-content .news .news-post a:hover .full-info p {
  font-size: 14px;
  color: #f5f5f5;
  padding-left: 15px;
}
#news-content .news .news-post a:hover .full-info p span {
  padding-left: 200px;
}
#news-content .news .news-post a:hover .full-info p span:hover {
  color: #428bca;
}
#contact-content {
  padding-top: 25px;
}
#contact-content .phone-icon {
  content: url("img/phone-icon.png");
  padding-right: 18px;
}
#contact-content .phone-icon:after {
  content: url("img/phone-icon.png");
}
#contact-content .mail-icon {
  content: url("img/mail-icon.png");
  padding-right: 10px;
}
#contact-content .mail-icon:after {
  content: url("img/mail-icon.png");
}
#contact-content .address-icon {
  content: url("img/address-icon.png");
  padding-right: 16px;
}
#contact-content .address-icon:after {
  content: url("img/address-icon.png");
}
#contact-content .social-media-icon {
  content: url("img/social-media-icon.png");
  padding-right: 20px;
}
#contact-content .social-media-icon:after {
  content: url("img/social-media-icon.png");
}
#contact-content .section .contact-info h4 {
  padding-left: 50px;
}
#about-content {
  padding-top: 25px;
}
#products-content {
  padding-top: 25px;
}
#products-content .product-list {
  display: table;
}
#products-content .product-list .products-info {
  display: table-row;
}
#products-content .product-list .products-info .thumbnail-list .thumbnail-indicator img {
  border: 1px solid #000000;
}
#products-content .product-list .products-info .thumbnail-list .thumbnail-indicator:hover img {
  border: 4px solid #000000;
}
#products-content .product-list .products-info:hover .product-data .curtain {
  visibility: visible;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  width: 259px;
  height: 322px;
  position: absolute;
  -webkit-animation: backgroundHeight 0.35s linear;
  animation: backgroundHeight 0.35s linear;
}
#products-content .product-list .products-info:hover .product-data .popup-icon {
  margin-top: 95px;
  -webkit-animation: backgroundIconHeight 0.35s linear;
  animation: backgroundIconHeight 0.35s linear;
}
#products-content .product-list .product-data {
  display: table-cell;
}
#products-content .product-list .product-data img {
  border: 15px solid #f5f5f5;
  border-top: 0px;
  border-left: 0px;
  width: 273px;
  height: 336px;
}
#products-content .product-list .product-data .popup-open .curtain {
  height: 0px;
  visibility: hidden;
  display: none;
}
#products-content .product-list .product-data .popup-open .popup-icon {
  margin-left: 70px;
  margin-top: 0px;
}
#products-content .product-list .product-data .popup-icon {
  content: url("img/popup-icon.png");
  width: 128px;
  height: 128px;
  border: none;
  position: absolute;
}
#products-content .product-list .product-data .popup-icon:after {
  content: url("img/popup-icon.png");
  width: 128px;
  height: 128px;
  border: none;
  position: absolute;
}
#products-content .product-list .product-data .open-icon {
  content: url("img/open-icon.png");
  width: 24px;
  height: 24px;
  border: none;
  position: absolute;
}
#products-content .product-list .product-data .open-icon:after {
  content: url("img/open-icon.png");
  width: 24px;
  height: 24px;
  border: none;
  position: absolute;
}
#products-content .product-list .product-data .close-icon {
  content: url("img/close-popup-icon.png");
  width: 48px;
  height: 48px;
  border: none;
  position: absolute;
}
#products-content .product-list .product-data .close-icon:after {
  content: url("img/close-popup-icon.png");
  width: 48px;
  height: 48px;
  border: none;
  position: absolute;
}
#products-content .product-list .product-data .popup-image-container {
  position: fixed;
  top: 25%;
  left: 25%;
  width: 50%;
  height: auto;
  z-index: 3000;
}
#products-content .product-list .product-data .popup-image-container .popup-image {
  border: none;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 3px solid #000000;
}
#products-content .product-list .product-data .thumbnail-list {
  list-style: none;
  overflow: hidden;
  padding-left: 0px;
}
#products-content .product-list .product-data .thumbnail-list li {
  float: left;
  width: 75px;
  height: 75px;
  padding-right: 5px;
  margin-bottom: 5px;
}
#products-content .product-list .product-data .thumbnail-list li img {
  width: 100%;
  height: 100%;
  border: none;
}
#services-content {
  padding-top: 25px;
}
@-webkit-keyframes backgroundScroll {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 100%;
  }
}
@keyframes backgroundScroll {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 100%;
  }
}
#slideshow-content .slide {
  height: 320px;
  width: 960px;
  background-position: 0px 0px;
  -webkit-animation: backgroundScroll 10s linear infinite;
  animation: backgroundScroll 10s linear infinite;
}
#slideshow-content .showcase-toolbar {
  display: none;
  visibility: hidden;
}
#slideshow-content:hover .showcase-toolbar {
  display: block;
  visibility: visible;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  margin-top: -24px;
}
#slideshow-content:hover .showcase-toolbar .indicators {
  list-style: none;
  text-align: center;
  margin: 0 auto;
  display: table;
  overflow: hidden;
  padding-left: 0px;
}
#slideshow-content:hover .showcase-toolbar .indicators li {
  float: left;
  width: 24px;
  height: 24px;
}
#slideshow-content:hover .showcase-toolbar .indicators li .indicator0,
#slideshow-content:hover .showcase-toolbar .indicators li .indicator1,
#slideshow-content:hover .showcase-toolbar .indicators li .indicator2,
#slideshow-content:hover .showcase-toolbar .indicators li .indicator3,
#slideshow-content:hover .showcase-toolbar .indicators li .indicator4 {
  width: 24px;
  height: 24px;
}
#slideshow-content:hover .showcase-toolbar .indicators .indicator .indicator-pin {
  content: url("img/pin-20.png");
}
#slideshow-content:hover .showcase-toolbar .indicators .indicator .indicator-pin:after {
  content: url("img/pin-20.png");
}
#slideshow-content:hover .showcase-toolbar .indicators .indicator .inactive {
  content: url("img/pin-off-20.png") !important;
}
#slideshow-content:hover .showcase-toolbar .indicators .indicator .inactive:after {
  content: url("img/pin-off-20.png") !important;
}
#slideshow-content:hover .showcase-toolbar .showcase-controls {
  width: 100%;
}
#slideshow-content:hover .showcase-toolbar .showcase-controls .prev-slide {
  float: left;
}
#slideshow-content:hover .showcase-toolbar .showcase-controls .prev-slide .prev-arrow {
  content: url("img/prev-24.png");
}
#slideshow-content:hover .showcase-toolbar .showcase-controls .prev-slide .prev-arrow:after {
  content: url("img/prev-24.png");
}
#slideshow-content:hover .showcase-toolbar .showcase-controls .next-slide {
  float: right;
}
#slideshow-content:hover .showcase-toolbar .showcase-controls .next-slide .next-arrow {
  content: url("img/next-24.png");
}
#slideshow-content:hover .showcase-toolbar .showcase-controls .next-slide .next-arrow:after {
  content: url("img/next-24.png");
}
#promos-content {
  height: 460px;
}
#promos-content ul {
  list-style: none;
  padding: 0;
}
#promos-content ul li {
  width: 260px;
  height: 400px;
  margin: 30px;
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#promos-content ul li .promo-element {
  width: 260px;
  height: 400px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-130px);
  -moz-transform: translateZ(-130px);
  transform: translateZ(-130px);
  -webkit-transition: -webkit-transform 350ms;
  -moz-transition: -moz-transform 350ms;
  transition: transform 350ms;
}
#promos-content ul li .promo-element:hover {
  -webkit-transform: rotateY(-78deg) translateZ(20px);
  -moz-transform: rotateY(-78deg) translateZ(20px);
  transform: rotateY(-78deg) translateZ(20px);
}
#promos-content ul li .promo-element .poster,
#promos-content ul li .promo-element .info {
  position: absolute;
  width: 260px;
  height: 400px;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#promos-content ul li .promo-element .poster {
  -webkit-transform: translateZ(130px);
  -moz-transform: translateZ(130px);
  transform: translateZ(130px);
  background-size: cover;
  background-repeat: no-repeat;
}
#promos-content ul li .promo-element .poster img {
  width: 260px;
  height: 400px;
  border: 1px solid #000000;
}
#promos-content ul li .promo-element .info {
  -webkit-transform: rotateY(90deg) translateZ(130px);
  -moz-transform: rotateY(90deg) translateZ(130px);
  transform: rotateY(90deg) translateZ(130px);
  border: 1px solid #000000;
  font-size: 0.75em;
}
#promos-content ul li .promo-element .info div {
  background: rgba(0, 0, 0, 0.5);
  border: 3px solid #ffffff;
  border-left: 0;
  border-right: 0;
}
#promos-content ul li .promo-element .info div p {
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff;
}
#promos-content ul li .promo-element .info img {
  width: 260px;
  height: 400px;
}
#promos-content ul li .promo-element .info header {
  color: #ffffff;
  padding: 15px 15px;
  height: 195px;
  background-size: contain;
  background-repeat: no-repeat;
}
#promos-content ul li .promo-element .info header h1 {
  text-shadow: 1px 1px 2px black, 0 0 1em #c3d7df, 0 0 0.2em #c3d7df;
}
#news-board-content {
  padding-top: 27px;
}
#news-board-content .article {
  padding-top: 25px;
  margin-bottom: 60px;
}
#news-board-content .article header {
  border-top: 8px solid #d75c37;
}
#news-board-content .article header .news-header {
  margin: 0px auto 30px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#news-board-content .article header .news-header h1 {
  text-align: center;
}
#news-board-content .article header .news-header .subtitle {
  margin-top: -10px;
}
#news-board-content .article header .news-header .subtitle .subtitle-text-line {
  background: #d75c37;
  height: 8px;
  width: 960px;
  position: absolute;
  margin-top: 26px;
}
#news-board-content .article header .news-header .subtitle .subtitle-text {
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  background: #f5f5f5;
  position: relative;
  padding: 0 8px;
}
#news-board-content .article header .news-header .subtitle .sm-dot {
  color: #d75c37;
  font-size: 56px;
  padding-right: 15px;
  line-height: 16px;
  vertical-align: top;
}
#news-board-content .article .board-gallery {
  width: 960px;
}
#news-board-content .article .board-gallery .board-list {
  list-style: none;
  overflow: hidden;
  padding-left: 0px;
}
#news-board-content .article .board-gallery .board-list li {
  float: left;
  width: 310px;
  height: 310px;
  margin-right: 10px;
  margin-top: 10px;
}
#news-board-content .article .board-gallery .board-list li img {
  width: 100%;
  height: 100%;
  border: 1px solid #000000;
}
#news-board-content .article .board-gallery .board-list li .curtain {
  height: 0px;
  visibility: hidden;
  display: none;
}
#news-board-content .article .board-gallery .board-list li .popup-icon {
  margin-left: 100px;
  margin-top: 0px;
}
#news-board-content .article .board-gallery .board-list li .popup-icon {
  content: url("img/popup-icon.png");
  width: 128px;
  height: 128px;
  border: none;
  position: absolute;
}
#news-board-content .article .board-gallery .board-list li .popup-icon:after {
  content: url("img/popup-icon.png");
  width: 128px;
  height: 128px;
  border: none;
  position: absolute;
}
#news-board-content .article .board-gallery .board-list li:hover .curtain {
  visibility: visible;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  width: 310px;
  height: 310px;
  position: absolute;
  -webkit-animation: backgroundHeight 0.35s linear;
  animation: backgroundHeight 0.35s linear;
}
#news-board-content .article .board-gallery .board-list li:hover .popup-icon {
  margin-top: 100px;
  -webkit-animation: backgroundCurtainHeight 0.35s linear;
  animation: backgroundCurtainHeight 0.35s linear;
}
#news-board-content .news-board-image {
  position: fixed;
  top: 25%;
  left: 25%;
  width: 50%;
  height: auto;
  z-index: 3000;
}
#news-board-content .news-board-image #news-board-image-display {
  border: none;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 3px solid #000000;
}
#news-board-content .news-board-image .close-icon {
  content: url("img/close-popup-icon.png");
  width: 48px;
  height: 48px;
  border: none;
  position: absolute;
}
#news-board-content .news-board-image .close-icon:after {
  content: url("img/close-popup-icon.png");
  width: 48px;
  height: 48px;
  border: none;
  position: absolute;
}
.main-content-info {
  margin-top: 30px;
}
.popup-close {
  padding-left: 96%;
}