/*Custom IDU*/
html .bg-color-dark, html .bg-dark {
    background-color: #1b3359 !important;
}

section.section.section-angled.section-angled-reverse 
.section-angled-layer-increase-angle.section-angled-layer-bottom {
    transform: skewY(3deg) translate3d(0, 50%, 0);
}

section.section.section-angled .section-angled-layer-top {
    padding: 6rem 0;
    transform: skewY(-5deg) translate3d(0, -60%, 0);
}

html .bg-color-primary, html .bg-primary {
    background-color: #1b3359 !important;
}

html .bg-color-light, html .bg-light {
    background-color: #f7f7f7 !important;
}

html .btn-primary {
    background-color: #1b3359;
    border-color: #1b3359 #0088cc #006699;
    color: #FFF;
    --color: #1b3359;
    --hover: #00a1f2;
    --disabled: #0088cc;
    --active: #006ea6;
}

.masonry-item {
	padding: 5px;
}

@media (min-width: 576px){
	.container-fluid {
    	padding-right: 0%;
	}
}

@media (max-width: 800px) {
    #slide-logo{ 
        margin-top: 50% !important; 
    }
}

.main{
    background-color: #f7f7f7 !important;
}

@keyframes slide {
  0% {
    transform: translateX(8px)
  }
  50% {
    transform: translateX(-8px)
  }
  100% {
    transform: translateX(8px)
  }
}

.section-angled-layer-top::before{
    content: url(https://w-developer.com/idu/fritanga2/images/badge.png);
    position: relative;
    z-index: 100000;
    left: -50px;
    top: 190px;
    position: absolute;
    left: -100px;
    right: 0;
    animation: slide 1.4s ease-in-out infinite;
}

.section-angled-layer-bottom::before{
    content: url(https://w-developer.com/idu/fritanga2/images/badge.png);
    position: relative;
    z-index: 100000;
    left: -50px;
    top: -6px;
    position: absolute;
    left: -100px;
    right: 0;
    animation: slide 1.4s ease-in-out infinite;
}