@charset "UTF-8";

body {
  margin:0;
  padding:0;
  text-decoration:none;
  color:#707070;
  font-family:Georgia,serif;
  font-size:16px;
}

#header_bar,#profile_header,#profile_main_photo,#footer_bar {
  display:none;
}

#profile_about_me,#profile_password_photo_galleries,#password_photo_galleries,#profile_photo_galleries,#profile_schedule,#profile_interests_content,#profile_comments,.profile_section {
  display:block;
}

#password_photo_galleries .hidden {
  display:none;
}

a:active,a:visited {
  color:white;
}

a:link,a:hover {
  color:#707070;
}

h2 {
  text-align:center;
  font-size:30px;
  text-transform:uppercase;
  font-weight:normal;
  border-bottom:1px double #777;
  color:#848484;
}

h6 {
  text-align:center;
  font-weight:normal;
  font-size:15px;
  margin-top:-10px;
  font-style:italic;
  color:#777;
}

h3 {
  font-family:Georgia,serif;
  text-align:center;
  color:#777;
  margin:5px 0 0;
}

#wrapper {
  height:auto;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  margin-top:-2870px;
}

#profile {
  width:80%;
  margin:2865px auto 0;
  color:#707070;
  position:relative;
}

.profile_section_content {
  z-index:initial;
  position:relative;
  padding:15px;
  margin:10px 0 0;
  border-radius:0;
  color:#fff;
}

.profile_section .heading {
  font-size:21px;
  text-transform:uppercase;
  margin-top:20px;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
  color:white;
  margin:20px 10px;
  padding:0;
}

.profile_section_background {
  background:rgba(0,0,0,0.5);
  background-size:cover;
}

/*INCEPE HOME*/
#home_header {
/*background:transparent url();*/
  height:915px;
  background-size:cover;
}

#home_header p {
  text-align:center;
  padding:0;
  margin-top:-50px;
  font-size:35px;
  text-transform:uppercase;
  font-style:italic;
  letter-spacing:10px;
  margin-bottom:-5px;
  margin-left:180px;
  font-family:Georgia,serif;
}

#home_header h3 {
  text-align:center;
  padding:0;
  margin-top:0;
  font-size:35px;
  text-transform:uppercase;
  font-style:italic;
  letter-spacing:10px;
  font-weight:normal;
}

.centrare {
  margin:0 auto;
  width:940px;
  overflow:hidden;
}

#logo {
  height:100px;
  width:268px;
  float:left;
  text-align:left;
  left:10px;
  position:relative;
  z-index:2;
  top:10px;
  background-image:url(http://i86.photobucket.com/albums/k94/TheProfiller88/logo_zpssaovic1e.jpg);
  background-repeat:no-repeat;
  padding-bottom:20px;
}

#logo a {
  text-decoration:none;
  font-family:Georgia,serif;
  color:#000;
  font-size:18px;
  text-align:center;
  display:block;
  width:110px;
  line-height:1;
  margin:12% 0;
  text-transform:uppercase;
  transform:rotate(-29deg);
}

#menu {
  margin:30px 0;
  position:fixed;
  background-image:url(https://dl.dropboxusercontent.com/u/92497507/Catalin%20-%20NU%20STERGE/Biana/bg.png);
  z-index:1;
  width:100%;
  text-align:center;
  background-size:cover;
  padding:20px 0;
}

#menu a {
  text-decoration:none;
  color:#707070;
  text-transform:uppercase;
  padding:5px 20px;
  left:0;
  position:relative;
  font-family:Georgia,serif;
  font-size:16px;
  transition:all 1s ease 0;
  border:none;
}

#menu a:hover {
  color:#000;
  border-bottom:1px solid black;
  border-top:1px solid black;
}

#home_about {
  background-color:#FFF;
  height:auto;
  padding-top:20px;
  padding-bottom:20px;
}

#home_about_content {
  overflow:hidden;
}

#home_about_content p {
  float:left;
  width:450px;
  padding:10px;
  font-style:italic;
  color:#777;
  font-weight:normal;
  font-size:14px;
  line-height:30px;
}

#home_about_content img {
  float:right;
  width:338px;
  margin-top:20px;
}

#home_news {
  background:transparent url(https://dl.dropboxusercontent.com/u/92497507/Catalin%20-%20NU%20STERGE/Biana/bg.png);
  background-size:cover;
  height:auto;
  padding-top:20px;
  padding-bottom:20px;
}

#home_news_content {
  overflow:hidden;
  height:auto;
}

.comment {
  width:300px;
  height:55px;
  overflow:hidden;
  float:left;
  margin:10px 8px 0 0;
  background:#FFF url(https://dl.dropboxusercontent.com/u/92497507/Catalin%20-%20NU%20STERGE/Biana/bgimg.jpg) no-repeat scroll center center;
  border:4px solid #C2B8B8;
  text-align:center;
}

.comment:last-child {
  margin-right:0;
}

.comment p {
  font-style:italic;
  color:#777;
  text-decoration:none;
  position:relative;
  margin:0;
  font-size:18px;
}

#home_gallery {
  background-color:white;
  height:auto;
  padding-top:20px;
  padding-bottom:20px;
}

#home_gallery_content {
  overflow:hidden;
  height:auto;
}

.box {
  width:220px;
  height:177px;
  overflow:hidden;
  float:left;
  margin:7px;
}

.box:hover {
  opacity:.7;
  border-radius:10px;
}

#footer {
  background:transparent url(https://dl.dropboxusercontent.com/u/92497507/Catalin%20-%20NU%20STERGE/Biana/footer.jpg);
  height:auto;
  padding-top:20px;
  padding-bottom:20px;
}

#contact {
  height:250px;
}

.footer_box {
  width:130px;
  height:130px;
  float:left;
  border:1px solid #777;
  border-radius:50%;
  margin:50px 50px 0;
}

.footer_box:last-child {
  width:130px;
  height:130px;
  float:left;
  border:1px solid #777;
  border-radius:50%;
  margin:50px 50px 0;
}

#contact a {
  display:block;
  width:130px;
  height:130px;
  float:left;
  border:1px solid #777;
  border-radius:50%;
  margin:50px 50px 0;
  text-align:center;
  text-decoration:none;
  color:#FFF;
  line-height:8;
  font-size:16px;
  text-transform:uppercase;
}

#footer_menu {
  text-align:center;
  position:relative;
}

#footer_menu a {
  text-decoration:none;
  color:#707070;
  text-transform:uppercase;
  padding:5px 20px;
  position:relative;
  font-family:Georgia,serif;
  font-size:16px;
  transition:all 1s;
  top:-7px;
}

#footer_menu a:hover {
  color:#fff;
  border-bottom:1px solid white;
  border-top:1px solid white;
}

#btn_top {
  width:50px;
  height:50px;
  position:fixed;
  right:50px;
  bottom:10px;
  z-index:3;
  background-color:black;
  text-align:center;
  border-radius:50%;
  transition:all .3s;
  color:white;
}

#btn_top:hover {
  background-color:#ccc;
}

#btn_top a {
  display:block;
  color:white;
  text-decoration:none;
  width:100%;
  height:auto;
  padding-top:15px;
}

#btn_top a:hover {
  color:black;
}

/*SE TERMINA HOME*/
/* NINTH EXAMPLE*/
.view {
  width:303px;
  height:420px;
  margin:3px;
  float:left;
  border:2px solid #FFF;
  overflow:hidden;
  position:relative;
  text-align:center;
  box-shadow:1px 1px 2px #E6E6E6;
  background:#FFF url(https://dl.dropboxusercontent.com/u/92497507/Catalin%20-%20NU%20STERGE/Biana/bgimg.jpg) repeat scroll center center;
  cursor:pointer;
}

.view .mask,.view .content {
  width:303px;
  height:420px;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
}

.view img {
  display:block;
  position:relative;
}

.view h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:17px;
  padding:10px;
  background:rgba(0,0,0,0.8);
  margin:20px 0 0;
  font-weight:bold;
}

.view p {
  font-size:12px;
  position:relative;
  color:#fff;
  padding:4px;
  text-align:center;
  font-family:georgia,serif;
}

.view-ninth .mask-1,.view-ninth .mask-2 {
  background-color:rgba(0,0,0,0.5);
  height:420px;
  width:400px;
  background:rgba(119,0,36,0.5);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter:alpha(opacity=100);
  opacity:1;
  -webkit-transition:all .2s ease-in-out .4s;
  -moz-transition:all .2s ease-in-out .4s;
  -o-transition:all .2s ease-in-out .4s;
  transition:all .2s ease-in-out .4s;
}

.view-ninth .mask-1 {
  left:auto;
  right:0;
  -webkit-transform:rotate(56.5deg) translateX(-180px);
  -moz-transform:rotate(56.5deg) translateX(-180px);
  -o-transform:rotate(56.5deg) translateX(-180px);
  -ms-transform:rotate(56.5deg) translateX(-180px);
  transform:rotate(56.5deg) translateX(-180px);
  -webkit-transform-origin:100% 0;
  -moz-transform-origin:100% 0;
  -o-transform-origin:100% 0;
  -ms-transform-origin:100% 0;
  transform-origin:100% 0;
}

.view-ninth .mask-2 {
  top:auto;
  bottom:0;
  -webkit-transform:rotate(56.5deg) translateX(180px);
  -moz-transform:rotate(56.5deg) translateX(180px);
  -o-transform:rotate(56.5deg) translateX(180px);
  -ms-transform:rotate(56.5deg) translateX(180px);
  transform:rotate(56.5deg) translateX(180px);
  -webkit-transform-origin:8px 100% 0;
  -moz-transform-origin:8px 100% 0;
  -o-transform-origin:8px 100% 0;
  -ms-transform-origin:8px 100% 0;
  transform-origin:8px 100% 0;
}

.view-ninth .content {
  background:rgba(0,0,0,0.9);
  height:0;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter:alpha(opacity=50);
  opacity:.5;
  width:303px;
  overflow:hidden;
  -webkit-transform:rotate(-33.5deg) translate(-112px,166px);
  -moz-transform:rotate(-33.5deg) translate(-112px,166px);
  -o-transform:rotate(-33.5deg) translate(-112px,166px);
  -ms-transform:rotate(-33.5deg) translate(-112px,166px);
  transform:rotate(-33.5deg) translate(-112px,166px);
  -webkit-transform-origin:0 100%;
  -moz-transform-origin:0 100%;
  -o-transform-origin:0 100%;
  -ms-transform-origin:0 100%;
  transform-origin:0 100%;
  -webkit-transition:all .8s ease-in-out .6s;
  -moz-transition:all .8s ease-in-out .6s;
  -o-transition:all .8s ease-in-out .6s;
  transition:all .8s ease-in-out .6s;
}

.view-ninth h2 {
  background:transparent;
  margin-top:5px;
  border-bottom:1px solid rgba(255,255,255,0.2);
}

.view-ninth:hover .content {
  height:420px;
  width:303px;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter:alpha(opacity=90);
  opacity:.9;
  -webkit-transform:rotate(0deg) translate(0,0);
  -moz-transform:rotate(0deg) translate(0,0);
  -o-transform:rotate(0deg) translate(0,0);
  -ms-transform:rotate(0deg) translate(0,0);
  transform:rotate(0deg) translate(0,0);
}

.view-ninth:hover .mask-1,.view-ninth:hover .mask-2 {
  -webkit-transition-delay:0;
  -moz-transition-delay:0;
  -o-transition-delay:0;
  transition-delay:0;
}

.view-ninth:hover .mask-1 {
  -webkit-transform:rotate(56.5deg) translateX(90px);
  -moz-transform:rotate(56.5deg) translateX(90px);
  -o-transform:rotate(56.5deg) translateX(90px);
  -ms-transform:rotate(56.5deg) translateX(90px);
  transform:rotate(56.5deg) translateX(90px);
}

.view-ninth:hover .mask-2 {
  -webkit-transform:rotate(56.5deg) translateX(-90px);
  -moz-transform:rotate(56.5deg) translateX(-90px);
  -o-transform:rotate(56.5deg) translateX(-90px);
  -ms-transform:rotate(56.5deg) translateX(-90px);
  transform:rotate(56.5deg) translateX(-90px);
}

.video {
  width:960px;
  margin:30px auto;
  border:1px solid #ccc;
  background:transparent url(https://dl.dropboxusercontent.com/u/92497507/Catalin%20-%20NU%20STERGE/Biana/bg.png) no-repeat scroll right bottom;
}

.video a {
  position:relative;
  display:block;
  transition:all .8s;
}

.video a:hover {
  opacity:.8;
}

.video a .video_icon {
  position:absolute;
  margin-left:-42px;
  top:50%;
  margin-top:-48px;
  z-index:5;
  left:50%;
}

.video p {
  font-family:"Roboto",sans serif;
  padding:0 20px;
  color:#707070;
  text-align:center;
  font-weight:300;
  font-size:14px;
  line-height:24px;
}

.cutiute {
  width:100%;
  height:100%;
  overflow:hidden;
  margin:0 0 20px;
  border:none;
}

.cutiute img {
  float:left;
  transition:all .7s;
}

.cutiute img:hover {
  opacity:.7;
}

.cutiute .text h2 {
  text-align:center;
  font-size:20px;
  text-transform:uppercase;
  font-weight:normal;
  border-bottom:1px double #777;
}

.text {
  float:left;
  width:400px;
  height:209px;
  background:#fff url(https://dl.dropboxusercontent.com/u/92497507/Catalin%20-%20NU%20STERGE/Biana/bg.png) center top no-repeat;
  margin-left:20px;
}

.cutiute .text p {
  font-family:"Roboto",sans serif;
  padding:0 20px;
  color:#707070;
  text-align:justify;
  font-weight:300;
  font-size:14px;
  line-height:25px;
}

.video a:last-child {
  color:#FFF;
  background-color:#000;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:normal;
  padding:5px;
  font-size:14px;
  font-family:"Roboto",sans serif;
  transition:all .3s;
  text-align:center;
}

.video a:last-child:hover {
  background-color:#ccc;
  color:#000;
}

.text a {
  color:#FFF;
  background-color:#000;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:normal;
  margin-left:20px;
  padding:5px;
  font-size:14px;
  font-family:"Roboto",sans serif;
  transition:all .3s;
}

.text a:hover {
  background-color:#ccc;
  color:#000;
  border-top:1px solid black;
  border-bottom:1px solid black;
}

#slide {
  overflow:hidden;
  width:67%;
  height:80%;
  border-bottom:5px solid white;
  margin:20px auto;
  background-size:cover;
  margin-top:20px;
}

.slides {
  position:relative;
  width:100%;
}

.slides ul {
  list-style:none;
  position:relative;
  margin:0 auto;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
  0% {
    opacity:0;
  }
  
  6% {
    opacity:1;
  }
  
  24% {
    opacity:1;
  }
  
  30% {
    opacity:0;
  }
  
  100% {
    opacity:0;
  }
}

@-moz-keyframes anim_slides {
  0% {
    opacity:0;
  }
  
  6% {
    opacity:1;
  }
  
  24% {
    opacity:1;
  }
  
  30% {
    opacity:0;
  }
  
  100% {
    opacity:0;
  }
}

.slides ul li {
  opacity:0;
  position:absolute;
  top:0;
  left:0;
/* css3 animation */
  -webkit-animation-name:anim_slides;
  -webkit-animation-duration:24s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:normal;
  -webkit-animation-delay:0;
  -webkit-animation-play-state:running;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-name:anim_slides;
  -moz-animation-duration:24s;
  -moz-animation-timing-function:linear;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:normal;
  -moz-animation-delay:0;
  -moz-animation-play-state:running;
  -moz-animation-fill-mode:forwards;
}

/* css3 delays */
.slides ul li:nth-child(2),.slides ul li:nth-child(2) div {
  -webkit-animation-delay:6s;
  -moz-animation-delay:6s;
}

.slides ul li:nth-child(3),.slides ul li:nth-child(3) div {
  -webkit-animation-delay:12s;
  -moz-animation-delay:12s;
}

.slides ul li:nth-child(4),.slides ul li:nth-child(4) div {
  -webkit-animation-delay:18s;
  -moz-animation-delay:18s;
}

.slides ul li img {
  display:block;
  width:100%;
}

/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
  0% {
    left:100%;
    opacity:0;
  }
  
  5% {
    left:10%;
    opacity:1;
  }
  
  20% {
    left:10%;
    opacity:1;
  }
  
  25% {
    left:100%;
    opacity:0;
  }
  
  100% {
    left:100%;
    opacity:0;
  }
}

@-moz-keyframes anim_titles {
  0% {
    left:100%;
    opacity:0;
  }
  
  5% {
    left:10%;
    opacity:1;
  }
  
  20% {
    left:10%;
    opacity:1;
  }
  
  25% {
    left:100%;
    opacity:0;
  }
  
  100% {
    left:100%;
    opacity:0;
  }
}

.slides ul li div {
  background-color:rgba(0,0,0,0.50);
  color:#FFFFFF;
  font-size:18px;
  text-align:center;
  margin:0 auto;
  padding:10px;
  position:absolute;
  bottom:2%;
  width:77%;
/* css3 animation */
  -webkit-animation-name:anim_titles;
  -webkit-animation-duration:24s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:normal;
  -webkit-animation-delay:0;
  -webkit-animation-play-state:running;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-name:anim_titles;
  -moz-animation-duration:24s;
  -moz-animation-timing-function:linear;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:normal;
  -moz-animation-delay:0;
  -moz-animation-play-state:running;
  -moz-animation-fill-mode:forwards;
}

#contest {
  position:fixed;
  top:50%;
  left:50%;
  padding:3em 2em;
  width:70%;
  min-height:20%;
  text-align:center;
  opacity:0;
  background:rgba(0,0,0,0.7);
  transition:all .3s ease;
  transform:translate(-50%,-250%);
}

.close {
  position:absolute;
  top:5px;
  right:5px;
  color:#FFF;
  text-decoration:none;
  padding:5px;
}

#contest:target {
  opacity:1;
  transform:translate(-50%,-50%);
  z-index:99999;
}