/*Fixes*/
.owl-item.center { text-align: left; } 
[class^="e-social-"]::before, [class*=" e-social-"]::before { margin-right: 0 !important; margin-left: 0 !important; }
.ft3-header-top-three .ft3-top-left .top-list li a {  color:#fff; }
.ft3-header-top-three .ft3-top-left .top-list li a:hover {  color:#2b2b2b; }

.ft1-main-header .header-upper .inner-container { position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
.sticky-header .auto-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.sticky-header .logo img, 
.ft1-main-header .header-upper .logo-box .logo img { width: auto; max-height: 48px; }
.sticky-header .logo a, 
.ft1-main-header .header-upper .logo-box a { 
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap; }
.sticky-header .logo img { }
@media only screen and (max-width: 479px) {
    .sticky-header .logo img, .ft1-main-header .header-upper .logo-box .logo img { width: auto; max-height: 30px; }
}

.ft1-main-header .mobile-nav-toggler { color: #202020 !important; }

.slide-two-content .inner-box .image-box .content-inner .text { min-height: 105px; }
.slide-two-content .inner-box .image-box .content-inner .btn-style-three { border-radius: 0px; font-size: 14px; font-weight: 400; padding: 12px 24px; font-family: inherit; display: initial; }


.ft1-main-footer.style-two { background-image: url(assets/images/pattern-12.png); background-color: #131313; }
.ft3-counter-section { background-image: url(assets/images/pattern-11.png); background-color: #262626; }
.ft3-portfolio-section { background-image: url(assets/images/f-bg.png); background-color: #f4f4f4; background-repeat: no-repeat; background-size: contain;  background-position: center center;}
.ft3-portfolio-block .inner-box .content-box { padding: 30px 30px 30px 35px; }
.ft-testimonial-section-2 { padding: 70px 0px 100px; }
.ft-featured-section { padding: 50px 0px 50px; }
.ft3-cta-section-two  { background-image: url(assets/images/cta-bg.jpg); }
.ft-breadcrumb-section { background-image: url(assets/images/bread-bg.jpg); padding: 110px 0px 110px; }
.ft-breadcrumb-section .background_overlay { background-color: rgba(17, 17, 17, 0.75); }
.ft-breadcrumb-content .breadcrumb { display: block; }
.ft-breadcrumb-content .breadcrumb-item + .breadcrumb-item:before {  float: none;   padding: initial; color: initial; content: none; }
.ft-breadcrumb-content .breadcrumb-item + .breadcrumb-item { padding-left: 0;  }

.page-content-section h2,
.page-content-section h3,
.page-content-section h4,
.page-content-section h5,
.page-content-section h6 { color: #003440; padding-top: 15px; padding-bottom: 25px; margin: 0; font-family: "Manrope", Verdana, sans-serif; }
.page-content-section .cpage-body li { padding-left: 25px; margin-bottom: 20px; position: relative; }
.page-content-section .cpage-body ul li { display: block; list-style: none; }
.page-content-section .cpage-body li::before { top: 0; left: 0; content: "\f00c"; font-weight: 900; position: absolute; color: #ea1e00; font-family: "Font Awesome 5 Free"; }
.page-content-section .cpage-body a { color: #ea1e00; }
.page-content-section .cpage-body a:hover { color: inherit;}

.ft-service-sidebar-widget .service-form-widget input.form-button {
  height: 55px;
  width: 170px;
  color: #004150;
  border: none;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 5px;
  background-color: #fff;
  font-family: "Manrope", Verdana, sans-serif;
  margin-bottom: 0;
  padding-left: 4px;
}
.ft-service-sidebar-widget .service-form-widget label { color: #fff; }
.ft-service-sidebar-widget .service-form-widget input::placeholder, 
.ft-service-sidebar-widget .service-form-widget textarea::placeholder { color: transparent; }
.ft-service-sidebar-widget .service-form-widget .form-switch input { width: 2.2em; border-radius: 2em; margin-left: -2.5em; height: 1.2em; background-color: #fff; }
.ft-service-sidebar-widget .service-form-widget .form-switch input:checked { background-color: #003c4a; }

.ft3-contact-info-section { padding:0px 0px 70px}
.ft3-contact-info-section .icon,
.ft3-counter-section .icon,
.ft3-services-section-four .icon
 { margin-right: 0;  }

.ft3-service-block-three .overlay-box .overlay-image-layer:before,
.ft3-service-block-three .inner-box .image-layer:before { opacity: 0.85; }
.ft3-service-block-three .inner-box .text { --max-lines-top: 5; max-height: calc(1.6rem * var(--max-lines-top)); min-height: 130px; }
.ft3-service-block-three .overlay-inner .lower-text { --max-lines-lower: 2; max-height: calc(1.6rem * var(--max-lines-lower));}
.ft3-service-block-three .inner-box .text,
.ft3-service-block-three .overlay-inner .lower-text 
{ position: relative; overflow: hidden;  padding-right: 1rem; /* space for ellipsis */ }
.ft3-service-block-three .inner-box .text:before,
.ft3-service-block-three .overlay-inner .lower-text:before
{ position: absolute; content: "..."; bottom: 0; right: 0.75rem; }
.ft3-service-block-three .inner-box .text:after,
.ft3-service-block-three .overlay-inner .lower-text:after 
{ content: ""; position: absolute; right: 0; width: 1rem; height: 1rem; background: white; }

@media screen and (min-width: 1651px) { 
  .ft-portfolio-slider-innerbox .ft-portfolio-text { max-width: 300px; }  
}

@media only screen and (max-width: 1023px) {
  .ft-portfolio-slider-innerbox:before { left: 0; opacity: 1; }
  .ft-portfolio-slider-innerbox .ft-portfolio-text h3,
  .ft-portfolio-slider-innerbox .ft-portfolio-text p,
  .ft-portfolio-slider-innerbox .ft-portfolio-text .ft-btn-3 { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }
}

.ft-portfolio-overview-text .project-title-overview h3 { padding: 0; font-size: 20px;}


.ft-similar-work-section { padding-bottom: 70px; padding-top: 110px; position: relative;}


.ft-similar-work-section .project-photos, .ft-similar-work-section .project-photos * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}
.ft-similar-work-section .project-photos {position:relative;}
.ft-similar-work-section .project-photos a, 
.ft-similar-work-section .project-photos a:focus, 
.ft-similar-work-section .project-photos a:active, 
.ft-similar-work-section .project-photos .button, .ft-similar-work-section .project-photos button, 
.ft-similar-work-section .project-photos .button:focus, .ft-similar-work-section .project-photos button:focus, 
.ft-similar-work-section .project-photos .button:active, .ft-similar-work-section .project-photos button:active {outline: none !important; text-decoration: none!important;}

.wp-spaios-img-wrap {text-align:center;}
.ft-similar-work-section .project-photos img{ /*display: inline-block !important;*/ margin:0; vertical-align:top;}
.wp-spaios-hide{display:none;}
.ft-similar-work-section .project-photos ol.flex-control-nav li{margin:0px !important;}

.ft-similar-work-section .project-photos .owl-nav .owl-prev,
.ft-similar-work-section .project-photos .owl-nav .owl-next {width:40px; height:50px; position:absolute; z-index:9; border:0px !important;padding:0 !important; margin:0px !important; border-radius:0px !important;-webkit-transition: 0.3s ease-in;transition:0.3s ease-in; cursor:pointer; text-indent:-99999px;-webkit-transform: translateY(-50%); transform: translateY(-50%);}

.ft-similar-work-section .project-photos .owl-nav .owl-prev, 
.ft-similar-work-section .project-photos .owl-nav .owl-prev:hover, 
.ft-similar-work-section .project-photos .owl-nav .owl-prev:active {background: url('assets/images/arrow-light-left.png') center center no-repeat !important; outline:none !important; box-shadow: none !important; left: 0 !important;}

.ft-similar-work-section .project-photos .owl-nav .owl-next, 
.ft-similar-work-section .project-photos .owl-nav .owl-next:hover, 
.ft-similar-work-section .project-photos .owl-nav .owl-next:active {background: url('assets/images/arrow-light-right.png') center center no-repeat !important; outline:none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; right:0px !important;}

.ft-similar-work-section .project-photos .owl-dots {left: 0; right: 0; bottom: 10px; line-height: normal; padding:0 !important; margin:0 !important; position:absolute; text-align:center; z-index: 9;}

.ft-similar-work-section .project-photos .wp-spaios-img-wrap { height: 410px; position: relative;}
.ft-similar-work-section .project-photos .wp-spaios-slider-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; }

.ft-similar-work-section .project-photos .wp-spaios-img-wrap img {max-width: 100%; margin: 0 auto;}

.ft-similar-work-section .project-photos .owl-nav {position: absolute; width: 100%; display: block; }

.ft-similar-work-section .project-photos .owl-nav {top:50% !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border: none !important;}

.ft-similar-work-section .project-photos .owl-dots .owl-dot {background: #ffffff; margin: 0px 5px !important; padding: 0px !important; /*border: 2px solid #444;*/ border-radius: 50%; width: 13px; height: 13px; box-shadow: none !important; cursor:pointer; opacity:1; left:0px; right:0px; text-align:center;  bottom:10px;line-height: 0;}

.ft-similar-work-section .project-photos .owl-dots .owl-dot.active {background:#ea1e00 !important;}

.ft-similar-work-section .project-photos .owl-item {opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.ft-similar-work-section .project-photos .owl-item.center {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.ft-similar-work-section .project-photos .wp-spaios-slide-wrap .wp-spaios-img-wrap img {height: 100%; -webkit-transition: 0.4s all; transition: 0.4s all;}
.ft-similar-work-section .project-photos .wp-spaios-slide-wrap:hover .wp-spaios-img-wrap img {-webkit-transform: translateY(-50px); transform: translateY(-50px);}
.ft-similar-work-section .project-photos .wp-spaios-slide-wrap:hover .wp-spaios-img-wrap img {-webkit-transform: translateY(0); transform: translateY(0);}


.ft-similar-work-section .project-photos .owl-item .wp-spaios-slide-wrap:after {content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-color: rgba(255,255,255,0.50);
}
.ft-similar-work-section .project-photos .owl-item.center .wp-spaios-slide-wrap:after {content: none;}

.ft-similar-work-section .project-photos .wp-spaios-slide-wrap { position: relative; overflow: hidden; }

.ft-similar-work-section .project-photos .wp-spaios-img-wrap { position: relative; overflow: hidden; line-height:0px;}

























.ft-contact-page-form-wrapper .btn.btn-primary {
  color: #fff;
  width: 100%;
  height: 55px;
  border: none;
  border-radius: 6px;
  font-family: "Manrope", Verdana, sans-serif;
  background-color: #ea1e00;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.ft-contact-page-form-wrapper .btn.btn-primary:hover {
  background-color: #00044b;
}
.ft-contact-page-form-wrapper .form-switch { padding-left: 3.5em; }
.ft-contact-page-form-wrapper .form-switch input { width: 2.8em; border-radius: 2em; margin-left: -3.5em; height: 1.8em; background-color: #fff; }
.ft-contact-page-form-wrapper .form-switch input:checked { background-color: #ea1e00; }


.ft1-main-footer .logo-widget .logo { margin-bottom: 45px; }
.ft1-main-footer .logo-widget .logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  max-width:80%;
}

.footer-widget .list-link a:before {
  left: 0;
  top: 8px;
  width: 0px;
  height: 3px;
  content: "";
  position: absolute;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ea1e00;
}
.footer-widget .list-link a:hover { text-decoration: none; padding-left: 12px; margin-left: 0; }
.footer-widget .list-link a:hover:before { width: 8px; }

/*Custom animate*/
@-webkit-keyframes rotatemetwo {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}

.main-slider .phone-box .box-inner:before{
    animation-name: rotatemetwo; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotatemetwo; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotatemetwo; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotatemetwo; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotatemetwo; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


.ft3-main-slider-two .product-details .image-column .image-carousel,
.ft3-main-slider-two .product-details .image-column .thumbs-carousel { padding: 0; }
.slide-two-content .inner-box .image-box .image { max-height: 650px; }

.slide-two-content .inner-box .image-box .content-inner::before {
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 70%, 85.5% 100%, 0 100%, 0% 60%, 0 0);
    clip-path: polygon(50% 0%, 100% 0, 100% 70%, 85.5% 100%, 0 100%, 0% 60%, 0 0);
  }

:root {
    --pattern-grid-size: calc(1.8rem + 1.8vw);
    --pattern-grid-size-y: calc(var(--pattern-grid-size) * 0.8660254);
    --pattern-grid-column-gap-mult: 0.023;
    --pattern-num-cols: 11;
  }



.pattern-layer {
/*min-height: 100vh;*/
width: calc(100% - var(--pattern-grid-size) * 2) !important;
margin: 0 auto;
display: grid;
grid-auto-rows: var(--pattern-grid-size-y);
grid-template-columns: repeat(var(--pattern-num-cols), var(--pattern-grid-size));
grid-row-gap: var(--pattern-grid-size-y);
grid-column-gap: calc(var(--pattern-grid-size) * var(--pattern-grid-column-gap-mult));
justify-content: start;
font-size: calc(var(--pattern-grid-size) * 0.15);
left: calc(9.7% - var(--pattern-grid-size) * 2) !important;
  bottom: calc(-10.7% - var(--pattern-grid-size-y)) !important;
}



.pattern-layer > div {
position: relative;
background-color: #fff;
-webkit-transform: scale(1.93);
        transform: scale(1.93);
        opacity: 0;
}
.pattern-layer > div:nth-child(odd) {
    -webkit-clip-path: polygon(50% 2%, 100% 100%, 0 100%, 50% 2%);
    clip-path: polygon(50% 2%, 100% 100%, 0 100%, 50% 2%);

}
.pattern-layer > div:nth-child(even) {
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 98%, 0 0);
        clip-path: polygon(0 0, 100% 0, 50% 98%, 0 0);
}






.pattern-layer > div:nth-child(2n) {
    animation-name: patern-transp2; 
    animation-duration: 20s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp2; 
    -webkit-animation-duration: 20s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp2; 
    -moz-animation-duration: 20s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp2; 
    -ms-animation-duration: 20s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp2; 
    -o-animation-duration: 20s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
.pattern-layer > div:nth-child(3n) {
    animation-name: patern-transp3; 
    animation-duration: 8s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp3; 
    -webkit-animation-duration: 8s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp3; 
    -moz-animation-duration: 8s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp3; 
    -ms-animation-duration: 8s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp3; 
    -o-animation-duration: 8s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
.pattern-layer > div:nth-child(5n) {
    animation-name: patern-transp; 
    animation-duration: 14s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp; 
    -webkit-animation-duration: 14s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp; 
    -moz-animation-duration: 14s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp; 
    -ms-animation-duration: 14s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp; 
    -o-animation-duration: 14s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  .pattern-layer > div:nth-child(11n) {
    animation-name: patern-transp4; 
    animation-duration: 18s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp4; 
    -webkit-animation-duration: 18s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp4; 
    -moz-animation-duration: 18s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp4; 
    -ms-animation-duration: 18s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp4; 
    -o-animation-duration: 18s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  .pattern-layer > div:nth-child(13n) {
    animation-name: patern-transp6; 
    animation-duration: 6s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp6; 
    -webkit-animation-duration: 6s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp6; 
    -moz-animation-duration: 6s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp6; 
    -ms-animation-duration: 6s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp6; 
    -o-animation-duration: 6s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  .pattern-layer > div:nth-child(17n) {
    animation-name: patern-transp5; 
    animation-duration: 22s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp5; 
    -webkit-animation-duration: 22s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp5; 
    -moz-animation-duration: 22s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp5; 
    -ms-animation-duration: 22s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp5; 
    -o-animation-duration: 22s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  
  .pattern-layer > div:nth-child(2n+1) {
    animation-name: patern-transp; 
    animation-duration: 10s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp; 
    -webkit-animation-duration: 10s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp; 
    -moz-animation-duration: 10s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp; 
    -ms-animation-duration: 10s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp; 
    -o-animation-duration: 10s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  .pattern-layer > div:nth-child(3n+2) {
    animation-name: patern-transp2; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp2; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp2; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp2; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp2; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  .pattern-layer > div:nth-child(5n+3) {
    animation-name: patern-transp3; 
    animation-duration: 33s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp3; 
    -webkit-animation-duration: 33s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp3; 
    -moz-animation-duration: 33s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp3; 
    -ms-animation-duration: 33s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp3; 
    -o-animation-duration: 33s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  .pattern-layer > div:nth-child(11n+5) {
    animation-name: patern-transp5; 
    animation-duration: 25s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp5; 
    -webkit-animation-duration: 25s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp5; 
    -moz-animation-duration: 25s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp5; 
    -ms-animation-duration: 25s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp5; 
    -o-animation-duration: 25s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  .pattern-layer > div:nth-child(13n+11) {
    animation-name: patern-transp4; 
    animation-duration: 13s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp4; 
    -webkit-animation-duration: 13s; 
    -webkit-animation-iteration-count: infinite4;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp4; 
    -moz-animation-duration: 13s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp4; 
    -ms-animation-duration: 13s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp4; 
    -o-animation-duration: 13s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }
  .pattern-layer > div:nth-child(17n+13) {
    animation-name: patern-transp5; 
    animation-duration: 18s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: patern-transp5; 
    -webkit-animation-duration: 18s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: patern-transp5; 
    -moz-animation-duration: 18s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: patern-transp5; 
    -ms-animation-duration: 18s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: patern-transp5; 
    -o-animation-duration: 18s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }

/*Pattern animations*/
@-webkit-keyframes patern-transp {
    0% { opacity: 1; }
    25% { opacity: 1; }
    50% { opacity: 0; }
    75% { opacity: 1; }
    100% { opacity: 1; }
}
@-webkit-keyframes patern-transp2 {
    0% { opacity: 0.7; }
    25% { opacity: 0.7; }
    50% { opacity: 0; }
    75% { opacity: 0.7; }
    100% { opacity: 0.7; }
}
@-webkit-keyframes patern-transp3 {
    0% { opacity: 0.4; }
    25% { opacity: 0.4; }
    50% { opacity: 0; }
    75% { opacity: 0.4; }
    100% { opacity: 0.4; }
}
@-webkit-keyframes patern-transp4 {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0.7; }
    75% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes patern-transp5 {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 1; }
    75% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes patern-transp6 {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0.4; }
    75% { opacity: 0; }
    100% { opacity: 0; }
}