/*  Reset  */
* { margin: 0; padding: 0; border: 0; vertical-align: inherit; }
html{height:100%;}
body { color: #696969; vertical-align: top; font-family: Quicksand; font-size: 16px; line-height: 1.38; min-width: 320px; height:100%; font-weight: lighter; text-shadow: 0 0 0 1px #aaa;}
ul, li { list-style-type: none; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; }
select, textarea { overflow-x: hidden; overflow-y: auto; }
textarea { resize: none; }
input[type="button"], input[type="submit"], input[type="reset"], button { cursor: pointer; }
::-webkit-input-placeholder { color: inherit; }
::-moz-placeholder { color: inherit; }
:-ms-input-placeholder { color: inherit; }
/* Helpers  */
.cf:before, .cf:after ,
.row:before, .row:after { content: " "; display: table; clear: both; }
.jf:after {display: inline-block; width: 100%; clear: both; content: ''; line-height: 0; vertical-align: top;}
.jf {text-justify: distribute; text-align: justify; }
.break { -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; }
.pull-left {float: left;}
.pull-right {float: right;}
.red{color: #cf2a30;}
/*  Styles  */
.page-wrapper { padding: 0 20px; height:100%;}
.page-holder{ margin: 0 0 36px;}

.container { margin: 0 auto; max-width: 1090px; }
/**/
.menu-btn {display: none;}
.menu-panel { background: #000; color: #fff; z-index: 200; overflow-y: auto; box-sizing: border-box; padding: 20px 10px 20px 30px; }
.menu-panel ul{}
.menu-panel li{ margin: 0 0 8px; }
.menu-panel a{}
.menu-over {position: fixed; top: 0; right: 0;bottom: 0;left: 0; background: rgba(0, 0, 0, 0.7); z-index: 50; display: none; }
.panel {  position: fixed;  left: -14.625em;  width: 14.625em;}
.wrap {  position: relative;}
/**/

header { padding: 27px 0 0 0; margin: 0 0 21px 0; font-weight: 300; font-size: 15px; }
header .container{ position: relative; }
header a.logo{ background: url("../img/logo.png") 0 0 no-repeat; display: block; float: left; height: 73px; width: 73px; background-size: contain;}
header .menu-holder{ float: left; margin: 29px 0 0 14px; }
header .menu-holder nav.menu{ }
header .menu-holder nav.menu a{ text-transform: uppercase; }
header .menu-holder nav.menu a.active{ color: #333333; font-weight: 400;}
header .menu-holder nav.menu a + a{ margin-left: 12px; }
header .header-right{ float: right; margin: 29px 0 0; }
header .header-right p{ text-transform: uppercase; color: #6b6b6b; }
header .socials{ float: right; margin: 3px 0 0 0; }
.socials{ display: inline-block;}
.socials a{background: url("../img/socials_icons.png") 0 0 no-repeat; display: inline-block; height: 16px; margin: 0 0 0 5px; width: 16px; }
.socials a.ln{ }
.socials a.tw{ background-position: -16px 0; }
.socials a.in{ background-position: -32px 0; }
/**/
.grid-holder { margin: 0 auto; position: relative; max-width: 1210px; box-sizing: border-box; }
.grid-holder .grid { }
.grid-holder .grid-sizer{ width: 33.33%;}
.grid-holder .grid-item{ float: left; width: 33.33%; box-sizing: border-box; overflow: hidden; padding: 1px; }
.grid-holder .grid-item,
.grid-holder .grid-item * {

}
.grid-holder .grid-item:hover .desc{ bottom: 0px; }
.grid-holder .grid-item .desc { background: rgba(0, 0, 0, 0.6); bottom: -64px; box-sizing: border-box; color: #fff; font-size: 17px; height: 64px; left: 0; padding: 11px 15px 0; position: absolute; right: 0; text-align: right;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;

}
.grid-holder .grid-item .desc p{    font-weight: bold;}
.grid-holder .grid-item .desc .event{ overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; font-weight: 300;font-size: 15px; }
.grid-holder .grid-item .desc .date { font-weight: bold; }
.grid-holder .grid-item .box { overflow: hidden; position: relative; display: block; }
.grid-holder .grid-item img{ width: 100%; display: block; opacity: 0; float: left;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-backface-visibility: hidden;

}
.grid-holder .grid-item img.loaded{
  /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.2\'/></filter></svg>#grayscale");
  filter: gray alpha(opacity=80);
  -webkit-filter: grayscale(80%); */
}
.grid-holder .grid-item:hover img {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.grid-holder .grid-item.large { width: 66.65%;}
/**/
footer{ padding: 0 0 40px 0; }
footer .left-part{ float: left; }
footer .left-part .text-box{ font-size: 13px; color: #696969; margin: 3px 0 19px; }
footer .left-part .text-box p{ }
footer .left-part .text-box p a{ }
footer .left-part .designed{ color: #bbb; font-size: 12px; text-transform: uppercase; }
footer .right-part{ float: right; text-align: right; }
footer .right-part p.t1{ font-size: 24px; text-transform: uppercase; visibility: hidden;}
footer .right-part .follow{ margin: 7px 0 0 0; }
footer .right-part .follow span{ font-size: 13px;}
footer .right-part .follow .socials{ margin: 0 0 0 8px;}
footer .right-part .follow .socials a{ background-image: url("../img/socials_icons_dark.png"); margin: 0 0 0 11px; }
footer .right-part .follow .socials a.ln{ }
footer .right-part .follow .socials a.tw{ }
footer .right-part .follow .socials a.in{ }
footer .right-part .follow .license{ margin: 48px 0 0; }
footer .right-part .follow .license p{ color: #bbb; font-size: 14px; }
footer .right-part .follow .license p img{ margin: 0 0 0 8px; vertical-align: baseline; }
/**/
.clients-holder { margin: 0 -10px; }
.clients-holder .item{ box-sizing: border-box; width: 20%; float: left; padding: 10px; }
.clients-holder .item .box{ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); display: block; height: 200px; text-align: center; font-size: 0; }
.clients-holder .item .box:before { content: " ";display: inline-block;height: 100%;width: 1%;vertical-align: middle;}
.clients-holder .item img{max-width: 94%; max-height: 94%; vertical-align: middle;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/></filter></svg>#grayscale");
  filter: gray alpha(opacity=100);
  -webkit-filter: grayscale(100%);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}
.clients-holder .item .box:hover img {
  filter: none;
  -webkit-filter: grayscale(0%);
}
/**/
.menu-btn { left: -4px; position: absolute; top: -15px; width: 20px; padding: 4px; }
.menu-btn i{ background: #cf2a30; display: block; height: 2px; margin: 3px 0; }
/**/
.page-content { margin: 34px 0 0 0; }
section {}
section article{padding: 17px 30px 0 28px; box-sizing: border-box; max-width: 500px; }
article p { margin: 0 0 29px 0; }
article .t1{ font-size: 18px; letter-spacing: 0; line-height: 1.32; word-spacing: -1px; }
article .light { font-weight: 300; }
article .no-margin { margin: 0; }
article ul{ margin: 0 0 27px 0; padding: 0; }
article ul li{ list-style: disc; list-style-position: inside; margin: 0 0 2px 0; }
/**/
.row {}
.row .span6{ float: left; width: 50%; }
/**/
.feedback-form{ margin: 0 0 40px 0; }
.feedback-form .field{ margin: 0 0 4px; }
.feedback-form .field label{ display: block; margin: 0 0 6px 0; }
.feedback-form .field .input{ }
.feedback-form .field .input input{ border: 1px solid #cccccc; box-sizing: border-box; height: 32px; padding: 0 10px; width: 100%; }
.feedback-form .field .input textarea{ border: 1px solid #cccccc; box-sizing: border-box; height: 144px; padding: 10px; width: 100%; }
.feedback-form .field.inline{ }
.feedback-form .field.inline:after{ content: ''; clear: both; display: table;}
.feedback-form .field.inline label{ width: 41%; float: left; margin: 4px 0 0 0; }
.feedback-form .field.inline .input{ width: 59%; float: left; }
.feedback-form .field.inline .input input{ }
.feedback-form .controls{ text-align: right; }
.feedback-form .controls .submit-btn { background: #cf2a30; border: 1px solid #000; color: #fff; height: 33px; width: 114px; }
/**/
.popup-wrapper { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100; display: none; }
.popup-wrapper.video-show {}
.popup-wrapper.video-show .info-btn {display: none;}
.popup-wrapper.video-show .popup-holder{}
.popup-wrapper.video-show .popup-box{max-width: 640px;}
.popup-holder { bottom: 10%; left: 20px; position: absolute; right: 20px; top: 10%; box-sizing: border-box; padding: 20px 0 0 0; }
.popup-holder .popup-over{ background: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 50; }
.popup-box { margin: 0 auto; max-width: 990px; padding: 0 20px; position: relative; z-index: 90; box-sizing: border-box; height: 100%; }
.popup-box .close{background: url("../img/close-icon.png") 0 0 no-repeat; height: 30px; position: absolute; right: 0; top: -35px; width: 30px; z-index: 10; }
.popup-box .info-btn{background: url("../img/info-btn.png") 0 0 no-repeat; height: 29px; position: absolute; width: 29px; bottom: 20px; left: 20px; z-index: 90; }
.popup-box .popup-content{ position: relative; left: 0; right: 0; top: 0; height: 100%; }
.popup-box .video { margin: 0; display: none; position: relative; }
.popup-box .video:before{  content: "";  display: block;  padding-top: 56.25%;}
.popup-box .video .video-box {position:  absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}
.popup-box .video iframe{ width: 100%; height: 100%;}
.popup-box .slide-box { position: relative; height: 100%; }
.popup-box .content-box { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; max-height: 100%; }
.popup-box .slides { margin: 0; display: none; height: 100%; bottom: 0; left: 0; position: relative; overflow: hidden; max-height: 100%; }
.popup-box .slides .slick-list{ top: 0; bottom: 0;}
.popup-box .slides .item{ position: relative; width: 100%; overflow: hidden; text-align: center; font-size: 0; outline: none;}
.popup-box .slides .item::before {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  content: ''; height: 100%; }
.popup-box .slides .item img{ height: auto; max-width: 100%; vertical-align: middle; width: 100%; }
.popup-box .slides .info-box{ background: #000; box-sizing: border-box; color: #fff; left: 0; position: absolute; right: 0; text-align: right; padding: 20px 17px 18px 55px; top: 100%; }
.popup-box .slides .info-box .title{ font-weight: 300; margin: 0 0 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.popup-box .slides .info-box .desc{ font-size: 12px; font-weight: bold; }
.popup-box .slides .slick-next::before{ display: none; }
.popup-box .slides .slick-prev::before{display: none;}
.popup-box .slides .slick-prev{background: url("../img/arrow-left.png") 0 0 no-repeat; height: 45px; margin: -22px 0 0 0; left: 20px; width: 23px; z-index: 10; }
.popup-box .slides .slick-next { background: url("../img/arrow-right.png") 0 0 no-repeat; height: 45px; margin: -22px 0 0 0; right: 20px; width: 23px; }
.popup-box .popup-content.show-info .info-box{ top: auto; bottom: 0;}
.popup-box .popup-content.show-info .info-btn{ background-position: 0 -29px; }
/**/
.about-slider {}
.about-slider .item{}
.about-slider .item img{width: 100%;}

/* VIDEO EMBED RESPONSIVE */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Home page */
.grid-holder .desktop-image img, .grid-holder .mobile-image img {max-width: 100%;height:auto; margin: 0 auto; display: block;}
.grid-holder .mobile-image { display: none;}
.homepage {-webkit-box-shadow: 1px 3px 14px -1px rgba(0,0,0,0.64);  -moz-box-shadow: 1px 3px 14px -1px rgba(0,0,0,0.64);  box-shadow: 1px 3px 14px -1px rgba(0,0,0,0.64);}
@media (max-width: 768px) {
  .homepage .embed-container {display: none;}
  .grid-holder .mobile-image { display: block;}
  .grid-holder .desktop-image { display: none;}
}