.gallery {
    max-width: 1600px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    z-index: 1;
}

.content {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

.single-content {
    display:flex;
    cursor:pointer;
}

.single-content.portrait {
    width: 320px;
    height: 400px;
}

.single-content.landscape {
    width: 680px;
    height: 400px;
}


.single-content img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
    
}
.single-content a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.filters {
	width: 100%;
	text-align: center;
}

.filters ul {
	list-style: none;
	padding: 60px 15px 30px;
}
.filters li {
    font-family: "radikal_medium", "Rubik", sans-serif;
	display: inline-block;
	padding: 10px 25px;
	font-size: 16px;
	color: #313896; /*(30, 30, 241)*/
	cursor: pointer;
  	letter-spacing: .05em;
    border: 2px solid transparent;
    border-radius: 15px;
}

.filters li:hover {
	color: #00c796; /*#E73C65 */
}

.filters li.active {
	color: #00c796; /*#E73C65 */
	border: 2px solid #00c796;
	border-radius: 15px;
}

.project-header {
    height: 250px;
    width: 100%;
    max-width: 100%;
}

.portfolio-header {
    /*background-color: #313896; #078a7e #E73C65  #17a2b8bd*/
    height: 40vh;
    width: 100%;
    max-height: 380px;
    max-width: 100%;
}

.overlay.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay {
  opacity: 0;
  z-index: 10;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  background: linear-gradient(120deg, #313896 0%, #00c796 100%);
    /*linear-gradient(120deg, rgb(30, 30, 241) 0%, #E73C65 100%);*/
}
.img-hidden {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.caption {
  font-family: "radikal_regular", "Rubik", sans-serif;
  height: 100%;
  position: relative;
  z-index: 20;
  padding: 25px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translate3d(0, 250px, 0);
  text-align: center;
  color: #fff;
  justify-content: center;
}

.single-content {
  z-index: 20;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #fff;
  justify-content: center;
  margin: 10px;
}
.caption .item_subtitle {
  transform: translate3d(0, 240px, 50px);
  transition: transform .5s ease-out;
  font-size: 14px;
}
.caption .item_type {
    letter-spacing: 1px;
    text-transform: uppercase;
    transform: translate3d(0, 280px, 50px);
}
.caption .item_title {
    color: white;
    padding: 5px 0px;
    transform: translate3d(0, 260px, 50px);
}

.single-content .caption {
    transition: transform .5s ease-out;
}

.caption .item_title,
.caption .item_subtitle,
.caption .item_type {
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.38);
}

/**Hover*/

.single-content:hover .caption {
    transform: translate3d(0, 0, 0);
}

.single-content:hover .overlay {
  opacity: .9;
}
.single-content:hover .caption .item_title {
  transform: translate3d(0, 0, 50px);
}
.single-content:hover .caption .item_type {
  transform: translate3d(0, 0, 30px);
}
.single-content:hover .caption .item_subtitle {
  transition-delay: .05s;
  transform: translate3d(0, 0, 50px);
}

.grid-item-tilt {
    height: 100%;
}

.project-header {
    height: 250px;
}

.project-header {
    background-color: #313896;
}
.project-header .breadcrumbs ul {
    padding-left: 0px;
    font-family: "radikal_regular", "Rubik", sans-serif;
    display: flex;
    list-style: none;
    padding-top: 45px;
    font-size: 14px;
    color: white;
}
.project-header .breadcrumbs ul li.active {
    font-family: "radikal_medium", "Rubik", sans-serif;
    
}
.breadcrumbs ul li, .breadcrumbs span {
    padding-right: 15px;
}

.portfolio-header h1 {
    font-size: 156px;
    padding-top: 110px;
}

.portfolio-header h1{
    z-index: 0;
    font-family: 'Sacramento', cursive;
    position: relative;
    display: table-cell; vertical-align: middle;
    color: white;
    /*text-shadow: #201ef0 1px 1px, #221fee 2px 2px, #241fed 3px 3px, #261feb 4px 4px, #2820ea 5px 5px, #2a20e9 6px 6px, #2c20e7 7px 7px, #2e20e6 8px 8px, #3021e4 9px 9px, #3221e3 10px 10px, #3421e2 11px 11px, #3622e0 12px 12px, #3822df 13px 13px, #3a22dd 14px 14px, #3c23dc 15px 15px, #3e23db 16px 16px, #4023d9 17px 17px, #4223d8 18px 18px, #4424d6 19px 19px, #4624d5 20px 20px, #4824d4 21px 21px, #4a25d2 22px 22px, #4c25d1 23px 23px, #4e25cf 24px 24px, #5026ce 25px 25px, #5226cd 26px 26px, #5426cb 27px 27px, #5626ca 28px 28px, #5827c8 29px 29px, #5a27c7 30px 30px, #5c27c6 31px 31px, #5e28c4 32px 32px, #6028c3 33px 33px, #6228c1 34px 34px, #6429c0 35px 35px, #6629bf 36px 36px, #6829bd 37px 37px, #6a29bc 38px 38px, #6c2aba 39px 39px, #6e2ab9 40px 40px, #702ab8 41px 41px, #722bb6 42px 42px, #742bb5 43px 43px, #762bb3 44px 44px, #782cb2 45px 45px, #7a2cb1 46px 46px, #7c2caf 47px 47px, #7e2cae 48px 48px, #802dac 49px 49px, #832dab 50px 50px, #852daa 51px 51px, #872ea8 52px 52px, #892ea7 53px 53px, #8b2ea5 54px 54px, #8d2fa4 55px 55px, #8f2fa3 56px 56px, #912fa1 57px 57px, #932fa0 58px 58px, #95309e 59px 59px, #97309d 60px 60px, #99309c 61px 61px, #9b319a 62px 62px, #9d3199 63px 63px, #9f3197 64px 64px, #a13296 65px 65px, #a33295 66px 66px, #a53293 67px 67px, #a73292 68px 68px, #a93390 69px 69px, #ab338f 70px 70px, #ad338e 71px 71px, #af348c 72px 72px, #b1348b 73px 73px, #b33489 74px 74px, #b53588 75px 75px, #b73587 76px 76px, #b93585 77px 77px, #bb3584 78px 78px, #bd3682 79px 79px, #bf3681 80px 80px, #c13680 81px 81px, #c3377e 82px 82px, #c5377d 83px 83px, #c7377b 84px 84px, #c9387a 85px 85px, #cb3879 86px 86px, #cd3877 87px 87px, #cf3876 88px 88px, #d13974 89px 89px, #d33973 90px 90px, #d53972 91px 91px, #d73a70 92px 92px, #d93a6f 93px 93px, #db3a6d 94px 94px, #dd3b6c 95px 95px, #df3b6b 96px 96px, #e13b69 97px 97px, #e33b68 98px 98px, #e53c66 99px 99px, #e73c65 100px 100px, #1e1ef1 0px 0px;*/
}