/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

@import url('https://fonts.googleapis.com/css?family=Jura:300,400,700&display=swap');

@import url("../bridge/style.css");

/**************************************************************************************************************************/
/*				  													                                               GENERIC*/
/**************************************************************************************************************************/

/*hides sections from home page . not permanet*/

.hideme {
    display: none !important;
}


/*	  								                                BACK TO TOP BUTTON*/
/**************************************************************************************/

#back_to_top {
    bottom: 25px !important;
    right: 25px !important;
}

/*	  								                                             FONTS*/
/**************************************************************************************/

*:not(i) {
    font-family: 'Jura', sans-serif !important;
}

/*	  								                           PORTFOLIO PREVIOUS/NEXT*/
/**************************************************************************************/

.portfolio_navigation .portfolio_next a,
.portfolio_navigation .portfolio_prev a {
    border: 2px solid #01a8d3;
}

.portfolio_navigation .portfolio_next a i,
.portfolio_navigation .portfolio_prev a i {
    color: #01a8d3;
}


/**************************************************************************************************************************/
/*				  													                                                HEADER*/
/**************************************************************************************************************************/

/*	  								                                           TOP BAR*/
/**************************************************************************************/

.header_top.clearfix {
    padding-bottom: 20px;
    padding-top: 20px;
}

.top_info_cont {
    font-size: 14px;
    font-weight: bold;
}

.top_info_cont i {
    padding-left: 5px;
    padding-right: 5px;
    color: #77cfef;
    font-size: 18px;
}

.header_top .right span {
    margin-left: 5px;
    margin-right: 5px;
}

.header_top .right .q_social_icon_holder.circle_social a span:hover {
    background: #23cdf9 !important;
}

/*	  								                                              MENU*/
/**************************************************************************************/
#nav-menu-item-690 span,
#nav-menu-item-949 span {
    display: none;
}

#nav-menu-item-690 .menu_icon.fa-home.fa,
#nav-menu-item-949 .menu_icon.fa-home.fa {
    font-size: 24px;
    margin: 0;
}

.drop_down .second .inner ul li.sub ul li a:hover,
.drop_down .second .inner > ul > li > a:hover {
    color: #333;
}


/**************************************************************************************************************************/
/*				  													                                                  HOME*/
/**************************************************************************************************************************/

/*	  								                                   COMPANY SECTION*/
/**************************************************************************************/

.company_section {
    background-position: center left !important;
}

/*	  								                                    BRANDS SECTION*/
/**************************************************************************************/

.gp_hide {
    visibility: hidden !important;
    opacity: 0 !important;
}

.brand_logos_home .vc_single_image-wrapper {
    border: none !important;
    box-shadow: 0px 0px 20px -1px rgba(1, 168, 211, 0.7);
    border-radius: 10px;
}

.brand_logos_home .vc_single_image-wrapper img {
    border-radius: 15px;
}

.wpb_single_image.qode_image_hover_darken .vc_single_image-wrapper:before {
    background-color: rgba(1, 168, 211, 0.2) !important;
    border-radius: 10px !important;
}

/*	  								                                    VIDEOS SECTION*/
/**************************************************************************************/

.qode_content_slider_item .vc_row {
    padding: 90px;
}

/*	  								                                 WORKSHOPS SECTION*/
/**************************************************************************************/

.parallax_fix_nt {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover;
}


/*hide section - not permanent*/

.workshops_section_home_page {
    display: none;
}

/*end hide section - not permanent*/

/*	  								                                ACCORDIONS SECTION*/
/**************************************************************************************/

.qode-accordion-holder .qode-title-holder.ui-state-active {
    background-color: #77cfef !important;
}

/*	  								                                   COUNTER SECTION*/
/**************************************************************************************/

.counter_section .boxed_counter {
    border: none;
}

.counter_section .wpb_column:nth-child(2) {
    border-left: 1px solid #01a8d3;
    border-right: 1px solid #01a8d3;
}

/**************************************************************************************************************************/
/*				  													                                       PHILOSOPHY PAGE*/
/**************************************************************************************************************************/

.page-id-391 h3:after,
.page-id-943 h3:after {
    content: '';
    border-bottom: 1px solid #01a8d3;
    display: block;
    width: 100%;
    padding-top: 10px;
}

/**************************************************************************************************************************/
/*				  													                                            APTOS PAGE*/
/**************************************************************************************************************************/

/*	  								                                     INTRO SECTION*/
/**************************************************************************************/

.aptos-intro .full_section_inner.clearfix {
    display: flex;
}

.aptos-intro .vc_col-sm-6 {
    display: flex;
}

.aptos-intro .vc_col-sm-6 .vc_column-inner {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

/*	  								                                     STATS SECTION*/
/**************************************************************************************/

.aptos-icons .icon_text_inner {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

/*	  								                                       APP SECTION*/
/**************************************************************************************/

.aptos_buttons {
    padding: 20px 20px 50px 50px;
}

.aptos_buttons div {
    width: 50%;
    display: inline-block;
    float: left;
}

/**************************************************************************************************************************/
/*				  													                                    APTOS HISTORY PAGE*/
/**************************************************************************************************************************/

/*	  								                                          TIMELINE*/
/**************************************************************************************/
.timeline_col .qode-title-holder {
    border: 1px solid #01a8d3 !important;
    margin-top: 5px;
}

.timeline_col .icon_plus:before {
    content: "\f105";
    font-family: fontawesome;
}

.timeline_col .icon_minus-06:before {
    content: "\f107";
    font-family: fontawesome;
}

/**************************************************************************************************************************/
/*				  													                                    WHAT APTOS IS PAGE*/
/**************************************************************************************************************************/

/*	  								                                       TEXT TITLES*/
/**************************************************************************************/

.page-id-904 h3:after {
    content: '';
    border-bottom: 1px solid #01a8d3;
    display: block;
    width: 100%;
    padding-top: 10px;
}

/**************************************************************************************************************************/
/*				  													                                        APTOS FAQ PAGE*/
/**************************************************************************************************************************/

/*	  								                                         ACCORDION*/
/**************************************************************************************/

.faq_nt_accordion .qode-accordion-holder {
    width: 80%;
    margin: 0 auto;
}

.faq_nt_accordion .qode-accordion-holder .qode-accordion-mark {
    display: none;
}

/**************************************************************************************************************************/
/*				  													                           APTOS PRODUCT PAGE SHOWROOM*/
/**************************************************************************************************************************/


/*	  								            PRODUCT BASIC CATEGORIES IMAGE BANNERS*/
/**************************************************************************************/

.face_image_container,
.body_image_container {
    border: 2px solid white;
    position: relative;
}

.face_image_container .face_products_banner,
.body_image_container .body_products_banner {
    display: block;
    width: 100%;
    height: auto;
}

.face_image_container .overlay,
.body_image_container .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #00aeef;
}

.face_image_container:hover .overlay,
.body_image_container:hover .overlay {
    opacity: 0.5;
}

.face_image_container .text,
.body_image_container .text {
    color: white;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

/*	  								                            TAB CONTENT VISIBILITY*/
/**************************************************************************************/

.portfolio_products_container,
.portfolio_products_container2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    display: none;
}

.portfolio_products_container.visible,
.portfolio_products_container2.visible {
    display: block;
}



/*	  								                                       TAB CONTENT*/
/**************************************************************************************/


.portfolio_products_container .q_tabs.horizontal.center,
.portfolio_products_container2 .q_tabs.horizontal.center {
    width: 85%;
    margin: 0 auto;
}

.portfolio_products_container .qode-advanced-tabs .qode-advanced-tab-container,
.portfolio_products_container2 .qode-advanced-tabs .qode-advanced-tab-container {
    background-color: #daf3f8;
}

.portfolio_products_container .qode-advanced-tabs .qode-advanced-tabs-nav,
.portfolio_products_container2 .qode-advanced-tabs .qode-advanced-tabs-nav {
    width: 70%;
    float: right;
    text-align: center !important;
}

.portfolio_products_container .q_tabs ul li.active a,
.portfolio_products_container2 .q_tabs ul li.active a {
    color: #ffffff;
    text-align: center;
    background-color: #1da7da;
    padding: 10px !important;
    border: 1px solid white;
}

.portfolio_products_container .q_tabs ul li a,
.portfolio_products_container2 .q_tabs ul li a {
    border: 1px solid #c9e4ea;
    text-align: center;
    background-color: transparent;
    padding: 10px !important;
    border: 1px solid white;
}


.portfolio_products_container .qode-advanced-tabs .qode-advanced-tabs-nav li,
.portfolio_products_container .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active,
.portfolio_products_container2 .qode-advanced-tabs .qode-advanced-tabs-nav li,
.portfolio_products_container2 .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    background: none;
}

.portfolio_products_container .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a span:after,
.portfolio_products_container2 .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a span:after {
    content: '';
    border-bottom: 1px solid #77cfef;
    display: block;
    width: 100px;
    padding-top: 10px;
    margin: 0 auto;
}

.portfolio_products_container .qode-advanced-tabs .qode-advanced-tabs-nav li a,
.portfolio_products_container2 .qode-advanced-tabs .qode-advanced-tabs-nav li a {
    color: #b4b4b4;
    font-size: 14px;
}

/*sole method disable*/
.face_tab #tab-1568893931450-1-8 ul li:last-child,
.face_tab #tab-1568893931450-1-8 #tab-sole-method-114 {
    display: none;
}

/*	  								                        PROTFOLIO ITEMS REPOSITION*/
/**************************************************************************************/

.portfolio_products_container .projects_holder .mix,
.portfolio_products_container2 .projects_holder .mix {
    display: table !important;
    direction: rtl;
}

.portfolio_products_container .image_holder,
.portfolio_products_container2 .image_holder {
    display: table-cell !important;
    vertical-align: middle !important;
    direction: ltr;
    width: 30% !important;
}

.portfolio_products_container .portfolio_description,
.portfolio_products_container2 .portfolio_description {
    display: table-cell !important;
    vertical-align: middle !important;
    direction: ltr;
    width: 70% !important;
}

/**************************************************************************************************************************/
/*				  													                 APTOS PRODUCT PAGES (PORTFOLIO ITEMS)*/
/**************************************************************************************************************************/

/*	  								                                    CATEGORY TITLE*/
/**************************************************************************************/

.info.portfolio_categories {
    padding-top: 50px;
    display: none !important;
}

.portfolio_detail.portfolio_single_no_follow.clearfix > h6 {
    display: none;
}




/*	  								                               BEFORE & AFTER AREA*/
/**************************************************************************************/

.twentytwenty-before-label,
.twentytwenty-after-label {
    opacity: 1 !important;
    display: block !important;
}

/**************************************************************************************************************************/
/*				  													                                      DERMACEUTIC PAGE*/
/**************************************************************************************************************************/


/*	  								                                            COLORS*/
/**************************************************************************************/
.derma_colors .top_info_cont i {
    color: #CBE128;
}

.derma_colors #back_to_top > span {
    background-color: #CBE128;
    border-color: #CBE128;
}

.derma_colors .paspartu_left,
.derma_colors .paspartu_right,
.derma_colors .paspartu_top,
.derma_colors .paspartu_bottom,
.derma_colors .paspartu_outer .q_slider,
.derma_colors .paspartu_outer .content:not(.has_slider) .content_inner {
    background-color: #CBE128 !important;
}

.derma_colors nav.main_menu ul li a span.underline_dash,
.derma_colors nav.vertical_menu ul li a span.underline_dash {
    background-color: #CBE128 !important;
}

.derma_colors .q_social_icon_holder.circle_social span {
    background-color: #CBE128 !important;
    border-color: #CBE128 !important;
}

.derma_colors .footer_inner .qode_icon_font_awesome.transparent {
    color: #CBE128 !important;
}

.derma_colors .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text {
    border-color: #CBE128 !important;
}

.derma_colors .wpcf7-form-control.wpcf7-submit {
    background-color: #CBE128 !important;
    border-color: #CBE128 !important;
}

.derma_colors .footer_bottom_border.in_grid {
    background-color: #CBE128 !important;
}

.derma_colors .flex-control-nav.flex-control-paging {
    margin-top: 10px !important;
}

.derma_colors .wpb_gallery_slides.has_control_nav.drag_enabled.wpb_flexslider.flexslider_fade.flexslider {
    margin-bottom: 9px !important;
}


/*	  								                                         INTRO BOX*/
/**************************************************************************************/

.intro_box_nt {
    margin: 0 auto;
}

/**************************************************************************************************************************/
/*				  													        DERMACEUTIC |  DERMATOLOGICAL INDICATIONS PAGE*/
/**************************************************************************************************************************/

/*	  								                                            TITLES*/
/**************************************************************************************/
.derma_pr_tabs .vc_row.wpb_row.section.vc_row-fluid.vc_inner.grid_section .wpb_column.vc_column_container {
    width: 76% !important;
    display: block !important;
}

.derma_pr_tabs .vc_row.wpb_row.section.vc_row-fluid.vc_inner.grid_section {
    width: 100%;
    display: block;
}

.colored_title {
    background-color: #ADAEB2;
    padding: 10px;
}

.colored_title h3 {
    color: #ffffff;
    font-weight: bold;
}

/*	  								                                              TABS*/
/**************************************************************************************/

.derma_pr_tabs .qode-advanced-tabs .qode-advanced-tabs-nav li {
    background-color: transparent !important;
}

.derma_pr_tabs .qode-advanced-tabs .qode-advanced-tabs-nav h6 a {
    color: #ADAEB2;
    font-size: 16px;
    text-align: center;
}

.derma_pr_tabs .qode-advanced-tabs .qode-advanced-tabs-nav li.ui-tabs-active h6 a {
    color: #CBE128;
}

.derma_pr_tabs .qode-advanced-tabs .qode-advanced-tabs-nav li.ui-tabs-active:after {
    content: '';
    border-bottom: 1px solid #CBE128;
    display: block;
    width: 100px;
    margin: 0 auto;
}

.derma_pr_tabs .qode-advanced-tabs .qode-advanced-tabs-nav li.ui-state-hover a {
    color: #CBE128;
}

/**************************************************************************************************************************/
/*				  													           DERMACUETIC PRODUCT PAGES (PORTFOLIO ITEMS)*/
/**************************************************************************************************************************/

/*	  								                                           COLUMNS*/
/**************************************************************************************/


.derma_pr_tab_info .wpb_column.vc_column_container.vc_col-sm-6:nth-child(1) {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 20px;
}

/*	  								                                     PRODUCT TITLE*/
/**************************************************************************************/

.derma_pr_tab_info h3 {
    background-color: #ADAEB2;
    padding: 10px;
    color: #ffffff;
    font-weight: bold;
}

.derma_pr_tab_info h3 span {
    color: #CBE128;
    font-size: 17px;
    font-weight: bold;
}


/*	  								                                              TABS*/
/**************************************************************************************/
.derma_pr_tab_info .qode-advanced-tabs .qode-advanced-tabs-nav li {
    background-color: transparent !important;
}

.derma_pr_tab_info .qode-advanced-tabs .qode-advanced-tabs-nav h6 a {
    color: #ADAEB2;
    font-size: 10px;
    text-align: center;
    padding: 5px;
}

.derma_pr_tab_info .qode-advanced-tabs .qode-advanced-tabs-nav li.ui-tabs-active h6 a {
    color: #CBE128;
}

.derma_pr_tab_info .qode-advanced-tabs .qode-advanced-tabs-nav li.ui-tabs-active:after {
    content: '';
    border-bottom: 1px solid #CBE128;
    display: block;
    width: 100px;
    margin: 0 auto;
}

.derma_pr_tab_info .qode-advanced-tabs .qode-advanced-tabs-nav li.ui-state-hover a {
    color: #CBE128;
}

/**************************************************************************************************************************/
/*				  													                    DERMACUETIC HOMECARE PRODUCTS PAGE*/
/**************************************************************************************************************************/

/*	  								                         DISABLE GRID BORDER LINES*/
/**************************************************************************************/

.qode-grid-lines-holder .qode-grid-line,
.qode-grid-lines-holder .qode-grid-line:last-child {
    border: none;
}

/*	  								                                        GRID TITLE*/
/**************************************************************************************/
.homecare_title {
    background-color: #DCDEDD;
    text-align: left;
    padding: 10px;
    color: #ffffff;
}

/*	  								                                      GRID FILTERS*/
/**************************************************************************************/

.projects_holder_outer .filter_outer {
    background-color: #A8A9AD;
    margin: 0px;
}

.filter_holder ul {
    display: table !important;
}

.filter_holder ul li span {
    color: #ffffff !important;
}

.filter_holder ul li.active span,
.filter_holder ul li:hover span {
    color: #CBE128 !important;
}


/**************************************************************************************************************************/
/*				  													                                         SRS HOME PAGE*/
/**************************************************************************************************************************/

.srs_colors .top_info_cont i {
    color: #454545;
}

.srs_colors #back_to_top > span {
    background-color: #454545;
    border-color: #454545;
}

.srs_colors .paspartu_left,
.srs_colors .paspartu_right,
.srs_colors .paspartu_top,
.srs_colors .paspartu_bottom,
.srs_colors .paspartu_outer .q_slider,
.srs_colors .paspartu_outer .content:not(.has_slider) .content_inner {
    background-color: #454545 !important;
}

.srs_colors nav.main_menu ul li a span.underline_dash,
.srs_colors nav.vertical_menu ul li a span.underline_dash {
    background-color: #454545 !important;
}

.srs_colors .q_social_icon_holder.circle_social span {
    background-color: #454545 !important;
    border-color: #454545 !important;
}

.srs_colors .footer_inner .qode_icon_font_awesome.transparent {
    color: #454545 !important;
}

.srs_colors .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text {
    border-color: #454545 !important;
}

.srs_colors .wpcf7-form-control.wpcf7-submit {
    background-color: #454545 !important;
    border-color: #454545 !important;
}

.srs_colors .footer_bottom_border.in_grid {
    background-color: #454545 !important;
}

.srs_colors .flex-control-nav.flex-control-paging {
    margin-top: 10px !important;
}

.srs_colors .wpb_gallery_slides.has_control_nav.drag_enabled.wpb_flexslider.flexslider_fade.flexslider {
    margin-bottom: 9px !important;
}

/*	  								                                              GRID*/
/**************************************************************************************/

.srs_home_container {
    width: 100%;
    display: block;
}

.srs_home_container > div {
    width: 33.33%;
    display: inline-block;
    float: left;
    position: relative;
    background-color: rgba(54, 56, 57, 0.85);
}

.srs_home_container > div img {
    width: 100%;
    transition: .2s;
    display: block;
}

.srs_home_container > div:hover img {
    transform: scale(0.8);
    opacity: 0.3;
}

.srs_home_container .srs_baner_txt {
    position: absolute;
    top: 40%;
    left: 0%;
    text-align: center;
    display: none;
    padding-left: 40px;
    padding-right: 40px;
    width: 90%;
}

.srs_home_container .srs_baner_txt h3 {
    font-size: 21px;
    position: relative;
    padding: 40px;
    color: #ffffff;
}

.srs_home_container > div:hover .srs_baner_txt {
    display: block;
}

/*	  								                                     ABOUT US PAGE*/
/**************************************************************************************/

.srs_colors h2,
.srs_colors p {
    color: #414042;
}

h2.timeline-main-title.center-block {
    display: none;
}

div#clt-2019 {
    display: none;
}

.meta-details {
    display: none;
}

.cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
.cool-timeline.white-timeline .timeline-post.odd .icon-dot-full {
    background: #000000 !important;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title,
.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title {
    background: none !important;
    color: #000000;
    font-size: 30px !important;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title {
    background: none !important;
    color: #000000;
    font-size: 30px !important;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title:before,
.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before {
    display: none !important;
}

/**************************************************************************************************************************/
/*				  													                                                FOOTER*/
/**************************************************************************************************************************/

/*	  								                                NEWSLETTER SECTION*/
/**************************************************************************************/
.custom_newsletter_container {
    background-color: #E8E8E6;
    display: inline-block;
    width: 100%;
}

.custom_newsletter_container .custom_news_wrapper {
    width: 60%;
    margin: 0 auto;
}

.custom_newsletter_container .block1,
.custom_newsletter_container .block2 {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.custom_newsletter_container .block1 h3 {
    text-align: left;
}


.custom_newsletter_container .mailpoet_paragraph:nth-child(7) {
    width: 60%;
    display: inline-block;
    float: left;

}

.custom_newsletter_container .mailpoet_paragraph:nth-child(7) input {
    padding: 10px;
    border: none;
}

.custom_newsletter_container .mailpoet_paragraph:nth-child(8) {
    width: 40%;
    display: inline-block;
    float: left;
}

.custom_newsletter_container .mailpoet_paragraph:nth-child(8) input {
    padding: 10px;
    border: none;
}

.custom_newsletter_container .mailpoet_text,
.custom_newsletter_container .mailpoet_submit {
    width: 100% !important;
}

.custom_newsletter_container .mailpoet_submit {
    background-color: #77cfef !important;
    color: #ffffff;
}

.custom_newsletter_container .mailpoet_submit:hover {
    background-color: #00aeef !important;
    cursor: pointer;
}



/*	  								                                     COLUMN TITLES*/
/**************************************************************************************/

.footer_top h5 {
    color: #21708e !important;
}

/*	  								                                       FOOTER FORM*/
/**************************************************************************************/
.forma_footer h5 .tab-title {
    background-color: #01a8d3;
    color: #ffffff;
}

.forma_footer span.accordion_mark_icon {
    background-color: #01a8d3;
    color: #ffffff !important;
}

.q_accordion_holder.accordion h5.ui-accordion-header {
    background-color: #01a8d3 !important;
}

/*	  								                                             SOCIAL*/
/**************************************************************************************/

.column4.footer_col4 .q_social_icon_holder {
    margin: 0 auto !important;
    display: inline-block;
    text-align: center;
    width: 15.33%;
    float: left;
    margin-left: 20px;
}