@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic&subset=latin,latin-ext);
body,
html {
    margin: 0;
    padding: 0;
}

.top-nav-panel {
    display: none;
}

@media(max-width:767px) {
    .navbar-collapse {
        background: #fff !important;
    }
    .navbar-collapse li.first {
        background: #fff;
        border-top: 2px solid rgba(37, 76, 112, 0.2);
    }
    .top-nav-panel {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .top-nav-panel a {
        display: table-cell;
        text-align: center;
        padding: 10px 0;
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }
    .top-nav-panel a:nth-child(1) {
        border-right: 2px solid rgba(37, 76, 112, 0.2);
    }
}

.treeAnimalData .level4 .milkKGBlock {
    float: right !important;
}

.all-b-ancestry {
    display: none;
}

.treeAnimalData .breadcrumbs {
    float: left;
    padding-top: 8px;
}

.treeAnimalData .breadcrumbs a {
    color: #333333;
    margin-left: 5px;
    margin-right: 5px;
}

.treeAnimalData,
.treeAnimalData * {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Lato;
    border-spacing: 0 !important;
    vertical-align: top;
}

.treeAnimalData .background .backImages {
    text-align: right;
    padding-bottom: 2px;
    width: 90%;
    margin: 0 auto;
}

.treeAnimalData .background .backImages img {
    display: inline-block;
    margin-left: 10px;
}

.treeAnimalData .item .bodyItem .itemValue {
    display: inline-block;
    width: 15%;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 30px;
}

.treeAnimalData .item .bodyItem .itemValue .itemDescription {
    opacity: .7;
    display: inline-block;
    padding-right: 3px;
}

.itemDescription {
    opacity: .7;
    display: inline-block;
    padding-right: 3px;
}

.treeAnimalData .item {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    display: inline-block;
    min-height: 50px;
    width: 90%;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
    /*cursor: pointer; */
    -moz-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
}

.treeAnimalData .item .bodyItem {
    padding: 8px 15px 10px 15px;
    -moz-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
}

.treeAnimalData .item .bodyItem table td {
    /* padding: 0 10px 7px 0; */
}

.treeAnimalData .item .headerItem {
    background-color: #295481;
    border-bottom: 1px solid #fff;
    padding: 12px 15px 8px 15px;
    border-radius: 4px 4px 0 0;
}

.treeAnimalData .item .headerItem b {
    color: #dbc657 !important;
}

.treeAnimalData .item .headerItem * {
    color: #fff !important;
}

.treeAnimalData .item .headerItem .sex,
.treeAnimalData .item .headerItem .title {
    display: inline-block;
    vertical-align: top;
}

.treeAnimalData .item .headerItem .sex {
    width: 11%;
    padding-top: 0px;
    text-align: center;
    padding-top: 4px;
}

.treeAnimalData .item .headerItem .sex .fa {
    font-size: 20px;
    color: #333;
}

.treeAnimalData .item .headerItem .sex .description {
    font-size: 14px;
    opacity: .7;
    padding-left: 0;
    text-align: center;
}

.treeAnimalData .level2 .item .headerItem .title {
    border: none;
    padding-left: 2% !important;
    width: 88%;
}

.treeAnimalData .level1 .item .headerItem .title {
    width: 100%;
}

.treeAnimalData .item .headerItem .title .name a {
    font-weight: bold;
    font-size: 16px;
    color: #2a598a;
    margin-bottom: 5px;
}

.treeAnimalData .item .headerItem .title .number {
    font-weight: normal;
    font-size: 16px;
    color: #333;
}

.treeAnimalData .level .item:last-child {
    margin-bottom: 0;
}

.treeAnimalData .level1 .item {
    width: 100%;
}

body .treeAnimalData .item .bodyItem .itemValue.bigbig {
    margin-right: 0px !important;
    padding: 0;
}

.bigbig+.itemValue.auto {
    margin-left: 0px !important;
}

body .treeAnimalData .item .bodyItem .itemValue.auto {
    width: auto !important;
    padding-right: 10px;
}

.treeAnimalData .level1 .item .bodyItem .itemValue {
    width: auto !important;
    padding-right: 10px;
}

.treeAnimalData .level1 .item .bodyItem .itemValue.big {
    width: auto !important;
    padding-right: 10px;
}

.treeAnimalData .level2 .item .bodyItem .itemValue {
    width: auto !important;
    padding-right: 5px;
}

.treeAnimalData .level2 .item .bodyItem .itemValue .itemDescription {
    width: auto;
}

.treeAnimalData .level1 .item .bodyItem .itemValue.bigbig {
    width: 99%;
}

.treeAnimalData .level2 .item .bodyItem .itemValue.bigbig {
    width: 99%;
}

.treeAnimalData .level2 .item .bodyItem .itemValue.bigbig .itemDescription {
    width: 99%;
}

.treeAnimalData .level {
    -moz-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
}

.treeAnimalData .level1 .item .bodyItem table {
    width: 100%;
}

.treeAnimalData .item .bodyItem table .tdRight {
    text-align: right;
    min-width: 150px;
}

.treeAnimalData a {
    color: #2a598a;
    font-size: 14px;
}

.treeAnimalData .level1 .item .bodyItem .description {
    display: inline-block;
    text-align: left;
    opacity: .7;
    width: 120px;
}

.treeAnimalData .level1 .item .bodyItem .description.widthAuto {
    width: auto !important;
}

.treeAnimalData .level1 .item .headerItem {
    background-color: #295481;
    border-bottom: 1px solid #fff;
    padding: 12px 15px 8px 15px;
    border-radius: 4px 4px 0 0;
}

.treeAnimalData .level1 .item .headerItem .sex,
.treeAnimalData .level1 .item .headerItem .title {
    display: block;
    vertical-align: top;
}

.treeAnimalData .level1 .item .headerItem .sex {
    padding-top: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
}

.treeAnimalData .level1 .item .headerItem .sex .fa {
    font-size: 24px;
    font-weight: normal;
}

.treeAnimalData .level1 .item .headerItem .sex .description {
    font-size: 14px;
    opacity: .9;
    padding-left: 4px;
}

.treeAnimalData .level1 .item .headerItem .title {
    text-align: left;
    border: none;
    padding: 0;
}

.treeAnimalData .level1 .item .headerItem .title .name a {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}

.treeAnimalData .level1 .item .headerItem .title .number {
    font-weight: normal;
    font-size: 16px;
}

.treeAnimalData .level1 .background {
    background-color: #f6f6f6;
    border-bottom: 2px solid #cdcdcd;
    min-height: 200px;
    padding-top: 6px;
    padding-bottom: 2px;
}

.treeAnimalData .levelsCollection {
    height: auto;
    clear: both;
    border-bottom: 1px solid #cdcdcd;
}

.lact-line {
    height: 1px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
}


/*DESKTOP*/

@media (min-width: 1001px) {
    .tablet,
    .mobile {
        display: none;
    }
    .desktop {
        display: block !important;
    }
    .backImages {
        width: 100% !important;
    }
    .treeAnimalData .level1 .item {
        width: 70%;
        display: inline-block;
    }
    .treeAnimalData .level2 .item .lact-line {
        opacity: .3 !important;
    }
    .treeAnimalData .level1 .item .bodyItem {
        padding-bottom: 1px !important;
    }
    .treeAnimalData .level1 .item.lact-block .bodyItem {
        padding-bottom: 6px !important;
    }
    .treeAnimalData .level2 .bodyItem div:first-child,
    .treeAnimalData .level3 .bodyItem div:first-child,
    .treeAnimalData .level4 .bodyItem div:first-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .treeAnimalData .level2 .lactBlock,
    .treeAnimalData .level3 .lactBlock,
    .treeAnimalData .level4 .lactBlock {
        font-size: 12px !important;
    }
    .treeAnimalData .level1 .lactBlock>table,
    .treeAnimalData .level2 .lactBlock>table,
    .treeAnimalData .level3 .lactBlock>table,
    .treeAnimalData .level4 .lactBlock>table {
        width: auto !important;
        text-align: left;
    }
    .treeAnimalData .level1 .lactBlock>table td,
    .treeAnimalData .level2 .lactBlock>table td,
    .treeAnimalData .level3 .lactBlock>table td,
    .treeAnimalData .level4 .lactBlock>table td {
        width: auto;
        padding-right: 20px;
    }
    .treeAnimalData .level3 .item .headerItem .sex {
        text-align: left !important;
    }
    .milkKGBlock {
        display: block;
        text-align: right;
    }
    .level3 .milkKGBlock {
        float: right;
        text-align: right;
    }
    .treeAnimalData .level2 .item .headerItem .itemValue *,
    .treeAnimalData .level2 .item .headerItem .itemValue {
        font-size: 12px !important;
    }
    .treeAnimalData .level2 .item .headerItem .itemValue {
        padding-top: 4px;
    }
    .treeAnimalData .desktopSireCollections .level2 .item .bodyItem .itemValue {
        display: block !important;
        text-align: right !important;
        white-space: nowrap;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }
    .treeAnimalData .level2 .item .bodyItem .itemValue {
        display: block !important;
    }
    .treeAnimalData .level1 .lact-block.item {
        width: 29%;
        display: inline-block;
        float: right;
    }
    .treeAnimalData .level2 .bodyItem table {
        width: 100%;
    }
    .treeAnimalData .level2 .bodyItem table tr td:last-child {
        text-align: right;
    }
    .treeAnimalData .level1 .item .headerItem .sex {
        display: inline-block !important;
        width: 5% !important;
        padding-top: 10px !important;
        text-align: center !important;
    }
    .treeAnimalData .level1 .item .headerItem .title {
        display: inline-block !important;
        width: 74% !important;
    }
    .treeAnimalData .level1 .item .headerItem .links {
        display: inline-block !important;
        width: 20% !important;
        padding-top: 5px;
        text-align: right !important;
    }
    .treeAnimalData .level1 .item .bodyItem .rightColumn {
        text-align: right;
    }
    .treeAnimalData .level1 .item .bodyItem .itemValue {
        display: block !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .treeAnimalData .level1 .item .headerItem .links a {
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        text-decoration: none !important;
    }
    .treeAnimalData .level1 .item .headerItem .links a:hover {
        border-bottom: 1px solid rgba(255, 255, 255, .7);
        text-decoration: none !important;
    }
    .treeAnimalData .wrapper {
        max-width: 1200px;
        margin: 0 auto;
        display: table;
        width: 96%;
        margin: 0 auto;
    }
    .treeAnimalData .level2,
    .treeAnimalData .level3,
    .treeAnimalData .level4 {
        height: 460px;
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 20px;
    }
    .treeAnimalData .level2 .itemContainer,
    .treeAnimalData .level3 .itemContainer,
    .treeAnimalData .level4 .itemContainer {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .treeAnimalData .level2,
    .treeAnimalData .level3 {
        border-right: 1px solid #f5f5f5;
    }
    .treeAnimalData .level2 {
        width: 30%;
        text-align: left;
        position: relative;
    }
    .treeAnimalData .level2:after {
        content: ' ';
        position: absolute;
        left: 95%;
        top: 230px;
        height: 1px;
        right: 0;
        background-color: #ccc;
    }
    .treeAnimalData .level2 .item {
        width: 96%;
    }
    .treeAnimalData .level3 {
        width: 30%;
        text-align: center;
    }
    .treeAnimalData .level3 .item .headerItem {
        padding: 12px 15px 8px 15px;
        text-align: left;
        background-color: #f3f3f3 !important;
        border-bottom: 1px solid #d6d6d6 !important;
        min-height: 48px;
    }
    .treeAnimalData .level3 .item .headerItem * {
        color: #333 !important;
    }
    .treeAnimalData .level3 .item .headerItem .sex,
    .treeAnimalData .level3 .item .headerItem .title {
        display: block;
    }
    .treeAnimalData .level3 .item .headerItem .sex {
        width: 100%;
        padding: 0;
    }
    .treeAnimalData .level3 .item .headerItem .title {
        border: none;
        padding: 0;
        width: 100%;
    }
    .treeAnimalData .level3 .item .headerItem .sex .description,
    .treeAnimalData .level4 .item .headerItem .sex .description {
        padding-left: 5px;
    }
    .treeAnimalData .level3 .item .headerItem .title .name a {
        font-weight: bold;
        font-size: 14px;
        color: #2a598a;
        margin-bottom: 0;
        margin-top: 5px;
    }
    .treeAnimalData .level3 .item .bodyItem {
        padding: 8px 15px 10px 15px;
    }
    .treeAnimalData .level3 .item .number {
        font-weight: normal;
        font-size: 14px;
        color: #333;
        text-align: left;
    }
    .treeAnimalData .level3 table {
        height: 100%;
        width: 100%;
        margin-left: -1px;
    }
    .treeAnimalData .level3 table td.itemContainer {
        width: 100%;
        height: 50%;
        vertical-align: middle;
        position: relative;
    }
    .treeAnimalData .level3 table td.itemContainerEmpty {
        width: 100%;
        height: 50%;
        vertical-align: middle;
        position: relative;
    }
    .treeAnimalData .level3 table td.itemContainer:before {
        content: ' ';
        position: absolute;
        left: 0;
        top: 110px;
        height: 110px;
        width: 1px;
        background-color: #ccc;
    }
    .treeAnimalData .level3 table td.itemContainer.reverse:before {
        top: 0;
    }
    .treeAnimalData .level3 table td.itemContainer:after {
        content: ' ';
        position: absolute;
        left: 0;
        top: 110px;
        height: 1px;
        right: -2px;
        background-color: #ccc;
        z-index: 9;
    }
    .treeAnimalData .level3 table td.itemContainer.afterEmpty:after {
        right: 50%;
    }
    .treeAnimalData .level3 .item {
        width: 92%;
    }
    .treeAnimalData .level4 .item {
        width: 96%;
    }
    .treeAnimalData .level4 table {
        height: 100%;
        width: 100%;
        margin-left: -1px;
    }
    .treeAnimalData .level4 table td.itemContainer {
        width: 100%;
        height: 25%;
        vertical-align: middle;
        position: relative;
    }
    .treeAnimalData .level4 table td.itemContainerEmpty {
        width: 100%;
        height: 25%;
        vertical-align: middle;
        position: relative;
    }
    .treeAnimalData .level4 table td.itemContainer:before {
        content: ' ';
        position: absolute;
        left: 0;
        top: 55px;
        height: 55px;
        width: 1px;
        background-color: #ccc;
    }
    .treeAnimalData .level4 table td.itemContainer.reverse:before {
        top: 0;
    }
    .treeAnimalData .level4 table td.itemContainer:after {
        content: ' ';
        position: absolute;
        left: 0;
        top: 55px;
        height: 1px;
        width: 10%;
        background-color: #ccc;
        z-index: 9;
    }
    .treeAnimalData .level4 {
        width: 30%;
        text-align: right;
    }
    .treeAnimalData .level4 .item {
        padding: 10px 15px;
        text-align: left;
    }
    .treeAnimalData .level4 .item .title {
        font-weight: bold;
        font-size: 14px;
        color: #2a598a;
        margin-bottom: 2px;
    }
    .treeAnimalData .level4 .item .title .fa {
        margin-right: 5px;
    }
    .treeAnimalData .level4 .item .number {
        font-weight: normal;
        font-size: 14px;
        color: #333;
    }
    .treeAnimalData .fa-mars,
    .treeAnimalData .fa-venus {
        font-size: 16px;
        color: #333;
        font-weight: bolder;
    }
    .treeAnimalData .mars .fa-mars {
        display: inline-block;
    }
    .treeAnimalData .mars .fa-venus {
        display: none;
    }
    .treeAnimalData .venus .fa-mars {
        display: none;
    }
    .treeAnimalData .venus .fa-venus {
        display: inline-block;
    }
    .fa+.name {
        display: inline-block !important;
    }
}

@media screen and (max-width: 767px) {
    .footer {
        height: auto !important;
    }
    .footer .container {
        margin: 0 auto;
        width: 90%;
    }
}

@media screen and (min-width: 769px) {
    .b-s-list-item-right-block {border-top:none !important;}
}


/*TABLET*/
@media screen and (min-width: 641px) and (max-width: 1000px) 
{
    .gsc-clear-button,
    .search-from .btn-close {
        display: none;
    }

    .bulls-sale-right-box {padding-left:0 !important; max-width:100% !important;}

.b-s-list-item-right-block
{
    width:100%;
    order:2;
    padding-top:7px !important;
    padding-bottom:7px;
}

    .tablet {
        display: block !important;
    }
    .desktop,
    .mobile {
        display: none;
    }
    .treeAnimalData .levelsCollection {
        height: auto;
        padding-bottom: 20px;
    }
    .treeAnimalData .wrapper {
        text-align: center;
    }
    .treeAnimalData .level1,
    .treeAnimalData .level2 {
        text-align: center;
    }
    .treeAnimalData .level1 .item,
    .treeAnimalData .level2 .item,
    .treeAnimalData .level3,
    .treeAnimalData .level4 {
        width: 90%;
    }
    .treeAnimalData .level1 .item .bodyItem,
    .treeAnimalData .level2 .item .bodyItem {
        text-align: left;
    }
    .treeAnimalData .level1 .item .bodyItem table {
        width: auto !important;
    }
    .treeAnimalData .level1 .item .bodyItem table td {
        padding-right: 20px;
    }
    .treeAnimalData .level1 .item .headerItem {
        text-align: left !important;
    }
    .treeAnimalData .level1 .item .headerItem .sex {
        display: inline-block !important;
        text-align: left !important;
        width: 7%;
    }
    .treeAnimalData .level1 .item .headerItem .title {
        display: inline-block !important;
        width: 62%;
    }
    .treeAnimalData .level1 .item .headerItem .links {
        display: inline-block !important;
        width: 30%;
        text-align: right;
    }
    .treeAnimalData .item .bodyItem table td.rightColumn {
        text-align: right;
    }
    .treeAnimalData .level1 .background {
        padding-bottom: 10px !important;
    }
    .treeAnimalData .level2 .item .headerItem {
        text-align: left !important;
    }
    .treeAnimalData .level2 .item .headerItem .sex {
        display: inline-block !important;
        text-align: center !important;
        width: 9% !important;
    }
    .treeAnimalData .level3 .item .bodyItem .milkKGBlock {
        float: right;
    }
    .bodyItem,
    .treeAnimalData .level2 .item .bodyItem .lactBlock>table {
        width: auto !important;
    }
    .bodyItem,
    .treeAnimalData .level2 .item .bodyItem .lactBlock>table td {
        padding-right: 20px !important;
    }
    .bodyItem,
    .treeAnimalData .level2 .item .bodyItem table {
        width: 100%;
    }
    .treeAnimalData .level3 .item .headerItem .sex {
        text-align: left;
    }
    .rightBlock {
        text-align: right;
    }
    .rightBlock>table {
        width: auto !important;
        text-align: right;
        display: inline-block !important;
    }
    .rightBlock>table td {
        padding-left: 10px !important;
    }
    .treeAnimalData .level2 .item .headerItem .title {
        display: inline-block !important;
        width: 82% !important;
        padding-left: 1% !important;
    }
    .treeAnimalData .level2 .item .headerItem .title * {
        text-align: left !important;
    }
    .treeAnimalData .level2 .item .headerItem .links {
        display: block !important;
        width: 100% !important;
        text-align: right !important;
    }
    .treeAnimalData .level2 .item .headerItem .links>table {
        display: inline-block !important;
    }
    .treeAnimalData .level2 {
        padding-top: 20px;
        position: relative;
    }
    .treeAnimalData .level2:before {
        content: ' ';
        position: absolute;
        z-index: 9;
        left: 50%;
        top: 0;
        height: 20px;
        width: 1px;
        background-color: #d3d3d3;
        display: none !important;
    }
    .treeAnimalData .level2 .item .headerItem .description {
        font-size: 16px !important;
    }
    .treeAnimalData .level2 .item .bodyItem .description {
        display: inline-block;
        text-align: left;
        opacity: .7;
        width: 120px;
    }
    .treeAnimalData .level2 .item .headerItem {
        background-color: #295481;
        border-bottom: 1px solid #fff;
        padding: 12px 15px 8px 15px;
        border-radius: 4px 4px 0 0;
    }
    .treeAnimalData .level2 .item .headerItem .sex,
    .treeAnimalData .level2 .item .headerItem .title {
        display: block;
        vertical-align: top;
    }
    .treeAnimalData .level2 .item .headerItem .sex {
        padding-top: 0;
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }
    .treeAnimalData .level2 .item .headerItem .sex .fa {
        font-size: 20px;
        font-weight: normal;
    }
    .treeAnimalData .level2 .item .headerItem .sex .description {
        font-size: 14px;
        opacity: .9;
        padding-left: 4px;
    }
    .treeAnimalData .level2 .item .headerItem .title {
        text-align: center;
        border: none;
        padding: 0;
        width: 100%;
    }
    .treeAnimalData .item .headerItem .title {
        width: 100%;
    }
    .treeAnimalData .level2 .item .headerItem .title .name a {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .treeAnimalData .level2 .item .headerItem .title .number {
        font-weight: normal;
        font-size: 16px;
    }
    .treeAnimalData .level3,
    .treeAnimalData .level4 {
        display: inline-block;
        position: relative;
        padding-top: 20px;
    }
    .treeAnimalData .level3 table {
        width: 100%;
        table-layout: fixed;
    }
    .treeAnimalData .level3 table td {
        width: 50%;
    }
    .treeAnimalData .level3 table td.itemContainer {
        border-right: 5px solid transparent;
    }
    .treeAnimalData .level3 table td.itemContainer.reverse {
        border-left: 5px solid transparent;
        border-right: none;
    }
    .treeAnimalData .level3 .item {
        width: 100% !important;
        min-height: 109px;
    }
    .treeAnimalData .level3 .item .headerItem {
        padding: 12px 15px 8px 15px;
        text-align: left;
        background-color: #f3f3f3 !important;
        border-bottom: 1px solid #d6d6d6 !important;
        min-height: 63px;
    }
    .treeAnimalData .level3 .item .headerItem * {
        color: #333 !important;
    }
    .treeAnimalData .level3 .item .headerItem .sex,
    .treeAnimalData .level3 .item .headerItem .title {
        display: block;
    }
    .treeAnimalData .level3 .item .headerItem .sex {
        width: 100%;
        padding: 0;
    }
    .treeAnimalData .level3 .item .headerItem .title {
        border: none;
        padding: 0;
    }
    .treeAnimalData .level3 .item .headerItem .title .name a {
        font-weight: bold;
        font-size: 16px;
        color: #2a598a;
        margin-bottom: 0;
        margin-top: 5px;
        line-height: 17px;
    }
    .treeAnimalData .level3 .item .headerItem .title .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    .treeAnimalData .level4 .item .title .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        display: inline-block;
        width: 90%;
        margin-top: -3px;
    }
    .treeAnimalData .level3 .item .bodyItem {
        padding: 8px 15px 10px 15px;
    }
    .treeAnimalData .level3 .item .number {
        font-weight: normal;
        font-size: 14px;
        color: #333;
        text-align: left;
    }
    .treeAnimalData .level3 .item:before {
        content: ' ';
        position: absolute;
        z-index: 9;
        left: 50%;
        top: -21px;
        height: 21px;
        width: 1px;
        background-color: #d3d3d3;
    }
    .treeAnimalData .level4 {
        padding-top: 15px;
    }
    .treeAnimalData .level4 table {
        width: 100%;
        table-layout: fixed;
    }
    .treeAnimalData .level4 table td {
        width: 50%;
    }
    .treeAnimalData .level4 table td.itemContainer {
        border-right: 5px solid transparent;
    }
    .treeAnimalData .level4 table td.itemContainer.reverse {
        border-left: 5px solid transparent;
        border-right: none;
    }
    .treeAnimalData .level4 .item {
        width: 100% !important;
        vertical-align: top;
        padding: 8px 15px 10px 15px;
        position: relative;
        z-index: 10;
        margin-bottom: 20px !important;
    }
    .treeAnimalData .level4 .item+.item {
        margin-top: -10px !important;
    }
    .treeAnimalData .level4 .itemContainer {
        vertical-align: top;
    }
    .treeAnimalData .level4 .item .title {
        font-weight: bold;
        color: #2a598a;
        font-size: 14px;
        text-align: left;
    }
    .treeAnimalData .level4 .item .title .fa {
        font-weight: normal;
        color: #333;
        font-size: 16px;
        text-align: left;
    }
    .treeAnimalData .level4 .item .number {
        font-weight: normal;
        color: #333;
        font-size: 14px;
        text-align: left;
        padding-top: 5px;
    }
    .treeAnimalData .level4 .item:before {
        content: ' ';
        position: absolute;
        z-index: -1;
        left: 50%;
        top: -80px;
        height: 80px;
        width: 1px;
        background-color: #d3d3d3;
    }
    .treeAnimalData .level4 .item+.item:before {
        top: -11px;
        height: 11px;
    }
    .treeAnimalData .level3 .item {
        z-index: 30 !important;
    }
    .carousel-inner .container {
        width: 100% !important;
    }
    .carousel-inner .col-lg-6 {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .carousel-inner .item-box {
        padding: 20px !important;
        min-height: 100px !important;
        height: auto !important;
        max-height: 526px !important;
        margin: 20px;
        bottom: 0px;
        top: 0px;
        right: 0px;
        overflow: hidden;
        width: auto;
    }
    .carousel-inner .carousel-indicators.slide-indicators {
        display: block;
        width: 100%;
        margin-left: 0;
        left: 0;
    }
    .carousel-inner .carousel-indicators.slide-indicators li {
        margin-left: 25px !important;
        border-radius: 2px;
        height: 10px;
        width: 20px;
        box-shadow: none;
        background: #264c70;
    }
    .carousel-inner .carousel-indicators.slide-indicators li:first-of-type {
        margin-left: 0px !important;
    }
    .carousel-inner .carousel-indicators.slide-indicators li.active {
        background: #fff;
    }
    .carousel-inner .item-block-header.item-box-header {
        font-size: 18px !important;
    }
    .carousel-inner p,
    .carousel-inner p * {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #fff;
    }
}


/*MOBILE*/

@media screen and (max-width: 640px) {

     .bulls-sale-right-box {padding-left:0 !important; max-width:100% !important;}
    .tablet,
    .desktop,
    .all-b-ancestry {
        display: none;
    }
    .backImages {
        width: 100% !important;
    }
    .treeAnimalData .levelsCollection {
        height: auto;
    }
    .mobile {
        display: block !important;
    }
    .level1 .wrapper {
        width: 90%;
        margin: 0 auto;
    }
    .sireLevel {
        border-bottom: 2px solid #cdcdcd !important;
    }
    .level1 .wrapper .item {
        width: 100%;
    }
    .tdCenter {
        text-align: center;
        border-top: 1px solid #dfdfdf;
        padding-top: 10px !important;
    }
    .tdCenter a {
        margin-left: 7px;
        display: inline-block;
        vertical-align: top;
    }
    .tdRight {
        text-align: right;
        padding-right: 0 !important;
        border-top: 1px solid #dfdfdf;
        padding-top: 10px !important;
    }
    .tdRight td {
        padding-right: 0 !important;
    }
    .tdRight td a {
        display: inline-block;
        margin-left: 12px;
    }
    .tdLeft {
        text-align: left !important;
    }
    .tdLeft a {
        display: inline-block;
        margin-left: 0 !important;
    }
    .widthAuto2 {
        width: auto !important;
        padding-right: 7px;
    }
    .level2 {
        padding: 20px 0 20px 0;
    }
    .level3 {
        padding: 0px 0 20px 0;
    }
    .level2+.level3 {
        padding: 0px 0 20px 0;
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }
    .level4+.level3 {
        border-top: 1px solid #ddd;
        padding-top: 20px;
        margin-top: 0;
    }
    .treeAnimalData .level3 .item:after {
        content: ' ';
        position: absolute;
        z-index: 9;
        left: 50%;
        bottom: -21px;
        height: 21px;
        width: 1px;
        background-color: #d3d3d3;
    }
    .treeAnimalData .level3 .item .headerItem {
        background-color: #f3f3f3 !important;
        color: #333 !important;
        border-bottom: 1px solid #d6d6d6 !important;
    }
    .treeAnimalData .level3 .item .headerItem * {
        color: #333 !important;
    }
    .treeAnimalData .level3 .afterEmpty .item:after {
        display: none;
    }
    .level4 {
        padding: 0px 0 0px 0;
        /*  border-bottom: 1px solid #ddd;*/
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    .wrapper>.level4:last-child {
        border: none;
        margin-bottom: 0;
    }
    .level2 .item {
        margin-left: 5%;
    }
    .level3 .item {
        margin-left: 10%;
        width: 85%;
    }
    .level4 .item {
        margin-left: 15%;
        width: 80%;
        margin-bottom: 10px !important;
    }
    .level3>table,
    .level4>table {
        width: 100%;
    }
    .treeAnimalData .level3 .item .bodyItem {
        padding-bottom: 12px;
    }
    .treeAnimalData .level2 .item .description {
        font-size: 14px;
        color: #333;
        opacity: .9;
    }
    .treeAnimalData .level4 .item {
        padding: 10px;
        text-align: left;
    }
    .treeAnimalData .level4 .item .title {
        font-weight: bold;
        font-size: 14px;
        color: #2a598a;
        margin-bottom: 2px;
    }
    .treeAnimalData .level4 .item .title .fa {
        margin-right: 5px;
        font-size: 16px;
    }
    .treeAnimalData .level4 .item .number {
        font-weight: normal;
        font-size: 14px;
        color: #333;
    }
    .mobileValue {
        display: inline-block;
        vertical-align: top;
        width: auto !important;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .treeAnimalData .level2 .item .headerItem .sex,
    .treeAnimalData .level2 .item .headerItem .title,
    .treeAnimalData .level3 .item .headerItem .sex,
    .treeAnimalData .level3 .item .headerItem .title {
        display: block;
        width: 100%;
        border: none;
        padding-left: 0;
    }
    .carousel-inner .col-lg-6 {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .carousel-inner .item-box {
        padding: 20px !important;
        min-height: 200px !important;
        max-height: 200px !important;
        margin: 0px;
        bottom: 0px;
        overflow: hidden;
        width: auto;
    }
    .carousel-inner .item-box:after {
        position: absolute;
        bottom: 0px;
        opacity: .7;
        left: 0px;
        right: 0px;
        height: 40px;
        content: ' ';
        display: block;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    }
    .carousel-inner .carousel-indicators.slide-indicators {
        display: block;
        width: 100%;
        margin-left: 0;
        left: 0;
    }
    .carousel-inner .carousel-indicators.slide-indicators li {
        margin-left: 15px !important;
        border-radius: 2px;
        height: 10px;
        width: 20px;
        box-shadow: none;
        background: #264c70;
    }
    .carousel-inner .carousel-indicators.slide-indicators li:first-of-type {
        margin-left: 0px !important;
    }
    .carousel-inner .carousel-indicators.slide-indicators li.active {
        background: #fff;
    }
    .carousel-inner .item-block-header.item-box-header {
        font-size: 18px !important;
    }
    .carousel-inner p,
    .carousel-inner p * {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #fff;
    }
}

.search-text::-webkit-input-placeholder {
    color: #ffffff !important;
}

.search-text::-moz-placeholder {
    color: #ffffff !important;
}

.search-text:-moz-placeholder {
    color: #ffffff !important;
}

.search-text:-ms-input-placeholder {
    color: #ffffff !important;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: none;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

html {
    height: 100%;
}

body {
    font-family: 'Lato';
    position: relative;
    min-height: 100%;
}

.wrap {
    padding: 0 0 267px 0;
}

.btn {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.header {
    position: relative;
    height: 74px;
}

.logo {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}

.logo a {
    display: block;
}

.logo .logo-small {
    background: url("img/hyb_logo_trans.png") no-repeat 50% 50% transparent;
    width: 129px;
    height: 118px;
    margin-top: 5px;
}

.logo-2 {
    position: absolute;
    top: 6px;
    left: 51px;
    background: #fff;
}

.logo-2 img {
    width: 202px;
    height: 53px;
    margin-top: 5px;
}

.enter-the-site {
    display: none;
}

.h-nav {
    padding: 30px 15px 20px 0;
}

.h-nav a {
    font-size: 15px;
    color: #333333;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-right: 25px;
    display: inline-block;
    position: relative;
}

.h-nav a:last-child {
    margin-right: 0;
}

i[class*="ic-"] {
    display: inline-block;
    vertical-align: middle;
}

i.ic-home {
    width: 26px;
    height: 26px;
    background: transparent url(img/home_icon.png) no-repeat;
    margin-right: 11px;
    margin-top: -6px;
}

.news-categories-widget ul,
.news-categories-widget li {
    display: inline;
}

i.ic-search {
    width: 24px;
    height: 24px;
    background: transparent url(img/search_icon.png) no-repeat;
    margin-right: 10px;
}

i.ic-search--active {
    width: 24px;
    height: 24px;
    background: transparent url(img/ico_search_active.png) no-repeat;
}

i.ic-text-size {
    width: 26px;
    height: 17px;
    background: transparent url(img/font_size_icon.png) no-repeat;
    margin-right: 6px;
    margin-top: -4px;
    position: relative;
}

i.ic-sing-in {
    width: 14px;
    height: 20px;
    background: transparent url(img/sign_in_icon.png) no-repeat;
    margin-right: 13px;
    margin-top: -2px;
}

.ic-text-size-top {
    position: absolute;
    top: -20px;
    margin-left: -24px;
}

.ic-text-size-bottom {
    position: absolute;
    top: 18px;
    margin-left: -24px;
}

.navbar-nav {
    float: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: right;
    border: none;
    line-height: 0;
    /* white-space: nowrap;
	position: relative;
	overflow-x: hidden;*/
}

.navbar-nav.navbar-two.text-center {
    text-align: center;
}

.top-nav .navbar-nav {
    float: none;
}

.navbar-nav li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    float: none;
    line-height: 0;
}

.top-nav .navbar-nav li {
    float: none;
}

.navbar-nav a {
    color: #264c70;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background: rgba(37, 76, 112, 0.2);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.navbar-nav>li>a {
    padding: 0 15px;
    display: block;
    line-height: 47px;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.navbar-collapse {
    width: 100%;
    /* margin-top: -53px; */
}

.navbar-two li:last-child {
    margin-right: 56px;
}

.indent-nav-right {
    margin-right: 8px;
}

.footer {
    width: 100%;
    background: #F3F3F3;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 267px;
}

.footer-top {
    background: #F3F3F3;
    padding-bottom: 19px;
    position: relative;
}

.footer-title {
    padding-left: 35px;
    color: #264c70;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 20px;
}

.footer-nav ul {
    margin: 20px 0 0 0;
    padding: 0 0 0 35px;
}

.footer-nav ul li {
    list-style: none;
}

.footer-nav ul li a {
    display: block;
    font-size: 14px;
    line-height: 170%;
    color: #333333;
}

.footer-title-social {
    font-size: 14px;
    line-height: 170%;
    color: #333333;
    padding-left: 35px;
}

.social {
    padding-left: 35px;
}

.social a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0 5px 5px 0;
}

.social a:hover {
    text-decoration: none;
}

.social a.social-gplus {
    background: url(img/Google-Plus-Blue.png) no-repeat;
}

.social a.social-link_in {
    background: url(img/LinkedIn-Blue.png) no-repeat;
}

.social a.social-link_fb {
    background: url(img/Facebook-Blue.png) no-repeat;
}

.social a.social-link_tw {
    background: url(img/Twitter-Blue.png) no-repeat;
}

.social a.social-link_yt {
    background: url(img/Youtube-Blue.png) no-repeat;
}

.copy p {
    float: right;
    color: #333333;
    font-size: 14px;
    margin: 0;
    padding: 0 40px 0 0;
}

.copy {
    background-color: #F3F3F3;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
}

.copy-stick {
    border-top: 1px solid #CCCCCC;
    max-width: 100%;
    margin: 0 35px 0 35px;
}

.footer-top-stick {
    border-top: 1px solid #CCCCCC;
    max-width: 100%;
    margin: 0 35px 0 35px;
    position: absolute;
    top: 59px;
    left: 0;
    right: 0;
}

.item-block {
    width: 395px;
    height: 253px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    position: absolute;
    top: 153px;
    left: 35px;
    padding: 0px 14px 27px 27px;
    text-align: left;
}

.item-block-header,
.slider h1,
.slider h2,
.slider h3 {
    font-size: 38px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    margin-bottom: 22px;
}

.item-block-text {
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 25px;
}

.item-block-mention {
    padding-left: 9px;
}

.item-block-mention a {
    color: #ffffff;
    text-decoration: underline;
}

.item-block-mention a:hover {
    text-decoration: none;
}

.block-indentation {
    padding-left: 36px;
    padding-right: 35px;
    padding-bottom: 39px;
}

.news h2 {
    color: #264c70;
    font-size: 35px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 32px;
}

.news p {
    color: #333333;
    font-size: 14px;
    line-height: 170%;
    padding-top: 15px;
}

.gallery h2 {
    color: #264c70;
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 29px;
    margin-bottom: 22px;
}

.gallery-block {
    position: relative;
}

.gallery-block-show {
    display: none;
}

.gallery-block img {
    max-width: 100%;
    height: auto;
    width: 100%;
    display: block;
}

.gallery-block-signature-image {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    max-width: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    font-size: 25px;
    color: #ffffff;
    font-weight: 700;
    padding-left: 18px;
    line-height: 72px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.albums {
    width: 100%;
}

.albums h2 {
    color: #264c70;
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 19px;
}

.albums-list {
    width: 100%;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.albums-list li {
    max-width: 130px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 14px;
    line-height: 23px;
}

.albums-list li:last-child {
    margin-right: -10px;
}

.albums-list a {
    text-decoration: none;
    color: #333333;
    display: block;
}

.albums-list a:hover {
    text-decoration: underline;
}

.albums-list img {
    display: block;
}

.box-text h2 {
    font-weight: 700;
    font-size: 22px;
    color: #264c70;
}

.box-text p {
    color: #333333;
    font-size: 14px;
    line-height: 170%;
    padding-top: 10px;
}

.box-text {
    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 9px;
    border-top: 1px solid #BDBDBD;
    margin-right: 35px;
}

.carousel-control-left {
    display: block;
}

.carousel-control.right {
    background: none;
    filter: none;
}

.carousel-control.left {
    background: none;
    filter: none;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    height: auto;
    line-height: 1;
    margin: 0 auto;
    max-width: 100%;
}

.item-indent img {
    margin-left: 99px;
}

.sponsors {
    margin-right: 35px;
}

.sponsors h2 {
    color: #264c70;
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 21px;
}

.box-calendar h2 {
    color: #264c70;
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 19px;
}

.box-calendar {
    border: 1px solid #D4D4D4;
    padding: 0 20px;
    background: #ffffff;
    margin: -56px 35px 25px 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
}

.dzscalendar.skin-lions-square .curr-date .curr-month {
    color: #264c70;
    font-size: 18px;
    line-height: 19px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.dzscalendar.skin-lions-square .week-day {
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Lato';
}

.box-calendar h3 {
    font-weight: 700;
    font-size: 18px;
    color: #264c70;
}

.box-calendar p {
    font-size: 14px;
    color: #333333;
}

.dzscalendar.skin-lions-square {
    padding: 0 !important;
}

.dzscalendar.skin-lions-square .calendar-controls {
    margin-bottom: 1px !important;
}

.dzscalendar.skin-lions-square {
    font-family: 'Lato', sans-serif !important;
}

.dzscalendar.skin-lions-square .curr-date .curr-month {
    color: #264c70 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.dzscalendar.skin-lions-square .curr-date .curr-year {
    display: none !important;
}

.dzscalendar.skin-lions-square .week-day .the-number {
    font-size: 13px !important;
}

.dzscalendar.skin-lions-square .week-day {
    background: #F1F1F1 !important;
}

.block-indentation-right {
    padding-bottom: 25px;
}

.headerRow .week-day-header {}

.dzscalendar.skin-lions-square .week-day.odd {
    background: #ffffff !important;
}

.dzscalendar.skin-lions-square .week-day {
    background: #ffffff !important;
}

#event_calendar_1 .tag-events .divimage-overlay,
#event_calendar_2 .tag-events .divimage-overlay,
#event_calendar_3 .tag-events .divimage-overlay,
#event_calendar_4 .tag-events .divimage-overlay {
    background-color: #264c70;
}

#event_calendar_1 .tag-rally .divimage-overlay,
#event_calendar_2 .tag-rally .divimage-overlay,
#event_calendar_3 .tag-rally .divimage-overlay,
#event_calendar_4 .tag-rally .divimage-overlay {
    background-color: #be0707;
}

#event_calendar_1 .tag-shows .divimage-overlay,
#event_calendar_2 .tag-shows .divimage-overlay,
#event_calendar_3 .tag-shows .divimage-overlay,
#event_calendar_4 .tag-shows .divimage-overlay {
    background-color: #5692cc;
}

#event_calendar_1 .tag-deadlines .divimage-overlay,
#event_calendar_2 .tag-deadlines .divimage-overlay,
#event_calendar_3 .tag-deadlines .divimage-overlay,
#event_calendar_4 .tag-deadlines .divimage-overlay {
    background-color: #559107;
}

.mon-head {
    background: #ffffff !important;
}

.divimage {
    background: #F1F1F1 !important;
}

.past-date {
    background: #F1F1F1 !important;
}

.dzscalendar.skin-lions-square {
    background-color: #fff !important;
}

.box-calendar-round {
    color: #333333;
    font-size: 12px;
    margin-top: 16px;
    margin-right: 11px;
    float: left;
}

.btn:active,
.btn.active {
    box-shadow: none;
    outline: none;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus .box-calendar-round .box-calendar-rd {
    display: inline-block;
    border-radius: 0;
    background: none;
}

.btn-default:hover,
.btn-default:focus {
    background-position: none;
    outline: none;
}

.box-calendar-round-2 {
    color: #333333;
    font-size: 12px;
    margin-top: 16px;
    margin-right: 11px;
    float: left;
}

.button-indent a:last-child {
    margin-right: -5px;
}

.box-calendar-round .box-calendar-rd {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #264c70;
    margin-right: 6px;
}

.box-calendar-round-2 .box-calendar-rd-2 {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #5692CC;
    margin-right: 6px;
}

.box-calendar-round-3 {
    color: #333333;
    font-size: 12px;
    margin-top: 16px;
    margin-right: 11px;
    float: left;
}

.box-calendar-round-3 .box-calendar-rd-3 {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #BE0707;
    margin-right: 6px;
}

.box-calendar-round-3 .box-calendar-rd-4 {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #559107;
    margin-right: 6px;
}

.box-calendar-round-text {
    margin-top: -1px;
    float: left;
}

.box-calendar-stick {
    max-width: 100%;
    border-bottom: 2px solid #DEDEDE;
    padding-top: 13px;
}

.box-calendar-stick-2 {
    max-width: 100%;
    border-bottom: 2px solid #DEDEDE;
}

.dzscalendar .hasEvent,
.dzscalendar .hasEventForHover {
    background: #000;
}

.event-tobe-color {
    background: #264C70;
}

.list_carousel {
    height: 154px;
    width: 100%;
    position: relative;
}

.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.list_carousel li {
    text-align: center;
    width: 162px;
    height: 139px;
    padding: 0;
    margin: 6px 0px;
    display: block;
    float: left;
}

.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

.clearfix {
    float: none;
    clear: both;
}

.prev {
    width: 25px;
    height: 33px;
    background: url(img/prev.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 0px;
}

.next {
    width: 25px;
    height: 33px;
    background: url(img/next.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0px;
}

.box-calendar-show {
    display: none !important;
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
}

#myCarousel img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.item-images {
    background: #fff;
}

.contact-us-hide-2 {
    display: block;
}

.box-calendar-show-2 {
    display: block;
}

.logo-mobile {
    display: none;
}

#hero-slide .item {
    min-height: 526px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.carousel-control.left {
    background: url(img/prev.png) no-repeat !important;
    width: 19px !important;
    height: 34px !important;
    position: absolute;
    top: 50%;
    z-index: 5;
    margin-top: -17px;
    opacity: 1;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    display: none !important;
}

.carousel-control.right {
    background: url(img/next.png) no-repeat !important;
    width: 19px !important;
    height: 34px !important;
    position: absolute;
    top: 50%;
    z-index: 5;
    margin-top: -17px;
    opacity: 1;
}

.navbar-nav .navbar-home,
.navbar-nav .navbar-search {
    display: none;
}

.logo-mobile-2 {
    display: none;
}

.logo-mobile-3 {
    display: none;
}

.navbar-header {
    margin-top: 14px;
    margin-bottom: 17px;
}

.navbar-toggle {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #333;
}

.navbar-toggle.collapsed {
    padding-bottom: 0 !important;
}

.navbar-toggle:before {
    content: "";
    background: url("img/ico_burger_close.png") no-repeat 0 0 transparent;
    width: 17px;
    height: 14px;
    display: block;
    position: absolute;
    left: -20px;
    top: 50%;
    margin: -7px 0 0 0;
}

.navbar-toggle.collapsed:before {
    content: "";
    background: url("img/ico_hamburger_nav.png") no-repeat 0 0 transparent;
    width: 17px;
    height: 14px;
    display: block;
    position: absolute;
    left: -24px;
    top: 50%;
    margin: -7px 0 0 0;
}

.b-news {
    position: relative;
    width: 100%;
}

.b-news-big {
    margin-bottom: 24px;
}

.b-news h2 {
    font-size: 28px;
    line-height: 35px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    padding-top: 2px;
    margin-bottom: 10px;
}

.b-news-img img {
    width: 100%;
}

.btn-default {
    background: #fff;
    border: 1px solid #979797;
    text-shadow: none;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #264c70;
    box-shadow: none;
}

.btn-xs {
    height: 24px;
    line-height: 22px;
    padding: 0px 10px;
}

.btn-default:hover {
    color: #ffffff;
    border: 1px solid #264C70;
    background-color: #264C70;
}

.hover-btn {
    background-image: url(img/shape_2.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.hover-btn:hover {
    background-image: url(img/shape.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
}

.ic-share {
    width: 14px;
    height: 15px;
    margin-right: 5px;
    margin-top: -2px;
}

.ic-share :hover {
    background-image: url(img/shape.png);
    background-repeat: no-repeat;
}

.b-news p {
    color: #333333;
    line-height: 23px;
    font-size: 14px;
    padding-right: 20px;
    padding-top: 6px;
}

.b-news-date {
    border: 1px solid #d5d5d5;
    height: 22px;
    float: left;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #606060;
    padding: 0 9px;
    line-height: 20px;
    margin-left: 9px;
    background: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: 1px;
}

.button-right {
    float: right;
    position: relative;
    z-index: 2;
    margin-right: 8px;
}

.b-news img {
    margin-top: -10px;
    position: relative;
    z-index: 1;
}

.date-and-button {
    position: relative;
    width: 100%;
    height: 24px;
}

.date-and-button:after {
    content: "";
    border-top: 2px solid #7b7b7b;
    width: calc(100% - 20px);
    position: absolute;
    top: 11px;
}

.b-news-big .date-and-button:after {
    border: 0;
}

.border-after::after {
    display: none;
}

.b-news-all {
    margin-top: 22px;
}

.indent-top {
    margin-right: 2px;
}

.b-news-all-box {
    margin-top: 9px;
    padding: 0 45px 0 0;
}

.b-news-all img {
    position: relative;
    float: left;
    margin-top: 0px;
}

.b-news-all h4 {
    position: relative;
    margin-left: 160px;
    padding: 0;
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 0px;
}

.b-news-all h4 a {
    text-decoration: none;
    color: #264c70;
    word-break: break-all;
}

.b-news-all h4 a:hover {
    text-decoration: underline;
}

.b-news-all p {
    position: relative;
    margin-left: 160px;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    margin-bottom: 0px;
}

.border-top {
    width: 100%;
    border-top: 2px solid #7b7b7b;
    margin-top: 31px;
}

.pagination {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 13px;
    border-radius: 0;
    margin: 0;
    padding-top: 17px;
}

.pagination>li>a,
.pagination>li>span {
    margin: 0 5px;
    color: rgb(38, 76, 112);
    color: rgba(38, 76, 112, 0.5);
    border: 1px solid #CCCCCC;
    padding: 5px 11px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #264c70;
    background: #D8D8D8;
    border: 1px solid #CCCCCC;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: rgb(38, 76, 112);
    color: rgba(38, 76, 112, 0.5);
    cursor: not-allowed;
    border: none;
    padding: 0;
    margin-top: 10px;
    margin-left: 1px;
    margin-right: 1px;
    background: none;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #264c70;
    background: #D8D8D8;
    border: 1px solid #CCCCCC;
}

.item-block-sing {
    width: 100px;
    background: #CAB856;
    text-shadow: none;
    border: none;
    font-weight: 700;
    font-size: 17px;
    padding-left: 28px;
    color: #ffffff;
    background-image: url(img/login_ico_white.png);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    box-shadow: none;
}

.item-block-sing:hover {
    background-image: url(img/login_ico_white.png);
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border: none;
}

.b-subscribe {
    margin-top: 17px;
    margin-right: 35px;
}

.b-subscribe p {
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #264c70;
    display: inline-block;
}

.b-subscribe a {
    display: inline-block;
    margin-left: 8px;
}

.b-subscribe a img {
    margin-top: -5px;
}

.b-categories {
    margin-right: 35px;
    border-bottom: 2px solid #7b7b7b;
    padding-bottom: 16px;
}

.b-categories h3 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
}

.indent-bottom a {
    margin-top: 3px;
    margin-bottom: 8px;
    padding: 0px 8px;
    line-height: 23px;
    margin-right: 8px;
}

.indent-btn-right {
    margin-right: 6px;
}

.b-archives {
    margin-right: 35px;
    border-bottom: 2px solid #7b7b7b;
}

.archives-btn {
    border: none;
    background: none;
    float: right;
    margin-top: 0px;
    margin: 0;
    padding: 0;
}

.archives-btn:hover {
    background: none;
    border: none;
}

.b-archives h3 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    float: left;
    margin-top: 18px;
    margin-bottom: 14px;
}

.b-archives img {
    float: right;
    margin-top: 8px;
}

.b-picture {
    margin-top: 25px;
    margin-right: 35px;
    padding-bottom: 20px;
    border-bottom: 2px solid #7b7b7b;
}

.b-picture h3 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-bottom: 14px;
}

.b-picture img {
    width: 100%;
}

.b-news-day {
    margin-right: 35px;
}

.b-news-day h3 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    margin-top: 20px;
    margin-bottom: 12px;
}

.b-news-day p {
    font-size: 13px;
    line-height: 23px;
    color: #333333;
}

a.btn-md {
    height: 38px;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    padding: 0 33px;
    line-height: 38px;
}

.b-news-item {
    padding-bottom: 3px;
}

.news-item {
    border-bottom: 2px solid #7b7b7b;
    padding-bottom: 18px;
}

.news-item-img img {
    width: 100%;
    height: auto;
}

.b-news-button {
    width: 100%;
}

.news-item h2 {
    font-size: 28px;
    line-height: 35px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 33px;
}

.news-article {
    padding-bottom: 19px;
}

.news-item p {
    line-height: 23px;
    font-size: 14px;
    color: #333333;
    padding-top: 5px;
    padding-bottom: 8px;
}

p.small-text {
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    padding-bottom: 4px;
    padding-top: 11px;
}

.b-link-button {
    display: block;
}

.b-link-left {
    float: left;
}

.b-link-left a {
    display: block;
    margin-top: -3px;
    color: #264c70;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    padding-left: 0;
}

.b-button-right {
    float: right;
}

.b-other-news h3 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.other-news {
    border: 1px solid #c3c3c3;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    padding: 15px 30px 15px 15px;
    position: relative;
    margin-bottom: 20px;
}

.other-news h4 {
    font-size: 18px;
    line-height: 24px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 0;
}

.other-news h4 a {
    color: #264c70;
    text-decoration: none;
}

.other-news h4 a:hover {
    text-decoration: underline;
}

.other-news p {
    font-size: 13px;
    line-height: 21px;
    color: #333333;
    height: 42px;
    overflow: hidden;
    margin-bottom: 15px;
}

.other-date {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: none;
    margin-left: 0;
    position: static;
}

.breadcrumb {
    background: none;
    border-radius: 0px;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 23px;
    padding: 0;
}

.breadcrumb>li {
    line-height: 22px;
    position: relative;
    vertical-align: top;
}

.breadcrumb>li+li:before {
    background: url("img/ico_bread_arrow.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 14px;
    margin: -2px 8px 0;
    position: static;
    vertical-align: middle;
    width: 7px;
}

.breadcrumb>li a {
    color: #264c70;
}

.breadcrumb>.active {
    line-height: 22px;
    color: #264c70;
    white-space: nowrap;
    overflow: hidden;
    max-width: 70%;
    text-overflow: ellipsis;
    vertical-align: top;
}

.b-events h2 {
    font-size: 28px;
    line-height: 35px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    float: left;
    margin-top: 27px;
    margin-bottom: 9px;
}

.b-events-date {
    float: right;
    font-size: 13px;
    line-height: 20px;
    color: #333333;
    margin-top: 39px;
}

.b-events-date span {
    color: #DC1D1D;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 15px;
}

.events-img img {
    width: 100%;
}

.box-topic {
    position: relative;
}

.box-topic-date {
    font-size: 17px;
    line-height: 21px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    border-right: 1px solid #d5d5d5;
    float: left;
    position: relative;
    padding: 0px 12px 0px 0;
}

.box-topic-date span {
    font-family: 'Lato';
    font-size: 24px;
    font-weight: 300;
}

.box-topic-title {
    font-size: 28px;
    line-height: 32px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    position: relative;
    margin-left: 82px;
}

.box-topic-title a {
    color: #264c70;
    text-decoration: none;
    word-break: break-all;
}

.box-topic-title a:hover {
    text-decoration: underline;
}

.events p {
    font-size: 14px;
    line-height: 23px;
    color: #333333;
    padding-top: 11px;
}

.b-news-events {
    margin-bottom: 3px;
}

.upcoming-events {
    position: relative;
    display: table;
    width: 100%;
}

.upcoming-events-button {
    margin-top: 0;
}

.upcoming-events-block {
    display: table-cell;
    vertical-align: top;
    padding-right: 25px;
}

.size-text {
    font-size: 15px;
    line-height: 24px;
}

.indent-botton-topic {
    margin-bottom: 9px;
    margin-top: 9px;
}

.upcoming-events p {
    font-size: 13px;
    color: #333333;
    line-height: 21px;
    width: 100%;
}

.upcoming-events-img {
    width: 180px;
    height: 120px;
    overflow: auto;
    overflow-y: hidden;
    float: right;
    text-align: center;
}

.upcoming-events-img img {
    /*margin-top: 11px;
    padding-bottom: 13px;*/
}

.b-show-reports {
    border-bottom: 2px solid #7b7b7b;
    padding-bottom: 24px;
    margin-right: 0;
    margin-bottom: 24px;
}

.b-reports a {
    position: relative;
    display: block;
    color: #264c70;
}

.show-reports {
    padding: 15px 10px;
    position: relative;
    display: block;
}

.show-reports:hover {
    background: #264c70;
    color: #ffffff;
}

.show-reports-text {
    display: block;
    padding: 0 80px 0 0;
}

.show-reports-date {
    display: block;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 15px;
}

.b-show-reports h3 {
    font-size: 22px;
    line-height: 27px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #264c70;
    margin-bottom: 13px;
}

.indent-top-reports {
    margin-top: 6px;
}

.b-rules {
    padding-bottom: 24px;
    margin-right: 35px;
    margin-top: 24px;
}

.btn-rules {
    margin-top: 9px;
}

a.btn-width {
    padding: 0;
    text-align: center;
}

.btn-width {
    width: 146px;
    box-sizing: border-box;
    padding: 0;
    line-height: 38px;
}

.b-rules h3 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.b-rules p {
    font-size: 13px;
    line-height: 21px;
    color: #333333;
}

.b-event-gallery {
    border-bottom: 2px solid #7b7b7b;
    padding-bottom: 24px;
    margin-right: 35px;
}

.b-event-gallery h3 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-bottom: 14px;
}

.indent-bottom-gallery {
    margin-bottom: 25px;
}

.b-event-gallery-img img {
    width: 100%;
}

.indent-top-box {
    margin-top: 12px;
}

.indent-n-d {
    margin-left: 0;
}

.event-gallery {
    margin-bottom: 19px;
}

.event-gallery img {
    position: relative;
    float: left;
}

.event-gallery h4 {
    position: relative;
    margin-left: 113px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.event-gallery h4 a {
    display: block;
    color: #264c70;
    padding: 0;
}

.box-topic-top {
    margin-top: 20px;
}

.b-time-adress {
    border-bottom: 2px solid #7b7b7b;
    padding-bottom: 17px;
    margin-bottom: 24px;
    margin-top: 46px;
}

.time-adress {
    width: 100%;
    padding-top: 6px;
}

.block-time {
    width: 49%;
    font-size: 13px;
    line-height: 21px;
    color: #333333;
    padding-left: 66px;
    background: url(img/ico_clock.png) no-repeat 29px 7px;
    float: left;
    min-height: 40px;
}

.block-adress {
    width: 51%;
    font-size: 13px;
    line-height: 21px;
    color: #333333;
    padding-left: 66px;
    background: url(img/ico_marker.png) no-repeat 29px 7px;
    float: right;
    border-left: 2px solid #7b7b7b;
    min-height: 40px;
    padding-right: 48px;
}

.calendar-events {
    /* padding-right: 35px; */
}

#event_calendar_3.skin-lions-square .calendar-controls .arrow-left,
#event_calendar_4.skin-lions-square .calendar-controls .arrow-left {
    background: url(img/3.png) no-repeat;
    left: 0;
    width: 10px;
    height: 14px;
}

#event_calendar_3.skin-lions-square .calendar-controls .arrow-right,
#event_calendar_4.skin-lions-square .calendar-controls .arrow-right {
    background: url(img/4.png) no-repeat;
    right: 0;
    width: 10px;
    height: 14px;
}

#event_calendar_3 svg:not(:root),
#event_calendar_4 svg:not(:root) {
    overflow: hidden;
    display: none;
}

#event_calendar_4.skin-lions-square .calendar-controls {
    margin: 0px 0 0 0;
    width: 75px;
    position: absolute;
    top: -54px;
    right: -128px;
}

#event_calendar_3.skin-lions-square .curr-date .curr-month,
#event_calendar_4.skin-lions-square .curr-date .curr-month {
    margin: 0;
}

#event_calendar_3.mon-row,
#event_calendar_3 .headerRow:first-child {
    border-top: 2px solid #7b7b7b;
}

#event_calendar_4.mon-row,
#event_calendar_4 .headerRow:first-child {
    border-top: 0;
}

#event_calendar_4 .main-mon .other-months-date {
    opacity: 1 !important;
    background: #F1F1F1 !important;
}

.calendar-events {
    position: relative;
    margin-top: 20px;
    border-bottom: 1px solid #7b7b7b;
    padding-bottom: 23px;
    margin-right: 35px;
}

.calendar-events h3 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-weight: bold;
    margin-top: 26px;
}

#event_calendar_4 {
    overflow-x: initial;
    width: 70%;
}

#event_calendar_4 .theMonths {
    overflow: initial;
}

.vb {
    width: 100%;
    margin-right: 35px;
    border-top: 1px solid #7b7b7b;
    margin-top: 18px;
}

.stick-calendar {
    width: 100%;
    border-bottom: 2px solid #7b7b7b;
    position: absolute;
    top: 58px;
    z-index: 99;
}

#event_calendar_4 .theMonths,
#event_calendar_4 .calendar-controls {
    margin-top: 0px;
}

.calendar-events-size {
    position: relative;
}

.next-event {
    margin-top: 2px;
}

.calendar-events-size h3 {
    font-size: 28px;
    line-height: 35px;
}

.calendar-round {
    position: absolute;
    top: 98px;
    right: 7px;
}

.buuton-calendar {
    margin-top: 42px;
}

.b-latest-results {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-right: 35px;
}

.show-results a:nth-child(2n+1) {
    display: block;
    background: #eeeeee;
}

.b-latest-results h3 {
    font-size: 28px;
    line-height: 35px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #264c70;
    margin-bottom: 18px;
}

.latest-results a:first-child,
.latest-results a:first-child+*+*,
.latest-results a:first-child+*+*+*+* {
    display: block;
    background: #eeeeee;
}

.latest-results a:nth-child(2n+1) {
    display: block;
    background: #eeeeee;
}

.top-btn {
    margin: 14px 0 0 0;
}

.next-event h4 {
    font-size: 18px;
    line-height: 24px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.next-even-title {
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    font-family: 'Lato';
}

.box-nex-event {
    margin-top: 15px;
}

.first-news h2 {
    font-size: 28px;
    line-height: 35px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #264c70;
    float: none;
    margin-top: 34px;
}

.first-news p {
    font-size: 14px;
    line-height: 23px;
    color: #333333;
    padding-bottom: 10px;
}

.all-b-latest-news {
    border-bottom: 2px solid #7b7b7b;
    padding-bottom: 25px;
}

.all-b-latest-news h3 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    margin-bottom: 23px;
    margin-top: 31px;
}

.bold-date {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.latest-news {
    margin-top: 10px;
}

.latest-news img {
    max-width: 147px;
    height: 105px;
}

.latest-news h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px;
}

.b-latest-news {
    margin-top: 15px;
}

.item-box {
    width: 416px;
    min-height: 299px;
    position: relative;
    top: 52px;
    /*right: 34px;*/
    padding: 0px 46px 25px 27px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    text-align: left;
    color: #fff;
}

.item-box-header {
    font-size: 43px;
    line-height: 50px;
    margin-bottom: 8px;
}

.item-box-text {
    margin-bottom: 19px;
}

.slide-indicators {
    display: block;
}

.slide-indicators .active {
    background: #264c70;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    width: 13px;
    height: 13px;
    margin: 0 0 0 6px;
}

.slide-indicators li {
    border: none;
    background: #ffffff;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
    width: 13px;
    height: 13px;
    margin: 0 0 0 6px;
    border-radius: 50%;
}

.b-form-search {
    min-height: 72px;
    background: #264c70;
}

.quick-search {
    padding-top: 17px;
}

.quick-search form {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}

.b-form-search h3 {
    display: inline-block;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    margin: 0 15px;
}

.form-search-text {
    margin: 0 10px 0;
}

.search-text {
    width: 230px !important;
    height: 36px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #cccccc;
    background: transparent;
    color: #ffffff;
    font-size: 15px;
    box-shadow: none;
}

.search-text:focus {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.quick-search h4{
    color: white;
    font-size: 16px;
    white-space:nowrap;
}

.quick-search label{
    color: white;
    font-size: 12px;
    font-weight:normal;
}

.mobile-quick-search label{
    color: white;
    font-size: 13px;
    font-weight:normal;
}

.eartag-search-text{
    -webkit-border-radius: 3px;
    border: 1px solid #cccccc;
    background: transparent;
    color: #ffffff;
    font-size: 15px;
    box-shadow: none;
}
.eartag-search-text:focus {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.b-form-search .btn.ui-select-toggle, .b-form-search .btn.ui-select-toggle:hover {
    background: #264C70;
    color: white;
    border: 1px solid #cccccc;
    font-size: 1em;
    font-weight: normal;
}

.btn-form-search {
    height: 38px;
    background-image: url(img/ico_search_white.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-color: #cab856;
    border: 1px solid #ffffff;
    padding: 0 15px 0 35px;
    border-radius: 3px;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 15px 0;
}

.btn-form-search:hover {
    background-color: #cab856;
    border: 1px solid #ffffff;
    background-position: 10px 8px;
}

.dropdown-search {
    width: 40px;
    height: 40px;
    background: url(img/img_2.jpg) no-repeat;
    float: right;
    margin-right: 23px;
    cursor: pointer;
    text-indent: -99999;
    display: block;
}

.dropdown-search-2 {
    display: block;
    width: 40px;
    height: 40px;
    background: url(img/img_22.jpg) no-repeat;
    float: right;
    margin-right: 23px;
    cursor: pointer;
    text-indent: -99999;
}

.slide-pagination li {
    background: #88aed2;
}

.item-caption {
    position: absolute;
    width: 360px;
    min-height: 318px;
    top: 52px;
    right: 34px;
    padding: 0px 28px 13px 27px;
    text-align: left;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.b-caption h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 35px;
    line-height: 46px;
    color: #ffffff;
}

.b-caption p {
    font-size: 15px;
    line-height: 23px;
    color: #ffffff;
    padding-top: 2px;
    padding-bottom: 11px;
}

.navbar-nav .ic-arrow-down {
    background: url("img/ico_arrow_down.png") no-repeat scroll 0 0;
    height: 8px;
    margin: 0 0 0 5px;
    width: 11px;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: rgba(37, 76, 112, 0.2);
}

.menu-two {
    left: inherit;
    right: 0;
    border: 1px solid #7B7B7B;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.menu-two:before {
    background: url("img/ico_arrow_top.png") no-repeat scroll 0 0;
    content: "";
    height: 14px;
    margin: 0 0 0 5px;
    position: absolute;
    right: 30px;
    top: -14px;
    width: 24px;
}

.navbar-nav>li>.menu-two {
    margin-top: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0;
}

.navbar-nav>li>.menu-two li {
    width: 100%;
}

.navbar-nav>li>.menu-two a {
    padding: 3 10px;
    color: #333333;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 15px;
}

.menu-two>li>a:hover,
.menu-two>li>a:focus {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    background: rgba(37, 76, 112, 0.2);
}

.box-form-search {
    float: right;
    width: 700px;
    height: 50px;
    border: 1px solid #000;
    display: none;
}

.search-text-two {
    width: 419px !important;
    height: 38px;
    border-radius: 3px;
}

.b-data-information h2 {
    font-size: 28px;
    line-height: 35px;
    color: #264c70;
    font-weight: 900;
    margin-top: 33px;
}

.b-data-information p {
    font-size: 14px;
    line-height: 23px;
    color: #333333;
    margin-top: 24px;
}

.img-top {
    margin-top: 24px;
}

.img-top img {
    width: 100%;
}

.logo-powered-by {
    margin-top: 33px;
}

.b-evaluation-dates {
    margin-right: 35px;
}

.title-icon h3 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    float: left;
    font-weight: 900;
    margin-top: 32px;
}

.title-icon img {
    float: right;
    margin-top: 37px;
    margin-right: 7px;
}

.title-icon {
    margin-bottom: 8px;
}

.evaluation-dates {
    position: relative;
}

.evaluation-dates a {
    display: block;
    width: 100%;
    padding: 9px 0;
    color: #264c70;
}

.evaluation-dates a:hover {
    background: #264c70;
    color: #ffffff;
}

.evaluation-dates:nth-child(2n+1) {
    background: #eeeeee;
}

.evaluation-dates-2 {
    position: relative;
}

.evaluation-dates-2 a {
    display: block;
    width: 100%;
    color: #264c70;
    padding: 9px 0;
}

.evaluation-dates-2 a:hover {
    background: #264c70;
    color: #ffffff;
}

.evaluation-dates-2:nth-child(2n+1) {
    background: #eeeeee;
}

.evaluation-dates-title {
    float: left;
    font-size: 13px;
    padding: 0 100px 0 11px;
    box-sizing: border-box;
}

.inimal-btn-indent {
    min-height: 65px;
    padding-top: 27px;
    float: left;
}

.evaluation-dates-text {
    font-size: 13px;
    line-height: 36px;
    font-weight: 900;
    position: absolute;
    top: 0px;
    right: 15px;
}

.evaluation-dates-text-2 {
    display: none;
}

.evaluation-dates-2 a:hover .evaluation-dates-text-2 {
    display: block;
}

.b-form-group {
    margin-left: 20px;
    padding-bottom: 4px;
    padding-top: 15px;
}

.icon-img {
    background: url(img/img_4.jpg) no-repeat 8px 9px;
    float: left;
    padding-left: 30px;
}

.evaluation-dates a:hover {
    background-color: #264c70;
    color: #ffffff;
    padding-left: 24px;
    box-sizing: border-box;
}

.bn {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 12px;
    display: none;
}

.evaluation-dates a:hover .bn {
    display: block !important;
}

.form-information {
    width: 227px;
    float: left;
    margin-left: 15px;
}

.form-information label {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 900;
}

.form-information img {
    padding-left: 6px;
    margin-top: -3px;
}

.selectpicker {
    border: 1px solid #cccccc;
    border-radius: 2px;
    font-size: 15px;
    line-height: 21px;
    color: #ffffff;
    outline: none;
    height: 38px;
}

.btn-info {
    background-image: none;
    background-color: #264C70;
    border: 1px solid #cccccc;
    border-radius: 2px;
    font-size: 15px;
    line-height: 21px;
    color: #ffffff;
    outline: none;
    height: 38px;
}

.width-form-i {
    width: 321px;
}

.width-form-i-44 .bootstrap-select {
    width: 321px;
}

.form-1:focus {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.btn-form-i {
    float: left;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
    background-color: #264C70;
    outline: none;
    border: 1px solid #cccccc;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #264C70;
    outline: none;
    border: 1px solid #cccccc;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-color: #264C70;
    outline: none;
    border: 1px solid #cccccc;
}

.bootstrap-select.btn-group .dropdown-menu {
    border-radius: 0px;
}

.bootstrap-select.btn-group .dropdown-menu>li>a:hover {
    background: #ffffff;
}

.bootstrap-select.btn-group .dropdown-menu {
    margin-top: 3px;
}

.bootstrap-select.btn-group .dropdown-menu>li>a:hover,
.bootstrap-select.btn-group .dropdown-menu>li>a:focus {
    background: #ffffff;
    outline: none;
}

.all-b-animal-data {
    padding-bottom: 60px;
}

.b-list-sales {
    text-align: center;
    margin-top: 28px;
    margin-bottom: 55px;
    padding-left: 0;
}

.b-list-sales li {
    display: inline-block;
    list-style: none;
    width: 200px;
    vertical-align: top;
    margin-right: 56px;
    margin-left: 56px;
    text-align: center;
}

.b-list-sales li h4 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-bottom: 13px;
    margin-top: 15px;
}

.b-list-sales li h4 a {
    color: #264c70;
}

.list-sales-img {
    width: 200px;
    height: 71px;
    vertical-align: bottom;
    display: table-cell;
    text-align: center;
}

.list-sales-img-1 img {
    width: 90px;
    height: 61px;
}

.list-sales-img-2 img {
    width: 92px;
    height: 61px;
}

.list-sales-img-3 img {
    width: 71px;
    height: 71px;
}

a.btn-list-sales {
    display: block;
    width: 106px;
    height: 38px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #979797;
    font-size: 13px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-decoration: none;
    line-height: 38px;
    padding: 0;
    margin: 0 auto;
}

a.btn-list-sales:hover {
    color: #ffffff;
    border: 1px solid #264C70;
    background-color: #264C70;
}

.b-advertise-animals {
    padding: 53px 35px 60px 35px;
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee', GradientType=0);
}

.advertise-animals-left {
    float: left;
    position: relative;
    width: 470px;
    height: auto;
}

.advertise-animals-right {
    position: relative;
    margin-left: 500px;
}

.advertise-animals-right h3 {
    font-size: 28px;
    line-height: 35px;
    color: #264c70;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: 0;
}

.advertise-animals-right p {
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    margin-bottom: 23px;
}

.advertise-animals-right p a {
    color: #264C70;
}

.btn-advertise-animals {
    display: inline-block;
    height: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #979797;
    font-size: 13px;
    color: #264c70;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-decoration: none;
    line-height: 35px;
    padding: 0 16px;
}

a.btn-advertise-animals:hover {
    color: #ffffff;
    border: 1px solid #264C70;
    background-color: #264C70;
    text-decoration: none;
}

.block-sales {
    padding: 25px 35px 35px 35px;
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee', GradientType=0);
}

.upcoming-sales {
    /*max-width: 380px;*/
    margin-bottom: 27px;
}

.b-upcoming-sales h3 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 900;
    color: #264c70;
    margin-bottom: 23px;
}

.upcoming-sales-left {
    font-size: 16px;
    line-height: 25px;
    color: #264c70;
    font-weight: 900;
    float: left;
    position: relative;
}

.upcoming-sales-left span {
    font-weight: 400;
    font-size: 24px;
    color: #264C70;
}

.upcoming-sales-right {
    position: relative;
    margin-left: 74px;
    padding-left: 30px;
    border-left: 1px solid #333333;
}

.upcoming-sales-right h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 900;
    color: #264c70;
    margin-top: 0;
    margin-bottom: 8px;
}

.upcoming-sales-right p {
    font-size: 13px;
    line-height: 21px;
    color: #333333;
}

.upcoming-sales-link a {
    font-size: 13px;
    line-height: 21px;
    color: #264c70;
    text-decoration: underline;
}

.upcoming-sales-link a:hover {
    text-decoration: none;
}

.upcoming-sales-link img {
    margin-right: 2px;
}

.b-sale-reports {
    max-width: 470px;
}

.b-sale-reports h3 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 900;
    color: #264c70;
    margin-bottom: 18px;
}

.sale-reports {
    width: 100%;
    height: 40px;
}

.sale-reports-left {
    max-width: 91px;
    font-size: 16px;
    font-weight: 900;
    color: #264c70;
    float: left;
    position: relative;
    line-height: 40px;
    padding-left: 14px;
    box-sizing: border-box;
}

.sale-reports-right {
    max-width: 100%;
    position: relative;
    margin-left: 75px;
    font-size: 14px;
    line-height: 22px;
    color: #264c70;
    padding-left: 19px;
    border-left: 1px solid #a5a5a5;
    padding-right: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sale-reports:nth-child(2n+1) {
    background: #eeeeee;
}

.sale-data-form {
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block;
    height: 38px;
}

.sale-data-form .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin-top: -7px;
    width: 8px;
    height: 15px;
    background: url(img/ico_down_top.png) no-repeat;
    border: 0;
}

.sale-data-form .btn-info-2 .btn-info {
    margin: 0;
    padding: 0 0 0 5px;
    height: 38px;
    background: #fff;
    font-size: 15px;
    color: #333333;
    line-height: 37px;
    border-radius: 3px;
    border: 1px solid #cccccc;
}

.sale-data-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    height: 24px;
    line-height: 24px;
}

.sale-data-form .btn-info-2 .btn-info:active:hover,
.sale-data-form .btn-info-2 .btn-info.active:hover,
.sale-data-form .open>.dropdown-toggle.btn-info:hover,
.sale-data-form .btn-info-2 .btn-info:active:focus,
.sale-data-form .btn-info-2 .btn-info.active:focus,
.sale-data-form .open>.dropdown-toggle.btn-info:focus,
.sale-data-form .btn-info-2 .btn-info:active.focus,
.sale-data-form .btn-info-2 .btn-info.active.focus,
.sale-data-form .open>.dropdown-toggle.btn-info.focus {
    background-color: #ffffff;
    color: #333333;
}

.sale-btn-form {
    display: inline-block;
    margin-bottom: 15px;
    background: #ffffff;
    text-transform: uppercase;
    vertical-align: top;
}

.sale-data-form .form-control {
    height: 38px;
    line-height: 25px;
    padding-left: 5px;
    padding-bottom: 9px;
}

.form-control {
    height: 38px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.form-control.btn-group .dropdown-menu {
    margin-top: -2px;
}

.sale-btn-form .btn-advertise-animals {
    height: 38px;
}

.form-control .dropdown-menu>li>a {
    padding: 0 0 0 5px;
}

.form-control.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1);
}

.item-caption-bottom {
    width: 381px;
    height: 178px;
    position: absolute;
    right: 34px;
    bottom: -477px;
    padding: 0px 28px 17px 27px;
    text-align: left;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.item-caption-bottom h2 {
    margin-top: 15px;
}

.block-sales-centre h2 {
    font-size: 28px;
    line-height: 35px;
    color: #264c70;
    font-weight: 900;
    margin-top: 16px;
}

.block-sales-centre p {
    font-size: 15px;
    line-height: 22px;
    color: #333333;
    padding-top: 6px;
}

.all-b-ancestry {
    padding-left: 35px;
    padding-bottom: 20px;
}

.all-table-block {
    padding-top: 20px;
    height: 1000px;
    outline: 1px solid #000;
}

.first-table-block {
    width: 474px;
    height: 170px;
    border-radius: 3px;
    border: 1px solid #7b7b7b;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    text-align: left;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
    background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f7f7f7', GradientType=0);
}

.img_gender {
    background-image: url(img/im_1.png);
    background-repeat: no-repeat;
    background-position: 439px 120px;
    height: 100%;
}

.img_gender-2 {
    background-image: url(img/im_1.png);
    background-repeat: no-repeat;
    background-position: 272px 120px;
    height: 100%;
}

.img_gender-3 {
    background-image: url(img/im_2.png);
    background-repeat: no-repeat;
    background-position: 267px 107px;
    height: 100%;
}

.img_gender-4 {
    background-image: url(img/im_1.png);
    background-repeat: no-repeat;
    background-position: 194px 65px;
    height: 100%;
}

.img_gender-5 {
    background-image: url(img/im_2.png);
    background-repeat: no-repeat;
    background-position: 191px 72px;
    height: 100%;
}

.img_gender-6 {
    background-image: url(img/im_3.png);
    background-repeat: no-repeat;
    background-position: 84px 85px;
    height: 100%;
}

.img_gender-7 {
    background-image: url(img/im_4.png);
    background-repeat: no-repeat;
    background-position: 81px 88px;
    height: 100%;
}

.table-block-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 22px;
    line-height: 27px;
    color: #ffffff;
    background: #264c70;
    text-transform: uppercase;
    min-height: 43px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 7px 0 0 14px;
    font-weight: 900;
}

.table-block-left {
    float: left;
    width: 191px;
    min-height: 46px;
    margin: 6px 0 0 15px;
}

.table-block-right {
    float: right;
    width: 214px;
    min-height: 46px;
    margin: 6px 17px 0 0px;
    margin: 6px 3px 0 0px;
    width: 235px;
}

.block-left-number {
    width: 100%;
    font-size: 15px;
    color: #333333;
    line-height: 23px;
    margin-bottom: 2px;
    margin-top: 3px;
}

.block-left-currency {
    width: 40%;
    width: 50%;
    float: left;
    font-weight: 700;
}

.block-left-interest {
    width: 40%;
    float: right;
    text-align: right;
    font-weight: 700;
}

.block-right-currency {
    width: 45%;
    float: left;
    font-weight: 700;
}

.block-right-interest {
    width: 50%;
    float: right;
    text-align: right;
    font-weight: 700;
}

.table-block-indent {
    margin-bottom: 3px;
    margin-top: 5px;
}

.table-block-view a {
    display: inline-block;
    font-size: 14px;
    color: #264c70;
    line-height: 22px;
    font-weight: 700;
}

.two-table-block {
    width: 309px;
    height: 149px;
    display: inline-block;
    text-align: left;
    margin: 0 79px;
}

.all-two-table-block {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.table-block-title-two {
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    text-transform: inherit;
    padding-left: 10px;
    min-height: 36px;
}

.table-block-text {
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 11px;
    padding-top: 9px;
    width: 100%;
    padding-bottom: 3px;
    padding-right: 10px;
    position: relative;
    z-index: 9;
}

.indent-number {
    padding-left: 11px;
    position: relative;
    z-index: 9;
}

.block-left-two {
    width: 64%;
    margin-top: 6px;
}

.indent-currency {
    padding-left: 11px;
}

.three-table-block {
    width: 231px;
    height: 113px;
    border: 1px solid #000;
    margin: 0;
}

.four-table-block {
    width: 110px;
    height: 118px;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}

.four-table-block span {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: #264c70;
    font-weight: 700;
    padding: 7px 23px 5px 9px;
    position: relative;
    z-index: 9;
}

.table-block-title-three {
    font-size: 14px;
    line-height: 22px;
    min-height: 30px;
    padding-top: 4px;
}

.tree-text-bottom {
    font-size: 11px;
    line-height: 20px;
    color: #333333;
    margin-left: 19px;
}

.tree {
    padding-bottom: 36px;
    margin-top: 13px;
}

.tree ul {
    padding-top: 20px;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 0px 0;
}

.logo_tree {
    float: right;
    margin-top: 21px;
    margin-right: 30px;
}

.block-hint {
    position: absolute;
    top: 80px;
    left: 50px;
    z-index: 2;
}

.breadcrumb-left {
    float: left;
    margin-top: 20px;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
}

.tree li::before,
.tree li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #7b7b7b;
    width: 50%;
    height: 20px;
}

.tree li::after {
    content: "";
    right: auto;
    left: 50%;
    border-left: 1px solid #7b7b7b;
}

.tree li:only-child::after,
.tree li:only-child::before {
    display: none;
    content: "";
}

.tree li:only-child {
    padding-top: 0px;
    content: "";
}

.tree li:first-child::before,
.tree li:last-child::after {
    border: 0 none;
    content: "";
}

.tree li:last-child::before {
    border-right: 1px solid #7b7b7b;
    content: "";
}

.tree li:first-child::after {}

.tree ul ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #7b7b7b;
    width: 0;
    height: 20px;
}

.four-table-block:hover .four-table-block-hover {
    display: block;
}

.four-table-block-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(38, 76, 112);
    background: rgba(38, 76, 112, 0.9);
    z-index: 100;
    display: none;
}

.four-hover-text {
    width: 100%;
    height: 100%;
    background: url(img/ico_hover_three.png) no-repeat 50% 20px;
}

.four-hover-text-2 {
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    padding-top: 69px;
}

.form-information-two {
    width: 150px;
    margin-top: 0;
}

.form-information-2 {
    margin-top: 0;
}

.form-information-indent {
    margin-bottom: 15px;
    margin-right: 6px;
    width: 226px;
}

.form-information-2,
.form-information-indent-5 {
    width: 312px;
}

.form-information-indent-5 .btn-group.bootstrap-select {
    width: 312px;
}

.form-information-6 .btn-group.bootstrap-select {
    width: 312px;
}

.form-information-7 .form-control.bootstrap-select {
    width: 150px !important;
}

.bootstrap-select.form-control {
    height: 38px;
}

.form-information .bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
    height: 38px;
    color: #fff;
    background: #264C70;
    border: 1px solid #fff;
}

.animal-table {
    border: 1px solid #979797;
}

.animal-table tr {
    vertical-align: middle;
}

.animal-table>tbody>tr.danger>td,
.animal-table>tbody>tr.danger>th,
.animal-table>tbody>tr>td.danger,
.animal-table>tbody>tr>th.danger {
    background-color: #264c70;
    vertical-align: middle;
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    height: 44px;
    border-right: 1px solid #506F8C;
    border-top: 0px;
    border-bottom: 0px;
}

.animal-table>tbody>tr>th:first-child,
.animal-table>tbody>tr>td:first-child {
    padding-left: 15px;
    padding-right: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indent-table-img img {
    padding-left: 11px;
    cursor: pointer;
}

.animal-table>tbody>tr>td a {
    color: #000000;
}

.animal-table>tbody>tr>td,
.animal-table>tbody>tr>th {
    padding: 6px 8px;
    color: #000000;
    font-size: 12px;
    line-height: 34px;
}

.animal-table>tbody>tr.active>td,
.table>tbody>tr>td.active {
    background-color: #fff;
}

.animal-table>tbody>tr.active.indent-table-49,
.animal-table>tbody>tr.active.indent-table-49>td {
    background-color: #eeeeee;
}

.animal-table>tbody>tr.active:hover .indent-table-50,
.animal-table>tbody>tr.active:hover .indent-table-50>td {
    background-color: #979797;
}

.animal-table>tbody>tr.active.rt a:hover.indent-table-51,
.animal-table>tbody>tr.active:hover.indent-table-51>td.rt a {
    background-color: #979797;
    color: #264C70;
    text-decoration: underline;
}

.animal-table>tbody>tr.active.rt a:hover .indent-table-51,
.animal-table>tbody>tr.active:hover .indent-table-51>td.rt a {
    background-color: #979797;
    color: #264C70;
    text-decoration: underline;
}

.animal-table>tbody>tr.active:nth-child(2n+1),
.animal-table>tbody>tr.active:nth-child(2n+1)>td {
    background-color: #eeeeee;
}

.animal-table>tbody>tr:hover>td,
.animal-table>tbody>tr.active:hover:nth-child(2n+1),
.animal-table>tbody>tr.active:hover:nth-child(2n+1)>td {
    background-color: #979797;
}

.animal-table>tbody>tr:hover>td.rt a,
.animal-table>tbody>tr.active.rt a:hover:nth-child(2n+1),
.animal-table>tbody>tr.active:hover:nth-child(2n+1)>td.rt a {
    background-color: #979797;
    color: #264C70;
    text-decoration: underline;
}

.animal-table>tbody>tr>td,
.animal-table>tbody>tr>th {
    border-top: 0px;
}

.table-results {
    font-size: 16px;
    line-height: 22px;
    color: #264c70;
    font-weight: 700;
    float: left;
    margin-top: 30px;
    margin-bottom: 3px;
}

.indent-table {
    margin-top: 13px;
}

.b-indent-table {
    padding: 0 35px 69px 35px;
}

.item-page-two .btn-info-3 .btn-info {
    height: 28px;
    background-color: #ffffff !important;
    border: 1px solid #979797;
    padding: 0 0 0 11px;
    color: #333333;
}

.btn-info-3 {
    display: inline-block;
}

.item-page-two .btn-info-3 .btn-info:active:hover,
.item-page-two .btn-info-3 .btn-info.active:hover,
.item-page-two .open>.dropdown-toggle.btn-info:hover,
.item-page-two .btn-info-3 .btn-info:active:focus,
.item-page-two .btn-info-3 .btn-info.active:focus,
.item-page-two .open>.dropdown-toggle.btn-info:focus,
.item-page-two .btn-info-3 .btn-info:active.focus,
.item-page-two .btn-info-3 .btn-info.active.focus,
.item-page-two.open>.dropdown-toggle.btn-info.focus {
    background-color: #ffffff;
    color: #333333;
}

.item-page .bootstrap-select.btn-group .btn-info-3 .caret {
    border-top: 4px dashed #264c70;
}

.item-page label {
    color: #264c70;
    font-weight: 700;
    font-size: 13px;
    padding-right: 8px;
    display: inline-block;
}

.item-page {
    float: right;
    margin-top: 23px;
    width: 178px;
}

.item-page .bootstrap-select.btn-group .dropdown-menu {
    margin-top: -1px;
}

.item-page .bootstrap-select.btn-group .dropdown-menu>li>a {
    padding: 3px 11px;
}

.list-of-text {
    float: left;
    list-style: none;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
}

.pagination-two {
    padding-top: 0;
}

.pagination-two>li:first-child>a,
.pagination-two>li:first-child>span {
    border-radius: 3px;
}

.list-of-text li {
    display: inline-block;
    color: #3f3f3f;
    border-right: 1px solid #979797;
    padding-left: 1px;
    padding-right: 3px;
    line-height: 1;
}

.list-of-text li:last-child {
    border-right: 0;
}

.list-of-text a {
    display: inline-block;
    text-decoration: underline;
    color: #3f3f3f;
}

.list-of-text a:hover {
    text-decoration: none;
}

.pagination-right {
    float: right;
}

.pagination-two>li>a:hover,
.pagination-two>li>span:hover,
.pagination-two>li>a:focus,
.pagination-two>li>span:focus {
    font-weight: 700;
    border: 1px solid #264c70;
    border-radius: 3px;
    background: #264c70;
    color: #ffffff;
}

.pagination-two>li>a,
.pagination-two>li>span {
    font-weight: 700;
    border: 1px solid #979797;
    border-radius: 3px;
    margin: 0 3px;
}

.pagination-two>.active>a,
.pagination-two>.active>span,
.pagination-two>.active>a:hover,
.pagination-two>.active>span:hover,
.pagination-two>.active>a:focus,
.pagination-two>.active>span:focus {
    font-weight: 700;
    border: 1px solid #264c70;
    border-radius: 3px;
    background: #264c70;
    color: #ffffff;
}

.pagination-two>li:last-child>a,
.pagination-two>li:last-child>span {
    border-radius: 3px;
}

.animal-table {
    margin-bottom: 14px;
}

.b-viewed-factsheets {
    margin-top: 54px;
}

.b-viewed-factsheets h4 {
    font-size: 22px;
    line-height: 27px;
    color: #264c70;
    font-weight: 700;
    margin-bottom: 19px;
}

.all-viewed-factsheets {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.viewed-factsheets {
    width: 227px;
    min-height: 73px;
    margin: 0 51px 15px 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    border: 1px solid #7b7b7b;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
}

.fond-img-1 {
    background: url(img/ico_three_animal.png) no-repeat 180px 28px;
}

.fond-img-2 {
    background: url(img/ico_fem_animal.png) no-repeat 186px 31px;
}

.viewed-factsheets:nth-child(4n) {
    margin: 0 0px 15px 0px;
}

.viewed-factsheets h6 {
    font-size: 16px;
    line-height: 22px;
    color: #264c70;
    text-transform: uppercase;
    font-weight: 700;
    margin: 7px 5px 0 16px;
}

.viewed-factsheets h6 a {
    display: inline-block;
    text-decoration: none;
    color: #264c70;
}

.viewed-factsheets h6 a:hover {
    text-decoration: underline;
}

.viewed-factsheets p {
    font-size: 14px;
    line-height: 23px;
    color: #333333;
    margin: 2px 5px 0 14px;
}

.b-no-results {
    text-align: center;
    margin-top: 47px;
}

.b-no-results h4 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    color: #264c70;
    padding-top: 59px;
    background: url(img/img_icon13.jpg) no-repeat 50% 0px;
    margin-bottom: 6px;
}

.b-no-results p {
    font-size: 13px;
    line-height: 20px;
    color: #333333;
}

.bulls-sale {
    border-bottom: 1px solid #979797;
    width: 100%;
    padding-bottom: 28px;
    margin: 0 0 26px 0;
    position: relative;
}

.bulls-sale-img {
    position: relative;
   
    width: 228px;
    max-height: 228px;
    z-index: 2;
    overflow: hidden;
    vertical-align:top;
    display:inline-block;
}

.bulls-sale-right-box {
    position: relative;
   display:inline-block;
    max-width: 70%;
    box-sizing: border-box;
    padding-left: 20px;
    vertical-align:top;

}

.b-s-left-block {
  padding-bottom:10px;

}

.b-s-right-block {
   
}

.b-s-left-block h4 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    color: #264c70;
    margin: 0;
}

.b-s-left-block-text {
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    padding-top: 2px;
    margin-bottom: 20px;
}

.b-s-left-block p {
    font-size: 14px;
    line-height: 23px;
    color: #333333;
}

.b-s-right-block h4 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    color: #264c70;
    margin: 5px 0 21px 0;
}

.b-s-right-block-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top:1px solid #ccc;
    padding-top:10px;
}

.b-s-right-block-list span {
    display: block;
    width: 72px;
    position: relative;
    float: left;
    margin-left: -75px;
}

.b-s-right-block-list li {
    font-size: 14px;
    line-height: 23px;
    color: #333333;
    padding-left: 75px;
}

.b-advertise-animals-two {
    background: none;
    margin: 38px 0 0 0;
    padding: 53px 0 60px 0;
}

.all-b-sale-reports-two {
    padding: 0 35px;
}

.bulls-sale-hover {
    width: 228px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.btn-view-advert {
    display: block;
    border: 1px solid #979797;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 106px;
    height: 38px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    margin: 60px auto 0 auto;
}

.btn-view-advert:hover {
    color: #ffffff;
    text-decoration: none;
}

.bulls-sale-img:hover .bulls-sale-hover {
    display: block;
}

.left-b-factsheet {
    float: left;
}

.left-b-factsheet h3 {
    font-size: 28px;
    line-height: 35px;
    color: #264c70;
    font-weight: 700;
    margin-top: 2px;
}

.list-b-factsheet {
    margin: 22px 0 0 0;
}

.list-b-factsheet li {
    padding-left: 90px;
    line-height: 24px;
}

.list-b-factsheet li span {
    font-weight: 700;
    width: 90px;
    margin-right: 10px;
    margin-left: -90px;
}

.sire-animal {
    width: 309px;
    height: 91px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7b7b7b;
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
    background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f7f7f7', GradientType=0);
}

.right-b-factsheet {
    float: right;
    margin-top: 13px;
}

.fond-sire-animal {
    background: url(img/im_2.png) no-repeat 265px 46px;
    height: 100%;
}

.fond-sire-animal-2 {
    background: url(img/im_1.png) no-repeat 269px 40px;
    height: 100%;
}

.sire-animal {
    margin-bottom: 11px;
}

.sire-animal h5 {
    font-size: 18px;
    line-height: 24px;
    color: #264c70;
    font-weight: 700;
    margin: 0;
    padding: 11px 0 0 11px;
}

.sire-animal p {
    padding: 6px 45px 0 11px;
    font-size: 12px;
    line-height: 17px;
    color: #333333;
    font-weight: 700;
}

.table-production>tbody>tr>td {
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    padding: 0 0 0 12px;
    border: 1px solid #7b7b7b;
    width: 33.333%;
    color: #333333;
}

.table-production>tbody>tr>th {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 12px;
    background: #264c70;
    color: #ffffff;
    border: 1px solid #7b7b7b;
    font-weight: 700;
    font-size: 16px;
}

.table-production {
    margin-bottom: 25px;
}

.table-value>tbody>tr>td {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #333333;
    padding: 0 0 0 12px;
    border: 1px solid #7b7b7b;
}

.table-value>tbody>tr>th {
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 12px;
    background: #264c70;
    color: #ffffff;
    border: 1px solid #7b7b7b;
    font-weight: 700;
    font-size: 13px;
}

.table-diagram-indent>thead>tr>th {
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 12px;
    background: #264c70;
    color: #ffffff;
    border: 1px solid #7b7b7b;
    font-weight: 700;
    font-size: 13px;
}

.table-diagram>tbody>tr>th.indent-table-45 {
    padding: 0 12px 0 12px;
    width: 150px;
}

.table-diagram>tbody>tr>td.indent-table-45 {
    text-align: right;
    padding: 0 12px 0 12px;
}

.table-production>tbody>tr:hover>td,
.table-production>tbody>tr.active:hover:nth-child(2n+1),
.table-production>tbody>tr.active:hover:nth-child(2n+1)>td {
    background: none;
}

.table-value {
    margin-bottom: 25px;
}

th.text-width {
    padding: 0 0 0 0 !important;
}

.table-diagram-indent>tbody>tr>td.color-width {
    padding: 0 0 0 0 !important;
    vertical-align: middle;
}

.table-trait>tbody>tr>td.color-width {
    padding: 0 0 0 0 !important;
    vertical-align: middle;
}

.table-diagram>tbody>tr>td {
    width: 11.11%;
    height: 30px;
    line-height: 23px;
    padding: 2px 5px 0 12px;
}

.table-diagram>tbody>tr>td.color-width {
    padding: 0 0 0 0 !important;
    vertical-align: middle;
}

.table-diagram>tbody>tr>td:nth-last-child(-n+2),
.table-diagram>tbody>tr>th:nth-last-child(-n+2) {
    text-align: right;
    padding: 0 12px 0 12px;
}

.text-width span {
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
}

.text-width .text-width-left {
    text-align: left;
    padding-left: 12px;
}

.text-width .text-width-right {
    text-align: right;
    padding-right: 12px;
}

.table-diagram-indent {
    margin-bottom: 10px;
}

.list-of-text-indent {
    margin-bottom: 10px;
    float: none;
}

.table-diagram-indent>tbody>tr.active>td,
.table-diagram-indent>tbody>tr>td.active {
    background-color: #fff;
}

.table-diagram-indent>tbody> :nth-child(2n+1),
.table-diagram-indent>tbody> :nth-child(2n+1)>td {
    background-color: #eeeeee;
}

.table-diagram-indent>tbody>tr:hover>td,
.table-diagram-indent>tbody>tr.active:hover:nth-child(2n+1),
.table-diagram-indent>tbody>tr.active:hover:nth-child(2n+1)>td {
    background-color: #bbbbbb;
}

.animal-table>tbody>tr:hover>td.rt a,
.animal-table>tbody>tr.active.rt a:hover:nth-child(2n+1),
.animal-table>tbody>tr.active:hover:nth-child(2n+1)>td.rt a {
    background-color: #979797;
    color: #264C70;
    text-decoration: underline;
}

.animal-table>thead>tr>th {
    height: 44px;
    padding: 0 0 0 8px;
    background: #264c70;
    color: #ffffff !important;
    vertical-align: middle;
    font-weight: 700;
    font-size: 13px;
    background: #264c70 !important;
    border-left: 1px solid #ffffff !important;
}

.animal-table>thead>tr>th:first-child {
    padding-left: 15px;
    border-left: 0 !important;
}

.animal-table>thead>tr>th.indent-table-46 {
    width: 45px;
}

.animal-table>thead>tr>th.indent-table-47 {
    width: 56px;
}

.animal-table>thead>tr>th.indent-table-48 {
    padding-right: 8px;
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border: 0;
}

.m-blue {
    height: 11px;
    background: #264c70;
    margin: 0px;
}

.m-orange {
    height: 11px;
    float: right;
    background: #e2c021;
    margin: 0px;
}

.bn {
    display: none !important;
}

@media screen and (max-width: 1199px) {
    .navbar-two li:last-child {
        margin-right: 0px !important;
    }
    .navbar-two>li>a {
        padding: 0 15px;
    }
    .b-form-search h3 {
        margin-left: 50px;
    }
    #event_calendar_4 {
        width: 64%;
    }
    .calendar-round {
        position: absolute;
        top: 92px;
        right: 7px;
    }
    .form-information {
        width: 220px;
        margin-left: 15px;
    }
    .form-information-two {
        width: 200px;
        margin-top: 0;
    }
    .form-information-2 {
        margin-top: 0;
    }
    .form-information-indent {
        margin-bottom: 15px;
        width: 200px;
        margin-right: 0;
    }
    .form-information-indent .form-control.bootstrap-select {
        width: 200px !important;
    }
    .form-information-2,
    .form-information-indent-5 {
        width: 200px;
    }
    .form-information-indent-5 .btn-group.bootstrap-select {
        width: 200px;
    }
    .form-information-6 .btn-group.bootstrap-select {
        width: 200px;
    }
    .form-information-7 .form-control.bootstrap-select {
        width: 200px !important;
    }
    .form-information-8 {
        padding-bottom: 15px;
    }
    .width-form-i {
        width: 200px;
    }
    .width-form-i-44 .bootstrap-select {
        width: 200px;
    }
    .btn-form-search {
        margin: 0px 0px 0 15px;
    }
    .viewed-factsheets {
        margin: 0 40px 15px 0px;
    }
    .viewed-factsheets:nth-child(4n) {
        margin: 0 51px 15px 0px;
    }
    .viewed-factsheets:nth-child(3n) {
        margin: 0 0px 15px 0px;
    }
    .indent-table {
        margin-bottom: 15px;
    }
    .b-s-right-block {
        padding-left: 0;
        width: 35%;
    }
    .b-s-left-block {
        padding-right: 50px;
        
    }
    .bulls-sale {
        padding-bottom: 15px;
    }
    .b-indent-table {
        padding: 0 35px 69px 35px;
    }
    .animal-table>tbody>tr>th,
    .animal-table>tbody>tr>td {
        border-right: 1px solid #979797;
        border-bottom: 1px solid #979797;
        border-left: 0;
        border-right: 0;
        line-height: 1;
    }
    .animal-table>tbody>tr>th:first-child,
    .animal-table>tbody>tr>td:first-child {
        padding: 0;
    }
    table.footable-details>tbody>tr>th:nth-child(1) {
        padding-left: 12px;
        height: 34px;
        vertical-align: middle;
        background: transparent;
    }
    table.footable-details>tbody>tr>td:nth-child(2) {
        vertical-align: middle;
    }
    .animal-table>tbody>tr:hover>td,
    .animal-table>tbody>tr.active:hover,
    .animal-table>tbody>tr.active:hover>td {
        background-color: #979797;
    }
    .animal-table>tbody>tr>th:first-child,
    .animal-table>tbody>tr>td:first-child {
        vertical-align: middle;
        height: 34px;
    }
    .animal-table>thead>tr>th {}
    .animal-table>tbody>tr.active>td,
    .table>tbody>tr>td.active {
        vertical-align: middle;
        text-indent: 5px;
    }
    .animal-table>thead>tr>th:nth-child(2) {}
    .table .table {
        border: 0;
    }
    table.footable-details>tbody>tr>th:nth-child(1) {
        padding-left: 30px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1150px) {
    .two-table-block {
        margin: 0;
    }
    .b-indent-table {
        padding: 0 0px 69px 35px;
    }
    .tree {
        padding-left: 0 !important;
    }
    .three-table-block {
        width: 201px;
        height: 135px;
    }
    .first-table-block.two-table-block.three-table-block.four-table-block {
        width: 94px;
        height: 118px;
    }
    .four-table-block span {
        font-size: 11px;
        padding: 7px 22px 5px 4px;
    }
    .indent-number {
        padding-right: 40px;
    }
    .viewed-factsheets {
        margin: 0 51px 15px 0px;
    }
    .img_gender-4 {
        background-image: url(img/im_1.png);
        background-repeat: no-repeat;
        background-position: 164px 87px;
        height: 100%;
    }
    .img_gender-5 {
        background-image: url(img/im_2.png);
        background-repeat: no-repeat;
        background-position: 161px 94px;
        height: 100%;
    }
    .img_gender-6 {
        background-image: url(img/im_3.png);
        background-repeat: no-repeat;
        background-position: 69px 85px;
        height: 100%;
    }
    .img_gender-7 {
        background-image: url(img/im_4.png);
        background-repeat: no-repeat;
        background-position: 66px 88px;
        height: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .navbar-collapse {
        margin-top: 0;
    }
    .box-calendar {
        margin: -56px 10px 25px 0;
    }
    .sponsors,
    .box-text {
        margin-right: 10px;
    }
    .header {
        height: 78px;
    }
    .navbar-two {
        text-align: center;
    }
    .navbar-two>li>a {
        padding: 0 5px;
        padding: 0 2px;
        font-size: 13px;
    }
    .navbar-two>li {
        display: inline-block;
    }
    .b-time-adress {
        margin-bottom: 0px;
    }
    .b-form-search h3 {
        margin-left: 0px;
    }
    .search-text {
        width: 170px !important;
    }
    .form-search-text {
        margin-left: 10px;
    }
    .item-box {
        top: 52px;
    }
    .item-box-header {
        font-size: 22px;
        line-height: 26px;
    }
    .form-information {
        width: 200px;
        margin-left: 15px;
        margin-top: 0;
    }
    .width-form-i {
        width: 200px;
    }
    .btn-form-search {
        margin: 0px 0px 0 15px;
    }
    .b-form-group {
        padding-top: 15px;
    }
    .b-list-sales li {
        margin-left: 20px;
        margin-right: 20px;
    }
    .tree {
        padding-left: 100px;
    }
    .form-information-indent {
        margin-right: 0;
    }
    .b-indent-table {
        padding: 0 0px 69px 35px;
    }
    .table-diagram>tbody>tr>td.table-diagram-67 {
        width: 13% !important;
    }
    .table-diagram>tbody>tr>td {
        width: 7.11%;
    }
}

@media screen and (max-width: 991px) {
    .all-b-ancestry {
        padding-left: 0;
    }
    .footer {
        width: 100%;
        background: #F3F3F3;
        position: static;
        height: 267px;
    }
    .b-indent-table {
        padding: 0 35px 69px 25px;
    }
    .wrap {
        padding: 0 0 0px 0;
    }
    .advertise-animals-left img {
        max-width: 100%;
        height: auto;
    }
    .advertise-animals-left {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .advertise-animals-right {
        margin-left: 0;
    }
    .advertise-animals-right h3 {
        margin-top: 23px;
        font-size: 22px;
        line-height: 27px;
    }
    .viewed-factsheets {
        margin: 0 40px 15px 0px;
    }
    .viewed-factsheets:nth-child(4n) {
        margin: 0 40px 15px 0px;
    }
    .viewed-factsheets:nth-child(3n) {
        margin: 0 40px 15px 0px;
    }
    .viewed-factsheets:nth-child(2n) {
        margin: 0 40px 15px 0px;
    }
    .list-of-text {
        margin: 0 0px 17px 0;
    }
    .pagination-right {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .b-viewed-factsheets {
        margin-top: 24px;
    }
    .b-s-right-block {
        padding-left: 0;
        width: 100%;
        float: none;
    }
    .b-s-left-block {
        padding-right: 10px;
        width: 100%;
        float: none;
    }
    .b-advertise-animals-two {
        margin: 0;
        padding: 43px 0 60px 0;
    }
    .right-b-factsheet {
        float: none;
    }
    .left-b-factsheet {
        float: none;
    }
    .logo_tree {
        margin-right: 0;
    }
    .form-information-indent .btn-group.bootstrap-select {
        width: 200px;
    }
    .form-information-8 {
        padding-bottom: 30px;
    }
    .width-form-i-45 .bootstrap-select {
        width: 190px;
    }
    .inimal-btn-indent-4 {
        padding-top: 0;
    }
    .table-diagram>tbody>tr>td.table-diagram-67 {
        width: 19% !important;
    }
    .table-diagram>tbody>tr>td:nth-last-child(-n+2),
    .table-diagram>tbody>tr>th:nth-last-child(-n+2) {
        width: 70% !important;
    }
    .table-diagram>tbody>tr>td {
        width: 9.11%;
    }
}

@media screen and (max-width: 980px) {
    .box-calendar {
        margin: 0;
    }
    .navbar-two {
        font-size: 14px;
    }
    #event_calendar_4.skin-lions-square .calendar-controls {
        margin: 0px 0 0 0;
        width: 75px;
        position: absolute;
        top: -54px;
        right: -144px;
    }
    #event_calendar_4.skin-lions-square .mon-head .week-day {
        padding: 25px 0;
    }
    #event_calendar_4 {
        width: 80%;
    }
    .calendar-round {
        position: absolute;
        top: 135px;
    }
    .form-information {
        width: 200px;
        margin-left: 6px;
    }
    .btn-form-search {
        margin: 0px 0px 0 6px;
    }
    .b-list-sales li {
        margin-left: 0;
        margin-right: 0;
    }
    .sale-data-form {
        margin-right: 5px;
    }
    .width-sale-data-form .bootstrap-select {
        width: 110px !important;
    }
    .form-information-indent {
        margin-right: 0;
    }
    .width-form-i .btn-group.bootstrap-select {
        width: 200px;
    }
    .form-information-two .btn-group.bootstrap-select {
        width: 200px;
    }
}

@media screen and (max-width: 640px) {
    #hero-slide .item {
        height: 200px;
        min-height: 200px;
    }
}

@media screen and (max-width: 767px) {
    .container {
        position: relative;
        overflow: hidden;
    }
    .b-form-group-title-2 {
        margin-left: 6px;
    }
    .viewed-factsheets {
        margin: 0 0px 15px 0px;
    }
    .viewed-factsheets:nth-child(n) {
        margin: 0 0px 15px 0px;
    }
    .viewed-factsheets:nth-child(n) {
        margin: 0 0px 15px 0px;
    }
    .viewed-factsheets:nth-child(n) {
        margin: 0 0px 15px 0px;
    }
    .tree {
        padding-left: 0px;
    }
    .item-block {
        display: none;
    }
    .footer-title-hide,
    .footer-title-social-hide {
        display: none;
    }
    .footer-learning-hide {
        display: none;
    }
    .footer-top-stick {
        display: none;
    }
    .footer-title {
        padding-top: 19px;
        padding-bottom: 0px;
    }
    .footer-nav ul {
        margin: 5px 0 0 0;
        border-bottom: 1px solid #A5A5A5;
        padding: 0px 0 20px 0px;
    }
    .footer-nav {
        padding-left: 20px;
    }
    .footer-top {
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 -15px;
    }
    .social {
        margin-top: 15px;
        text-align: center;
    }
    .copy {
        margin: 0 -15px;
    }
    .copy p {
        float: none;
        padding: 0;
        text-align: center;
    }
    .albums {
        padding: 0 15px;
        width: 100%;
    }
    .albums-list {}
    .albums-list li {
        display: block;
        margin: 0 0 10px;
        max-width: 100%;
        width: 100%;
        position: relative;
    }
    .albums-list li a {
        display: block;
    }
    .albums-list li img {
        margin: 0 auto;
        width: 100%;
    }
    .albums-list li span {
        background: rgb(0, 0, 0) none repeat scroll 0 0;
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        bottom: 0;
        color: #ffffff;
        display: block;
        font-size: 16px;
        height: 49px;
        left: 0;
        line-height: 20px;
        max-width: 100%;
        padding: 13px 15px;
        position: absolute;
        right: 0;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-weight: bold;
    }
    .block-indentation {
        padding-left: 20px;
        padding-right: 20px;
    }
    .box-text,
    .sponsors {
        margin: 0;
        padding: 0;
    }
    .footer-title {
        padding-left: 6px;
    }
    .footer-nav {
        padding-left: 6px;
    }
    .block-indentation {
        margin-bottom: 39px;
        padding-bottom: 0;
    }
    .box-calendar {
        margin-left: 6px;
        border: none;
        box-shadow: none;
        margin-bottom: 0px !important;
        background: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: -webkit-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: linear-gradient(to bottom, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    }
    .contact-us-hide {
        display: none;
    }
    .box-calendar-show {
        display: block !important;
    }
    .box-calendar h2 {
        padding-top: 28px;
        margin-top: 0;
    }
    .gallery-block-signature-image {
        font-size: 16px;
        height: 49px;
        line-height: 49px;
        padding-left: 0;
        text-align: center;
    }
    .gallery-block-show {
        display: block;
        margin-top: 10px;
    }
    .h-nav-hide,
    .stick {
        display: none;
    }
    .header {
        border-bottom: 4px solid #cab856;
        height: 55px;
    }
    .navbar-header {
        float: right;
    }
    .logo {
        display: none;
    }
    .logo-mobile {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -20px;
    }
    .logo-mobile img {
        width: 41px;
        height: 40px;
        margin-top: 5px;
    }
    .logo-mobile-2 {
        display: block;
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -22px;
        width: 44px;
        height: 41px;
    }
    .logo-mobile-2 img {
        display: block;
    }
    .logo-mobile-3 {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -62px;
    }
    .logo-mobile-3 img {
        width: 124px;
        height: 32px;
        margin-top: 10px;
    }
    .enter-the-site {
        display: block;
        margin-top: 14px;
        margin-left: 0;
        float: left;
    }
    .enter-the-site a {
        color: #333333;
        display: block;
        float: none;
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        font-size: 13px;
        line-height: 21px;
        margin: 0 0 0 -3px;
    }
    .enter-the-site a i {
        margin: -2px 6px 0 0;
    }
    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: none !important;
    }
    .navbar-toggle {
        margin: 0;
        padding: 0;
    }
    .navbar-toggle img {
        width: 20px;
        height: 20px;
        margin-left: -8px;
        margin-top: -8px;
    }
    .navbar-toggle .icon-bar {
        background: #333333;
    }
    .navbar-collapse {
        position: relative;
        z-index: 100;
        background: #EEEEEE;
    }
    .carousel {
        position: relative;
        z-index: 99;
    }
    .ic-arrow-down {
        width: 10px;
        height: 7px;
        background: url(img/ic-down.jpg) no-repeat;
    }
    .gallery {
        padding-left: 15px;
        padding-right: 15px;
        background: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: -webkit-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: linear-gradient(to bottom, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    }
    .gallery h2 {
        padding-top: 29px;
    }
    .sponsors h2 {
        padding-top: 24px;
        margin-top: 0;
    }
    .sponsors {
        padding-left: 15px;
        padding-right: 15px;
        background: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: -webkit-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: linear-gradient(to bottom, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    }
    .box-text {
        border-bottom: none;
        margin-bottom: 8px;
        border-top: none !important;
    }
    .box-calendar {
        padding-right: 15px;
    }
    .box-text h2 {
        padding-top: 24px;
    }
    .box-text,
    .sponsors {
        padding-left: 15px;
        padding-right: 15px;
        background: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: -webkit-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: linear-gradient(to bottom, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    }
    .news {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }
    .news-article img {
        max-width: 100%;
        width: 100%;
    }
    .box-calendar-show-2 {
        display: none;
    }
    .dzscalendar.skin-lions-square .week-day.odd {
        background: none !important;
    }
    .dzscalendar.skin-lions-square .curr-date {
        background: none !important;
    }
    .dzscalendar.skin-lions-square {
        background: none !important;
    }
    .dzscalendar.skin-lions-square .week-day {
        background: none !important;
    }
    .mon-head {
        background: none !important;
    }
    .dzscalendar.skin-lions-square .week-day {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .dzscalendar.skin-lions-square .mon-head .week-day {
        border: none !important;
    }
    .dzscalendar.skin-lions-square .week-day.odd {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    .dzscalendar.skin-lions-square .week-day.odd:last-child {
        border-right: none !important;
    }
    .dzscalendar.skin-lions-square .week-day:last-child {
        border-right: none !important;
    }
    #event_calendar_4 {
        width: 100%;
    }
    #event_calendar_4.skin-lions-square .calendar-controls {
        right: 0;
    }
    .calendar-round {
        position: inherit;
        top: 0;
        margin-left: 7px;
    }
    .calendar-events h3 {
        margin-top: 5px;
    }
    .btn-success {
        background: transparent !important;
        border: none !important;
    }
    .btn-default,
    .btn-primary,
    .btn-success,
    .btn-info,
    .btn-warning,
    .btn-danger {
        box-shadow: none !important;
    }
    .collapsed {
        padding-bottom: 10px !important;
    }
    .block-indentation {
        padding: 0;
        margin: 0;
    }
    .news {
        padding: 0 15px;
    }
    .box-calendar {
        margin: 0;
        padding: 0 15px;
    }
    .carousel {
        padding: 0;
    }
    .navbar-collapse {
        border-top: none;
    }
    .navbar-nav {
        margin: 0 -15px;
        font-size: 0;
        line-height: 0;
        border: none;
        position: relative;
        z-index: 102;
    }
    section.slider {
        position: relative;
        z-index: 9;
    }
    .navbar-nav a {
        display: block;
        width: 100%;
        background: #fff;
        border-bottom: 2px solid rgb(37, 76, 112);
        border-bottom: 2px solid rgba(37, 76, 112, 0.2);
        display: block;
        border-top: none;
        font-size: 16px;
        line-height: 47px;
    }
    .navbar-nav li {
        display: block;
        width: 100%;
        text-align: center;
    }
    .navbar-nav li.navbar-home,
    .navbar-nav li.navbar-search {
        display: inline-block;
        width: 50%;
    }
    .navbar-nav li.navbar-home a {
        border-right: 1px solid rgb(37, 76, 112);
        border-right: 1px solid rgba(37, 76, 112, 0.2);
    }
    .navbar-nav li.navbar-search a {
        border-left: 1px solid rgb(37, 76, 112);
        border-left: 1px solid rgba(37, 76, 112, 0.2);
    }
    .navbar-nav li.home {}
    .navbar-nav li:last-child a {
        border-bottom: 4px solid #254c70;
    }
    .block-indentation {
        margin: 0 -15px;
    }
    .block-indentation-right {
        /*margin: 0 -15px;*/
    }
    .footer {
        margin: 0;
    }
    .social {
        padding: 0;
    }
    .social a:hover {
        text-decoration: none;
    }
    .footer-nav {
        padding: 0;
    }
    .footer-title {
        padding: 19px 0 0 0;
    }
    .footer-nav ul li a {
        display: inline-block;
    }
    .copy-stick {
        margin: 0 15px;
    }
    .logo-2 {
        display: none;
    }
    .block-indent {
        margin: 0;
        padding: 0 6px;
    }
    .indent-right-news {
        /*float: right;*/
    }
    .block-indent-two {
        margin: 0;
        padding: 0 10px;
    }
    .b-picture {
        margin-right: 0px;
        padding-bottom: 16px;
        border-bottom: 0;
    }
    .pagination {
        padding-top: 22px;
    }
    .pagination>li>a,
    .pagination>li>span {
        padding: 4px 10px;
        margin: 0px 3px;
    }
    .b-news-all h4 {
        font-size: 16px;
        line-height: 22px;
        margin-left: 120px;
        height: 88px;
        overflow: hidden;
        overflow-wrap: normal;
        text-overflow: ellipsis;
    }
    .b-news-all-box p {
        display: none;
    }
    .b-news-all {
        margin-top: 25px;
    }
    .b-news-all img {
        max-width: 110px;
        height: auto;
    }
    .b-news p {
        display: none;
    }
    .b-news h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .b-picture h3 {
        font-size: 18px;
    }
    .block-indent-three {
        margin: 0;
        padding: 0 20px;
    }
    .indent-b {
        margin-right: 0;
    }
    .indent-btn {
        margin-right: 0;
    }
    .breadcrumb {
        font-size: 13px;
        margin-top: 13px;
        margin-bottom: 12px;
    }
    .breadcrumb>.active {
        white-space: nowrap;
        overflow: hidden;
        max-width: 70%;
        text-overflow: ellipsis;
    }
    .breadcrumb>li {
        vertical-align: top;
    }
    .b-link-button {
        margin-top: -10px;
    }
    .news-item h2 {
        font-size: 18px;
        line-height: 24px;
        margin-top: 25px;
    }
    .news-item {
        padding-bottom: 12px;
    }
    .b-news-item {
        padding-bottom: 3px;
    }
    .other-news h4 {
        margin-top: 14px;
    }
    .b-news-all-box {
        padding: 0 5px 0 0;
    }
    .box-topic-title {
        margin-left: 0;
    }
    .indent-bottom-box {
        margin-top: 21px;
    }
    .b-events-date-left {
        float: none;
        margin: 16px 20px 0 20px;
        border-bottom: 2px solid #7b7b7b;
        padding-bottom: 13px;
    }
    .b-upcoming-events {
        margin: 0 20px;
    }
    .block-time {
        width: 100%;
        float: none;
        background: url(img/ico_clock.png) no-repeat 0px 7px;
        padding-left: 35px;
    }
    .block-adress {
        width: 100%;
        float: none;
        border: none;
        background: url(img/ico_marker.png) no-repeat 0px 2px;
        padding-left: 35px;
        margin-top: 10px;
        padding-right: 10px;
    }
    .b-time-adress {
        margin: 0px 20px 0px 20px;
    }
    .b-events h2 {
        font-size: 28px;
        line-height: 35px;
        margin-top: 29px;
    }
    .upcoming-events p {
        height: 88px;
        overflow: auto;
    }
    .right-none {
        margin-right: 0px;
    }
    .box-topic-title {
        font-size: 16px;
        line-height: 24px;
        float: left;
        max-height: 95px;
        overflow: auto;
        overflow-y: hidden;
    }
    .upcoming-events-block {
        padding-right: 0px;
        margin-bottom: 32px;
        width: 100%;
    }
    .border-top-events {
        margin: 4px 20px 0 20px;
        border-bottom: 2px solid #7b7b7b;
        padding-bottom: 22px;
        width: inherit;
    }
    .b-news-events {
        margin-bottom: 0;
    }
    .indent-botton-topic {
        margin-bottom: 3px;
    }
    .b-show-reports {
        margin-right: 0;
    }
    .show-reports-date {
        padding: 15px 10px 15px 0px;
        font-size: 13px;
        line-height: 22px;
    }
    .show-reports-text {
        padding: 15px 0px 15px 10px;
        font-size: 14px;
    }
    .b-reports a:nth-child(2n+1) {
        display: block;
        background: #eeeeee;
    }
    .indent-top-reports {
        margin-top: 25px;
    }
    .b-show-reports {
        border: none;
        margin-bottom: 35px;
        padding: 0 10px;
    }
    .event-gallery h4 {
        font-size: 16px;
        line-height: 22px;
        margin-left: 110px;
    }
    .b-event-gallery h3 {
        margin-top: 0;
        padding-top: 22px;
    }
    .b-event-gallery {
        margin-right: 0;
        padding: 0 20px;
        border: none;
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#03eeeeee', GradientType=0);
    }
    .b-rules {
        margin-right: 0;
        margin-bottom: 11px;
        padding: 0 20px;
        border: none;
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#03eeeeee', GradientType=0);
        /* IE6-9 */
    }
    .events {
        padding: 0 20px;
    }
    .calendar-events {
        margin-right: 0;
        margin-top: 0;
        border-bottom: 0;
        padding: 20px 20px 40px 20px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+50,eeeeee+51,eeeeee+100&1+0,0.01+100 */
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#03eeeeee', GradientType=0);
        /* IE6-9 */
    }
    .calendar-events h3 {
        left: 20px;
        top: 8px;
    }
    .b-rules h3 {
        margin-top: 0;
        padding-top: 22px;
    }
    .event-gallery {
        margin-bottom: 33px;
    }
    .position-img {
        /*display: table-cell !important;
        width: 180px;*/
        float: left;
    }
    .item-box {
        display: block;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 22px 33px 16px 19px;
    }
    .item-box-header {
        font-size: 27px;
        list-style: 33px;
        margin: 0;
        padding: 0;
    }
    .slide-indicators {
        bottom: -5px;
    }
    .padding-container {
        padding: 0;
    }
    .first-news {
        padding: 0 20px 10px 20px;
    }
    .all-b-latest-news {
        padding: 0 20px;
        border: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+50,eeeeee+51,eeeeee+100&1+0,0.01+100 */
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#03eeeeee', GradientType=0);
        /* IE6-9 */
    }
    .all-b-latest-news h3 {
        margin-top: 0;
        padding-top: 19px;
    }
    .b-latest-results {
        padding: 0 20px;
        margin-right: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+50,eeeeee+51,eeeeee+100&1+0,0.01+100 */
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#03eeeeee', GradientType=0);
        /* IE6-9 */
    }
    .b-latest-results h3 {
        margin-top: 0;
        padding-top: 25px;
    }
    .latest-results a {
        background: transparent !important;
        border-top: 1px solid #c3c3c3;
    }
    .latest-results a:last-child {
        border-bottom: 1px solid #c3c3c3;
    }
    .show-results:hover {
        background: transparent !important;
        color: #264c70;
    }
    .show-reports {
        padding: 4px 10px;
    }
    .show-results-text {
        padding: 12px 0px 12px 0px;
        font-size: 13px;
        font-family: 'Lato', sans-serif;
        font-weight: bold;
    }
    .show-results-date {
        padding-right: 0;
        padding: 0px 0px 12px 0px;
    }
    .top-btn {
        margin: 15px 0 0 0;
    }
    .calendar-events-indent {
        padding-bottom: 29px;
    }
    .latest-news p {
        display: block;
        margin-left: 0;
        clear: both;
    }
    .latest-news img {
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
        margin-bottom: 10px;
    }
    .b-latest-news {
        margin-top: 10px;
    }
    .btn-latest {
        float: left;
        margin-left: 0;
    }
    .indent-latest-news {
        padding-bottom: 17px;
    }
    .b-latest-news:last-child {
        border-bottom: 2px solid #7b7b7b;
        padding-bottom: 19px;
    }
    .b-form-shear-two {
        width: 100%;
        background: #264C70;
        position: relative;
        z-index: 5;
    }
    .dropdown-form {
        width: 100%;
    }
    .dropdown-out {
        width: 100%;
    }
    .width-search {
        width: 100% !important;
        height: 42px;
        border-radius: 2px;
    }
    .search-two {
        margin: 0px 0px 10px 0;
    }
    .btn-search-two {
        float: right;
        margin: 0 0 19px 0;
        padding: 0 32px 0 9px;
        background-position: 66px 8px;
    }
    .quick-search {
        text-align: left;
        position: relative;
        min-height: 72px;
    }
    .quick-search .dropdown-arrow {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 13px;
        right: 0;
    }
    .quick-search h3 {
        padding-top: 22px;
    }
    .dropdown-search-2 {
        margin-right: 0px;
    }
    .quick-search {
        padding-top: 0px;
    }
    .dropdown-search {
        margin: 0;
        width: 40px;
        height: 40px;
        background: url(img/img_2.jpg) no-repeat;
        margin-right: 0px;
        cursor: pointer;
        text-indent: -99999;
        display: block;
    }
    .b-data-information {
        padding: 0 20px 30px 20px;
    }
    .b-evaluation-dates {
        margin-right: 0;
        padding: 0 20px 45px 20px;
        background: -moz-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: -webkit-linear-gradient(top, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        background: linear-gradient(to bottom, #eeeeee 0%, #f6f6f6 8%, #f6f6f6 3%, #ffffff 15%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    }
    .title-icon h3 {
        margin-top: 20px;
    }
    .b-form-group-title {
        font-size: 18px;
        color: #ffffff;
        font-weight: 900;
        padding-top: 20px;
        padding-left: 20px;
    }
    .b-form-search-height {
        padding-left: 0;
    }
    .b-form-group {
        margin-left: 20px;
        position: relative;
        min-height: 68px;
    }
    .dropdown-arrow {
        position: absolute;
        right: 20px;
        top: 13px;
        width: 40px;
        height: 40px;
    }
    .form-group-width {
        width: 100%;
        margin-left: 20px;
        float: none;
    }
    .padding-form {
        padding-right: 40px;
        padding-left: 0px;
    }
    .form-group-mobile {
        width: 100%;
        position: relative;
        min-height: 68px;
        background: #264c70;
    }
    .b-data-information h2 {
        margin-top: 20px;
    }
    .b-data-information p {
        margin-top: 11px;
        margin-bottom: 19px;
    }
    .data-information-indent h2 {
        margin-top: 17px;
    }
    .data-information-indent p {
        margin-top: 9px;
        margin-bottom: 23px;
    }
    .data-information-indent p:last-child {
        margin-bottom: 5px;
    }
    .data-information-indent {
        padding: 0 20px 8px 20px;
    }
    .btn-search-indent {
        margin: 0px -20px 19px 0;
    }
    .btn-form-i-3 {
        margin: 0px 0px 0px 6px;
    }
    .padding-form-2 {
        padding-left: 20px;
        padding-bottom: 18px;
    }
    .btn-search-indent:hover {
        background-position: 66px 8px;
    }
    .all-b-animal-data {
        padding-bottom: 0px;
    }
    .block-indentation-bottom {
        padding-bottom: 0px;
    }
    .b-list-sales {
        margin: 43px 0 47px 0;
        padding: 0;
    }
    .b-list-sales li {
        margin: 0;
        width: 100%;
        border-top: 1px solid #d5d5d5;
        height: 67px;
    }
    .b-list-sales li:last-child {
        border-bottom: 1px solid #d5d5d5;
    }
    .b-list-sales li h4 {
        position: relative;
        margin-left: 78px;
        text-align: left;
    }
    .list-sales-img span {
        display: block;
        width: 67px;
        height: 67px;
        vertical-align: middle;
        display: table-cell;
    }
    .list-sales-img {
        width: auto;
        float: left;
        position: relative;
    }
    .list-sales-img-1 img {
        width: 47px;
        height: 32px;
    }
    .list-sales-img-2 img {
        width: 49px;
        height: 32px;
    }
    .list-sales-img-3 img {
        width: 39px;
        height: 39px;
    }
    .block-sales {
        padding: 3px 0px 45px 0px;
        background: none;
    }
    .b-upcoming-sales h3 {
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 15px;
    }
    .upcoming-sales-right {
        margin-left: 67px;
        padding-left: 10px;
    }
    .upcoming-sales {
        border-bottom: 1px solid #EAEAEA;
        padding-bottom: 13px;
        margin-bottom: 24px;
        max-width: 100%;
    }
    .btn-upcoming-sales {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .b-advertise-animals {
        padding: 0;
        background: none;
        margin-bottom: 35px;
    }
    .advertise-animals-left img {
        width: 100%;
        height: auto;
    }
    .advertise-animals-left {
        max-width: 100%;
        width: auto;
        float: none;
    }
    .advertise-animals-right {
        margin-left: 0;
        padding: 0 20px;
    }
    .advertise-animals-right h3 {
        margin-top: 23px;
        font-size: 22px;
        line-height: 27px;
    }
    .sale-reports-left {
        padding-left: 10px;
        color: #333333;
        position: relative;
    }
    .sale-reports-right {
        float: none;
        position: relative;
        margin-left: 73px;
        padding-left: 10px;
    }
    .sale-data-form-2 {
        width: 69px !important;
        display: inline-block !important;
    }
    .all-b-sale-reports {
        margin: 0 -15px;
    }
    .sale-data-form {
        margin-right: 3px;
    }
    .b-sale-reports,
    .b-upcoming-sales {
        padding: 0 20px;
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#03eeeeee', GradientType=0);
    }
    .b-upcoming-sales {
        padding: 0 20px 30px 20px;
    }
    .b-sale-reports {
        max-width: 100%;
    }
    .all-b-ancestry {
        padding-left: 0;
    }
    .first-table-block {
        width: 280px;
        height: 218px;
    }
    .table-block-title {
        font-size: 16px;
        line-height: 22px;
        padding: 11px 0 0 14px;
    }
    .table-block-right {
        float: none;
        margin: 6px 17px 0 15px;
    }
    .block-left-number {
        margin-top: 8px;
    }
    .block-left-currency {
        margin-bottom: 5px;
    }
    .table-block-indent {
        margin-bottom: 0px;
    }
    .block-left-interest {
        width: 47%;
        text-align: left;
    }
    .interest-indent {
        width: 40%;
    }
    .four-table-block {
        width: 136px;
        height: 123px;
        position: relative;
        z-index: 2;
    }
    .table-block-title-four {
        font-size: 14px;
        padding: 5px 5px 0 11px;
    }
    .all-tree-2 {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .tree-2 {
        margin-top: 0;
        padding-top: 5px;
        padding-bottom: 61px;
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#03eeeeee', GradientType=0);
    }
    .table-block-btn {
        width: 113px;
        height: 31px;
        line-height: 31px;
        font-size: 10px;
        line-height: 24px;
        padding: 0;
        position: absolute;
        left: 11px;
        right: 0;
        bottom: -28px;
        z-index: 1;
    }
    .four-table-b {
        width: 135px;
        position: relative;
    }
    .tree-2 ul {
        text-align: center;
        display: inline-block;
    }
    .tree-2 li {
        float: none;
        text-align: center;
        list-style-type: none;
        position: relative;
        display: inline-block;
        padding: 20px 5px 0 5px;
        vertical-align: top;
    }
    .tree-2 li::before,
    .tree-2 li::after {
        right: 52%;
    }
    .b-indent-table {
        padding: 0 5px 29px 5px;
    }
    .table-results {
        margin-top: 12px;
        font-size: 14px;
    }
    .item-page {
        margin-top: 10px;
    }
    .item-page-two .bootstrap-select {
        width: 60px !important;
    }
    .list-of-text {
        margin: 0 0px 0px 0;
    }
    .img_gender-1-1 {
        background-image: url(img/im_1.png);
        background-repeat: no-repeat;
        background-position: 243px 169px;
        height: 100%;
    }
    .img_gender-7-1 {
        background-image: url(img/im_3.png);
        background-repeat: no-repeat;
        background-position: 111px 91px;
        height: 100%;
    }
    .img_gender-8-1 {
        background-image: url(img/im_4.png);
        background-repeat: no-repeat;
        background-position: 107px 93px;
        height: 100%;
    }
    .b-form-search-3 {
        padding-left: 10px;
    }
    .b-advertise-animals-two .advertise-animals-right {
        padding: 0;
    }
    .all-b-sale-reports-two {
        padding: 0 20px;
    }
    .left-right-factsheet {
        margin: 0 -15px;
        padding: 0 20px;
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.51) 10%, rgba(238, 238, 238, 0.5) 10%, rgba(238, 238, 238, 0.01) 20%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#03eeeeee', GradientType=0);
    }
    .left-b-factsheet h3 {
        padding-top: 17px;
        margin-top: 0;
    }
    .list-b-factsheet {
        margin: 13px 0 26px 0;
    }
    .sire-animal p {
        padding: 6px 5px 0 11px;
    }
    .sire-animal {
        width: auto;
        max-width: 100%;
    }
    .indent-box-46 {
        margin: 0 5px;
    }
    .fond-sire-animal {
        background: url(img/im_4.png) no-repeat right bottom;
        height: 95%;
        margin: 0px 5px 0px 0;
    }
    .fond-sire-animal-2 {
        background: url(img/im_3.png) no-repeat right bottom;
        height: 95%;
        margin: 0px 5px 0px 0;
    }
    .table-group-mobile {
        min-height: 48px;
        border-left: 1px solid #7b7b7b;
        border-right: 1px solid #7b7b7b;
        border-bottom: 0;
        margin-bottom: 20px;
    }
    .table-group-title-3 {
        font-size: 16px;
        padding-left: 11px;
        padding-top: 0px;
        line-height: 48px;
    }
    .dropdown-search-3 {
        margin: 0;
        width: 27px;
        height: 27px;
        background: url(img/img_7.png) no-repeat;
        margin-right: 0px;
        cursor: pointer;
        text-indent: -99999;
        display: block;
    }
    .dropdown-search-4 {
        margin: 0;
        width: 27px;
        height: 27px;
        background: url(img/img_77.png) no-repeat;
        margin-right: 0px;
        cursor: pointer;
        text-indent: -99999;
        display: block;
    }
    .dropdown-arrow-3 {
        position: absolute;
        right: 12px;
        top: 11px;
        width: 27px;
        height: 27px;
    }
    .gh {
        width: 100%;
        height: 200px;
        background: #000;
    }
    .table-1 tr {
        background: #ffffff !important;
        border-bottom: 2px solid #979797;
        border-left: 0px;
        border-right: 0px;
    }
    .table-1 tr:last-child {
        border-bottom: 1px solid #979797;
    }
    .table-1 {
        margin-bottom: 0px;
    }
    .width-form-i {
        width: 100%;
    }
    .form-information {
        width: 100%;
    }
    .inimal-btn-indent {
        padding-top: 0;
        float: right;
        margin-right: -5px;
    }
    .padding-form-4 {
        padding-right: 26px;
        padding-bottom: 0;
    }
    .table-proof {
        background: transparent;
    }
    .table-proof {
        margin: 0;
    }
    .table-proof>tbody>tr>td,
    .table-proof>tbody>tr>th {
        height: 33px;
        line-height: 33px;
        padding: 0 12px 0 12px;
        border-top: 1px solid #979797;
        border-bottom: 1px solid #979797;
    }
    .table-proof>tbody>tr:last-child {
        border-bottom: 0;
    }
    .table-proof>tbody>tr>th {
        background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
        background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
        background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0.98) 50%, rgba(247, 247, 247, 0.98) 51%, rgba(236, 236, 236, 0.98) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f7f7f7', GradientType=0);
    }
    .table-proof>tbody>tr>td {
        background: #ffffff;
    }
    .table-trait {
        background: #ffffff;
        margin: 0;
        border: 0;
    }
    .table-trait>tbody>tr>td,
    .table-trait>tbody>tr>th {
        height: 33px;
        line-height: 33px;
        padding: 0 7px 0 7px;
        border: 1px solid #979797;
    }
    .table-trait>tbody>tr>td:first-child {
        width: 50%;
        border-left: 0;
    }
    .table-trait>tbody>tr>td:last-child {
        width: 10% !important;
        border-right: 0;
    }
    .text-width-2 .text-width-left-2 {
        text-align: left;
        padding-left: 0px;
    }
    .text-width-2 .text-width-right-2 {
        text-align: right;
        padding-right: 0px;
    }
    .text-width-2 span {
        display: block;
        float: left;
        width: 14.28%;
        text-align: center;
    }
    .table-group-title-3 span {
        float: right;
        width: 50%;
        padding-left: 6px;
    }
    .table-type-proof {
        background: #ffffff;
        margin: 0;
    }
    .table-type-proof>tbody>tr>td {
        border-top: 1px solid #979797;
        border-bottom: 1px solid #979797;
        border-left: 0;
        border-right: 0;
    }
    .animal-table>thead>tr>th:nth-child(2) {
        padding: 0 0 0 85px;
    }
    .animal-table>tbody>tr>td,
    .table>tbody>tr>td.active {
        padding-left: 80px;
    }
    .table-diagram>tbody>tr>td.bn:nth-last-child(-n+1) {
        width: 1%;
        display: block !important;
    }
    .text-width-2 span {
        display: block;
        float: left;
        width: 14.28%;
        text-align: center;
    }
    .text-width-2 .text-width-left-2 {
        text-align: left;
        padding-left: 12px;
    }
    .text-width-2 .text-width-right-2 {
        text-align: right;
        padding-right: 12px;
    }
    .table-diagram-how {
        box-sizing: border-box;
        background: #fff;
        border-left: 0;
        border-right: 0;
        margin: 0;
        padding: 0;
    }
    .table-diagram-how>tbody>tr>td {
        height: 32px;
        border: 1px solid #7b7b7b;
    }
    .table-diagram-how>tbody>tr>td:first-child {
        width: 50%;
    }
    .table-diagram-how>tbody>tr>td.table_img_down {
        width: 10% !important;
        max-width: 48px !important;
        padding: 0;
        margin: 0;
    }
    .table-diagram-how>tbody>tr>td.table_img_down .img_down {
        height: 36px;
        padding: 0;
        margin: 0;
        background: url(img/im44.png) no-repeat 50% 50%;
    }
    .table-diagram-how>tbody>tr>td.table_img_down .img_down-2 {
        width: 100% !IMPORTANT;
        background-image: url(img/im4.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #eeeeee;
        padding: 0;
        margin: 0;
    }
    .table-diagram-how>tbody>tr.table-b-show {
        display: none;
        background-color: #eeeeee;
    }
    .table-diagram-how>tbody>tr>td:last-child {
        border-right: 0;
    }
    .table-diagram-how>tbody>tr>td:first-child {
        border-left: 0;
        padding: 0 0 0 12px;
        vertical-align: middle;
    }
    .table-diagram-how>tbody>tr>td.color-width:last-child {
        padding: 0;
        vertical-align: middle;
    }
    .breadcrumb-mobile li:first-child {
        display: none;
    }
    .breadcrumb>li+li:nth-child(2):before {
        background: url("img/4.png") no-repeat scroll 0 0;
    }
    .bootstrap-select.form-control:not([class*=col-]) {
        width: 100% !important;
    }
    .bootstrap-select {
        width: 100% !important;
    }
    .form-information-indent.form-group .bootstrap-select.btn-group,
    .form-information-indent.form-horizontal .bootstrap-select.btn-group,
    .form-information-indent.form-inline .bootstrap-select.btn-group {
        width: 100% !important;
    }
}

@media screen and (max-width: 640px) {
    .sale-data-form-2 {
        display: none !important;
    }
    .sale-form-show {
        display: inline-block !important;
    }
}

@media screen and (max-width: 559px) {
    .bulls-sale-img {
        float: none;
    }
    .bulls-sale-right-box {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media screen and (max-width: 420px) {

    .b-s-list-item-prop-block>div:first-child
    {
        font-size:12px !important;
    }

 .animal-detail-view .b-s-multi-animal-list {
        border-bottom: solid 1px rgb(203, 203, 203);
        margin-top:15px;
    }

    header>h1 {
        font-size: 22px !important;
    }
    .upcoming-events-img img {
        max-width: 120px;
        height: auto;
        margin-right: 10px;
        height: auto !important;
    }
    .event-gallery img {
        max-width: 64px;
        height: auto;
    }
    .event-gallery h4 {
        font-size: 16px;
        line-height: 22px;
        margin-left: 72px;
    }
    .position-img {
        width: 130px;
    }
    .sale-form-show {
        display: none !important;
    }
    .sale-data-form-2 {
        display: inline-block !important;
    }
    .archive-list-header {
        float: left !important;
        margin-top: 0 !important;
    }
    .btn-pdf {
        padding-left: 14px !important;
    }
}

@media screen and (max-width: 360px) {
    .sale-data-form {
        margin-right: 32px;
    }
}

@media screen and (max-width: 340px) {
    .animal-table>tbody>tr>td,
    .table>tbody>tr>td.active {
        padding-left: 30px;
    }
    .animal-table>thead>tr>th:nth-child(2) {
        padding: 0 0 0 35px;
    }
}

@media screen and (max-width: 440px) {
    .sale-data-form {
        margin-right: 12px;
    }
}

.tooltip {
    z-index: 99999;
}

.tooltip-inner {
    max-width: 302px;
    background: #FFFFFF;
    border: 1px solid #7B7B7B;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.50);
    border-radius: 7px;
    color: #333333;
    font-size: 12px;
    line-height: 18px;
    box-sizing: border-box;
    padding: 19px 18px;
    opacity: 1;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}


/*
	Custom added
*/

.top-nav {
    border-bottom: 2px solid #264c70;
    border-top: 2px solid #cab856;
    margin-top: 0;
    background-color: #fff;
    z-index: 16;
}


/*Search Form*/

.btn-close {
    color: #264c70;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
}

.btn-close:hover {
    opacity: 0.9;
    text-decoration: none;
}

.btn-close i {
    margin: -4px 0 0 8px;
}

.ico-close {
    width: 19px;
    height: 19px;
    background: url("img/ico_close.png");
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.search-from {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 1px;
    padding-top: 22px;
    padding-right: 275px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 75%;
    display: none;
}

.search-from .input-group {
    width: 470px;
    float: right;
}

.search-from .btn-close {
    top: 31px;
    position: absolute;
    right: 150px;
}

.search-from .form-control {
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    background-color: #fff;
    font-size: 15px;
    line-height: 21px;
    font-family: "Lato", Arial, sans-serif;
    color: #333;
    height: 36px;
    padding: 0 10px;
    box-shadow: 0 0 0;
}

.search-from .form-control:focus {
    border-color: #264C70;
    box-shadow: 0 0 0;
}

.search-from .btn-default {
    padding: 0 15px;
    height: 36px;
    border-color: #ccc;
}

.search-from .btn-default:hover {
    background-color: #fff;
}

@media (max-width: 767px) {
    .search-from {
        width: 100%;
        left: 0;
        padding-right: 0;
        padding-top: 8px;
        z-index: 1000;
    }
    .gsc-clear-button,
    .search-from .btn-close {
        display: none;
    }
}

.layout-before-content-breadcrumbs>.breadcrumb {
    margin-bottom: 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    width: auto !important;
    height: 29px !important;
}

.gsib_a {
    /*padding: 0px 6px 0 !important;*/
}

.gsc-input-box {
    height: 30px !important;
}


/*temp fix font-face xs tree version*/


/*@media (max-width: 767px) {
    .tree {
        zoom: 40%;
    }
}*/

.first-table-block .table-block-title a {
    color: #fff;
}

@media (max-width: 640px) {
    .zoomMinimal {
        zoom: 1%;
    }
}

.btn-pdf {
    z-index: 102;
    background: white url(img/pdf.png) no-repeat;
    background-size: 15px auto;
    background-position: 5px center;
    padding-left: 35px;
    position: relative;
}

.btn-pdf:hover {
    background-position: 5px center !important;
}

.image-gallery img {
    height: 120px;
}

.image-gallery .gallery-item {
    width: 120px;
    height: 120px;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}


/*.gsc-control-wrapper-cse{
    visibility: visible !important;
}
.gsc-search-box.gsc-search-box-tools{
    display: block !important;
}*/


/**
 * Minimalist theme
 *
 */


/* Slight reset to make the preview have ample padding. */

.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 1em;
    width: auto;
}

.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
    width: 100%;
}

.cse .gsc-branding,
.gsc-branding {
    display: none;
}


/* Selector for entire element. */

.cse .gsc-control-cse,
.gsc-control-cse {
    font-family: Arial, sans-serif;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.gsc-control-cse .gsc-table-result {
    font-family: Arial, sans-serif;
}

.cse .gsc-control-cse:after,
.gsc-control-cse:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Search form */

.cse form.gsc-search-box,
form.gsc-search-box {
    padding: 8px 4px 2px 6px;
    margin-bottom: 6px;
}

.cse .gsc-branding-text,
.gsc-branding-text {
    color: #000000;
}


/**
 * Table cell containing the search input.
 * 12 pixels added to account for the horizontal padding on the input.
 */

.cse table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input {
    padding-right: 12px;
}

.cse .gsc-search-box,
.gsc-search-box {
    border-collapse: collapse;
}


/* Search input */

.cse input.gsc-input,
input.gsc-input {
    font-family: inherit;
    border: 1px solid #BBB;
    padding: 3px 6px;
    width: 99%;
    font-size: 16px;
}


/* Search button */

.cse input.gsc-search-button,
input.gsc-search-button {
    font-family: inherit;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    padding: 0 8px;
    height: 27px;
    min-width: 54px;
    background-color: #333333;
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/* Base tab selector styles */

.cse .gsc-tabHeader,
.gsc-tabHeader {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 8px 0 8px;
}


/* Inactive tab */

.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
    background-color: #777777;
    border: 1px solid;
    border-color: #777777;
    border-bottom: none;
    color: #ffffff;
}


/* Active tab */

.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
    background-color: #333333;
    border: 1px solid;
    border-color: #333333;
    border-bottom: none;
    color: #ffffff;
}


/* This is the tab bar bottom border. */

.cse .gsc-tabsArea,
.gsc-tabsArea {
    margin-top: 1em;
    border-bottom: 1px solid #333333;
    padding: 0;
}


/* Inactive refinement */

.cse .gsc-refinementHeader.gsc-refinementhInactive,
.gsc-refinementHeader.gsc-refinementhInactive {
    color: #444444;
}

.cse .gsc-resultsHeader,
.gsc-resultsHeader {
    margin: 0;
    border: block;
}


/* Wrapper for all results */

.cse .gsc-results,
.gsc-results {
    width: 100%;
    margin-top: 1em;
}


/* Uber-wrapper for a result. Add padding to elements within a result block */

.cse .gs-result div.gs-title,
div.gs-title,
.cse .gs-result .gs-snippet,
.gs-result .gs-snippet,
.cse .gs-result .gs-visibleUrl,
.gs-result .gs-visibleUrl,
.cse .gs-spelling,
.gs-spelling {
    padding: 0;
}


/* Font size */

.cse .gs-result .gs-snippet,
.gs-result .gs-snippet,
.cse .gs-spelling-original,
.gs-spelling-original {
    font-size: 14px;
    line-height: 18px;
}


/* Inner wrapper for a result */

.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-classic,
.gsc-imageResult-column {
    padding: 0 0 0 .5em;
    border-left: 1px solid;
    border-color: #ffffff;
    border-bottom: 0px solid;
    margin-bottom: 1em;
}


/* Result hover event styling */

.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
    border-left: 1px solid;
    border-color: #000000;
    border-bottom: 0px solid;
}


/* Set link colors. */

.cse .gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link,
.cse .gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link b,
.cse .gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited,
.cse .gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:visited b,
.cse .gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover,
.cse .gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse .gsc-trailing-more-results:link,
.gsc-trailing-more-results:link,
.cse .gs-spelling a,
.gs-spelling a {
    color: #444444;
}

.cse .gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active,
.cse .gs-webResult.gs-result a.gs-title:active b,
.gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b {
    color: #777777;
}


/* Snippet text color */

.cse .gs-webResult .gs-snippet,
.gs-webResult .gs-snippet,
.gs-fileFormatType,
.gs-imageResult .gs-snippet {
    color: #333333;
}


/* Size text color */

.gs-imageResult .gs-size,
.gs-imageResult .gs-size {
    color: #333333;
}


/* URL text color */

.cse .gs-webResult .gs-visibleUrl,
.gs-webResult .gs-visibleUrl,
.cse .gs-webResult .gs-visibleUrl-short,
.gs-webResult .gs-visibleUrl-short,
.gs-imageResult .gs-visibleUrl,
.gs-imageResult .gs-visibleUrl-short {
    color: #000000;
    font-weight: bold;
}


/* Pagination container centered */

.cse .gsc-cursor-box,
.gsc-cursor-box {
    border-top: 1px dotted;
    border-color: #333333;
    padding: .5em 0 0 .5em;
    text-align: left;
}


/* Selected pagination */

.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page,
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    color: #fff;
    background-color: #333333;
    text-shadow: 0 1px 1px #000;
    padding: 0 5px;
}


/*Promotion Settings*/


/* The entire promo */

.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
    background-color: #E6E6E6;
    border-color: #CCCCCC;
}


/* Promotion links */

.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
    color: #0000CC;
}

.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
    color: #0000CC;
}

.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
    color: #444444;
}

.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
    color: #00CC00;
}


/* Promotion snippet */

.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
    color: #333333;
}


/* Promotion url */

.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
    color: #00CC00;
}


/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */

.gsc-completion-selected {
    background: #eee;
}

.gsc-completion-container {
    font-family: Arial, sans-serif;
    font-size: 16px;
    background: white;
    border: 1px solid #BBB;
    margin-left: 0;
    margin-right: 0;
    /* The top, left, and width are set in JavaScript. */
}

.gsc-completion-title {
    color: #0000CC;
}

.gsc-completion-snippet {
    color: #333333;
}


/* Full URL */

.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
    display: none;
}

.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
    display: block;
}

.gsc-rating-bar {
    display: inline-block;
    width: 54px;
    height: 10px;
    background: transparent url(/cse/images/cse_snippets_stars.png) -52px -52px no-repeat;
    margin: 3px 0 0 0;
}

.gsc-rating-bar span {
    display: inline-block;
    height: 10px;
    background: transparent url(/cse/images/cse_snippets_stars.png) 0 -52px no-repeat;
    padding: 4px 0 0 0;
}

.gsc-reviewer {
    color: #222;
}

.gsc-author {
    color: #222;
}

.gsc-table-cell-thumbnail,
.gs-promotion-image-cell {
    padding: 0 0 0 6px;
}

.gsc-option-menu-item-highlighted {
    background-color: #eee;
}


/* Facet box css */

.gsc-context-box {
    font-size: 83%;
    margin-top: 3px;
    border-collapse: collapse;
}

.gsc-context-box .gsc-col {
    padding: 1px 0;
    white-space: nowrap;
    vertical-align: middle;
}

.gsc-context-box .gsc-facet-label {
    width: 65px;
    padding-left: 2px;
    text-decoration: underline;
    color: #333333;
    cursor: pointer;
}

.gsc-context-box .gsc-chart {
    width: 32em;
    padding: 3px;
    border-left: 1px solid #777777;
    border-right: 1px solid #777777;
}

.gsc-context-box .gsc-top {
    border-top: 1px solid #777777;
}

.gsc-context-box .gsc-bottom {
    border-bottom: 1px solid #777777;
}

.gsc-context-box .gsc-chart div {
    background: #777777;
    height: 9px;
}

.gsc-context-box .gsc-facet-result {
    color: #333333;
    width: 30px;
    text-align: right;
    padding-right: 5px;
}


/* Universal one box css. */

.gsc-usr-group-thumbnail {
    display: inline-block;
    max-width: 72px;
    max-height: 72px;
}

.gsc-usr-group-thumbnail img {
    max-height: 72px;
    overflow: hidden;
}

.gs-webResult .gs-title .gs-title.gsc-usr-group-heading {
    color: #333333;
    cursor: pointer;
}

.gsc-usr-group {
    min-height: 100px;
    zoom: 1;
    display: block;
    line-height: 1.24;
    margin-top: -7px;
    margin-bottom: -7px;
    margin-left: 20px;
}

.gsc-usr-group-content {
    padding-top: 1px;
    padding-bottom: 3px;
}

.gsc-usr-group-content-thumbnail {
    display: inline-block;
    vertical-align: top;
}

.gsc-usr-group-head-result {
    display: inline-block;
    padding-left: 6px;
}

.gsc-usr-group-snippet {
    width: 100%;
    height: 3.6em;
    overflow: hidden;
}

.gsc-usr-group-content-results {
    font-size: 12px;
    padding-left: 1px;
    width: 80%;
    padding-top: 7px;
}

.gsc-usr-group-head-results {
    display: inline-block;
    font-size: 13px;
    padding-left: 6px;
    width: 80%;
}

.gs-webResult .gs-title .gs-title.gsc-usr-group-all-results {
    font-size: 11px;
    line-height: 10px;
}

.gs-webResult .gs-title .gs-title.gsc-usr-group-all-results b {
    font-size: 14px;
    font-weight: 600;
}

.gs-webResult .gs-title .gs-title.gsc-usr-group-heading b {
    color: #333333;
}

input.gsc-search-button {
    background: transparent url(http://holstein-uk.org/Themes/HUKTheme/Styles/img/ico_search_active.png) no-repeat !important;
    background-position: 19px !important;
    padding: 0 15px !important;
    height: 37px !important;
    margin-bottom: 1px !important;
    border-color: #ccc !important;
    color: transparent !important;
    display: inline-block !important;
}

.cse form.gsc-search-box,
form.gsc-search-box {
    padding-top: 1px !important;
}

.cse input.gsc-input,
input.gsc-input {
    padding: 6px 6px !important;
}

box td.gsc-input {
    padding-right: 0px !important;
}

input.gsc-input {
    float: right !important;
    width: 300px !important;
}

@media(max-width:767px) {
    input.gsc-input {
        width: 100% !important;
    }
}

.cse table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}

.searchresult .gsc-input input.gsc-input {
    width: 100% !important;
    float: left !important;
}

.cse form.gsc-search-box,
form.gsc-search-box {
    width: calc(100% + 25px) !important;
}

.gsc-table-cell-snippet-close {
    padding-left: 20px;
    font-family: 'lato';
}

.gsc-control-cse.gsc-control-cse-en {
    margin-left: -20px;
}

.gsc-control-cse.gsc-control-cse-en {
    background-color: #FFFFFF !important;
}

.archives-list li.active {
    font-weight: bold;
    font-size: 16px;
}

.archive-list-header {
    float: right;
    margin-top: -40px;
}

.sales-center-header {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px;
}

.sales-center-header h4 {
    font-weight: 900;
}

.sales-center-header img {
    height: 100px;
}

.sales-center-header .btn {
    min-width: 90px;
}

.sales-center-block {
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.5) 20%, rgba(238, 238, 238, 0.49) 31%, rgba(238, 238, 238, 0) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee', GradientType=0);
    margin-top: 25px;
    padding: 53px 35px 60px 35px;
}

.selectpicker {
    color: #5a5a5a;
}

.upcoming-sales-right.short-list p {
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: inherit;
    white-space: nowrap;
}

.sale-reports-left,
.upcoming-sales-left {
    text-transform: uppercase;
}

.animal-sales-list .b-s-left-block {
    max-height: 172px;
    overflow: hidden;
}

.orchard-layouts-root div[ng-app="holstein-upcoming-sales"]>div[ng-controller="UpcomingSalesController"] {
    margin-left: 15px;
}

.hidden-screen {
    /*display: none !important;*/
}

.sales-center-link {
    padding-top: 20px;
    font-weight: bold;
    text-decoration: underline;
}

.awardsDescription {
    padding-left: 5px;
    padding-right: 5px;
}

.clear-col-padding {
    padding: 0;
}

.animal-sales-list {
    font-family: Lato;
}

.bulls-sale-list-item {
    border: 1px solid rgb(203, 203, 203);
    width: 100%;
    margin-top: 20px;
}

.b-s-list-item-right-block,
.bulls-sale-list-item-count-block {
    background-color: rgb(242, 242, 242);
}

.bulls-sale-list-item-count-block h4 {
    font-weight: 900;
}

.bulls-sale-list-item-img {
    overflow: hidden;
    padding: 10px;
    max-height:150px;
    margin-bottom:10px;
    padding-bottom:0px;
}

.b-s-left-list-item-block p {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 2px;
}

.b-s-left-list-item-block h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: rgb(38, 76, 112);
    margin: 0;
}

.b-s-left-list-item-block h4 span
{color:#333 !important; font-size:16px;}

.b-s-list-item-shortcontent {
    
    overflow: hidden;
}

.b-s-list-item-prop-block>div:first-child {
    font-family: Lato;
    color: rgba(51, 51, 51, 0.8);
    font-size: 14px;
    /* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    line-height: 21px;
    /* Приближение из-за подстановки шрифтов */
    text-align: left;
}

.b-s-list-item-right-block {
    text-align: center;
    border-top:1px solid #ccc;
}

.b-s-list-item-right-block a {
    bottom: 40%;
    position: absolute;
    right: 20%;
}



@media screen and (min-width: 720px) {

    .bulls-sale-list-item  {

    
}


 .detail-page .b-s-list-item-prop-block {
        width: 23%;
        display: inline-block;
        vertical-align:top;
    }

.f-wrap
{ flex-wrap: wrap;         
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    }


.b-s-list-item-right-block a
{position:static !important; }

    .bulls-sale-list-item-img {
       
    }
    .bulls-sale-list-item-img img {
        width: 100%;
    }
    .b-s-list-item-right-block,
    .bulls-sale-list-item-count-block {
        
        padding-top: 15px;
        text-align: center;
        padding-left:10px;
    }
    .bulls-sale-list-item-count-block h4 {
        text-align: center;
    }

    .bulls-sale-list-item:not(.embrio-sale-list-item) .b-s-list-item-prop-block {
        width: 23%;
        display: inline-block;
        vertical-align:top;
    }

    .block-view {display:block !important;}

    .b-s-multi-animal-list .bulls-sale-list-item-count-block {
        height: 79px;
    }
    .animal-detail-view .b-s-multi-animal-list {
        border-bottom: solid 1px rgb(203, 203, 203);
        margin-top:15px;
    }
    .report-aside-panel {
        margin-top: 105px;
    }
    .b-s-list-item-shortcontent.extend-content {
       /* max-height: 110px;*/
    }
    .bulls-sale-list-item>.b-s-left-list-item-block {
        padding-top: 10px;
        padding-left: 0px;
        padding-bottom:10px;
    
    }
}

@media screen and (min-width: 430px) and (max-width: 768px) {
    .report-aside-panel {
        margin-top: 5px !important;
    }

   .bulls-sale-list-item:not(.b-multi) .b-s-left-list-item-block
    {width:83.33333333% !important;}

 .bulls-sale-list-item .b-s-left-list-item-block
    {width:75% !important;}

     .b-s-multi-animal-list .b-s-left-list-item-block
     {width:90% !important;}
}

.btn-upcoming-sales-report
    {
        margin-top:10px !important;
    }

    .animal-list-info {
        margin-top: 10px;
        border-top: 1px dashed rgb(203, 203, 203);
        padding-top:10px;
    }

@media screen and (max-width: 420px) {

.b-s-multi-animal-list-item
{display:flex;}

    .bulls-sale-list-item-img {
        height: 140px;
    }
    .bulls-sale-list-item-img img {
        width: 100%;
    }
    .b-s-list-item-right-block {
        height: 80px;
    }
    .bulls-sale-list-item-count-block {
       
    }
    .b-s-list-item-prop-block {
        display: inline-block;
        padding-right: 10px;
        width: 48%;
        min-height: 45px;
        vertical-align: text-top;
        font-size: 12px;
        vertical-align:top;
    }
    .b-s-left-list-item-block h4 {
        font-size: 14px;
        line-height: 18px;
    }
    .all-b-sale-reports {
        margin-bottom: 10px;
    }
    .all-b-sale-reports h3 {
        font-size: 18px;
    }
    .bulls-sale-img {
        width: 100%;
    }
    .bulls-sale-img img {
        max-width: 100% !important;
        width: 100%;
    }
    .animal-list-info {
        margin-top: 10px;
        border-top: 1px solid rgb(203, 203, 203);
    }
    .b-s-multi-animal-list {
        max-height: 215px;
        border-top: 1px solid rgb(203, 203, 203) !important;
    }
    .bulls-sale-list-item-count-block h4 {
        position: absolute;
        top: 40%;
        right: 8px;
        font-size:14px;
    }
    .report-aside-panel {
        margin-top: 5px;
    }
    .upcoming-detail-mobile-button {
        margin-top:-50px;
    }
    
    .b-s-left-list-item-block {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .block-sales {
        padding: 3px 0px 0px 0px;
        background: none;
    }
    .sales-center-header h4 {
        font-size: 10px;
    }
    .sales-center-header .btn {
        min-width: 78px;
    }
    .sales-center-header img {
        height: 38px;
    }
    .default-animal-img {
        width: 50% !important;
        margin-left: 30%;
    }
    .b-s-list-item-shortcontent {
       /* max-height: 37px;*/
        overflow: hidden;
    }

   
   
}

  .b-s-list-item-shortcontent
    {
        overflow: hidden;
        max-height:110px;
        text-overflow:ellipsis;
    }
    .b-s-left-list-item-block {
        padding-top: 10px;
        padding-bottom: 5px;
    }

.b-s-multi-animal-list {
    max-height: 198px;
    overflow-y: auto;
    border-top: 1px solid rgb(203, 203, 203) !important;
}

.b-s-multi-animal-list-item {
    border-top: 1px dotted rgb(203, 203, 203);
}

.breadcrumb {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-s-list-item-shortcontent h1,
.b-s-list-item-shortcontent h2,
.b-s-list-item-shortcontent h3 {
    font-size: 19px;
    line-height: 23px;
    margin: 7px 0;
}

.bulls-sale-img img {display:none;}
.bulls-sale-img img.showImage {display:block;}
.bulls-sale-right-box h1,.bulls-sale-right-box h2,.bulls-sale-right-box h3 {margin-top:0px;}

.b-s-list-item-prop-block
{padding-right:15px;}

.latest-twitter-list{
    padding-left: 0;
}
.latest-twitter-list li{
    list-style: none;
}

.btn-gold{
    width: auto;
    background: #CAB856;
    text-shadow: none;
    border: none;
    font-weight: 700;
    font-size: 17px;
    color: #ffffff;  
    box-shadow: none;
}

.quicksearch{
    color:white!important;
}

.quicksearch a{
    color:white!important;
    font-weight:700;
     
}
.quicksearch div.row div {
    text-align:left;
}

.quicksearch  {
    margin-top:15px !important;
    margin-bottom:20px;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quicksearch input {
    color:black;
    width:90%;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}


.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}