/**
* Template Name: Shuffle - v2.3.0
* Template URL: https://bootstrapmade.com/bootstrap-3-one-page-template-free-shuffle/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
 
.get-started-btn  li {
	list-style: none;
}
.get-started-btn  li.drop {
	position: relative;
}
.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}
.dropdownContain {
	width: 160px;
	position: absolute;
	z-index: 100;
	left: 50%;
	margin-left: -80px; /* half of width */
	top: -40px;
}
.dropOut {
	width: 160px;
	background: white;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	
}

.dropOut ul {
	float: left;
	padding: 10px 0;
}
.dropOut ul li {
	text-align: left;
	float: left;
	width: 100%;
	padding: 5px 0 5px 20px;
	margin: 0px 0px;
	color: #777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	
}

.dropOut ul li:hover {
	background: #f6f6f6;
}

/*ul li:hover a { color: white; }*/
.get-started-btn  li:hover .dropdownContain { top: 35px; }
.get-started-btn  li:hover .underline { border-bottom-color: #777; }
.get-started-btn  li:hover .dropOut { opacity: 1; margin-top: 8px; }
  
 .demo-content {
        padding: 5px;
        font-size: 18px;
        color: #FFF;
    background: #ed1020;
		text-align:center;
    }

.video-container{
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

#myVideo {
      object-fit: cover;
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@font-face {
	font-family: 'futural';
	src: url('../fonts/Futura/futural-webfont.eot');
	src: url('../fonts/Futura/futural-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Futura/futural-webfont.woff') format('woff'),  url('../fonts/Futura/futural-webfont.ttf') format('truetype'),  url('../fonts/Futura/futural-webfont.svg#futural') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'futura_bt_bold';
	src: url('../fonts/Futura/futura_bt_bold-webfont.eot');
	src: url('../fonts/Futura/futura_bt_bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Futura/futura_bt_bold-webfont.woff') format('woff'),  url('../fonts/Futura/futura_bt_bold-webfont.ttf') format('truetype'),  url('../fonts/Futura/futura_bt_bold-webfont.svg#futura_bt_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
  font-family: "futural", sans-serif;
  color: #334240;
}
.linkf {
    color: #a8ccfb;
}
a {
  color: #ed1020;
}

a:hover {
  color: #ed1020;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "futura_bt_bold", sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  right: 15px;
  bottom: 70px;
  background: #ed1020;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 1008;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #092668;
  transition: background 0.2s ease-in-out;
}

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

.back-to-topU {
  position: fixed;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  background: #ed1020;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 1008;
}

.back-to-topU i {
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.back-to-topU:hover {
  color: #fff;
  background: #092668;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 70px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  padding: 10px 0;
  background: rgb(255, 255, 255, 0.9);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo h1 {
  font-size: 28px;
  margin: 0;
  padding: 10px 0;
  line-height: 1;
  font-weight: 400;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #425451;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 50px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: auto;
  padding: 0;
  list-style: none;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #092668;
  padding: 14px 15px;
  transition: 0.3s;
  font-size: 13px;
  font-weight: 500;
  font-family: "futura_bt_bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #ed1020;
  text-decoration: none;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  color: #08362f;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #ed1020;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: rgba(43, 56, 54, 0.7);
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
  transition: ease-in-out 0.3s;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #ed1020;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa0";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  top: 20px;
  right: 15px;
  z-index: 1010;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #ed1020;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(21, 27, 26, 0.8);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background-color: rgba(21, 27, 26, 0.7);
  overflow: hidden;
  padding: 0;
}

#hero .carousel-item {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: '';
  background-color: rgba(21, 27, 26, 0.3);
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .carousel-content {
  text-align: center;
}

#hero h2 {
  color: #fff;
  margin: 30px 50px;
  
  font-size: 30px;
  font-weight: 700;
}

#hero p {
  width: 80%;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  margin: 0 auto 30px auto;
  color: #fff;
  /*text-align:justify;*/
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-prev, #hero .carousel-control-next {
  width: 10%;
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 48px;
  line-height: 1;
  width: auto;
  height: auto;
}

#hero .carousel-indicators li {
  cursor: pointer;
  opacity: 1;
}

#hero .carousel-indicators .active {
  background-color: #ed1020;
}

#hero .btn-get-started {
  font-family: "futura_bt_bold", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 5px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #FFF;
  background:#ed1020
}
#hero .btn-get-startedr {
 font-family: "futura_bt_bold", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 5px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #FFF;
  background:#ed1020
}
#hero .btn-get-startedr i {
 
  /*font-size: 20px;*/
 
}
#hero .btn-get-started:hover {
  background: #ed1020;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 28px;
  }
}

@media (min-width: 1024px) {
  #hero p {
    width: 60%;
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}

/*--------------------------------------------------------------
# index
--------------------------------------------------------------*/




#hero .carousel-Vcontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .Vcarousel-content {
  text-align: center;
}

.visiblT {
letter-spacing: 1px;
padding: 12px;
border-radius: 50px;
transition: 0.5s;
line-height: 1;
color: #fff;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
background: #09266854;

}
/* entire container, keeps perspective */
.card-container {
	  -webkit-perspective: 800px;
   -moz-perspective: 800px;
     -o-perspective: 800px;
        perspective: 800px;
        margin-bottom: 30px;
}
/* flip the pane when hovered */
.card-container:not(.manual-flip):hover .card,
.card-container.hover.manual-flip .card{
	-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
 -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}


.card-container.static:hover .card,
.card-container.static.hover .card {
	-webkit-transform: none;
-moz-transform: none;
 -o-transform: none;
    transform: none;
}
/* flip speed goes here */
.card {
	 -webkit-transition: -webkit-transform .5s;
   -moz-transition: -moz-transform .5s;
     -o-transition: -o-transform .5s;
        transition: transform .5s;
-webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
        backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(38, 160, 55, 0.14);border-radius: 50px;

}

/* front pane, placed above back */
.front {
	z-index: 2;background-color:#092668;border-radius: 50px;

}
.front h3{
	color:#FFFFFF;
}
/* back, initially hidden pane */
.back {
		-webkit-transform: rotateY( 180deg );
   -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
        z-index: 3;border-radius: 50px;
		background:#F3F9F1

}

.back .btn-simple{
    position: absolute;
    left: 39px;
    bottom: 4px;
}
.back h4{
	color:#092668;
}

/*        Style       */


.card{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50px;
    color: #444444;
	border: 1px solid rgba(255, 2550, 255, 0);
	-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
}
.card-container, .front, .back {
	width: 100%;
	height: 420px;
}
.card .cover{
    height: 250px;
    overflow: hidden;
   border-radius: 50px;
}
.card .cover img{
    width: 100%;border-radius: 50px;
}
/*.card .user{
    border-radius: 50%;
    display: block;
    height: 120px;
    margin: -55px auto 0;
    overflow: hidden;
    width: 120px;
}
.card .user img{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    width: 100%;
}*/

.card .content{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 10px 20px 20px;
}
.card .content .main {
    min-height: 160px;
}
.card .back .content .main {
    height: 115px;
}
.card .name {
    font-size: 22px;
    line-height: 28px;
    margin: 5px;
    text-align: center;
    text-transform: capitalize;
}
.card h5{
    margin: 5px 0;
    font-weight: 400;
    line-height: 20px;
}
.card .profession{
    color: #cbebcf;
    text-align: center;
    margin-bottom: 20px;
}
.card .footer {
    border-top: 1px solid #EEEEEE;
    color: #999999;
    margin: 30px 0 0;
    padding: 10px 0 0;
    text-align: center;
}
.card .footer .social-links{
    font-size: 18px;
}
.card .footer .social-links a{
    margin: 0 7px;
}
.card .footer .btn-simple{
    margin-top: -6px;
}
.card .header {
    padding: 15px 20px;
    height: 90px;
}
.card .motto{
    border-bottom: 1px solid #EEEEEE;
    color: #092668;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: center;
}

.card .stats-container{
	width: 100%;
	margin-top: 50px;
}

/*      Just for presentation        */

.title{
    color: #506A85;
    text-align: center;
    font-weight: 300;
    font-size: 44px;
    margin-bottom: 90px;
    line-height: 90%;
}
.title small{
    font-size: 17px;

    color: #999;
    text-transform: uppercase;
    margin: 0;
}
.space-30{
	height: 30px;
	display: block;
}
.space-50{
    height: 50px;
    display: block;
}
.space-200{
    height: 200px;
    display: block;
}
.white-board{
    background-color: #FFFFFF;
    min-height: 200px;
    padding: 60px 60px 20px;
}
.ct-heart{
    color: #F74933;
}

 pre.prettyprint{
    background-color: #ffffff;
    border: 1px solid #999;
    margin-top: 20px;
    padding: 20px;
    text-align: left;
}
.atv, .str{
    color: #05AE0E;
}
.tag, .pln, .kwd{
     color: #3472F7;
}
.atn{
  color: #2C93FF;
}
.pln{
   color: #333;
}
.com{
    color: #999;
}

.btn-simple{
    opacity: .8;
    color: #666666;
    background-color: transparent;
}

.btn-simple:hover,
.btn-simple:focus{
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
}
.btn-simple i{
    font-size: 16px;
}

.navbar-brand-logo{
    padding: 0;
}
.navbar-brand-logo .logo{
    border: 1px solid #333333;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    width: 60px;
}
.navbar .navbar-brand-logo .brand{
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    width: 60px;
}
.navbar-default .navbar-brand-logo .brand{
    color: #555;
}


/*       Fix bug for IE      */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .front, .back{
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    .back {
        visibility: hidden;
        -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67);
    }
    .front{
        z-index: 4;
    }
    .card-container:not(.manual-flip):hover .back,
    .card-container.manual-flip.hover .back{
        z-index: 5;
        visibility: visible;
    }
}

#msBN {
    position: absolute;
    left: 0;
    top: 70px;
    right: 0;
    width: 100%;
    /*background: rgba(198, 8, 29, 0.8);*/
    color: #FFFFFF;
    padding: 5px;
    box-shadow: 3px 4px 3px 4px #ed1020;
    background: linear-gradient(to bottom, #ed1020 5%, #092668 100%);
        background-color: rgba(0, 0, 0, 0);
    background-color: #c6081d;
}
[class*="js-conveyor-"] ul{
  display: inline-block;
  opacity: 0.5;
}
[class*="js-conveyor-"] ul li{
  padding: 0 15px;
  /*line-height: 35px;
  font-size: 16px;*/
}

/****** extra *******/
#Reloadpage{
    cursor:pointer;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle i {
color:#FFFFFF;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
/**/
#verset {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 1rem;
 /* background-color: transparent;
  background-image: linear-gradient(-45deg, transparent, transparent 2%, white 2%, white 85%, transparent, 85%, transparent), linear-gradient(to bottom right, #ed1020, #2ad 90%, transparent 90%);
  background-position: top left, 0.2em 0.2em;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 15px #0005);border-radius: 5% !important;*/
}

#verset::before,
#verset::after {
  position: absolute;
  z-index: -1;
  display: block;
  width: 3rem;
  height: 4rem;


  content: "";
  z-index: 0;
  font-size: 8rem;
  font-family: Georgia, Times, Garamond, serif;
}

#verset::before {
  top: -4rem;
  left: 1rem;
  content: open-quote;
}

#verset::after {
  bottom: -0.3rem;
  right: 1rem;
  content: close-quote;
}

/*#verset::before,
#verset::after,
#verset h2 {
  text-shadow: -2px 2px #fff, -1.5px 1.5px #fff, -1px 1px #fff, -0.5px 0.5px #fff;
}*/

#verset h2 {
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
#verset h4 {
color:#FFFFFF;
}
#verset p {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
  text-indent: 2ch;
}



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



 /* Animation d'apparition du modal (fade-in + slide-up) */
    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(100px); /* Le modal commence en bas */
      }
      100% {
        opacity: 1;
        transform: translateY(0); /* Le modal se déplace vers sa position finale */
      }
    }

    /* Style du modal personnalisé (biblical-modal) */
    .biblical-modal {
      display: none; /* Masqué par défaut */
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7); /* Fond semi-transparent */
      z-index: 9999; /* Z-index élevé pour se superposer à tout */
      justify-content: center;
      align-items: center;
      animation: fadeInUp 0.5s ease-out; /* Appliquer l'animation de fade-in et slide-up */
    }

    /* Conteneur de contenu du modal */
    .biblical-modal-content {
      position: relative;
      width: 80%; /* 80% de la largeur de l'écran */
      max-width: 600px; /* Maximum 600px de large */
      padding: 30px;
     /* border-radius: 10px;*/
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Ombre portée */
      text-align: center;
      color: #fff; /* Texte en blanc */
      /*background-image:url(assets/img/verset/lake.jpg); *//* Image de paysage dynamique */
      background-size: cover;
      background-position: center;
      overflow: hidden;
    }

    /* L'overlay fumé qui rend le texte lisible */
    .biblical-modal-content::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4); /* Fond noir semi-transparent */
      z-index: 1;
    }

    /* Contenu textuel du modal placé au-dessus de l'overlay */
    .biblical-modal-content > * {
      position: relative;
      z-index: 2;
    }

    /* Style du texte dans le modal */
    .biblical-modal-content h2 {
      font-size: 2em;
      margin: 0;color:#FFFFFF
    }

    .verse {
      font-size: 1.2em;
      margin-top: 20px;
      font-style: italic;
    }

    /* Style du bouton de fermeture */
    .biblicalclose {
      color: #fff;
      font-size: 28px;
      font-weight: bold;
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
    }

    .biblicalclose:hover,
    .biblicalclose:focus {
      color: #ddd;
    }
.biblicallogo {
    position: absolute; width:70px;
    bottom: 10px; /* Décale le logo à 10px du bas */
    left: 50%;
    transform: translateX(-50%); /* Centre horizontalement */
}
    /* Boutons ronds de partage positionnés en bas à droite */
    .share-buttons {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 10000;
    }

    .share-buttons a {
      display: inline-block;
      margin: 0 10px;
      padding: 15px;
      border-radius: 50%; /* Rendre les boutons ronds */
      background-color: #2d4d81;
      color: white;
      /*font-size: 24px;*/
      text-align: center;
      width: 50px;
      height: 50px;
      text-decoration: none;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Ombre sous les boutons */
      transition: background-color 0.3s;
    }

    .share-buttons a:hover {
      background-color: #0056b3; /* Couleur de fond au survol */

    }

    /* Responsivité : Modifications pour petits écrans */
    @media (max-width: 600px) {
      .biblical-modal-content {
        width: 90%; /* Sur petits écrans, la modal prend 90% de la largeur */
      }
    }
	











/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.section-bg {
  background-color: #f2f5f4;
}

.section-bg0 {
  background-color: #fff;
}


.section-bg1 {
  background-color: #ed1020;
}

.section-bg2 {
  background-color: #092668;
}


.section-title {
  text-align: center;
  padding-bottom: 30px;
}


.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #ed1020;
}

.section-title p {
  margin-bottom: 0;
  color: #5f7c78;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background-color: #f2f5f4;
  min-height: 40px;
}

.breadcrumbs h2 {
  font-size: 24px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 500;
  font-size: 24px;
  color: #58716d;
  font-family: "Poppins", sans-serif;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-bottom: 10px;
}

.about .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #ed1020;
}

.about .content p:last-child {
  margin-bottom: 0;
}

.about .progress {
  height: 50px;
  display: block;
  background: none;
}

.about .progress .skill {
  padding: 10px 0;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #58716d;
}

.about .progress .skill .val {
  float: right;
  font-style: normal;
}

.about .progress-bar-wrap {
  background: #e6eceb;
}

.about .progress-bar {
  width: 1px;
  height: 10px;
  transition: .9s;
  background-color: #ed1020;
}



/*--------------------------------------------------------------
# Our Services
--------------------------------------------------------------*/
.services .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
}

.services .icon-box::before {
  content: '';
  position: absolute;
  background: #2a4d84;
  right: -90px;
  /*top: -40px;*/
  width: 100px;
  height: 100px;
  border-radius: 50px;
  transition: all 0.3s;
  z-index: -1;
}

.services .icon-box:hover::before {
  background: #ed1020;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

.services .icon {
  margin: 0 auto 20px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #ed1020;
  transition: all 0.3s ease-in-out;
}

.services .icon i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
}

.services .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services .title a {
  color: #425451;
}

.services .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

.services .icon-box:hover .title a, .services .icon-box:hover .description {
  color: #fff;
}

.services .icon-box:hover .icon {
  background: #fff;
}

.services .icon-box:hover .icon i {
  color: #ed1020;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background: linear-gradient(rgba(4, 33, 81, 0.95), rgba(12, 13, 13, 0.68)), url("../img/footer-bg.jpg") fixed center center;
  background-size: cover;
  padding: 60px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #ed1020;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #ed1020;
  border: 2px solid #ed1020;
}

/*--------------------------------------------------------------
# Info Box
--------------------------------------------------------------*/
.info-box .content {
  padding: 60px 100px 0 100px;
}
.info-box .content h1 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ed1020;/*text-align:justify;*/
}
.info-box .content h3 {
  font-weight: 400;
  font-size: 34px;/*text-align:justify;*/
}

.info-box .content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;/*text-align:justify;*/
}

.info-box .content p {
  font-size: 15px;
  color: #6b8a86; /*text-align:justify;*/
}

.info-box .img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 400px;
}

.info-box .accordion-list {
  padding: 0 100px 60px 100px;
}

.info-box .accordion-list ul {
  padding: 0;
  list-style: none;
}

.info-box .accordion-list li + li {
  margin-top: 15px;
}

.info-box .accordion-list li {
  padding: 20px;
  background: #f2f5f4;
  border-radius: 5px;
}

.info-box .accordion-list a {
  display: block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding-right: 30px;
  outline: none;
  transition: ease-in-out 0.3s;
}

.info-box .accordion-list a:hover {
  color: #ed1020;
}

.info-box .accordion-list span {
  color: #e83e8c;
  font-weight: 600;
  font-size: 18px;
  padding-right: 10px;
}

.info-box .accordion-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.info-box .accordion-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;/*text-align:justify;*/
}

.info-box .accordion-list .icon-show {
  display: none;
}

.info-box .accordion-list a.collapsed {
  color: #343a40;
}

.info-box .accordion-list a.collapsed:hover {
  color: #ed1020;
}

.info-box .accordion-list a.collapsed .icon-show {
  display: inline-block;
}

.info-box .accordion-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1024px) {
  .info-box .content, .info-box .accordion-list {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 992px) {
  .info-box {
    /* img {
      padding-top: 30px;
    } */
  }
  .info-box .content {
    padding-top: 30px;
  }
  .info-box .accordion-list {
    padding-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# Our Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 35px auto;
  list-style: none;
  text-align: center;
  background: #fff;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 8px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #334240;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #ed1020;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(88, 113, 109, 0.6);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  padding:10px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;text-align:justify;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;text-align:justify;
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 10%;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #ed1020;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 48px);
}

.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  bottom: calc(50% - 50px);
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 30px;
}

.portfolio-details .portfolio-details-container {
  position: relative;
}

.portfolio-details .portfolio-details-carousel {
  position: relative;
  z-index: 1;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.portfolio-details .portfolio-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.portfolio-details .portfolio-details-carousel .owl-dot.active {
  background-color: #ed1020 !important;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 50px;
}

.portfolio-details .portfolio-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;text-align:justify;
}

.portfolio-details .portfolio-description p {
  padding: 0 0 0 0;text-align:justify;
}

@media (max-width: 768px) {
  .portfolio-details .portfolio-description h2 {
    width: 100%;
  }
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}

/*--------------------------------------------------------------
# ecole
--------------------------------------------------------------*/
.ecole {
  background: #fff;
  padding: 60px 0;
}

.ecole .member {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.ecole .member .member-img {
  position: relative;
  overflow: hidden;
}

.ecole .member .social {
  position: absolute;
  left: 0;
  bottom: 30px;
  right: 0;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
}

.ecole .member .social a {
  transition: color 0.3s;
  color: #334242;
  margin: 0 3px;
  padding-top: 7px;
  border-radius: 50px;
  width: 36px;
  height: 36px;
  background: rgba(49, 102, 229, 0.62);
  display: inline-block;
  transition: ease-in-out 0.3s;
  color: #fff;
}

.ecole .member .social a:hover {
  background: #092668;
}

.ecole .member .social i {
  font-size: 18px;
}

.ecole .member .member-info {
  padding: 25px 15px;
}

.ecole .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #334242;text-align:justify;
}

.ecole .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}

.ecole .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;text-align:justify;
}

.ecole .member:hover .social {
  opacity: 1;
  bottom: 15px;
}


/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/
.contact .infos {
  position: relative;
  z-index: 2;
}

.contact .info {
  padding: 60px;
  background: #fff;
  color: #334240;
  text-align: center;
  box-shadow: -5px -5px 40px 0 rgba(0, 0, 0, 0.1);
}

.contact .info i {
  font-size: 48px;
  color: #ed1020;
  margin-bottom: 15px;
}

.contact .info h4 {
  padding: 0;
  margin: 0 0 10px 0;text-align:justify;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  
}

.contact .info p {
  font-size: 15px;text-align:justify;
}

.contact .info-bg {
  background: white;
}

.contact .contact-form-wrap {
  box-shadow: 10px -5px 40px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 30px;
}

.contact .php-email-form {
  width: 100%;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form label {
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
  color: #5f7c78;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
  background-color: #ed1020;
}

.contact .php-email-form input {
  padding: 20px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #fff;
  border: 2px solid #ed1020;
  padding: 10px 24px;
  color: #ed1020;
  transition: 0.4s;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #ed1020;
  color: #fff;
}

@media (max-width: 1024px) {
  .contact .info {
    padding: 30px;
  }
}

@media (max-width: 768px) {
  .contact .php-email-form {
    padding: 15px 0 0 0;
  }
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
  background: linear-gradient(rgb(237, 16, 32), rgb(43, 78, 133));
  background-size: cover;
  padding: 60px 0;
}

.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);
}

.team .section-title h2 {
  color: #fff;
}

.team .section-title p {
  color: #fff;
}

.team .member .member-img {
  position: relative;
  overflow: hidden;
}

.team .member .social {
  position: absolute;
  left: 0;
  bottom: 30px;
  right: 0;
  /*opacity: 0;*/
  transition: ease-in-out 0.3s;
  text-align: center;
}

.team .member .social a {
  transition: color 0.3s;
  color: #334242;
  margin: 0 3px;
  padding-top: 7px;
  border-radius: 50px;
  width: 36px;
  height: 36px;
  background: rgb(44, 79, 136);
  display: inline-block;
  transition: ease-in-out 0.3s;
  color: #fff;
}

.team .member .social a:hover {
 /* background: rgb(250, 11, 31);*/
}

.team .member .social i {
  font-size: 18px;
}

.team .member .member-info {
  padding: 25px 15px;
}

.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #334242;
}

.team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}

.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}

.team .member:hover .social {
  opacity: 1;
  bottom: 15px;
}





/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: url("../img/footer-bg.jpg") center center no-repeat;
  color: #fff;
  font-size: 14px;
  position: relative;
}

#footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(42, 74, 127, 0.75);
  z-index: 1;
}

#footer .footer-top {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 80px 0;
}

#footer .footer-top h3 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  position: relative;
  font-family: "Poppins", sans-serif;
  padding-bottom: 0;
  margin-bottom: 0;
}

#footer .footer-top p {
  font-size: 15;
  font-style: italic;
  margin: 30px 0 0 0;
  padding: 0;
}

#footer .footer-top .footer-newsletter {
  text-align: center;
  font-size: 15px;
  margin-top: 30px;
}

#footer .footer-top .footer-newsletter form {
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  text-align: left;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #ed1020;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: #ff9377;
}

#footer .footer-top .social-links {
  margin-top: 30px;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #ed1020;
  color: #fff;
  text-decoration: none;
}

#footer .footer-bottom {
  border-top: 1px solid #fdfdfd;
  z-index: 2;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

#footer .copyright {
  float: left;
}

#footer .credits {
  float: right;
  font-size: 13px;
}

@media (max-width: 768px) {
  #footer .copyright, #footer .credits {
    float: none;
    text-align: center;
  }
  #footer .credits {
    padding-top: 5px;
  }
}

/*---------------------------------------------------------*/
/* Get Startet Button */
.get-started-btn1 {
margin-top: 5px;
  margin-left: 25px;
  background: #ed1020; 
    color: #fff;
  border-radius: 4px;
  padding: 8px 25px 9px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
 

  position: relative;
  padding: 12px 15px;
  transition: 0.3s;
  font-size: 13px;
  font-weight: 500;
  font-family: "futura_bt_bold", sans-serif;
  text-transform: uppercase;
 /* letter-spacing: 0.3px;*/
  height:40px
 
 
}
.get-started-btn1:hover {
  color:#ffffffcf !important;
}


.get-started-btn {
  margin-left: 25px;
  margin-top:5px;
  background:none;
  color: #fff;
  border-radius: 4px;
  padding: 8px;
  white-space: nowrap;
  font-size: 14px;
  display: inline-block;
}

/*.get-started-btn1 {
  margin-left: 50px;
  margin-top:5px;
  background:none;
  color: #fff;
  border-radius: 4px;
  padding: 8px;
  white-space: nowrap;
  font-size: 14px;
  display: inline-block;
}*/

.get-started-btn:hover {
 /* background: #ed1020;
  color: #fff;*/
}

@media (max-width: 768px) {
  .get-started-btn {
    margin: 7px 48px 0 0;
  }
}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us {
background: linear-gradient(rgba(42, 74, 127, 0.78), rgba(12, 13, 13, 0.24)), url("../img/motif.jpg") fixed center center;
  background-size: cover;
  position: relative;
  z-index: 3;
}

  /*padding: 60px 0;*/
  
.why-us .content {
  padding: 30px;
  background: #ed1020;
  border-radius: 20px;
  color: #fff;
}

.why-us .content h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 30px;color: #fff;
}

.why-us .content p {
  margin-bottom: 30px;
}

.why-us .more-btn {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 30px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: all ease-in-out 0.4s;
}

.why-us  .more-btn i {
  font-size: 14px;
}

.why-us .more-btn:hover {
  color: #ed1020;
  background: #fff;
}

.why-us .more-btn1 {
  display: inline-block;
  background: rgba(232, 12, 12, 0.57);
  padding: 6px 30px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: all ease-in-out 0.4s;
}

.why-us  .more-btn1 i {
  font-size: 14px;
}

.why-us .more-btn1:hover {
  color: #ed1020;
  background: #fff;
}

.why-us .icon-boxes .icon-box {
  text-align: center;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 40px 30px;
  width: 100%;
}

.why-us .icon-boxes .icon-box i {
  font-size: 40px;
  color: #ed1020;
  margin-bottom: 30px;
}

.why-us .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.why-us .icon-boxes .icon-box p {
  font-size: 15px;
  color: #716f6f;
}

/*--------------------------------------------------------------
# Our Values
--------------------------------------------------------------*/
.our-values .card {
  border: 0;
  padding: 160px 20px 20px 20px;
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.our-values .card-body {
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  transition: ease-in-out 0.4s;
  border-radius: 5px;
}

.our-values .card-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

.our-values .card-title a {
  color: #150517;
}

.our-values .card-text {
  color: #5e5e5e;
}

.our-values .read-more a {
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: 0.4s;
}

.our-values .read-more a:hover {
  text-decoration: underline;
}

.our-values .card:hover .card-body {
  background: #ed1020;
}

.our-values .card:hover .read-more a, .our-values .card:hover .card-title, .our-values .card:hover .card-title a, .our-values .card:hover .card-text {
  color: #fff;
}



/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.clients .owl-item img {
  /*width: 75%;
  opacity: 0.5;*/
  transition: ease-in-out 0.3s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.clients .owl-item img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

.clients .owl-nav, .clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.clients .owl-dot.active {
  background-color: #ed1020 !important;
}
/*----------------------------------------------------------------------------*/


/* #####################################################################
   #
   #   Project       : Modal Login with jQuery Effects
   #   Author        : Rodrigo Amarante (rodrigockamarante)
   #   Version       : 1.0
   #   Created       : 07/28/2015
   #   Last Change   : 08/02/2015
   #
   ##################################################################### */
   


#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px; margin:auto
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */


.modal-content {
    background-color: #fff;
    border: 0px solid #bdc3c7;
   
}



.checkbox {
    margin-bottom: 0px;
}



.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

/*.form-control {
  border-radius: 0px;
}*/


/*--------------------------------------------------------------------------*/  
.seminor-login-modal {
  border-radius: 10px;
}

.seminor-login-modal h5 {
     color:#FFFFFF !important;
}
.seminor-login-modal .close {
     color:#FFFFFF !important;
}
.seminor-login-modal .form-control-placeholder {
     color:#FFFFFF !important;
}
.seminor-login-modal label {
     color:#FFFFFF !important;
}
.seminor-login-modal input {
     color:#FFFFFF !important;
}

  .seminor-login-modal-body {
   /* The image used */
    background-image:url(../img/sky-clipart-1.jpg);

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
 .seminor-login-modal-body input{
 background:none;
}
  .seminor-login-modal-body .close{
 position: relative;
 top: -42px;
 left: 10px;
color: #3dba58;
}
.seminor-login-modal-body .close{
    opacity:0.75;
}

.seminor-login-modal-body .close:focus, .seminor-login-modal-body .close:hover {
    color: #3dba58;
 opacity: 1;
 text-decoration: none;
 outline:0;
}

.seminor-login-modal .modal-dialog .modal-content{
    border-radius:0px;
}

/* form animation */
.seminor-login-form .form-group {
  position: relative;
  margin-bottom: 1.5em !important;
}
.seminor-login-form .form-control{
 border: 0px solid #ced4da !important;
 border-bottom:1px solid #fff !important;
 border-radius:0 !important;
}
.seminor-login-form .form-control:focus, .seminor-login-form .form-control:active{
 outline:none !important;
 outline-width: 0;
 border-color: #3dba58 !important;
 box-shadow: 0 0 0 0.2rem transparent;
 background:none;
}
*:focus {
 outline: none;
}
.seminor-login-form{
 padding: 2em 0 0;
}

.form-control-placeholder {
position: absolute;
top: 0;
padding: 7px 0 0 13px;
transition: all 200ms;
opacity: 0.9;
border-top: 0px;
border-left: 0;
border-right: 0; font-weight:bold
}

.form-control-placeholder {
font-size: 90%;
-webkit-transform: translate3d(0, -100%, 0);
       transform: translate3d(0, -100%, 0);
opacity: 1;
}

.container-checkbox input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
}
.checkmark-box {
 position: absolute;
 top: -5px;
 left: 0;
 height: 25px;
 width: 25px;
 background-color:none;border: 2px solid #ed1020;
}
.container-checkbox {
 display: block;
 position: relative;
 padding-left: 40px;
 margin-bottom: 20px;
 cursor: pointer;
 font-size: 16px;
 font-weight: bold;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 line-height: 1.1;
}
.container-checkbox input:checked ~ .checkmark-box:after {
 color: #fff;
}
.container-checkbox input:checked ~ .checkmark-box:after {
 display: block;
}
.container-checkbox .checkmark-box:after {
 left: 10px;
 top: 4px;
 width: 7px;
 height: 15px;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
.checkmark:after, .checkmark-box:after {
 content: "";
 position: absolute;
 display: none;
}
.container-checkbox input:checked ~ .checkmark-box {
 background-color: #ed1020;
 border: 0px solid transparent;
}
.btn-check-log .btn-check-login {
 font-size: 16px;
 padding: 10px 0;
}
button.btn-check-login:hover {
    color: #fff;
    background-color: #ed1020;
    border: 2px solid #fff;
}
.btn-check-login {
 color: #fff;
 background-color: #ed1020;
 border: 2px solid #ed1020;
 transition: all ease-in-out .3s;
}
.btn-check-login {
 display: inline-block;
 padding: 12px 0;
 margin-bottom: 0;
 line-height: 1.42857143;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 -ms-touch-action: manipulation;
 touch-action: manipulation;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 background-image: none;
 border-radius: 10px;
 width: 100%;
}
.forgot-pass-fau a {
    text-decoration: none !important;
    font-size: 16px; font-weight:bold;
}
.forgot-pass-fau:hover {
    color: #fff;
}
.text-primary-fau {
    color: #fff;
}

.select-form-control-placeholder{
  font-size: 100%;
    padding: 7px 0 0 13px;
    margin: 0;
}

/**/
.bgcool  {
background:#F0EFF8; background: radial-gradient(#ccc 3px, transparent 4px),
    radial-gradient(#ccc 3px, transparent 4px),
    linear-gradient(#fff 4px, transparent 0),
    linear-gradient(
      45deg,
      transparent 74px,
      transparent 75px,
      #ccc 75px,
      #ccc 76px,
      transparent 77px,
      transparent 109px
    ),
    linear-gradient(
      -45deg,
      transparent 75px,
      transparent 76px,
      #ccc 76px,
      #ccc 77px,
      transparent 78px,
      transparent 109px
    ),
    #fff;
  background-size: 109px 109px, 109px 109px, 100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
  border-bottom:#ccc  2px solid;border-top:#ccc  2px solid;
}
#job .info-box {
  color: #092668;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
  background: #fff;
}

#job .info-box i {
  font-size: 32px;
  color: #ed502e;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #fbdad2;
}

#job .info-box h3 {
  font-size: 20px;
  color: #777777;text-align:justify;
  font-weight: 700;
  margin: 10px 0;
}

#job .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;text-align:justify;
}
#job .btn {
    border-radius: 50px;
    padding: 4px 30px 6px 30px;
    border: 2px solid #ed1020;
}
#job .btn:hover {
  color: #fff;
  background: #ed1020;
}

.load-btn {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 25px;
    transition: 0.5s;
    margin-top: 10px;
	background:#fff;
    border: 2px solid #ed1020;
    color: #ed1020;
}

/**/
.modal-header {
  /*min-height: 16.42857143px;*/
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  }
  
 /*box css*/ 

/*.box{
	width: 300px; height: 200px;
	background-color: #DDFFF7;
	position: relative;
	box-shadow: 10px 10px 42px 0 rgba(0,0,0,0.75);
}
.box:after, .box:before{
	mix-blend-mode:multiply;
	filter:none;
	z-index: -1;
	content:'';
	width:calc(100% + (50px * 2));
	height:calc(100% + (50px * 2));
	position: absolute;
	display: block;
	animation: border 10s ease-in-out infinite;
	transform:translateX(-50px) translateY(-50px);
}
@keyframes border {
  0%, 100% {
    -webkit-clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
            clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
  }
  50% {
    -webkit-clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
            clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
  }
}

.box:after{
	animation-delay: -5s;
	background-color: #93e1d8;
	clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
}
.box:before {
	background-color: #AA4465;
	  clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
}

.box:hover:after{
	animation-delay: -0.1s;
}
.box:hover:before, .box:hover:after {

          animation-duration: 0.2s;
}  
  
*/

/*--------------------------
	4. Video Area
--------------------------*/
/*--------------------------
	4. Video Area
--------------------------*/


.video-areap {
background:url("../img/black-driving.jpg") center top no-repeat fixed;
background-size: auto;
background-size: cover;
padding: 50px 0;
position: relative;

}
.video-content {}
.video-content a {
  color: #ffffff;
  display: inline-block;
}
.video-content a:hover {
  color: #c80000;
}
.video-content a i {
  display: block;
  font-size: 60px;
}
.video-content h3 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin: 30px 0 0;
  text-transform: uppercase;
}


 .video-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 100px;
  position: relative;
}

 .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#ed1020 50%, rgba(229 87 49 / 44%) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

 .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 15;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

 .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(38 160 55 / 89%);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

 .play-btn:hover::after {
  border-left: 15px solid #ed1020;
  transform: scale(20);
}

 .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}


/**/

.card .card-image{
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card {
   margin-top: 10px;
    position: relative;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card-body {
 /* -moz-text-align-last: :justify;*/
 /* text-align:justify;*/
}

.card-title a {
  font-weight: 600;
  font-size: 18px;
  color: #334240;
  transition: ease-in-out 0.3s;
}

.card-title a:hover {
  color: #ed1020;
}
.card .card-content {
    padding: 5px;    
}

.card .card-content .card-title, .card-reveal .card-title{
    font-size: 16px;
    font-weight: 200;    
}



/*	
MODAL	
*/

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    /*background-color: #ed1020;*/
	text-align:center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
	 background: linear-gradient(to bottom right, #092668, white);
}
.text-primary-fau{
    color:#fff;
}
.text-primary-fau:hover {
  color: #ed1020;
  text-decoration: none;
}
.help-info {
  color: #cdfbd5;
  text-decoration: none;
}


/*	
FORM	
*/

.form-control {
    background-color:#cdeffd;
    /*height: 50px;*/
    color: #191a1e;
    border: none;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 40px;
    /*padding: 0px 20px;*/
}
select.form-control+.select-arrow {
    position: absolute;
    right: 10px;
    bottom: 31px;
    width: 20px;
    line-height: 20px;
    height: 20px;
	border-radius: 50%;
    text-align: center;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px; background:#FFFFFF
}

select.form-control+.select-arrow:after {
    content: '\279C';
    display: block;
    -webkit-transform: rotate(
90deg
);
    transform: rotate(
90deg
);
}




.form-btn {
    margin-top: 27px;
}
.submit-btn {
    color: #fff;
    background-color: #092668;
    font-weight: 400;
    height: 50px;
    font-size: 14px;
    border: none;
    width: 100%;
    border-radius: 40px;
    text-transform: uppercase;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}


.modal-footer .logo img {
    padding: 0;
    margin: 0;
    max-height: 50px;
}

.ecole .cta-btn {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 25px;
    transition: 0.5s;
    margin-top: 10px;
    border: 2px solid #ed1020;
    color: #ed1020;
}



<!--INDEX-->

.patterns {
    width: 200px;
    height: 200px;
    float: left;
    margin: 10px;
    box-shadow: 0 1px 8px #666;
}
 
.pt1 {
    background-size: 50px 50px;
    background-color: #0ae;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -ms-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
 
.pt2 {
    background-size: 50px 50px;
    background-color: #f90;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -mslinear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -olinear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
 
.pt3 {
    background-size: 50px 50px;
    background-color: white;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
    background-image: -moz-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
    background-image: -ms-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), -ms-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
    background-image: -o-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), -o-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
    background-image: linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
}
 
.pt4 {
    background-size: 50px 50px;
    background-color: #ac0;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
 
.pt5 {
    background-size: 50px 50px;
    background-color: #c16;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
 
.pt6 {
    background-color: #eee;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
    background-image: -webkit-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -webkit-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-image: -moz-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -moz-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-image: -ms-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -ms-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-image: -o-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -o-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
}
 
.pt7 {
    background-color: #eee;
    background-size: 60px 60px;
    background-image: -webkit-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -webkit-linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-image: -moz-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -moz-linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-image: -ms-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -ms-linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-image: -o-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -o-linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
}
 
.pt8 {
    background: -webkit-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px, -webkit-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px, -webkit-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px, -webkit-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px, -webkit-linear-gradient(0deg, #1b1b1b 10px, transparent 10px), -webkit-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background: -moz-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px, -moz-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px, -moz-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px, -moz-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px, -moz-linear-gradient(0deg, #1b1b1b 10px, transparent 10px), -moz-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background: -ms-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px, -ms-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px, -ms-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px, -ms-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px, -ms-linear-gradient(0deg, #1b1b1b 10px, transparent 10px), -ms-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background: -o-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px, -o-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px, -o-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px, -o-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px, -o-linear-gradient(0deg, #1b1b1b 10px, transparent 10px), -o-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background: linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(0deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-size: 20px 20px;
    background-color: #131313;
}
 
.pt9 {
    background-color: #FF7D9D;
    background-size: 58px 58px;
    background-position: 0px 2px, 4px 35px, 29px 31px, 33px 6px, 0px 36px, 4px 2px, 29px 6px, 33px 30px;
    background-image: -webkit-linear-gradient(115deg, #C90032 23px, transparent 23px), -webkit-linear-gradient(295deg, #C90032 23px, transparent 23px), -webkit-linear-gradient(115deg, #C90032 23px, transparent 23px), -webkit-linear-gradient(295deg, #C90032 23px, transparent 23px), -webkit-linear-gradient(115deg, #C90032 10px, transparent 10px), -webkit-linear-gradient(295deg, #C90032 10px, transparent 10px), -webkit-linear-gradient(115deg, #C90032 10px, transparent 10px), -webkit-linear-gradient(295deg, #C90032 10px, transparent 10px);
    background-image: -moz-linear-gradient(115deg, #C90032 23px, transparent 23px), -moz-linear-gradient(295deg, #C90032 23px, transparent 23px), -moz-linear-gradient(115deg, #C90032 23px, transparent 23px), -moz-linear-gradient(295deg, #C90032 23px, transparent 23px), -moz-linear-gradient(115deg, #C90032 10px, transparent 10px), -moz-linear-gradient(295deg, #C90032 10px, transparent 10px), -moz-linear-gradient(115deg, #C90032 10px, transparent 10px), -moz-linear-gradient(295deg, #C90032 10px, transparent 10px);
    background-image: -ms-linear-gradient(115deg, #C90032 23px, transparent 23px), -ms-linear-gradient(295deg, #C90032 23px, transparent 23px), -ms-linear-gradient(115deg, #C90032 23px, transparent 23px), -ms-linear-gradient(295deg, #C90032 23px, transparent 23px), -ms-linear-gradient(115deg, #C90032 10px, transparent 10px), -ms-linear-gradient(295deg, #C90032 10px, transparent 10px), -ms-linear-gradient(115deg, #C90032 10px, transparent 10px), -ms-linear-gradient(295deg, #C90032 10px, transparent 10px);
    background-image: -o-linear-gradient(115deg, #C90032 23px, transparent 23px), -o-linear-gradient(295deg, #C90032 23px, transparent 23px), -o-linear-gradient(115deg, #C90032 23px, transparent 23px), -o-linear-gradient(295deg, #C90032 23px, transparent 23px), -o-linear-gradient(115deg, #C90032 10px, transparent 10px), -o-linear-gradient(295deg, #C90032 10px, transparent 10px), -o-linear-gradient(115deg, #C90032 10px, transparent 10px), -o-linear-gradient(295deg, #C90032 10px, transparent 10px);
    background-image: linear-gradient(115deg, #C90032 23px, transparent 23px), linear-gradient(295deg, #C90032 23px, transparent 23px), linear-gradient(115deg, #C90032 23px, transparent 23px), linear-gradient(295deg, #C90032 23px, transparent 23px), linear-gradient(115deg, #C90032 10px, transparent 10px), linear-gradient(295deg, #C90032 10px, transparent 10px), linear-gradient(115deg, #C90032 10px, transparent 10px), linear-gradient(295deg, #C90032 10px, transparent 10px);
}
 
.pt10 {
    background: -webkit-linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px, -webkit-linear-gradient(54deg, #232927 4%, transparent 4%) 30px 43px, -webkit-linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px, -webkit-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px, -webkit-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px, -webkit-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px, -webkit-linear-gradient(126deg, #232927 4%, transparent 4%) -20px 93px, -webkit-linear-gradient(54deg, #232927 4%, transparent 4%) 80px 93px, -webkit-linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 80px 93px, -webkit-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -20px 93px, -webkit-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -20px 73px, -webkit-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 80px 73px;
    background: -moz-linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px, -moz-linear-gradient(54deg, #232927 4%, transparent 4%) 30px 43px, -moz-linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px, -moz-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px, -moz-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px, -moz-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px, -moz-linear-gradient(126deg, #232927 4%, transparent 4%) -20px 93px, -moz-linear-gradient(54deg, #232927 4%, transparent 4%) 80px 93px, -moz-linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 80px 93px, -moz-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -20px 93px, -moz-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -20px 73px, -moz-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 80px 73px;
    background: -ms-linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px, -ms-linear-gradient(54deg, #232927 4%, transparent 4%) 30px 43px, -ms-linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px, -ms-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px, -ms-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px, -ms-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px, -ms-linear-gradient(126deg, #232927 4%, transparent 4%) -20px 93px, -ms-linear-gradient(54deg, #232927 4%, transparent 4%) 80px 93px, -ms-linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 80px 93px, -ms-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -20px 93px, -ms-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -20px 73px, -ms-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 80px 73px;
    background: -o-linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px, -o-linear-gradient(54deg, #232927 4%, transparent 4%) 30px 43px, -o-linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px, -o-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px, -o-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px, -o-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px, -o-linear-gradient(126deg, #232927 4%, transparent 4%) -20px 93px, -o-linear-gradient(54deg, #232927 4%, transparent 4%) 80px 93px, -o-linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 80px 93px, -o-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -20px 93px, -o-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -20px 73px, -o-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 80px 73px;
    background: linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px, linear-gradient(54deg, #232927 4%, transparent 4%) 30px 43px, linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px, linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px, linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px, linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px, linear-gradient(126deg, #232927 4%, transparent 4%) -20px 93px, linear-gradient(54deg, #232927 4%, transparent 4%) 80px 93px, linear-gradient(18deg, #e3d7bf 8.5%, transparent 8.5%) 80px 93px, linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -20px 93px, linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -20px 73px, linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 80px 73px;
    background-color: #232927;
    background-size: 100px 100px;
}
 
.pt11 {
    background-color: silver;
    background-size: 58px 58px;
    background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
    background-image: -webkit-linear-gradient(115deg, #b00 23px, transparent 23px), -webkit-linear-gradient(295deg, #d00 23px, transparent 23px), -webkit-linear-gradient(115deg, #b00 23px, transparent 23px), -webkit-linear-gradient(295deg, #d00 23px, transparent 23px);
    background-image: -moz-linear-gradient(115deg, #b00 23px, transparent 23px), -moz-linear-gradient(295deg, #d00 23px, transparent 23px), -moz-linear-gradient(115deg, #b00 23px, transparent 23px), -moz-linear-gradient(295deg, #d00 23px, transparent 23px);
    background-image: -ms-linear-gradient(115deg, #b00 23px, transparent 23px), -ms-linear-gradient(295deg, #d00 23px, transparent 23px), -ms-linear-gradient(115deg, #b00 23px, transparent 23px), -ms-linear-gradient(295deg, #d00 23px, transparent 23px);
    background-image: -o-linear-gradient(115deg, #b00 23px, transparent 23px), -o-linear-gradient(295deg, #d00 23px, transparent 23px), -o-linear-gradient(115deg, #b00 23px, transparent 23px), -o-linear-gradient(295deg, #d00 23px, transparent 23px);
    background-image: linear-gradient(115deg, #b00 23px, transparent 23px), linear-gradient(295deg, #d00 23px, transparent 23px), linear-gradient(115deg, #b00 23px, transparent 23px), linear-gradient(295deg, #d00 23px, transparent 23px);
}
 
.pt12 {
    background-color: #556;
    background-size: 80px 140px;
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
    background-image: -webkit-linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -webkit-linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -webkit-linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -webkit-linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -webkit-linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), -webkit-linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
    background-image: -moz-linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -moz-linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -moz-linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -moz-linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -moz-linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), -moz-linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
    background-image: -ms-linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -ms-linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -ms-linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -ms-linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -ms-linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), -ms-linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
    background-image: -o-linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -o-linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -o-linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -o-linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), -o-linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), -o-linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
    background-image: linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
}
 
.pt13 {
    background-color: #fff;
    background-size: 100% 1.2em;
    background-image: -webkit-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), -webkit-linear-gradient(#eee .05em, transparent .05em);
    background-image: -moz-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), -moz-linear-gradient(#eee .05em, transparent .05em);
    background-image: -ms-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), -ms-linear-gradient(#eee .05em, transparent .05em);
    background-image: -o-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), -o-linear-gradient(#eee .05em, transparent .05em);
    background-image: linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), linear-gradient(#eee .05em, transparent .05em);
}
 
.pt14 {
    background-color: #269;
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
    background-image: -webkit-linear-gradient(white 2px, transparent 2px), -webkit-linear-gradient(0, white 2px, transparent 2px), -webkit-linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), -webkit-linear-gradient(0, rgba(255, 255, 255, .3) 1px, transparent 1px);
    background-image: -moz-linear-gradient(white 2px, transparent 2px), -moz-linear-gradient(0, white 2px, transparent 2px), -moz-linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), -moz-linear-gradient(0, rgba(255, 255, 255, .3) 1px, transparent 1px);
    background-image: -ms-linear-gradient(white 2px, transparent 2px), -ms-linear-gradient(0, white 2px, transparent 2px), -ms-linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), -ms-linear-gradient(0, rgba(255, 255, 255, .3) 1px, transparent 1px);
    background-image: -o-linear-gradient(white 2px, transparent 2px), -o-linear-gradient(0, white 2px, transparent 2px), -o-linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), -o-linear-gradient(0, rgba(255, 255, 255, .3) 1px, transparent 1px);
    background-image: linear-gradient(white 2px, transparent 2px), linear-gradient(0, white 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px), linear-gradient(0, rgba(255, 255, 255, .3) 1px, transparent 1px);
}
 
.pt15 {
    background-color: #026873;
    background-size: 13px 13px, 29px 29px, 37px 37px, 53px 53px;
    background-image: -webkit-linear-gradient(0, rgba(255, 255, 255, .07) 50%, transparent 50%), -webkit-linear-gradient(0, rgba(255, 255, 255, .13) 50%, transparent 50%), -webkit-linear-gradient(0, transparent 50%, rgba(255, 255, 255, .17) 50%), -webkit-linear-gradient(0, transparent 50%, rgba(255, 255, 255, .19) 50%);
    background-image: -moz-linear-gradient(0, rgba(255, 255, 255, .07) 50%, transparent 50%), -moz-linear-gradient(0, rgba(255, 255, 255, .13) 50%, transparent 50%), -moz-linear-gradient(0, transparent 50%, rgba(255, 255, 255, .17) 50%), -moz-linear-gradient(0, transparent 50%, rgba(255, 255, 255, .19) 50%);
    background-image: -ms-linear-gradient(0, rgba(255, 255, 255, .07) 50%, transparent 50%), -ms-linear-gradient(0, rgba(255, 255, 255, .13) 50%, transparent 50%), -ms-linear-gradient(0, transparent 50%, rgba(255, 255, 255, .17) 50%), -ms-linear-gradient(0, transparent 50%, rgba(255, 255, 255, .19) 50%);
    background-image: -o-linear-gradient(0, rgba(255, 255, 255, .07) 50%, transparent 50%), -o-linear-gradient(0, rgba(255, 255, 255, .13) 50%, transparent 50%), -o-linear-gradient(0, transparent 50%, rgba(255, 255, 255, .17) 50%), -o-linear-gradient(0, transparent 50%, rgba(255, 255, 255, .19) 50%);
    background-image: linear-gradient(0, rgba(255, 255, 255, .07) 50%, transparent 50%), linear-gradient(0, rgba(255, 255, 255, .13) 50%, transparent 50%), linear-gradient(0, transparent 50%, rgba(255, 255, 255, .17) 50%), linear-gradient(0, transparent 50%, rgba(255, 255, 255, .19) 50%);
}
 
.pt16 {
    background: -webkit-radial-gradient(circle, white 10%, transparent 10%), -webkit-radial-gradient(circle, white 10%, black 10%) 50px 50px;
    background: -moz-radial-gradient(circle, white 10%, transparent 10%), -moz-radial-gradient(circle, white 10%, black 10%) 50px 50px;
    background: -o-radial-gradient(circle, white 10%, transparent 10%), -o-radial-gradient(circle, white 10%, black 10%) 50px 50px;
    background: -ms-radial-gradient(circle, white 10%, transparent 10%), -ms-radial-gradient(circle, white 10%, black 10%) 50px 50px;
    background: radial-gradient(circle, white 10%, transparent 10%), radial-gradient(circle, white 10%, black 10%) 50px 50px;
    background-size: 100px 100px;
}
 
.pt17 {
    background: -moz-radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -moz-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background: -webkit-radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -webkit-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background: -ms-radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -ms-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background: -o-radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -o-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background: radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background-size: 20px 20px;
}
 
.pt18 {
    background-color: #444444;
    background-image: -moz-linear-gradient(27deg, #999999 23%, transparent 23%), -moz-linear-gradient(27deg, transparent 74%, #999999 78%), -moz-linear-gradient(27deg, transparent 34%, #999999 38%, #999999 58%, transparent 62%), none;
    background-image: -webkit-linear-gradient(27deg, #999999 23%, transparent 23%), -webkit-linear-gradient(27deg, transparent 74%, #999999 78%), -webkit-linear-gradient(27deg, transparent 34%, #999999 38%, #999999 58%, transparent 62%), none;
    background-image: -o-linear-gradient(27deg, #999999 23%, transparent 23%), -o-linear-gradient(27deg, transparent 74%, #999999 78%), -o-linear-gradient(27deg, transparent 34%, #999999 38%, #999999 58%, transparent 62%), none;
    background-image: -ms-linear-gradient(27deg, #999999 23%, transparent 23%), -ms-linear-gradient(27deg, transparent 74%, #999999 78%), -ms-linear-gradient(27deg, transparent 34%, #999999 38%, #999999 58%, transparent 62%), none;
    background-image: linear-gradient(27deg, #999999 23%, transparent 23%), linear-gradient(27deg, transparent 74%, #999999 78%), linear-gradient(27deg, transparent 34%, #999999 38%, #999999 58%, transparent 62%), none;
    background-position: 7px 0px, 0 0%, 0 0%, 0 0;
    background-size: 16px 48px;
}
 
.pt19 {
    background-color: #88AA33;
    background-image: -webkit-radial-gradient(0% 50%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -webkit-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background-image: -moz-radial-gradient(0% 50%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -moz-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background-image: -ms-radial-gradient(0% 50%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -ms-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background-image: -o-radial-gradient(0% 50%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -o-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background-image: radial-gradient(0% 50%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
    background-position: 0 10px, 0 0%, 0 0;
    background-size: 20px 20px;
}
 
.pt20 {
    background-color: #3366CC;
    background-image: -webkit-linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -webkit-linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -webkit-linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -webkit-linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), none;
    background-image: -moz-linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -moz-linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -moz-linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -moz-linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), none;
    background-image: -ms-linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -ms-linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -ms-linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -ms-linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), none;
    background-image: -o-linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -o-linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -o-linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), -o-linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), none;
    background-image: linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), linear-gradient(335deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), linear-gradient(205deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), none;
    background-position: 0 0px, 0 0px, 7px -15px, 7px -15px, 0 0;
    background-size: 15px 30px;
}
 
.pt21 {
    background-color: #E1EBBD;
    background-image: -webkit-linear-gradient(45deg, #92BAAC 45px, transparent 45px), -webkit-linear-gradient(45deg, #92BAAC 45px, transparent 45px, transparent 91px, #E1EBBD 91px, #E1EBBD 135px, transparent 135px), -webkit-linear-gradient(135deg, #92BAAC 23px, transparent 23px, transparent 68px, #92BAAC 68px, #92BAAC 113px, transparent 113px, transparent 158px, #92BAAC 158px);
    background-image: -moz-linear-gradient(45deg, #92BAAC 45px, transparent 45px), -moz-linear-gradient(45deg, #92BAAC 45px, transparent 45px, transparent 91px, #E1EBBD 91px, #E1EBBD 135px, transparent 135px), -moz-linear-gradient(135deg, #92BAAC 23px, transparent 23px, transparent 68px, #92BAAC 68px, #92BAAC 113px, transparent 113px, transparent 158px, #92BAAC 158px);
    background-image: -ms-linear-gradient(45deg, #92BAAC 45px, transparent 45px), -ms-linear-gradient(45deg, #92BAAC 45px, transparent 45px, transparent 91px, #E1EBBD 91px, #E1EBBD 135px, transparent 135px), -ms-linear-gradient(135deg, #92BAAC 23px, transparent 23px, transparent 68px, #92BAAC 68px, #92BAAC 113px, transparent 113px, transparent 158px, #92BAAC 158px);
    background-image: -o-linear-gradient(45deg, #92BAAC 45px, transparent 45px), -o-linear-gradient(45deg, #92BAAC 45px, transparent 45px, transparent 91px, #E1EBBD 91px, #E1EBBD 135px, transparent 135px), -o-linear-gradient(135deg, #92BAAC 23px, transparent 23px, transparent 68px, #92BAAC 68px, #92BAAC 113px, transparent 113px, transparent 158px, #92BAAC 158px);
    background-image: linear-gradient(45deg, #92BAAC 45px, transparent 45px), linear-gradient(45deg, #92BAAC 45px, transparent 45px, transparent 91px, #E1EBBD 91px, #E1EBBD 135px, transparent 135px), linear-gradient(135deg, #92BAAC 23px, transparent 23px, transparent 68px, #92BAAC 68px, #92BAAC 113px, transparent 113px, transparent 158px, #92BAAC 158px);
    background-position: 64px 64px, 0 0%, 0 0;
    background-size: 128px 128px;
}
 
.pt22 {
    background-color: #EC173A;
    background-image: -webkit-linear-gradient(315deg, #ECEDDC 25%, transparent 25%), -webkit-linear-gradient(225deg, #ECEDDC 25%, transparent 25%), -webkit-linear-gradient(135deg, #ECEDDC 25%, transparent 25%), -webkit-linear-gradient(45deg, #ECEDDC 25%, transparent 25%);
    background-image: -moz-linear-gradient(315deg, #ECEDDC 25%, transparent 25%), -moz-linear-gradient(225deg, #ECEDDC 25%, transparent 25%), -moz-linear-gradient(135deg, #ECEDDC 25%, transparent 25%), -moz-linear-gradient(45deg, #ECEDDC 25%, transparent 25%);
    background-image: -ms-linear-gradient(315deg, #ECEDDC 25%, transparent 25%), -ms-linear-gradient(225deg, #ECEDDC 25%, transparent 25%), -ms-linear-gradient(135deg, #ECEDDC 25%, transparent 25%), -ms-linear-gradient(45deg, #ECEDDC 25%, transparent 25%);
    background-image: -o-linear-gradient(315deg, #ECEDDC 25%, transparent 25%), -o-linear-gradient(225deg, #ECEDDC 25%, transparent 25%), -o-linear-gradient(135deg, #ECEDDC 25%, transparent 25%), -o-linear-gradient(45deg, #ECEDDC 25%, transparent 25%);
    background-image: linear-gradient(315deg, #ECEDDC 25%, transparent 25%), linear-gradient(225deg, #ECEDDC 25%, transparent 25%), linear-gradient(135deg, #ECEDDC 25%, transparent 25%), linear-gradient(45deg, #ECEDDC 25%, transparent 25%);
    background-position: -50px 0px, -50px 0px, 0 0%, 0 0;
    background-size: 100px 100px;
}
 
.pt23 {
    background-color: #708090;
    background-image: -webkit-linear-gradient(315deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px), -webkit-linear-gradient(225deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px);
    background-image: -moz-linear-gradient(315deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px), -moz-linear-gradient(225deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px);
    background-image: -ms-linear-gradient(315deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px), -ms-linear-gradient(225deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px);
    background-image: -o-linear-gradient(315deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px), -o-linear-gradient(225deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px);
    background-image: linear-gradient(315deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px), linear-gradient(225deg, #708090 22px, #D9ECFF 22px, #D9ECFF 24px, transparent 24px, transparent 67px, #D9ECFF 67px, #D9ECFF 69px, transparent 69px);
    background-position: 0 0%, 0 64px;
    background-size: 64px 128px;
}
 
.pt24 {
    background-color: #330000;
    background-image: -webkit-radial-gradient(#890000 4%, #5B0000 9%, rgba(102, 0, 0, 0) 9%), -webkit-radial-gradient(#890000 4%, #5B0000 8%, rgba(102, 0, 0, 0) 10%), -webkit-radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), -webkit-radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), -webkit-radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), -webkit-radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), -webkit-radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), -webkit-radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), -webkit-linear-gradient(45deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%), -webkit-linear-gradient(135deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%);
    background-image: -moz-radial-gradient(#890000 4%, #5B0000 9%, rgba(102, 0, 0, 0) 9%), -moz-radial-gradient(#890000 4%, #5B0000 8%, rgba(102, 0, 0, 0) 10%), -moz-radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), -moz-radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), -moz-radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), -moz-radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), -moz-radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), -moz-radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), -moz-linear-gradient(45deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%), -moz-linear-gradient(135deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%);
    background-image: -ms-radial-gradient(#890000 4%, #5B0000 9%, rgba(102, 0, 0, 0) 9%), -ms-radial-gradient(#890000 4%, #5B0000 8%, rgba(102, 0, 0, 0) 10%), -ms-radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), -ms-radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), -ms-radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), -ms-radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), -ms-radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), -ms-radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), -ms-linear-gradient(45deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%), -ms-linear-gradient(135deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%);
    background-image: -o-radial-gradient(#890000 4%, #5B0000 9%, rgba(102, 0, 0, 0) 9%), -o-radial-gradient(#890000 4%, #5B0000 8%, rgba(102, 0, 0, 0) 10%), -o-radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), -o-radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), -o-radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), -o-radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), -o-radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), -o-radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), -o-linear-gradient(45deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%), -o-linear-gradient(135deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%);
    background-image: radial-gradient(#890000 4%, #5B0000 9%, rgba(102, 0, 0, 0) 9%), radial-gradient(#890000 4%, #5B0000 8%, rgba(102, 0, 0, 0) 10%), radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), radial-gradient(rgba(153, 0, 0, 0.8) 20%, rgba(102, 0, 0, 0)), radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), radial-gradient(#660000 35%, rgba(102, 0, 0, 0) 60%), radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), radial-gradient(rgba(76, 0, 0, 0.7), rgba(102, 0, 0, 0)), linear-gradient(45deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%), linear-gradient(135deg, rgba(102, 0, 0, 0) 49%, #000000 50%, rgba(102, 0, 0, 0) 70%);
    background-position: 0 0px, 50px 50px, 50px 0px, 0 50px, 50px 0px, 100px 50px, 0 0px, 50px 50px, 0 0px, 0 0;
    background-size: 100px 100px;
}
 
.pt25 {
    background-color: black;
    background-image: -webkit-radial-gradient(white, rgba(255, 255, 255, 0.2) 2px, transparent 40px), -webkit-radial-gradient(white, rgba(255, 255, 255, 0.15) 1px, transparent 30px), -webkit-radial-gradient(white, rgba(255, 255, 255, 0.1) 2px, transparent 40px), -webkit-radial-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1) 2px, transparent 30px);
    background-image: -moz-radial-gradient(white, rgba(255, 255, 255, 0.2) 2px, transparent 40px), -moz-radial-gradient(white, rgba(255, 255, 255, 0.15) 1px, transparent 30px), -moz-radial-gradient(white, rgba(255, 255, 255, 0.1) 2px, transparent 40px), -moz-radial-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1) 2px, transparent 30px);
    background-image: -ms-radial-gradient(white, rgba(255, 255, 255, 0.2) 2px, transparent 40px), -ms-radial-gradient(white, rgba(255, 255, 255, 0.15) 1px, transparent 30px), -ms-radial-gradient(white, rgba(255, 255, 255, 0.1) 2px, transparent 40px), -ms-radial-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1) 2px, transparent 30px);
    background-image: -o-radial-gradient(white, rgba(255, 255, 255, 0.2) 2px, transparent 40px), -o-radial-gradient(white, rgba(255, 255, 255, 0.15) 1px, transparent 30px), -o-radial-gradient(white, rgba(255, 255, 255, 0.1) 2px, transparent 40px), -o-radial-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1) 2px, transparent 30px);
    background-image: radial-gradient(white, rgba(255, 255, 255, 0.2) 2px, transparent 40px), radial-gradient(white, rgba(255, 255, 255, 0.15) 1px, transparent 30px), radial-gradient(white, rgba(255, 255, 255, 0.1) 2px, transparent 40px), radial-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1) 2px, transparent 30px);
    background-position: 0 0px, 40px 60px, 130px 270px, 70px 100px;
    background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
}
 
.pt26 {
    background-color: white;
    background-image: -webkit-radial-gradient(midnightblue 9px, transparent 10px), -webkit-repeating-radial-gradient(midnightblue 0px, midnightblue 4px, transparent 5px, transparent 20px, midnightblue 21px, midnightblue 25px, transparent 26px, transparent 50px);
    background-image: -moz-radial-gradient(midnightblue 9px, transparent 10px), -moz-repeating-radial-gradient(midnightblue 0px, midnightblue 4px, transparent 5px, transparent 20px, midnightblue 21px, midnightblue 25px, transparent 26px, transparent 50px);
    background-image: -ms-radial-gradient(midnightblue 9px, transparent 10px), -ms-repeating-radial-gradient(midnightblue 0px, midnightblue 4px, transparent 5px, transparent 20px, midnightblue 21px, midnightblue 25px, transparent 26px, transparent 50px);
    background-image: -o-radial-gradient(midnightblue 9px, transparent 10px), -o-repeating-radial-gradient(midnightblue 0px, midnightblue 4px, transparent 5px, transparent 20px, midnightblue 21px, midnightblue 25px, transparent 26px, transparent 50px);
    background-image: radial-gradient(midnightblue 9px, transparent 10px), repeating-radial-gradient(midnightblue 0px, midnightblue 4px, transparent 5px, transparent 20px, midnightblue 21px, midnightblue 25px, transparent 26px, transparent 50px);
    background-position: 0 0;
    background-size: 30px 30px, 90px 90px;
}
 
.pt27 {
    background-color: #840B2A;
    background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 32%, rgba(255, 255, 255, 0) 33%), -webkit-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.3) 13%, rgba(255, 255, 255, 0) 14%), -webkit-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.43) 19%, rgba(255, 255, 255, 0) 20%), -webkit-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), -webkit-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), -webkit-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 14%), -webkit-linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0B1284 50%, #760EA1 60%, #83096E 70%, #840B2A 80%, #B13E12 90%, #E27412 100%);
    background-image: -moz-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 32%, rgba(255, 255, 255, 0) 33%), -moz-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.3) 13%, rgba(255, 255, 255, 0) 14%), -moz-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.43) 19%, rgba(255, 255, 255, 0) 20%), -moz-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), -moz-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), -moz-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 14%), -moz-linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0B1284 50%, #760EA1 60%, #83096E 70%, #840B2A 80%, #B13E12 90%, #E27412 100%);
    background-image: -ms-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 32%, rgba(255, 255, 255, 0) 33%), -ms-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.3) 13%, rgba(255, 255, 255, 0) 14%), -ms-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.43) 19%, rgba(255, 255, 255, 0) 20%), -ms-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), -ms-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), -ms-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 14%), -ms-linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0B1284 50%, #760EA1 60%, #83096E 70%, #840B2A 80%, #B13E12 90%, #E27412 100%);
    background-image: -o-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 32%, rgba(255, 255, 255, 0) 33%), -o-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.3) 13%, rgba(255, 255, 255, 0) 14%), -o-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.43) 19%, rgba(255, 255, 255, 0) 20%), -o-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), -o-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), -o-radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 14%), -o-linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0B1284 50%, #760EA1 60%, #83096E 70%, #840B2A 80%, #B13E12 90%, #E27412 100%);
    background-image: radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.3) 32%, rgba(255, 255, 255, 0) 33%), radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.3) 13%, rgba(255, 255, 255, 0) 14%), radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.43) 19%, rgba(255, 255, 255, 0) 20%), radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%), radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 14%), linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0B1284 50%, #760EA1 60%, #83096E 70%, #840B2A 80%, #B13E12 90%, #E27412 100%);
    background-position: 0 0px, 0 0px, 0 110px, -130px -170px, 130px 370px, 0 0px, 0 0;
    background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
}
 
.pt28 {
    background-color: #282828;
    background-image: -webkit-radial-gradient(black 15%, transparent 16%), -webkit-radial-gradient(black 15%, transparent 16%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
    background-image: -moz-radial-gradient(black 15%, transparent 16%), -moz-radial-gradient(black 15%, transparent 16%), -moz-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), -moz-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
    background-image: -ms-radial-gradient(black 15%, transparent 16%), -ms-radial-gradient(black 15%, transparent 16%), -ms-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), -ms-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
    background-image: -o-radial-gradient(black 15%, transparent 16%), -o-radial-gradient(black 15%, transparent 16%), -o-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), -o-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
    background-image: radial-gradient(black 15%, transparent 16%), radial-gradient(black 15%, transparent 16%), radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
    background-position: 0 0px, 8px 8px, 0 1px, 8px 9px;
    background-size: 16px 16px;
}
 
.pt29 {
    background-color: #BB0033;
    background-image: -webkit-radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -webkit-radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -webkit-radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -webkit-radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -webkit-radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%), -webkit-radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -webkit-radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -webkit-radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -webkit-radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -webkit-radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%);
    background-image: -moz-radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -moz-radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -moz-radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -moz-radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -moz-radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%), -moz-radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -moz-radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -moz-radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -moz-radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -moz-radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%);
    background-image: -ms-radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -ms-radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -ms-radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -ms-radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -ms-radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%), -ms-radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -ms-radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -ms-radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -ms-radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -ms-radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%);
    background-image: -o-radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -o-radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -o-radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -o-radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -o-radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%), -o-radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -o-radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), -o-radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -o-radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), -o-radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%);
    background-image: radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%),radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%), radial-gradient(60% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), radial-gradient(40% 43%, circle closest-side, #BB0033 26%, rgba(187, 0, 51, 0) 27%), radial-gradient(40% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), radial-gradient(60% 22%, circle closest-side, #DD3355 45%, rgba(221, 51, 85, 0) 46%), radial-gradient(50% 35%, circle closest-side, #DD3355 30%, rgba(221, 51, 85, 0) 31%);
    background-position: 0 0%, 0 0%, 0 0%, 0 0%, 0 0%, 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 50px;
    background-size: 100px 100px;
}
.pt30 {
	background-color: #6d695c;
	background-image:-moz-repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),-moz-repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),-moz-linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),-moz-linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
	background-image:-webkit-repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),-webkit-repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),-webkit-linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),-webkit-linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
	background-image:-o-repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),-o-repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),-o-linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),-o-linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
	background-image:-ms-repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),-ms-repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),-ms-linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),-ms-linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
	background-image:repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
	background-size: 70px 120px;
}
.pt31 {
	background-image: -webkit-radial-gradient(100% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent), -webkit-radial-gradient(0% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent);
	background-image: -moz-radial-gradient(100% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent), -moz-radial-gradient(0% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent);
	background-image: -o-radial-gradient(100% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent), -o-radial-gradient(0% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent);
	background-image: -ms-radial-gradient(100% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent), -ms-radial-gradient(0% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent);
	background-image: radial-gradient(100% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent), radial-gradient(0% 50% , circle , transparent 20%, rgba(255, 255, 255, 0.3) 21%, rgba(255, 255, 255, 0.3) 34%, transparent 35%, transparent);
	background-color: slategray;
	background-size:75px 100px;
  background-position: 0 0%, 0 -50px;
}
.pt32{
  background-color: slategray;
  background-image: -webkit-radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), -webkit-radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), -webkit-linear-gradient(#A8B1BB 8px, transparent 8px), -webkit-linear-gradient(0deg, #A8B1BB 8px, transparent 8px);
	background-image: -moz-radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), -moz-radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), -moz-linear-gradient(#A8B1BB 8px, transparent 8px), -moz-linear-gradient(0deg, #A8B1BB 8px, transparent 8px);
	background-image: -o-radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), -o-radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), -o-linear-gradient(#A8B1BB 8px, transparent 8px), -o-linear-gradient(0deg, #A8B1BB 8px, transparent 8px);
	background-image: -ms-radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), -ms-radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), -ms-linear-gradient(#A8B1BB 8px, transparent 8px), -ms-linear-gradient(0deg, #A8B1BB 8px, transparent 8px);
	background-image: radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), radial-gradient(circle , transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), linear-gradient(#A8B1BB 8px, transparent 8px), linear-gradient(0deg, #A8B1BB 8px, transparent 8px);
  background-position: 0 0%, 50px 50px, 0 -4px, -4px 0;
  background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
}
.pt33{
  background-color: #63773F;
  background-image: -webkit-radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), -webkit-radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), -webkit-radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), -webkit-radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), -webkit-radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), -webkit-radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%), -webkit-radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), -webkit-radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%);
  background-image: -moz-radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), -moz-radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), -moz-radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), -moz-radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), -moz-radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), -moz-radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%), -moz-radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), -moz-radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%);
  background-image: -o-radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), -o-radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), -o-radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), -o-radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), -o-radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), -o-radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%), -o-radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), -o-radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%);
  background-image: -ms-radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), -ms-radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), -ms-radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), -ms-radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), -ms-radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), -ms-radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%), -ms-radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), -ms-radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%);
  background-image: radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), radial-gradient(50% 59% , circle , #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54, 78, 39, 0) 12%, rgba(54, 78, 39, 0)), radial-gradient(50% 41% , circle , #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210, 202, 171, 0) 12%, rgba(210, 202, 171, 0)), radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%), radial-gradient(100% 50% , circle , #D2CAAB 16%, rgba(210, 202, 171, 0) 17%), radial-gradient(0% 50% , circle , #364E27 16%, rgba(54, 78, 39, 0) 17%);
  background-position: 50px 0px, 50px 0px, 0 50px, 0 50px, 0 0%, 0 0%, 50px 50px, 50px 50px;
  background-size: 100px 100px;
}
.pt34 {
  background-color: #C8D3A7;
  background-image: -webkit-radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%), -webkit-radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%);
	background-image: -moz-radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%), -moz-radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%);
	background-image: -o-radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%), -o-radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%);
	background-image: -ms-radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%), -ms-radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%);
	background-image: radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%), radial-gradient(closest-side, transparent 0%, transparent 75%, #B6CC66 76%, #B6CC66 85%, #EDFFDB 86%, #EDFFDB 94%, #FFFFFF 95%, #FFFFFF 103%, #D9E6A7 104%, #D9E6A7 112%, #798B3C 113%, #798B3C 121%, #FFFFFF 122%, #FFFFFF 130%, #E0EAD7 131%, #E0EAD7 140%);
  background-position: 0 0px, 55px 55px;
  background-size: 110px 110px;
}
.pt35 {
  background-color: #DDEEFF;
  background-image: -webkit-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%), -webkit-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%);
  background-image: -moz-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%), -moz-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%);
  background-image: -o-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%), -o-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%);
  background-image: -ms-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%), -ms-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%);
  background-image: radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%), radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%);
  background-position: 0 0px, 40px 40px;
  background-size: 80px 80px;
}
.pt36 {
  background-color: #A02F2B;
  background-image: -webkit-repeating-linear-gradient(transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), -webkit-repeating-linear-gradient(-180deg, transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), -webkit-repeating-linear-gradient(-35deg, transparent, transparent 2px, rgba(0, 0, 0, 0.2) 2px, rgba(0, 0, 0, 0.2) 3px, transparent 3px, transparent 5px, rgba(0, 0, 0, 0.2) 5px);
  background-image: -moz-repeating-linear-gradient(transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), -moz-repeating-linear-gradient(-180deg, transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), -moz-repeating-linear-gradient(-35deg, transparent, transparent 2px, rgba(0, 0, 0, 0.2) 2px, rgba(0, 0, 0, 0.2) 3px, transparent 3px, transparent 5px, rgba(0, 0, 0, 0.2) 5px);
  background-image: -o-repeating-linear-gradient(transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), -o-repeating-linear-gradient(-180deg, transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), -o-repeating-linear-gradient(-35deg, transparent, transparent 2px, rgba(0, 0, 0, 0.2) 2px, rgba(0, 0, 0, 0.2) 3px, transparent 3px, transparent 5px, rgba(0, 0, 0, 0.2) 5px);
  background-image: -ms-repeating-linear-gradient(transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), -ms-repeating-linear-gradient(-180deg, transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), -ms-repeating-linear-gradient(-35deg, transparent, transparent 2px, rgba(0, 0, 0, 0.2) 2px, rgba(0, 0, 0, 0.2) 3px, transparent 3px, transparent 5px, rgba(0, 0, 0, 0.2) 5px);
  background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), repeating-linear-gradient(-180deg, transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px), repeating-linear-gradient(-35deg, transparent, transparent 2px, rgba(0, 0, 0, 0.2) 2px, rgba(0, 0, 0, 0.2) 3px, transparent 3px, transparent 5px, rgba(0, 0, 0, 0.2) 5px);
}
.pt37 {
  background-color: #E9D4B8;
  background-image: -webkit-repeating-linear-gradient(45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 120px, rgba(10, 35, 45, 0.5) 120px, rgba(10, 35, 45, 0.5) 140px), -webkit-repeating-linear-gradient(-45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 140px, rgba(10, 35, 45, 0.5) 140px, rgba(10, 35, 45, 0.5) 160px);
  background-image: -moz-repeating-linear-gradient(45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 120px, rgba(10, 35, 45, 0.5) 120px, rgba(10, 35, 45, 0.5) 140px), -moz-repeating-linear-gradient(-45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 140px, rgba(10, 35, 45, 0.5) 140px, rgba(10, 35, 45, 0.5) 160px);
  background-image: -o-repeating-linear-gradient(45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 120px, rgba(10, 35, 45, 0.5) 120px, rgba(10, 35, 45, 0.5) 140px), -o-repeating-linear-gradient(-45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 140px, rgba(10, 35, 45, 0.5) 140px, rgba(10, 35, 45, 0.5) 160px);
  background-image: -ms-repeating-linear-gradient(45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 120px, rgba(10, 35, 45, 0.5) 120px, rgba(10, 35, 45, 0.5) 140px), -ms-repeating-linear-gradient(-45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 140px, rgba(10, 35, 45, 0.5) 140px, rgba(10, 35, 45, 0.5) 160px);
  background-image: repeating-linear-gradient(45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 120px, rgba(10, 35, 45, 0.5) 120px, rgba(10, 35, 45, 0.5) 140px), repeating-linear-gradient(-45deg, transparent 5px, rgba(10, 35, 45, 0.5) 5px, rgba(10, 35, 45, 0.5) 10px, rgba(210, 118, 110, 0) 10px, rgba(210, 118, 110, 0) 35px, rgba(210, 118, 110, 0.5) 35px, rgba(210, 118, 110, 0.5) 40px, rgba(10, 35, 45, 0.5) 40px, rgba(10, 35, 45, 0.5) 50px, rgba(10, 35, 45, 0) 50px, rgba(10, 35, 45, 0) 60px, rgba(210, 118, 110, 0.5) 60px, rgba(210, 118, 110, 0.5) 70px, rgba(246, 179, 84, 0.5) 70px, rgba(246, 179, 84, 0.5) 80px, rgba(246, 179, 84, 0) 80px, rgba(246, 179, 84, 0) 90px, rgba(210, 118, 110, 0.5) 90px, rgba(210, 118, 110, 0.5) 110px, rgba(210, 118, 110, 0) 110px, rgba(210, 118, 110, 0) 140px, rgba(10, 35, 45, 0.5) 140px, rgba(10, 35, 45, 0.5) 160px);
}
/*-------------confirm*/
 /* Modal container */
#modalconfirm {
  display: none; /* Hidden by default, shown with JS */
  position: fixed; /* Fixes the modal to the viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
  z-index: 9999; /* High z-index to ensure the modal is on top */
}

/* Modal content */
#modalconfirm .modal-content {
  position: absolute; /* Position the modal relative to the #modalconfirm container */
  top: 50%; /* Move to the middle vertically */
  left: 50%; /* Move to the middle horizontally */
  transform: translate(-50%, -50%); /* Offset by 50% of its own width and height */
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  max-width: 500px;
  width: 80%; /* Make it responsive */
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

    /* Header text in modal */
    #modalconfirm .modal-header {
      font-size: 20px;
      margin-bottom: 1px;
      font-weight: bold;
      color: #333;
    }

    /* Body text in modal */
    #modalconfirm .modal-body {
      font-size: 16px;
      color: #666;
      margin-bottom: 20px;
    }

    /* Modal buttons container */
    #modalconfirm .modal-buttons {
      display: flex;
      justify-content: center;
      gap: 20px;
    }

    /* Button styling */
    #modalconfirm .modal-buttons button {
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
      border: none;
      border-radius: 5px;
      transition: background-color 0.3s;
    }

    /* Green confirm button */
    #modalconfirm .modal-buttons .confirm-btn {
      background-color: #2c4b7f;
      color: #fff;
    }

    /* Red cancel button */
    #modalconfirm .modal-buttons .cancel-btn {
      background-color: #ed1020;
      color: #fff;
    }

    /* Hover effect for buttons */
    #modalconfirm .modal-buttons button:hover {
      opacity: 0.8;
    }