/*
Theme Name: DalcoWeb
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
html {
    scroll-behavior: smooth;
}
ol > li {
    margin-bottom: 2rem !important;
}

ol li::marker{
  font-weight:bold !important;	
}

.accordion .card-title {
    font-size: 20px;
	font-weight: 600;
}
.section-default .accordion.panel-modern .card-header {
    background: none;
}
.accordion.panel-modern .card-header {
	background-color: rgba(255, 255, 255, 0.03)
}

.accordion .card-header a {
	color: #c72125 !important;
}

.accordion.panel-modern .card {
    border: 4px solid #f7f7f7;
}

.post-carousel h4 {
    font-weight: 600;
}

.main-content {
    padding-top: 35px;
    padding-bottom: 70px;
}

.fluentform .ff-el-group {
    margin-bottom: 10px;
}

.fluentform .ff-step-header {
    margin-bottom: 0px !important; 
}

.ff-el-section-break hr {
    margin-bottom: 5px;
    margin-top: 5px;
}

.first-form-header {
    margin-top: 0px !important;
}

.ff-el-section-break {
    margin-top: 25px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: inline-flex !important;
    align-items: center;
    height: 100%;
    width: auto;
    padding: 17px 0px 0px 10px !important;
}

.fluentform .iti__selected-flag {
    background: rgba(0,0,0,0) !important;
}

.fluentform .ff-step-titles li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    line-height: 40px;
    display: block;
    font-size: 25px;
    color: #333;
    background: #fff;
    border: 1px solid;
    border-radius: 3px;
    margin: 0 auto 5px;
    z-index: 10;
    position: relative;
    vertical-align: top;
}

.fluentform .ff-step-titles li.ff_active:before, .fluentform .ff-step-titles li.ff_completed:before {
    background: #ed0701;
    color: #FFFFFF;
}

.fluentform .ff-step-titles li.ff_active, .fluentform .ff-step-titles li.ff_completed {
    color: #000000;
}

.fluentform .ff-step-titles li {
    display: table-cell;
    position: relative;
    list-style-type: none;
    color: #000000;
    font-size: 20px;
    width: auto;
    padding: 0 10px;
    vertical-align: top;
}

.fluentform .ff-step-titles li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    left: -50%;
    top: 20px;
    z-index: 1;
}

.fluentform .ff-step-titles li.ff_active:after, .fluentform .ff-step-titles li.ff_completed:after {
    background: #000000; 
}

@media (min-width: 481px){}
	.fluentform .ff-el-form-left .ff-el-input--content, .fluentform .ff-el-form-right .ff-el-input--content {
	  margin-left: 0px;
	}
}
.partner-labels { 
    margin-bottom:0px !important;
}

.services-block-title{
    margin-top:10px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.product-section {
    font-weight: bold;
    text-align: center;
}

.hpc-feature-image .thumb-info.thumb-info-preview .thumb-info-image{
    background-size: 100% !important;
    background-position: center;
}

.product-image-header .thumb-info.thumb-info-preview .thumb-info-image{
    background-size: 55% !important;
    background-position: center;
}

.system-specification-table {
    width:70%;
    margin-left: auto;
    margin-right: auto;
}

.request-quote-button{
    margin-top: 15px;
    margin-bottom: 0px;
}

.product-title{
    font-weight: bold;
    text-align:center;
    margin-top: 25px;
    margin-top: 25px;
}

.product-section-title {
    font-weight: bold;
    text-transform: uppercase;
}

.searchform .live-search-list {
    min-width: 210px;
}

.live-search-list div.autocomplete-suggestions{
    background-color:#FFFFFF !important;
    color: #000000 !important;
}

.live-search-list div.autocomplete-suggestion{
    color: #000000 !important;
}

.vc_custom_heading {
    letter-spacing: 1px;
}

.product-description-list li {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.page-top {
    padding:0px;   
}

.page-title {
    letter-spacing: 1px !important;
}

.page-top .page-title-wrap {
    margin-top: 6px;
}

.page-top .page-title:not(.b-none):after {
    bottom: -20px;
}
    
.product-category {
    margin-bottom: 35px;
}

.product-category .porto-ultimate-content-box{
    border-bottom: 2px solid #dfdfdf;
    border-left: 2px solid #ececec;
    border-right: 2px solid #ececec;
    box-shadow: 0 2px 4px 0px rgb(0 0 0 / 5%) !important;
    border-top: 2px solid #dfdfdf;
   
}

.product-category:not(.workstations) .wpb_content_element {
    margin-bottom: 0px;
}

.product-category .porto-ultimate-content-box img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.product-category .porto-ultimate-content-box:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.product-category .porto-ultimate-content-box:hover {
    box-shadow: 0 2px 4px 0px rgb(254 66 61 / 50%) !important;
    border-top: 2px solid rgb(254 66 61 / 50%);
    border-bottom: 2px solid rgb(254 66 61 / 50%);
    border-left: 2px solid rgb(254 66 61 / 50%);
    border-right: 2px solid rgb(254 66 61 / 50%);
}

.product-description {
    margin-bottom: 20px !important;
    margin-right:10px;
    font-size: 13px;
}

.separator-no-margin{
    margin-bottom: 0px;
}

.workstation-footnotes li{
    padding-left: 30px;
    font-size:  12px;
}

.fixed-header #header {
    background-color: rgba(33,37,41,1);
}

.fixed-header #header .header-main {
    background-color: rgba(68,68,68,0);
}
#header.sticky-header .searchform-popup .search-toggle,
.searchform-popup .search-toggle{
    color: #FFFFFF;
}

#header.sticky-header .searchform-popup .search-toggle:hover,
.searchform-popup .search-toggle:hover{
    color: #444444;
}

.no_margin_bottom {
    margin-bottom: 0px;
}

#header, .sticky-header .header-main.sticky {
    border-top: 0px solid #ededed;
}

#footer .widget-title {
    font-weight:bold;
    font-size:16px;
}

.contact-location-info {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.wpb_gmaps_widget h2 {
    font-size:  26px;
}

.support-block img {
    -webkit-filter: grayscale(1); 
    filter: grayscale(1);
} 

.support-block img:hover {
    -webkit-filter: grayscale(0); 
    filter: grayscale(0);
}

.footer-main  .contact-location-info strong {
    font-weight: 700;
}

#footer contact-location-info i {
    color: #222529;
}

#footer .footer-ribbon {
    font-weight: 900;
}

.widget.contact-info i {
    margin: 2px 9px 10px 0;
}

#side-nav-panel .mobile-menu {
    font-size: 14px;
    font-weight: bold;
}

#footer .footer-main>.container {
    padding-top: 2.5rem;
    padding-bottom: 0.5rem;
}

footer .contact-details strong {
    display: block;
}

#header .logo, .side-header-narrow-bar-logo {
    /* max-width: 70%;  */
}

#header .logo a {
  display: inline-block;
  max-width: 54%;
}

.sticky-header .logo a {
  display: inline-block;
  max-width: 86.2% !important;
}

header .logo img {
    /* height: 35px; */
}


#header.sticky-header .header-main.sticky .header-row {
    padding-top: 15px;
    padding-bottom: 15px;
}

.owl-carousel .owl-item {
    vertical-align: middle !important;
}
.porto-carousel-wrapper {
    margin-bottom: 20px;
    margin-top: 20px;
}

.porto-item-wrap {
    vertical-align: middle;
}

.porto-item-wrap img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.porto-item-wrap img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.vertical-center .owl-stage-outer .owl-stage{
    vertical-align: middle !important;
    display: flex;
    align-items: center;
}

/* ---- MENU ---- */

.sticky-header .mega-menu>li.menu-item:hover .popup {
    top: 122%;
}
 
.sticky-header .mega-menu > li.has-sub:before,
.sticky-header .mega-menu > li.has-sub:after {
    top: 95%;
}

/******** FOOTER ---- */
#footer .logo {
    display:block !important;
} 

#footer .logo img {
    max-width: 156px;
}

#footer .footer-bottom {
    padding: 15px 0;
}

#footer .footer-bottom .footer-right {
    padding: 0px 0 20px 8px;
    text-align: right;
}

#footer .footer-bottom .footer-left {
    padding: 20px 8px 20px 0;
    text-align: left;
}


#intel .wpb_content_element,
#amd .wpb_content_element,
#nvidia .wpb_content_element {
    margin-bottom: 0px;
}

#intel .vc_column-inner,
#amd .vc_column-inner,
#nvidia .vc_column-inner {
    margin: auto;
}

.footer-right .wpb_single_image img {
    /* filter: invert(0.25); */
}

/******* CUSTOMER LOGOS ********/
.customers {
    border-top: 0px;
    margin-top: 30px;
    margin-bottom: 30px !important;
    border-color: #FFFFFF !important;
}

.product-image {
    margin-bottom: 10px;
}
.product-image .thumb-info.thumb-info-preview .thumb-info-image {
    background-size: 65% auto;
}

#customer-logos .wpb_content_element {
    margin-bottom: 0px;
}

#customer-logos .vc_column-inner{
    margin: auto;
}

#customer-logos .vc_single_image-wrapper img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#customer-logos .vc_single_image-wrapper img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/******** COOKIE DISCLAIMER ********/
#cookie-law-info-bar{
    background-color: rgb(255, 255, 255, 0.8) !important;
}

.cky-prefrence-btn-wrapper .cky-btn-preferences{
	background-color: transparent !important;
}
.cky-notice-btn-wrapper  .cky-btn-customize {
	background-color: transparent !important;
}
/******** BREADCRUMB ********/
.page-top .page-title { font-weight: 700; }
.page-top .breadcrumbs-wrap, .page-top .breadcrumbs-wrap a { color: #fff; }
.page-top ul.breadcrumb>li:last-child { opacity: 0.7; }

.fluentform .ff-el-group.ff-el-form-top .ff-el-input--label {
    width: 100% !important;
}

	
@media (max-width: 511px){
    #footer .logo {
        text-align: center;
    }
    #footer .footer-copyright {
        text-align: center;
        width:100%;
    }
}

@media (min-width: 512px) and (max-width: 991px){
    #footer .logo {
        text-align: center;
        width:100%;
    }

    #footer .footer-bottom .container>div {
        text-align: center;
    }
}


@media (max-width: 767px){
	#header.sticky-header .header-main.sticky .header-row {
	  padding-top: 8px;
	  padding-bottom: 8px;
	}
	#header .logo a {
    	max-width: 100%;
	}
	.sticky-header .logo a {
	  max-width: 100% !important;
	}
	#header .logo {
		--porto-logo-mw: 113px;
		--porto-sticky-logo-mw: 113px;
	}
    .hpc-feature-image .thumb-info.thumb-info-preview .thumb-info-image{
        background-size: 100% !important;
        background-position: center;
    }
    .product-description-list {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .product-description {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .no_margin_bottom {
        margin-bottom: 35px;
    }
    
    #support-block{
        margin-top:40px;
    }
    
    .thumb-info.thumb-info-preview .thumb-info-image {
        background-size: 33% auto;
    }

    #intel .wpb_content_element,
    #amd .wpb_content_element,
    #nvidia .wpb_content_element,
    #customer-logos .wpb_content_element {
        margin-bottom: 35px;
    }

    #intel .wpb_single_image img {
        max-width: 60.67%;
    }

    #amd .wpb_single_image img {
        max-width: 92.7%;
    }

    #nvidia .wpb_single_image img {
        max-width: 94.7%;
    }

    #customer-logos .wpb_single_image img {
        max-width: 94.7%;
    }

}

@media (min-width: 768px){
    .widget-col-2 > aside {
        position: absolute;
        left: calc(50% - 100px);
    }

    .widget-col-3 > aside {
        float: right;
    }
}
@media (min-width:768px) and (max-width: 991px){
    #intel .wpb_single_image img {
        max-width: 68.67%;
    }
	
	#header .logo a {
    	max-width: 100%;
	}
	.sticky-header .logo a {
	  max-width: 100% !important;
	}
	#header .logo {
		--porto-logo-mw: 113px;
		--porto-sticky-logo-mw: 113px;
	}
	
    #header.sticky-header .header-main.sticky .header-row {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (max-width: 991px){
    .product-category .porto-ultimate-content-box img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
	
    .searchform-fields {
        color:#FFFFFF;
        border: 1px solid white;
        border-radius: 25px;
    }
    
    .searchform input[type="text"] {
        color: #FFFFFF !important;
        font-size: 16px !important;
    }
    
    .searchform .btn {
        color: #FFFFFF !important;
        font-size: 16px !important;
    }
    
    #footer .logo {
        text-align: center;
        width:100%;
    }

    #footer .footer-bottom .container>div {
        text-align: center;
    }
}

@media (min-width: 992px){
    #header.sticky-header .main-menu > li.menu-item > a,
    #header.sticky-header .menu-custom-block span,
    #header.sticky-header .menu-custom-block a,
    #header.sticky-header .main-menu-wrap .main-menu .menu-custom-block a,
    #header.sticky-header .main-menu-wrap .main-menu .menu-custom-block span {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: -15px;
        margin-bottom: -15px;
    }
	#header .logo a {
    	max-width: 62.438%;
	}
	.sticky-header .logo a {
	  max-width: 100% !important;
	}
	#header .logo {
		--porto-logo-mw: 181px;
		--porto-sticky-logo-mw: 113px;
	}
	#header.sticky-header .header-main.sticky .header-row {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1170px){
	#header.sticky-header .header-main.sticky .header-row {
        padding-top: 5px;
        padding-bottom: 5px;
    }
	#header .logo a {
		max-width: 100%;
	}
	#header .logo {
		--porto-logo-mw: 113px;
		--porto-sticky-logo-mw: 113px;
	}
}

@media (min-width: 1170px){
    #header .logo a {
        max-width: 100%; 		
    }
	#header .logo {
		--porto-logo-mw: 156px;
		--porto-sticky-logo-mw: 156px;
	}
	.sticky-header .logo a {
	  max-width: 100% !important;
	}
}