#content,
*,
ul li {
    margin: 0
}
.blog h2,
.blog h3 {
    text-shadow: none;
    text-align: center
}
.blog h2,
.blog h3,
footer {
    text-align: center
}
html {
    height: 100%
}
* {
    padding: 0
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
body {
    font: 400 .85em 'Droid Sans', arial, sans-serif;
    background: #434434;
    color: #E6EEB0;
    padding-bottom: 40px
}
h1,
h3 {
    font-style: normal;
    font-variant: normal
}
img {
    border: 8px
}
h1 {
    font-family: Retro;
    font-size: 35px;
    font-weight: 700;
    line-height: 70px
}
h3,
p {
    font-size: 14px
}
h3 {
    font-family: Cardo;
    font-weight: 500;
    line-height: 15.4px
}
p,
pre {
    font-family: Cardo;
    font-style: normal;
    font-variant: normal;
    font-weight: 400
}
p {
    padding: 0 0 20px;
    line-height: 20px
}
pre {
    font-size: 13px;
    line-height: 18.57px
}
a,
a:hover {
    outline: 0;
    text-decoration: underline;
    color: #FFF
}
a:hover {
    text-decoration: none;
    color: #FFF
}
ul {
    margin: 2px 0 22px 17px
}
ul li {
    list-style-type: circle;
    padding: 0 0 4px 5px
}
ol {
    margin: 8px 0 22px 20px
}
ol li {
    margin: 0 0 11px
}
#logo,
#main,
#site_content,
footer,
header,
nav {
    margin-left: auto;
    margin-right: auto
}
#main {
    width: 950px;
    margin: 20px auto 0
}
header {
    width: 950px;
    height: 105px
}
#logo {
    width: 220px;
    float: left;
    height: 100px;
    background: 0 0;
    padding: 0 0 10px 10px
}
#logo h1 {
    font: 400 300% Cardo, arial, sans-serif;
    padding: 40px 0 0 17px;
    color: #FFF
}
#logo h1 a,
#logo h1 a:hover {
    color: #FFF;
    text-decoration: none
}
nav {
    height: 26px;
    width: 720px;
    margin: 1px auto 0;
    float: right;
    padding: 35px 0 0
}
#site_content {
    width: 950px;
    overflow: hidden;
    margin: 4px auto 0;
    padding: 0;
    background: #565747;
    border-top: 0;
    border-bottom: 0
}
#sidebar_container {
    float: right;
    width: 450px;
    padding: 0;
    height: 450px
}
#content {
    text-align: justify;
    width: 444px;
    padding: 0 0 5px 30px;
    float: left
}
#content ul {
    margin: 2px 0 5px
}
#content ul li {
    list-style-type: none;
    background: url(../images/bullet.png) left center no-repeat;
    margin: 0;
    padding: 2px 0 2px 28px;
    line-height: 1.5em
}
#blog_container h4 {
    font: 400 250% 'Jenna Sue', arial, sans-serif;
    margin: 0 0 15px;
    padding: 5px 0
}
#blog_container h4.select {
    width: 475px
}
.blog {
    background: url(../images/calendar.png) no-repeat;
    width: 54px;
    height: 46px;
    float: left;
    margin: 0 15px 0 0
}
.blog h2 {
    font: 400 90% arial, sans-serif;
    margin: 0;
    padding: 4px 0 0;
    color: #FFF
}
.blog h3 {
    font: 130% arial, sans-serif;
    margin: -19px 0 0;
    color: #222
}
footer {
    width: 950px;
    font: 109% 'Droid Sans', arial, sans-serif;
    height: 75px;
    padding: 17px 0 5px;
    background: #6F7640;
    border-radius: 0px 0px 15px 15px;
}
.form_settings p,
footer p {
    padding: 0 0 10px
}
footer a,
footer a:hover {
    color: #E6EEB0;
    text-decoration: none
}
footer a:hover {
    color: #E6EEB0;
    text-decoration: underline
}
.lavaLampWithImage li a,
a.css3dbutton {
    text-decoration: none;
    position: relative
}
.form_settings {
    margin: 0
}
.form_settings span {
    padding: 5px 0;
    float: left;
    width: 170px;
    text-align: left
}
.form_settings input,
.form_settings textarea {
    padding: 4px;
    width: 252px;
    font: 100% arial, sans-serif;
    border: 0;
    border-bottom: 1px solid #C0CB77;
    background: 0 0;
    color: #E6EEB0
}
.form_settings .submit {
    font: 140% 'News Cycle', arial, sans-serif;
    border: 0;
    width: 100px;
    margin: 0 0 0 162px;
    height: 30px;
    padding: 0 0 6px;
    cursor: pointer;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #6F7640;
    color: #FFF;
    line-height: 15px
}
.form_settings select,
.form_settings textarea {
    font: 100% 'Droid Sans', arial, sans-serif;
    border: 1px solid #C0CB77;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width: 250px;
    overflow: auto
}
.form_settings select {
    width: 304px
}
.form_settings .checkbox {
    margin: 4px 0;
    padding: 0;
    width: 14px;
    border: 0;
    background: 0 0
}
ul.images {
    width: 450px;
    height: 450px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0
}
ul.images li {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    list-style: none
}
ul.images li.show {
    z-index: 500
}
ul img {
    border: none
}
.lavaLampWithImage {
    position: relative;
    height: 25px;
    padding: 10px 5px 15px 0;
    margin: 10px 0 0;
    overflow: hidden;
    float: right
}
.lavaLampWithImage li {
    float: left;
    list-style: none
}
.lavaLampWithImage li.back {
    background: #63604F;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border: 15px 15px 15px 15px;
    height: 28px;
    z-index: 8;
    position: absolute
}
.lavaLampWithImage li a {
    font: 109% 'Droid Sans', arial, sans-serif;
    color: #FFF;
    outline: 0;
    text-align: center;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    padding: 6px 9px 0;
    overflow: hidden;
    margin: auto 10px
}
.display_img,
a.button i {
    float: right
}
.lavaLampWithImage li a:active,
.lavaLampWithImage li a:hover,
.lavaLampWithImage li a:visited {
    border: none
}
.curlycontainer {
     border: 1px solid #e9e8e8;
    -moz-border-radius-topleft: 23px;
    -moz-border-radius-topright: 23px;
    -moz-border-radius-bottomleft: 23px;
    -moz-border-radius-bottomright: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px
}
.curlycontainer .innerdiv {
    background: url(images/brcorner.gif) bottom right no-repeat;
    position: relative;
    left: 2px;
    top: 2px;
    padding: 1px 4px 15px 5px
}
a.css3dbutton {
    background: #8b0000;
    color: #fff;
    font: 700 28px Arial;
    top: 0;
    bottom: -12px;
    margin-bottom: 12px;
    -moz-box-shadow: 0 -15px 5px #8b0000 inset;
    -webkit-box-shadow: 0 -15px 5px #8b0000 inset;
    box-shadow: 0 -15px 5px #8b0000 inset;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
a.css3dbutton,
a.css3dbutton:after {
    display: inline-block;
    padding: 10px 15px;
    -moz-border-radius: 8px/15px;
    -webkit-border-radius: 8px/15px;
    border-radius: 8px/15px;
    outline: 0
}
a.css3dbutton:after {
    content: "";
    position: absolute;
    padding: 0;
    z-index: -1;
    bottom: inherit;
    left: 0;
    width: 100%;
    height: 100%;
    background: #6e0e0c;
    -moz-box-shadow: 1px 0 3px gray;
    -webkit-box-shadow: 1px 0 3px gray;
    box-shadow: 1px 0 3px gray
}
a.css3dbutton:hover {
    -moz-box-shadow: 0 25px 5px rgba(182, 64, 61, .7) inset;
    -webkit-box-shadow: 0 25px 5px rgba(182, 64, 61, .7) inset;
    box-shadow: 0 25px 5px rgba(182, 64, 61, .7) inset;
    background: #bc3835
}
a.css3dbutton:active {
    top: 12px;
    bottom: 0;
    -moz-box-shadow: 0 -20px 5px #8b0000 inset, 1px 1px 2px #eee;
    -webkit-box-shadow: 0 -20px 5px #8b0000 inset, 1px 1px 2px #eee;
    box-shadow: 0 -20px 5px #8b0000 inset, 1px 1px 2px #eee
}
a.button {
    background: #ECECEC;
    border-radius: 15px;
    padding: 10px 20px;
    display: block;
    font-family: arial;
    font-weight: 700;
    color: #7f7f7f;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #a7a7a7;
    width: 145px;
    margin: 100px auto 0;
    box-shadow: 0 2px 1px #fff inset, 0 -2px 8px #fff, 0 2px 5px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .1);
    -webkit-transition: box-shadow .5s
}
a.button i {
    margin-top: 2px
}
a.button:hover {
    box-shadow: 0 2px 1px #fff inset, 0 -2px 20px #fff, 0 2px 5px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .1)
}
a.button:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5) inset, 0 -2px 20px #fff, 0 1px 5px rgba(0, 0, 0, .1), 0 2px 10px rgba(0, 0, 0, .1);
    background: -webkit-linear-gradient(top, #d1d1d1 0, #ECECEC 100%)
}
hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999
}
.styled-button-8 {
    background: #25A6E1;
    background: -moz-linear-gradient(to top, #25A6E1 0, #188BC0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25A6E1), color-stop(100%, #188BC0));
    background: -webkit-linear-gradient(to top, #25A6E1 0, #188BC0 100%);
    background: -o-linear-gradient(to top, #25A6E1 0, #188BC0 100%);
    background: -ms-linear-gradient(to top, #25A6E1 0, #188BC0 100%);
    background: linear-gradient(to top, #25A6E1 0, #188BC0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1', endColorstr='#188BC0', GradientType=0);
    padding: 8px 13px;
    color: #fff;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 17px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #1A87B9
}
.depth {
    display: block;
    border: 1px solid rgba(255, 255, 255, .6);
    background: linear-gradient(#eee, #fff);
    transition: all .3s ease-out;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .4);
    padding: 5px;
    color: #555;
    width: 90%;
}
.depth:focus {
    outline: 0;
    background-position: 0 -1.7em
}
#informationbar {
    position: fixed;
    left: 0;
    width: 100%;
    text-indent: 5px;
    padding: 5px 0;
    background-color: red;
    border-bottom: 1px solid #000;
    font: 700 12px Verdana
}
#hintbox,
.tip {
    position: absolute
}
* html #informationbar {
    position: absolute;
    width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px": body.clientWidth+"px")
}
#hintbox {
    top: 0;
    background-color: red;
    width: 400px;
    padding: 3px;
    border: 1px solid #fff;
    font: 400 11px Verdana;
    line-height: 18px;
    z-index: 100;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    visibility: hidden
}
.hintanchor {
    font-weight: 700;
    color: #fff;
    margin: 3px 8px
}
.isa_error,
.isa_info,
.isa_success,
.isa_warning {
    margin: 10px 0;
    padding: 12px
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8
}
.isa_success {
    content: url(https://pazintys.tuti.lt/images/vip.png);
    color: #4F8A10;
    background-color: #DFF2BF
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3
}
.isa_error {
    color: #D8000C;
    background-color: #FFBABA
}
.isa_error i,
.isa_info i,
.isa_success i,
.isa_warning i {
    margin: 10px 22px;
    font-size: 2em;
    vertical-align: middle
}
.tip {
    width: 0;
    height: 0;
    background: 0 0;
    border: 10px solid #ccc
}
.tip-down,
.tip-left,
.tip-up {
    border-left-color: transparent
}
.tip-down,
.tip-right,
.tip-up {
    border-right-color: transparent
}
.tip-up {
    top: -25px;
    left: 10px;
    border-top-color: transparent
}
.tip-left,
.tip-right {
    top: 10px;
    border-top-color: transparent;
    border-bottom-color: transparent
}
.tip-down {
    bottom: -25px;
    left: 10px;
    border-bottom-color: transparent
}
.tip-left {
    left: -25px
}
.tip-right {
    right: -25px
}
.dialogbox .body {
    position: relative;
    max-width: 450px;
    height: auto;
    margin: 20px 10px;
    padding: 5px;
    background-color: #DADADA;
    border-radius: 3px;
    border: 5px solid #ccc
}
.body .message {
    min-height: 30px;
    border-radius: 3px;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.5;
    color: #797979
}
.spoiler {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #bbbbbb;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -webkit-box-shadow: 0 0 9px #dddddd inset;
    -moz-box-shadow: 0 0 9px #dddddd inset;
    box-shadow: 0 0 9px #dddddd inset;
}

.title_h3 {
    cursor:pointer;
    background: #dddddd;
    margin: 0 -10px 0 -10px;
    padding: 10px;
    padding-left: 20px;
    border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -webkit-box-shadow: 0 0 9px #dddddd inset;
    -moz-box-shadow: 0 0 9px #dddddd inset;
    box-shadow: 0 0 9px #dddddd inset;
}

.closed .contents { display:none; }

.closed h3 { background: #bbbbbb; }

.contents { padding: 10px; }
.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
            position: absolute;
            top: 50%; /* Move the button to the middle vertically */
            left: 50%; /* Move the button to the middle horizontally */
            transform: translate(-300%, -50%); /* Center the button */
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background-color: #fff;
            color: #f44336;
            border: none;
            border-radius: 50%;
            cursor: pointer;
        }

.closebtn:hover {
    color: black;
}
.ghost-town {
	width: 350px; height: 263px;
        border-radius: 10% 0% 0% 10%;
	overflow: hidden;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	transform: rotate(4deg) translateZ(0);
}
.ghost-town2 {
	width: 447px; height: 450px;
        border-radius: 10% 0% 0% 10%;
	overflow: hidden;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}


.pollBars {
    width: 300px;
    background: #565747
}
.pollBars span {
    display: block;

    padding: 3px;
    margin: 7px 0;

    font: bold 14px/1 sans-serif;

    -moz-border-radius: 4px;
    border-radius: 4px;

    text-shadow: 1px 1px 1px #444;
}

.t1 {
    color: #fff;

    border: 1px solid red;

    background: #f85032; /* old browsers */
    background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* firefox */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* webkit */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* ie */
}

.t2 {
    color: #fff;

    border: 1px solid blue;

    background: #6db3f2; /* old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* firefox */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* webkit */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* ie */
}
#progress {
    position: fixed;
    z-index: 100;
    top: 0;
    left: -6px;
    width: 1%;
    height: 3px;
    background: rgb(198, 206, 22);
    border-radius: 1px;   
    transition: width 500ms ease-out,opacity 400ms linear;
}
.notepaper {
  position: relative;
  margin: 30px auto;
  padding: 29px 20px 20px 45px;
  width: 280px;
  line-height: 30px;
  color: #6a5f49;
  text-shadow: 0 1px 1px white;
  background-color: #f2f6c1;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  border: 1px solid #c3baaa;
  border-color: rgba(195, 186, 170, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}

.notepaper:before, .notepaper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}

.notepaper:before {
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px;
}

.notepaper:after {
  z-index: -1;
  left: 0;
  right: 0;
  background: rgba(242, 246, 193, 0.9);
  border: 1px solid rgba(170, 157, 134, 0.7);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

blockquote {
  margin: 0.1em auto;
  padding: 2em;
  background: url(https://pazintys.tuti.lt/images/blockq.jpg) border-box  0 / cover;
  border: 2em solid transparent;
  box-shadow: 5px 3px 30px black;
  font-size: 1.7em;
  font-family: 'Lora', serif;
  font-style: italic;
  line-height: 1.5;
  width: 40%;
}

@import url(https://fonts.googleapis.com/css?family=Lora);

$globe-width:   12px;
$globe-height:  28px;
$globe-spacing: 40px;
$globe-spread: 3px;
$light-off-opacity: 0.4;

}
.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: -15px 0 0 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
  li {
    position: relative;
    animation-fill-mode: both; 
    animation-iteration-count:infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: $globe-width;
    height: $globe-height;
    border-radius: 50%;
    margin: $globe-spacing/2;
    display: inline-block;
    background: rgba(0,247,165,1);
    box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(0,247,165,1);
    animation-name: flash-1;
    animation-duration: 2s;
    &:nth-child(2n+1) {
      background: rgba(0,255,255,1);
      box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(0,255,255,0.5);
      animation-name: flash-2;
      animation-duration: 0.4s;
    }
    &:nth-child(4n+2) {
      background: rgba(247,0,148,1);
      box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(247,0,148,1);
      animation-name: flash-3;
      animation-duration: 1.1s;
    }
    &:nth-child(odd) {
      animation-duration: 1.8s;
    }
    &:nth-child(3n+1) {
      animation-duration: 1.4s;
    }
    &:before {
      content: "";
      position: absolute;
      background: #222;
      width: ($globe-width - 2);
      height: $globe-height/3;
      border-radius: 3px;
      top: (0 - ($globe-height/6));
      left: 1px;
    }
    &:after {
      content: "";
      top: (0 - $globe-height/2);
      left: $globe-width - 3;
      position: absolute;
      width: $globe-spacing + 12;
      height: ($globe-height/3 * 2);
      border-bottom: solid #222 2px;
      border-radius: 50%;
    }
    &:last-child:after {
      content: none;
    }
    &:first-child {
      margin-left: -$globe-spacing;
    }
  }
}
@keyframes flash-1 { 
    0%, 100% { background: rgba(#f70,1);
    box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(#f70,1);} 
    50% { background: rgba(#f70,$light-off-opacity);
    box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(#f70,.2);}
}
@keyframes flash-2 { 
    0%, 100% { background: rgba(#09f,1);
    box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(#09f,1);} 
    50% { background: rgba(#09f,$light-off-opacity);
    box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(#09f,0.2);}
}
@keyframes flash-3 { 
    0%, 100% { background: rgba(#090,1);
    box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(#090,1);} 
    50% { background: rgba(#090,$light-off-opacity);
    box-shadow: 0px $globe-height/6 $globe-width*2 $globe-spread rgba(#090,0.2);}
}

.form-style-5{
	max-width: 500px;
	padding: 10px 20px;
	background: #4d4e3f;
	margin: 10px auto;
	padding: 20px;
	background: #4d4e3f;
	border-radius: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.form-style-5 fieldset{
	border: none;
}
.form-style-5 legend {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.form-style-5 label {
	display: block;
	margin-bottom: 8px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: rgba(21, 21, 21);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #efefef;
	color:#575b5c;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 30px;
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
	background: #ffffff;
}
.form-style-5 select{
	-webkit-appearance: menulist-button;
	height:35px;
}
.form-style-5 .number {
	background: #5f7c41;
	color: #fff;
	height: 30px;
	width: 30px;
	display: inline-block;
	font-size: 0.8em;
	margin-right: 4px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 15px 15px 15px 0px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
	position: relative;
	display: block;
	padding: 19px 39px 18px 39px;
	color: #FFF;
	margin: 0 auto;
	background: #8b0000;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 100%;
	border: 1px solid #8b0000;
	border-width: 1px 1px 3px;
	margin-bottom: 10px;
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover

svg
{
  animation: bit 1s infinite; /* Set the time here */
  -webkit-animation: bit 1s infinite;
  transition:transform 1s;
  -webkit-transition:transform 1s;
  -webkit-animation-delay: 6s; /* Chrome, Safari, Opera */
  animation-delay: 6s;
}
#myHeart
{
  stroke:red;
  stroke-width:4px;
  fill-opacity:0;
}

svg path
{
  stroke:rgb(255,255,255);
  stroke-dasharray:1300;
  stroke-dashoffset: 0;
  stroke-width:3px;
  fill-opacity:0;
  animation: anim 12s linear forwards; /* Set the time here */
  -webkit-animation: anim 12s linear forwards;
}

/* Here their animations */

@keyframes anim
{
 0%
  {
    stroke-dashoffset: 1000;
    fill:rgba(255,0,0,0);
  }50%{
    stroke-dashoffset: 0;
    fill:rgba(255,0,0,0);
    fill-opacity:0;
  }
  100%
  {
    fill:rgba(255,0,0,1);
    fill-opacity:1;
  }
}

@-webkit-keyframes anim
{
  0%
  {
    stroke-dashoffset: 1000;
    fill:rgba(255,0,0,0);
  }50%{
    stroke-dashoffset: 0;
    fill:rgba(255,0,0,0);
    fill-opacity:0;
  }
  100%
  {
    fill:rgba(255,0,0,1);
    fill-opacity:1;
  }
}


@keyframes bit
{
 0%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.3);
  }
  100%{
    transform:scale(1);
  }
}

@-webkit-keyframes bit
{
 0%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.3);
  }
  100%{
    transform:scale(1);
  }
}

.heading {
    text-align: center;
    font-size: 2.0em;
    letter-spacing: 1px;
    padding: 40px;
    color: white;
}

.gallery-image {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gallery-image img {
  height: 550px;
  width: 450px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
}

.img-box {
  box-sizing: content-box;
  margin: 10px;
  height: 550px;
  width: 450px;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}

.caption {
  position: absolute;
  bottom: 5px;
  left: 20px;
  opacity: 0.0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.transparent-box {
  height: 550px;
  width: 450px;
  background-color:rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
}

.img-box:hover img { 
  transform: scale(1.1);
}

.img-box:hover .transparent-box {
  background-color:rgba(0, 0, 0, 0.5);
}

.img-box:hover .caption {
  transform: translateY(-20px);
  opacity: 1.0;
}

.img-box:hover {
  cursor: pointer;
}

.caption > p:nth-child(2) {
  font-size: 0.8em;
}

.opacity-low {
  opacity: 0.5;
}
.centras {margin:0 auto; text-align:center;}