::-webkit-selection {
    background: #41bedd;
    color: #fff;
}

::-moz-selection {
    background: #41bedd;
    color: #fff;
}

::selection {
    background: #41bedd;
    color: #fff;
}

::-webkit-scrollbar {
    width: 10px;
    background: #f4f4f4;
}

::-webkit-scrollbar-thumb {
    background: #666666;
}

::-webkit-input-placeholder {
    -webkit-transition: text-indent .5s ease, color .5s ease;
    color: #899096;
}

input::-moz-placeholder {
    color: #899096;
}

::ms-input-placeholder {
    color: #899096;
}

[placeholder]:focus::-webkit-input-placeholder {
    text-indent: 10em;
    color: transparent;
}

.circle,
.flickr_list li:hover,
#dribbble_feed li:hover,
.owl-pagination>.owl-page,
input[type="radio"]+label:after,
input[type="radio"]+label:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.f_none {
    float: none;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.d_block {
    display: block;
}

.d_table {
    display: table;
}

.d_table>[class*="col-"]:last-child {
    padding-right: 0px;
}

.d_table>[class*="col-"]:first-child {
    padding-left: 0px;
}

.d_table_cell {
    display: table-cell;
}

.d_inline_b,
.clients.brands .owl-pagination {
    display: inline-block;
}

.d_inline_m {
    display: inline-block;
    vertical-align: middle;
}

.d_none,
.sticky_menu #side_menu,
.sticky_menu #open_side_menu {
    display: none;
}

.v_align_m {
    vertical-align: middle;
}

.v_align_b {
    vertical-align: bottom;
}

.v_align_t {
    vertical-align: top;
}

.relative,
.tooltip_container {
    position: relative;
    z-index: 1;
}

.half_column {
    width: 50%;
}

.im_half_container .half_column:last-child {
    margin-left: -5px;
}

.ie9 .im_half_container .half_column:last-child {
    margin-left: -4px;
}

.counter {
    counter-reset: counter;
}

.counter_inc {
    counter-increment: counter;
}

.ls_medium {
    letter-spacing: -1px;
}

.w_auto {
    width: auto;
}

.w_full,
.wide_layout,
[class*="_isotope_container"] .shop_isotope_item.list_view {
    width: 100%;
}

.translucent {
    opacity: .5;
}

.wrapper {
    overflow: hidden;
}

.w_break {
    word-break: break-all;
}

.t_align_c,
.clients.brands .owl-controls {
    text-align: center;
}

.t_align_r {
    text-align: right;
}

.t_align_l,
.fp_item:hover,
.fp_item:hover .fp_price {
    text-align: left;
}

.m_right_2 {
    margin-right: 2px;
}

.m_right_5 {
    margin-right: 5px;
}

.m_right_8 {
    margin-right: 8px;
}

.m_right_10 {
    margin-right: 10px;
}

.m_right_15 {
    margin-right: 15px;
}

.m_right_20 {
    margin-right: 20px;
}

.m_right_30 {
    margin-right: 30px;
}

.m_right_40 {
    margin-right: 40px;
}

.m_right_60 {
    margin-right: 60px;
}

.m_left_5 {
    margin-left: 5px;
}

.m_left_8 {
    margin-left: 8px;
}

.m_left_10 {
    margin-left: 10px;
}

.m_left_15 {
    margin-left: 15px;
}

.m_left_20 {
    margin-left: 20px;
}

.m_bottom_0 {
    margin-bottom: 0px !important;
}

.m_bottom_3 {
    margin-bottom: 3px;
}

.m_bottom_5 {
    margin-bottom: 5px;
}

.m_bottom_8 {
    margin-bottom: 8px;
}

.m_bottom_10 {
    margin-bottom: 10px;
}

.m_bottom_12 {
    margin-bottom: 12px;
}

.m_bottom_15 {
    margin-bottom: 15px;
}

.m_bottom_20 {
    margin-bottom: 20px;
}

.m_bottom_23 {
    margin-bottom: 23px;
}

.m_bottom_25 {
    margin-bottom: 25px;
}

.m_bottom_30 {
    margin-bottom: 30px;
}

.m_bottom_35 {
    margin-bottom: 35px;
}

.m_bottom_45 {
    margin-bottom: 45px;
}

.m_bottom_50 {
    margin-bottom: 50px;
}

.m_bottom_55 {
    margin-bottom: 55px;
}

.m_bottom_70 {
    margin-bottom: 70px;
}

.m_top_0 {
    margin-top: 0px !important;
}

.m_top_5 {
    margin-top: 5px;
}

.m_top_8 {
    margin-top: 8px;
}

.m_top_10 {
    margin-top: 10px;
}

.m_top_15 {
    margin-top: 15px;
}

.m_top_20 {
    margin-top: 20px;
}

.m_top_35 {
    margin-top: 35px;
}

.p_bottom_0 {
    padding-bottom: 0 !important;
}

.p_top_0 {
    padding-top: 0 !important;
}

.tt_uppercase {
    text-transform: uppercase;
}

.db_centered {
    margin-left: auto;
    margin-right: auto;
}

.tr_all,
.popup_wrap:before,
.popup_wrap:after,
.owl-pagination>div {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
}

.tr_all_long {
    -webkit-transition: all 1.1s ease;
    -moz-transition: all 1.1s ease;
    -o-transition: all 1.1s ease;
    transition: all 1.1s ease;
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    -o-animation-duration: 1.1s;
    animation-duration: 1.1s;
}

.tr_all_medium {
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
}

.border_none {
    border: none !important;
}

.mw_none {
    min-width: 0 !important;
}

.boxed_layout {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.tr_delay,
a:not([class*="tr_all"]) {
    -webkit-transition: color 1.1s ease, background-color 1.1s ease, border-color 1.1s ease;
    -moz-transition: color 1.1s ease, background-color 1.1s ease, border-color 1.1s ease;
    -o-transition: color 1.1s ease, background-color 1.1s ease, border-color 1.1s ease;
    transition: color 1.1s ease, background-color 1.1s ease, border-color 1.1s ease;
}

.tr_delay:hover,
a:not(.tr_all):hover {
    -webkit-transition: color .1s ease, background-color .1s ease, border-color .1s ease;
    -moz-transition: color .1s ease, background-color .1s ease, border-color .1s ease;
    -o-transition: color .1s ease, background-color .1s ease, border-color .1s ease;
    transition: color .1s ease, background-color .1s ease, border-color .1s ease;
}

.tr_inherit {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.pt_price,
#countdown dt {
    font-size: 3.75em;
}

.first_letter_1>.fl,
.item_statistic dt {
    font-size: 3em;
}

.day_of_the_month,
#countdown.type_2 dt {
    font-size: 1.7em;
}

.fs_large {
    font-size: 1.125em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.pt_price,
.item_statistic dt,
#countdown dt,
.article_stats,
.lh_ex_small,
.clients.brands .owl-controls {
    line-height: 1em;
}

.fs_middle,
.p_table:hover .pt_title:not(.pt_time),
.p_table.active .pt_title:not(.pt_time) {
    font-size: 1.875em;
}

.first_letter_1>.fl {
    margin: 12px 10px 0 0;
}

.first_letter_2>.fl {
    font-size: 1.5em;
    border-width: 1px;
    border-style: solid;
    width: 40px;
    height: 40px;
    padding-top: 7px;
    margin: 6px 10px 0 0;
}

.title_counter_type {
    padding: 12px 20px 14px 70px;
    font-size: 1.5em;
    position: relative;
}

.title_counter_type:before {
    content: counter(counter);
    font-style: italic;
    color: #fff;
    position: absolute;
    left: 0;
    padding: 12px 0;
    height: 100%;
    width: 50px;
    text-align: center;
    top: 0;
}

.static_head_title_1 {
    font-size: 3.25em;
}

.bn_title {
    padding: 3px 21px 3px;
    width: 11.09%;
}

.title_size_1 {
    font-size: 2.625em;
}


/* -----------------------------------

	8. Carousels

------------------------------------- */

.brands_carousel .owl-item {
    padding: 0 15px;
}

[class*="fp_nav_"] {
    position: absolute;
    top: 38.5%;
}

.ios_nav_prev,
.lp_nav_prev,
.c_nav_prev.nav_type_3,
.fp_nav_prev,
.pc_nav_prev,
.rp_nav_prev,
.extended.simple_slideshow .flex-prev {
    left: 30px;
}

.ios_nav_next,
.lp_nav_next,
.c_nav_next.nav_type_3,
.fp_nav_next,
.pc_nav_next,
.rp_nav_next,
.extended.simple_slideshow .flex-next {
    right: 30px;
}

.owl-pagination>div {
    width: 12px;
    height: 12px;
    float: left;
}

.owl-pagination>div:not(:last-child) {
    margin-right: 8px;
}

.bg_light_2 .owl-pagination>div:not(.active),
.clients.brands:not(.with_video) .owl-pagination>div:not(.active) {
    border-color: #bfc4c8;
}

[class*="pc_nav_"],
[class*="rp_nav"],
[class*="fproducts_nav_"]:not(.fn_type_2),
[class*="ln_nav_"],
[class*="fp_nav_"].nav_type_2,
[class*="lp_nav_"] {
    position: absolute;
    top: 50%;
    margin-top: -18px;
}

[class*="c_nav_"].nav_type_3 {
    position: absolute;
    top: 50%;
    margin-top: 20px;
}

.twc_prev,
.twc_next {
    position: absolute;
    top: 50%;
    margin-top: -12px;
}

.twc_prev {
    left: 0;
}

.twc_next {
    right: 0;
}

.related_projects .owl-item,
.wfilter_carousel .owl-item {
    padding-bottom: 75px;
}

[class*="rp_nav"] {
    margin-top: -47px;
}

[class*="fproducts_nav_"]:not(.fn_type_2) {
    margin-top: -90px;
}

[class*="ln_nav_"] {
    top: 78px;
}

.fproducts_nav_prev,
.ln_nav_prev {
    left: -50px;
}

.fproducts_nav_next,
.ln_nav_next {
    right: -50px;
}

.c_nav_prev.nav_type_2 {
    left: -54px;
}

.c_nav_next.nav_type_2 {
    right: -54px;
}

.boxed_layout .fproducts_nav_prev,
.boxed_layout .ln_nav_prev {
    left: -35px;
}

.boxed_layout .fproducts_nav_next,
.boxed_layout .ln_nav_next {
    right: -35px;
}

.featured_products .owl-item {
    padding-bottom: 1px;
}

[class*="fp_nav_"].nav_type_2 {
    margin-top: 15px;
}

#breaking_news {
    width: 87.03%;
    margin-top: 3px;
}

.photo_carousel img {
    min-width: 100%;
}


/* -----------------------------------

	10. Lists and Navigations

------------------------------------- */

.hr_list>li {
    float: left;
}

.m_left_0,
.hr_list>li:first-child {
    margin-left: 0;
}

.hr_list>li:last-child {
    margin-right: 0;
}

.hr_list:after,
.clearfix:after,
.clients.brands .owl-pagination:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
}

.vr_list li:not(:first-child),
.select_list li:not(:first-child) {
    border-top: 1px solid #ecf0f1;
}

.vr_list:not(.sub_menu) li {
    padding: 9px 5px 9px 35px;
}

.social_icons {
    padding-top: 2px;
}

.breadcrumbs {
    margin-top: 4px;
}

.breadcrumbs li a,
.project_description h4 a,
.project_description .category a {
    border-bottom: 1px solid transparent;
}

.breadcrumbs li a:hover,
.project_description h4 a:hover,
.project_description .category a:hover {
    color: #fff;
    border-color: #fff;
}

.dotted_list li:not(:last-child):after {
    content: ".";
    font-size: 25px;
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    line-height: 0;
    right: -10px;
    top: 50%;
    margin-top: -8px;
}

.dotted_list.type_2 li:not(:last-child):after {
    right: -17px;
}

.vr_list_type_2 li,
.vr_list_type_4 li a {
    padding-left: 28px;
}

.vr_list_type_2 li [class*="icon_wrap"],
.vr_list_type_4 li a [class*="icon_wrap"] {
    margin: 4px 0 0 -28px;
}

.vr_list_type_2 li>[class|="icon"] {
    margin-left: -28px;
}

.vr_list_type_3 li:before {
    content: counter(counter) ".";
    display: inline-block;
    margin-right: 3px;
}

.vr_list_type_5 li {
    padding-left: 37px;
}

.vr_list_type_5 li .icon_wrap_size_1 {
    margin-left: -37px;
    margin-top: 2px;
}

.vr_list_type_5 li [class*="button_type_"] {
    margin-left: -37px;
}

.steps_nav li .container3d {
    width: 140px;
    height: 140px;
}

.steps_nav li [class*="icon_wrap"] {
    position: absolute;
}

.step_counter:before,
.steps_nav li .step_num:before {
    content: counter(counter);
    font-style: italic;
    font-weight: 300;
    display: inline-block;
}

.steps_nav li .step_num:before {
    font-size: 1.36em;
    margin-top: -10px;
}

.steps_nav .active .step_num,
.steps_nav li [class*="icon_wrap"]:not(.step_num) {
    -webkit-transform: rotate3d(1, 0, 0, 180deg);
    -moz-transform: rotate3d(1, 0, 0, 180deg);
    -o-transform: rotate3d(1, 0, 0, 180deg);
    -ms-transform: rotate3d(1, 0, 0, 180deg);
    transform: rotate3d(1, 0, 0, 180deg);
}

.steps_nav .active [class*="icon_wrap"]:not(.step_num) {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
}

.steps_nav li:not(:last-child):after {
    content: "";
    display: block;
    width: 22px;
    height: 40px;
    position: absolute;
    right: -42px;
    top: 50%;
    margin-top: -20px;
    background: url("../../../images/icon-right.png") no-repeat;
}

.sitemap_list ul {
    padding-left: 30px;
}

.flickr_list {
    margin: 0 -7.5px;
}

.flickr_list li,
#dribbble_feed li {
    margin: 0 7.5px 15px;
}

.flickr_list img {
    width: 80px;
    height: 80px;
}

.stripe_list li:not(:last-child) {
    position: relative;
    margin-right: 19px;
}

.stripe_list li:not(:last-child)::after {
    content: "";
    display: block;
    width: 1px;
    height: 11px;
    background: #c7cccf;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -10px;
}

.contact_info_list {
    padding-top: 6px;
    padding-bottom: 6px;
}

.added_items_list {
    padding: 20px 0 0 2px;
}

.added_items_list li {
    padding-right: 35px;
}

.added_items_list li>[class|="icon"] {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: -5px;
    display: block;
    width: 16px;
    height: 16px;
}

.added_items_list.type_2 {
    margin-top: -17px;
}

.added_items_list.type_2 li {
    padding: 17px 10px 17px 0;
}

.added_items_list.type_2 li>[class|="icon"] {
    top: 15px;
}

.fp_item .rating_list {
    margin-top: -5px;
}

.rating_list li:not(:last-child) {
    margin-right: 2px;
}

.rating_list li {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.rating_list li>[class|="icon"] {
    position: absolute;
    left: 0;
}

.categories_list li:not(:first-child)>a,
.categories_list ul {
    border-top: 1px solid #ecf0f1;
}

.categories_list {
    margin-top: -6px;
}

.categories_list li a {
    padding: 5px 0 7px;
}

.categories_list ul a {
    padding: 4px 0 6px 28px;
}

.categories_list ul ul a {
    padding-left: 43px;
}

.helper-list {
    height: 0;
    overflow: hidden;
}

.news_list>li:first-child {
    padding-top: 0;
}

.news_list>li {
    padding: 20px 0 20px 20px;
}

.thumbnails_container {
    padding: 10px 0;
}

.thumbnails_container>ul>li {
    padding: 20px 15px 20px 20px;
    cursor: pointer;
}


/* -----------------------------------

	11. Buttons

------------------------------------- */

.paginations li a {
    width: 39px;
    height: 35px;
    line-height: 32px;
    display: block;
    border-top: 1px solid #bdc3c7;
    border-bottom: 1px solid #bdc3c7;
    border-left: 1px solid #bdc3c7;
}

.paginations li:last-child a {
    border-right: 1px solid #bdc3c7;
}

.search_buttons {
    width: 40px;
    height: 40px;
}

.search_buttons>button {
    position: absolute;
    top: 0;
    left: 0;
}

.search_buttons>.active {
    z-index: 1;
}

[class*="button_type"] {
    border-width: 1px;
    border-style: solid;
    padding-left: 29px;
    padding-right: 29px;
    backface-visibility: hidden;
}

.button_type_1 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.button_type_2 {
    padding-top: 4px;
    padding-bottom: 5px;
}

.button_type_3 {
    padding-top: 10px;
    padding-bottom: 9px;
}

.button_type_4 {
    padding-top: 19px;
    padding-bottom: 20px;
}

.button_type_5 {
    min-height: 40px;
    padding: 7px 18px 7px;
}

.button_type_6 {
    padding: 2px 10px;
    height: 40px;
    min-width: 40px;
}

.button_type_7 {
    padding: 2px 10px;
    height: 45px;
}

[class*="button_type"]:not(.transparent):hover,
[class*="select_button_"]:hover,
.checkout_video:hover .video_button {
    background: transparent;
}

.popup_buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#back_to_top {
    position: fixed;
    z-index: 5;
    bottom: 5%;
}

#open_side_menu {
    position: fixed;
    top: 30px;
    right: -40px;
    cursor: pointer;
    z-index: 25;
    opacity: 0;
}

.side_main_menu>li>ul,
.side_main_menu>li>ul ul {
    padding-left: 10px;
}

#menu_button {
    width: 50px;
    height: 40px;
    font-size: 30px;
}

[class*="page_button"],
.mini_side_offset {
    padding-left: 18px;
    padding-right: 18px;
}

.tags_list [class*="button_type"] {
    padding-left: 10px;
    padding-right: 10px;
}

.blog_side_button {
    height: 70px;
    width: 70px;
}

.blog_side_button [class|="icon"] {
    font-size: 30px;
}

.calendar_nav {
    padding: 8px 0 7px;
}

.calendar_nav [data-calendar-nav] {
    position: absolute;
    top: 50%;
    margin-top: -9px;
}

[data-calendar-nav="prev"] {
    left: 10px;
}

[data-calendar-nav="next"] {
    right: 10px;
}

#back_to_top [class|="icon"] {
    margin-top: -3px;
}

.color_button {
    border: 1px solid #bec3c7;
    width: 30px;
    height: 30px;
    padding: 3px;
    background-clip: content-box;
}

.color_button:hover {
    border-color: #363a3f;
}

.quantity>button {
    width: 29px;
    height: 33px;
}

.open_product {
    position: relative;
    margin: -50px 10px 0 0;
    z-index: 110;
    width: 40px;
    height: 40px;
    border-color: #575a5f;
    line-height: 40px;
    opacity: .5;
}

.open_product i[class|="icon"] {
    color: #575a5e;
    font-size: 1.9em;
    display: inline-block;
    margin: -3px 0 0 -2px;
}

.open_product:hover {
    opacity: .7;
    background: rgba(52, 56, 61, .2) !important;
}

[class*="select_button_"] {
    padding: 10px 15px 9px;
    min-width: 214px;
    border-style: solid;
    -webkit-transition: background-color .5s ease, color .5s ease, border-color .5s ease !important;
    -moz-transition: background-color .5s ease, color .5s ease, border-color .5s ease !important;
    transition: background-color .5s ease, color .5s ease, border-color .5s ease !important;
}

.select_button_left {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-width: 1px 0px 1px 1px;
}

.select_button_right {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-width: 1px 1px 1px 0px;
    border-color: #fff;
}

[class*="select_button_"]:before,
[class*="select_button_"]:after {
    content: "";
    position: absolute;
    top: -1px;
    display: block;
    width: 14px;
    height: 45px;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.select_button_left:after,
.select_button_left:before {
    background: url("../../../images/select_button_left.png") no-repeat;
    right: -14px;
}

.select_button_right:after,
.select_button_right:before {
    background: url("../../../images/select_button_right.png") no-repeat;
    left: -14px;
}

[class*="select_button_"]:before {
    background-position: 0 -45px;
}

.or {
    padding: 10px 8px 9px;
    font-size: 0.625em;
}

.video_button {
    width: 60px;
    height: 60px;
    border-width: 2px;
    border-style: solid;
    line-height: 56px;
}

.video_button:after {
    border-color: #4e4ca0 !important;
}

.video_button:before {
    background: #fff !important;
}

.video_button i[class|="icon"] {
    font-size: 2.2em;
    margin: 0px 0 0 5px;
}


/* -----------------------------------

	13. Icons

------------------------------------- */

i[class|="icon"] {
    line-height: inherit;
}

[class*="icon_wrap"] i[class|="icon"] {
    display: block;
    width: inherit;
    backface-visibility: hidden;
}

[class*="icon_wrap"] {
    border-width: 1px;
    border-style: solid;
    text-align: center;
}

[class*="icon_wrap"].type_2 {
    border-width: 2px;
}

[class*="icon_wrap"].d_inline_m {
    margin-top: -2px;
}

.icon_wrap_size_1 [class*="icon-mail-alt"] {
    font-size: 10px;
}

.icon_wrap_size_1 [class*="icon-location"] {
    font-size: 16px;
}

.icon_wrap_size_0 {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
}

.icon_wrap_size_1 {
    width: 22px;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
}

.icon_wrap_size_2 {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 23.3px;
}

.icon_wrap_size_3 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 23px;
}

.icon_wrap_size_4 {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
}

.icon_wrap_size_5 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
}

.icon_wrap_size_6 {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
}

.icon_wrap_size_7 {
    width: 140px;
    height: 140px;
    line-height: 140px;
    font-size: 53px;
}

.main_menu>li [class|="icon"] {
    font-size: 13px;
    margin-left: 4px;
    line-height: 14px;
    height: 14px;
}

.main_menu>li {
    z-index: 10;
}

.main_menu.type_2>li>.sub_menu:before,
.main_menu.type_2>li>.sub_menu>li:first-child>.sub_menu:before,
.main_menu>li>.mega_menu_container:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    background: url("../../../images/shadow.png") repeat-x;
}

.sub_menu li a i[class|="icon"] {
    color: #939597;
    position: absolute;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-43%);
    -moz-transform: translateY(-43%);
    -o-transform: translateY(-43%);
    -ms-transform: translateY(-43%);
    transform: translateY(-43%);
}

.vr_list:not(.sub_menu) li [class|="icon"] {
    position: absolute;
    top: 9px;
    left: 17px;
    font-size: 9px;
}

.item_services h6 [class*="icon_wrap_"] {
    position: absolute;
    left: -70px;
    top: -6px;
}

.animation_fill:after,
.animation_fill:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    z-index: -1;
    top: -1px;
    left: -1px;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-transform: scale(.25);
    -moz-transform: scale(.25);
    -o-transform: scale(.25);
    -ms-transform: scale(.25);
    transform: scale(.25);
    opacity: 0;
    -webkit-transition: -webkit-transform .8s ease, opacity .8s ease;
    -moz-transition: transform .8s ease, opacity .8s ease;
    -o-transition: transform .8s ease, opacity .8s ease;
    transition: transform .8s ease, opacity .8s ease;
}

.animation_fill:after {
    border-width: inherit;
    border-style: solid;
    border-color: #fff;
    -webkit-transform: scale(.25);
    -moz-transform: scale(.25);
    -o-transform: scale(.25);
    -ms-transform: scale(.25);
    transform: scale(.25);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.animation_fill.type_2:after,
.animation_fill.type_2:before {
    top: -2px;
    left: -2px;
}

.animation_fill:hover:after,
.steps_nav li .animation_fill:after,
.item_services h6:hover .animation_fill:after {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -o-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    opacity: 1;
}

.checkout_video:hover .animation_fill.type_2:after,
.steps_nav li .animation_fill.type_2:after,
.animation_fill.type_2:hover:after {
    -webkit-transform: scale(.92) !important;
    -moz-transform: scale(.92) !important;
    -o-transform: scale(.92) !important;
    -ms-transform: scale(.92) !important;
    transform: scale(.92) !important;
}

.animation_fill:hover:before,
.checkout_video:hover .animation_fill.type_2:before,
.steps_nav li .animation_fill.type_2:before,
.item_services h6:hover .animation_fill:before {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 1 !important;
}

.checkout_video:hover .animation_fill.type_2:after,
.checkout_video:hover .animation_fill.type_2:before {
    opacity: 1 !important;
}

.popular {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 2;
}

.paginations i[class|="icon"],
.product_current_price {
    font-size: 1.5em;
}

.like_project .icon-heart-empty-1 {
    font-size: 22px;
}

.login_icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login_form .login_icon {
    right: 15px;
}

.icon-heart.fs_large {
    font-size: 1.27em;
}

.paginations i.icon-layout,
.paginations i.icon-menu {
    font-size: 24px;
}

[class*="button_type_"].mini_side_offset .icon-check.fs_large {
    font-size: 25px;
    margin-top: -2px;
}

[class*="fproducts_nav"].fn_type_2 i[class|="icon"],
[class*="web_design_"] i[class|="icon"] {
    font-size: 20px;
    margin-top: -2px;
}

.thumbnails_carousel i[class|="icon"] {
    font-size: 19px;
}

.thumbnails_carousel .flex-direction-nav li:first-child i[class|="icon"] {
    display: inline-block;
    margin-top: -2px;
}


/* -----------------------------------

	14. Main Content Elements

------------------------------------- */

hr {
    height: 1px;
    background: #ecf0f1;
}

.divider_type_2,
.gradient_line {
    height: 3px;
}

.divider_type_3 {
    background: #d9dee0;
}

.divider_type_4 {
    background: rgba(236, 240, 241, .07);
}

.divider_type_5,
.p_table:hover hr,
.p_table.active hr {
    background: rgba(255, 255, 255, .5);
}

.show,
.translucent:hover,
#thumbnails .active,
.search_buttons>.active,
.popup_wrap:hover .popup_buttons,
[class*="select_button"]:hover:before,
.popup_wrap:hover .project_description,
.rating_list .active>[class|="icon"]:last-child,
.accordion_item.active dt [class*="icon_wrap"]:first-child,
.wfilter_carousel .owl-item:hover .popup_wrap .popup_buttons,
.related_projects .owl-item:hover .popup_wrap .popup_buttons {
    opacity: 1;
}

.hide,
.search_buttons>button,
[class*="select_button"]:before,
[class*="select_button"]:hover:after,
.fp_item:hover .fp_images>img:first-child,
.rating_list li>[class|="icon"]:last-child,
.rating_list .active>[class|="icon"]:first-child,
.accordion_item dt [class*="icon_wrap"]:first-child,
.accordion_item.active dt [class*="icon_wrap"]:nth-child(2) {
    opacity: 0;
}

.section_offset {
    padding: 63px 0 67px;
}

.section_offset_2 {
    padding: 70px 0 60px;
}

.section_offset_3 {
    padding-top: 40px;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
}

.coming_soon.type_2 {
    padding: 55px 0;
    min-height: none;
    min-height: 0px;
}

.page_title_2 {
    padding: 30px 0;
}

.page_title.type_3 {
    padding: 130px 0;
    max-height: none;
}

.iframe_video_wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56%;
}

.iframe_video_wrap.type_2 {
    padding-bottom: 61%;
}

.video_wrap {
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 57%;
    left: 0;
    top: 0;
    z-index: -1;
}

.video_wrap>video,
.iframe_video_wrap>iframe,
.slider_video_wrap>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video_wrap>video {
    top: -10%;
}

.item_services {
    padding-left: 70px;
}

[class*="image_bg_"] {
    background-attachment: fixed;
    background-size: cover;
}

[class*="translucent_bg"].image_fixed {
    background-color: transparent;
}

[class*="translucent_bg"][class*="image_bg_"].image_fixed {
    background-attachment: scroll;
}

[class*="translucent_bg"].image_fixed.type_2:before {
    z-index: 0;
}

.darkness {
    background-size: auto auto;
    padding: 153px 0;
}

.darkness.type_2 {
    padding: 135px 0;
}

.darkness:after {
    background: rgba(0, 0, 0, .5);
}

.darkness.type_3:after {
    background: rgba(0, 0, 0, .4);
}

.darkness.type_4 {
    padding: 96px 0;
    background-size: cover;
}

[class*="translucent_bg"].image_fixed:before,
.darkness:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

[class*="translucent_bg"].image_fixed>img.page_404 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.popup_wrap:before,
.popup_wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -o-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    z-index: 1;
}

.popup_wrap:after {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    left: auto;
    right: 0;
}

[class*="tooltip"]:not(.tooltip_container) {
    position: absolute;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}

.tooltip {
    background: #e6f7fb;
    margin-bottom: 10px;
    padding: 4px 9px;
}

.tooltip,
.tooltip_type_2.top {
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -15px);
    -moz-transform: translate(-50%, -15px);
    -o-transform: translate(-50%, -15px);
    -ms-transform: translate(-50%, -15px);
    transform: translate(-50%, -15px);
}

.tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-top: 5px solid #606366;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -6px;
}

.tooltip_type_2 {
    background: rgba(52, 56, 61, .8);
    padding: 2px 10px;
}

.tooltip_type_2:after {
    content: "";
    position: absolute;
}

.tooltip_type_2.bottom {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 15px);
    -moz-transform: translate(-50%, 15px);
    -o-transform: translate(-50%, 15px);
    -ms-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
}

.tooltip_type_2.left {
    top: 50%;
    right: 100%;
    margin-right: 9px;
    -webkit-transform: translate(-15px, -50%);
    -moz-transform: translate(-15px, -50%);
    -o-transform: translate(-15px, -50%);
    -ms-transform: translate(-15px, -50%);
    transform: translate(-15px, -50%);
}

.tooltip_type_2.right {
    top: 50%;
    left: 100%;
    margin-left: 9px;
    -webkit-transform: translate(15px, -50%);
    -moz-transform: translate(15px, -50%);
    -o-transform: translate(15px, -50%);
    -ms-transform: translate(15px, -50%);
    transform: translate(15px, -50%);
}

.tooltip_type_2.top:after {
    top: 100%;
    border-left: 7px solid transparent;
    border-top: 5px solid rgba(52, 56, 61, .8);
    border-right: 7px solid transparent;
    left: 50%;
    margin-left: -7px;
}

.tooltip_type_2.bottom:after {
    bottom: 100%;
    border-left: 7px solid transparent;
    border-bottom: 5px solid rgba(52, 56, 61, .8);
    border-right: 7px solid transparent;
    left: 50%;
    margin-left: -7px;
}

.tooltip_type_2.left:after {
    top: 50%;
    border-top: 7px solid transparent;
    border-left: 5px solid rgba(52, 56, 61, .8);
    border-bottom: 7px solid transparent;
    left: 100%;
    margin-top: -7px;
}

.tooltip_type_2.right:after {
    top: 50%;
    border-top: 7px solid transparent;
    border-right: 5px solid rgba(52, 56, 61, .8);
    border-bottom: 7px solid transparent;
    right: 100%;
    margin-top: -7px;
}

.tooltip_container:hover .tooltip,
.tooltip_container:hover .tooltip_type_2.top,
.tooltip_container:hover .tooltip_type_2.bottom {
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    opacity: 1 !important;
    visibility: visible;
}

.tooltip_container:hover .tooltip_type_2.left,
.tooltip_container:hover .tooltip_type_2.right {
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    opacity: 1;
    visibility: visible;
}

#side_menu {
    position: fixed;
    top: 0;
    right: -280px;
    z-index: 26;
    width: 280px;
    background: #34383d;
    padding: 33px 30px;
    height: 100%;
    overflow-y: auto;
}

#side_menu>hr {
    margin-right: -30px;
    margin-left: -30px;
}

.alert_box {
    padding: 13px 55px 13px 20px;
}

.alert_box i[class|="icon"] {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    cursor: pointer;
    line-height: 16px;
    font-size: 17px;
}

.alert_box.warning {
    background: #fae5d3;
    color: #d35400;
}

.alert_box.warning i[class|="icon"] {
    color: #fae5d3;
    background: #d35400;
}

.alert_box.error {
    background: #f2d7d5;
    color: #c0392b;
}

.alert_box.error i[class|="icon"] {
    color: #f2d7d5;
    background: #c0392b;
}

.alert_box.success {
    background: #d5f5e3;
    color: #27ae60;
}

.alert_box.success i[class|="icon"] {
    color: #d5f5e3;
    background: #27ae60;
}

.alert_box.info {
    background: #d6eaf8;
    color: #2980b9;
}

.alert_box.info i[class|="icon"] {
    color: #d6eaf8;
    background: #2980b9;
}

.step_counter {
    border-width: 2px;
    border-style: solid;
    width: 95px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.step_img_container .d_table_cell:not(.step_counter) {
    padding: 0 0 0 5px;
}

.step_img_container.right .d_table_cell:not(.step_counter) {
    padding: 0 5px 0 0;
}

.step_img_container.right .step_counter {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.step_counter:before {
    font-size: 4.5em;
    margin-top: 16px;
}

.step_description {
    padding-top: 12px;
}

.like_project {
    margin-top: -8px;
}

.blog_date {
    padding: 7px 0 7px;
}

.blog_date>span:first-child {
    margin-bottom: 1px;
}

[class*="border_color_"] {
    border-width: 1px;
    border-style: solid;
}

.link_container {
    padding: 17px 19px 19px;
}

.link_container.type_2 {
    padding-left: 17px;
    padding-right: 17px;
}

.link_container [class*="icon_wrap_"],
[class*="latest_projects_"],
.tags_icon,
[class*="specials_"],
td .reviews {
    margin-top: 2px;
}

.blog_side_container {
    width: 70px;
    margin-left: -100px;
}

figcaption.blog_post .blog_side_container {
    margin-top: -9px;
}

.blog_post {
    padding-left: 100px;
}

.advertising_area {
    padding: 0px 10px 10px;
}

.advertising_area.type_2 {
    padding: 0 8px 8px;
}

.advertising_area.type_3 {
    padding: 0 70px 10px;
}

.advertising_area.type_4 {
    padding: 0;
}

.advertising_area.type_3>div:not(.advertising_row),
.advertising_area.type_4>div:not(.advertising_row) {
    height: 90px;
}

.advertising_area.type_4 {
    width: 728px;
}

.advertising_area>div:not(.advertising_row) {
    height: 250px;
}

.advertising_area>span {
    font-size: 0.625em;
}

.advertising_area .half_column>div {
    font-size: 0.75em;
    line-height: 1.2em;
    height: 125px;
}

.advertising_area .half_column {
    padding: 0 2px;
}

.advertising_row {
    margin: 0 -2px;
}

.advertising_row>.clearfix:first-child {
    margin-bottom: 4px;
}

.blog_isotope_container {
    margin-top: -15px;
}

.blog_isotope_item>article {
    padding: 19px 19px 27px;
}

.comment {
    padding: 13px 20px;
}

.comment:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 30px;
    top: -8px;
    border-left: 10px solid transparent;
    border-bottom: 8px solid #ecf0f1;
    border-right: 10px solid transparent;
}

.comment_level_2 {
    padding-left: 30px;
}

.addthis_floating_style {
    position: relative !important;
    margin-top: 15px;
    left: 0 !important;
    top: 0 !important;
}

.category_select {
    width: 215px;
    z-index: 14;
}

.dropdown_2 {
    position: absolute;
    top: 100%;
    margin-top: 15px;
    width: 380px;
    right: 0;
    border-top-width: 3px;
    border-top-style: solid;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
}

.dropdown_2:before {
    content: "";
    position: absolute;
    top: -8px;
    right: 15px;
    border-left: 6px solid transparent;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-right: 6px solid transparent;
}

.dropdown_2:after {
    content: "";
    display: block;
    height: 15px;
    width: 100%;
    position: absolute;
    top: -18px;
    right: 0;
}

.dropdown_2_container {
    z-index: 12;
}

.dropdown_2_container .dropdown_2 {
    padding: 27px 15px 0;
}

.dropdown_2_container.shoppingcart .dropdown_2 .sc_header,
.total_price {
    margin-left: -15px;
    margin-right: -15px;
    padding: 4px 15px 3px;
    border-bottom: 1px solid #ecf0f1;
}

.dropdown_2 .sc_footer {
    padding: 16px 15px;
    margin: 0 -15px;
    border-top: 1px solid #ecf0f1;
}

.item_description {
    max-width: 150px;
}

.total_price {
    border-top: 1px solid #ecf0f1;
    padding: 8px 50px 8px 15px;
}

.total_price .price {
    min-width: 60px;
    margin-bottom: 1px;
}

.fp_images>img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.labels_container {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
}

.label {
    width: 50px;
    height: 50px;
}

.client_item::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
}

.category_title {
    padding: 15px 5px 14px;
}

.quantity {
    border: 1px solid #e1e4e6;
}

.privacy {
    padding: 17px 19px 15px;
}

.banners_container {
    padding: 10px 10px 8px;
}

.product_view {
    width: 54%;
}

.product_info {
    width: 42.52%;
}

.screens,
.mobile {
    height: 450px;
}

.screens>[class^="layer_"],
.mobile>[class^="layer_"] {
    position: absolute;
    bottom: 0;
}

.screens>.layer_1 {
    left: 50%;
    margin-left: -344px;
    z-index: 2;
}

.screens>.layer_2 {
    left: 0;
    z-index: 1;
}

.screens>.layer_3 {
    right: 0;
}

.mobile>.layer_2 {
    right: -10px;
}

.tablet>.layer_1 {
    max-width: none;
    margin-top: -63px;
}

.stat {
    width: 100px;
}

.breaking_news {
    padding: 5px 0;
}

.news_main_item {
    width: 54.02%;
}

.news_list {
    width: 44.82%;
}

.fs_caption {
    background: rgba(255, 255, 255, .7);
    padding: 45px 20px 17px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 430px;
}

.fs_caption>header {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 20px 7px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.create_account_form_wrap {
    background: rgba(255, 255, 255, .6);
    padding: 28px 20px 30px;
    width: 390px;
}

.clients_item:before {
    content: "";
    display: block;
    position: absolute;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    z-index: -1;
}

.form_description {
    padding-left: 65px;
}


/* -----------------------------------

	15. Forms

------------------------------------- */

[role="banner"] [role="search"]:not(.type_3) {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
    visibility: hidden;
}

textarea,
.select_title,
input:not([type="submit"]) {
    border: 1px solid #e1e4e6;
    height: 40px;
    padding: 5px 15px;
    font-style: italic;
}

textarea {
    resize: none;
    outline: none;
    height: 250px;
}

.height_2 {
    height: 150px;
}

.height_3 {
    height: 160px;
}

.height_4 {
    height: 210px;
}

.height_5 {
    height: 120px;
}

form li label {
    width: 17%;
}

form li input,
form li textarea,
form .inline_select {
    width: 82%;
}

label[for^="input_"]:not([for="input_1"]) {
    width: 144px;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    width: auto !important;
    position: relative;
    padding-left: 36px;
    cursor: pointer;
}

input[type="radio"]+label:after,
input[type="radio"]+label:before,
input[type="checkbox"]+label:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #e2e5e7;
}

input[type="radio"]+label:after {
    display: none;
    border: none;
    background: #606366;
    width: 10px;
    height: 10px;
    left: 8px;
    top: 8px;
}

input[type="checkbox"]+label:after {
    content: '\e914';
    font-family: "fontello";
    position: absolute;
    left: 8px;
    top: 2px;
    display: none;
}

input[type="radio"]:checked+label:after,
input[type="checkbox"]:checked+label:after {
    display: block;
}

.custom_select {
    position: relative;
}

.select_title {
    padding: 6px 35px 5px 13px;
    cursor: pointer;
}

.custom_select.type_2 .select_title {
    font-style: normal;
    height: 35px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.products_filter {
    width: 180px;
}

.show_per_page_select {
    min-width: 70px;
}

.select_title:after,
.side_main_menu .has_sub_menu>a:after {
    content: '\e9f9';
    font-family: "fontello", "微軟正黑體";
    display: block;
    font-style: normal;
    position: absolute;
    top: 0;
    height: 40px;
    line-height: 40px;
    color: #606366;
    font-size: 20px;
    right: 14px;
}

.select_title.active:after,
.side_main_menu .has_sub_menu.active>a:after {
    content: '\e9f8';
}

.custom_select.type_2 .select_title:after {
    font-size: 17px;
    height: 34px;
    line-height: 34px;
}

.select_list {
    width: 100%;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.select_list li {
    cursor: pointer;
    padding: 6px 13px 5px;
}

.select_list li:hover {
    background: #f7f7f7;
}

[role="search"].type_2 input[type="text"] {
    padding-right: 45px;
}

[role="search"].type_2 button {
    position: absolute;
    top: 0;
    width: 46px;
    height: 100%;
    right: 0;
    font-size: 23px;
}

form .row {
    margin-left: -5px;
    margin-right: -5px;
}

form [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

#contactform [class*="button_type"] {
    min-width: 120px;
}

form.login_form [class*="button_type"] {
    min-width: 72px;
    padding-left: 10px;
    padding-right: 10px;
}

.notify_me input[type="email"] {
    width: 77.19%;
}

.notify_me button {
    width: 21.05%;
}

.side_main_menu .has_sub_menu>a:after {
    height: 100%;
    line-height: inherit;
    right: 0;
    font-size: 13px;
    opacity: .8;
    color: inherit;
}

[role="search"].type_3 {
    width: 350px;
}

input[class*="_limit"] {
    border: none;
    padding: 0;
    font-style: normal;
}

.login_icon+input:not([type="submit"]) {
    padding-right: 40px;
}

.ui-slider {
    height: 9px;
    cursor: pointer;
    position: relative;
    padding: 0 2px;
}

.ui-slider-handle {
    display: block;
    width: 13px;
    height: 20px;
    position: absolute;
    margin-left: -6px;
    top: -7px;
    background: url("../../../images/slider_range_icon.png") no-repeat;
}

.ui-slider-range {
    position: absolute;
    top: 2px;
    bottom: 2px;
}

.quantity input[type="text"] {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #e1e4e6;
    border-right: 1px solid #e1e4e6;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    font-style: normal;
    height: 33px;
    width: 40px;
}

.quantity.type_2 input[type="text"] {
    width: 60px;
}

.coupon {
    width: 325px;
    margin: 2px 3px;
}

.coupon+button {
    margin-top: -10px;
}

.required:after,
.required_l:before {
    content: "*";
}

.required:after {
    display: inline-block;
    margin-left: 3px;
}

.fe_width_1 {
    width: 170px;
}

.fe_width_2,
.table_type_3 {
    width: 370px;
}

.subscribe_form {
    background: #dbf2fa;
    padding: 10px;
}

.subscribe_form input[type="email"] {
    width: 76%;
}

.subscribe_form button {
    width: 22.88%;
}

[role="search"]:not(.type_3).type_4 {
    width: calc(100% - 50px);
    left: 0;
}

[role="search"]:not(.type_3).type_4 input[type="text"] {
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 0;
}


/* chrome special fixes */

@media only screen and (-webkit-min-device-pixel-ratio:0) {
    .side_main_menu .has_sub_menu>a:after {
        top: 1px;
    }

    .categories_list li a {
        padding: 6px 0;
    }

    .categories_list ul a {
        padding: 4px 0 5px 28px;
    }

    .open_product i[class|="icon"] {
        margin: -4px 0 0 -2px;
    }

    [class*="select_button_"]:before,
    [class*="select_button_"]:after {
        -webkit-transition: opacity .56s;
        -moz-transition: opacity .56s;
        -o-transition: opacity .56s;
        transition: opacity .56s;
    }

    .flex_container .slides>li>img {
        -webkit-border-radius: 4px 0 0 4px;
    }

    .icon_wrap_size_1>.icon-lifebuoy {
        font-size: .95em;
    }

    .owl-carousel:not(.wfilter_carousel) .owl-item {
        padding: 0 1px;
    }

    .photo_carousel .owl-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* firefox special fixes */

@-moz-document url-prefix() {
    .breadcrumbs i[class|="icon"] {
        margin-top: 2px;
    }

    .stripe_list li:not(:last-child)::after {
        margin-top: -4px;
    }

    .button_type_2 {
        padding-top: 3px;
        padding-bottom: 6px;
    }

    .button_type_3 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .button_type_5 {
        padding-top: 6px;
        padding-bottom: 7px;
    }

    .button_type_6 {
        padding-top: 1px;
        padding-bottom: 3px;
    }

    .category_title {
        padding: 14px 5px 15px;
    }

    .custom_select.type_2 .select_title {
        padding-top: 3px;
    }

    .paginations i[class|="icon"] {
        margin-top: -.5px;
        display: inline-block;
    }

    table td {
        padding-top: 8px;
        padding-bottom: 10px;
    }

    .thumbnails_carousel .flex-direction-nav li:first-child i[class|="icon"] {
        margin-top: -3px;
    }

    .thumbnails_carousel .flex-direction-nav li:last-child i[class|="icon"] {
        margin-top: -2px;
    }

    .project_description_up {
        padding: 15px 0 9px;
    }

    .tabs_nav.type_2 a {
        padding-top: 4px;
        padding-bottom: 5px;
    }

    #breaking_news {
        margin-top: 2px;
    }

    .button_type_1 {
        padding-top: 1px;
        padding-bottom: 3px;
    }

    .icon_wrap_size_2 {
        line-height: 39px;
    }

    [class*="icon_wrap"] .icon-play {
        margin-left: 0px !important;
    }

    [class*="icon_wrap"] .icon-plus,
    [class*="icon_wrap"] .icon-minus {
        margin-top: -2px !important;
    }

    [class*="icon_wrap"] [class^="icon-angle-"] {
        margin-top: -2px !important;
    }

    .icon_wrap_size_0 .icon-link {
        font-size: .95em;
        margin-top: -2px;
    }

    .step .d_table_cell img {
        width: 100%;
    }

    .video_button i[class|="icon"] {
        margin-top: 1px;
    }
}


/* -----------------------------------

	18. Responsive changes

------------------------------------- */


/* slider layers fix */

@media only screen and (max-width:1200px),
only screen and (max-width:1200px) and (orientation: landscape) {

    /* scheme color */
    .tabs_nav.type_3 .active a {
        border-right-color: #41bedd !important;
    }

    .tabs_nav.type_3 .active+li a {
        border-top-color: #41bedd;
    }

    .main_menu>li:last-child>ul {
        left: auto;
        right: 0;
    }

    [class*="animate_f"] {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible;
    }

    iframe[src^="http://www.facebook.com/plugins"] {
        width: 100% !important;
        height: auto !important;
    }

    #scroll_sidebar {
        position: relative !important;
        top: auto !important;
        right: auto !important;
    }

    .step_description {
        padding-top: 0;
    }

    .tabs_nav.type_3 li:first-child a {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .tabs_nav.type_3 li:last-child a {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .tabs_nav.type_3 li:not(:last-child) a {
        border-right: 1px solid #bdc3c7;
        border-bottom: none;
    }

    .tabs_nav.type_3 .active+li a {
        border-left-color: #bdc3c7;
    }

    .iosslider .slider .slide h1,
    .slider_title_1,
    .slider_title_2,
    .slider_title_3 {
        font-size: 2.5em;
    }

    [role="banner"].type_2 .header_top_part {
        padding-bottom: 6px !important;
    }

    .category_link {
        width: 136px;
    }

    .table_type_2 tr:first-child th:nth-child(2) {
        width: 285px;
    }

    .table_type_2 tr:first-child th:nth-child(5) {
        width: 190px;
    }

    .table_type_2 td:not([colspan]),
    .table_type_2 th,
    .table_type_8 td:not([colspan]),
    .table_type_8 th {
        padding-left: 15px;
        padding-right: 15px;
    }

    .table_type_8 td:not([colspan]) {
        padding-bottom: 10px;
    }

    .table_type_4 tr:first-child th:nth-child(2) {
        width: 180px;
    }

    .title_size_1 {
        line-height: 1em;
    }

    .mini_coming_soon {
        padding-top: 0;
    }

    .darkness {
        padding: 120px 0;
    }

    .darkness.type_2 {
        padding: 100px 0;
    }

    .bn_title {
        width: 13.3%;
    }

    #breaking_news {
        width: 83.03%;
    }

    .thumbnails_container>ul>li {
        width: 25%;
    }

    .flex_container {
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    .thumbnails_container {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .main_menu>li>a {
        padding-left: 16px;
        padding-right: 16px;
    }

    .page_title.type_3 {
        padding: 75px 0;
    }

    .md_wrapper {
        overflow: hidden;
    }

    .f_md_left {
        float: left;
    }

    .w_md_full,
    .flex_container,
    .thumbnails_container {
        width: 100%;
    }

    .f_md_none,
    .hr_list>.f_md_none {
        float: none;
    }

    .d_md_block {
        display: block;
    }

    .d_md_none,
    .zoomContainer,
    .steps_nav li:not(:last-child):after {
        display: none;
    }

    .d_md_inline_b {
        display: inline-block;
    }

    .t_md_align_c,
    .fp_item:hover,
    .fp_item:hover .fp_price {
        text-align: center;
    }

    .t_md_align_l,
    .list_view .fp_item:hover,
    .list_view .fp_item:hover .fp_price {
        text-align: left;
    }

    .m_md_right_0 {
        margin-right: 0px;
    }

    .m_md_right_10 {
        margin-right: 10px;
    }

    .m_md_right_15 {
        margin-right: 15px;
    }

    .m_md_right_20 {
        margin-right: 20px;
    }

    .m_md_bottom_5 {
        margin-bottom: 5px;
    }

    .m_md_bottom_10 {
        margin-bottom: 10px;
    }

    .m_md_bottom_15 {
        margin-bottom: 15px;
    }

    .m_md_bottom_30 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:992px),
only screen and (max-width:992px) and (orientation: portrait) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .project_description {
        padding-left: 10px;
        padding-right: 10px;
        min-height: 150px;
    }

    .main_menu>li [class|="icon"] {
        margin-left: 0;
    }

    .main_menu>li:last-child>ul {
        left: auto;
        right: 0;
    }

    .item_services {
        padding-left: 60px;
    }

    .item_services h6 [class*="icon_wrap_"] {
        left: -60px;
    }

    [class*="button_type"]:not(.button_type_6) {
        padding-left: 27px;
        padding-right: 27px;
    }

    [role="banner"] [role="search"]:not(.type_3) {
        width: 93%;
        left: 0;
    }

    .tabs_nav a {
        padding-left: 16px;
        padding-right: 16px;
    }

    .steps_nav li .step_num:before {
        margin-top: -4px;
    }

    .steps_nav li .icon_wrap_size_7,
    .steps_nav li .container3d {
        width: 105px;
        height: 105px;
        line-height: 105px;
    }

    .flickr_list img {
        width: 72px;
        height: auto;
    }

    .calendar td.active span {
        width: 26px;
        padding: 1px 0;
    }

    .blog_isotope_container[class*="_columns"].type_2 .blog_isotope_item>article {
        padding: 14px 14px 27px;
    }

    .blog_isotope_container[class*="_columns"].type_2 {
        margin-top: -2px;
        margin-left: -2px;
        margin-right: -2px;
    }

    .blog_isotope_container[class*="_columns"].type_2 .blog_isotope_item {
        border-left-width: 2px;
        border-right-width: 2px;
        margin: 2px 0;
    }

    .portfolio_isotope_container.home .portfolio_item {
        width: 50%;
    }

    .category_select,
    .type_3[role="search"] {
        width: 200px;
    }

    .category_link {
        width: 100px;
    }

    .screens {
        height: 350px;
    }

    .screens>.layer_1 {
        width: 70%;
        margin-left: -35%;
    }

    .screens>.layer_2,
    .screens>.layer_3 {
        width: 50%;
    }

    .tablet>.layer_1 {
        max-width: 100%;
        margin-top: 0;
    }

    .table_type_2 td:not([colspan]),
    .table_type_2 th {
        padding-left: 5px;
        padding-right: 5px;
    }

    .table_type_2 .quantity input[type="text"] {
        width: 30px;
    }

    .table_type_4 td:not([colspan]),
    .table_type_4 th,
    .table_type_5 td,
    .table_type_5 th {
        padding-left: 15px;
        padding-right: 15px;
    }

    .table_type_4 td:not(:last-child),
    .table_type_4 th:not(:last-child) {
        width: 22%;
    }

    .table_type_4 img {
        width: 100px;
    }

    .table_type_8 td:not([colspan]),
    .table_type_8 th,
    .table_type_8 td[colspan] {
        padding-left: 6px;
        padding-right: 6px;
    }

    .coupon {
        width: 280px;
    }

    .slider_video_wrap {
        padding-right: 0;
    }

    .product_view {
        width: 470px;
    }

    .iosslider .slider .slide .item,
    .iosslider .slider .slide .item_3 {
        min-width: 400px;
        margin-left: 0px;
    }

    .iosslider .slider .slide .item_3 {
        top: 3%;
        margin-left: -364px;
    }

    .p_sm_top_0 {
        padding-top: 0px !important;
    }

    .w_sm_full,
    .advertising_area.type_4,
    form .inline_select {
        width: 100%;
    }

    .w_sm_auto {
        width: auto;
    }

    .f_sm_none {
        float: none;
    }

    .f_sm_left {
        float: left;
    }

    .f_sm_right {
        float: right;
    }

    .t_sm_align_l {
        text-align: left;
    }

    .t_sm_align_c {
        text-align: center;
    }

    .d_sm_block {
        display: block;
    }

    .d_sm_none {
        display: none;
    }

    .d_sm_inline_b {
        display: inline-block;
    }

    .m_sm_right_0 {
        margin-right: 0px;
    }

    .m_sm_right_5 {
        margin-right: 5px;
    }

    .m_sm_right_15 {
        margin-right: 15px;
    }

    .m_sm_left_15 {
        margin-left: 15px;
    }

    .m_sm_top_25 {
        margin-top: 25px;
    }

    .m_sm_bottom_0 {
        margin-bottom: 0px;
    }

    .m_sm_bottom_5 {
        margin-bottom: 5px;
    }

    .m_sm_bottom_10 {
        margin-bottom: 10px;
    }

    .m_sm_bottom_20 {
        margin-bottom: 20px;
    }

    .m_sm_bottom_30 {
        margin-bottom: 30px;
    }

    .m_sm_bottom_60 {
        margin-bottom: 60px;
    }
}

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

    /* scheme color */
    .tabs_nav .active a {
        border-right-color: #41bedd !important;
    }

    .tabs_nav .active+li a {
        border-top-color: #41bedd;
    }

    .page_title,
    .page_title.type_3 {
        padding: 20px 0;
    }

    [class*="image_bg_"] {
        background-attachment: scroll;
        background-position: 0 0;
    }

    [role="banner"] {
        padding-bottom: 1px;
    }

    [role="banner"] [role="search"] {
        position: relative !important;
        top: auto !important;
    }

    [role="banner"] {
        border-bottom: none !important;
    }

    .header_bottom_part {
        padding-bottom: 20px;
    }

    .type_2[role="banner"] .header_top_part {
        padding-bottom: 1px !important;
    }

    .header_bottom_part.type_2 {
        padding: 0;
    }

    .main_menu>li>a,
    .main_menu.type_2>li>a {
        padding: 8px 40px 9px 20px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 2px;
        border-style: solid;
    }

    .main_menu>li>a>i {
        position: absolute;
        height: 100%;
        right: 15px;
    }

    .main_menu.type_2>li:first-child>a {
        padding-left: 20px;
    }

    [class*="translucent_bg"].image_fixed>img {
        left: -70%;
    }

    .r_xs_corners {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .mega_menu_container {
        width: 100% !important;
        left: 0 !important;
        padding: 0;
    }

    .mega_menu_container,
    .sub_menu:not(.relative),
    .mega_menu_container .container3d .sub_menu {
        position: relative;
        top: auto;
        margin-top: 5px;
        border: 1px solid #F7F7F7;
    }

    .main_menu.type_2>li>ul {
        margin-top: 5px;
    }

    .dropdown .sub_menu {
        position: absolute;
        top: 100%;
        border-top: 2px solid #41bedd;
        margin-top: 0px;
    }

    .sub_menu .sub_menu,
    [role="banner"] [role="search"]:not(.type_3) {
        left: 0;
        margin-left: 0;
    }

    .sub_menu .sub_menu,
    .mega_menu_container .container3d .sub_menu {
        margin-top: 0;
        border: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .sub_menu ul li a {
        padding-left: 30px;
    }

    .sub_menu ul ul li a {
        padding-left: 40px;
    }

    .section_offset,
    .section_offset_2 {
        padding: 35px 0 40px;
    }

    [role="contentinfo"] {
        padding-top: 35px;
    }

    .r_xs_corners_none {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .tabs_nav li:first-child a {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .tabs_nav li:last-child a {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .tabs_nav li:not(:last-child) a {
        border-right: 1px solid #bdc3c7;
        border-bottom: none;
    }

    .tabs_nav .active+li a {
        border-left-color: #bdc3c7;
    }

    .clients_item {
        max-width: 170px;
    }

    .d_table>[class*="col-"]:last-child {
        padding-right: 15px;
    }

    .d_table>[class*="col-"]:first-child {
        padding-left: 15px;
    }

    .p_table:hover,
    .p_table.active {
        margin: 0;
        padding: 35px 19px 39px;
    }

    .page_title {
        max-height: 268px;
    }

    [class*="_isotope_container"] .portfolio_item,
    [class*="_isotope_container"] .blog_isotope_item,
    .blog_isotope_container[class*="_columns"].type_2 .blog_isotope_item {}

    .project_description,
    .p_carousel_description,
    .blog_post {
        padding-left: 0;
        padding-right: 0;
    }

    .p_xs_hr_0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .blog_side_container {
        margin-left: 0;
    }

    .advertising_area.type_3 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .blog_isotope_container[class*="_columns"].type_2 .blog_isotope_item>article {
        padding: 19px 19px 27px;
    }

    .dropdown_2 {
        width: 280px;
        right: auto;
        left: 50%;
        margin-left: -140px;
    }

    .item_description {
        max-width: 145px;
    }

    .dropdown_2:before {
        right: 50%;
        margin-right: -6px;
    }

    .featured_products .owl-wrapper {
        padding-bottom: 2px;
    }

    .clients.brands .owl-controls {
        margin-top: 20px;
    }

    [class*="addthis_button_"],
    .addthis_counter {
        display: block !important;
    }

    .thumbnails_carousel .flex-direction-nav {
        margin-top: 15px !important;
    }

    [role="search"]:not(.type_3).type_4 input[type="text"] {
        border: 1px solid #e1e4e6;
        padding-left: 20px;
        height: 40px;
    }

    .header_bottom_part.type_3 {
        padding-bottom: 14px;
    }

    [class*="select_button"] {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border-width: 1px;
    }

    .darkness {
        padding: 80px 0;
    }

    .darkness.type_3 {
        padding: 20px 0;
    }

    .screens {
        height: 0;
        padding-bottom: 48%;
    }

    .tablet {
        padding-bottom: 30px;
    }

    .mobile {
        height: 0;
        padding-bottom: 67%;
    }

    .news_list>li {
        padding-left: 0;
    }

    .video_wrap>video {
        width: auto;
        height: auto;
    }

    .coming_soon {
        background-size: 100% 100%;
    }

    .table_type_8 td:not([colspan]) {
        height: auto;
    }

    .form_description {
        padding-left: 0;
        padding-right: 0;
    }

    .db_xs_centered,
    [class*="_isotope_container"],
    .blog_isotope_container[class*="_columns"].type_2,
    [role="banner"] [role="search"]:not(.type_3) {
        margin-left: auto;
        margin-right: auto;
    }

    .bs_xs_none,
    .sub_menu.bs_xs_none {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    .tr_xs_none {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .trf_xs_none {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .w_xs_auto,
    .notify_me button,
    .bn_title {
        width: auto;
    }

    .w_xs_full,
    #breaking_news,
    .thumbnails_container>ul>li,
    .notify_me input[type="email"],
    [role="banner"] [role="search"],
    .addthis_floating_style.addthis_counter_style,
    [role="banner"] [role="search"]:not(.type_3) input[type="text"],
    [class*="_isotope_container"][class*="_columns"] .blog_isotope_item,
    [class*="_isotope_container"][class*="_columns"] .shop_isotope_item:not(.list_view),
    .addthis_floating_style.addthis_counter_style .addthis_internal_container {
        width: 100%;
    }

    .f_xs_none,
    .hr_list>.f_xs_none {
        float: none;
    }

    .d_xs_none,
    .main_menu>li>a:after,
    [class*="select_button"]:after,
    [class*="select_button"]:before,
    [role="banner"] [role="search"]:after,
    [class*="ios_nav_"],
    .tp-leftarrow,
    .tp-rightarrow,
    .main_menu.type_2>li>.sub_menu:before,
    .main_menu>li>.mega_menu_container:before,
    .main_menu.type_2>li>.sub_menu>li:first-child>.sub_menu:before {
        display: none;
    }

    .w_xs_half_column {
        width: 50%;
    }

    .f_xs_left,
    [class*="addthis_button_"],
    .addthis_counter {
        float: left;
    }

    .f_xs_right {
        float: right;
    }

    .d_xs_block {
        display: block;
    }

    .d_xs_inline_b {
        display: inline-block;
    }

    .d_xs_inline_m {
        display: inline-block;
        vertical-align: middle;
    }

    .t_xs_align_c {
        text-align: center;
    }

    .t_xs_align_l {
        text-align: left;
    }

    .m_xs_left_0 {
        margin-left: 0px;
    }

    .m_xs_left_5 {
        margin-right: 5px;
    }

    .m_xs_right_0 {
        margin-right: 0;
    }

    .m_xs_right_5 {
        margin-right: 5px;
    }

    .m_xs_right_8 {
        margin-right: 8px;
    }

    .m_xs_right_15 {
        margin-right: 15px;
    }

    .m_xs_right_20 {
        margin-right: 20px;
    }

    .m_xs_top_0 {
        margin-top: 0px;
    }

    .m_xs_top_10 {
        margin-top: 10px;
    }

    .m_xs_top_15 {
        margin-top: 15px;
    }

    .m_xs_top_20 {
        margin-top: 20px;
    }

    .m_xs_bottom_0 {
        margin-bottom: 0;
    }

    .m_xs_bottom_5 {
        margin-bottom: 5px;
    }

    .m_xs_bottom_8 {
        margin-bottom: 8px;
    }

    .m_xs_bottom_10 {
        margin-bottom: 10px;
    }

    .m_xs_bottom_15 {
        margin-bottom: 15px;
    }

    .m_xs_bottom_20 {
        margin-bottom: 20px;
    }

    .responsive_table thead tr,
    .responsive_table td.d_xs_none {
        display: none !important;
    }

    .responsive_table.rt_type_2 tbody tr {
        counter-reset: counter;
    }

    .responsive_table tbody td[colspan] {
        display: block;
        text-align: center;
        border-left: none;
        border-right: none;
        border-top: none;
        width: 100%;
    }

    .responsive_table tbody td:not([colspan]) {
        display: block;
        padding-left: 52% !important;
        position: relative;
        border-left: none;
        border-right: none;
        border-top: none;
        width: 100%;
    }

    .responsive_table tbody tr:nth-child(2n+1) {
        background: #f7f9f9;
    }

    .responsive_table tbody td:not([colspan]):before {
        content: attr(data-title);
        position: absolute;
        left: 15px;
        top: 50%;
        width: 40%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .responsive_table.rt_type_2 tbody tr td {
        counter-increment: counter;
    }

    .responsive_table.rt_type_2 tbody td:not([colspan]):before {
        content: counter(counter)". "attr(data-title);
    }

    .responsive_table tbody td:not([colspan]):after {
        content: "";
        display: block;
        height: 100%;
        border-left: 1px solid #bdc3c7;
        position: absolute;
        left: 49%;
        top: 0;
    }

    .responsive_table tr:last-child td:not(:last-child) {
        border-bottom: 1px solid #bdc3c7;
    }

    .coupon {
        width: 80%;
    }
}

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

    .steps_nav li .icon_wrap_size_7,
    .steps_nav li .container3d {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }
}

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

    [class*="_isotope_container"][class*="_columns"] .portfolio_item,
    .portfolio_item img {
        width: 100%;
    }

    .product_view {
        width: 100%;
    }
}

@media only screen and (max-width:390px) {
    .table_type_5 .quantity input[type="text"] {
        width: 30px;
    }

    .w_mxs_full {
        width: 100%;
    }

    .d_mxs_none {
        display: none;
    }

    .d_mxs_block {
        display: block;
    }

    .d_mxs_inline_b {
        display: inline-block;
    }

    .d_mxs_table_cell {
        display: table-cell;
    }

    .m_mxs_left_0 {
        margin-left: 0;
    }

    .m_mxs_bottom_5 {
        margin-bottom: 5px;
    }

    .m_mxs_bottom_10 {
        margin-bottom: 10px;
    }

    .f_mxs_none {
        float: none;
    }

    .heading_1 .bread {
        display: none;
    }
}

@media (max-width:1199px) {
    .boxed_layout {
        width: 1000px;
    }
}

@media (max-width:991px) {
    .boxed_layout {
        width: 780px;
    }
}

@media (max-width:767px) {
    .boxed_layout {
        width: auto;
    }
}

.header-style-1 #nav {
    text-align: right;
}

.sub_menu li {
    text-align: center;
}

.navigation-field>li>ul>li.active>a {
    color: #f7ffaa;
}

@media (min-width:1200px) {
    .container {
        max-width: 1440px;
    }
}


/* theme style */

html {
    overflow-x: hidden;
}

body {
    font: 400 16px/1.5em "sans-serif", "微軟正黑體";
    color: #2a2a2a;
    overflow-x: hidden;
}

a:hover,
a:focus {
    text-decoration: none;
}

hr {
    margin-bottom: 0;
    margin-top: 0;
}

label.error {
    display: none !important;
}

input.error,
select.error,
textarea.error {
    background-color: rgb(255, 231, 231);
    border: 1px solid #F00 !important;
}

.search-input {
    background-color: #fff;
}

.sub-select-btn {
    border-radius: 5px;
    display: none;
    margin-bottom: 5px;
}

.sub-select-btn:hover {
    color: #fff !important;
    background-color: #919191;
}

.sub-select-btn i {
    margin-top: 12px;
    margin-left: 7px;
}

.transition *,
.transition:hover * {
    -o-transition: all .20s linear !important;
    -webkit-transition: all .20s linear !important;
    -moz-transition: all .20s linear !important;
    transition: all .20s linear !important;
}

.transition_ease_in_out *,
.transition_ease_in_out *:before,
.transition_ease_in_out *:after,
.transition_ease_in_out:hover *,
.transition_ease_in_out:hover *:before,
.transition_ease_in_out:hover *:after {
    -o-transition: all, .15s, ease-in-out, all 0.4s cubic-bezier(0.03, 0.11, 0.03, 0.97) !important;
    -webkit-transition: all, .15s, ease-in-out, all 0.4s cubic-bezier(0.03, 0.11, 0.03, 0.97) !important;
    -moz-transition: all, .15s, ease-in-out, all 0.4s cubic-bezier(0.03, 0.11, 0.03, 0.97) !important;
    transition: all, .15s, ease-in-out, all 0.4s cubic-bezier(0.03, 0.11, 0.03, 0.97) !important;
}

.all-trans,
.all-trans:hover {
    -o-transition: all .20s linear !important;
    -webkit-transition: all .20s linear !important;
    -moz-transition: all .20s linear !important;
    transition: all .20s linear !important;
}

[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.5s 0s ease;
    opacity: 0;
}

.overflow_multi_2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.overflow_multi_3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.overflow_multi_4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 15px;
    font-weight: bold;
}

.img-fluid {
    margin-bottom: 20px;
}

.displayNone {
    display: none;
}

.overflowTexty {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

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

.corner4px {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.corner5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.corner6px {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.corner7px {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.corner8px {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.corner9px {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.corner11px {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}

.fontSize_16 {
    font-size: 16px;
}

.fontSize_14 {
    font-size: 14px;
}

.fontSize_12 {
    font-size: 12px;
}

.paddingTopDown10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddingTopDown15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.paddingTopDown20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.paddingTopDown25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingTop25 {
    padding-top: 25px;
}

.paddingTop35 {
    padding-top: 35px;
}

.paddingDown10 {
    padding-bottom: 10px;
}

.paddingDown15 {
    padding-bottom: 15px;
}

.paddingDown20 {
    padding-bottom: 20px;
}

.paddingDown25 {
    padding-bottom: 25px;
}

.l_small {
    line-height: 18px;
}

.l_medium {
    line-height: 22px;
}

.l_big {
    line-height: 32px;
}

.f_center {
    margin: auto;
}

footer .webdesign {
    font-size: 12px;
}

.main_menu {
    font-size: 14px;
    display: inline-block;
}

.newsList {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.newsList .list {
    display: block;
    width: 100%;
}

.newsList .newsDate {
    font-size: 12px;
    line-height: 16px;
    padding-left: 15px;
}

.heading_1 {
    border-bottom: 4px double #D3D3D3;
    display: inline-block;
    float: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5vh;
    width: 100%;
    box-shadow: 0 15px 20px -20px rgba(0, 0, 0, 0.3);
}

.heading_1 h3 {
    float: left;
    font-weight: bold;
    margin-bottom: 0;
}

.heading_1 .bread {
    float: right;
    font-size: 14px;
}

.image_header {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../upload/common/bg.jpg);
    background-attachment: scroll;
    position: relative;
    background-size: cover;
    z-index: 0;
}

.pageMain {
    font-size: 15px;
    background-color: #fff;
}

.pageMain p {
    margin-bottom: 15px;
}

.pageMain h6 {
    font-size: 20px;
    color: #C00;
    padding-bottom: 10px;
    padding-top: 10px;
}

.service_descBox {
    display: block;
    height: 36px;
    overflow: hidden;
}

.portfolio_item h5 {
    margin: 15px;
    color: #FFC;
}

.portfolio_item .desc {
    font-size: 12px;
    color: #FFF;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 18px;
    text-align: left;
}

.portfolioList {
    width: 100%;
}

.googleMap,
.googleMap iframe {
    height: 300px;
    width: 100%;
}

.contactInfo {
    background-color: #F2F2F2;
    padding: 15px;
    margin-bottom: 25px;
    font-size: 14px;
    margin-top: 25px;
}

.newsListBox {
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
}

.newsListBox .newsTitle {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 7px;
}

.newsListBox .descBox {
    font-size: 16px;
}

.backBox {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
    text-align: center;
    margin-top: 20px;
}

.coming_soon {
    background-size: cover;
    min-height: 514px;
    background-repeat: no-repeat;
    background-position: center center;
}

.productsImg {
    margin-bottom: 5px;
}

.productsImg a {
    display: block;
    overflow: hidden;
}

.productsImg a img {
    transition: all 0.6s;
    margin-bottom: 0;
}

.productsImg a:hover img {
    transform: scale(1.4);
}

.productsListTitle {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    height: 44px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

mark.newsClass {
    font-size: 14px;
    margin-right: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.logo-section .logo img {
    max-height: 80px !important;
    height: auto;
    width: auto;
}

.bannerViewBtn {
    float: left;
    padding-right: 40px;
    padding-left: 40px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-top: 20px;
}

.btnDisable {
    color: #CCCCCC !important;
    border: 1px solid #CCCCCC !important;
}

.btnDisable:hover {
    color: #CCC !important;
    background-color: #FFF !important;
    border: 1px solid #CCCCCC !important;
}

.thumbnails_carousel {
    text-align: center;
}

#thumbnails {
    width: 100%;
}

#thumbnails a {
    display: inline-block;
    height: 80px;
    width: 80px;
    margin-right: 9px;
}

.keyword {
    margin-right: 5px;
    margin-left: 5px;
    color: #F00;
    font-weight: bolder;
}

#verifyImgCode {
    height: 50px;
    width: 160px;
    cursor: pointer;
}

#capcha_image {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
}

#capcha_image:after {
    content: "\f021";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #666666;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.indexService img {
    height: 80px;
    width: 80px;
}

.table_contain {
    display: block;
    overflow: auto;
    min-width: 330px;
    width: 100%;
    font-size: 14px;
    padding-bottom: 20px;
}

.table_contain table {
    display: table;
}

.table_contain table td {
    vertical-align: middle;
    display: table-cell;
}

.custom_select {
    border: 1px solid #e1e4e6;
    cursor: pointer;
    font-style: italic;
}

.custom_select select {
    cursor: pointer;
    height: 40px;
    padding: 5px 15px;
    background: transparent;
    border-radius: 0;
    color: #000000;
}

.arrowColor2:not([class*="_hover"]):hover {
    color: #fff;
}

.titler_style1 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    font-size: 24px;
    line-height: 30px;
}

.titler_style1:after {
    content: "";
    display: block;
    height: 3px;
    width: 35%;
    bottom: 0px;
    position: absolute;
}

.titler_style1 span.post_time {
    font-size: 14px;
    display: flex;
    color: #8b8b8b;
    align-items: center;
}

.titler_style1 span i {
    margin-right: 10px;
}

.no_bottom {
    padding-bottom: 0;
}

#nav a {
    font-weight: bolder;
}

#footer_1 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.copyright-field span {
    margin-right: 15px;
}

@media (max-width:991px) {
    .copyright-field span {
        display: block;
        margin-right: 0;
    }
}

.copyright-field .container {
    min-height: 0;
}

.copyright-field .social_icons {
    margin: 0px;
    float: right;
}

#capcha {
    width: 150px;
    margin-left: 0;
    margin-right: 20px;
}

.logo {
    display: inline-block;
}

.logo-section {
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (max-width:1199px) {
    .searchForm {
        text-align: center;
    }
}

@media (max-width:767px) {}

.searchForm .search_btn,
.searchForm .search_cancel_btn {
    margin-left: 10px;
}

@media (max-width:767px) {
    .search_cancel_btn {
        display: none;
    }

    .serach_input {
        width: 90% !important;
    }
}

@media (max-width:695px) {
    .serach_input {
        width: 85% !important;
    }
}

@media (max-width:479px) {
    .serach_input {
        width: 80% !important;
    }
}

@media (max-width:389px) {
    .serach_input {
        width: 70% !important;
    }
}

@media (max-width:767px) {
    .logo-section .logo img {
        max-height: 60px !important;
    }
}

@media (max-width:389px) {
    .logo-section .logo img {
        max-width: 100%;
    }
}

@media (max-width:1199px) {
    #nav {
        margin-left: 150px;
    }
}

@media (max-width:991px) {
    #nav {
        margin-left: 0px;
    }
}

.langBox {
    display: inline-block;
    margin-right: 20px;
    width: 100px;
    text-align: left;
    font-size: 14px;
    position: relative;
    line-height: 34px;
    z-index: 999;
}

.langBox ul li a {
    padding-left: 10px;
    display: block;
}

.langBox ul>li>ul {
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
}

.langBox ul>li:hover>ul,
.langBox ul>li>ul:hover {
    display: block;
}

.langBox ul li a:hover,
.langBox ul li:hover>a {
    background-color: #ededed;
}

.header_bottom_part.fixed .logo-section {
    padding-top: 0;
    padding-bottom: 0;
}

.header_bottom_part.fixed .logo img {
    max-height: 45px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 320px;
}

.banner-section {
    position: relative;
    z-index: 0;
}

@media (max-width:1199px) {
    .main_menu>li>a {
        padding: 20px 16px;
    }
}

@media (max-width:767px) {
    .main_menu {
        margin-bottom: 20px;
        display: block;
        margin-top: 10px;
    }

    .main_menu>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .main_menu>li {
        float: none;
    }
}

.headerBox .social_icons .icon_wrap_size_1 i {
    line-height: 20px;
}

.headerBox .socialicon:hover {
    opacity: .5;
    color: #fff;
}

.headerBox .socialicon {
    font-size: 22px;
    line-height: 22px;
    margin-left: 8px;
}

.social_icons li {
    font-size: 18px;
    line-height: 18px;
    margin-left: 8px;
}

.social_icons .tooltip {
    font-size: 12px;
}

.headerBox .icon-angle-down {
    color: #fff;
}

.search_buttons {
    display: inline-block;
    margin-top: 30px;
    margin-left: 15px;
}

@media (max-width:1199px) {
    .search_buttons {
        margin-top: 15px;
    }
}

@media (max-width:767px) {
    .search_buttons {
        display: none;
    }
}

.header_bottom_part.fixed .search_buttons {
    margin-top: 7px;
}

.qrcode {}

.qrcode img {
    max-width: 148px;
    min-height: 148px;
}

@media (min-width:768px) {
    .navigation-field {
        display: block !important;
    }
}

.navigation-field li {
    border-bottom: 1px dotted #ccc;
}

.navigation-field li a {
    display: block;
    padding: 7px 15px;
    font-weight: bold;
}

.navigation-field li span {
    margin-right: 5px !important;
    margin-left: 5px !important;
}


/* 三層長相 */

#submenu.navigation-field>li>ul>li a {
    padding-left: 35px;
}

#submenu.navigation-field>li>ul {
    display: none;
}

#submenu.navigation-field>li.active>ul {
    display: block;
    margin-top: 1px;
}

.sub_arrow:after {
    content: "f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 10px;
    top: 15px;
}


/* 三層長相 */

@media (max-width:479px) {
    #mobile-field {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
    }
}

#mobile-field .control-btn {
    text-align: center;
    display: inline-block;
    float: left;
}

#mobile-field .control-btn a {
    display: block;
    color: #fff;
    height: 50px;
    font-size: 1.7em;
}

#mobile-field .btn-tel {
    background-color: #008db3;
}

#mobile-field .btn-line {
    background-color: #32B800;
}

#mobile-field .btn-facebook {
    background-color: #3B5998;
}

#mobile-field .btn-email {
    background-color: #e58d00;
}

#mobile-field .btn-address {
    background-color: #CC3300;
}

#mobile-field .btn-fb-messenger {
    background-color: #0283FF;
}

#mobile-field .control-btn i {
    line-height: 50px;
}

#mobile-field .btn-line img {
    width: 30px;
    height: 30px;
    margin-top: 10px;
}

@media (min-width:480px) {
    #mobile-field {
        display: none;
    }
}

.page_title {
    height: 270px;
}

@media (max-width:1199px) {
    .page_title {
        height: 220px;
    }
}

@media (max-width:767px) {
    .page_title {
        height: 180px;
    }
}

@media (max-width:991px) {
    .copyright-field .social_icons {
        float: none;
        display: block;
        margin-top: 10px;
    }
}

#verification {
    cursor: pointer;
}

@media (max-width:479px) {
    .langBox {
        margin-right: 0;
    }
}

@media (max-width:695px) {
    .bannerViewBtn {
        margin-top: 0;
    }
}

.footer_type3 {
    font-size: 14px;
    margin-top: 10px;
}

.footer-nav {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    font-size: 12px;
}

.footer-nav ul {}

.footer-nav ul li:last-child {
    border-right: none;
}

.footer-nav ul li {
    display: inline-block;
    border-right: 1px solid #ccc;
}

.footer-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width:599px) {
    .footer-nav ul {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .footer-nav {
        text-align: center;
    }

    .footer-nav ul li {
        border-right: none;
    }

    .footer-nav ul li a {
        line-height: 26px;
    }
}

.footer-company-info {
    line-height: 22px;
}

@media (max-width:479px) {
    .footer_type3 .logo {
        display: none;
    }
}

.social_icons .fa {
    line-height: 20px;
}

.social_icons a,
.contact_company_info .circle,
.circle {
    border-radius: 50% !important;
}

.main_menu>li>a>i {
    top: 15px;
    margin-left: 8px !important;
}

@media (max-width:767px) {
    .section_offset_3 {
        min-height: auto;
    }
}

.indexServiceItem .title:hover {
    text-decoration: underline;
}

[class*="icon_wrap"] i[class|="icon"] {
    margin-left: -1px;
}

@media (max-width:767px) {
    .bx-controls-direction {
        display: none;
    }
}

.products-list-style2 {}

.products-list-style2 h3 {
    font-size: 22px;
}

.products-list-style2 .description {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
}

.products-list-style2 .row {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

@media (max-width:767px) {
    .products-list-style2 .thumb {
        margin-bottom: 20px;
    }
}

.banner-section .bxslider img {
    width: 100%;
    height: auto;
}

.news-list-style2 {
    margin-bottom: 20px;
}

.news-list-style2 .news-list {}

.news-list-style2 .news-list p {
    font-size: 12px;
    line-height: 20px;
}

.news-list-style2 .news-list .post-date {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 10px;
}

.news-list-style2 .news-list h5 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width:768px) {
    .news-list-style2 .news-list p {
        min-height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

.day_of_the_month {
    font-family: Arial Black;
}

@media (max-width:767px) {
    .sub-select-btn {
        display: block;
        text-align: center;
        color: #fff;
        background-color: #6e6e6e;
        line-height: 40px;
        height: 40px;
    }
}

.header-style-2 {
    width: 100%;
}

.header-style-2 .logo-section {
    text-align: center;
}

.header-style-2 .main_menu {
    display: block;
    text-align: center;
}

.header-style-2 .main_menu>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header-style-2 .main_menu>li {
    float: none;
    display: inline-block;
}

.header-style-2 #nav {
    margin-left: 0;
}

@media (max-width:767px) {
    .header-style-2 .main_menu>li {
        display: block;
    }

    .header-style-2 .main_menu>li>a {
        padding-top: 7px;
        padding-bottom: 7px;
        border-radius: 0;
    }

    .header-style-2 #nav {
        padding-right: 10px;
        padding-left: 10px;
        display: none;
    }
}

.header-style-2 .search-btn i {
    height: 24px;
    width: 24px;
    line-height: 25px;
    border-radius: 50%;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-left: 0 !important;
}

.header-style-2 #search-form-field.collapse {
    display: none;
}

.header-style-2 #search-form-field.collapse.in {
    display: block;
}

.header-style-2 #search-form-field {
    text-align: center;
}

.header-style-2 #search-form-field form {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-style-2 .search-input {
    padding-top: 0;
    padding-bottom: 0;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border-radius: 3px;
}

@media (max-width:767px) {
    .header-style-2 .main_menu>li>a>i {
        position: static;
    }
}

@media (max-width:389px) {}

.header-style-3 {
    width: 100%;
}

.header-style-3 .main_menu {
    display: block;
    text-align: center;
}

.header-style-3 .main_menu>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header-style-3 .main_menu>li {
    float: none;
    display: inline-block;
}

.header-style-3 #nav {
    margin-left: 0;
}

@media (max-width:767px) {
    .header-style-3 .main_menu>li {
        display: block;
    }

    .header-style-3 .main_menu>li>a {
        padding-top: 7px;
        padding-bottom: 7px;
        border-radius: 0;
    }

    .header-style-3 #nav {
        padding-right: 10px;
        padding-left: 10px;
        display: none;
        background-color: transparent;
    }
}

.header-style-3 .search-btn i {
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-right: 0 !important;
}

.header-style-3 #search-form-field.collapse {
    display: none;
}

.header-style-3 #search-form-field.collapse.in {
    display: block;
}

.header-style-3 #search-form-field {
    text-align: right;
}

.header-style-3 #search-form-field form {
    padding-top: 35px;
}

.header-style-3.fixed #search-form-field form {
    padding-bottom: 0;
    padding-top: 10px;
}

.header-style-3 .search-input {
    padding-top: 0;
    padding-bottom: 0;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border-radius: 3px;
}

@media (max-width:767px) {
    .header-style-3 .main_menu>li>a>i {
        position: static;
    }
}

@media (max-width:389px) {}

#search-form-field .search-btn:hover i {
    color: #fff;
    background-color: #f18900;
    -o-transition: all .10s linear !important;
    -webkit-transition: all .10s linear !important;
    -moz-transition: all .10s linear !important;
    transition: all .10s linear !important;
}

.search-btn i {
    background-color: #fff;
    color: #323232;
}

@media (max-width:767px) {
    .header-style-3 #search-form-field form {
        text-align: center;
        padding-top: 0;
    }
}

@media (max-width:479px) {
    #footer_1 {
        padding-bottom: 70px;
    }
}

.bx-wrapper .bx-controls-direction a {
    width: 50px;
    height: 80px;
    margin-top: -40px;
    text-indent: 0;
    text-align: center;
    line-height: 80px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-family: "FontAwesome";
    font-size: 20px;
    transition: all .5s linear;
}

.bx-wrapper .bx-controls-direction a:hover {
    background-color: rgba(0, 0, 0, 0.7);
    transition: all .5s linear;
}

@media (min-width:768px) {

    .bx-wrapper .bx-prev,
    .bx-wrapper .bx-next {
        opacity: 0;
        transition: opacity 1.5s 0s ease;
    }

    .bx-wrapper:hover .bx-prev,
    .bx-wrapper:hover .bx-next {
        opacity: 1;
        transition: opacity 1.5s 0s ease;
    }
}

.bx-wrapper .bx-prev {
    left: 0;
    background-image: url('none');
}

.bx-wrapper .bx-prev:before {
    content: "\f053";
}

.bx-wrapper .bx-next {
    right: 0;
    background-image: url('none');
}

.bx-wrapper .bx-next:before {
    content: "\f054";
}

.footer-style-2 .social_icons {
    float: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer-style-2 .hr_list>li {
    float: none;
    display: inline-block;
    margin-right: 3px;
}

.footer-style-2 .company-info {
    font-size: 14px;
}

.footer-style-2 {
    text-align: center;
}

@media (max-width:991px) {
    .footer-style-2 .social_icons {
        margin-top: 0;
    }
}

.titler_style1 a {
    font-size: 12px;
    position: absolute;
    right: 0;
    display: inline-block;
    bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 26px;
    background-color: #efefef;
    color: #000000;
}

.contactInfo p:last-child {
    margin-bottom: 0;
}

.right_section.col-md-12 .product_view {
    width: 40%;
}

.right_section.col-md-12 .product_info {
    width: 55%;
}

.icon_wrap_size_2 {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 7px;
}

#back_to_top {
    right: 10px;
    bottom: 70px;
    display: block;
}

@media (min-width:768px) {
    .div-table {
        width: 100%;
        display: table;
        border-collapse: collapse;
    }

    .div-table .row {
        display: table-row;
    }

    .div-td {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}

.boxed_layout .c_nav_next.nav_type_2 {
    right: -10px;
}

.boxed_layout .c_nav_prev.nav_type_2 {
    left: -10px;
}

.fp_nav_prev {
    left: 5px;
}

.fp_nav_next {
    right: 5px;
}

.carousel-indicators {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    left: 0;
}

.carousel-inner img {
    margin: 0;
}

@media (max-width: 992px),
only screen and (max-width: 992px) and (orientation: portrait) {
    .container {
        padding: 0px;
    }
}

@media (max-width: 768px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* define bootstrap 5 columns */

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

.youtube_content {
    position: relative;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.youtube_content {
    padding-bottom: 56.25%;
}

.youtube_content iframe,
.youtube_content object,
.youtube_content embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.nav-field {
    margin-bottom: 40px;
}

@media (max-width:991px) {
    .nav-field {
        margin-bottom: 20px;
    }
}

@media (max-width:767px) {
    .productsListTitle {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
    }
}

.products-list-style3 .description p {
    margin-bottom: 0;
    line-height: 18px;
    font-size: 14px;
}

.products-list-style3 .thumb {
    margin-bottom: 15px;
}

.products-list-style3 .description {
    margin-bottom: 15px;
    text-align: justify;
}

.products-list-style3 .list {
    margin-bottom: 10px;
}

.products-list-style3 h5 {
    font-size: 16px;
    margin-bottom: 10px;
}

#thumbnails a {
    margin-bottom: 10px;
}

#thumbnails a:last-child {
    margin-right: 0;
}

.products-view-style1 {}

.products-view-style2 {}

.products-view-style2 .productsTitle {
    font-weight: bold;
}

.products-view-style2 .editor-area {
    margin-bottom: 15px;
}

.products-view-style2 .products-header {
    margin-bottom: 40px;
}

.products-view-style4 .productsTitle {
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.products-view-style4 {}

.products-view-style4 .fb-share-area {}

.products-view-style4 .products-header {
    margin-bottom: 40px;
}

.products-view-style3 .productsTitle {
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.products-view-style3 .products-images {
    text-align: center;
}

.products-view-style3 .products-header {
    margin-bottom: 20px;
}

.products-view-style3 #thumbnails {
    text-align: center;
    margin-bottom: 40px;
}

.products-view-style3 .products-images img {
    max-height: 500px;
}

@media (min-width:768px) {

    .sec_products button,
    .linkBox button {
        opacity: 0;
        transition: opacity 1.5s 0s ease;
    }

    .sec_products:hover button,
    .linkBox:hover button {
        opacity: 1;
        transition: opacity 1.5s 0s ease;
    }
}

.icon_wrap_size_4 {
    top: 50%;
    margin-top: -32px;
    position: absolute;
}

.icon_wrap_size_5 {
    top: 50%;
    margin-top: -30px;
    position: absolute;
}

.news-list-style3 .news-list {
    margin-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
}

.news-list-style3 .news-list .col-md-8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-list-style3 .news-list h4 a {
    font-weight: bold;
    font-size: 18px;
}

.news-list-style3 .news-list h4 {
    margin-bottom: 0;
}

.news-list-style3 .news-list .post-date {
    font-size: 12px;
    margin-bottom: 5px;
    color: #747474;
}

.news-list-style3 .news-list .descBox {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 15px;
}

.news-list-style3 .news-list .news-images {
    text-align: center;
}

.news-list-style3 .news-list .news-images a {
    display: inline-block;
}

.news-list-style4 .news-list .post-date {
    font-size: 12px;
    text-align: center;
    color: #7c7c7c;
    padding-top: 8px;
    padding-bottom: 8px;
}

.news-list-style4 .news-list h4 {
    margin-bottom: 0;
}

.news-list-style4 .news-list {
    border-bottom: 1px dashed #dddddd;
}

.news-list-style4 .news-list h4 a {
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.news-list-style4 {
    margin-bottom: 30px;
}

.news-list-style4 .news-list:nth-child(even) {
    background-color: #f1f1f1;
}

@media (max-width:767px) {
    .news-list-style4 .news-list .post-date {
        text-align: left;
        padding-left: 15px;
    }
}

.header-style-1 input[name="search_keyword"] {
    margin-top: -12px;
}

.pages {
    font-size: 13px;
}

.pages a,
.pages span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 2px;
    margin-left: 2px;
    padding-top: 5px;
    padding-right: 9px;
    padding-bottom: 5px;
    padding-left: 9px;
}

.home_editor div[class*=col-] {
    margin-bottom: 20px;
}

@media (max-width:767px) {
    #menu_button {
        position: absolute;
        right: 0;
        top: -60px;
    }

    .header_bottom_part {
        padding-bottom: 0;
    }

    .header-style-2 .logo-section {
        text-align: left;
        padding-left: 10px;
        padding-right: 60px;
    }

    .header-style-2 .li-search {
        display: none !important;
    }

    .header-style-2 #search-form-field.collapse {
        display: block;
    }

    .header-style-2 #search-form-field form {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .header-style-2 #search-form-field .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width:1199px) {
    .header-style-3 #search-form-field form {
        padding-top: 30px;
    }
}

@media (max-width:991px) {}

@media (max-width:767px) {
    .header-style-3 #search-form-field form {
        padding-top: 20px;
    }
}

@media (max-width:499px) {
    .header-style-3 #search-form-field {
        display: none;
    }
}

.header-style-3 .mobile-search {
    display: none;
}

@media (max-width:499px) {
    .header-style-3 .mobile-search {
        display: block;
        padding-bottom: 20px;
    }
}

@media (max-width:389px) {}

@media (max-width:389px) {
    .header-style-3 .col-xs-7:first-child {
        width: 100%;
        padding-right: 60px;
    }
}

.header-style-1 .serach_input {
    width: 520px;
}

@media (max-width:1199px) {
    .header-style-1 .logo-section {
        text-align: center;
    }
}

@media (max-width:767px) {
    .header-style-1 .logo-section {
        text-align: left;
        padding-right: 60px;
    }
}

@media (max-width:1199px) {
    .header-style-1 form.searchForm {
        width: 100% !important;
    }
}

@media (max-width:767px) {
    .header-style-1 .serach_input {
        width: 100% !important;
    }
}

@media (max-width:991px) {
    #footer_1 {
        text-align: center;
    }
}

.icon_wrap_size_3 {
    transition: none !important;
}


/* ****** hamburger custom **** */

.hamburger {
    padding: 0;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 20px;
    height: 3px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -6px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    right: 10px;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -12px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fb-like {
    display: block;
    min-height: 25px;
    margin-bottom: 2.5vh;
}

.addthis_inline_share_toolbox #atstbx2 {
    margin-bottom: 2.5vh;
}

#section_6 {
    padding-top: 50px;
    padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    #footer_1 {
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .header-style-1 #nav {
        text-align: left;
    }

    .sub_menu li {
        text-align: left;
    }
}

#footer_6 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.swiper-button-prev,
.swiper-button-next {
    opacity: 0;
    -o-transition: all .20s linear !important;
    -webkit-transition: all .20s linear !important;
    -moz-transition: all .20s linear !important;
    transition: all .20s linear !important;
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
    opacity: 1;
    -o-transition: all .20s linear !important;
    -webkit-transition: all .20s linear !important;
    -moz-transition: all .20s linear !important;
    transition: all .20s linear !important;
}

.swiper-pagination-bullet-active-main {
    background-color: #555555;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev,
.swiper-button-next {
    background-color: rgba(0, 0, 0, 0.3);
    height: 70px;
    width: 50px;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.swiper-button-prev:after,
.swiper-button-next:after {
    color: #fff;
    font-size: 34px;
}

.swiper-button-wrap {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}

.swiper-button-wrap .swiper-button-prev,
.swiper-button-wrap .swiper-button-next {
    position: relative !important;
    left: unset !important;
    top: unset !important;
    right: unset !important;
    transform: unset !important;
    margin: 0;
}

@media (max-width:767px) {

    .swiper-button-wrap .swiper-button-prev,
    .swiper-button-wrap .swiper-button-next {
        display: flex;
        opacity: 1 !important;
        height: 50px;
        width: 35px;
    }

    .swiper-button-wrap .swiper-button-prev:after,
    .swiper-button-wrap .swiper-button-next:after {
        font-size: 22px;
    }

    .swiper-pagination {
        bottom: 0 !important;
    }
}

.swiper-slide img {
    width: 100%;
}

#pre_loading {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 99999;
    background-repeat: no-repeat;
    background-position: center center;
}

.tab-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

#cover_ad {
    display: none;
    min-width: 50%;
    max-width: 80%;
}

#cover_ad .home_not_display {
    text-align: center;
    color: #4A4A4A !important;
}

.carousel-indicators li {
    list-style-type: none !important;
}

.zoomWindowContainer .zoomWindow {
    cursor: pointer !important;
}

h1.errorpage {
    text-align: center;
    padding-top: 10vh;
    padding-bottom: 10vh;
}

.project_description.type_2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.portfolio_item h5 {
    font-size: 15px;
}

.nav-tabs .nav-item {
    list-style: none;
}

#section_1,
#section_3 {
    padding-top: 40px;
    padding-bottom: 40px;
}


/* *******************
Editor area
****************** */

.editor-area,
.editor-area p,
.editor-area li {
    font-size: 16px;
    line-height: 24px;
}

.editor-area h1 {
    font-size: 36px;
    line-height: 42px;
}

.editor-area h2 {
    font-size: 30px;
    line-height: 36px;
}

.editor-area h3 {
    font-size: 28px;
    line-height: 34px;
}

.editor-area h4 {
    font-size: 24px;
    line-height: 30px;
}

.editor-area h5 {
    font-size: 20px;
    line-height: 26px;
}

.editor-area h6 {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.editor-area ul,
.editor-area ol {
    margin-right: 0px;
    margin-left: 0;
    padding-right: 0px;
    padding-left: 18px;
}

.editor-area ul {
    padding-left: 15px;
}

.editor-area ol {
    padding-left: 16px;
}

.editor-area ul li {
    list-style-type: disc;
    padding: 2px 0;
}

.editor-area ol li {
    list-style-type: decimal;
    padding: 2px 0;
}

.editor-area ul.nav-tabs {
    margin: 0;
    padding: 0;
}

.editor-area .tab-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 3vh;
    padding-bottom: 3vh;
}

.editor-area .table-responsive {
    overflow-x: auto;
    overflow-y: none;
}

.editor-area table {
    width: 100%;
}

.editor-area table th {
    background-color: #868686;
    color: #fff;
}

.editor-area table {
    border: 1px solid #bdc3c7;
}

.editor-area table td,
.editor-area table th {
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #bdc3c7;
}

.editor-area table th {
    padding-top: 5px;
    padding-bottom: 5px;
}

.editor-area table tr:nth-child(even) td {
    background-color: #F5F5F5;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}


/* *****************************
Home Banner & Innerpage Banner
***************************** */

.page_title .container {
    height: 100%;
    width: 100%;
}

.banner-content {
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 999;
    display: flex;
    flex-wrap: wrap;
}

.color-banner {
    color: #ffffff;
}

.banner-left {
    text-align: left;
    justify-content: left;
}

.banner-right {
    text-align: right;
    justify-content: right;
}

.banner-center {
    text-align: center;
}

.banner-text-shadow {
    text-shadow: 0 0 5px rgb(0 0 0 / 65%);
}

.page_title h2 {
    font-size: 42px;
    line-height: 52px;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
}

@media (max-width:991px) {
    .page_title h2 {
        font-size: 32px;
        line-height: 42px;
    }
}

@media (max-width:767px) {
    .page_title h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

.swiper-overlay {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    top: 0;
    left: 0;
    background-color: #000000;
}

.swiper-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding: 25px 100px;
    display: flex;
    align-items: center;
}

.swiper-content h2 {
    color: #ffffff;
    font-size: 52px;
    line-height: 62px;
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    animation-delay: 0s;
    animation-duration: 0.8s;
}

.swiper-content p {
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    display: block;
    width: 100%;
    animation-delay: 0.4s;
    animation-duration: 0.8s;
}

.swiper-content-box {
    display: block;
    width: 100%;
    height: auto;
}

.swiper-content.swiper-center {
    text-align: center;
    justify-content: center;
}

.swiper-content.swiper-left {
    text-align: left;
    justify-content: flex-start;
}

.swiper-content.swiper-right {
    text-align: right;
    justify-content: flex-end;
}

.swiper-content.swiper-left .swiper-content-box {
    width: 50%;
}

.swiper-content.swiper-right .swiper-content-box {
    width: 50%;
}

.swiper-btn {
    padding: 10px 20px;
    text-align: center;
    color: #000;
    border-radius: 30px;
    display: inline-block;
    margin-top: 20px;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: bold;
    animation-delay: 0.8s;
    animation-duration: 0.8s;
}

.swiper-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: block;
}

@media (max-width:991px) {
    .swiper-content {
        padding: 25px 60px;
    }

    .swiper-content.swiper-left .swiper-content-box {
        width: 100%;
    }

    .swiper-content.swiper-right .swiper-content-box {
        width: 100%;
    }

    .swiper-content h2 {
        font-size: 42px;
        line-height: 52px;
    }

    .swiper-content p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width:767px) {
    .swiper-content {
        padding: 15px 15px;
    }

    .swiper-content.swiper-center {
        text-align: center;
        justify-content: center;
    }

    .swiper-content.swiper-left {
        text-align: center;
        justify-content: center;
    }

    .swiper-content.swiper-right {
        text-align: center;
        justify-content: center;
    }

    .swiper-content h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .swiper-content p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
        display: none;
    }

    .swiper-btn {
        margin-top: 10px;
        padding: 2px 10px;
        font-size: 14px;
    }
}

.image_header.inner_banner_mask:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 100;
}

.banner-content h6 {
    display: block;
    width: 100%;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: 0.05rem;
    line-height: 21px;
}

.banner-content h6 a {
    color: #ffffff;
    text-decoration: none;
}

.banner-content h6 a:hover {
    color: #fff;
}

@media (min-width:992px) {
    .banner-content {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
}

.banner-content h1 {
    margin-bottom: 10px;
    font-size: 2rem;
}

@media (min-width:480px) {
    .banner-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width:479px) {
    .banner-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .banner-content h1 {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .banner-content h6 {
        font-size: 12px;
        line-height: 18px;
    }

    .heading_1 h3 {
        font-size: 22px;
    }
}

.contact_company_info ul li {
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    padding-left: 23px;
}

.contact_company_info ul li span {
    text-align: center;
}

.contact_company_info ul li span i {
    margin-top: 5px;
    width: 15px;
    display: inline-block;
    height: 15px;
    position: absolute;
    left: 0;
}

.contact_company_info ul li i.icon-clock {
    margin-top: 0;
}

.contact_company_info .social_field ul li {
    display: inline-block;
    position: relative;
    margin-right: 7px;
    padding-left: 0;
}

.contact_company_info .social_field ul li a {
    display: inline-table;
    width: 31px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
}

.contact_company_info .social_field li a i {
    line-height: 30px;
}

.contact_company_info .social_field {
    margin-top: 10px;
    margin-bottom: 20px;
}

label.label_title {
    display: block;
    width: 100%;
    font-weight: bold;
    line-height: 36px;
}

.nav-item>.nav-link>span {
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    margin-left: 5px;
    background-color: #949494;
    color: #FFF;
}


/* custom area */

.container {
    padding: 0 15px;
}

.container-fluid {
    padding: 0 15px;
}

.custom-wrap-box {
    position: relative;
    z-index: 1;
}

.custom-part-box {}

.main-ttl-box-1 {
    text-align: center;
    margin-bottom: 40px;
}

.main-ttl-1 h2 {
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
}

.main-ttl-1 h2::after {
    content: '';
    display: block;
    width: 75px;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.main-ttl-2 {
    flex: 1;
}

.main-ttl-box-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 7px;
    margin-bottom: 20px;
}

.main-ttl-2 h3 {
    font-size: 22px;
    position: relative;
    padding: 0;
    margin: 0;
}

.main-ttl-box-2 .more-btn-box {
    margin-left: auto;
    margin-top: 0;
}

.main-ttl-box-2 .more-btn-box .button_type_2 {
    padding: 5px 0;
    min-width: 82px;
    position: relative;
    bottom: unset;
    right: unset;
}

.titler_style1:after {
    display: none;
}

div[class*="owl-carousel"] {
    display: none;
    padding: 0 15px;
}

div[class*="owl-carousel"] .column {
    padding: 0;
}

div[class*="owl-carousel"] .owl-pagination {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}


/* div[class*="owl-carousel"].owlDots .owl-pagination {
    display: flex;
} */


/* div[class*="owl-carousel"] .owl-buttons {
    display: none;
}

div[class*="owl-carousel"].owlNav .owl-buttons {
    display: block;
} */

.owl-container-fluid {
    padding: 0 60px;
}

.fp_nav_next {
    right: 1px;
}

.fp_nav_prev {
    left: 1px;
}

.sec_home_item:before {
    content: "";
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.section-light:before {
    background-color: #fff;
}

.section-dark:before {
    background-color: #000;
}

.bg-opacity-10:before {
    opacity: 10% !important;
}

.bg-opacity-30:before {
    opacity: 30% !important;
}

.bg-opacity-50:before {
    opacity: 50% !important;
}

.bg-opacity-70:before {
    opacity: 70% !important;
}

.bg-opacity-90:before {
    opacity: 90% !important;
}

.column {
    width: 100%;
    padding: 0 15px;
    margin: 0 0 30px 0;
}

.row-col-1 .column {
    width: 100%;
}

.row-col-2 .column {
    width: 50%;
}

.row-col-3 .column {
    width: 33.333333%;
}

.row-col-4 .column {
    width: 25%;
}

.row-col-5 .column {
    width: 20%;
}

.row-col-6 .column {
    width: 16.666666%;
}

.sec_home_item {
    position: relative;
    padding: 60px 0 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-position-y-center {
    background-position-y: center;
}

.bg-position-y-top {
    background-position-y: top;
}

.bg-position-y-bottom {
    background-position-y: bottom;
}

.bg-position-x-center {
    background-position-x: center;
}

.bg-position-x-right {
    background-position-x: right;
}

.bg-position-x-left {
    background-position-x: left;
}

.bg-repeat {
    background-repeat: repeat;
}

.bg-size-auto {
    background-size: auto;
}

.bg-size-cover {
    background-size: cover;
}

.bg-size-contain {
    background-size: contain;
}

.bg-fixed {
    background-attachment: fixed;
}

.section-dark {
    color: #ffffff;
}

.light-style {
    color: #000000;
}

.section-dark .main-ttl-1 h2::after {
    background-color: #ffffff;
}

.light-style .main-ttl-1 h2::after {
    background-color: #000000;
}

.section-dark a {
    color: #ffffff;
}

.section-dark a:hover {
    color: #ffffff;
}

.section-dark .button_type_2,
.section-dark [class*="button_type_"]:not(.transparent),
.section-dark .main-ttl-box-2 .more-btn-box .button_type_2 {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

.section-dark .button_type_2:hover,
.section-dark [class*="button_type_"].transparent:not(.color_light):hover {
    background-color: #ffffff;
    color: #000000;
}

.section-dark .owl-pagination>div {
    border-color: #ffffff;
}

.section-dark .owl-pagination>.active {
    background-color: #ffffff;
}

.section-dark .arrBtn {
    background-color: #ffffff;
    color: #000000;
    opacity: 0.8;
}

.section-dark .arrBtn:hover {
    opacity: 1;
}

.news-txt-box h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.news-txt-box p {
    font-size: 15px;
    margin-bottom: 10px;
}

.news-txt-box .newsDate {
    font-size: 14px;
    margin: 0 0 5px 0;
}

.more-btn-box {
    text-align: center;
    margin-top: 20px;
}

.more-btn-box .button_type_2 {
    display: inline-flex;
    font-size: 15px;
    line-height: normal;
    padding: 10px 20px;
    letter-spacing: 2px;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-width: 150px;
}

.news-image {
    margin-bottom: 10px;
}

.news-block-1 .news-image {
    position: relative;
    overflow: hidden;
    background-color: #000000;
}

.news-block-1 .news-image img {
    transition: 0.3s ease-in-out;
}

.news-block-1:hover .news-image img {
    transform: scale(1.1);
    opacity: 0.5;
}

.news-block-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news-block-2 .news-image {
    width: calc(20% - 30px);
    margin-right: 30px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    background-color: #000000;
}

.news-block-2 .news-image img {
    transition: 0.3s ease-in-out;
}

.news-block-2 .news-content {
    width: 80%;
}

.news-block-2:hover .news-image img {
    transform: scale(1.1);
    opacity: 0.5;
}

.news-block-3 .news-content {
    padding: 0;
    display: flex;
    align-items: flex-end;
}

.news-block-3 .news-btn-box {
    margin-left: auto;
}

.news-block-3 .news-txt-box h4 {
    line-height: 1.5;
    margin-bottom: 5px;
}

.news-block-3 .news-txt-box h4::before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    font-size: 12px;
    margin-bottom: -2px;
}

.news-block-3 .news-txt-box p {
    margin-bottom: 0;
}

.news-block-3 .news-txt-box {
    flex: 1;
    margin-right: 10px;
}

.news-block-3 .news-txt-box .newsDate {
    margin: 0;
}

.news-block-4 {
    padding: 8px 15px;
}

.column:nth-child(odd) .news-block-4 {
    background-color: #F5F5F5;
}

.news-block-4 .news-content {
    display: flex;
    flex-wrap: wrap;
}

.news-block-4 .news-txt-box {
    flex: 1;
    margin-right: 10px;
    font-weight: bolder;
}

.news-block-4 .news-txt-box h4 {
    margin-bottom: 0;
    font-size: 18px;
}

.news-block-4 .newsDate {
    text-align: right;
    font-size: 12px;
}

.custom-part-box .column {
    margin: 0 0 20px 0;
}

.custom-part-box .custom_news_section_3 .column {
    margin: 0 0 10px 0;
}

.custom-part-box .custom_news_section_3 .column:not(:last-child) .news-content {
    padding-bottom: 10px;
}

.custom-part-box .news-block-3 .news-txt-box h4 {
    font-size: 14px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.custom-part-box .news-block-3 .newsDate {
    font-size: 12px;
    margin-bottom: 2px;
}

.custom-part-box .news-block-3 .news-txt-box p {
    height: 24px;
    overflow-y: hidden;
}

.custom-part-box .news-block-3 .button_type_2 {
    padding: 3px 0;
    min-width: 82px;
    text-align: center;
}

.custom_link_section_19 .snip .image {
    background-color: #000000;
    position: relative;
    overflow: hidden;
}

.custom_link_section_19 .snip .image img {
    transition: 0.3s ease-in-out;
}

.custom_link_section_19 .snip:hover .image img {
    transform: rotate(5deg) scale(1.2);
    opacity: 0.8;
}

.custom_link_section_19 .snip figcaption h3 {
    margin: 10px 0 5px 0;
    font-size: 18px;
}

.custom_link_section_19 .snip figcaption p {
    margin: 0 0 10px 0;
    line-height: 20px;
    font-size: 14px;
}

.custom_link_section_20 .snip .image {
    background-color: #000000;
    position: relative;
    overflow: hidden;
}

.custom_link_section_20 .snip .image img {
    transition: 0.3s ease-in-out;
}

.custom_link_section_20 .snip:hover .image img {
    transform: scale(1.1);
    opacity: 0.8;
}

@media (max-width:991px) {
    .owl-container-fluid {
        padding: 0 15px;
        max-width: 720px;
    }

    .bg-parallax {
        background-attachment: unset;
    }

    .row-col-5 .column {
        width: 25%;
    }

    .row-col-6 .column {
        width: 25%;
    }

    .news-block-2 .news-image {
        width: calc(40% - 20px);
        margin-right: 20px;
    }

    .news-block-2 .news-content {
        width: 60%;
    }

    .custom-part-box {
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .row-col-3 .column {
        width: 100%;
    }

    .row-col-4 .column {
        width: 100%;
    }

    .row-col-5 .column {
        width: 100%;
    }

    .row-col-6 .column {
        width: 100%;
    }

    .news-block-2 .news-image {
        width: calc(100% - 0px);
        margin-right: 0;
        margin-bottom: 10px;
    }

    .news-block-2 .news-content {
        width: 100%;
    }

    .news-block-3 .news-content .news-btn-box {
        margin-top: 10px;
    }

    .news-block-4 .news-content {
        display: block;
    }

    .news-block-4 .news-txt-box {
        margin-right: 0;
    }

    .news-block-4 .newsDate {
        text-align: left;
        margin-top: 8px;
    }

    .fp_nav_prev {
        left: 16px;
    }

    .fp_nav_next {
        right: 16px;
    }
}


/* swiper add */

.yt-banner {
    position: relative;
}

#videoBanner {
    overflow: hidden;
    height: 100%;
    width: 100%;
    min-height: 550px;
}

#wrapper_customVideo {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

#videoBanner iframe {
    top: -15px !important;
}

#videoBanner .video_cover {
    position: absolute;
    display: block;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.swiper-slide {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.swiper-container {
    position: relative;
    overflow: hidden;
}

.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
    opacity: 1;
}

@media (max-width:992px) {
    #videoBanner {
        min-height: 450px;
    }
}

@media (max-width:767px) {

    .swiper-slide,
    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        height: 300px;
    }

    #videoBanner {
        min-height: 300px;
    }

    .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide {
        height: 300px;
    }
}

section.sec_home_item img.img-fluid {
    margin-bottom: 0;
}

.editor-area img.img-fluid {
    margin-bottom: 20px !important;
}

.custom_news_section_3 .column:not(:last-child) .news-content {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 30px;
}

.custom_news_section_4 .column {
    margin-bottom: 0px;
}

.boxed_layout .swiper_Boxedfullscreen {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
}


/* portfolio-style-1 */

.snip .image img.img-fluid {
    margin-bottom: 0;
}

.custom_portfolio_list_1 .column {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 33.333333%;
}

.custom_portfolio_list_1 .snip {
    height: 100%;
    position: relative;
}

.custom_portfolio_list_1 .snip .image {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.custom_portfolio_list_1 .snip .image::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0;
    z-index: 1;
    transition: 0.4s all ease-in-out;
}

.custom_portfolio_list_1 .snip:hover .image::before {
    opacity: 0.3;
}

.custom_portfolio_list_1 .snip .image img {
    transition: 0.4s all ease-in-out;
}

.custom_portfolio_list_1 .snip:hover .image img {
    transform: scale(1.2);
}

.custom_portfolio_list_1 .snip .content {
    padding-top: 10px;
}

.custom_portfolio_list_1 .snip .content .txt {
    text-align: center;
}

.custom_portfolio_list_1 .snip .content .txt h4 {
    font-size: 18px;
    margin-bottom: 0;
    letter-spacing: 0.05rem;
    line-height: 24px;
}

.custom_portfolio_list_1 .snip .content .txt h4 a {
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_1 .snip .content .txt p {
    line-height: 20px;
    font-size: 15px;
    margin-top: 8px;
}

@media (max-width:991px) {
    .custom_portfolio_list_1 .column {
        width: 33.333333%;
    }

    .custom_portfolio_list_1 .snip .content .txt h4 {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_1 .column {
        width: 100%;
    }
}


/* portfolio-style-2 */

.custom_portfolio_list_2 .column {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 33.333333%;
}

.custom_portfolio_list_2 .snip {
    height: 100%;
    position: relative;
}

.custom_portfolio_list_2 .snip .image {
    overflow: hidden;
    position: relative;
}

.custom_portfolio_list_2 .snip .image img {
    margin-bottom: 0;
    transition: 0.5s ease-in-out;
}

.custom_portfolio_list_2 .snip .content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #00000069;
    width: 100%;
    height: 100%;
}

.custom_portfolio_list_2 .snip .content {
    position: absolute;
    text-align: center;
    height: 45px;
    padding: 10px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_2 .snip .content .txt {
    position: relative;
    z-index: 1;
}

.custom_portfolio_list_2 .snip .content .txt p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
    white-space: normal;
}

.custom_portfolio_list_2 .snip .content .txt h4 {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.06rem;
    height: 25px;
    margin-bottom: 8px;
    padding: 0;
    overflow: hidden;
}

.custom_portfolio_list_2 .snip .content .txt h4 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.custom_portfolio_list_2 .snip:hover .image img {
    transform: scale(1.2);
}

.custom_portfolio_list_2 .snip:hover .content {
    height: 93px;
}

@media (min-width:992px) {
    .custom_portfolio_list_2 .snip .content .txt h4 {
        color: #ffffff;
    }

    .custom_portfolio_list_2 .snip .content .txt h4 a {
        color: #ffffff;
    }

    .custom_portfolio_list_2 .snip .content .txt p {
        color: #ffffff;
    }
}

@media (max-width:991px) {
    .custom_portfolio_list_2 .column {
        width: 33.333333%;
    }

    .custom_portfolio_list_2 .snip .content .txt h4 {
        display: block;
    }

    .custom_portfolio_list_2 .snip .content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 15px;
        height: auto;
    }

    .custom_portfolio_list_2 .snip .content .txt {
        text-align: left;
    }

    .custom_portfolio_list_2 .snip .content .txt h4 {
        height: auto;
    }

    .custom_portfolio_list_2 .snip .content::before {
        background-color: #f3f3f3;
    }

    .custom_portfolio_list_2 .snip .content .txt p {
        font-size: 14px;
    }

    .custom_portfolio_list_2 .snip {
        background-color: #f3f3f3;
    }

    .custom_portfolio_list_2 .snip:hover .content {
        height: auto;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_2 .column {
        width: 100%;
    }
}


/* portfolio-style-3 */

.custom_portfolio_list_3 .column {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 33.333333%;
}

.custom_portfolio_list_3 .snip {
    height: 100%;
    background-color: #f3f3f3;
    box-shadow: 0 1px 3px hsl(0deg 0% 39% / 30%);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.custom_portfolio_list_3 .snip .image {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.custom_portfolio_list_3 .snip .image::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0;
    z-index: -1;
    transition: 0.4s all ease-in-out;
}

.custom_portfolio_list_3 .snip:hover .image::before {
    opacity: 1;
}

.custom_portfolio_list_3 .snip .image img {
    transition: 0.4s all ease-in-out;
}

.custom_portfolio_list_3 .snip:hover .image img {
    transform: scale(1.2);
    opacity: 0.8;
}

.custom_portfolio_list_3 .snip .content {
    padding: 20px;
}

.custom_portfolio_list_3 .snip .content .txt h4 {
    font-size: 18px;
    margin-bottom: 0;
    letter-spacing: 0.05rem;
    line-height: 24px;
}

.custom_portfolio_list_3 .snip .content .txt h4 a {
    transition: 0.3s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 48px;
}

.custom_portfolio_list_3 .snip .content .txt p {
    line-height: 20px;
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 0;
    color: #6e6e6e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 60px;
}

@media (max-width:991px) {
    .custom_portfolio_list_3 .column {
        width: 33.333333%;
    }

    .custom_portfolio_list_3 .snip .content {
        padding: 15px;
    }

    .custom_portfolio_list_3 .snip .content .txt h4 {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_3 .column {
        width: 100%;
    }
}


/* portfolio-style-4 */

.custom_portfolio_list_4 .column {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 33.333333%;
}

.custom_portfolio_list_4 .snip {
    height: 100%;
    position: relative;
    box-shadow: 9px 9px #0000002b;
}

.custom_portfolio_list_4 .snip .image {
    overflow: hidden;
    position: relative;
}

.custom_portfolio_list_4 .snip .image img {
    margin-bottom: 0;
    transition: 0.5s ease-in-out;
}

.custom_portfolio_list_4 .snip .image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_4 .snip .content {
    position: absolute;
    z-index: 2;
    padding: 15px;
    text-align: center;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 3px solid rgba(255, 255, 255, 0.6);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_4 .snip .content .txt {
    position: relative;
    z-index: 1;
}

.custom_portfolio_list_4 .snip .content .txt p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    opacity: 0;
    position: relative;
    bottom: -20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 60px;
    white-space: normal;
    overflow: hidden;
    text-align: center;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_4 .snip .content .txt h4 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.06rem;
    margin-bottom: 13px;
    position: relative;
    padding-bottom: 15px;
    bottom: -20px;
    display: flex;
    justify-content: center;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_4 .snip .content .txt h4 a {
    display: -webkit-box;
    max-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.custom_portfolio_list_4 .snip .content .txt h4:after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_4 .snip:hover .image img {
    transform: scale(1.2);
}

.custom_portfolio_list_4 .snip:hover .content .txt h4 {
    bottom: 0;
    opacity: 1;
}

.custom_portfolio_list_4 .snip:hover .content .txt p {
    bottom: 0;
    opacity: 1;
}

.custom_portfolio_list_4 .snip:hover .content .txt h4:after {
    width: 200px;
}

.custom_portfolio_list_4 .snip:hover .content {
    border-color: #ffffff;
}

.custom_portfolio_list_4 .snip:hover .image::before {
    opacity: 0.6;
}

@media (min-width:992px) {
    .custom_portfolio_list_4 .snip .content .txt h4 {
        color: #ffffff;
    }

    .custom_portfolio_list_4 .snip .content .txt h4 a {
        color: #ffffff;
        text-shadow: 0 0 3px #00000080;
    }

    .custom_portfolio_list_4 .snip .content .txt p {
        color: #ffffff;
    }
}

@media (max-width:991px) {
    .custom_portfolio_list_4 .column {
        width: 33.333333%;
    }

    .custom_portfolio_list_4 .snip .content .txt h4 {
        display: block;
        bottom: auto;
        padding-bottom: 10px;
    }

    .custom_portfolio_list_4 .snip .content .txt h4::after {
        left: 0;
        width: 100%;
        height: 1px;
        transform: unset;
        background-color: #dddddd;
    }

    .custom_portfolio_list_4 .snip .content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 15px;
        height: auto;
        width: auto;
        display: block;
        transform: unset;
        border: 0;
    }

    .custom_portfolio_list_4 .snip .content .txt {
        text-align: left;
    }

    .custom_portfolio_list_4 .snip .content .txt h4 {
        height: auto;
    }

    .custom_portfolio_list_4 .snip .content::before {
        background-color: #f3f3f3;
    }

    .custom_portfolio_list_4 .snip .content .txt p {
        font-size: 14px;
        bottom: auto;
        opacity: 1;
    }

    .custom_portfolio_list_4 .snip {
        background-color: #f3f3f3;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_4 .column {
        width: 100%;
    }
}


/* portfolio-style-5 */

.custom_portfolio_list_5 .column {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 50%;
}

.custom_portfolio_list_5 .snip {
    height: 100%;
    background-color: #f3f3f3;
    box-shadow: 0 1px 3px hsl(0deg 0% 39% / 30%);
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.custom_portfolio_list_5 .snip .image {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 50%;
}

.custom_portfolio_list_5 .snip .image::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0;
    z-index: -1;
    transition: 0.4s all ease-in-out;
}

.custom_portfolio_list_5 .snip:hover .image::before {
    opacity: 1;
}

.custom_portfolio_list_5 .snip .image img {
    transition: 0.4s all ease-in-out;
}

.custom_portfolio_list_5 .snip:hover .image img {
    transform: scale(1.2);
    opacity: 0.8;
}

.custom_portfolio_list_5 .snip .content {
    padding: 20px;
    width: 50%;
    display: flex;
    align-items: center;
}

.custom_portfolio_list_5 .snip .content .txt h4 {
    font-size: 18px;
    margin-bottom: 0;
    letter-spacing: 0.05rem;
    padding-bottom: 10px;
    line-height: 24px;
    position: relative;
}

.custom_portfolio_list_5 .snip .content .txt h4 a {
    transition: 0.3s ease-in-out;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 48px;
    overflow: hidden;
}

.custom_portfolio_list_5 .snip .content .txt h4::after {
    content: '';
    display: block;
    width: 90px;
    height: 2px;
    background-color: #999999;
    position: absolute;
    left: 0;
    bottom: 0;
}

.custom_portfolio_list_5 .snip .content .txt p {
    line-height: 20px;
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 0;
    color: #6e6e6e;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 80px;
    white-space: normal;
    overflow: hidden;
}

@media (max-width:991px) {
    .custom_portfolio_list_5 .column {
        width: 100%;
    }

    .custom_portfolio_list_5 .snip .content {
        padding: 15px;
    }

    .custom_portfolio_list_5 .snip .content .txt h4 {
        font-size: 16px;
    }

    .custom_portfolio_list_5 .snip .image {
        width: 35%;
    }

    .custom_portfolio_list_5 .snip .content {
        width: 65%;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_5 .column {
        width: 100%;
    }

    .custom_portfolio_list_5 .snip .image {
        width: 100%;
    }

    .custom_portfolio_list_5 .snip .content {
        width: 100%;
    }
}


/* portfolio-style-6 */

.custom_portfolio_list_6 .column {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 100%;
}

.custom_portfolio_list_6 .snip {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.custom_portfolio_list_6 .column:last-child .snip {
    border-bottom: 0;
}

.custom_portfolio_list_6 .snip .image {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 25%;
}

.custom_portfolio_list_6 .snip .image a {
    display: block;
    position: relative;
    overflow: hidden;
}

.custom_portfolio_list_6 .snip .image a::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0;
    z-index: -1;
    transition: 0.4s all ease-in-out;
}

.custom_portfolio_list_6 .snip:hover .image a::before {
    opacity: 1;
}

.custom_portfolio_list_6 .snip .image img {
    transition: 0.4s all ease-in-out;
}

.custom_portfolio_list_6 .snip:hover .image img {
    transform: scale(1.2);
    opacity: 0.8;
}

.custom_portfolio_list_6 .snip .content {
    padding-left: 30px;
    width: 75%;
    display: flex;
    align-items: center;
}

.custom_portfolio_list_6 .snip .content .txt h4 {
    font-size: 21px;
    margin-bottom: 0;
    letter-spacing: 0.05rem;
    padding-bottom: 10px;
    line-height: 25px;
    position: relative;
}

.custom_portfolio_list_6 .snip .content .txt h4 a {
    transition: 0.3s ease-in-out;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 50px;
    overflow: hidden;
}

.custom_portfolio_list_6 .snip .content .txt h4::after {
    content: '';
    display: block;
    width: 90px;
    height: 2px;
    background-color: #999999;
    position: absolute;
    left: 0;
    bottom: 0;
}

.custom_portfolio_list_6 .snip .content .txt p {
    line-height: 22px;
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 0;
    color: #6e6e6e;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    max-height: 110px;
    overflow: hidden;
}

@media (max-width:991px) {
    .custom_portfolio_list_6 .column {
        width: 100%;
    }

    .custom_portfolio_list_6 .snip .image {
        width: 35%;
    }

    .custom_portfolio_list_6 .snip .content {
        width: 65%;
        padding-left: 20px;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_6 .column {
        width: 100%;
    }

    .custom_portfolio_list_6 .snip .image {
        width: 100%;
    }

    .custom_portfolio_list_6 .snip .content {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }

    .custom_portfolio_list_6 .snip .content .txt h4 {
        font-size: 18px;
    }
}


/* portfolio-style-7 */

.custom_portfolio_list_7 .column {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 33.333333%;
}

.custom_portfolio_list_7 .snip {
    height: 100%;
    position: relative;
}

.custom_portfolio_list_7 .snip .image {
    overflow: hidden;
    position: relative;
}

.custom_portfolio_list_7 .snip .image img {
    margin-bottom: 0;
    transition: 0.5s ease-in-out;
}

.custom_portfolio_list_7 .snip .content {
    position: absolute;
    z-index: 2;
    padding: 15px;
    text-align: center;
    bottom: 0;
    height: 79px;
    left: 0;
    right: 0;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_7 .snip .content .txt {
    position: relative;
    z-index: 1;
    text-align: center;
}

.custom_portfolio_list_7 .snip .content .txt p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_7 .snip .content .txt h4 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.06rem;
    margin-bottom: 0;
    height: 25px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_7 .snip .content .txt h4 a {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 25px;
    overflow: hidden;
}

.custom_portfolio_list_7 .snip:hover .image img {
    transform: scale(1.2);
}

.custom_portfolio_list_7 .snip:hover .content {
    height: 100%;
}

@media (min-width:992px) {
    .custom_portfolio_list_7 .snip .content .txt h4 {
        color: #ffffff;
    }

    .custom_portfolio_list_7 .snip .content .txt h4 a {
        color: #ffffff;
        text-shadow: 0 0 3px #00000080;
    }

    .custom_portfolio_list_7 .snip .content .txt p {
        color: #ffffff;
    }
}

@media (max-width:991px) {
    .custom_portfolio_list_7 .column {
        width: 33.333333%;
    }

    .custom_portfolio_list_7 .snip .content .txt h4 {
        display: block;
        bottom: auto;
        padding-bottom: 10px;
    }

    .custom_portfolio_list_7 .snip .content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        display: block;
        transform: unset;
        padding: 10px 0 0 0;
        background: transparent;
    }

    .custom_portfolio_list_7 .snip .content .txt {
        text-align: center;
    }

    .custom_portfolio_list_7 .snip .content .txt h4 {
        height: auto;
        font-size: 18px;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_7 .column {
        width: 100%;
    }
}


/* portfolio-style-8 */

.custom_portfolio_list_8 .column {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 33.333333%;
}

.custom_portfolio_list_8 .snip {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.custom_portfolio_list_8 .snip .image {
    overflow: hidden;
    position: relative;
}

.custom_portfolio_list_8 .snip .image img {
    margin-bottom: 0;
    transition: 0.5s ease-in-out;
}

.custom_portfolio_list_8 .snip .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    display: flex;
    background-color: #00000000;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_8 .snip .content .txt {
    position: relative;
    width: 100%;
    height: 100%;
}

.custom_portfolio_list_8 .snip .content .txt p {
    font-size: 16px;
    letter-spacing: 0.05rem;
    line-height: 22px;
    width: 100%;
    transition-delay: 0.15s;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(70%);
    padding: 10px 0 0 0;
    color: #6e6e6e;
    transition: 0.3s ease-in-out;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 76px;
    overflow: hidden;
}

.custom_portfolio_list_8 .snip .content .txt h4 {
    letter-spacing: 0.05rem;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 10px 10px;
    width: 100%;
    background-color: #ffffffca;
    display: block;
    left: 0;
    bottom: 0;
    position: absolute;
    transition: 0.3s ease-in-out;
}

.custom_portfolio_list_8 .snip .content .txt h4 a {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 52px;
    overflow: hidden;
}

.custom_portfolio_list_8 .snip:hover .image img {
    transform: scale(1.2);
}

.custom_portfolio_list_8 .snip:hover .content {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.custom_portfolio_list_8 .snip:hover .content .txt p {
    opacity: 1;
    transform: translateY(50%);
    visibility: visible;
}

@media (min-width:992px) {
    .custom_portfolio_list_8 .snip .content .txt h4 {
        color: #ffffff;
    }

    .custom_portfolio_list_8 .snip .content .txt h4 a {
        color: #323232;
    }

    .custom_portfolio_list_8 .snip .content .txt p {
        color: #ffffff;
    }
}

@media (max-width:991px) {
    .custom_portfolio_list_8 .column {
        width: 33.333333%;
    }

    .custom_portfolio_list_8 .snip .content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        display: block;
        transform: unset;
        padding: 15px 15px 1px 15px;
        background: #f3f3f3;
    }

    .custom_portfolio_list_8 .snip .content .txt {
        text-align: center;
    }

    .custom_portfolio_list_8 .snip .content .txt h4 {
        position: relative;
        display: block;
        height: auto;
        font-size: 18px;
        padding: 0;
        bottom: unset;
        left: unset;
        font-size: 18px;
        text-align: left;
        background-color: transparent;
    }

    .custom_portfolio_list_8 .snip .content .txt p {
        bottom: unset;
        transform: unset;
        left: unset;
        position: relative;
        visibility: visible;
        opacity: 1;
        text-align: left;
    }

    .custom_portfolio_list_8 .snip:hover .content {
        background-color: #f3f3f3;
    }

    .custom_portfolio_list_8 .snip:hover .content .txt p {
        transform: unset;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_8 .column {
        width: 100%;
    }
}


/* portfolio-style-9 */

.custom_portfolio_list_9 .column {
    padding: 10px 25px;
    margin-bottom: 30px;
    width: 33.333333%;
}

.custom_portfolio_list_9 .snip {
    height: 100%;
    position: relative;
}

.custom_portfolio_list_9 .snip .image {
    position: relative;
    overflow: hidden;
}

.custom_portfolio_list_9 .snip .image::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s ease-in-out;
    z-index: 1;
}

.custom_portfolio_list_9 .snip .image img {
    transition: 0.4s ease-in-out;
}

.custom_portfolio_list_9 .snip::before,
.custom_portfolio_list_9 .snip::after {
    border-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.25s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    width: 45px;
    position: absolute;
}

.custom_portfolio_list_9 .snip::before {
    border-color: #9d9d9d;
    border-right-width: 2px;
    border-top-width: 2px;
    right: -10px;
    top: -10px;
}

.custom_portfolio_list_9 .snip::after {
    border-bottom-width: 2px;
    border-color: #9d9d9d;
    border-left-width: 2px;
    bottom: -10px;
    left: -10px;
}

.custom_portfolio_list_9 .snip:hover:before,
.custom_portfolio_list_9 .snip:hover:after {
    height: calc(100% + 20px);
    width: calc(100% + 20px);
    border-color: #555555;
}

.custom_portfolio_list_9 .snip:hover .image::before {
    opacity: 0.3;
}

.custom_portfolio_list_9 .snip:hover .image img {
    transform: scale(1.1);
}

.custom_portfolio_list_9 .snip .content {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    padding: 15px;
    display: flex;
    align-items: flex-end;
    z-index: 2;
}

.custom_portfolio_list_9 .snip .content h4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.06rem;
    margin-bottom: 10px;
}

.custom_portfolio_list_9 .snip .content h4 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 48px;
    overflow: hidden;
}

.custom_portfolio_list_9 .snip .content p {
    font-size: 15px;
    letter-spacing: 0.06rem;
    line-height: 21px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 63px;
    overflow: hidden;
}

@media (min-width:992px) {
    .custom_portfolio_list_9 .snip .content h4 a {
        color: #ffffff;
        text-shadow: 1px 1px 1px #0000005c;
    }

    .custom_portfolio_list_9 .snip .content p {
        color: #ffffff;
        text-shadow: 1px 1px 1px #0000005c;
    }
}

@media (max-width:991px) {
    .custom_portfolio_list_9 .snip .content {
        display: block;
        position: relative;
        bottom: unset;
        left: unset;
        transform: unset;
        background-color: #f3f3f3;
        height: auto;
        width: auto;
    }

    .custom_portfolio_list_9 .snip:hover:before,
    .custom_portfolio_list_9 .snip:hover:after {
        width: 45px;
        height: 45px;
    }

    .custom_portfolio_list_9 .snip .image::before {
        display: none;
    }
}

@media (max-width:767px) {
    .custom_portfolio_list_9 .column {
        width: 100%;
    }
}

div[class*="custom_portfolio_list"] .snip a {
    pointer-events: none;
    cursor: none;
}


/* portfolioAlbum-portfolio-style-1 */

#portfolioAlbum .custom_portfolio_list_1 .snip {
    height: auto;
}

#portfolioAlbum .custom_portfolio_list_1 .snip .content .txt p {
    letter-spacing: 0.07rem;
    line-height: 21px;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 26px);
    transform: translate(-50%, -40%);
    z-index: 1;
    opacity: 0;
    margin: 0;
    transition: 0.3s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 63px;
    white-space: normal;
}

#portfolioAlbum .custom_portfolio_list_1 .snip:hover .content .txt p {
    z-index: 1;
    transform: translate(-50%, -50%);
    opacity: 1;
}

#portfolioAlbum .custom_portfolio_list_1 .snip:hover .image::before {
    opacity: 0.6;
}

@media (min-width:992px) {
    #portfolioAlbum .custom_portfolio_list_1 .snip .content .txt p {
        color: #ffffff;
    }
}

@media (max-width:991px) {
    #portfolioAlbum .custom_portfolio_list_1 .snip .content .txt p {
        position: relative;
        transform: unset;
        left: unset;
        top: unset;
        width: auto;
        opacity: 1;
        margin-top: 5px;
    }

    #portfolioAlbum .custom_portfolio_list_1 .snip:hover .content .txt p {
        transform: unset;
    }
}


/* portfolio-flters */

#portfolio-photo-flters {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 40px 0;
    margin: -8px;
    justify-content: center;
}

#portfolio-photo-flters li {
    padding: 8px;
}

#portfolio-photo-flters li button {
    letter-spacing: 0.05rem;
    line-height: normal;
    font-size: 16px;
    background-color: #6e6e6e;
    color: #fff;
    padding: 8px 18px;
    transition: 0.3s ease-in-out;
}

#portfolio-photo-flters li button:focus,
#portfolio-photo-flters li button:hover,
#portfolio-photo-flters li button:focus {
    background-color: #2a2a2a;
    outline: unset;
}

#portfolio-photo-flters li button.filter-active {
    background-color: #2a2a2a;
}

button:focus {
    outline: unset;
}

.compensate-for-scrollbar.fancybox-active {
    margin-right: 0;
}

.fancybox-navigation .fancybox-button {
    background: #00000090;
    color: #fff;
}

.fancybox-thumbs {
    background-color: #00000090;
}

.fancybox-thumbs>ul>li:before {
    border-color: #fff;
}

.fancybox-navigation .fancybox-button:hover {
    color: #ffffff;
}

.fancybox-infobar,
.fancybox-toolbar {
    opacity: 1;
    visibility: visible;
}

.products-view-style1 #thumbnails {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.products-view-style1 #thumbnails a {
    display: block;
    height: 87px;
    width: 87px;
    margin-right: 0;
    padding: 8px;
    margin-bottom: 0;
}

.products-view-style2 #thumbnails {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.products-view-style2 #thumbnails a {
    display: block;
    height: 87px;
    width: 87px;
    margin-right: 0;
    padding: 8px;
    margin-bottom: 0;
}

.products-view-style3 #thumbnails {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
    justify-content: center;
}

.products-view-style3 #thumbnails a {
    display: block;
    height: 87px;
    width: 87px;
    margin-right: 0;
    padding: 8px;
    margin-bottom: 0;
}

.icon_wrap_size_0 i {
    margin-top: 2.2px;
    display: block;
    transform: scale(0.8);
    line-height: normal;
}

#back_to_top {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

textarea,
.select_title,
input:not([type="submit"]) {
    border-radius: 0;
}

.icon_wrap_size_4 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.editor-area .accordion>.card>.card-header {
    padding: 0;
}

.editor-area .accordion>.card>.card-header .btn-link {
    display: block;
    text-align: left;
    padding: 15px;
    color: #000000;
    text-decoration: none;
    outline: unset;
    border: unset;
    box-shadow: unset;
    letter-spacing: 0.05rem;
    font-weight: 600;
    font-size: 16px;
}

.editor-area .accordion>.card>.card-header .btn-link:focus,
.editor-area .accordion>.card>.card-header .btn-link:hover {
    outline: unset;
    border: unset;
    box-shadow: unset;
}

.editor-area .accordion>.card .card-body {
    padding: 15px;
}

.icon_wrap_size_4,
.icon_wrap_size_5 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.productsTitle {
    color: #000000;
    line-height: 30px;
    font-size: 24px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 992px),
only screen and (max-width: 992px) and (orientation: portrait) {
    [class*="button_type"]:not(.button_type_6) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section_offset_3 {
        padding: 20px 0;
    }

    .heading_1 {
        margin-bottom: 20px;
    }
}

i {
    letter-spacing: normal;
}

.fullwide_layout .swiperFullscreen .swiper-slide {
    height: calc(100vh) !important;
}

.swiper-opacity {
    z-index: 1;
}

.swiper-content {
    z-index: 2;
}

.fullwide_layout .swiperScale .swiper-slide {
    transform: translate3d(0, 0, 0);
}

.swiper-scale-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    background-size: cover;
    background-position: center;
    transition: all 9.5s linear;
}

.swiper-slide:nth-child(4n+1) .swiper-scale-image {
    transform-origin: left center;
}

.swiper-slide:nth-child(4n+2) .swiper-scale-image {
    transform-origin: center;
}

.swiper-slide:nth-child(4n+3) .swiper-scale-image {
    transform-origin: right center;
}

.swiper-slide:nth-child(4n+4) .swiper-scale-image {
    transform-origin: center;
}

.swiper-slide-visible .swiper-scale-image {
    transform: scale(1) !important;
}

@media (min-width:992px) {
    .top_section {
        display: flex;
        justify-content: center;
    }

    .top_section ul li {
        display: inline-flex;
        margin: 0 5px;
    }

    .top_section ul li a {
        padding: 7px 20px;
    }
}

.header_layout_3.not .nav>* {
    transition: none;
}

.header_load {
    opacity: 0;
    visibility: hidden;
}

.m_1 {
    position: relative;
    text-align: center;
}

.m_1 .tw {
    display: block;
}


.m_1 .en {
    display: block;
    font-size: 13px;
    line-height: 14px;
    margin-top: 2px;
    letter-spacing: 1px;
    padding-left: 2px;
}

.news-list-style2 {
    margin-bottom: 30px;
}

.row.news-list-style2>.col-lg-3 {
    margin-bottom: 30px;
}

.news-list-style2 .news-list .fullImages {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 0;
}

.news-list-style2 .news-list .fullImages img {
    margin-bottom: 0 !important;
    transition: .45s ease-in-out;
}

.news-list-style2 .news-list .fullImages::before {
    content: '';
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, 60%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    transition: .45s ease-in-out;
}

.news-list-style2 .news-list .fullImages::after {
    content: '\f019';
    font-weight: 600;
    font-family: 'font awesome 5 free';
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    border: 1px solid #fff;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    letter-spacing: normal;
    line-height: normal;
    transition: .45s ease-in-out;
}

.news-list-style2 .news-list:hover .fullImages img {
    transform: scale(1.2);
}

.news-list-style2 .news-list:hover .fullImages::before {
    opacity: 1;
}

.news-list-style2 .news-list:hover .fullImages:after {
    opacity: 1;
}

.news-list-style2 .news-list h5 {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 24px;
    margin-bottom: 0;
}

.row.news-list-style2>.editor-area {
    width: 100%;
    padding: 0 15px;
}

.news-info-box {
    background-color: #f3f3f3;
    padding: 20px;
    margin-bottom: 30px;
}

.editor-area .news-info-box h4 {
    font-size: 21px;
    letter-spacing: 2px;
    line-height: 30px;
    padding-bottom: 6px;
    margin-bottom: 15px;
    position: relative;
}

.editor-area .news-info-box h4::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #434343;
}

.editor-area .news-info-box p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2px;
    margin: 0;
}

.editor-area .news-info-box p:not(:last-child) {
    margin-bottom: 10px;
}

.form-style-1 {
    text-align: left;
}

.form-style-1 input:not([type=submit]) {
    letter-spacing: 1px;
    width: 100%;
    padding: 10px 12px;
    height: 40px;
    line-height: 18px;
    font-size: 14px;
    font-style: normal;
}


.form-style-1 input:not([type=submit])::placeholder {
    font-style: normal;
}

.form-style-1 #capcha {
    margin-right: 10px;
}

.form-style-1 #capcha_image img {
    height: 40px;
    width: 132px;
}

.form-style-1 #capcha_image {
    font-size: 14px;
}

.form-style-1 .row {
    margin: 0 -10px;
}

.form-style-1 .col-input {
    margin-bottom: 20px;
    padding: 0 10px;
}

.special_area_widget {
    border: 1px solid #dfdfdf;
    padding: 0 30px 30px 30px;
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
}

.special_area_widget h2 {
    position: relative;
    font-size: 21px;
    line-height: 28px;
    margin: -16px 0 20px 0;
    padding: 0 15px;
    background-color: #ffffff;
    display: inline-block;
    letter-spacing: 2px;
}

.form-style-1 #sendBtn {
    background-color: #434343;
    color: #ffffff;
    border: 1px solid #434343;
    padding: 10px 30px;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
}

.form-style-1 #sendBtn:hover {
    background-color: transparent;
    color: #434343;
    border: 1px solid #434343;
}


.col-news {
    margin-bottom: 30px;
}

.editor-area .news-thumb .thumb-image {
    position: relative;
    overflow: hidden;
}

.editor-area .news-thumb .thumb-image img {
    margin-bottom: 0 !important;
    transition: .45s ease-in-out;
}

.editor-area .news-thumb .thumb-image a::before {
    content: '';
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, 60%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    transition: .45s ease-in-out;
}

.editor-area .news-thumb .thumb-image a::after {
    content: '\f019';
    font-weight: 600;
    font-family: 'font awesome 5 free';
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    border: 1px solid #fff;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    letter-spacing: normal;
    line-height: normal;
    transition: .45s ease-in-out;
}

.editor-area .news-thumb:hover .thumb-image img {
    transform: scale(1.2);
}

.editor-area .news-thumb:hover .thumb-image a::before {
    opacity: 1;
}

.editor-area .news-thumb:hover .thumb-image a::after {
    opacity: 1;
}

.editor-area .news-thumb .thumb-content {
    padding-top: 10px;
}

.editor-area .news-thumb .thumb-content h5 {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width:767px) {

    .special_area_widget {
        padding: 0 20px 20px 20px;
    }

    .form-style-1 input:not([type=submit]) {
        padding: 10px 10px;
        letter-spacing: 1px;
    }

    .form-style-1 #capcha {
        width: 120px;
    }

    .form-style-1 #capcha {
        margin-right: 5px;
        width: 110px;
    }
}