@font-face {
    font-family: 'clarendon';
    src: url('fonts/clarenbd-webfont.woff2') format('woff2'), url('fonts/clarenbd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.main-menu-container {
    max-height: none !important;
}
.t_center {
    text-align: center;
}

.dn_dif th {
    width: 33.3333333333%;
}

.tap_holder {
    position: relative;
    margin-top: -40px;
}


.tap_holder h4 {
    margin: 5px;
    margin-top: 20px;
}

.tap_holder .paycost {
    line-height: 40px;
    margin-top: 10px;
}

.tap_img {
    width: 49%;
    min-width: 220px;
    text-align: center;
    padding: 0;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.taps {
    vertical-align: top;
    /*width: auto;*/
    min-width: 220px;
    width: 49%;
    display: inline-block;
    margin: 0;
}

.taps.main_par {}

.taps h4 {
    margin-left: -20px;
}

.tap_holder .table_dimensions {
    margin-top: 10px;
    text-align: center;
}

.tap_holder .table_dimensions caption h4 {
    margin: 0;
    line-height: 40px;
}

.tap_holder .table_dimensions .blue_c {
    background: #37a2d6;
    color: #fff;
}

.tap_holder .table_dimensions .grey_c {
    background: #888;
    color: #fff;
}

.tap_holder .table_dimensions .watch b:nth-of-type(2) {
    font-family: 'clarendon';
    color: #5d5d5d;
    font-size: 20px;
    line-height: 20px;
}

.tap_holder .table_dimensions .watch b:nth-of-type(2)>span:nth-child(1) {
    color: #37a2d6;
}

.tap_holder .table_dimensions .watch b:nth-of-type(2)>span:nth-child(2) {
    font-size: 22px;
    line-height: 20px;
}

.tap_holder .table_dimensions .watch b:nth-of-type(2)>span:nth-child(2)>span {
    font-size: 23px;
    letter-spacing: -1px;
}


/**/


/*-------------TABLE HIDE-------------*/


/**/

.tap_holder .toggle_hide_content .table_dimensions:not(.large_table_dimensions) tr:nth-child(n+3),
.tap_holder .toggle_hide_content .table_dimensions:not(.large_table_dimensions) tr:nth-child(n+3) td {
    opacity: 0;
    border-color: transparent;
    -webkit-transition: all linear .5s .5s;
    transition: all linear .5s .5s;
}

.tap_holder .toggle_hide_content.active .table_dimensions:not(.large_table_dimensions) tr:nth-child(n+3),
.tap_holder .toggle_hide_content.active .table_dimensions:not(.large_table_dimensions) tr:nth-child(n+3) td {
    opacity: 1;
    border-color: #ddd;
}

.tap_holder .toggle_hide_content .large_table_dimensions tr:nth-child(n+4),
.tap_holder .toggle_hide_content .large_table_dimensions tr:nth-child(n+4) td {
    opacity: 0;
    border-color: transparent;
    -webkit-transition: all linear .5s .5s;
    transition: all linear .5s .5s;
}

.tap_holder .toggle_hide_content.active .large_table_dimensions tr:nth-child(n+4),
.tap_holder .toggle_hide_content.active .large_table_dimensions tr:nth-child(n+4) td {
    opacity: 1;
    border-color: #ddd;
}

.toggle_hide_content {
    overflow: hidden;
    height: 128px;
    -webkit-transition: all linear .5s;
    transition: all linear .5s;
}

.toggle_opacity {
    opacity: 0;
    -webkit-transition: all linear .5s .5s;
    transition: all linear .5s .5s;
}

.toggle_opacity.active {
    opacity: 1;
}

.toggle_open_content {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #37a2d6;
    cursor: pointer;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    padding-left: 20px;
    position: relative;
    width: 100%;
    float: right;
    z-index: 1;
    box-sizing: border-box;
    background: #37a2d6;
    color: #fff;
    transform: rotate(0deg);
}

.toggle_open_content.active {
    width: 100%;
}

.toggle_open_content.active p {
    color: #fff;
}

.toggle_open_content p {
    margin: 0;
    z-index: 2;
}

.toggle_open_content p:nth-child(1) {
    opacity: 1;
    margin-top: 0;
}

.toggle_open_content p:nth-child(2) {
    opacity: 0;
}

.toggle_open_content:hover {
    background: #535961;
    line-height: 146px;
}

.toggle_open_content.active p:nth-child(1) {
    opacity: 0;
    margin-top: -50px;
}

.toggle_open_content.active p:nth-child(2) {
    opacity: 1;
    color: #fff;
}

.toggle_open_content:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-transition: margin-top ease .15s;
    transition: margin-top ease .15s;
    font-family: 'fontawesome';
    text-align: center;
    content: '\f078';
    font-size: 26px;
    top: 0;
    margin-top: -50px;
}

.toggle_open_content.active:after {
    content: '\f077';
}


/**/


/*-------------DIAGRAMS-------------*/


/**/

.toggle_diagram_holder {
    height: 0;
    -webkit-transition: all ease .25s .25s;
    transition: all ease .25s .25s;
    opacity: 0;
}

.toggle_diagram_holder.active {
    opacity: 1;
}

.toggle_diagram {
    margin: 10px 0;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    cursor: pointer;
    padding-right: 70px;
    -webkit-transition: all ease .15s;
    transition: all ease .15s;
    text-align: right;
    font-size: 14px;
}

#toggle_diagram {
    position: relative;
    color: #aaa;
}

#toggle_diagram.active {
    color: #5d5d5d;
}
#toggle_diagram:before,
#toggle_diagram:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #fff;
    top: 50%;
    -webkit-transition: all ease .15s;
    transition: all ease .15s;
    margin-top: -1px;
}

.toggle_diagram #toggle_diagram.active:before,
.toggle_diagram #toggle_diagram.active:after {
    background: #5d5d5d;
}

#toggle_diagram:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: -20px;
}

#toggle_diagram:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -14px;
}

#toggle_diagram.active:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#toggle_diagram.active:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



/**/


/*-------------solding-------------*/


/**/

.solding {
    position: relative;
}

.solding:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 90px;
    background: url('../images/catalog/025/sold.png') no-repeat;
    left: -25%;
    bottom: 0px;
    opacity: .95;
    -webkit-filter: drop-shadow(5px 5px 15px rgba(93, 93, 93, 0.35));
    filter: drop-shadow(5px 5px 15px rgba(93, 93, 93, 0.35));
    -webkit-transition: all ease .15s;
    transition: all ease .15s;
    -webkit-transform: scale(.55);
    transform: scale(.55);
    background-position: left center;
}

@media screen and (max-width: 1200px) {
    .solding:after {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-size: 70%;
        background-position: left center;
        left: 0;
        bottom: -5%;
    }
}

@media screen and (min-width: 1200px) {
    #comp_10hp {
        width: 280px;
        position: absolute;
        left: 50%;
        margin-left: -280px;
        margin-top: 50px;
    }
}