/* basic elements */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family:'AniversRegular', sans-serif;}
a{font-family:'AniversBold', sans-serif; font-weight:normal; font-size:14px; text-decoration:none; text-transform:uppercase; color:#ceaa31;}
a:hover{text-decoration:none; color:#ffd959;}
a:active{position:relative; top:1px;}
body{font-size:100%; background:url('images/bg_body.gif') repeat 0px 0px;}
body.earth #header #bg_header{background:url(images/earth.jpg) no-repeat 0px 65px;}
body.earth #main{background:url(images/bg_detail_earth.jpg) no-repeat center 100px;}
body.fire{background-image:url('images/bg_body_fire.gif');}
body.fire #header #bg_header{background:url(images/fire.jpg) no-repeat 0px 65px;}
body.fire #main{background:url(images/bg_detail_fire.jpg) no-repeat center 100px;}
body.fire #footer .social{border-color:#892512;}
body.fire #footer .social a{background-color:#b53c23;}
body.fire #footer div, body.fire #footer ul, body.fire #footer a{color:#571b0f;}
body.water{background-image:url('images/bg_body_water.gif');}
body.water #header #bg_header{background:url(images/water.jpg) no-repeat 0px 65px;}
body.water #main{background:url(images/bg_detail_water.jpg) no-repeat center 100px;}
body.water #footer .social{border-color:#2e7b83;}
body.water #footer .social a{background-color:#388e97;}
body.water #footer div, body.water #footer ul, body.water #footer a{color:#1c5258;}
body.air{background-image:url('images/bg_body_air.gif');}
body.air #header #bg_header{background:url(images/air.jpg) no-repeat 0px 65px;}
body.air #main{background:url(images/bg_detail_air.jpg) no-repeat center 100px;}
body.air #footer .social{border-color:#a4c5de;}
body.air #footer .social a{background-color:#87b7d9;}
body.air #footer div, body.air #footer ul, body.air #footer a{color:#608cad;}
button, input, textarea{outline:none !important;}
form label, h1, h2, h3, strong, dl dt{font-family:'AniversBold', sans-serif; font-weight:normal;} 
form label{margin-bottom:10px; font-size:14px; text-transform:uppercase; color:#49391a; cursor:pointer;}
form .form-group .form-control{padding:6px; border:none; border:1px solid #ece5d8; font-size:16px; color:#49391a; background:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
form .form-group .form-control::-webkit-input-placeholder{color:#c4b699;}
form .form-group .form-control:-moz-placeholder{color:#c4b699;}  
form .form-group .form-control::-moz-placeholder{color:#c4b699;}
form .form-group .form-control:-ms-input-placeholder{color:#c4b699;}
form .form-group.image{padding-bottom:20px; border-bottom:1px solid #ece5d8;}
form .form-group.image label{display:block;}
form .checkbox{margin-bottom:20px;}
form .checkbox label{font-size:16px; text-transform:none;}
form .radio-inline{height:14px;}
form input[type="radio"], input[type="checkbox"]{margin-top:0px;}
h1{margin-bottom:20px; font-size:28px; color:#49391a;}
h2{margin:20px 0px; font-size:24px; color:#8a754d;}
h3{margin:20px 0px; font-size:20px; color:#49391a;}
img{vertical-align:bottom;}
img, iframe{max-width:100%;}
p, ol li, ul li{font-size:16px; line-height:30px; color:#49391a;}
::-webkit-input-placeholder{color:#cec2aa;}
:focus::-webkit-input-placeholder{color:#8a754d;}
:-moz-placeholder{color:#cec2aa;}
:focus:-moz-placeholder{color:#8a754d;}
::-moz-placeholder{color:#cec2aa;}
:focus::-moz-placeholder{color:#8a754d;}
:-ms-input-placeholder{color:#cec2aa;}
:focus:-ms-input-placeholder{color:#8a754d;}

/* classes */
.animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.big_bar{background:url('images/pattern_100.gif') repeat 0px 0px;}
.big_bar .container{padding:30px 15px; text-align:center;}
.big_bar p{margin-bottom:20px;}
.btn{font-family:'AniversBold', sans-serif; font-weight:normal; text-transform:uppercase;}
.btn i{margin-right:5px;}
.btn span{font-family:'AniversBold', sans-serif;}
.btn:active{position:relative; top:1px;}
.btn-default{border:1px solid #cec2aa; color:#49391a; -webkit-box-shadow:inset 0px -3px 0px 0px #f4f1ea; -moz-box-shadow:inset 0px -3px 0px 0px #f4f1ea; box-shadow:inset 0px -3px 0px 0px #f4f1ea;}
.btn-primary{border:1px solid #3a2e15; background: #57441f; background: -moz-linear-gradient(top,  #57441f 0%, #3b2e15 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57441f), color-stop(100%,#3b2e15)); background: -webkit-linear-gradient(top,  #57441f 0%,#3b2e15 100%); background: -o-linear-gradient(top,  #57441f 0%,#3b2e15 100%); background: -ms-linear-gradient(top,  #57441f 0%,#3b2e15 100%); background: linear-gradient(to bottom,  #57441f 0%,#3b2e15 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57441f', endColorstr='#3b2e15',GradientType=0 );}
.btn-primary:hover{border-color:#3a2e15;}
.btn-primary:active, .btn-primary:focus{border:1px solid #3a2e15; background: #3b2e15; background: -moz-linear-gradient(top,  #3b2e15 0%, #57441f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b2e15), color-stop(100%,#57441f)); background: -webkit-linear-gradient(top,  #3b2e15 0%,#57441f 100%); background: -o-linear-gradient(top,  #3b2e15 0%,#57441f 100%); background: -ms-linear-gradient(top,  #3b2e15 0%,#57441f 100%); background: linear-gradient(to bottom,  #3b2e15 0%,#57441f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2e15', endColorstr='#57441f',GradientType=0 ); }
.crop_box{display:none;}
.fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;}
.lightbox_content{display:none; overflow: hidden;}
.lightbox_content .msg.error{display:none;}
.lightbox_content form textarea{width:100%; min-height:75px; padding:10px; border:none; margin-bottom:20px; resize:none; background:#ece5d8;}
.lightbox_content form .image{position:relative; margin-bottom:20px;}
.lightbox_content form .image .remove-image, .lightbox_content form .image .remove-edit-image {position:absolute; top:-12px; left:242px; cursor:pointer;}
.lightbox_content form .image .remove-image i, .lightbox_content form .image .remove-edit-image i{font-size:24px;}
.lightbox_content .post{padding-bottom:20px; border-bottom:1px solid #ece5d8; margin-bottom:20px;}
.lightbox_content .post .img{width:50px; float:left; margin-right:20px; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.lightbox_content .post .content{width:600px; float:left;}
.lightbox_content .post .content ul li{display:inline; margin-right:10px; color:#cec2aa;} 
.lightbox_content .post .content .img{width:auto; float:right; padding-left:20px; border-left:1px solid #ece5d8; margin:0px 0px 20px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.lightbox_content .post:last-child{padding-bottom:0px; border-bottom:none; margin-bottom:0px;}
.fileinput-button span{font-family:'AniversBold', sans-serif; font-weight:normal; font-size:14px; text-decoration:none; text-transform:uppercase; color:#ceaa31;}
.fileinput-button:hover span{text-decoration:none; color:#ffd959;}
.fileinput-button:active span{position:relative; top:1px;}
.msg{padding:15px; border:1px solid #cec2aa; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:20px; color:#49391a; line-height:24px; -webkit-box-shadow:inset 0px -3px 0px 0px #f4f1ea; -moz-box-shadow:inset 0px -3px 0px 0px #f4f1ea; box-shadow:inset 0px -3px 0px 0px #f4f1ea;}
.msg p{margin-bottom:10px;}
.msg.error{border-color:#ff4b4b; color:#ff4b4b; background:#ffe7e7; -webkit-box-shadow:inset 0px -3px 0px 0px #ffdddd; -moz-box-shadow:inset 0px -3px 0px 0px #ffdddd; box-shadow:inset 0px -3px 0px 0px #ffdddd;}
.msg.error a{color:#ff4b4b;}
.page{padding:20px; margin:-120px 0px 30px 0px; background:url('images/pattern_100.gif') repeat 0px 0px; -webkit-box-shadow:0px 0px 3px 0px #917b50; -moz-box-shadow:0px 0px 3px 0px #917b50; box-shadow:0px 0px 3px 0px #917b50;}
.page .page_inner{padding:20px; border:3px double #cec2aa; background:url('images/pattern_50.gif') repeat 0px 0px;}
.page .page_inner p, .page .page_inner ol, .page .page_inner ul{margin-bottom:10px;}
.page .page_inner ol, .page .page_inner ul{margin-left:25px;}
.page .page_inner ol{list-style-type:decimal;}
.page .page_inner ul{list-style-image:url('images/bullet.png');}
.page .page_inner .container_pagination{text-align:center;}
.page .page_inner .container_pagination .pagination{margin:20px 0px 0px 0px;}
.page .page_inner .container_pagination .pagination li a{border-color:#cec2aa; font-family:'AniversRegular', sans-serif; color:#9d8557; -webkit-box-shadow:inset 0px -3px 0px 0px #f4f1ea; -moz-box-shadow:inset 0px -3px 0px 0px #f4f1ea; box-shadow:inset 0px -3px 0px 0px #f4f1ea;}
.page .page_inner .container_pagination .pagination li a:hover, .page .page_inner .container_pagination .pagination li.active a{background:#ded4c1; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.table{margin-bottom:20px;}
.table tbody tr{border-bottom:1px solid #e4ddcd; background:url('images/shadow_table.png') repeat-x bottom left;}
.table tbody tr td{padding:10px; border-top:none; vertical-align:middle; text-align:right;}
.table tbody tr td.img{width:50px; border:none; margin-bottom:0px; white-space:nowrap; text-align:left;}
.table tbody tr td.img div{width:50px; height:50px; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.table tbody tr td.title{padding-left:20px; font-family:'AniversBold', sans-serif; font-size:20px; font-weight:normal; text-align:left; color:#49391a;}
.table tbody tr td a{color:#cec2aa;}
.table tbody tr td a:hover{color:#cea92b;}
.table tbody tr td a i{margin-right:5px;}
.tooltip .tooltip-inner{width:100% !important; border:1px solid #cec2aa; font-size:16px; color:#555; background:#fff;}
.tooltip .tooltip-arrow{border-bottom-color:#cec2aa !important; color:#333;}

/* #header */
#header{height:215px; background:#9d8557;} 
#header .container{position:relative;}
#header .glyphicon{font-size:24px; vertical-align:middle;}
#header .navbar-default{border:none; background:#846c3e;}
#header .navbar-default .navbar-header #logo{display:block; width:140px; height:43px; margin:11px 0px; text-indent:-9999px; background:url('images/logo.png') no-repeat 0px 0px;}
#header .navbar-default .navbar-header .navbar-toggle{border:none; margin-top:15px; background:none;}
#header .navbar-default .navbar-header .navbar-toggle:hover{background:#776033;}
#header .navbar-default .navbar-header .navbar-toggle .icon-bar{background:#49391a;}
#header .navbar-default .navbar-actions{float:right; margin-left:15px;}
#header .navbar-default .navbar-actions button {height:65px; padding:0px 0px 0px 15px; border:none; border-left:1px solid #776033; background:none;}
#header .navbar-default .navbar-actions #toggle_sound{margin-left:15px;}
#header .navbar-default #collapsible {padding-right:0px;}
#header .navbar-default #collapsible #search{display:none; width:100%; height:100%; position:absolute; top:0px; left:15px; z-index:1;}
#header .navbar-default #collapsible #search.visible{display:table;}
#header .navbar-default #collapsible #search tbody tr td{height:65px; vertical-align:middle;}
#header .navbar-default #collapsible #search tbody tr td form{height:65px; position:relative;}
#header .navbar-default #collapsible #search tbody tr td form input[type=text]{width:100%; height:65px; padding:0px 10px; border:none; font-size:24px; color:#fff; background:#846c3e;}
#header .navbar-default #collapsible #search tbody tr td form input::-webkit-input-placeholder{color:#cec2aa;}
#header .navbar-default #collapsible #search tbody tr td form input:focus::-webkit-input-placeholder{color:#fff;}
#header .navbar-default #collapsible #search tbody tr td form input:-moz-placeholder{color:#cec2aa;}
#header .navbar-default #collapsible #search tbody tr td form input:focus:-moz-placeholder{color:#fff;}
#header .navbar-default #collapsible #search tbody tr td form input::-moz-placeholder{color:#cec2aa;}
#header .navbar-default #collapsible #search tbody tr td form input:focus::-moz-placeholder{color:#fff;}
#header .navbar-default #collapsible #search tbody tr td form input:-ms-input-placeholder{color:#cec2aa;}
#header .navbar-default #collapsible #search tbody tr td form input:focus:-ms-input-placeholder{color:#fff;}
#header .navbar-default #collapsible #search tbody tr td form  button{display:block; height:65px; position:absolute; top:0px; right:19px; z-index:1; padding:0px 0px 0px 15px; border:none; border-left:1px solid #776033; background:none;}
#header .navbar-default #collapsible #search tbody tr .spacer{width:165px;}
#header .navbar-default #collapsible #search tbody tr #hide_search{width:24px; padding-left:3px; border-left:1px solid #776033; background:#846c3e;}
#header .navbar-default #collapsible #search tbody tr #hide_search button{border:none; background:none;}
#header .navbar-default #collapsible .navbar-nav{display:inline-block; float:none; margin-right:15px;}
#header .navbar-default #collapsible .navbar-nav li{display:inline-block; float:none; margin-right:-4px;}
#header .navbar-default #collapsible .navbar-nav li a{padding:22px 10px; font-size:14px; color:#c4b699;}
#header .navbar-default #collapsible .navbar-nav li a:hover, #header .navbar-default #collapsible .navbar-nav li.active a{color:#fff;}
#header .navbar-default #collapsible .navbar-nav>.active>a, #header .navbar-default #collapsible .navbar-nav>.active>a:hover, #header .navbar-default #collapsible .navbar-nav>.active>a:focus{background:none;}
#header .navbar-default #collapsible .create_tree{display:inline-block;}
#header #bg_header{width:100%; height:215px;}
#header.home{height:360px; position:relative; overflow:hidden;}
#header.home #bg_header{width:1736px; height:1736px; position:absolute; top:50%; left:50%;  margin:-800px 0px 0px -868px; background:url('images/sunbeams.png') no-repeat 0px 0px; -webkit-animation: rotate 30s linear infinite; -moz-animation: rotate 30s linear infinite; -ms-animation: rotate 30s linear infinite; -o-animation: rotate 30s linear infinite; animation: rotate 30s linear infinite;}

/* #main */

  /* #home */
  #main #home #intro #movie{width:346px; height:346px; position:relative; margin:-300px auto 0px auto;}
  #main #home #intro #movie #ring{position:absolute; top:-10px; left:0px; z-index:2;}
  #main #home #intro #movie object{position:absolute; top:0px; left:15px; z-index:1;}
  #main #home #intro #movie .bg{position:absolute; top:12px; left:22px; z-index:0;}
  #main #home #intro #movie .bg .emblem{display:none; margin-left: -20px; margin-top: -15px;max-width: 344px;}
  #main #home #intro h1{font-size:40px; margin-bottom:10px;}
  #main #home #intro h2{font-size:30px; margin:0px 0px 20px 0px; line-height:42px;}
  #main #home #about .container{padding:30px 15px;}
  #main #home #about h2{color:#49391a;}
  #main #home #about p{text-align:justify; text-shadow:1px 1px 0px #d8cebb; color:#8a754d;}
  #main #home #about p .img{display:block; float:left; margin-right:20px;}
  #main #home #about p a{color:#49391a;}
  #main #home #about p a:hover{color:#8a754d;}
  #main #home #intro .btn-primary{border:2px solid #868927; background: #9c9f2e; background: -moz-linear-gradient(top,  #9c9f2e 0%, #6f7220 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9f2e), color-stop(100%,#6f7220)); background: -webkit-linear-gradient(top,  #9c9f2e 0%,#6f7220 100%); background: -o-linear-gradient(top,  #9c9f2e 0%,#6f7220 100%); background: -ms-linear-gradient(top,  #9c9f2e 0%,#6f7220 100%); background: linear-gradient(to bottom,  #9c9f2e 0%,#6f7220 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9f2e', endColorstr='#6f7220',GradientType=0 ); }

  /* #login_register */
  #main #login_register #login{padding-right:50px; border-right:1px solid #ece5d8;}
  #main #login_register #register{padding-left:50px;}
  #main #login_register #register .form{display:none;}
  #main #login_register #register #frmsignup .image{padding-bottom:20px; border-bottom:1px solid #ece5d8;}
  #main #login_register #register #frmsignup .image .fileinput-button{float:right;}
  #main #login_register.reg_visible #login{border-right:none;}
  #main #login_register.reg_visible #register{border-left:1px solid #ece5d8;}
  #main #login_register.reg_visible #register .intro_register{display:none;}
  #main #login_register.reg_visible #register .form{display:block;}

  /* #create_tree */
  #main #create_tree #progress{margin-bottom:20px;}
  #main #create_tree #progress .progress{height:5px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
  #main #create_tree #progress .progress .progress-bar{background:#9d8557;}  
  #main #create_tree #createTree .step .tree{margin-bottom:20px; text-align:center; cursor:pointer;}
  #main #create_tree #createTree .step .tree label{padding-bottom:10px; margin-bottom:0px; cursor:pointer;}
  #main #create_tree #createTree .step .tree label img{margin-bottom:20px;} 
  #main #create_tree #createTree .step .tree label input{visibility:hidden;}
  #main #create_tree #createTree .step .tree label .text{display:block; font-family:'AniversBold', sans-serif; font-size:20px; font-weight:normal; text-transform:none; color:#49391a;}  
  #main #create_tree #createTree .step .tree label .flip_container {display:block; -webkit-perspective:1000; -moz-perspective:1000; perspective:1000;}
  #main #create_tree #createTree .step .tree label .flip_container span{display:block; width:112px; height:112px;}
  #main #create_tree #createTree .step .tree label .flip_container .flipper{position:relative; -webkit-transition:0.6s; -moz-transition:0.6s;  transition:0.6s; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d;}
  #main #create_tree #createTree .step .tree label .flip_container .flipper .front, #main #create_tree #createTree .step .tree label .flip_container .flipper .back {position:absolute; top:0; left:0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility:hidden; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d;}
  #main #create_tree #createTree .step .tree label .flip_container .flipper .front{z-index:1;}
  #main #create_tree #createTree .step .tree label .flip_container .flipper .back{-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg);}  
  #main #create_tree #createTree .step .tree label .flip_container .flipper .back .overlay{position:absolute; top:0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:0.5;}
  #main #create_tree #createTree .step .tree label .flip_container .flipper .back i{position:absolute; top:50%; left:50%; z-index:2; margin:-12px 0px 0px -12px; font-size:24px;}
  
  /* No rotate for now...
  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  #main #create_tree #createTree .step .tree label.active .flip_container .flipper{-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg);} */
  #main #create_tree #createTree .step .tree label .flip_container .flipper .back{display:none;}  
  #main #create_tree #createTree .step .tree label input{margin:10px 0px; visibility:visible;}  
  /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  #main #create_tree #createTree .step .tree label.active .text{color:#9d8557;}
  #main #create_tree #createTree .step .tree a{display:block;}
  #main #create_tree #createTree .step .tree .modal .modal-dialog .modal-content .modal-header .close{margin-top:-22px;}
  #main #create_tree #createTree .step .tree .modal .modal-dialog .modal-content .modal-header .close span{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
  #main #create_tree #createTree .step .tree .modal .modal-dialog .modal-content .modal-body{background:url('images/ajax-loader.gif') no-repeat center;}
  #main #create_tree #createTree .step .tree label.active .text{color:#9d8557;}
  #main #create_tree #createTree .button_bar{margin-top:20px;}  
  #main .table tbody tr.total{border:none; background:none;}
  #main .table tbody tr.total td{font-family:'AniversBold', sans-serif; font-size:20px;}

  /* #tree_detail */
  #main #tree_detail .big_bar{margin-bottom:30px; background:#fff url('images/bg_big_bar.jpg') no-repeat top center;}
  #main #tree_detail .big_bar .container{position:relative;}
  #main #tree_detail .big_bar .actions{width:100%; position:fixed; top:65px; left:0px; z-index:3; padding:5px 45px; text-align:right; background:rgba(101,82,46, 0.5);}  
  #main #tree_detail .big_bar .actions .share{display:inline-block;}
  #main #tree_detail .big_bar .actions .share ul{display:none; position:absolute; top:44px; right:45px; padding:15px; border:1px solid #cec2aa; background:#fff;}  
  #main #tree_detail .big_bar #img_main{width:354px; height:354px; position:relative; padding:10px; margin:-135px auto 30px auto;}
  #main #tree_detail .big_bar #img_main .avatar{width:74%; position:absolute; top:50%; left:50%; z-index:2; margin:-37% 0px 0px -37%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
  #main #tree_detail .big_bar #img_main .background{width:100%; top:0px; z-index:1;}
  #main #tree_detail .big_bar .gallery{width:50%; margin:0px auto 20px auto;}
  #main #tree_detail .big_bar .gallery li{display:inline; margin-right:10px; text-align:center;}
  #main #tree_detail .big_bar .gallery li:last-child{margin-right:0px;}
  #main #tree_detail .big_bar .gallery li a{display:inline-block; width:60px; height:60px; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
  #main #tree_detail .big_bar .bio{display:none; margin-bottom:20px; line-height:30px; text-align:justify;}
  #main #tree_detail #posts .page{margin-top:0px;}
  #main #tree_detail #posts .page .page_inner table{width:100%;}    
  #main #tree_detail #posts .page .page_inner table tbody tr td{padding:30px 0px; border-bottom:1px solid #ece5d8;}
  #main #tree_detail #posts .page .page_inner table tbody tr td.img{width:70px;}
  #main #tree_detail #posts .page .page_inner table tbody tr td.img div{width:50px; margin-right:20px; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
  #main #tree_detail #posts .page .page_inner table tbody tr td.img div img{vertical-align:top;}
  #main #tree_detail #posts .page .page_inner table tbody tr td p{margin-bottom:0px;}
  #main #tree_detail #posts .page .page_inner table tbody tr td ul{margin:0px; list-style-type:none;}
  #main #tree_detail #posts .page .page_inner table tbody tr td ul li{display:inline; margin-right:10px; color:#cec2aa;}
  #main #tree_detail #posts .page .page_inner table tbody tr td ul li:last-child{margin-right:0px;}
  #main #tree_detail #posts .page .page_inner table tbody tr td.edit{width:34px; padding-left:20px; border-bottom:none; cursor:pointer;}
  #main #tree_detail #posts .page .page_inner table tbody tr td.edit i{font-size:16px; visibility:hidden; color:#cec2aa;}
  #main #tree_detail #posts .page .page_inner table tbody tr.form td.img{vertical-align:top;}
  #main #tree_detail #posts .page .page_inner table tbody tr.form form .img{width:242px; position:relative; margin-bottom:20px;}
  #main #tree_detail #posts .page .page_inner table tbody tr.form form .img .remove-image{position:absolute; top:-12px; right:0px; cursor:pointer;}
  #main #tree_detail #posts .page .page_inner table tbody tr.form form .img .remove-image i{font-size:24px;}  
  #main #tree_detail #posts .page .page_inner table tbody tr.form td.content textarea{width:100%; min-height:75px; padding:10px; border:none; margin-bottom:20px; resize:none; background:#ece5d8;}
  #main #tree_detail #posts .page .page_inner table tbody tr.post td.content p .title{display:block;}
  #main #tree_detail #posts .page .page_inner table tbody tr.post td.content p .img{float:right; padding-left:20px; border-left:1px solid #ece5d8; margin:0px 0px 20px 20px;}
  #main #tree_detail #posts .page .page_inner table tbody tr.post:hover td.edit i{visibility:visible;}
  #main #tree_detail #posts .page .page_inner table tbody tr.post td.edit i:hover{color:#49391a;}  
  #main #tree_detail .post .delete_memory { visibility: hidden; }
  #main #tree_detail .post:hover .delete_memory { visibility: visible; }

  /* #edit_tree */
  #main #edit_tree .page .page_inner form .main_image{padding-bottom:20px; border-bottom:1px solid #ece5d8;}
  #main #edit_tree .page .page_inner form .main_image .img{width:480px;}
  #main #edit_tree .page .page_inner form .gallery{padding-bottom:20px; border-bottom:1px solid #ece5d8;}
  #main #edit_tree .page .page_inner form .gallery .col-sm-3{margin-bottom:20px;}
  #main #edit_tree .page .page_inner form .gallery .col-sm-3 .remove-photo{position:absolute; top:-12px; right:0px; cursor:pointer;}
  #main #edit_tree .page .page_inner form .gallery .col-sm-3 .remove-photo i{font-size:24px;}

  /* #my_profile */
  #main #my_profile .col-sm-4{margin-bottom:20px; text-align:center;}  
  #main #my_profile .img{width:144px; height:144px; margin:0px auto 20px auto; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

  /* #faq */
  #main #faq dl dt{position:relative; padding:20px; border:1px solid #cec2aa; margin-bottom:5px; font-size:20px; background:#fff; -webkit-box-shadow:inset 0px -3px 0px 0px #f4f1ea; -moz-box-shadow:inset 0px -3px 0px 0px #f4f1ea; box-shadow:inset 0px -3px 0px 0px #f4f1ea;}
  #main #faq dl dt i{position:absolute; top:25px; right:20px; font-size:20px; color:#49391a;}
  #main #faq dl dd{display:none;}

/* #footer */
#footer div, #footer ul{text-align:center; color:#ab9b7c;}
#footer .container{padding:0px 15px 30px 15px;}
#footer .social{padding-top:30px; border-top:1px solid #c4b699; margin-bottom:20px;}
#footer .social a{display:inline-block; width:40px; height:40px; margin-right:5px; text-indent:-9999px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#footer .social a:last-child{margin-right:0px;}
#footer .social .facebook{background:#a69677 url('images/icon_facebook.png') no-repeat center center;}
#footer .social .twitter{background:#a69677 url('images/icon_twitter.png') no-repeat center center;}
#footer a{font-size:14px; font-weight:normal; color:#8a754d;}
#footer ul{margin-bottom:20px;}
#footer ul li{display:inline; margin-right:10px;}
#footer ul li:last-child{margin-right:0px;}
#footer .em{margin-bottom:10px;}

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

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

/* @media */
@media screen and (max-width:991px) {
  
  /* basic-elements */
  form .form-group, form .form-group .col-sm-6:first-child{margin-bottom:20px;} 

  /* #header */
  #header .navbar-default .navbar-header #logo{margin-left:15px;}
  #header .navbar-default .navbar-header .navbar-toggle{margin:18px 15px 0px 0px;}  
  #header .navbar-default .navbar-actions{position:absolute; top:0px; right:15px;}
  #header .navbar-default .navbar-actions #show_search{display:none;}
  #header .navbar-default #collapsible{width:auto; padding:0px 15px; border:none; text-align:center;}
  #header .navbar-default #collapsible .navbar-nav{display:block; margin:15px 0px 15px 0px;}
  #header .navbar-default #collapsible .navbar-nav li{margin-right:0px;}
  #header .navbar-default #collapsible .navbar-nav li a{padding:10px 15px;}   
  #header .navbar-default #collapsible .create_tree{width:100%; margin-bottom:15px;}
  #header .navbar-default #collapsible #search{display:table; height:34px; position:static; top:auto; left:auto; z-index:auto; margin-top:15px;}
  #header .navbar-default #collapsible #search tbody tr td{height:34px;}
  #header .navbar-default #collapsible #search tbody tr td form{height:34px;}
  #header .navbar-default #collapsible #search tbody tr td form input[type=text]{height:34px; font-size:16px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#9d8557;}
  #header .navbar-default #collapsible #search tbody tr td form  button{height:34px; right:5px; border-left:none;}
  #header .navbar-default #collapsible #search tbody tr .spacer{display:none; width:auto;}
  #header .navbar-default #collapsible #search tbody tr #hide_search{display:none; width:auto;}
  
  /* #main */

    /* #home */
    #main #home #about .mt{margin-bottom:20px;}

    /* #login_register */
    #main #login_register #login{padding-right:15px; margin-bottom:20px;}
    #main #login_register #register{padding-left:15px; border-left:none;}

    /* #create_tree */
    #main #create_tree #progress .col-sm-4{margin-top:10px;}

    /* #tree_detail */
    #main #tree_detail .big_bar .gallery{width:100%;} 
    #main #tree_detail #posts .page .page_inner table tbody tr td.img{width:30px;}   
    #main #tree_detail #posts .page .page_inner table tbody tr td.img div{width:20px; height:20px; margin-right:10px;}
    #main #tree_detail #posts .page .page_inner table tbody tr td form .btn{width:100%;}    
    #main #tree_detail #posts .page .page_inner table tbody tr td form .btn.btn-default{margin-bottom:10px;}   
}

@media screen and (max-width:480px) {
  
  /* basic elements */
  form .pull-left{display:block; float:none !important; margin-bottom:10px;}
  form .pull-right{display:block; float:none !important;}
  form .form-group.image{padding-bottom:0px; border-bottom:1px solid #ece5d8;}

  /* classes */
  .fancy-box-reactions {width:315px;}
  .fancy-box-reactions .post .txt{width:245px;}
  .page .page_inner .table tbody tr td.img{display:none;}
  .page .page_inner .table tbody tr td.title{padding-left:10px;}
  
  /* #main */

    /* #home */
    #main #home #intro #movie{width:280px; height:280px; margin:-280px auto 10px auto;}
    #main #home #intro #movie object{display:none;}
    #main #home #intro #movie .bg{top:-10px; left:0px;}
    #main #home #intro #movie .bg .color{display:none;}
    #main #home #intro #movie .bg .emblem{display:inline;}
    
    /* #create_tree */
    #main #create_tree #createTree .step .tree label .flip_container span{width:45px; height:45px;}
   
    /* #tree_detail */
    #main #tree_detail .big_bar #img_main{width:250px; height:250px; margin:-135px auto 20px auto;}    
    #main #tree_detail #posts .page .page_inner table tbody tr td p, #main #tree_detail #posts .page .page_inner table tbody tr td ul li{font-size:14px;}
    #main #tree_detail #posts .page .page_inner table tbody tr td ul li{display:block; margin:0px;}     
    #main #tree_detail #posts .page .page_inner table tbody tr td.edit i{visibility:visible; color:#cec2aa;}
}

/* ipad only */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #main #home #intro #movie object{display:none;}
  #main #home #intro #movie .bg .color{display:none;}
  #main #home #intro #movie .bg .emblem{display:inline;}
}

/* mobile only */
@media only screen and (min-width : 320px) and (max-width : 480px) {
  #main #home #intro #movie .bg{top:5px; left:23px;}
  #main #home #intro #movie .bg img{width: 274px;}
}

/* @keyframes */
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity: 1;}
}
@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate {
  from {-moz-transform:rotate(0deg);}
  to {  -moz-transform:rotate(360deg);}
}
@-moz-keyframes rotate {
  from {-ms-transform:rotate(0deg);}
  to {  -ms-transform:rotate(360deg);}
}
@-moz-keyframes rotate {
  from {-o-transform:rotate(0deg);}
  to {  -o-transform:rotate(360deg);}
}
@keyframes rotate {
  from {transform:rotate(0deg);}
  to {  transform:rotate(360deg);}
}

.delete_reaction_new { float: right; }
.delete_reaction_new img { vertical-align: middle; }