@keyframes blinkingText { 0% { color: #9E7C39; }
  49% { color: #9E7C39; }
  60% { color: transparent; }
  99% { color: transparent; }
  100% { color: #9E7C39; } }
#adam-view { text-align: left; padding-top: 15px; }
#adam-view .main { padding: 0 5px; }
#adam-view .input-text, #adam-view textarea { width: 300px; }
#adam-view hr { background: #C4C7C8; border: medium none; float: left; height: 5px; width: 100%; margin: 0; }
#adam-view h2 { background: #C4C7C8; font-size: 17px; font-family: Arial; margin-top: 25px; margin-bottom: 5px; padding: 3px 50px; box-shadow: 0 5px 3px -3px #555555; }
#adam-view h2 span { font-size: 13px; }
#adam-view h2:first-child { margin-top: 0px; }
#adam-view h2.space { float: none; }
#adam-view h2 label { font-size: inherit; font-family: inherit; }
#adam-view dl { font-size: 14px; display: inline-block; }
#adam-view dl:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; }
#adam-view dl dt, #adam-view dl dd { float: left; margin: 10px 14px 0 0; }
#adam-view dl dt { text-align: right; clear: left; width: 200px; }
#adam-view dl dd { width: 300px; }
#adam-view a.colored { color: #243E6D; }
#adam-view a.colored:hover { text-decoration: underline; }
#adam-view .space { margin-top: 20px !important; float: left; }
#adam-view input.button { float: right; }
#adam-view .error { color: #C90000; display: block; }
#adam-view ul, #adam-view p { margin: 0 20px; text-align: justify; }
#adam-view .card-authors { font-style: italic; margin-top: 10px; }
#adam-view .card-authors img { vertical-align: middle; }
#adam-view .card-authors.disc li { margin-bottom: 7px; }
#adam-view .head { text-align: center; border: 3px solid #9E7C39; margin: 10px 0 30px; }
#adam-view .head h3 { width: 40%; padding: 20px 0; margin: 0 auto; font-size: 1.5em; line-height: 1.2em; }
#adam-view .head h3.sub { width: 100%; font-size: 1.7em; font-family: "Marck Script", cursive; font-weight: bolder; text-shadow: 2px -1px 3px #9E7C39; }
#adam-view .head hr { width: 24%; margin: 0 38%; background: #9E7C39; height: 3px; }
#adam-view .flip-card { margin: 0 auto; background-color: transparent; width: 161px; height: 228px; transition-property: width, height; transition-timing-function: ease; transition-delay: 0s; border-radius: 20px; border: 1px solid #717171; margin: 0 auto; cursor: pointer; position: relative; }
#adam-view .flip-card .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; }
#adam-view .flip-card .flip-card-inner img { width: 100%; height: 100%; border-radius: 20px; }
#adam-view .flip-card:hover { width: 638px; height: 904px; transition-duration: 2s; }
#adam-view .flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
#adam-view .flip-card .flip-card-front, #adam-view .flip-card .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#adam-view .flip-card .flip-card-back { transform: rotateY(180deg); }
#adam-view .flip-card:hover { border-color: #9E7C39; }
#adam-view .flip-card::before, #adam-view .flip-card::after { font-size: 30px; position: absolute; top: 48%; text-decoration: blink; cursor: none; animation: blinkingText 1.2s infinite; }
#adam-view .flip-card::before { content: ">>"; left: -60px; }
#adam-view .flip-card::after { content: "<<"; right: -60px; }
#adam-view .section { margin-bottom: 50px; }
#adam-view .section:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; }
#adam-view .section p, #adam-view .section a { font-size: 1.2em; }
#adam-view .section .icon { width: 128px; height: 128px; border: 3px solid #717171; border-radius: 20px; }
#adam-view .section a.ic { float: left; margin: 0 100px 0 0; text-align: center; }
#adam-view .section a.ic.r { float: right; margin: 0 0 0 100px; }
#adam-view .section a.ic span { display: block; margin-top: 10px; text-align: center; text-transform: uppercase; font-weight: 900; font-size: 1.2em; }
#adam-view .section a.ic:hover { color: #9E7C39; }
#adam-view .section a.ic:hover .icon { border-color: #9E7C39; }
#adam-view .section.all_stories { margin-top: -30px; display: none; }
#adam-view .section.all_stories .stories { width: 40%; float: left; }
#adam-view .section.all_stories .stories ul.disc li { list-style: none; }
#adam-view .section.all_stories .stories a { font-weight: bold; color: #717171 !important; }
#adam-view .section.all_stories .stories a:hover { color: #9E7C39 !important; }
#adam-view .section.all_stories .stories.r { float: right; }
#adam-view .descr_cards { text-align: center; }
#adam-view .descr_cards h3 { font-size: 1.5em; font-weight: bold; text-decoration: underline; margin: 40px 0 30px; }
#adam-view .descr_cards p { text-align: center; }
#adam-view .partners { text-align: center; }
#adam-view .partners div { font-size: 1.5em; width: 200px; border-bottom: 3px solid; margin: 0 auto 30px; }
#adam-view .partners a { display: inline-block; margin: 0 30px; background-color: black; color: black; }
#adam-view .partners a span { display: block; font-size: 7px; font-weight: 700; padding-top: 2px; line-height: 7px; background: white; text-transform: uppercase; }
#adam-view .partners a:hover { background-color: #9E7C39; color: #9E7C39; }

#adam-view:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; }