/* ---- grid ---- */
.mega-menu{
  width:1200px !important;
}

.grid {
  background: #fff;
  width:90%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

/* 5 columns, percentage width */
.grid-item,
.grid-sizer {
  width: 25%;
}

.grid-item {
  /*float: left;*/
  text-align: center;
  height: 230px;
  background: #fff;
  border: 2px solid #fff;
  /*border-color: hsla(0, 0%, 0%, 0.7);*/
}

.grid-item--width2 { width: 50%; }
.grid-item--height2 { height: 460px; }

/*.grid-sizer,
.grid-item { width: 25%; height: 225px; }
.grid-item { margin-right: 1%; }
 2 columns 
/*.grid-item--height2 { height: 450px; }*/
/*.grid-item--width2 { width: 50%; }*/*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - GALLERY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*.gal-item { margin-bottom: 30px; }

.gal-item.col10 { margin-bottom: 10px; }

.gal-item a { display: block; position: relative; }

.gal-item .vertical-align { text-align: center; opacity: 0; margin-top: -50px;}

.gal-item a:hover .vertical-align { opacity: 1; margin-top: 0px;}

.gal-item .date { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 9px; }

.gal-item h4 { letter-spacing: 2.7px; }

.gal-item h3 { font-size: 22px; font-weight: 700; letter-spacing: 4px; margin-bottom: 10px; }

.gal-item h5 { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; }

.gal-item.style-2 { margin-bottom: 0px; }

.gal-item.style-3 { margin-bottom: 50px; }

.gal-item.style-3 .gal-item-icon { position: relative; }

.gal-item.style-3 .gal-item-desc { text-align: center; padding: 16px 5px 18px 5px; background: #fff; }

.gal-item.style-3 h4 { font-size: 14px; line-height: 18px; color: #222; letter-spacing: 2.5px; margin-bottom: 5px; }

.gal-item.style-3 h5 { font-size: 12px; line-height: 15px; color: #b9b9b9; }

.gal-item.style-3 a:hover .gal-item-desc { background: #022c54; }

.gal-item.style-3 a:hover h4 { color: #fff; }

.gal-item.style-3 a:hover h5 { color: rgba(255, 255, 255, 0.6); }

.gal-item.style-3.gal-big .gal-item-desc { padding: 25px 5px 27px 5px; }

.gal-item.style-3.gal-big h4 { font-size: 18px; line-height: 22px; letter-spacing: 3px; }

.gal-item.style-3.gal-big h5 { font-size: 14px; line-height: 18px; }

.filter-nav { text-align: center; margin-bottom: 70px; }

.filter-nav li { display: inline-block; }

.filter-nav a { position: relative; font-size: 12px; line-height: 39px; font-weight: 700; color: #b9b9b9; letter-spacing: 1px; display: inline-block; height: 39px; background: #f8f8f8; padding: 0 31px; text-transform: uppercase; }

.filter-nav a:hover { background: #022c54; color: #fff; }

.filter-nav a:before { content: ''; display: block; position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 9px 10px 0 10px; border-color: transparent transparent transparent transparent; }

.filter-nav a:hover:before { border-color: #022c54 transparent transparent transparent; }

.filter-nav li.selected a { background: #022c54; color: #fff; }

.filter-nav li.selected a:before { border-color: #022c54 transparent transparent transparent; }
-------------------------------------------------------------------------------------------------------------------------------
/* 12 - GALLERY-DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*.gallery-detail { margin-bottom: 117px; }

.gallery-detail .top-baner { margin-bottom: 62px; }

.gallery-detail .gd-category { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: uppercase; margin-bottom: 13px; }

.gallery-detail .gd-title { letter-spacing: 5.5px; margin-bottom: 34px; }

.gallery-detail p { margin-bottom: 28px; color: #b9b9b9; }

.gallery-detail h4 { color: #222; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 28px; }

.gallery-detail .gd-content { margin-bottom: 65px; }

.gallery-detail .gd-content > *:last-child { margin-bottom: 0px; }

.photo-ar-left, .photo-ar-right { position: relative; }

.photo-ar-left .arrow-img, .photo-ar-right .arrow-img { display: block; width: 77px; height: 50px; position: absolute; top: -2px; margin-right: 0px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}

.photo-prev, .photo-next { position: absolute; opacity: 0; padding-top: 5px; }

.photo-prev-title, .photo-next-title { font-size: 14px; line-height: 18px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; white-space: nowrap; margin-bottom: 6px; }

.photo-prev-desc, .photo-next-desc { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 15px; font-weight: 400; text-transform: uppercase; white-space: nowrap; }

.photo-ar-left:hover .photo-prev, .photo-ar-right:hover .photo-next { opacity: 1; }

.photo-ar-left:hover .arrow-img, .photo-ar-right:hover .arrow-img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.photo-ar-left { float: left; }

.photo-ar-left.c-button.b-50 { padding: 0 93px 0 14px; }

.photo-ar-left .arrow-img { right: -2px; -moz-border-radius-topright: 25px; border-top-right-radius: 25px; -moz-border-radius-bottomright: 25px; border-bottom-right-radius: 25px; }

.photo-prev { top: 0px; left: 100%; text-align: left; padding-left: 14px; padding-top: 5px; }

.photo-ar-right { float: right; }

.photo-ar-right.c-button.b-50 { padding: 0 14px 0 93px; }

.photo-ar-right .arrow-img { left: -2px; -moz-border-radius-topleft: 25px; border-top-left-radius: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-left-radius: 25px; }

.photo-next { top: 0px; right: 100%; text-align: right; padding-right: 14px; }*/