.all_models {

    position: relative;

    width: 100%;

    height: auto;

    top: 57px;

    transition: box-shadow 0.100s ease 0s;
}


.model {

    transition: box-shadow 0.3s ease 0s !important;

    -webkit-transition: box-shadow 0.3s ease 0s !important;

}


.model:hover {

    /* -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);

    box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3); */

}


.main_content {

    margin-top: 10px;

}


/*

 * .model border animation

 *

 */

.model {

    overflow: hidden;
}

.model .line, .model .line2 {

    display: block;

    background-color: white;

    position: absolute;

    z-index: 2;
}

.model .line {

    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    -moz-transition: -moz-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    -o-transition: -o-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    transition: transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;
}

.model .line2 {

    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.35, 0.2, 0.8, 0.4);

    -moz-transition: -moz-transform 0.35s cubic-bezier(0.35, 0.2, 0.8, 0.4);

    -o-transition: -o-transform 0.35s cubic-bezier(0.35, 0.2, 0.8, 0.4);

    transition: transform 0.35s cubic-bezier(0.35, 0.2, 0.8, 0.4);
}

.model .top_line, .model .top_line2 {

    height: 2px;

    width: 100%;
}

.model .top_line {

    top: 0;

    left: 0;
}

.model .top_line2 {

    top: 0;

    left: 100%;
}

.model .right_line, .model .right_line2 {

    height: 100%;

    width: 2px;
}

.model .right_line {

    top: 0;

    right: 0;
}

.model .right_line2 {

    top: 100%;

    right: 0;
}

.model .bottom_line, .model .bottom_line2 {

    height: 2px;

    width: 100%;
}

.model .bottom_line {

    bottom: 0;

    left: 0;
}

.model .bottom_line2 {

    bottom: 0;

    left: -100%;
}

.model .left_line, .model .left_line2 {

    height: 100%;

    width: 2px;
}

.model .left_line {

    top: 0;

    left: 0;
}

.model .left_line2 {

    top: -100%;

    left: 0;
}

.model:hover .line {

    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.35, 0.2, 0.8, 0.4);

    -moz-transition: -moz-transform 0.35s cubic-bezier(0.35, 0.2, 0.8, 0.4);

    -o-transition: -o-transform 0.35s cubic-bezier(0.35, 0.2, 0.8, 0.4);

    transition: transform 0.35s cubic-bezier(0.35, 0.2, 0.8, 0.4);
}

.model:hover .line2 {

    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    -moz-transition: -moz-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    -o-transition: -o-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    transition: transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;
}

.model:hover .top_line {

    -webkit-transform: translate(-100%, 0);

    -moz-transform: translate(-100%, 0);

    -ms-transform: translate(-100%, 0);

    -o-transform: translate(-100%, 0);

    transform: translate(-100%, 0);
}

.model:hover .top_line2 {

    -webkit-transform: translate(-100%, 0);

    -moz-transform: translate(-100%, 0);

    -ms-transform: translate(-100%, 0);

    -o-transform: translate(-100%, 0);

    transform: translate(-100%, 0);
}

.model:hover .right_line {

    -webkit-transform: translate(0, -100%);

    -moz-transform: translate(0, -100%);

    -ms-transform: translate(0, -100%);

    -o-transform: translate(0, -100%);

    transform: translate(0, -100%);
}

.model:hover .right_line2 {

    -webkit-transform: translate(0, -100%);

    -moz-transform: translate(0, -100%);

    -ms-transform: translate(0, -100%);

    -o-transform: translate(0, -100%);

    transform: translate(0, -100%);
}

.model:hover .bottom_line {

    -webkit-transform: translate(100%, 0);

    -moz-transform: translate(100%, 0);

    -ms-transform: translate(100%, 0);

    -o-transform: translate(100%, 0);

    transform: translate(100%, 0);
}

.model:hover .bottom_line2 {

    -webkit-transform: translate(100%, 0);

    -moz-transform: translate(100%, 0);

    -ms-transform: translate(100%, 0);

    -o-transform: translate(100%, 0);

    transform: translate(100%, 0);
}

.model:hover .left_line {

    -webkit-transform: translate(0, 100%);

    -moz-transform: translate(0, 100%);

    -ms-transform: translate(0, 100%);

    -o-transform: translate(0, 100%);

    transform: translate(0, 100%);
}

.model:hover .left_line2 {

    -webkit-transform: translate(0, 100%);

    -moz-transform: translate(0, 100%);

    -ms-transform: translate(0, 100%);

    -o-transform: translate(0, 100%);

    transform: translate(0, 100%);
}


.model {
    position: relative;
    float: left;
    width: calc(100% / var(--elena-number-of-models) - 22px);
    height: auto;
    margin: 10px 10px 10px 10px;
}

.model img {

    display: block;

    width: 100%;

    /*height: auto; */


}

.model .empty_model {

    display: block;

    background: white;

    width: 100%;

    padding-top: 149.5%;
}

@media (max-width: 40em) {

    .model .empty_model {
        padding-top: 150%;
    }
}

.model .model_overlay {

    opacity: 0;

}

.model .model_overlay .icon#grid-view:before {
    content: "\e604";
    font-size: 31px;
    color: #ffffff
}


.model .model_overlay .icon#grid-view {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #FFFFFF;

    font-family: 'icomoon';

    height: 30px;

    width: 30px;

    overflow: hidden;

    text-align: center;

    position: absolute;

    top: 0;

    right: 0;

    margin: 10px 5px 5px 0;

    z-index: 1;
}

.model .model_overlay .icon {

    width: 20px;

    height: 20px;

    display: block;

    margin: auto;

    background-repeat: no-repeat;

    background-size: 100%;
}

.model .model_overlay .icon#grid-view {

    background-position: 0px -80px;
}

.model .model_overlay .icon#grid-view:hover {

    background-position: 0px -100px;
}

.model .model_overlay #grid-view.icon {

    margin: 20px 16px 20px 20px;

    position: absolute;

    right: 5px;

    top: 5px;

    z-index: 1;

}

.model .model_overlay .model_overlay_background {

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    display: block;
}

.model .model_overlay .model_name {

    left: 0;

    background: none repeat scroll 0 0 #FFFFFF;

    bottom: 0;

    color: #636363 !important;

    font-family: 'GibsonLightBold', Helvetica, Arial, Sans-serif !important;

    font-size: 120%;

    letter-spacing: 0px !important;

    font-style: normal;

    padding: 20px 0 15px;

    position: absolute;

    text-align: center;

    text-transform: capitalize;

    width: 100%;

}


.model .model_overlay.model_overlay_with_hover {

    display: none;

    opacity: 1;
}

.model:hover .model_overlay_with_hover {

    display: block;
}


.no-touch .model .model_overlay {

    opacity: 0;

    display: none;
}


.no-touch .model:hover .model_overlay {

    opacity: 1;

    display: block;
}


.model .model_overlay.empty_model_overlay {

    display: block;

    opacity: 1;
}

.model .model_overlay.empty_model_overlay .model_name {

    color: #a0a0a0;
}


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

    .blogfilter, .topheadertitle {

        width: 50%;

    }

    .blogfilterbutton {

        width: 100%;

    }

    .blogfilter.active .blogfilterlist {

        width: calc(50% - 15px);

    }

    .headermenu {
        position: absolute;
        display: block !important;
        top: -44px;
    }

    .main_content .all_models {

        padding-top: 0px !important;

    }

    .portfoliofilter, .blogfilter, .topheadertitle {

        float: left;

        margin-left: 0px !important;

    }

}


@media (max-width: 90em) {

    .model {

        width: calc(100% / 5 - 22px);
    }
}

@media (max-width: 71em) {

    .model .model_overlay .model_name {

        font-size: 100% !important;

    }


    .model {

        width: calc(100% / 3 - 22px);
    }


    .main_content .all_models {

        padding-right: 5px;

    }


    .models_categories .models_categories_list {

        font-size: 1.8rem !important;
    }
}

@media (max-width: 56.25em) {

    .model {

        width: calc(100% / 2 - 22px);
    }


    .models_categories .models_categories_list {

        font-size: 1.8rem !important;
    }
}

@media (max-width: 40em) {

    .main_content {

        margin-top: 60px;

    }

    .main_content .all_models {
        padding-top: 50px;
    }

    .closesearch {
        display: none;
    }


    .model .model_overlay #grid-view.icon {

        display: none;

    }

    form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="number"], form textarea {

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    .model_name {

        font-size: 0.34rem !important;
    }


    .models_categories .models_categories_list .models_category_item {

        font-family: 'GibsonLightBold', Helvetica, Arial, Sans-serif !important;

        font-weight: normal !important;
    }


    .models_categories {

        height: 37px !important;
    }


    .models_categories .models_subcategories_list .models_category_item {

        font-weight: normal;

        padding: 12px 25px;
    }


    .model {

        width: calc(100% / 2 - 22px);

    }


    .models_categories {

        padding-top: 12px !important;
    }


    .models_categories .models_categories_list {

        padding: 20px;

        top: 91px !important;

        background: none repeat scroll 0 0 #ffffff;
    }


    .models_categories .models_subcategories_list {

        padding: 0 8px !important;

        top: 90px !important;
    }


    .models_categories .models_subcategories_list .models_category_item {

        font-weight: bold;
    }


    .model_name {

        font-size: 0.64rem !important;

        letter-spacing: 0.05rem !important;
    }
}

/*

 * .model border animation

 *

 */

.model {

    overflow: hidden;
    padding: 20px;
}


.model {

    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    -moz-transition: -moz-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    -o-transition: -o-transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;

    transition: transform 0.35s cubic-bezier(0.2, 0.35, 0.35, 0.8) 0.35s;
}

.model:hover {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

    -webkit-filter: grayscale(0%);

    padding: 20px;

}


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


    .models_category_item > a {

        color: #636363;

    }


}


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

    .content_header {

        width: -webkit-calc(100% - 250px);

        width: calc(100% - 250px);

        left: 250px;

    }

    .models_categories .models_categories_list {

        letter-spacing: 0.5px !important;

        font-size: 1.2rem !important;
    }


    .models_categories .models_subcategories_list {

        font-size: 0.74rem !important;

        margin: 0px 0 15px 21px !important;

    }

}


.models_categories .models_categories_list {

    font-family: Helvetica, 'GibsonLightBold', Arial, Sans-serif;

    margin: 15px 0 0 20px;

    background: transparent !important;

    letter-spacing: 0px;

    font-weight: 400;

    width: 100%;

    height: auto;

    font-size: 1.8rem;

    line-height: 2rem;

    padding: 9px 25px 5px;
}

.models_categories .models_categories_list .models_category_item {

    display: inline-block;

    text-transform: uppercase;
}

.models_categories .models_categories_list .models_category_item:after {

    color: #636363;

    content: "|";

    font-family: 'AlteHaasGrotesk-Regular', Helvetica, Arial, sans-serif;

    font-weight: normal;

}


.models_categories a {

    color: #636363;

}


.models_categories .models_categories_list .models_category_item:last-child:after {

    content: '';
}

.models_categories .models_categories_list .models_category_item.models_category_item_active a {

    color: #636363;

    content: "|";

}

.models_categories .models_subcategories_list {

    font-family: Helvetica, 'GibsonLightBold', Arial, Sans-serif;

    margin: 0px 0 15px 22px;

    background: transparent !important;

    width: -webkit-calc(100% - 800px);

    width: -moz-calc(100% - 800px);

    width: -o-calc(100% - 800px);

    width: calc(100% - 16px);

    height: auto;

    font-size: 0.84rem;

    padding: 8px 25px 5px;

    overflow: auto;

}

.models_categories .models_subcategories_list .models_category_item {

    display: inline-block;

    text-transform: uppercase;

    letter-spacing: 0rem !important;
}

.models_categories .models_subcategories_list .models_category_item:after {

    color: #636363;

    content: "|";

}

.models_categories .models_subcategories_list .models_category_item:last-child:after {

    content: '';
}

.models_categories .models_subcategories_list .models_category_item.models_category_item_active a {

    color: #00b8e9;
}

.models_categories .models_category_item > a:hover {

    color: #00b8e9;
}

.models_categories .model_categories_selected, .models_categories .model_subcategories_selected {

    display: none;
}

@media (max-width: 40em) {

    .models_category_item.models_category_item_active > a {

        letter-spacing: 0;

    }

    .models_category_item > a {

        letter-spacing: 0;

    }

    .models_categories {

        height: 30px;

        padding-top: 5px;

        background: #636363;
    }

    .models_categories .model_categories_selected, .models_categories .model_subcategories_selected {

        font-family: 'GibsonLightBold', Helvetica, Arial, Sans-serif;

        position: absolute;

        display: inline-block;

        text-transform: uppercase;

        color: white;

        font-size: 0.94rem;

        letter-spacing: 0.1em;

        line-height: 0em;

        padding: 0 0px 0px 8px;

        margin: -5px 0px 0px 0px;

        z-index: 999;

    }

    .models_categories .model_categories_selected .arrow_down, .models_categories .model_subcategories_selected .arrow_down {

        display: inline-block;

        margin-top: 5px;

        width: 0px;

        height: 0px;

        vertical-align: middle;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom: 10px solid transparent;

        border-top: 10px solid white;
    }

    .models_categories .model_subcategories_selected {

        right: 5px;

        font-family: 'GibsonLightBold', Helvetica, Arial, Sans-serif;
    }

    .models_categories .models_categories_list {

        display: none;

        position: fixed;

        box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.2);

        top: 80px;

        margin: 16px 0 0;

        padding: 0 8px 0px 8px;

        width: 100%;

        background: rgba(255, 255, 255, 1) !important;
    }

    .models_categories .models_categories_list .models_category_item {

        border-bottom: 1px solid #a9aaa9;

        font-family: 'GibsonLightBold', Helvetica, Arial, Sans-serif !important;

        display: block;

        font-size: 1rem;

        padding: 12px 8px 4px;
    }

    .models_categories .models_categories_list .models_category_item:after {

        content: '';
    }

    .models_categories .models_subcategories_list {

        display: none;

        position: fixed;

        text-align: right;

        top: 80px;

        margin: 7px 0 0;

        font-family: 'GibsonLightBold', Helvetica, Arial, Sans-serif !important;

        width: 100%;

        background: rgba(255, 255, 255, 1) !important;
    }

    .models_categories .models_subcategories_list .models_category_item {

        display: block;

        font-size: 1rem;

        font-family: 'GibsonLightBold', Helvetica, Arial, Sans-serif !important;

        font-weight: normal !important;

        border-bottom: 1px solid #a9aaa9;
    }

    .models_categories .models_subcategories_list .models_category_item:after {

        content: '';
    }
}