/* ------------------------------------------------------------------------------

  Template Name: idg4fi

	original	
d1	#ccae7f		rgba(204, 174, 127, 1)
d2	#dd7c93		rgba(221, 124, 147, 1)
d3	#dd5e45		rgba(221, 94, 69, 1)
d4	#e87d34		rgba(232, 125, 52, 1)
d5	#993f4a		rgba(153, 63, 74, 1)


/*-------------------------------------------------------------------------------
  1. Global
-------------------------------------------------------------------------------*/
:root {
	--d1: #ccae7f;
	--d1-rgba: rgba(204, 174, 127, 1);
	--d2: #dd7c93;
	--d2-rgba: rgba(221, 124, 147, 1);
	--d3: #dd5e45;
	--d3-rgba: rgba(221, 94, 69, 1);
	--d4: #e87d34;
	--d4-rgba: rgba(232, 125, 52, 1);
	--d5: #993f4a;
	--d5-rgba: rgba(153, 63, 74, 1);
  }

.slide-descr {
	color: #555;
}


.bg-d1{background: linear-gradient(90deg,var(--d1) 50%, var(--d2) 100%);}
.bg-d2{background: linear-gradient(90deg,var(--d2) 50%, var(--d3) 100%);}
.bg-d3{background: linear-gradient(90deg,var(--d3) 50%, var(--d4) 100%);}
.bg-d4{background: linear-gradient(90deg,var(--d4) 50%, var(--d5) 100%);}
.bg-d5{background: linear-gradient(90deg,var(--d5) 50%, var(--d1) 100%);}


.bg-d1 {
	background-image: url(../img/d1-w-t30.png);
	position: relative; background-repeat: no-repeat; background-position: center; background-size: 50%;
  }
  .bg-d1::before {
	content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
	background: linear-gradient(90deg, var(--d1) 50%, var(--d2) 100%);
  }

  .bg-d2 {
	background-image: url(../img/d2-w-t30.png);
	position: relative; background-repeat: no-repeat; background-position: center; background-size: 50%;
  }
  .bg-d2::before {
	content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
	background: linear-gradient(90deg,var(--d2) 50%, var(--d3) 100%);
  }

  .bg-d3 {
	background-image: url(../img/d3-w-t30.png);
	position: relative; background-repeat: no-repeat; background-position: center; background-size: 50%;
  }
  .bg-d3::before {
	content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
	background: linear-gradient(90deg,var(--d3) 50%, var(--d4) 100%);
  }
  
  .bg-d4 {
	background-image: url(../img/d4-w-t30.png);
	position: relative; background-repeat: no-repeat; background-position: center; background-size: 50%;
  }
  .bg-d4::before {
	content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
	background: linear-gradient(90deg,var(--d4) 50%, var(--d5) 100%);
  }
  
  .bg-d5 {
	background-image: url(../img/d5-w-t30.png);
	position: relative; background-repeat: no-repeat; background-position: center; background-size: 50%;
  }
  .bg-d5::before {
	content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
	background: linear-gradient(90deg,var(--d5) 50%, var(--d1) 100%);
  }
  
  @media (max-width: 768px) {
	.bg-d1,
	.bg-d2,
	.bg-d3,
	.bg-d4,
	.bg-d5
		{background-size: 80%;}
	
	}

@media (min-width: 768px) {
	.slide-title{
			font-size: 5vmin;
		}
  }