@media only screen and (max-width: 575px) {
   .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
      border: 0;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 48px;
      margin-bottom: 0px;
      border-radius: 15px;
   }
  .thumb-info.thumb-info-bottom-info .thumb-info-title {
   	padding: 0px;
   }
   .isotope-item {
      text-align: left !important;
  }
  .card-stats .value{
  font-size:16px;
  font-weight: 500;
  line-height: 10px
}
.card-stats .type{
  font-size:10px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 25px;
}
.card-stats .lines_open{
  font-size:10px;
  font-weight: 300;
  text-transform: lowercase;
  line-height: 0px;
}
}

@media only screen and (min-width: 576px) {
   .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
      border: 0;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 48px;
      margin-bottom: 0px;
      border-radius: 15px;
   }
      .thumb-info.thumb-info-bottom-info .thumb-info-title {
   	padding: 0px;
   }
   
   .isotope-item {
      text-align: left !important;
  }
  .card-stats .value{
  font-size:19px;
  font-weight: 500;
  line-height: 10px
}
.card-stats .type{
  font-size:11px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 25px;
}
.card-stats .lines_open{
  font-size:11px;
  font-weight: 300;
  text-transform: lowercase;
  line-height: 0px;
}
}

@media only screen and (min-width: 768px) {
   .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
      border: 0;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 35px;
      margin-bottom: 0px;
      border-radius: 15px;
   }
      .thumb-info.thumb-info-bottom-info .thumb-info-title {
   	padding: 0px;
   }
   .card-stats .value{
  font-size:22px;
  font-weight: 500;
  line-height: 10px
}
.card-stats .type{
  font-size:11px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 25px;
}
.card-stats .lines_open{
  font-size:11px;
  font-weight: 300;
  text-transform: lowercase;
  line-height: 0px;
}
}

@media only screen and (min-width: 992px) {
   .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
      border: 0;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 23px;
      margin-bottom: 0px;
      border-radius: 15px;
   }
      .thumb-info.thumb-info-bottom-info .thumb-info-title {
   	padding: 0px;
   }
   .card-stats .value{
  font-size:22px;
  font-weight: 500;
  line-height: 10px
}
.card-stats .type{
  font-size:11px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 25px;
}
.card-stats .lines_open{
  font-size:11px;
  font-weight: 300;
  text-transform: lowercase;
  line-height: 0px;
}
}

@media only screen and (min-width: 1200px) {
   .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
      border: 0;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 10px;
      margin-bottom: 0px;
      border-radius: 15px;
   }
   .thumb-info.thumb-info-bottom-info .thumb-info-title {
   	padding: 0px;
   }
   .card-stats .value{
  font-size:24px;
  font-weight: 500;
  line-height: 10px
}
.card-stats .type{
  font-size:11px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 25px;
}
.card-stats .lines_open{
  font-size:11px;
  font-weight: 300;
  text-transform: lowercase;
  line-height: 0px;
}
}


@media only screen and (min-width: 1440px) {
   .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
      border: 0;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 8px;
      margin-bottom: 0px;
      border-radius: 15px;
   }
   .thumb-info.thumb-info-bottom-info .thumb-info-title {
   	padding: 0px;
   }
   .card-stats .value{
  font-size:28px;
  font-weight: 500;
  line-height: 10px
}
.card-stats .type{
  font-size:15px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 34px;
}
.card-stats .lines_open{
  font-size:15px;
  font-weight: 300;
  text-transform: lowercase;
  line-height: 0px;
}
}


.color-inner{
    color: #5dade2;
    /*line-height: 6px;   */
}
.thumb-info-type {
    color: #ff8469;
   /* line-height: 6px;*/
}

.cw-style {
   border: 1px solid;
   padding: 10px;
   box-shadow: 5px 10px 18px #BBBBBB;
   border-radius: 15px;
}

.rounded {
    border-radius: 15px !important;
}

.portfolio-item {
    position: relative;
    margin-bottom: 27px !important;
}

.featured-boxes-modern-style-1 .featured-box .box-content {
    padding: 0px;
}





.card {
  grid-template-areas: "image" "text" "stats";
  font-family: roboto;
  text-align: center;
}
.card-image {
  grid-area: image;
  background: url("../test/img1.jpg");
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-size: cover;
}

.card-text {
  grid-area: text;
  margin: 25px;
}
.card-text .date {
  color: rgb(255, 7, 110);
  font-size:13px;
}
.card-text p {
  color: grey;
  font-size:15px;
  font-weight: 300;
}
.card-text h2 {
  margin-top:0px;
  font-size:28px;
}
.card-stats {
  grid-area: stats; 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #212529;
}
.card-stats .stat {
  padding:0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
  padding-top: 12px;
padding-bottom: 15px;
}
.card-stats .borde {
  border-left: 1px solid #4C4C4C !important;
  border-right: 1px solid #4C4C4C !important;

}

.card-stats .value sup{
  font-size:12px;
}

.flip-card:checked + label .flip-front {
	transform: translate3d(0, 0, -1px) rotateY(-180deg);
}

.flip-card:checked + label .flip-back {
	transform: translate3d(0, 0, 1px) rotateY(0deg);
}

.social-icons li:hover.social-icons-instagram a {
	background: #f09433 !important; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ) !important; 
}

.social-icons li:hover.social-icons-globe a {
	background: green !important;
}

.social-icons li:hover.social-icons-map-marker-alt a {
	background: red !important;
}



.css-selector {
    
    background: linear-gradient(235deg, #a6d79e, #204b47, #476b4a);
    background-size: 200% 200%;

    -webkit-animation: ThreeGreensCollective 2s ease infinite;
    -moz-animation: ThreeGreensCollective 2s ease infinite;
    -o-animation: ThreeGreensCollective 2s ease infinite;
    animation: ThreeGreensCollective 2s ease infinite;
}

@-webkit-keyframes ThreeGreensCollective {
    0%{background-position:43% 0%}
    50%{background-position:58% 100%}
    100%{background-position:43% 0%}
}
@-moz-keyframes ThreeGreensCollective {
    0%{background-position:43% 0%}
    50%{background-position:58% 100%}
    100%{background-position:43% 0%}
}
@-o-keyframes ThreeGreensCollective {
    0%{background-position:43% 0%}
    50%{background-position:58% 100%}
    100%{background-position:43% 0%}
}
@keyframes ThreeGreensCollective {
    0%{background-position:43% 0%}
    50%{background-position:58% 100%}
    100%{background-position:43% 0%}
}