/* ======================================================= 
 *
 *    Media boxes   
 *    Version: 2.8
 *    By castlecode
 *
 *    Contact: http://codecanyon.net/user/castlecode
 *    Created: March 11, 2014
 *
 *    Copyright (c) 2013, castlecode. All rights reserved.
 *    Available only in http://codecanyon.net/
 *    
 *    ---------------------------------
 *    CONTENTS
 *    ---------------------------------
 *    
 *    (1) GRAPHIC STYLE (Play around in this section)
 *
 *      [1] MEDIA BOX CONTENT
 *      [2] LOAD MORE
 *      [3] FILTER BAR
 *      [4] SEARCH FILTER
 *      [5] DROP DOWN MENU
 *      [6] THUMBNAIL OVERLAY EFFECT
 *      [7] MAGNIFIC POPUP
 *      [8] SOCIAL FOR MAGNIFIC POPUP
 *
 *    (2) NEEDED STYLE (Don't play here)
 *
 *      [1] SETUP
 *      [2] MEDIA BOX THUMBNAIL
 *      [3] MEDIA BOX CONTENT
 *      [4] THUMBNAIL OVERLAY EFFECT
 *      [5] MAGNIFIC POPUP
 *    
 * ======================================================= */
	
  	/*
	//This is optional, but you need it for a full width gallery 
  	body{
      margin:0;
      min-height: 1000px;
      overflow-y: scroll; 
   	}*/

	/*
	//This is for preventing that the content of your page shifts to the right when magnific popup is activated
   	html {
    	margin-right: 0 !important;
    	overflow: visible !important;
	}*/

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face {
font-family:'FontAwesome';
src:url('fonts/fontawesome-webfont.eot?v=4.3.0');
src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight:normal;
font-style:normal
}
.fa {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0, 0)
}
.fa-lg {
	font-size:1.33333333em;
	line-height:.75em;
	vertical-align:-15%
}
.fa-2x {
	font-size:2em
}
.fa-3x {
	font-size:3em
}
.fa-4x {
	font-size:4em
}
.fa-5x {
	font-size:5em
}
.fa-fw {
	width:1.28571429em;
	text-align:center
}
.fa-ul {
	padding-left:0;
	margin-left:2.14285714em;
	list-style-type:none
}
.fa-ul>li {
	position:relative
}
.fa-li {
	position:absolute;
	left:-2.14285714em;
	width:2.14285714em;
	top:.14285714em;
	text-align:center
}
.fa-li.fa-lg {
	left:-1.85714286em
}
.fa-border {
	padding:.2em .25em .15em;
	border:solid .08em #eee;
	border-radius:.1em
}
.pull-right {
	float:right
}
.pull-left {
	float:left
}
.fa.pull-left {
	margin-right:.3em
}
.fa.pull-right {
	margin-left:.3em
}
.fa-spin {
	-webkit-animation:fa-spin 2s infinite linear;
	animation:fa-spin 2s infinite linear
}
.fa-pulse {
	-webkit-animation:fa-spin 1s infinite steps(8);
	animation:fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fa-rotate-90 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.fa-rotate-180 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.fa-rotate-270 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)
}
.fa-flip-horizontal {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform:scale(-1, 1);
	-ms-transform:scale(-1, 1);
	transform:scale(-1, 1)
}
.fa-flip-vertical {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform:scale(1, -1);
	-ms-transform:scale(1, -1);
	transform:scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
	filter:none
}
.fa-stack {
	position:relative;
	display:inline-block;
	width:2em;
	height:2em;
	line-height:2em;
	vertical-align:middle
}
.fa-stack-1x, .fa-stack-2x {
	position:absolute;
	left:0;
	width:100%;
	text-align:center
}
.fa-stack-1x {
	line-height:inherit
}
.fa-stack-2x {
	font-size:2em
}
.fa-inverse {
	color:#fff
}
.fa-glass:before {
	content:"\f000"
}
.fa-music:before {
	content:"\f001"
}
.fa-search:before {
	content:"\f002"
}
.fa-envelope-o:before {
	content:"\f003"
}
.fa-heart:before {
	content:"\f004"
}
.fa-star:before {
	content:"\f005"
}
.fa-star-o:before {
	content:"\f006"
}
.fa-user:before {
	content:"\f007"
}
.fa-film:before {
	content:"\f008"
}
.fa-th-large:before {
	content:"\f009"
}
.fa-th:before {
	content:"\f00a"
}
.fa-th-list:before {
	content:"\f00b"
}
.fa-check:before {
	content:"\f00c"
}
.fa-remove:before, .fa-close:before, .fa-times:before {
	content:"\f00d"
}
.fa-search-plus:before {
	content:"\f00e"
}
.fa-search-minus:before {
	content:"\f010"
}
.fa-power-off:before {
	content:"\f011"
}
.fa-signal:before {
	content:"\f012"
}
.fa-gear:before, .fa-cog:before {
	content:"\f013"
}
.fa-trash-o:before {
	content:"\f014"
}
.fa-home:before {
	content:"\f015"
}
.fa-file-o:before {
	content:"\f016"
}
.fa-clock-o:before {
	content:"\f017"
}
.fa-road:before {
	content:"\f018"
}
.fa-download:before {
	content:"\f019"
}
.fa-arrow-circle-o-down:before {
	content:"\f01a"
}
.fa-arrow-circle-o-up:before {
	content:"\f01b"
}
.fa-inbox:before {
	content:"\f01c"
}
.fa-play-circle-o:before {
	content:"\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
	content:"\f01e"
}
.fa-refresh:before {
	content:"\f021"
}
.fa-list-alt:before {
	content:"\f022"
}
.fa-lock:before {
	content:"\f023"
}
.fa-flag:before {
	content:"\f024"
}
.fa-headphones:before {
	content:"\f025"
}
.fa-volume-off:before {
	content:"\f026"
}
.fa-volume-down:before {
	content:"\f027"
}
.fa-volume-up:before {
	content:"\f028"
}
.fa-qrcode:before {
	content:"\f029"
}
.fa-barcode:before {
	content:"\f02a"
}
.fa-tag:before {
	content:"\f02b"
}
.fa-tags:before {
	content:"\f02c"
}
.fa-book:before {
	content:"\f02d"
}
.fa-bookmark:before {
	content:"\f02e"
}
.fa-print:before {
	content:"\f02f"
}
.fa-camera:before {
	content:"\f030"
}
.fa-font:before {
	content:"\f031"
}
.fa-bold:before {
	content:"\f032"
}
.fa-italic:before {
	content:"\f033"
}
.fa-text-height:before {
	content:"\f034"
}
.fa-text-width:before {
	content:"\f035"
}
.fa-align-left:before {
	content:"\f036"
}
.fa-align-center:before {
	content:"\f037"
}
.fa-align-right:before {
	content:"\f038"
}
.fa-align-justify:before {
	content:"\f039"
}
.fa-list:before {
	content:"\f03a"
}
.fa-dedent:before, .fa-outdent:before {
	content:"\f03b"
}
.fa-indent:before {
	content:"\f03c"
}
.fa-video-camera:before {
	content:"\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
	content:"\f03e"
}
.fa-pencil:before {
	content:"\f040"
}
.fa-map-marker:before {
	content:"\f041"
}
.fa-adjust:before {
	content:"\f042"
}
.fa-tint:before {
	content:"\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
	content:"\f044"
}
.fa-share-square-o:before {
	content:"\f045"
}
.fa-check-square-o:before {
	content:"\f046"
}
.fa-arrows:before {
	content:"\f047"
}
.fa-step-backward:before {
	content:"\f048"
}
.fa-fast-backward:before {
	content:"\f049"
}
.fa-backward:before {
	content:"\f04a"
}
.fa-play:before {
	content:"\f04b"
}
.fa-pause:before {
	content:"\f04c"
}
.fa-stop:before {
	content:"\f04d"
}
.fa-forward:before {
	content:"\f04e"
}
.fa-fast-forward:before {
	content:"\f050"
}
.fa-step-forward:before {
	content:"\f051"
}
.fa-eject:before {
	content:"\f052"
}
.fa-chevron-left:before {
	content:"\f053"
}
.fa-chevron-right:before {
	content:"\f054"
}
.fa-plus-circle:before {
	content:"\f055"
}
.fa-minus-circle:before {
	content:"\f056"
}
.fa-times-circle:before {
	content:"\f057"
}
.fa-check-circle:before {
	content:"\f058"
}
.fa-question-circle:before {
	content:"\f059"
}
.fa-info-circle:before {
	content:"\f05a"
}
.fa-crosshairs:before {
	content:"\f05b"
}
.fa-times-circle-o:before {
	content:"\f05c"
}
.fa-check-circle-o:before {
	content:"\f05d"
}
.fa-ban:before {
	content:"\f05e"
}
.fa-arrow-left:before {
	content:"\f060"
}
.fa-arrow-right:before {
	content:"\f061"
}
.fa-arrow-up:before {
	content:"\f062"
}
.fa-arrow-down:before {
	content:"\f063"
}
.fa-mail-forward:before, .fa-share:before {
	content:"\f064"
}
.fa-expand:before {
	content:"\f065"
}
.fa-compress:before {
	content:"\f066"
}
.fa-plus:before {
	content:"\f067"
}
.fa-minus:before {
	content:"\f068"
}
.fa-asterisk:before {
	content:"\f069"
}
.fa-exclamation-circle:before {
	content:"\f06a"
}
.fa-gift:before {
	content:"\f06b"
}
.fa-leaf:before {
	content:"\f06c"
}
.fa-fire:before {
	content:"\f06d"
}
.fa-eye:before {
	content:"\f06e"
}
.fa-eye-slash:before {
	content:"\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
	content:"\f071"
}
.fa-plane:before {
	content:"\f072"
}
.fa-calendar:before {
	content:"\f073"
}
.fa-random:before {
	content:"\f074"
}
.fa-comment:before {
	content:"\f075"
}
.fa-magnet:before {
	content:"\f076"
}
.fa-chevron-up:before {
	content:"\f077"
}
.fa-chevron-down:before {
	content:"\f078"
}
.fa-retweet:before {
	content:"\f079"
}
.fa-shopping-cart:before {
	content:"\f07a"
}
.fa-folder:before {
	content:"\f07b"
}
.fa-folder-open:before {
	content:"\f07c"
}
.fa-arrows-v:before {
	content:"\f07d"
}
.fa-arrows-h:before {
	content:"\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
	content:"\f080"
}
.fa-twitter-square:before {
	content:"\f081"
}
.fa-facebook-square:before {
	content:"\f082"
}
.fa-camera-retro:before {
	content:"\f083"
}
.fa-key:before {
	content:"\f084"
}
.fa-gears:before, .fa-cogs:before {
	content:"\f085"
}
.fa-comments:before {
	content:"\f086"
}
.fa-thumbs-o-up:before {
	content:"\f087"
}
.fa-thumbs-o-down:before {
	content:"\f088"
}
.fa-star-half:before {
	content:"\f089"
}
.fa-heart-o:before {
	content:"\f08a"
}
.fa-sign-out:before {
	content:"\f08b"
}
.fa-linkedin-square:before {
	content:"\f08c"
}
.fa-thumb-tack:before {
	content:"\f08d"
}
.fa-external-link:before {
	content:"\f08e"
}
.fa-sign-in:before {
	content:"\f090"
}
.fa-trophy:before {
	content:"\f091"
}
.fa-github-square:before {
	content:"\f092"
}
.fa-upload:before {
	content:"\f093"
}
.fa-lemon-o:before {
	content:"\f094"
}
.fa-phone:before {
	content:"\f095"
}
.fa-square-o:before {
	content:"\f096"
}
.fa-bookmark-o:before {
	content:"\f097"
}
.fa-phone-square:before {
	content:"\f098"
}
.fa-twitter:before {
	content:"\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
	content:"\f09a"
}
.fa-github:before {
	content:"\f09b"
}
.fa-unlock:before {
	content:"\f09c"
}
.fa-credit-card:before {
	content:"\f09d"
}
.fa-rss:before {
	content:"\f09e"
}
.fa-hdd-o:before {
	content:"\f0a0"
}
.fa-bullhorn:before {
	content:"\f0a1"
}
.fa-bell:before {
	content:"\f0f3"
}
.fa-certificate:before {
	content:"\f0a3"
}
.fa-hand-o-right:before {
	content:"\f0a4"
}
.fa-hand-o-left:before {
	content:"\f0a5"
}
.fa-hand-o-up:before {
	content:"\f0a6"
}
.fa-hand-o-down:before {
	content:"\f0a7"
}
.fa-arrow-circle-left:before {
	content:"\f0a8"
}
.fa-arrow-circle-right:before {
	content:"\f0a9"
}
.fa-arrow-circle-up:before {
	content:"\f0aa"
}
.fa-arrow-circle-down:before {
	content:"\f0ab"
}
.fa-globe:before {
	content:"\f0ac"
}
.fa-wrench:before {
	content:"\f0ad"
}
.fa-tasks:before {
	content:"\f0ae"
}
.fa-filter:before {
	content:"\f0b0"
}
.fa-briefcase:before {
	content:"\f0b1"
}
.fa-arrows-alt:before {
	content:"\f0b2"
}
.fa-group:before, .fa-users:before {
	content:"\f0c0"
}
.fa-chain:before, .fa-link:before {
	content:"\f0c1"
}
.fa-cloud:before {
	content:"\f0c2"
}
.fa-flask:before {
	content:"\f0c3"
}
.fa-cut:before, .fa-scissors:before {
	content:"\f0c4"
}
.fa-copy:before, .fa-files-o:before {
	content:"\f0c5"
}
.fa-paperclip:before {
	content:"\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
	content:"\f0c7"
}
.fa-square:before {
	content:"\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
	content:"\f0c9"
}
.fa-list-ul:before {
	content:"\f0ca"
}
.fa-list-ol:before {
	content:"\f0cb"
}
.fa-strikethrough:before {
	content:"\f0cc"
}
.fa-underline:before {
	content:"\f0cd"
}
.fa-table:before {
	content:"\f0ce"
}
.fa-magic:before {
	content:"\f0d0"
}
.fa-truck:before {
	content:"\f0d1"
}
.fa-pinterest:before {
	content:"\f0d2"
}
.fa-pinterest-square:before {
	content:"\f0d3"
}
.fa-google-plus-square:before {
	content:"\f0d4"
}
.fa-google-plus:before {
	content:"\f0d5"
}
.fa-money:before {
	content:"\f0d6"
}
.fa-caret-down:before {
	content:"\f0d7"
}
.fa-caret-up:before {
	content:"\f0d8"
}
.fa-caret-left:before {
	content:"\f0d9"
}
.fa-caret-right:before {
	content:"\f0da"
}
.fa-columns:before {
	content:"\f0db"
}
.fa-unsorted:before, .fa-sort:before {
	content:"\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
	content:"\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
	content:"\f0de"
}
.fa-envelope:before {
	content:"\f0e0"
}
.fa-linkedin:before {
	content:"\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
	content:"\f0e2"
}
.fa-legal:before, .fa-gavel:before {
	content:"\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
	content:"\f0e4"
}
.fa-comment-o:before {
	content:"\f0e5"
}
.fa-comments-o:before {
	content:"\f0e6"
}
.fa-flash:before, .fa-bolt:before {
	content:"\f0e7"
}
.fa-sitemap:before {
	content:"\f0e8"
}
.fa-umbrella:before {
	content:"\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
	content:"\f0ea"
}
.fa-lightbulb-o:before {
	content:"\f0eb"
}
.fa-exchange:before {
	content:"\f0ec"
}
.fa-cloud-download:before {
	content:"\f0ed"
}
.fa-cloud-upload:before {
	content:"\f0ee"
}
.fa-user-md:before {
	content:"\f0f0"
}
.fa-stethoscope:before {
	content:"\f0f1"
}
.fa-suitcase:before {
	content:"\f0f2"
}
.fa-bell-o:before {
	content:"\f0a2"
}
.fa-coffee:before {
	content:"\f0f4"
}
.fa-cutlery:before {
	content:"\f0f5"
}
.fa-file-text-o:before {
	content:"\f0f6"
}
.fa-building-o:before {
	content:"\f0f7"
}
.fa-hospital-o:before {
	content:"\f0f8"
}
.fa-ambulance:before {
	content:"\f0f9"
}
.fa-medkit:before {
	content:"\f0fa"
}
.fa-fighter-jet:before {
	content:"\f0fb"
}
.fa-beer:before {
	content:"\f0fc"
}
.fa-h-square:before {
	content:"\f0fd"
}
.fa-plus-square:before {
	content:"\f0fe"
}
.fa-angle-double-left:before {
	content:"\f100"
}
.fa-angle-double-right:before {
	content:"\f101"
}
.fa-angle-double-up:before {
	content:"\f102"
}
.fa-angle-double-down:before {
	content:"\f103"
}
.fa-angle-left:before {
	content:"\f104"
}
.fa-angle-right:before {
	content:"\f105"
}
.fa-angle-up:before {
	content:"\f106"
}
.fa-angle-down:before {
	content:"\f107"
}
.fa-desktop:before {
	content:"\f108"
}
.fa-laptop:before {
	content:"\f109"
}
.fa-tablet:before {
	content:"\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
	content:"\f10b"
}
.fa-circle-o:before {
	content:"\f10c"
}
.fa-quote-left:before {
	content:"\f10d"
}
.fa-quote-right:before {
	content:"\f10e"
}
.fa-spinner:before {
	content:"\f110"
}
.fa-circle:before {
	content:"\f111"
}
.fa-mail-reply:before, .fa-reply:before {
	content:"\f112"
}
.fa-github-alt:before {
	content:"\f113"
}
.fa-folder-o:before {
	content:"\f114"
}
.fa-folder-open-o:before {
	content:"\f115"
}
.fa-smile-o:before {
	content:"\f118"
}
.fa-frown-o:before {
	content:"\f119"
}
.fa-meh-o:before {
	content:"\f11a"
}
.fa-gamepad:before {
	content:"\f11b"
}
.fa-keyboard-o:before {
	content:"\f11c"
}
.fa-flag-o:before {
	content:"\f11d"
}
.fa-flag-checkered:before {
	content:"\f11e"
}
.fa-terminal:before {
	content:"\f120"
}
.fa-code:before {
	content:"\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
	content:"\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
	content:"\f123"
}
.fa-location-arrow:before {
	content:"\f124"
}
.fa-crop:before {
	content:"\f125"
}
.fa-code-fork:before {
	content:"\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
	content:"\f127"
}
.fa-question:before {
	content:"\f128"
}
.fa-info:before {
	content:"\f129"
}
.fa-exclamation:before {
	content:"\f12a"
}
.fa-superscript:before {
	content:"\f12b"
}
.fa-subscript:before {
	content:"\f12c"
}
.fa-eraser:before {
	content:"\f12d"
}
.fa-puzzle-piece:before {
	content:"\f12e"
}
.fa-microphone:before {
	content:"\f130"
}
.fa-microphone-slash:before {
	content:"\f131"
}
.fa-shield:before {
	content:"\f132"
}
.fa-calendar-o:before {
	content:"\f133"
}
.fa-fire-extinguisher:before {
	content:"\f134"
}
.fa-rocket:before {
	content:"\f135"
}
.fa-maxcdn:before {
	content:"\f136"
}
.fa-chevron-circle-left:before {
	content:"\f137"
}
.fa-chevron-circle-right:before {
	content:"\f138"
}
.fa-chevron-circle-up:before {
	content:"\f139"
}
.fa-chevron-circle-down:before {
	content:"\f13a"
}
.fa-html5:before {
	content:"\f13b"
}
.fa-css3:before {
	content:"\f13c"
}
.fa-anchor:before {
	content:"\f13d"
}
.fa-unlock-alt:before {
	content:"\f13e"
}
.fa-bullseye:before {
	content:"\f140"
}
.fa-ellipsis-h:before {
	content:"\f141"
}
.fa-ellipsis-v:before {
	content:"\f142"
}
.fa-rss-square:before {
	content:"\f143"
}
.fa-play-circle:before {
	content:"\f144"
}
.fa-ticket:before {
	content:"\f145"
}
.fa-minus-square:before {
	content:"\f146"
}
.fa-minus-square-o:before {
	content:"\f147"
}
.fa-level-up:before {
	content:"\f148"
}
.fa-level-down:before {
	content:"\f149"
}
.fa-check-square:before {
	content:"\f14a"
}
.fa-pencil-square:before {
	content:"\f14b"
}
.fa-external-link-square:before {
	content:"\f14c"
}
.fa-share-square:before {
	content:"\f14d"
}
.fa-compass:before {
	content:"\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
	content:"\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
	content:"\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
	content:"\f152"
}
.fa-euro:before, .fa-eur:before {
	content:"\f153"
}
.fa-gbp:before {
	content:"\f154"
}
.fa-dollar:before, .fa-usd:before {
	content:"\f155"
}
.fa-rupee:before, .fa-inr:before {
	content:"\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
	content:"\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
	content:"\f158"
}
.fa-won:before, .fa-krw:before {
	content:"\f159"
}
.fa-bitcoin:before, .fa-btc:before {
	content:"\f15a"
}
.fa-file:before {
	content:"\f15b"
}
.fa-file-text:before {
	content:"\f15c"
}
.fa-sort-alpha-asc:before {
	content:"\f15d"
}
.fa-sort-alpha-desc:before {
	content:"\f15e"
}
.fa-sort-amount-asc:before {
	content:"\f160"
}
.fa-sort-amount-desc:before {
	content:"\f161"
}
.fa-sort-numeric-asc:before {
	content:"\f162"
}
.fa-sort-numeric-desc:before {
	content:"\f163"
}
.fa-thumbs-up:before {
	content:"\f164"
}
.fa-thumbs-down:before {
	content:"\f165"
}
.fa-youtube-square:before {
	content:"\f166"
}
.fa-youtube:before {
	content:"\f167"
}
.fa-xing:before {
	content:"\f168"
}
.fa-xing-square:before {
	content:"\f169"
}
.fa-youtube-play:before {
	content:"\f16a"
}
.fa-dropbox:before {
	content:"\f16b"
}
.fa-stack-overflow:before {
	content:"\f16c"
}
.fa-instagram:before {
	content:"\f16d"
}
.fa-flickr:before {
	content:"\f16e"
}
.fa-adn:before {
	content:"\f170"
}
.fa-bitbucket:before {
	content:"\f171"
}
.fa-bitbucket-square:before {
	content:"\f172"
}
.fa-tumblr:before {
	content:"\f173"
}
.fa-tumblr-square:before {
	content:"\f174"
}
.fa-long-arrow-down:before {
	content:"\f175"
}
.fa-long-arrow-up:before {
	content:"\f176"
}
.fa-long-arrow-left:before {
	content:"\f177"
}
.fa-long-arrow-right:before {
	content:"\f178"
}
.fa-apple:before {
	content:"\f179"
}
.fa-windows:before {
	content:"\f17a"
}
.fa-android:before {
	content:"\f17b"
}
.fa-linux:before {
	content:"\f17c"
}
.fa-dribbble:before {
	content:"\f17d"
}
.fa-skype:before {
	content:"\f17e"
}
.fa-foursquare:before {
	content:"\f180"
}
.fa-trello:before {
	content:"\f181"
}
.fa-female:before {
	content:"\f182"
}
.fa-male:before {
	content:"\f183"
}
.fa-gittip:before, .fa-gratipay:before {
	content:"\f184"
}
.fa-sun-o:before {
	content:"\f185"
}
.fa-moon-o:before {
	content:"\f186"
}
.fa-archive:before {
	content:"\f187"
}
.fa-bug:before {
	content:"\f188"
}
.fa-vk:before {
	content:"\f189"
}
.fa-weibo:before {
	content:"\f18a"
}
.fa-renren:before {
	content:"\f18b"
}
.fa-pagelines:before {
	content:"\f18c"
}
.fa-stack-exchange:before {
	content:"\f18d"
}
.fa-arrow-circle-o-right:before {
	content:"\f18e"
}
.fa-arrow-circle-o-left:before {
	content:"\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
	content:"\f191"
}
.fa-dot-circle-o:before {
	content:"\f192"
}
.fa-wheelchair:before {
	content:"\f193"
}
.fa-vimeo-square:before {
	content:"\f194"
}
.fa-turkish-lira:before, .fa-try:before {
	content:"\f195"
}
.fa-plus-square-o:before {
	content:"\f196"
}
.fa-space-shuttle:before {
	content:"\f197"
}
.fa-slack:before {
	content:"\f198"
}
.fa-envelope-square:before {
	content:"\f199"
}
.fa-wordpress:before {
	content:"\f19a"
}
.fa-openid:before {
	content:"\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
	content:"\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
	content:"\f19d"
}
.fa-yahoo:before {
	content:"\f19e"
}
.fa-google:before {
	content:"\f1a0"
}
.fa-reddit:before {
	content:"\f1a1"
}
.fa-reddit-square:before {
	content:"\f1a2"
}
.fa-stumbleupon-circle:before {
	content:"\f1a3"
}
.fa-stumbleupon:before {
	content:"\f1a4"
}
.fa-delicious:before {
	content:"\f1a5"
}
.fa-digg:before {
	content:"\f1a6"
}
.fa-pied-piper:before {
	content:"\f1a7"
}
.fa-pied-piper-alt:before {
	content:"\f1a8"
}
.fa-drupal:before {
	content:"\f1a9"
}
.fa-joomla:before {
	content:"\f1aa"
}
.fa-language:before {
	content:"\f1ab"
}
.fa-fax:before {
	content:"\f1ac"
}
.fa-building:before {
	content:"\f1ad"
}
.fa-child:before {
	content:"\f1ae"
}
.fa-paw:before {
	content:"\f1b0"
}
.fa-spoon:before {
	content:"\f1b1"
}
.fa-cube:before {
	content:"\f1b2"
}
.fa-cubes:before {
	content:"\f1b3"
}
.fa-behance:before {
	content:"\f1b4"
}
.fa-behance-square:before {
	content:"\f1b5"
}
.fa-steam:before {
	content:"\f1b6"
}
.fa-steam-square:before {
	content:"\f1b7"
}
.fa-recycle:before {
	content:"\f1b8"
}
.fa-automobile:before, .fa-car:before {
	content:"\f1b9"
}
.fa-cab:before, .fa-taxi:before {
	content:"\f1ba"
}
.fa-tree:before {
	content:"\f1bb"
}
.fa-spotify:before {
	content:"\f1bc"
}
.fa-deviantart:before {
	content:"\f1bd"
}
.fa-soundcloud:before {
	content:"\f1be"
}
.fa-database:before {
	content:"\f1c0"
}
.fa-file-pdf-o:before {
	content:"\f1c1"
}
.fa-file-word-o:before {
	content:"\f1c2"
}
.fa-file-excel-o:before {
	content:"\f1c3"
}
.fa-file-powerpoint-o:before {
	content:"\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
	content:"\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
	content:"\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
	content:"\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
	content:"\f1c8"
}
.fa-file-code-o:before {
	content:"\f1c9"
}
.fa-vine:before {
	content:"\f1ca"
}
.fa-codepen:before {
	content:"\f1cb"
}
.fa-jsfiddle:before {
	content:"\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
	content:"\f1cd"
}
.fa-circle-o-notch:before {
	content:"\f1ce"
}
.fa-ra:before, .fa-rebel:before {
	content:"\f1d0"
}
.fa-ge:before, .fa-empire:before {
	content:"\f1d1"
}
.fa-git-square:before {
	content:"\f1d2"
}
.fa-git:before {
	content:"\f1d3"
}
.fa-hacker-news:before {
	content:"\f1d4"
}
.fa-tencent-weibo:before {
	content:"\f1d5"
}
.fa-qq:before {
	content:"\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
	content:"\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
	content:"\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
	content:"\f1d9"
}
.fa-history:before {
	content:"\f1da"
}
.fa-genderless:before, .fa-circle-thin:before {
	content:"\f1db"
}
.fa-header:before {
	content:"\f1dc"
}
.fa-paragraph:before {
	content:"\f1dd"
}
.fa-sliders:before {
	content:"\f1de"
}
.fa-share-alt:before {
	content:"\f1e0"
}
.fa-share-alt-square:before {
	content:"\f1e1"
}
.fa-bomb:before {
	content:"\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
	content:"\f1e3"
}
.fa-tty:before {
	content:"\f1e4"
}
.fa-binoculars:before {
	content:"\f1e5"
}
.fa-plug:before {
	content:"\f1e6"
}
.fa-slideshare:before {
	content:"\f1e7"
}
.fa-twitch:before {
	content:"\f1e8"
}
.fa-yelp:before {
	content:"\f1e9"
}
.fa-newspaper-o:before {
	content:"\f1ea"
}
.fa-wifi:before {
	content:"\f1eb"
}
.fa-calculator:before {
	content:"\f1ec"
}
.fa-paypal:before {
	content:"\f1ed"
}
.fa-google-wallet:before {
	content:"\f1ee"
}
.fa-cc-visa:before {
	content:"\f1f0"
}
.fa-cc-mastercard:before {
	content:"\f1f1"
}
.fa-cc-discover:before {
	content:"\f1f2"
}
.fa-cc-amex:before {
	content:"\f1f3"
}
.fa-cc-paypal:before {
	content:"\f1f4"
}
.fa-cc-stripe:before {
	content:"\f1f5"
}
.fa-bell-slash:before {
	content:"\f1f6"
}
.fa-bell-slash-o:before {
	content:"\f1f7"
}
.fa-trash:before {
	content:"\f1f8"
}
.fa-copyright:before {
	content:"\f1f9"
}
.fa-at:before {
	content:"\f1fa"
}
.fa-eyedropper:before {
	content:"\f1fb"
}
.fa-paint-brush:before {
	content:"\f1fc"
}
.fa-birthday-cake:before {
	content:"\f1fd"
}
.fa-area-chart:before {
	content:"\f1fe"
}
.fa-pie-chart:before {
	content:"\f200"
}
.fa-line-chart:before {
	content:"\f201"
}
.fa-lastfm:before {
	content:"\f202"
}
.fa-lastfm-square:before {
	content:"\f203"
}
.fa-toggle-off:before {
	content:"\f204"
}
.fa-toggle-on:before {
	content:"\f205"
}
.fa-bicycle:before {
	content:"\f206"
}
.fa-bus:before {
	content:"\f207"
}
.fa-ioxhost:before {
	content:"\f208"
}
.fa-angellist:before {
	content:"\f209"
}
.fa-cc:before {
	content:"\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
	content:"\f20b"
}
.fa-meanpath:before {
	content:"\f20c"
}
.fa-buysellads:before {
	content:"\f20d"
}
.fa-connectdevelop:before {
	content:"\f20e"
}
.fa-dashcube:before {
	content:"\f210"
}
.fa-forumbee:before {
	content:"\f211"
}
.fa-leanpub:before {
	content:"\f212"
}
.fa-sellsy:before {
	content:"\f213"
}
.fa-shirtsinbulk:before {
	content:"\f214"
}
.fa-simplybuilt:before {
	content:"\f215"
}
.fa-skyatlas:before {
	content:"\f216"
}
.fa-cart-plus:before {
	content:"\f217"
}
.fa-cart-arrow-down:before {
	content:"\f218"
}
.fa-diamond:before {
	content:"\f219"
}
.fa-ship:before {
	content:"\f21a"
}
.fa-user-secret:before {
	content:"\f21b"
}
.fa-motorcycle:before {
	content:"\f21c"
}
.fa-street-view:before {
	content:"\f21d"
}
.fa-heartbeat:before {
	content:"\f21e"
}
.fa-venus:before {
	content:"\f221"
}
.fa-mars:before {
	content:"\f222"
}
.fa-mercury:before {
	content:"\f223"
}
.fa-transgender:before {
	content:"\f224"
}
.fa-transgender-alt:before {
	content:"\f225"
}
.fa-venus-double:before {
	content:"\f226"
}
.fa-mars-double:before {
	content:"\f227"
}
.fa-venus-mars:before {
	content:"\f228"
}
.fa-mars-stroke:before {
	content:"\f229"
}
.fa-mars-stroke-v:before {
	content:"\f22a"
}
.fa-mars-stroke-h:before {
	content:"\f22b"
}
.fa-neuter:before {
	content:"\f22c"
}
.fa-facebook-official:before {
	content:"\f230"
}
.fa-pinterest-p:before {
	content:"\f231"
}
.fa-whatsapp:before {
	content:"\f232"
}
.fa-server:before {
	content:"\f233"
}
.fa-user-plus:before {
	content:"\f234"
}
.fa-user-times:before {
	content:"\f235"
}
.fa-hotel:before, .fa-bed:before {
	content:"\f236"
}
.fa-viacoin:before {
	content:"\f237"
}
.fa-train:before {
	content:"\f238"
}
.fa-subway:before {
	content:"\f239"
}
.fa-medium:before {
	content:"\f23a"
}
/* ********************************************************************
  (1) GRAPHIC STYLE (Play around in this section)
********************************************************************* */


 	/* GLOBAL FONT */
	.mfp-container,  .media-box,  .media-boxes-load-more-button,  .media-boxes-filter,  .media-boxes-drop-down-menu > li > a, .media-boxes-drop-down-header {
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    	/*font-family: 'Open Sans';*/
		font-family: 'Exo 2', sans-serif;
  font-weight:400;
}
/* ====================================================================== *
      [1] MEDIA BOX CONTENT
 * ====================================================================== */
  
  .media-box {
	font-size: 13px;
}
.media-box iframe {
	display: block;
	margin: 0 !important;
}
.media-box-container {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.media-box-content {
	padding: 20px;
	position: relative;
	background: white;
	color: rgb(51, 51, 51);
	line-height: 17px;
}
.thumbnail-overlay-animated {
	position: relative;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.thumbnail-overlay-animated[data-from="top"] {
	top: -20px;
}
.thumbnail-overlay-animated[data-from="bottom"] {
	top: 20px;
}
.thumbnail-overlay-animated[data-from="left"] {
	left: -20px;
}
.thumbnail-overlay-animated[data-from="right"] {
	left: 20px;
}
  
  /* desktop */
  @media only screen and (min-width: 768px) {
 .thumbnail-overlay:hover .thumbnail-overlay-animated {
 opacity: 1;
 left: 0;
 top: 0;
}
}
  /* mobile */
  @media only screen and (max-width: 768px) {
 .media-box-image:hover .thumbnail-overlay-animated {
 opacity: 1;
 left: 0;
 top: 0;
}
}
.thumbnail-overlay-button {
	display: inline-block;
	color: white;
	font-size: 13px;
	background: #e54e53;
	background: rgba(229, 78, 83, 1);
	padding: 6px 8px;
	margin: 3px 0;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;
}
.thumbnail-overlay-button:hover {
	background: rgba(229, 78, 83, .8);
}
.thumbnail-overlay-caption {
	display: inline-block;
	color: white;
	font-size: 11px;
	background: rgba(255, 255, 255, .2);
	padding: 4px 6px;
	margin: 3px 0;
}
.media-box-title {
	letter-spacing: 0px;
	line-height: 1.1;
	font-weight: 800;
	color: #333333;
	font-size: 14px;
}
.media-box-title small {
	font-size: 12px;
	display: block;
	font-weight: 300;
	margin-top: 5px;
}
.media-box-year {
	color: gray;
	font-size: 11px;
	margin-bottom: 3px;
}
.media-box-author {
	font-size: 11px;
	margin: 3px 0 0px 0 !important;
}
.media-box-categories {
	font-size: 11px;
	line-height: 15px;
	color: #e54e53;
	margin-top: 5px;
}
.media-box-categories span {
	color: #333333;
	font-weight: 600;
}
.media-box-date {
	font-size: 11px;
	line-height: 15px;
	color: #e54e53;
	margin-top: 5px;
}
.media-box-date span {
	color: #333333;
	font-weight: 600;
}
.media-box-big-icon {
	margin-bottom: 12px;
}
.media-box-big-icon .fa {
	font-size: 55px !important;
	color: white !important;
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
}
.media-box-text {
	font-size: 12px;
	margin: 13px 0px 13px 0 !important;
	color: #333333;
}
.media-box-quote {
	padding: 30px;
	background: #e54e53;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
}
.media-box-quote span {
	display: block;
	margin-top: 20px;
	font-size: 13px;
}
.media-box-subscribe {
	padding: 30px;
	background: #2C393F;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
}
.media-box-subscribe p {
	color: #fff;
}
.media-box-subscribe input {
	border-radius: 0px;
	border: 0;
	margin-top: 10px;
	margin-bottom: 15px;
}
.media-box-subscribe .btn {
	border: 0;
	color: #fff;
	background: #86979F;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
	min-width: 120px;
	font-weight: 500;
	font-size: 12px;
	padding: 12px;
}
.media-box-view-image {
	margin: 12px 0 0 0;
}
.media-box-more a, .media-box-view-image a {
	text-decoration: none !important;
	color: inherit;
	padding: 0;
	margin: 0;
	color: #e54e53;
	font-weight: 600;
	font-size: 11px;
}
.media-box-more a:hover, .media-box-view-image a:hover {
	color: #333333;
}
a.media-box-read-more-link {
	background: #e54e53;
	color: #fff;
	padding: 0 4px;
}
a.media-box-read-more-link:hover {
	background: #333333;
	text-decoration: none;
}
.media-box-footer {
	background: #F8F8F8;
	padding: 20px;
}
.media-box-social-buttons {
	text-align: center;
}
.media-box-social-buttons i {
	font-size: 15px;
	color: #C7C7C7;
	margin: 0 7px;
 -webkit-transition: color .1s;
 -moz-transition: color .1s;
 -o-transition: color .1s;
 -ms-transition: color .1s;
 transition: color .1s;
}
.media-box-social-buttons i:hover {
	color: #333;
}
.media-box-play-button {
	background: rgba(255, 255, 255, .8) !important;
	color: #000 !important;
	padding-left: 3px;
}
.media-box-sound-button {
	background: rgba(255, 255, 255, .8) !important;
	color: #000 !important;
	padding-left: 1px;
}
.media-box-logo {
	text-align: center;
	font-size: 80px;
	padding: 30px 0;
	color: rgba(255, 255, 255, .7);
 -webkit-transition: color .1s;
 -moz-transition: color .1s;
 -o-transition: color .1s;
 -ms-transition: color .1s;
 transition: color .1s;
}
.media-box-logo:hover {
	color: rgba(255, 255, 255, 1);
}
.media-box-price {
	font-size: 16px;
	color: #e54e53;
	margin-top: 10px;
	font-weight: 400;
}
.media-box-price del {
	font-size: 12px;
	color: #A4A4A4;
}
.media-box-sale {
	color: #fff;
	background: #e54e53;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	font-weight: 100;
	font-size: 12px;
	top: -10px;
	right: 10px;
	z-index: 99;
}
/* ====================================================================== *
      [2] LOAD MORE
 * ====================================================================== */
    
  .media-boxes-load-more-button {
	cursor: pointer;
	width: 150px;
	text-align: center;
	color: white;
	/*background-color: #333333;*/
	font-size: 14px !important;
	height: 15px;
	padding: 10px 15px 10px 15px;
	margin: 0px auto;
	line-height: 15px;
	-webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-o-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-ms-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
.media-boxes-no-more-entries {
	/*filter: alpha(opacity=20);
	opacity: 0.2;*/
}
/* ====================================================================== *
      [3] FILTER BAR
 * ====================================================================== */
  
  .filters-container {
	margin-bottom: 15px;
}
.filters-container:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
 @media only screen and (max-width: 768px) {
 .filters-container>* {
 float: left !important;
 display: block;
 margin-bottom: 5px !important;
 margin-right: 5px !important;
}
 .filters-container .media-boxes-filter {
 margin-top: -5px !important;
}
 .filters-container .media-boxes-filter>li {
 margin-top: 5px !important;
}
}
.media-boxes-filter {
	font-size: 0px;
	list-style: none;
	margin: 0;
	padding: 0px;
	text-align: left;
}
.media-boxes-filter>li {
	display: inline-block;
	line-height: 16px;
	margin: 0 8px 0 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.media-boxes-filter>li:last-child {
	background: none;
}
.media-boxes-filter>li a {
	display: block;
	cursor: pointer;
	color: #676767;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	margin: 0 0px 0px 0;
	padding: 11px 14px;
	background-color: white;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
 -webkit-transition: background-color .1s;
 -moz-transition: background-color .1s;
 -o-transition: background-color .1s;
 -ms-transition: background-color .1s;
 transition: background-color .1s;
	-webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-o-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-ms-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
}
.media-boxes-filter>li a:hover {
	text-decoration: none;
	background: #333333;
	color: #fff;
}
.media-boxes-filter>li a.selected {
	background: #e54e53 !important;
	color: #fff !important;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;
}
/* ====================================================================== *
      [4] SEARCH FILTER
 * ====================================================================== */

  .media-boxes-search {
	padding: 9px 14px 9px 14px;
	font-size: 12px;
	margin: 0;
	font-weight: 400;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.media-boxes-search:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/* ====================================================================== *
      [5] DROP DOWN MENU
 * ====================================================================== */
    
    .media-boxes-drop-down {
	width: 140px;
	margin: 0;
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-o-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-ms-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
}
.media-boxes-drop-down-header .fa {
	float: right;
}
.media-boxes-drop-down-menu {
	margin: 0;
	padding: 0;
	z-index: 99999;
	position: absolute;
	width: 100%;
	display: none;
	-webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-o-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	-ms-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
	box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
}
.media-boxes-drop-down-menu > li {
	list-style: none;
}
.media-boxes-drop-down-menu > li:first-child > a {
	border-top: 1px solid #E9E9E9;
}
.media-boxes-drop-down-menu > li > a, .media-boxes-drop-down-header {
	font-size: 12px;
	font-weight: 400;
	display: block;
	padding: 10px 14px;
	text-decoration: none;
	background-color: white;
	color: #676767;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.media-boxes-drop-down-menu > li > a {
	color: #999999;
}
.media-boxes-drop-down-menu > li > a:hover, .media-boxes-drop-down-menu > li > a:focus {
	color: #000;
}
.media-boxes-drop-down-menu > li.selected > a,  .media-boxes-drop-down-menu > li > a.selected {
	color: #e54e53;
}
.media-boxes-drop-down-header {
	background-color: white;
	cursor: pointer;
}
/* ====================================================================== *
      [6] THUMBNAIL OVERLAY EFFECT
 * ====================================================================== */

  .thumbnail-overlay {
	background: black; /* fallback for IE8 */
	background-color: rgba(0, 0, 0, .30);
	color: #333333;
}
/* The style for centering the caption (vertically and horizontally) */
  .thumbnail-overlay>div.aligment {
	height: 100%;
	width: 100%;
	display: table !important;
}
.thumbnail-overlay>div.aligment>div.aligment {
	padding: 10px;
	display: table-cell !important;
	vertical-align: middle; /* FOR VERTICAL ALIGN */
	text-align:center; /* FOR HORIZONTAL ALIGN */
}
.overlay-title {
	font-weight: 500;
	font-size: 16px;
	display: block;
	line-height: 16px;
	margin-bottom: 5px;
}
.overlay-description {
	font-weight: 400;
	font-size: 12px;
	display: block;
	line-height: 16px;
}
.thumbnail-overlay i.fa, .media-box-play-button, .media-box-sound-button {
	background: #e54e53;
	font-size: 13px;
	color:  #fff;
	text-align: center;
	display: inline-block;
	margin: 3px;
	height: 44px;
	width: 44px;
	line-height: 45px;
	/*padding: 17px 17px 15px 17px;*/

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 50%; /* Firefox 1-3.6 */
	border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 -webkit-transition: -webkit-transform .2s, background .1s;
 -moz-transition:    -moz-transform .2s, background .1s;
 -o-transition:      -o-transform .2s, background .1s;
 -ms-transition:     -ms-transform .2s, background .1s;
 transition:         transform .2s, background .1s;
}
.thumbnail-overlay i.fa:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	cursor: pointer;
	background: #333333 !important;
}
.mb-play-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('icons/blank.gif'); /* IE hack, since IE doesn't recognize the hover state in places where there's nothing */
}
.mb-play-container .fa {
	border: 2px solid #fff;
	padding: 14px 15px 13px 17px;
	font-size: 19px;
	color: #fff;
	text-align: center;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 50%; /* Firefox 1-3.6 */
	border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
 -webkit-transition: background-color .2s, -webkit-transform .2s;
 -moz-transition: background-color .2s, -moz-transform .2s;
 -o-transition: background-color .2s, -o-transform .2s;
 -ms-transition: background-color .2s, -ms-transform .2s;
 transition: background-color .2s, transform .2s;
}
.mb-play-container:hover .fa {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/* ====================================================================== *
      [7] MAGNIFIC POPUP
 * ====================================================================== */

  .mb-open-popup {
	cursor: pointer;
}
.mfp-arrow.mfp-arrow:before,  .mfp-arrow.mfp-arrow:after {
	border:none !important;
}
.mfp-arrow.mfp-arrow-left {
	background:url('icons/icon-arrow-left.png') 50% 50% no-repeat !important;
}
.mfp-arrow.mfp-arrow-right {
	background:url('icons/icon-arrow-right.png') 50% 50% no-repeat !important;
}
.mfp-close {
	background:url('icons/icon-close.png') right no-repeat !important;
}
/* Just some example in how to add a loder image (gif) to the popup
  .mfp-preloader {
    width: 24px;
    height: 24px;
    margin: auto;
    color: transparent;
    background-image: url('icons/loading-image.gif');
  }
  */

  .iframe-on-grid-container, .iframe-on-grid-container iframe {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: #000;
	display: none;
}
.iframe-on-grid-container {
	display: block;
}
/* ====================================================================== *
      [8] SOCIAL FOR MAGNIFIC POPUP
 * ====================================================================== */

	.media-boxes-social-container {
	float: right;
	margin-right: 10px;
	font-size: 18px;
}
.media-boxes-social-container>* {
	margin-right: 5px;
}
/* 
 * 
 *
 * 
 * 
 *  BRIDGE (Unless you know what you are doing don't scroll down) ========>
 * 
 *
 * 
 *
 */











/* ********************************************************************
  (2) NEEDED STYLE (Don't play here)
********************************************************************* */


/* ====================================================================== *
      [1] SETUP 
 * ====================================================================== */
	
  .media-box {
	/* Box-model */
    display: none; /* hidden by default, the plugin will take care of showing it */
	float: left;/*width: 20%;*/
  }
.media-box-hidden, .not-loaded-before-search {
	display: none; /* hide the hidden boxes */
}
.media-boxes-container {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
.media-box-loaded {
	display: block; /* class to show the boxes once the plugin has been initialized */
}
/* ====================================================================== *
    [2] MEDIA BOX THUMBNAIL
 * ====================================================================== */

  .media-box-image {
	position: relative;
	overflow: hidden;
	width: 100%;
}
/* Hack to center the image */
  .media-box-image div[data-width][data-height] {
	position: relative;
	overflow: hidden;
}
.media-box-image div[data-width][data-height] img {
	position: absolute;
	top:-100%;
	left:0;
	right: 0;
	bottom:-100%;
	margin: auto;
}
/* End Hack */

  .media-box .media-box-image img {
	width: 100%;
	max-width: 100%;
	display: block;
}
.media-box img {
	max-width: 100%;
}
/* Loading and broken thumbnail effects */

  .media-box-image div[data-thumbnail], .media-box-image div[data-popup] {
	background-position: center center;
	background-repeat: no-repeat;
}
.image-with-dimensions {
	background-color: black;
	background-image: url('icons/loading-image.gif');
}
.broken-image-here {
	background-color: #BE3730;
	background-image: url('icons/broken-image.png');
}
 .broken-image-here:not([data-height]) {
 min-height: 150px;
}
/* ====================================================================== *
    [3] MEDIA BOX CONTENT
 * ====================================================================== */

  .media-box-container {
	overflow: hidden;
	position:relative;
	z-index:1;
}
.media-box-container:hover {
	z-index: 2; /* bring the hover media box to the front */
}
/* ====================================================================== *
    [4] THUMBNAIL OVERLAY EFFECT
 * ====================================================================== */

  .thumbnail-overlay {
	position: absolute;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 100%;
}
/* REVEAL EFFECT */
  .position-reveal-effect .media-box-thumbnail-container {
	z-index: 2;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.position-reveal-effect .thumbnail-overlay {
	z-index: 1;
	position: absolute;
	left: 0;
}
.overlay-always-visible {
	display: block !important;
	zoom: 1 !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}
.overlay-text-left>.aligment>.aligment {
	text-align: left !important;
}
.overlay-text-right>.aligment>.aligment {
	text-align: right !important;
}
/* ====================================================================== *
    [5] MAGNIFIC POPUP
 * ====================================================================== */
  
  .mfp-arrow:focus {
	opacity: 0.65;
	filter: alpha(opacity=65);
}
.mfp-arrow:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
/* at start */
  .my-mfp-slide-bottom .mfp-figure {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
  .my-mfp-slide-bottom.mfp-ready .mfp-figure {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
  .my-mfp-slide-bottom.mfp-removing .mfp-figure {
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* Dark overlay, start state */
  .my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
  .my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
  .my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}