@font-face {
        font-family: 'arvo_reg';
        src: url('static/fonts/Arvo-Regular.ttf') format('truetype');
    }


    @font-face {
        font-family: 'arvo_bold';
        src: url('static/fonts/Arvo-Bold.ttf') format('truetype');
    }


    @font-face {
        font-family: 'arvo_itl';
        src: url('static/fonts/Arvo-Italic.ttf') format('truetype');
    }

.mb-2 {
    margin-top: 3rem;
}




.portfolio-item {
    min-height: 123px;

    display: block;

}

.white_box_2 {

    padding-left: 5px;
    float: left;
    min-width: 260px;
    width: 88%;
    min-height: 125px;
    height: 125px;
    font-family: arvo_reg !important;
}

.catalog_card {
    box-shadow: 0 2px 4px 0 rgba(198, 198, 198, 0.5);
    background-color: #ffffff;
    height: auto;
    display: table;
    min-height: 125px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 10px;
}

.para_block {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    line-height: 1.3em;
    padding-bottom: 15px;
}

.margin_sprt_2 {
    margin-top: 10px;
    color: #000;
    text-align: left;
    margin-bottom: 5px;
    font-family: arvo_reg;
    width: 100%;
}

.btn_arrow_pos {
    float: right;
    width: auto;
    height: auto;
    position: absolute;
    right: 30px;
    top: 40%;
}

.mrg_left {
    padding-left: 30px;
}

.curs_none {
    cursor: pointer;
}

/* styles for '...' */
.block-with-text {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    text-align: left;
    margin-right: -1em;
    padding-right: 1.25em;
}

/* create the ... */
.block-with-text:before {
    /* points in the end */
    content: ' ';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}


.right_index {
    width: 50px;
    height: auto;
    right: 0px;
    position: absolute;
    z-index: 2;
    box-shadow: 0 0px 0px 0px rgba(198, 198, 198, 0.5);
    margin-top: 172px;
}


.arrow_box {
    position: relative;
    background: #000000;
    padding: 12px;
    text-align: center;
    margin-top: 128px;
    display: none;
}

.arrow_box:after {
    top: 87%;
    left: 54%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 15px;
    margin-left: -15px;
}

.whole_clk {

    display: block;
}

.ahrf_override {
    color: #000;
}

ul.alphabet_class {
    text-align: center;
    line-height: 1.65em;
    color: #000;
    width: 36px;
    height: auto;
    padding-top: 11px;
    font-size: 12px;
    padding-bottom: 20px;
    background-color: #fff;
    right: 10px;
    box-shadow: 0 2px 4px 0 rgba(198, 198, 198, 0.5);
}

.over_cover {
    width: 100%;
    display: table;
    position: relative;
    min-height: 515px;
    height: 1px;
    margin: 0px auto;
}

ul.alphabet_class li a {
    color: #000;
    display: block;
}

ul.alphabet_class li a:hover {
    background-color: #000;
    color: #fff;
    position: relative;
    font-weight: 600;
    box-shadow: inset 0 0 0 16px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

ul.alphabet_class li.selected_alph a {
    background-color: #000;
    color: #fff;
    position: relative;
    font-weight: 600;
    background-color: #000;
}

/* HEADER FOR CATALOG */
.wrap_hd {
    float: left;
    margin-left: 0px;
    padding: 0px 0px;
    width: 100%;
    background-color: #000;
    position: relative;
    margin-top: 0px;
    z-index: 3;
}

.left_lgw {
    float: left;
    margin-left: 0px;
    padding-top: 20px;

    padding-right: 0px;
}

.title_cv {
    float: left;
    margin-left: 0px;
}

.title_text_style {
    color: #fff;
    font-size: 42px;
    padding-top: 30px;
    padding-left: 0px;
    font-family: 'arvo_reg';
}

.search_pos {
    float: right !important;
    margin-right: 0px;
    margin-top: 85px !important;
    width: auto;
}

.frm_pdn {
    padding-bottom: 0px;
    background-color: rgba(255, 255, 255, 0.2);
    width: 260px;
    padding-left: 10px;
    height: 45px;
}

.search_icon_style {
    width: 15px;
    float: right;
    padding-top: 14px;
    margin-left: 0px;
    margin-right: -25px;
    padding-left: 0px;
}

.search_clear_style {
    position: absolute;
    float: right;
    padding-top: 13px;
    margin-left: 6px;
    margin-right: 0px;
    padding-left: 0px;
}

.inpt_grp {
    border-bottom: 0px solid #cccccc;
    background-color: transparent;
    padding: 0px 10px;
    margin-top: 0px;
    color: #fff;
    width: 230px;
}

.frm_ctrl {
    font-size: 20px;
    padding-top: 9px;
}

.frm_ipt {
    color: #fff !important;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0px solid #ccc !important;
    height: 30px !important;
    padding: 22px 0px !important;
    width: 90% !important;
    font-size: 14px !important;
    font-family: arvo_reg !important;
    float: left;
}




/* ALBUM CARD */

.album_card {
    box-shadow: 0 2px 4px 0 rgba(198, 198, 198, 0.5);
    background-color: #ffffff;
    height: auto;
    display: table;
    min-height: 125px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}


.img_left_pos {
    width: 120px;
    height: 120px;
    float: left;
    background-color: #ccc;
    display: block;


}


.img_left_pos,
.bg_img_h {

    background-image: url('static/images/arctic-ice-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;

}

.white_box_3 {
    padding-left: 10px;
    float: left;
    width: 58%;
    min-height: 120px;
    height: 120px;
    display: block;
}


.para_block_2 {
    width: 60%;
    display: inline-table;
    position: relative;
    float: left;
    padding-bottom: 0px;
    padding-left: 10px;
}

.margin_sprt_3 {
    margin-top: 13px;
    color: #000;
    text-align: left;
    margin-bottom: 0px;
    font-family: arvo_reg;
    float: left;
    padding-left: 10px;
    height: 73px;
}


.price_q {


    overflow: hidden;

    position: relative;

    text-align: left;

    height: auto;
    float: left;
    padding-top: 0px;
}


.btn_arrow_pos_album {
    float: right;
    width: auto;
    height: auto;
    position: absolute;
    right: 22px;
    top: 68%;
}






/* ALBUM COVER BOX */

.album_cover_box {
    width: 100%;
    min-height: 660px;
    height: 600px;
    display: table;
    background-image: url('static/images/cover_image_top.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
    padding: 0px;
}

.four_images {
    display: table-cell;
    vertical-align: bottom;
    width: 90%;
    padding-bottom: 20px;
    margin: 0 auto;
}


.four_images_vert {
    display: block;
    vertical-align: bottom;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto;
}


.first_row_gap {
    padding-bottom: 0px;
}

.four_images_1 {

    display: table-cell;
    vertical-align: bottom;
    width: 90%;
    padding-bottom: 20px;
    margin: 0 auto;
}


.top_right_box {
    float: right;
    right: -30px;
    position: absolute;
    height: auto;
    min-height: 300px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px 15px;
    width: 300px;
    margin-right: 0px;
}



.top_left_box {
    float: left;
    right: 0px;
    position: relative;
    height: auto;
    min-height: auto;
    background-color: rgba(255, 255, 255, 0.7);
    width: auto;
    margin-right: -14px;
    padding: 20px;
    display: block;
}

.album_dec_box {
    width: 100%;
    height: 300px;
    display: block;
    position: absolute;

}



.album_cover_wrap {

    width: 100%;
    display: table;

}

.album_left_box {
    width: 18.3%;
    display: table-cell;
    border: 0px solid #fff;
    vertical-align: top;
}

.album_right_box {
    width: 60%;
    height: 608px;
    display: table-cell;
    padding: 0px 10px 0px 10px;
    vertical-align: top;
}

.pic_gap {
    padding-left: 10px;
    padding-right: 0px;
}


.pic_gap_2 {
    padding-left: 0px;
    padding-right: 20px;
    padding-top: 20px;
}

.album_pic_style {
    border: 5px solid #fff;
    width: 100%;
}

.album_pic_style_2 {
    border: 5px solid #fff;
    width: 96%;
}

.album_pic_style_3 {
    border: 0px solid #edebec;
    width: 100%;
}


.img_details {
    width: 100%;
    background-color: #fff;
    padding: 5px 10px 5px;
    height: auto;
    display: block;
}

.img_details h6 {
    font-size: 18px;
    color: #000;
    font-family: 'arvo_reg';
    text-align: left;
    padding: 0px 0px;
    margin-top: 0px;
    margin-bottom: 3px;
}

.img_details span {
    font-size: 14px;
    color: #000;
    text-align: left;
    padding-top: 0px;
}



.img_details_4 {
    width: 96%;
    background-color: #fff;
    padding: 5px 10px 5px;
    height: auto;
    display: block;
}

.img_details_4 h6 {
    font-size: 18px;
    color: #000;
    font-family: 'arvo_reg';
    text-align: left;
    padding: 0px 0px;
    margin-top: 0px;
    margin-bottom: 3px;
}

.img_details_4 span {
    font-size: 14px;
    color: #000;
    text-align: left;
    padding-top: 0px;
}

.img_details_2 h6 a {
    color: #000 !important;
    font-family: 'arvo_reg';
    text-align: left;
    margin-top: 0px !important;
    margin-bottom: 3px !important;
}

.img_details_2 span a {

    color: #000 !important;

}

.img_details_2 {
    width: 100%;
    background-color: #ffffff;
    padding: 10px 10px 8px;
    height: auto;
    display: block;
    border-top: 1px solid #dedede;
}

.img_details_2 h6 {
    font-size: 15px;
    color: #000;
    font-family: 'arvo_reg';
    text-align: left;
    padding: 0px 0px;
    margin-top: 0px;
    margin-bottom: 3px;
}

.img_details_2 span {
    font-size: 14px;
    color: #000;
    text-align: left;
    padding-top: 0px;
}

.img_f {
    width: 100%;
}

.cat_sub_title {
    font-size: 18px;
    color: #000;
    font-family: 'arvo_reg';
    text-align: left;
    padding-left: 0px;
}

.cat_title {
    font-size: 32px;
    color: #000;
    font-family: 'arvo_reg';
    padding-left: 0px;
}

.top_text {
    font-size: 14px;
    color: #000;
    padding-left: 0px;
}

.top_text_price {
    font-size: 16px;
    color: #000;
    padding-left: 0px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 0px;
}

.list_override {
    margin-top: 10px;
    margin-right: 20px;
}

.wrap_cls {
    margin-top: 30px;
}

.album_icon_pl {

    float: right;
    padding-right: 10px;
    padding-top: 10px;
}

.row_override {
    margin-left: 0px;
    margin-right: 0px;
}



.album_top_header {
    width: 100%;
    display: table;
    border: 0px solid #fff;
    vertical-align: top;
}

.horz_stretch {

    width: 100% !important;
}

.body_bg_override {

    background-color: #fff !important;
}

.col_md_sm_ovrrd {
    width: 50% !important;
}

@media (max-width: 991px) {
    .col-md-3_ovr {
        width: 25% !important;
        display: block;
    }

}



@media (max-width: 767px) {
    .col-md-3_ovr {
        width: 25% !important;
        display: none;
    }
}

@media screen and (max-width:767px) {
    .img-logo {
        margin-top: -26px;
    }

    .catalog_box {
        margin-bottom: 2em;
        margin-top: 0em;
    }

    .mb-2 {
        margin-top: 0rem !important;
    }


    .over_cover {
        width: 80% !important;
        margin: 195px auto;
    }

    .over_cover_ovrr {
        width: 90% !important;
        margin: 20px auto;
    }

    .right_index {
        margin-top: 193px !important;
    }



    .frm_pdn {

        width: 170px !important;
    }

    .frm_ipt {
        width: 120px !important;
    }

    .inpt_grp {
        width: 160px !important;
    }

    .search_clear_style {


        margin-left: -6px !important;

    }

}

@media screen and (max-width:487px) {
    .search_pos {
        margin-top: 0px !important;
    }

    .right_index {
        margin-top: 166px !important;
    }

    .catalog_card {

        width: 90% !important;
    }

    .frm_ipt {
        width: 120px !important;
    }

    .inpt_grp {
        width: 165px !important;
    }
}



@media screen and (max-width:767px) {
    .img-logo {
        margin-top: -26px;
    }

    .catalog_box {
        margin-bottom: 2em;
        margin-top: 0em;
    }

    .mb-2 {
        margin-top: 0rem !important;
    }




}


@media (max-width: 550px) {


    .search-blk {
        width: 72% !important;
    }
}



@media (max-width: 767px) {
    .search-blk {
        width: 49% !important;
        float: none;
        margin-top: 84px !important;
    }

    @media (max-width: 487px) {
        .search_pos {
            margin-top: 0px !important;
        }
    }

.pagination-blk {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
.pgn_disabled {
    background: rgb(148, 148, 148) !important;
    cursor: default !important;
}