/* ==========================================================================
   jijo's custom styles
   color1: #ee490f;
   color2: #423232;
   ========================================================================== */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
    padding: 0;
    margin: 0; 
}
body{
    /*font-family: 'Coda', cursive;*/
    color: #333;

}
h1{
    font-family: 'Aclonica', cursive;
}
h2{
    /*font-family: 'Audiowide', cursive;*/
    font-size: 4em;
}
p 
{
    /*    outline:#00FF00 solid 1px;
        border: #db5a6e solid 5px;*/
}
.top_clip{
    margin-top: 30px;
}
.min_width{
    min-width: 250px !important;
    float: left;
}
.center-block {
    display: inline-block;
    margin-right: auto !important;
    margin-left: auto !important;
}
.margin_top_5{
    margin-top: 5px !important;
}
.margin_top_10{
    margin-top: 10px !important;
}
.margin_top_20{
    margin-top: 20px !important;
}
.margin_top_30{
    margin-top: 30px !important;
}
.margin_top_40{
    margin-top: 40px !important;
}
.margin_bottom_5{
    margin-bottom: 5px !important;
}
.margin_bottom_10{
    margin-bottom: 10px !important;
}
.margin_bottom_20{
    margin-bottom: 20px !important;
}
.margin_left_10{
    margin-left: 10px !important;
}

/*  Padding modifiers
   ---------------------------------------------------------------------------*/
.sep-top-xxs {
    padding-top: 0.8em;
}
.sep-top-xs {
    padding-top: 1.5em !important;
}
.sep-top-sm {
    padding-top: 2.2em !important;
}
.sep-top-md {
    padding-top: 3em !important;
}
.sep-top-lg {
    padding-top: 4.3em !important;
}
.sep-top-2x {
    padding-top: 6.5em !important;
}
.sep-top-3x {
    padding-top: 9.4em !important;
}
.sep-top-4x {
    padding-top: 11.5em !important;
}
.sep-top-5x {
    padding-top: 16em !important;
}
.sep-bottom-xxs {
    padding-bottom: 0.8em !important;
}
.sep-bottom-xs-xs {
    padding-bottom: 0.3em !important;
}
.sep-bottom-xs {
    padding-bottom: 1.5em !important;
}
.sep-bottom-sm {
    padding-bottom: 2.2em !important;
}
.sep-bottom-md {
    padding-bottom: 3em !important;
}
.sep-bottom-lg {
    padding-bottom: 4.3em !important;
}
.sep-bottom-2x {
    padding-bottom: 6.5em !important;
}
.sep-bottom-3x {
    padding-bottom: 9.4em !important;
}
.sep-bottom-4x {
    padding-bottom: 11.5em !important;
}
.sep-bottom-5x {
    padding-bottom: 16em !important;
}






.padding_top_5{
    padding-top: 5px !important;
}
.padding_top_10{
    padding-top: 10px !important;
}
.padding_top_20{
    padding-top: 20px !important;
}
.padding_top_30{
    padding-top: 30px !important;
}
.padding_top_40{
    padding-top: 40px !important;
}
.padding_top_50{
    padding-top: 50px !important;
}
.padding_bottom_20{
    padding-bottom: 20px !important;
}
.padding_bottom_10{
    padding-bottom: 10px !important;
}
.padding_bottom_5{
    padding-bottom: 5px !important;
}
.padding_30{
    padding: 30px !important;
}
.padding_20{
    padding: 20px !important;
}
.padding_10{
    padding: 10px !important;
}
.padding_5{
    padding: 5px !important;
}
.padding_3{
    padding: 3px !important;
}
.padding_0{
    padding: 0px !important;
}
.padd_lft_rgt_30 {
    padding-right: 30px !important;
    padding-left: 30px !important; 
}




.txt_align{
    text-align: center;
}
.font_size_0_35 {
    font-size: .35em !important;
}
.font_size_0_55 {
    font-size: 0.55em !important;
}
.font_size_0_65 {
    font-size: 0.65em !important;
}
.font_size_0_75 {
    font-size: 0.75em !important;
}
.font_size_0_95 {
    font-size: 0.95em !important;
}
.font_size_1 {
    font-size: 1em !important;
}
.font_size_1_2 {
    font-size: 1.2em !important;
}
.font_size_1_3 {
    font-size: 1.3em !important;
}
.font_size_1_4 {
    font-size: 1.4em !important;
}
.font_size_1_5 {
    font-size: 1.5em !important;
}
.font_size_1_6 {
    font-size: 1.6em !important;
}
.font_size_1_7 {
    font-size: 1.7em !important;
}
.font_size_2 {
    font-size: 2em !important;
}
.font_size_3 {
    font-size: 3em !important;
}
.font_size_4 {
    font-size: 4em !important;
}
.font_size_5 {
    font-size: 5em !important;
}
.font_wait_normal{
    /*    font-weight: bold !important;*/
}
.border_{
    border: solid 1px #dddddd;
}
.border_white{
    border: solid 4px #FFF;
}
.doted_hr_line{
    border-bottom: dashed 1px #c7c8c3;
}
.min_height{
    min-height: 300px;
}
.no_margin{
    margin: 0px !important;
}


.rounded_border {    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-corner-radius: 6px; 
    border-radius: 6px;
}

.rounded_border_4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-corner-radius: 4px; 
    border-radius: 4px;
}

.rounded_border_3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-corner-radius: 3px; 
    border-radius: 3px;
}


.navbar{
    min-height: 80px;
    background: white url(../img/top_menu_bg.jpg);
    font-size: 1em;
    -webkit-box-shadow: 0 3px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 3px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0 3px 2px 0px rgba(0,0,0,0.25);
    border-bottom: solid 4px #ee490f;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border: none;
}
.navbar-header{
    min-height: 80px;
    width: 100%;
    /*border-bottom: solid 1px #777;*/
}
.navbar-brand {
    line-height: 50px;
    padding: 15px;
}
.logo_{
    /*    background: url(../img/logo.jpg);*/
    background-position: left center;
    /*min-width: 225px;*/
    height: 80px;
    background-repeat: no-repeat;
    color: #423232;
    font-size: 2em;
    /*font-family: 'Audiowide', cursive;*/
    display: inline-block;
    width: 100%;
    font-weight: bold;
    padding-top: 30px;
    text-transform: uppercase !important;
}
a:hover.logo_{
    color: #f15218;
}
.navbar-toggle {
    background-color: #f1f0f0;
    border: solid 1px #999;
}
.navbar-nav{
    /*margin-top: 10px;*/
    width: 100%;
    text-align: center;
}
.navbar-nav li{
    float: none;
    display: inline-block !important;
    padding: 7px 0px;
}
.navbar-nav > li > a {
    color: #FFF;
    transition: background-color 2s;
    -webkit-transition: background-color 1s; /* Safari */
    -moz-transition: background-color 1s; /* Safari */
}
.navbar-nav > li > a:hover {
    background: url(../img/menu_hover.jpg);
    color: #FFF;
    border-radius: 4px;
}
.navbar .navbar-nav > .active > a {
    color: #FFF;
    background: url(../img/menu_hover.jpg);
    margin-right: 2px;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    background-color: #333333 !important;
}


.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
}


.dropdown-menu > li{
    width: 100%;
    /*border-radius: 4px;*/
}
.dropdown-menu > li:hover{
    background-color: #ee490f !important;
    /*border-radius: 4px;*/
}
@media (max-width:768px){
    .dropdown-menu > li > a{
        color: #FFF !important;
    }
    .font_size_1 {
        font-size: .78em !important;
    }
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #ee490f;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ee490f), to(#ee490f));
    background-image: -webkit-linear-gradient(top, #ee490f, 0%, #ee490f, 100%);
    background-image: -moz-linear-gradient(top, #ee490f 0%, #ee490f 100%);
    background-image: linear-gradient(to bottom, #ee490f 0%, #ee490f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee490f', endColorstr='#ee490f', GradientType=0);
    color: #FFF;
}


.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
    color: #FFF;
    background-color: #f09b2e;
    border-radius: 4px;
}


.nav .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

.nav a:hover .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #f09b2e;
    border-radius: 4px;
}


.jumbotron {
    margin-top: 0px !important;
    min-height: 100px;
    padding: 0;
    margin-bottom: 0;
    color: inherit;
    background-color: #eee;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.z_index_100{
    z-index: 100;
}
.z_index_10{
    z-index: 10;
}
.pattern_bg_1{
    background: url(../img/body_bg.jpg);
}
.pattern_bg_2{
    background: url(../img/gray_bg.jpg) !important;
}
.box_shadow_upper{
    -webkit-box-shadow: 0px -4px 30px rgba(50, 50, 50, 0.45);
    -moz-box-shadow:    0px -4px 30px rgba(50, 50, 50, 0.45);
    box-shadow:         0px -4px 30px rgba(50, 50, 50, 0.45);
}
.box_shadow_inner{
    -moz-box-shadow:    inset  0  8px 20px -8px #696868, 
        inset  0 -8px 20px -8px #696868;
    -webkit-box-shadow: inset  0  8px 20px -8px #696868, 
        inset  0 -8px 20px -8px #696868;
    box-shadow:        inset  0  8px 20px -8px #696868, 
        inset  0 -8px 20px -8px #696868;
}
.box_shadow_inner_small{
    -moz-box-shadow:    inset  0  5px 15px -5px #ddd, 
        inset  0 -5px 15px -5px #696868;
    -webkit-box-shadow: inset  0  5px 15px -5px #ddd, 
        inset  0 -5px 15px -5px #696868;
    box-shadow:        inset  0  5px 15px -5px #ddd, 
        inset  0 -5px 15px -5px #696868;
}
.top_head_{
    height: 100px;
}

.color_white{
    color: #FFF !important;
}
.color_theme{
    color: #0c1967;
}
.color_theme2{
    color: #db5a6e;
}
.color_black{
    color: #333333;
}
.hom_box{    
    text-align: center;
    background: url(../img/top_menu_bg.jpg);
}
.hom_box .container a{
    height: 100px;
    padding: 10px;
    border-left: solid 1px #FFF;
    display: block;
    text-decoration: none;
    color: white;

    transition: background 2s;
    -webkit-transition: background 2s; /* Safari */
    -moz-transition: background 2s; /* Safari */
    /*line-height: 150px;*/

    /*    border-bottom: solid 2px #605050;
        border-top: solid 1px #605050;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);*/
}
.hom_box .container a:hover{
    background: rgba(241,82,24,1);
}
.hom_box .container a:nth-child(1){
    border-left: none;
}
.border_top_second{
    border-top: solid 3px #f15218;
}
.border_bottom_second{
    border-bottom: solid 3px #f15218;
}

.min_height_50{
    min-height: 50px;
}
.height_50{
    height: 50px !important;
    overflow: hidden !important;
}
.height_100{
    height: 100px !important;
    overflow: hidden !important;
}
.hr_bar{
    height: 30px;
    background-color: #bc2d0b;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#bc2d0b), to(#b32404));
    background-image: -webkit-linear-gradient(top, #bc2d0b, 0%, #b32404, 100%);
    background-image: -moz-linear-gradient(top, #bc2d0b 0%, #b32404 100%);
    background-image: linear-gradient(to bottom, #bc2d0b 0%, #b32404 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc2d0b', endColorstr='#b32404', GradientType=0);
    /*    border-top: solid 1px #cc6751;
        border-bottom: solid 1px #c6634c;*/
    outline: #bc2d0b solid 1px;
}
.hr_bar_2{
    min-height: 50px !important;
    background-color: #382828;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#382828), to(#382828));
    background-image: -webkit-linear-gradient(top, #382828, 0%, #382828, 100%);
    background-image: -moz-linear-gradient(top, #382828 0%, #382828 100%);
    background-image: linear-gradient(to bottom, #382828 0%, #382828 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e3c3c', endColorstr='#382828', GradientType=0);
    /*    border-top: solid 1px #ee490f;
        border-bottom: solid 1px #ee490f;*/
    /*    outline: #ee490f solid 1px;*/
    /*    background: white url(../img/top_menu_bg.jpg) !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;*/
    z-index: 100 !important;
    background: url(../img/top_menu_bg.jpg);
    border-bottom: solid 2px #605050;
    border-top: solid 1px #605050;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.generation_section {
    /*    margin-top: 30px;*/
    min-height: 100px;
    padding: 20px;
    margin-bottom: 0;
    color: inherit;
    background-color: #eee;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.head_bg{
    padding: 10px;
    background: #bc2d0b;
    line-height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    border: solid 1px #f96947;
}
.head_bg_2{
    padding: 10px;
    background: #2f873a;
    line-height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    border: solid 1px #11cc28;
}
.head_bg_3{
    padding: 10px;
    background: #382828;
    line-height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    border: solid 1px #382828;
}
/** date_box styles start **/
.date_box{
    height: 52px;
    width: 100%;
    padding: 8px;
    text-align: center;
    color: white;
    text-transform: uppercase
}
.date_box_wrapper {
    float: left;
    height: 52px;
    min-width: 32px;
    background-color: #ee490f;
    padding: 8px;
    text-align: center;
    color: white;
    text-transform: uppercase; }

/** date_box styles end **/

.member_tree_wraper {
    min-width: 80px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    /*    background-color: $black;*/ 
}

.member_tree_wraper ul {
    float: left; }

.member_tree_wraper ul li {
    float: left;
    display: inline;
    margin-left: 10px !important;
}
.member_tree_wraper h6{
    line-height: 30px;
    text-indent: 10px;
}
.border_btm_dashed{
    border-bottom: #423232 dashed 1px;
}
.mtree_icon_wrapper {
    /*    background-color: #dfdfdf;*/
    height: 52px;
    width: 32px;
    float: left;
    text-align: center; 
}

.mtree_icon_wrapper a {
    text-align: center;
    padding: 0px;
    margin: 0px; 
}

.mtree_icon_wrapper a img {
    height: 35px;
    width: 35px;
    display: inline;
    /*    opacity: 0.60;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  IE 8 hack 
        filter: alpha(opacity = 60);  IE 5-7 hack 

        -webkit-transition: opacity 0.6s ease-in-out;
        -moz-transition: opacity 0.6s ease-in-out;
        -o-transition: opacity 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out;    */ 
}

.mtree_icon_wrapper a:hover img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    /* IE 8 hack */
    filter: alpha(opacity=1);
    /* IE 5-7 hack */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); 
}

.mtree_icon_wrapper_name {
    width: 30px;
    height: 10px;
    float: left;
    text-align: center;
    font-size: 10px !important;
    color: #158661 !important;
    overflow: hidden !important;
    line-height: 10px;
    font-weight: bold; 
}

.mtree_icon_wrapper_name_deceased {
    width: 30px;
    height: 10px;
    float: left;
    text-align: center;
    font-size: 10px !important;
    color: #EC520A !important;
    overflow: hidden !important;
    line-height: 10px;
    font-weight: bold; 
}




.slider_{
    text-align: center;
    overflow: hidden;
}
/*.slider_ img{
    margin-left: auto;
    margin-right: auto;
}*/
.margin_L_R_0{
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.margin_L_0{
    margin-left: 0px;
    padding-left: 0px;
}
.margin_R_0{
    margin-right: 0px;
    padding-right: 0px;
}






.family-branches-wrapper{
    width:100%; 
    text-align:center;
    clear: left;
    height:auto;
}

.family-branches ul { padding:0px;}

.family-branches ul li {
    display: inline;
    float:left;
    margin:2px; 
    /*    width:32%;*/
    height: 99px;
    width: 77px;
}
.family-branches{width:100%}
.family-branches ul li{
    display:inline-table; 
    float: none;
}




.sibling_icon_wrapper {
    /*    background-color: #dfdfdf;*/
    height: 99px;
    width: 77px;
    /*    float: left;*/
    text-align: center; }

.sibling_icon_wrapper a {
    text-align: center;
    padding: 0px;
    margin: 0px; }

.sibling_icon_wrapper a img {
    height: 71px;
    width: 71px;
    padding: 2px;
    border: 1px solid #dcd9cf; 
    display: inline;
    /*    opacity: 0.60;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  IE 8 hack 
        filter: alpha(opacity = 60);  IE 5-7 hack 

        -webkit-transition: opacity 0.6s ease-in-out;
        -moz-transition: opacity 0.6s ease-in-out;
        -o-transition: opacity 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out;    */
    border-radius: 3px;

}

.sibling_icon_wrapper a:hover img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    /* IE 8 hack */
    filter: alpha(opacity=1);
    /* IE 5-7 hack */
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); 
}

.sibling_icon_wrapper_name {
    width: 75px;
    height: 20px;
    float: left;
    text-align: center;
    font-size: 12px !important;
    color: #5d355e !important;
    overflow: hidden !important;
    line-height: 20px;
    font-weight: bold; 
    text-shadow: 1px 1px 1px #FFF;
}


.structure_big_bg{
    background-image: url(../img/Structure_big_bg.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}
.structure_bg{
    background-image: url(../img/StructureBg.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}

.structure_bg__ {
    background-image: url(../img/tree_bg.png);
    background-repeat: no-repeat;
    background-position: bottom left; 
}
.bg_light_color{
    background-color: #f9faf5 !important;
}
.theme_bg {
    background-color: #ee490f !important;
}
.theme_bg2 {
    background-color: #423232 !important;
}
.bg_white{
    background-color: #FFF !important;
}
.profile_image {
    float: left;
    height: auto;
    width: 185px;

}
.profile_image img {
    margin-right: auto;
    margin-left: auto;
    max-width: 175px;
    padding: 4px;
    border: 1px solid #dcd9cf; 
    height: auto;
    width: auto\9;   
    /* ie8 */ 
    border-radius: 3px;
}

.profile_photo {
    width: 265px;
    height: auto; 
}
.profile_photo img {
    padding: 9px;
    height: auto;
    max-width: 245px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #dcd9cf; 
    border-radius: 3px;
}






.ribbon_ {
    -moz-transform: matrix(2, 0, 0, 2, 15px, 15px);
    -ms-transform: matrix(2, 0, 0, 2, 15, 15);
    -o-transform: matrix(2, 0, 0, 2, 15, 15);
    -webkit-transform: matrix(2, 0, 0, 2, 15, 15);
    transform: rotate(-40deg) scale(0.75) translate(-46%, -400%); }

/** ribbbon big **/
.side-corner-tag {
    position: relative;
    color: white;
    display: inline-block;
    padding: 1px;
    overflow: hidden; }

.side-corner-tag p {
    display: inline; }

.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2);
    text-align: center;
    text-transform: uppercase;
    top: 12px;
    /**background: #dc719f;ffdf39**/
    background: #ffdf39;
    color: white !important;
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    font-size: 10px;
    font-weight: bold; }

.side-corner-tag p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    /*    border: 17px solid;
        border-color: transparent transparent #662121 transparent;*/ }

.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    /*    border: 17px solid;
        border-color: #662121 transparent transparent transparent;*/ }

.no-csstransforms .side-corner-tag p{
    display: none;
}

/** ribbbon small **/
.side-corner-tag_small {
    position: relative;
    color: white;
    display: inline-block;
    padding: 1px;
    overflow: hidden; }

.side-corner-tag_small p {
    display: inline; }

.side-corner-tag_small p span {
    position: absolute;
    display: inline-block;
    right: -55px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2);
    text-align: center;
    text-transform: uppercase;
    top: 8px;
    background: #ffdf39;
    color: white !important;
    width: 100px;
    padding: 3px 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    font-size: 10px;
    font-weight: bold; }

.side-corner-tag_small p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    /*    border: 17px solid;
        border-color: transparent transparent #662121 transparent;*/ }

.side-corner-tag_small p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    /*    border: 17px solid;
        border-color: #662121 transparent transparent transparent;*/ }

.no-csstransforms .side-corner-tag_small p{
    display: none;
}

/** ribbbon for tree **/
.tree_side-corner-tag_small {
    position: relative;
    color: white;
    display: inline-block;
    padding: 1px;
    overflow: hidden; }

.tree_side-corner-tag_small p {
    display: inline; }

.tree_side-corner-tag_small p span {
    position: absolute;
    display: inline-block;
    right: 7px;
    /*    box-shadow: 0px 0px 10px rgba($black,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);*/
    text-align: center;
    text-transform: uppercase;
    top: 30px;
    background: #0e5d43;
    color: white !important;
    width: 28px;
    /*    padding: 1px 1px;*/
    /*    -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);*/
    font-size: 4px;
    font-weight: bold;
    height: 3px; }

.tree_side-corner-tag_small p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    /*    top: -17px;*/
    right: 0px;
    z-index: -1;
    /*    border: 17px solid;
        border-color: transparent transparent #662121 transparent;*/ }

.tree_side-corner-tag_small p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    /*    top: 74px;*/
    z-index: -1;
    right: -1px;
    /*    border: 17px solid;
        border-color: #662121 transparent transparent transparent;*/ }


.profile_details {
    min-height: 105px;

    float: left; 
}

.panel-default>.panel-heading{
    background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#419641', GradientType=0)
}
.panel-default>.panel-heading{
    background-image:-webkit-linear-gradient(top,#bc2d0b 0,#bc2d0b 100%);
    background-image:linear-gradient(to bottom,#bc2d0b 0,#bc2d0b 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc2d0b', endColorstr='#bc2d0b', GradientType=0)
}


.panel-title > a {
    color: white;
}


.float_right{
    float: right !important;
}
.float_left{
    float: left !important;
}

ul.left_menu li{
    margin: 5px 0px;
    list-style: none;
}
ul.left_menu li a{
    display: block;
    color: #FFF;
}
ul.left_menu li a:hover{
    text-decoration: none;
    background-color: #e6390f !important;
}
.width_100_prcnt{
    width: 100%;
    height: auto;

}

@keyframes slidemove{
    0% {
        margin-top: -90%;
        margin-left: -100%;
    }
    50% {
        margin-top: 0%;
        margin-left: -100%;
    }
    100% {
        margin-left: -60%;
    }
}

@-webkit-keyframes slidemove /* Safari and Chrome */
{
    0% {
        margin-top: -90%;
        margin-left: -100%;
    }
    50% {
        margin-top: 0%;
        margin-left: -100%;
    }
    100% {
        margin-left: -60%;
    }
}
@-moz-keyframes slidemove{
    0% {
        margin-top: -90%;
        margin-left: -100%;
    }
    50% {
        margin-top: 0%;
        margin-left: -100%;
    }
    100% {
        margin-left: -60%;
    }
}
.slider_ img.animate_{
    animation: slidemove 20s infinite;
    -webkit-animation:slidemove 20s infinite;
    -moz-animation:slidemove 20s infinite;

    /*    position: absolute;
        top: 0;*/
}

@keyframes sortslide{
    0% {
        margin-left: 10%;
    }
    50% {
        margin-left: 40%;
    }
    100% {
        margin-left: 10%;
    }
}
@-webkit-keyframes sortslide{
    0% {
        margin-left: 10%;
    }
    50% {
        margin-left: 40%;
    }
    100% {
        margin-left: 10%;
    }
}
@-moz-keyframes sortslide{
    0% {
        margin-left: 10%;
    }
    50% {
        margin-left: 40%;
    }
    100% {
        margin-left: 10%;
    }
}

.sortit_{
    /*left: auto;*/
    /*    width: 100px;*/
    padding: 2%;
    margin-right: auto;
    position: absolute;
    z-index: 550;
    top: 0;
    /*    height: 100%;*/

    left: 48%;	
    margin-left: -183px;

    top: 48%;
    margin-top: -157px;
    /*    right: 1%;	*/
    text-align: center;
    background: rgba(255,255,255,0.65);
    /*    animation: sortslide 20s infinite;
        -webkit-animation:sortslide 20s infinite;
        -moz-animation:sortslide 20s infinite;*/
}
.sortit_ img{
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
@media (max-width: 992px) {
    .hom_box .container a:nth-child(even){        
        border-left: solid 1px #FFF;
    }
    .hom_box .container a:nth-child(odd){        
        border-left: none;
    }
    .hom_box .container a:nth-child(1){        
        border-bottom: solid 1px #FFF;
    }
    .hom_box .container a:nth-child(2){        
        border-bottom: solid 1px #FFF;
    }
}
@media (max-width: 768px) {
    body {
        /*padding-top: 50px;*/
    }

    .hom_box .container a{        
        border-left: none !important;
    }
    .hom_box .container a{        
        border-bottom: solid 1px #FFF;
    }
    .hom_box .container a:nth-last-child(1){        
        border-bottom: none;
    }

    h1{
        /*font-family: 'Audiowide', cursive;*/
        font-size: 4em;
    }
    h2{
        /*font-family: 'Audiowide', cursive;*/
        font-size: 2em;
    }
    .top_head_{
        height: 60px !important;
    }

    .top_clip{
        margin-top: 0px;
    }
    .jumbotron {
        margin-top: 0px;
    }
    .generation_section {
        margin-top: 0px;
        min-height: 80px;
        padding: 20px;
        position: relative;
    }
    .navbar{
        min-height: 50px;
    }
    .navbar-header{
        min-height: 50px;
    }
    .navbar-brand {
        line-height: 20px;
        padding: 15px;
    }
    .logo_{
        /*        background: url(../img/logo_small.jpg);*/
        background-position: left center;
        min-width: 120px;
        height: 60px;
        background: white url(../img/top_menu_bg.jpg);
        padding-top: 20px;
        color: white;
    }

    .sortit_{	
        margin-left: -91px;
        margin-top: -79px;
    }
    .sortit_ img{
        margin-left: auto;
        margin-right: auto;
        width: 183px;
    }
}

@media screen and (max-width: 625px) {
    .structure_bg__ {
        background-image: none; 
    }
}

#footer_ {
    position:fixed;
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    background:#999;
}

/* IE 6 */
* html #footer_ {
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}











/* ------------------------------------------
CSS3 FACEBOOK-STYLE BUTTONS
------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------- BUTTON */

.uibutton,
.uibutton:visited {
    position: relative;
    z-index: 1;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.6em 0.375em;
    border: 1px solid #999;
    border-bottom-color: #888;
    margin: 0;
    text-decoration: none;
    text-align: center;
    font: bold 11px/normal 'lucida grande', tahoma, verdana, arial, sans-serif;
    white-space: nowrap;
    cursor: pointer;
    /* outline: none; */
    color: #333;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: linear-gradient(#f5f6f6, #e4e4e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.uibutton:hover,
.uibutton:focus,
.uibutton:active {
    border-color: #777 #777 #666;
}

.uibutton:active {
    border-color: #aaa;
    background: #ddd;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* overrides extra padding on button elements in Firefox */
.uibutton::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* ............................................................................................................. Icons */

.uibutton.icon:before {
    content: "";
    position: relative;
    top: 1px;
    float:left;
    width: 10px;
    height: 12px;
    margin: 0 0.5em 0 0;
    background: url(fb-icons.png) 99px 99px no-repeat;
}

.uibutton.edit:before  { background-position: 0 0; }
.uibutton.add:before  { background-position: -10px 0; }
.uibutton.secure:before  { background-position: -20px 0; }
.uibutton.prev:before  { background-position: -30px 0; }
.uibutton.next:before  { float:right; margin: 0 -0.25em 0 0.5em; background-position: -40px 0; }

/* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */

/* ............................................................................................................. Large */

.uibutton.large {
    font-size: 13px;
}

/* ............................................................................................................. Submit, etc */

.uibutton.confirm {
    border-color: #29447e #29447e #1a356e;
    color: #fff;
    background-color: #5B74A8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
}

.uibutton.confirm:active {
    border-color: #29447E;
    background: #4F6AA3;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ............................................................................................................. Special */

.uibutton.special {
    border-color: #3b6e22 #3b6e22 #2c5115;
    color: #fff;
    background-color: #69a74e;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
    background-image: -moz-linear-gradient(#75ae5c, #67a54b);
    background-image: -o-linear-gradient(#75ae5c, #67a54b);
    background-image: linear-gradient(#75ae5c, #67a54b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ae5c', EndColorStr='#67a54b'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
}

.uibutton.special:active {
    border-color: #3b6e22;
    background: #609946;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ............................................................................................................. Disable */

.uibutton.disable {
    z-index: 0;
    border-color: #c8c8c8;
    color: #b8b8b8;
    background: #f2f2f2;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.uibutton.confirm.disable {
    color: #fff;
    border-color: #94a2bf;
    background: #adbad4;
}

.uibutton.special.disable {
    color: #fff;
    border-color: #9db791;
    background: #b4d3a7;
}

.uibutton.disable.icon:before,
.uibutton.disable.icon:after {
    opacity: 0.5;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */

.uibutton-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.uibutton + .uibutton,
.uibutton + .uibutton-group,
.uibutton-group + .uibutton,
.uibutton-group + .uibutton-group {
    margin-left: 3px;
}

.uibutton-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.uibutton-group .uibutton {
    float: left;
    margin-left: -1px;
}

.uibutton-group .uibutton:hover,
.uibutton-group .uibutton:focus,
.uibutton-group .uibutton:active {
    z-index:2;
}

.uibutton-group > .uibutton:first-child,
.uibutton-group li:first-child .uibutton {
    margin-left: 0;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */
/* For mixing buttons and button groups, e.g., in a navigation bar */

.uibutton-toolbar {
    padding: 6px;
    border-top: 1px solid #ccc;
    background: #f2f2f2;
}

.uibutton-toolbar .uibutton,
.uibutton-toolbar .uibutton-group {
    vertical-align: bottom;
}

.navbar-fixed-top{
    position: relative !important;
}


.line_height_2{
    line-height: 2em;
}




.btn-primary {
    background-image: -webkit-linear-gradient(top, #ee490f 0%, #ee490f 100%);
    background-image:         linear-gradient(to bottom, #ee490f 0%, #ee490f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee490f', endColorstr='#ffee490f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #ee490f;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #ee490f;
    background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
    background-color: #ee490f;
    border-color: #ee490f;
}

.btn-theme {
    background-image: -webkit-linear-gradient(top, #423232 0%, #423232 100%);
    background-image:         linear-gradient(to bottom, #423232 0%, #423232 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff423232', endColorstr='#ff423232', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #423232;
    color: white;
}
.btn-theme:hover,
.btn-theme:focus {
    background-color: #423232;
    background-position: 0 -15px;
    color: white;
}
.btn-theme:active,
.btn-theme.active {
    background-color: #423232;
    border-color: #423232;
}


.gal_thumb{
    overflow: hidden !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #FFF;
    text-decoration: none;
    background-color: #423232;
    border: 1px solid #4d3e3e;
    /*border-color: #423232;*/
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #423232;
    background-color: #eee;
    border-color: #423232;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ee490f;
    border-color: #423232;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}



.profile_details:nth-child(3n) {
    clear: both
}
.profile_details .profile_view {
    display: inline-block;
    padding: 10px 0 0;
    background: #fff
}
.profile_details .profile_view .divider {
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px
}
.profile_details .profile_view .ratings {
    margin-bottom: 0
}
.profile_details .profile_view .bottom {
    background: #F2F5F7;
    padding: 9px 0;
    border-top: 1px solid #E6E9ED
}
.profile_details .profile_view .left {
    margin-top: 20px
}
.profile_details .profile_view .left p {
    margin-bottom: 3px
}
.profile_details .profile_view .right {
    margin-top: 0px;
    padding: 10px
}
.profile_details .profile_view .img-circle {
    border: 1px solid #E6E9ED;
    padding: 2px
}
.profile_details .profile_view h2 {
    margin: 5px 0
}
.profile_details .profile_view .ratings {
    text-align: left;
    font-size: 16px
}
.profile_details .profile_view .brief {
    margin: 0;
    font-weight: 300
}
.profile_details .profile_left {
    background: white
}



.directory_style{
    width: 100%;
    float: left;
}
.directory_style ul{
    margin: auto;
    text-align: center;
}
.directory_style ul li{
    /*width: 10px;*/
    display: inline-block;
    /*padding: 10px !important;*/
    list-style: none;
    /*border: solid 1px #999999;*/
    font-size: 12px;
    /*line-height: 12px;*/
    margin-left: 7px;
    margin-bottom: 10px;
    text-align: center;
}



.chk_box{
    display: block;
    width: 34px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    float: left;
}
.chk_box + label{
    padding: 12px 12px;
    height: 34px;
}







/** Gallery image **/
.gallery_img_wraper {
    /*    width: 20%;
        height: 235px;
        margin: 1px;
        float: left;
        background-color: black; 
        overflow: hidden*/


    display: flex;
    justify-content: center;
    align-items: center;
    /*border: 1px solid;*/
    width: 23%;
    /*height: 20%;*/
    float: left;
    overflow: hidden;
    margin: 1%;
}

.gallery_img_wraper img {
    /*    width: 200%;
        height: 235px; */
    max-width:100%;
    max-height:100%;
}

.gallery_img_wraper_detailed {
    width: 470px;
    height: 235px;
    margin: 1px;
    float: left;
    background-color: white;
    overflow: hidden;
    color: #333;
    margin-bottom: 10px; }

.txt_indent_20 {
    text-indent: 20px; }

.gallery_img_wraper_detailed img {
    width: 470px; 
}

.tile_wrpr_ {
    width: 50px;
    height: 50px;
    float: left;
    margin-left: 5px; }

.tile_ {
    width: 20px;
    height: 20px;
    background-color: white;
    float: left;
    margin-left: 3px;
    margin-top: 3px; }

.detailed_ {
    width: 43px;
    height: 9px;
    background-color: white;
    float: left;
    margin-left: 3px;
    margin-top: 3px; }

.gallery_img_wraper_small {
    width: 200px;
    height: 200px;
    margin: 1px;
    float: left;
    background-color: black; }

.gallery_img_wraper_small img {
    width: 200px;
    height: 200px; }

.gal_detail_thumb {
    float: left;
    min-height: 135px;
    width: 180px;
    padding-left: 20px;
    text-align: left;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold; }

.gal_detail_thumb img {
    width: 135px; }




.tooltip {
    z-index: 9000 !important;
}
.tooltip.in {
    z-index: 9000 !important;
}


.navbar-toggle {
    position: absolute;
    right: 0;
    top: 0;
    float: right;

}

.carousel-caption {  
    /*bottom: 120px;*/
}