/*
colors:
bg: #011121 , #15004F 


colors: #ffd100 , #f30401 , #1c21e2 , #5dff97

:root {
  --bg: #011121;
  --dark: #15004F;
  --darker: #011121;
  --yellow: #ffd100;
  --red: #f30401;
  --blue: #1c21e2;
  --light-green: #5dff97;
}
*/

.img-wrapper { 
	border-radius: 34px !important;
	padding: 3px; 
	background: #fff;
	background-size: 10px 10px;
	/* background-image: repeating-linear-gradient(45deg, rgba(1,17,33,0.3) 0, rgba(1,17,33,0.3) 1px, #fff 0, #fff 50%); */
	/* background: linear-gradient(180deg, #fff 10%, #f30401 50%, #15004F); */
}
.img-wrapper img { 
	border-radius: 33px !important; 
}
.section-white .img-wrapper,
.section-light .img-wrapper,
.bg-white .img-wrapper,
.bg-light .img-wrapper { background: #011121; }
.section-dark .img-wrapper,
.section-darker .img-wrapper
.bg-dark .img-wrapper
.bg-darker .img-wrapper { background: #fff; /* background: linear-gradient(180deg, rgba(255,209,0, 0) 10%, #ffd100 50%, #1c21e2 ); */ }
.img-styled { 
	display:block; 
	/* border: 1px solid #fff;  */
	border-radius: 10px !important;
	border: 1px solid rgba(0, 255, 150, 0.8);
	/* box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; */
	-webkit-box-shadow: 0px 0px 30px 1px rgba(0,255,255,0.3); 
	-moz-box-shadow: 0px 0px 30px 1px rgba(0,255,255,0.3); 
	box-shadow: 0px 0px 30px 1px rgba(0,255,255,0.3); 
}

.section-white .img-styled,
.section-light .img-styled,
.section-light-gradient .img-styled { box-shadow: 0px 0px 0px 10px rgba(0,8,255,0.15);  }
.section-light-blue .img-styled { box-shadow: 0px 0px 0px 10px rgba(4,41,87,0.05);  }
.section-dark .img-styled { border-color: rgba(0, 255, 150, 0.8); }
.img-styled.bd-dark { border-color:#080041; }
.img-styled.bd-darker { border-color:#011121; }
.img-styled.bd-light-blue { border-color:#6ee7ff; }
.img-styled.bd-yellow { border-color:#ffd100; }
.img-wrapper.stripes { 
	background: linear-gradient(45deg, #000 25%, #ffd820 25%, #ffd820 50%, #000 50%, #000 75%, #ffd820 75%, #ffd820 100%);
	background-size: 56.57px 56.57px;
}
.section-darker .img-wrapper.stripes img { border: 2px solid #0a0b0f;}
.section-white .img-wrapper.stripes img { border: 2px solid #0a0b0f;}
.img-styled.rotate-right { transform: rotate(4deg); }
.img-styled.rotate-left { transform: rotate(356deg); }
.img-styled-stats { 
	border: 10px solid rgba(0,0,0, 1);
	box-shadow: rgba(0,255,255, 1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
	border-radius: 34px;
}
.img-thumb {  border: 9px solid #5534ea; width: 100%; height: auto; max-width: 300px; max-height: 300px;}
.img-styled-newsletters-sold {  
	border-radius: 14px;
	border: 1px solid #0ff;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 22px 50px 4px;
}
/*
background-color: #e5e5f7;
opacity: 0.8;
background-size: 10px 10px;
background-image: repeating-linear-gradient(45deg, #444cf7 0, #444cf7 1px, #e5e5f7 0, #e5e5f7 50%);
*/

.gfx-bg:before {
	background-image: url(../images/gfx-bg1.png);
	background-size: contain;
	background-repeat: no-repeat !important;
	background-position: center center;
}
.gfx-bg-left { background-position: left center; }
.gfx-bg-right { background-position: right center; }

.image .caption { position:absolute; width: 100%; height: 158px; top: 0; bottom: 0; left: 0; right: 0; margin:auto; background: #000408; padding: 22px;}
.image .caption::before,
.image .caption::after { 
	position:absolute; width: 100%; height: 6px; top: 0; left: 0; 
	background: linear-gradient(45deg, #000 25%, #ffd820 25%, #ffd820 50%, #000 50%, #000 75%, #ffd820 75%, #ffd820 100%);
	background-size: 56.57px 56.57px;
}
.image .caption::after { top: auto; bottom: 0; }