/* BASIC SETTINGS */

body.boxed {
    background:-moz-linear-gradient(75deg,#A2DCEA,#2D2643);
    background:-webkit-linear-gradient(75deg,#A2DCEA,#2D2643);
    background:-o-linear-gradient(75deg,#A2DCEA,#2D2643);
    background:-ms-linear-gradient(75deg,#A2DCEA,#2D2643);
    background:linear-gradient(15deg,#A2DCEA,#2D2643);
    -pie-background:linear-gradient(75deg,#A2DCEA,#2D2643);
    background-attachment:fixed;
}

/* Mobile Navigation */
.nav-side {
    background-color:#75A60C;
}
.hero {
    background:-moz-linear-gradient(290deg,#2D2643,#75A60C);
    background:-webkit-linear-gradient(290deg,#2D2643,#75A60C);
    background:-o-linear-gradient(290deg,#2D2643,#75A60C);
    background:-ms-linear-gradient(290deg,#2D2643,#75A60C);
    background:linear-gradient(160deg,#2D2643,#75A60C);
    -pie-background:linear-gradient(290deg,#2D2643,#75A60C);
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.5em;
    background-attachment:fixed;
    background-size: 100%;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
}
*::selection {
    background-color:#00b1eb;
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    background-color:rgba(2D2643,.1);
    border-top:0px solid #2D2643;
    border-right:0px solid #2D2643;
    border-bottom:1px solid #2D2643;
    border-left:0px solid #2D2643;
    color:#2D2643;
}

/* Section Style 1 */
.style-1 {
    background-color:#75A60C;
    color:#ffffff;
}

/* Section Style 2 */
.style-2 {
    background-color:#616F8E;
    color:#95C7DD;
}

/* Section Style 3 */
.style-3 {
    background-color:#00ADD3;
    color:#ffffff;
}

/* Section Style 4 */
.style-4 {
    background-image:url("files/freestyle-fx/images/16.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */
}

/* Section Style 5 */
.style-5 {
    background-image:url("files/freestyle-fx/images/5.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */
}

/* You can create complex gradients p.e. under http://angrytools.com/gradient */
.overlay-1:before {
    background-color:rgba(2D2643,.9);
    background: -moz-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(71,91,114,0.5)), color-stop(75%, rgba(71,91,114,1)), color-stop(100%, rgba(71,91,114,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475B72', endColorstr='#475B72',GradientType=0 ); /* ie6-9 */
}
.overlay-2:before {
    background-color:rgba(75A60C,.9);
}
.overlay-3:before {
    background-color:rgba(616F8E,.9);
}
.overlay-4:before {
    background-color:rgba(CD9500,.9);
}
.overlay-5:before {
    background-color:rgba(A2BA24,.9);
}
.overlay-6:before {
    background-color:rgba(255,255,255,.8);
}


.overlay-a::before {
background-color: rgba(0,0,0,.5);
}

.style-a {
    background-image: url("../../images/3.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
   font-size: 1.3em;
color: #ccc;
padding: 4em 0;
}

.overlay-b::before {
background-color: rgba(255,255,255,.7);
}

.style-b {
    background-image: url("../../images/beach.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
padding: 2em 0;
}

.style-koi {
    background-image: url("../../images/koi.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
padding: 3em 0;
   color: #ddd;
   text-shadow: 2px 2px 2px #212121;
}

.style-lily {
    background-image: url("../../images/lily.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
padding: 3em 0;
   color: #ddd;
   text-shadow: 2px 2px 2px #212121;
}

.style-lily p {font-size: 1.2em; }

.style-tf {
    background-image: url("../../images/schwimmteich.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
   font-size: 3em;
   color: #fff;
   text-shadow: 2px 2px 2px #212121;
  text-transform: uppercase;
font-weight: bold;
}

.tf { padding: 2em 0; }

@media (min-width: 1024px) {
.tf .inside {display: table;}
.tf .inside div {display: table-cell; float: none; vertical-align: middle; }
}

@media (max-width: 1023px) {
.style-tf { padding: 5em 0; }
}