/*
Theme Name: ICSS
Description: Stable, responsive corporate theme for the ICSS multilingual WordPress site.
Version: 1.4.53
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: icss
Domain Path: /languages
*/

/* Google Maps Easy: compact, readable ICSS project cards. */
.gmp_map_opts .gm-style-iw-c {
    box-sizing: border-box;
    max-width: min(360px, calc(100vw - 40px)) !important;
    max-height: none !important;
}

.gmp_map_opts .gm-style-iw-d {
    max-height: none !important;
    overflow: hidden !important;
}

.gmp_map_opts .gmpInfoWindowtitle {
    left: 0;
    margin: 0;
    padding: 0 28px 8px 0;
    border-bottom: 2px solid #31a3dd;
    color: #176f9f !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 18px !important;
    line-height: 1.25;
}

.gmp_map_opts .egm-marker-iw {
    max-width: 100%;
    max-height: none !important;
    overflow: visible !important;
    color: #273746;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.gmp_map_opts .icss-map-popup {
    box-sizing: border-box;
    width: 300px;
    max-width: calc(100vw - 72px);
    padding-top: 9px;
    overflow-wrap: break-word;
}

.gmp_map_opts .icss-map-popup p {
    margin: 0;
    padding: 0;
}

.gmp_map_opts .icss-map-popup__location {
    margin-bottom: 5px !important;
    color: #647481;
    font-size: 12.5px;
    line-height: 1.35;
}

.gmp_map_opts .icss-map-popup__customer {
    margin-bottom: 7px !important;
    color: #172b3a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.gmp_map_opts .icss-map-popup__installation {
    color: #344957;
    font-size: 11.5px;
    line-height: 1.3;
}

.gmp_map_opts .icss-map-popup__installation + .icss-map-popup__installation {
    margin-top: 3px !important;
}

.gmp_map_opts .icss-map-popup__rex {
    margin-top: 10px !important;
    padding-top: 8px !important;
    border-top: 1px solid #dce6ec;
}

.gmp_map_opts .icss-map-popup__rex a {
    color: #1677aa;
    font-weight: 600;
    text-decoration: none;
}

.gmp_map_opts .icss-map-popup__rex a::after {
    margin-left: 5px;
    content: "\f105";
    font-family: FontAwesome;
}

.gmp_map_opts .icss-map-popup__rex a:hover,
.gmp_map_opts .icss-map-popup__rex a:focus {
    color: #0b4f75;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .gmp_map_opts .gmpInfoWindowtitle {
        font-size: 16px !important;
    }

    .gmp_map_opts .egm-marker-iw {
        font-size: 13px !important;
    }

    .gmp_map_opts .icss-map-popup {
        width: 280px;
        max-width: calc(100vw - 58px);
    }

    .gmp_map_opts .icss-map-popup__installation {
        font-size: 11.5px;
    }
}

/* Keyboard users can bypass the complete header and navigation. */
.icss-skip-link {
    position: fixed;
    z-index: 100000;
    top: 8px;
    left: 8px;
    transform: translateY(-180%);
    padding: 10px 14px;
    border-radius: 3px;
    background: #fff;
    color: #0b4f75;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
}

.icss-skip-link:focus {
    transform: translateY(0);
}

/* Main css with editable-------------------------------------------------------------- */
.row {
    margin-left: 0px;
    margin-right: 0px;
} 
/* Header Section css-------------------------------------------------------------- */ 
body {
   /* padding:0 30px;*/
   font-family: 'Open Sans', sans-serif;
   background-color: #fff;

   }

/* ICSS compatibility and accessibility layer. */
.site { min-height: 100vh; overflow-x: hidden; }
.icss-header-row { display: flex; align-items: center; min-height: 105px; }
.custom-logo { display: block; max-width: 100%; height: auto; }
.site-description { margin: 0; color: #fff; line-height: 1.5; text-align: center; }
.icss-header-contact { text-align: right; }
.phone-link { display: inline-block; margin: 6px 0; color: #fff; font-size: 17px; }
.phone-link:hover, .phone-link:focus { color: #fff; text-decoration: underline; }
.icss-header-contact .social { margin: 0; }
.icss-header-contact .social a { display: block; }
.navbar-default { margin: 0; border: 0; background: transparent; }
.navbar-collapse { padding-right: 0; padding-left: 0; }
.navigation_menu { position: relative; width: 100%; }
#header_shadow { position: absolute; z-index: 99; top: 100%; right: 0; left: 0; width: 100%; height: 20px; background: url('images/shadow.png') no-repeat top center; pointer-events: none; }
.icss-mobile-nav-row { display: none; }
.icss-desktop-languages { display: none; }
.navbar-default .navbar-nav > li { margin-right: 7px; }
.navbar-default .navbar-nav > li > a {
	padding: 10px 20px;
	border-radius: 5px;
	color: #000;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.current-menu-item > a,
.navbar-default .navbar-nav > li.current-menu-ancestor > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	border-radius: 0;
	background: #31a3dd;
	box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
	color: #fff;
}
.navbar-default .dropdown-menu { min-width: 200px; padding: 0; border: 0; border-radius: 0; background: rgba(49, 162, 221, .94); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); text-transform: uppercase; }
.navbar-default .dropdown-menu > li > a { padding: 7px 32px 7px 10px; color: #fff; transition: padding 400ms; }
.navbar-default .dropdown-menu > li > a::before { margin-right: 10px; content: "\f105"; opacity: 0; font-family: FontAwesome; font-size: 16px; }
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li.active > a { padding: 7px 20px 7px 22px; background: #fff; color: #000; }
.navbar-default .dropdown-menu > li > a:hover::before,
.navbar-default .dropdown-menu > li > a:focus::before { opacity: 1; }
.icss-menu-page-cue { display: none; }
.icss-submenu-toggle { display: none; }
.icss_header_breadcrumb_title { padding: 14px 0; background: #f4f6f8; border-bottom: 1px solid #e1e5e8; }
.icss_header_breadcrumb_title h1 { margin: 0; font-size: 24px; line-height: 1.25; }
.icss_page_wrapper { padding-top: 28px; padding-bottom: 55px; }
.icss-front-content { padding-top: 45px; padding-bottom: 55px; }
.icss_featured_image { margin-bottom: 28px; }
.icss_service { padding: 55px 0 20px; }
.icss_heading_title { margin-bottom: 42px; text-align: center; }
.icss_heading_title h2 { display: inline-block; margin: 0; padding-bottom: 10px; border-bottom: 4px solid #31a3dd; text-transform: uppercase; }
.icss_service_area { display: flex; align-items: flex-start; min-height: 190px; margin-bottom: 35px; }
.icss_service_icon { flex: 0 0 90px; width: 90px; height: 90px; margin-right: 20px; border: 4px solid #31a3dd; border-radius: 50%; background: #31a3dd; color: #fff; text-align: center; }
.icss_service_icon i { font-size: 46px; line-height: 82px; }
.icss_service_detail { flex: 1 1 auto; min-width: 0; }
.icss_service_detail h3 { margin: 0 0 10px; font-size: 24px; }
.icss_service_detail p { text-align: justify; }
.carousel-inner > .item > img { width: 100%; }
.carousel-text h2 { display: inline-block; margin: 0 0 8px; padding: 8px 12px; background: rgba(0,0,0,.62); color: #fff; font-size: 3em; font-weight: 700; text-transform: uppercase; }
.carousel-text p, .icss-slide-description p { margin: 0 0 14px; padding: 8px 12px; background: rgba(49,163,221,.82); color: #fff; font-weight: 600; }
.icss_button { display: inline-block; padding: 10px 16px; border: 2px solid #31a3dd; background: #31a3dd; color: #fff; font-size: 18px; }
.icss_button:hover, .icss_button:focus { background: #fff; color: #217da9; }
.icss_footer_widget_area { padding: 40px 0; background: #252c33; color: #fff; }
.icss_footer_area { padding: 25px 0; background: #31a3dd; color: #fff; text-align: center; }
.icss_footer_text p { margin: 5px 0; color: #fff; }
.icss-footer-policy-links { margin-top: 8px; padding-bottom: 8px; font-size: 12px; line-height: 1.45; }
.icss-footer-policy-links ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 3px 0; margin: 0; padding: 0; list-style: none; }
.icss-footer-policy-links li { margin: 0; padding: 0; }
.icss-footer-policy-links li + li::before { margin: 0 7px; color: rgba(255, 255, 255, .52); content: "·"; }
.icss-footer-policy-links a { color: rgba(255, 255, 255, .78); text-decoration: none; }
.icss-footer-policy-links a:hover,
.icss-footer-policy-links a:focus { color: #fff; text-decoration: underline; }
.entry-content img, .entry-content iframe, .entry-content video { max-width: 100%; }
.entry-content img { height: auto; }

/* Readable presentation for the historical WordPress page content. */
.icss_page_content > .entry-content { max-width: 980px; margin-right: auto; margin-left: auto; color: #3f5059; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.72; }
.icss_page_content .entry-content p { margin: 0 0 1.25em; color: inherit; font-family: inherit; font-size: 16px; line-height: 1.72; text-align: left !important; }
.icss_page_content .entry-content p.has-text-align-center,
.icss_page_content .entry-content p[style*="text-align: center"],
.icss_page_content .entry-content p[style*="text-align:center"] { text-align: center !important; }
.icss_page_content .entry-content p.has-text-align-justify,
.icss_page_content .entry-content p.is-style-icss-justified,
.icss_page_content .entry-content p.has-icss-justified-text,
.icss_page_content .entry-content p[style*="text-align: justify"],
.icss_page_content .entry-content p[style*="text-align:justify"],
.icss_page_content .entry-content div.has-text-align-justify,
.icss_page_content .entry-content div[style*="text-align: justify"],
.icss_page_content .entry-content div[style*="text-align:justify"] { text-align: justify !important; hyphens: auto; }
.icss_page_content .entry-content p.icss-empty-paragraph { display: none; }

/* Global control for automatic hyphenation of justified content. Literal
 * technical hyphens remain untouched. The limited mode uses both current and
 * WebKit-prefixed constraints; unsupported limits are ignored safely. */
body.icss-hyphenation-none * {
	-webkit-hyphens: none !important;
	hyphens: none !important;
}

body.icss-hyphenation-limited * {
	-webkit-hyphenate-limit-before: 4;
	-webkit-hyphenate-limit-after: 4;
	-webkit-hyphenate-limit-lines: 2;
	hyphenate-limit-chars: 10 4 4;
	hyphenate-limit-lines: 2;
}

.icss_page_content .entry-content ul,
.icss_page_content .entry-content ol { margin: 1em 0 1.5em; padding-left: 1.55em; color: inherit; font-family: inherit; font-size: 16px; line-height: 1.65; }
.icss_page_content .entry-content li { margin: 0 0 .55em; color: inherit; font-family: inherit; font-size: 16px; line-height: 1.65; }
.icss_page_content .entry-content li.has-text-align-justify,
.icss_page_content .entry-content li.has-icss-justified-text,
.icss_page_content .entry-content li[style*="text-align: justify"],
.icss_page_content .entry-content li[style*="text-align:justify"],
.icss_page_content .entry-content ul[style*="text-align: justify"] > li,
.icss_page_content .entry-content ul[style*="text-align:justify"] > li,
.icss_page_content .entry-content ol[style*="text-align: justify"] > li,
.icss_page_content .entry-content ol[style*="text-align:justify"] > li { text-align: justify !important; text-align-last: left; hyphens: auto; }
.icss_page_content .entry-content li.has-text-align-justify p,
.icss_page_content .entry-content li.has-icss-justified-text p,
.icss_page_content .entry-content li[style*="text-align: justify"] p,
.icss_page_content .entry-content li[style*="text-align:justify"] p,
.icss_page_content .entry-content ul[style*="text-align: justify"] > li > p,
.icss_page_content .entry-content ul[style*="text-align:justify"] > li > p,
.icss_page_content .entry-content ol[style*="text-align: justify"] > li > p,
.icss_page_content .entry-content ol[style*="text-align:justify"] > li > p { text-align: inherit !important; text-align-last: left; }
.icss_page_content .entry-content ul.is-style-icss-justified,
.icss_page_content .entry-content ol.is-style-icss-justified,
.icss_page_content .entry-content ul.has-icss-justified-text,
.icss_page_content .entry-content ol.has-icss-justified-text,
.icss_page_content .entry-content ul.is-style-icss-justified li,
.icss_page_content .entry-content ol.is-style-icss-justified li,
.icss_page_content .entry-content ul.has-icss-justified-text li,
.icss_page_content .entry-content ol.has-icss-justified-text li,
.icss_page_content .entry-content ul.is-style-icss-justified li > p,
.icss_page_content .entry-content ol.is-style-icss-justified li > p,
.icss_page_content .entry-content ul.has-icss-justified-text li > p,
.icss_page_content .entry-content ol.has-icss-justified-text li > p { text-align: justify !important; text-align-last: left; hyphens: auto; }
.icss_page_content .entry-content li::marker { color: #218fc5; font-weight: 700; }
.icss_page_content .entry-content h2 { position: relative; margin: 2em 0 .75em; padding: 0 0 .48em; border: 0; color: #263640; font-size: 25px; font-weight: 650; line-height: 1.28; letter-spacing: -.015em; }
.icss_page_content .entry-content h2::after { position: absolute; bottom: 0; left: 0; width: 44px; height: 3px; border-radius: 3px; background: #31a3dd; content: ""; }
.icss_page_content .entry-content h3 { margin: 1.7em 0 .6em; color: #315260; font-size: 20px; font-weight: 650; line-height: 1.35; letter-spacing: -.01em; }
.icss_page_content .entry-content h4 { margin: 1.45em 0 .55em; color: #47616d; font-size: 17px; font-weight: 700; line-height: 1.4; text-transform: none; }
.icss_page_content .entry-content a { color: #217da9; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.icss_page_content .entry-content a:hover,
.icss_page_content .entry-content a:focus { color: #155d7e; text-decoration-thickness: 2px; }
.icss_page_content .entry-content span[style*="font-family"] { font-family: inherit !important; }
.icss_page_content .entry-content code {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font-family: Consolas, Monaco, "Liberation Mono", "Courier New", monospace;
	font-size: inherit;
	font-style: normal;
	font-weight: 400;
}
.icss_page_content .entry-content strong code,
.icss_page_content .entry-content code strong {
	font-weight: 700;
}
.icss_page_content .entry-content em code,
.icss_page_content .entry-content code em {
	font-style: italic;
}
.icss_page_content .entry-content :is(h1, h2, h3, h4, h5, h6, summary) code {
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}
.icss_page_content .entry-content p[style*="center"] > span { color: #667780; font-size: 13px !important; }
.icss_page_content .entry-content img { border-radius: 4px; }
.icss_page_content .entry-content blockquote { margin: 1.5em 0; padding: 16px 22px; border-left: 4px solid #31a3dd; background: #f4f9fb; color: #405762; font-size: 16px; }
.icss_page_content .entry-content table { display: block; max-width: 100%; margin: 1.5em 0; overflow-x: auto; border-collapse: collapse; font-size: 15px; }
.icss_page_content .entry-content th { background: #eaf5fa; color: #263640; }
.icss_page_content .entry-content th,
.icss_page_content .entry-content td { padding: 10px 12px; border-color: #cfdce2; text-align: left; vertical-align: top; }

/* Native WordPress Details blocks used for readable case studies. */
.icss_page_content .entry-content details.wp-block-details,
.icss_page_content .entry-content details.is-style-icss-case-study { margin: 1.1em 0 2em; overflow: hidden; border: 1px solid #c7dae3; border-radius: 7px; background: #fff; box-shadow: 0 5px 16px rgba(28,55,70,.08); }
.icss_page_content .entry-content details[open] { box-shadow: 0 9px 24px rgba(28,55,70,.11); }
.icss_page_content .entry-content details > summary { display: flex; flex-wrap: wrap; align-items: center; min-height: 52px; margin: 0; padding: 12px 16px; background: #eef7fb; color: #274b5b; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 1.5; list-style: none; transition: background-color .18s ease, color .18s ease; }
.icss_page_content .entry-content details > summary::-webkit-details-marker { display: none; }
.icss_page_content .entry-content details > summary::before { display: inline-flex; flex: 0 0 24px; align-items: center; justify-content: center; width: 24px; height: 24px; margin-right: 10px; border-radius: 50%; background: #31a3dd; color: #fff; content: "+"; font-size: 19px; font-weight: 400; line-height: 1; }
.icss_page_content .entry-content details:not(.icss-details-enhanced) > summary::after { flex: 0 0 calc(100% - 34px); margin: 7px 0 0 34px; color: #217da9; content: "View details"; font-size: 12px; font-weight: 600; letter-spacing: .025em; text-align: right; text-transform: uppercase; }
html[lang^="fr"] .icss_page_content .entry-content details:not(.icss-details-enhanced) > summary::after { content: "Voir le détail"; }
.icss_page_content .entry-content details[open] > summary { border-bottom: 1px solid #d6e5ec; background: #e5f3f9; color: #1e3f4e; }
.icss_page_content .entry-content details[open] > summary::before { content: "−"; }
.icss_page_content .entry-content details:not(.icss-details-enhanced)[open] > summary::after { content: "Hide details"; }
html[lang^="fr"] .icss_page_content .entry-content details:not(.icss-details-enhanced)[open] > summary::after { content: "Masquer le détail"; }
.icss_page_content .entry-content details.icss-details-enhanced > summary { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; column-gap: 10px; row-gap: 6px; }
.icss_page_content .entry-content details.icss-details-enhanced > summary::before { grid-column: 1; grid-row: 1; margin-right: 0; }
.icss-details-title { grid-column: 2; grid-row: 1; min-width: 0; font-weight: 400; text-align: justify; text-align-last: left; hyphens: auto; }
.icss-details-title strong,
.icss-details-title b { font-weight: inherit; }
.icss_page_content .entry-content details.has-icss-justified-text > summary,
.icss_page_content .entry-content details.has-icss-justified-text .icss-details-title,
.icss_page_content .entry-content details.has-icss-justified-text p:not(.icss-case-project),
.icss_page_content .entry-content details.has-icss-justified-text li { text-align: justify !important; text-align-last: left; hyphens: auto; }
.icss-details-actions { display: flex; grid-column: 2; grid-row: 2; align-items: center; justify-content: flex-end; min-width: 0; text-align: right; }
.icss-details-has-project .icss-details-actions { grid-row: 3; }
.icss-details-action-label { color: #217da9; font-size: 12px; font-weight: 600; letter-spacing: .025em; line-height: 1.25; text-transform: uppercase; }
.icss-case-project-label { grid-column: 2; grid-row: 2; justify-self: end; max-width: 100%; overflow-wrap: anywhere; color: #627782; font-size: 12px; font-weight: 400; line-height: 1.3; text-align: right; text-transform: none; }
.icss-case-project-label::before { margin-right: 5px; color: #31a3dd; content: "\f041"; font-family: FontAwesome; font-size: 12px; font-weight: 400; }
.icss_page_content .entry-content details:not(.icss-details-enhanced) > :not(summary) { margin-right: 20px; margin-left: 20px; }
.icss_page_content .entry-content details:not(.icss-details-enhanced) > summary + * { margin-top: 20px !important; }
.icss_page_content .entry-content details:not(.icss-details-enhanced) > :last-child { margin-bottom: 20px !important; }
.icss_page_content .entry-content details:not(.icss-details-enhanced) > ul,
.icss_page_content .entry-content details:not(.icss-details-enhanced) > ol { padding-left: 1.6em; }
.icss_page_content .entry-content .icss-details-body { margin: 0; padding: 22px 24px 24px; background: #fff; }
.icss_page_content .entry-content .icss-details-body > :first-child { margin-top: 0; }
.icss_page_content .entry-content .icss-details-body > :last-child { margin-bottom: 0; }
.icss_page_content .entry-content .icss-details-body p:not(.has-text-align-center):not([style*="text-align: center"]):not([style*="text-align:center"]),
.icss_page_content .entry-content .icss-details-body li,
.icss_page_content .entry-content .icss-details-body li > p { text-align: justify !important; text-align-last: left; hyphens: auto; }
.icss_page_content .entry-content .icss-details-body ul,
.icss_page_content .entry-content .icss-details-body ol { margin: 1em 0 1.35em; padding-left: 1.45em; }
.icss_page_content .entry-content .icss-details-body li { margin-bottom: .48em; }
.icss_page_content .entry-content .icss-details-body h3,
.icss_page_content .entry-content .icss-details-body h4 { margin-top: 1.35em; }
.icss_page_content .entry-content details > summary:hover,
.icss_page_content .entry-content details > summary:focus { background: #dceff7; color: #173b4c; outline: 2px solid transparent; }

/* Keep a consistent separation after standalone WordPress image blocks,
 * whether the following block is a paragraph or a heading. */
.icss_page_content .entry-content > .wp-block-image {
	margin-bottom: 1.25em;
}

/* Gutenberg leaves resized standalone images inline when no explicit block
 * alignment is selected. Centre those images inside their full-width figure,
 * while preserving deliberate left/right alignments from the editor. */
.icss_page_content .entry-content > figure.wp-block-image:not(.alignleft):not(.alignright) > img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.icss_page_content .entry-content > figure.wp-block-image:not(.alignleft):not(.alignright) > a {
	display: block;
	width: fit-content;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.icss_page_content .entry-content > figure.wp-block-image:not(.alignleft):not(.alignright) > a > img {
	display: block;
	max-width: 100%;
}

/* Consistent, unobtrusive captions for WordPress images and galleries. */
.icss_page_content .entry-content .wp-block-image figcaption,
.icss_page_content .entry-content .wp-caption-text,
.icss_page_content .entry-content .gallery-caption {
	margin: .55em auto 0;
	padding: 0 .4em;
	color: #627782;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.45;
	text-align: center;
	text-shadow: none !important;
}
.icss_page_content .entry-content .wp-caption { max-width: 100%; margin-bottom: 1.6em; padding: 0; border: 0; background: transparent; }
.icss_page_content .entry-content .wp-caption img[class*="wp-image-"] { display: block; max-width: 100%; margin: 0 auto; }

/* Legacy Gutenberg galleries used by the historical maintenance pages.
 * Their content is kept readable until each gallery is converted to nested
 * image blocks in the editor. Client-logo grids deliberately keep their own
 * presentation. */
.icss_page_content:not(.post-177):not(.post-105) .entry-content .wp-block-gallery:not(.is-style-icss-client-logos) .blocks-gallery-item > figure {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: auto;
}
.icss_page_content:not(.post-177):not(.post-105) .entry-content .wp-block-gallery:not(.is-style-icss-client-logos) .blocks-gallery-item > figure > figcaption {
	position: static !important;
	inset: auto !important;
	box-sizing: border-box;
	width: 100%;
	max-height: none !important;
	margin: .55em 0 0;
	padding: 0 .4em .2em;
	overflow: visible !important;
	background: none !important;
	color: #627782 !important;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.45;
	text-align: center;
	text-shadow: none !important;
}
.icss_page_content:not(.post-177):not(.post-105) .entry-content .wp-block-gallery:not(.is-style-icss-client-logos) .blocks-gallery-item > figure > .icss-gallery-lightbox-trigger {
	flex: 0 0 auto;
}

/* Client logos use equal presentation cells while preserving every logo's
 * complete proportions. Page IDs keep the existing FR/EN pages corrected;
 * the selectable block style makes the presentation reusable elsewhere. */
.icss_page_content.post-177 .entry-content .wp-block-gallery,
.icss_page_content.post-105 .entry-content .wp-block-gallery,
.icss_page_content .entry-content .wp-block-gallery.is-style-icss-client-logos {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 16px;
}
.icss_page_content.post-177 .entry-content .wp-block-gallery > figure.wp-block-image,
.icss_page_content.post-105 .entry-content .wp-block-gallery > figure.wp-block-image,
.icss_page_content .entry-content .wp-block-gallery.is-style-icss-client-logos > figure.wp-block-image {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100% !important;
	min-height: 160px;
	margin: 0 !important;
	padding: 18px;
	border: 1px solid #dbe6eb;
	border-radius: 7px;
	background: #fff;
}
.icss_page_content.post-177 .entry-content .wp-block-gallery > figure.wp-block-image img,
.icss_page_content.post-105 .entry-content .wp-block-gallery > figure.wp-block-image img,
.icss_page_content .entry-content .wp-block-gallery.is-style-icss-client-logos > figure.wp-block-image img {
	display: block;
	flex: 0 1 auto !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 122px;
	margin: auto;
	object-fit: contain !important;
	object-position: center !important;
}

/* Images and galleries integrated into case studies without extra plugins. */
.icss_page_content .entry-content figure.wp-block-image.is-style-icss-case-image,
.icss_page_content .entry-content .icss-details-body > figure.wp-block-image {
	clear: both;
	width: fit-content;
	max-width: min(100%, 860px);
	margin: 1.7em auto;
	padding: 8px 8px 10px;
	border: 1px solid #d6e5ec;
	border-radius: 8px;
	background: #f8fbfc;
	box-shadow: 0 7px 20px rgba(28,55,70,.09);
}
.icss_page_content .entry-content figure.wp-block-image.is-style-icss-case-image img,
.icss_page_content .entry-content .icss-details-body > figure.wp-block-image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 5px;
}
.icss_page_content .entry-content figure.wp-block-image.is-style-icss-case-image figcaption,
.icss_page_content .entry-content .icss-details-body > figure.wp-block-image figcaption { max-width: 720px; margin-top: .7em; }
.icss_page_content .entry-content .wp-block-gallery.is-style-icss-case-gallery,
.icss_page_content .entry-content .icss-details-body > .wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
	align-items: start;
	gap: 12px;
	max-width: 920px;
	margin: 1.7em auto;
	padding: 10px;
	border: 1px solid #d6e5ec;
	border-radius: 8px;
	background: #f4f9fb;
	box-shadow: 0 7px 20px rgba(28,55,70,.08);
}
.icss_page_content .entry-content .wp-block-gallery.is-style-icss-case-gallery > figure.wp-block-image,
.icss_page_content .entry-content .icss-details-body > .wp-block-gallery > figure.wp-block-image {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100% !important;
	margin: 0 !important;
	padding: 6px 6px 8px;
	border-radius: 6px;
	background: #fff;
}
.icss_page_content .entry-content .wp-block-gallery.is-style-icss-case-gallery img,
.icss_page_content .entry-content .icss-details-body > .wp-block-gallery img { width: 100%; max-width: 100%; }

/* Keep Gutenberg gallery captions below their images. Core block CSS otherwise
 * places them over the lower part of each image. */
.icss_page_content .entry-content .wp-block-gallery.is-style-icss-case-gallery.has-nested-images figure.wp-block-image figcaption,
.icss_page_content .entry-content details.wp-block-details .wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.icss_page_content .entry-content .icss-details-body > .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: static !important;
	inset: auto !important;
	width: 100%;
	max-height: none !important;
	margin: 8px 0 0;
	padding: 0 5px 2px;
	overflow: visible !important;
	background: none !important;
	color: #627782 !important;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.45;
	text-align: center;
}

/* Existing media links and automatically generated lightbox buttons share the
 * same neutral presentation. Custom non-image links are left untouched. */
.icss_page_content .entry-content .icss-gallery-lightbox-trigger {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: inherit;
	cursor: zoom-in;
	line-height: 0;
	text-decoration: none;
}
.icss_page_content .entry-content .wp-block-gallery.is-cropped .icss-gallery-lightbox-trigger img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover !important;
}
.icss_page_content .entry-content .icss-gallery-lightbox-trigger img { transition: transform .18s ease, filter .18s ease; }
.icss_page_content .entry-content .icss-gallery-lightbox-trigger:hover img { filter: brightness(.94); transform: scale(1.015); }
.icss_page_content .entry-content .icss-gallery-lightbox-trigger:focus-visible { outline: 3px solid #31a3dd; outline-offset: 3px; }

body.icss-lightbox-open { overflow: hidden; }
.icss-gallery-lightbox[hidden] { display: none !important; }
.icss-gallery-lightbox {
	position: fixed;
	z-index: 100000;
	inset: 0;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	padding: 24px;
	background: rgba(12, 25, 32, .9);
}
.icss-gallery-lightbox-dialog {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	max-width: min(1180px, 96vw);
	max-height: 94vh;
	padding: 42px 12px 12px;
	border-radius: 7px;
	background: #fff;
	box-shadow: 0 20px 70px rgba(0, 0, 0, .42);
}
.icss-gallery-lightbox-image { display: block; max-width: 100%; max-height: calc(94vh - 100px); margin: 0 auto; border-radius: 3px; object-fit: contain; }
.icss-gallery-lightbox-caption { margin: 10px 8px 2px; color: #435b67; font-size: 14px; line-height: 1.45; text-align: center; }
.icss-gallery-lightbox-close {
	position: absolute;
	top: 7px;
	right: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #eef7fb;
	color: #274b5b;
	cursor: pointer;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
}
.icss-gallery-lightbox-close:hover,
.icss-gallery-lightbox-close:focus-visible { background: #dceff7; color: #173b4c; outline: 2px solid #31a3dd; }

/* Native Button block style for administrable case-study links. */
.icss_page_content .entry-content .icss-details-body .wp-block-buttons,
.icss_page_content .entry-content details.wp-block-details .wp-block-buttons { gap: 9px; margin: 1.45em 0 .25em; }
.icss_page_content .entry-content .wp-block-button.is-style-icss-case-link .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	padding: .72em 1.15em;
	border: 1px solid #217da9;
	border-radius: 4px;
	background: #217da9;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	box-shadow: 0 3px 9px rgba(25, 91, 124, .15);
	transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.icss_page_content .entry-content .wp-block-button.is-style-icss-case-link .wp-block-button__link::after { content: "\2192"; font-size: 1.15em; line-height: 1; }
.icss_page_content .entry-content .wp-block-button.is-style-icss-case-link .wp-block-button__link:hover,
.icss_page_content .entry-content .wp-block-button.is-style-icss-case-link .wp-block-button__link:focus { border-color: #155d7e; background: #155d7e; color: #fff; text-decoration: none; box-shadow: 0 5px 13px rgba(25, 91, 124, .22); transform: translateY(-1px); }
.icss_page_content .entry-content .wp-block-button.is-style-icss-case-link .wp-block-button__link:focus-visible { outline: 3px solid rgba(49, 163, 221, .36); outline-offset: 3px; }

/* Selectable in the editor: Paragraph > Styles > Project / site name. */
.icss_page_content .entry-content p.is-style-icss-case-project,
.icss_page_content .entry-content p.icss-case-project { position: relative; margin: -.25em 0 1em; padding-left: 23px; color: #536a75; font-size: 14px; font-weight: 650; line-height: 1.45; text-align: left !important; }
.icss_page_content .entry-content p.is-style-icss-case-project::before,
.icss_page_content .entry-content p.icss-case-project::before { position: absolute; top: .05em; left: 1px; color: #31a3dd; content: "\f041"; font-family: FontAwesome; font-size: 15px; }

/* Contact Form 7: consistent desktop sizing and no mobile overflow. */
.icss_page_content .wpcf7,
.icss_page_content .wpcf7-form,
.icss_page_content .wpcf7-form-control-wrap { box-sizing: border-box; max-width: 100%; }
.icss_page_content .wpcf7-form-control-wrap { display: block; }
.icss_page_content .wpcf7 label { display: block; max-width: 100%; }
.icss_page_content .wpcf7 input,
.icss_page_content .wpcf7 textarea,
.icss_page_content .wpcf7 select,
.icss_page_content .wpcf7 .wpcf7-response-output { box-sizing: border-box; max-width: 100%; }
.icss_page_content .wpcf7 textarea { resize: vertical; }
.icss_page_content .wpcf7 input[name="your-subject"],
.icss_page_content .wpcf7 textarea[name="your-message"] { display: block; width: 100%; max-width: 100%; }
.icss_page_content .wpcf7 .icss-contact-extra-attachment { display: block; margin-top: 10px; }
@media (min-width: 768px) {
	.icss_page_content .wpcf7 textarea[name="your-message"] { min-height: 220px; }
}

/* Modern front-page option: all text and links remain admin-managed. */
.icss-modern-home { background: #fff; }
.icss-modern-hero { position: relative; overflow: hidden; padding: 44px 0 54px; border-bottom: 1px solid #d7e8f0; background: linear-gradient(120deg, #f7fbfd 0%, #eef8fc 64%, #dff2fa 100%); }
.icss-modern-hero::after { position: absolute; top: -120px; right: -90px; width: 360px; height: 360px; border: 56px solid rgba(49,163,221,.09); border-radius: 50%; content: ""; pointer-events: none; }
.icss-modern-title { position: relative; z-index: 1; width: 100%; margin: 0 0 30px; color: #263640; font-size: clamp(32px, 4vw, 47px); font-weight: 700; line-height: 1.12; text-align: center; }
.icss-modern-hero-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .75fr); align-items: center; gap: 42px; }
.icss-modern-hero-grid::before, .icss-modern-hero-grid::after { display: none; content: none; }
.icss-modern-hero-grid:not(.has-profile) { grid-template-columns: 1fr; }
.icss-modern-intro { position: relative; z-index: 1; max-width: 790px; }
.icss-modern-intro p { max-width: 740px; margin: 0; color: #48606c; font-size: 18px; line-height: 1.65; }
.icss-modern-intro-text p,
.icss-modern-profile-text p,
.icss-modern-strength-text p,
.icss-modern-card .service-text p,
.icss_service_area .service-text p { text-align: justify; text-align-last: left; hyphens: auto; }
.icss-modern-intro-text p + p,
.icss-modern-profile-text p + p,
.icss-modern-strength-text p + p,
.icss-modern-card .service-text p + p,
.icss_service_area .service-text p + p { margin-top: .9em; }
.icss-modern-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; width: 100%; gap: 12px; margin-top: 30px; }
.icss-modern-action { display: inline-block; flex: 1 1 190px; padding: 11px 20px; border: 2px solid #31a3dd; border-radius: 4px; font-weight: 700; text-align: center; }
.icss-modern-action-primary,
.icss-modern-action-secondary { border-color: #8dbbcf; background: #fff; color: #217da9; }
a.icss-modern-action-primary:hover,
a.icss-modern-action-primary:focus,
a.icss-modern-action-secondary:hover,
a.icss-modern-action-secondary:focus { border-color: #217da9; background: #217da9; color: #fff; }
.icss-modern-profile { position: relative; z-index: 1; padding: 26px; border-radius: 8px; background: #fff; box-shadow: 0 12px 32px rgba(13,57,76,.22); text-align: center; }
.icss-modern-profile-image { width: 132px; height: 132px; margin: 0 auto 17px; overflow: hidden; border: 5px solid #e4f4fb; border-radius: 50%; }
.icss-modern-profile-image img { width: 100%; height: 100%; object-fit: cover; }
.icss-modern-profile h2 { margin: 0 0 5px; color: #263640; font-size: 24px; font-weight: 700; }
.icss-modern-profile-role { margin: 0 0 14px; color: #217da9; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.icss-modern-profile-text p { margin: 0 0 12px; color: #52646f; font-size: 14px; line-height: 1.55; }
.icss-modern-profile-link { font-weight: 700; }
.icss-modern-gallery-wrap { padding: 42px 0 18px; background: #fff; }
.icss-modern-gallery-heading { margin: 0 0 22px; color: #263640; font-size: 26px; text-align: center; }
.icss-modern-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.icss-modern-gallery.count-1 { grid-template-columns: minmax(0, 820px); justify-content: center; }
.icss-modern-gallery.count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.icss-modern-gallery-card { position: relative; min-width: 0; margin: 0; overflow: hidden; border-radius: 8px; background: #dfe9ee; box-shadow: 0 8px 22px rgba(28,55,70,.11); }
.icss-modern-gallery-card a { display: block; color: #fff; }
.icss-modern-gallery-card img { display: block; width: 100%; height: 260px; object-fit: cover; transition: transform .25s ease; }
.icss-modern-gallery.count-1 .icss-modern-gallery-card img { height: 360px; }
.icss-modern-gallery-card figcaption { margin: 0; padding: 10px 14px 12px; color: #526973; font-size: 14px; font-weight: 400; line-height: 1.45; text-align: center; }
.icss-modern-gallery-wrap.is-caption-overlay .icss-modern-gallery-card figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 28px 16px 14px; background: linear-gradient(transparent, rgba(19,40,51,.88)); color: #fff; font-size: 15px; font-weight: 600; text-align: left; }
.icss-modern-gallery-card a:hover img,
.icss-modern-gallery-card a:focus img { transform: scale(1.025); }
.icss-modern-platforms { padding: 22px 0; border-top: 1px solid #dce5ea; background: #f4f9fb; }
.icss-modern-platform-list { max-height: 220px; margin: 0; padding: 0 4px 0 0; overflow-y: auto; scrollbar-gutter: stable; scrollbar-width: thin; }
.icss-modern-platform-track { display: flex; flex-wrap: wrap; gap: 8px; }
.icss-modern-platform-row { display: contents; margin: 0; padding: 0; list-style: none; }
.icss-modern-platform-list li { order: var(--icss-platform-order); display: flex; flex: 1 0 auto; align-items: center; justify-content: center; box-sizing: border-box; height: 30px; min-width: max-content; padding: 3px 8px; border: 1px solid #bcdce9; border-radius: 3px; background: #fff; color: #315260; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: center; white-space: nowrap; }
.icss-modern-strengths-wrap { padding: 44px 0 18px; }
.icss-modern-strengths-heading { margin: 0 0 24px; color: #263640; font-size: 26px; text-align: center; }
.icss-modern-strengths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.icss-modern-strength { padding: 24px; border-left: 4px solid #31a3dd; background: #f5f8fa; }
.icss-modern-strength-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.icss-modern-strength-heading i { flex: 0 0 30px; width: 30px; color: #31a3dd; font-size: 25px; text-align: center; }
.icss-modern-strength h3 { margin: 0; color: #263640; font-size: 20px; font-weight: 700; }
.icss-modern-strength p { margin: 0; color: #596b75; font-size: 14px; line-height: 1.6; }
.icss-modern-services-wrap { padding: 38px 0 66px; }
.icss-modern-services-heading { margin: 0 0 24px; color: #263640; font-size: 26px; text-align: center; }
.icss-modern-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.icss-modern-card { position: relative; display: flex; min-height: 210px; padding: 28px; overflow: hidden; border: 1px solid #dce5ea; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(28, 55, 70, .08); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
a.icss-modern-card { color: inherit; }
a.icss-modern-card:hover, a.icss-modern-card:focus { border-color: #31a3dd; box-shadow: 0 14px 30px rgba(28, 55, 70, .15); color: inherit; transform: translateY(-3px); }
.icss-modern-card-icon { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 20px; border-radius: 6px; background: #31a3dd; color: #fff; font-size: 28px; line-height: 58px; text-align: center; }
.icss-modern-card-content { min-width: 0; }
.icss-modern-card h3 { margin: 2px 0 10px; color: #263640; font-size: 23px; font-weight: 700; }
.icss-modern-card p { margin: 0; color: #596b75; font-size: 15px; line-height: 1.65; }
.icss-modern-card-arrow { position: absolute; right: 18px; bottom: 14px; color: #31a3dd; font-size: 19px; }

@media (min-width: 768px) {
	.navbar-default .navbar-collapse { position: relative; text-align: left; }
	.navbar-default.icss-menu-align-center .navbar-collapse { text-align: center; }
	.navbar-default .navbar-nav { display: inline-flex; float: none; flex-wrap: nowrap; align-items: stretch; margin: 0; padding-top: 6px; padding-bottom: 6px; vertical-align: top; }
	.navbar-default .navbar-nav > li { float: none; white-space: nowrap; }
	.navbar-default .dropdown-menu { text-align: left; }
	.navbar-default .navbar-nav li.menu-item-has-children > a { position: relative; padding-right: 34px; }
	.navbar-default .navbar-nav li.menu-item-has-children > a::after { position: absolute; top: 50%; right: 12px; content: "\f107"; font-family: FontAwesome; font-size: 13px; font-weight: 400; opacity: .7; transform: translateY(-50%); }
	.navbar-default .navbar-nav .dropdown-menu li.menu-item-has-children > a::after { right: 11px; content: "\f105"; }
	.navbar-default .navbar-nav .icss-menu-page-cue { display: inline-flex; align-items: center; justify-content: center; margin-left: 5px; color: currentColor; vertical-align: middle; }
	.navbar-default .navbar-nav .icss-menu-page-icon { font-size: 11px; opacity: .62; }
	.navbar-default .navbar-nav .icss-menu-page-badge { padding: 1px 4px; border: 1px solid currentColor; border-radius: 3px; font-size: 8px; font-weight: 700; line-height: 1.2; opacity: .72; text-transform: uppercase; }
	.navbar-default.icss-parent-cue-underline .navbar-nav li.icss-menu-parent-has-page > a,
	.navbar-default.icss-parent-cue-icon-underline .navbar-nav li.icss-menu-parent-has-page > a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: 4px; }
	.icss-desktop-languages { position: absolute; top: 50%; right: 0; display: flex; gap: 7px; margin: 0; padding: 0; list-style: none; transform: translateY(-50%); }
	.icss-desktop-languages a { display: block; padding: 5px 2px; color: #44545d; font-size: 12px; font-weight: 700; }
	.icss-desktop-languages img { display: block; width: 16px; height: 11px; border: 1px solid rgba(0,0,0,.12); }
	.icss-desktop-languages a.is-current,
	.icss-desktop-languages a:hover,
	.icss-desktop-languages a:focus { color: #217da9; text-decoration: underline; }
	.navbar-nav li.dropdown:hover > .dropdown-menu,
	.navbar-nav li.dropdown:focus-within > .dropdown-menu,
	.navbar-nav li.dropdown-submenu:hover > .dropdown-menu,
	.navbar-nav li.dropdown-submenu:focus-within > .dropdown-menu { display: block; }
	.dropdown-submenu { position: relative; }
	.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; }
	.dropdown-submenu.icss-open-left > .dropdown-menu { right: 100%; left: auto; }
}

@media (min-width: 768px) and (max-width: 1199px) {
	.navbar-default .navbar-nav > li { margin-right: 3px; }
	.navbar-default .navbar-nav > li > a { padding-right: 12px; padding-left: 12px; font-size: 14px; }
	.navbar-default .navbar-nav > li.menu-item-has-children > a { padding-right: 27px; }
	.navbar-default .navbar-nav > li.menu-item-has-children > a::after { right: 9px; }
}

@media (max-width: 991px) {
	.icss-modern-action { flex-basis: calc(50% - 6px); }
}

@media (max-width: 767px) {
	.header_section { display: none; }
	.navigation_menu { border-top: 0; background: #31a3dd; }
	.navbar-header { min-height: 52px; }
	.icss-mobile-nav-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 42px; align-items: center; width: 100%; min-height: 52px; padding: 5px 10px; column-gap: 8px; }
	.icss-mobile-brand { min-width: 0; }
	.icss-mobile-brand .custom-logo { width: auto; max-width: 125px; max-height: 42px; margin: 0; }
	.icss-mobile-brand .site-title { color: #fff; font-size: 22px; line-height: 42px; }
	.icss-mobile-text { display: block; min-width: 0; width: 100%; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; text-align: center; white-space: normal; }
	.icss-mobile-languages { display: flex; flex: 0 0 auto; margin: 0; padding: 0; list-style: none; }
	.icss-mobile-languages li + li::before { color: rgba(255,255,255,.65); content: '/'; }
	.icss-mobile-languages a { padding: 5px 4px; color: rgba(255,255,255,.75); font-size: 12px; font-weight: 700; }
	.icss-mobile-languages a.is-current,
	.icss-mobile-languages a:hover,
	.icss-mobile-languages a:focus { color: #fff; text-decoration: underline; }
	.navbar-toggle { position: static; flex: 0 0 42px; width: 42px; height: 40px; margin: 0; border-color: rgba(255,255,255,.8); }
	.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus { background: rgba(255,255,255,.16); }
	.navbar-collapse { padding: 0 15px; border-top: 1px solid #ddd; }
	.navbar-nav { margin: 0 -15px; }
	.navbar-default .navbar-nav > li { position: relative; margin-right: 0; border-bottom: 1px solid rgba(255,255,255,.28); }
	.navbar-default .navbar-nav > li > a { border-radius: 0; color: #fff; }
	.navbar-default .navbar-nav > li.active > a,
	.navbar-default .navbar-nav > li.active > a:hover,
	.navbar-default .navbar-nav > li.active > a:focus,
	.navbar-default .navbar-nav > li.current-menu-item > a,
	.navbar-default .navbar-nav > li.current-menu-ancestor > a { background: rgba(20,102,145,.38); box-shadow: none; color: #fff; }
	.navbar-nav > li > a { padding-right: 54px !important; }
	.navbar-nav, .navbar-nav ul { list-style: none !important; }
	.navbar-nav::before, .navbar-nav::after { display: none !important; content: none !important; }
	.navbar-nav li::marker, .navbar-nav ul::marker, .navbar-nav .dropdown-menu::before, .navbar-nav .dropdown-menu::after { display: none !important; content: none !important; }
	.navbar-nav .dropdown-menu { position: static !important; left: auto !important; display: none !important; float: none; width: auto !important; min-width: 0 !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible; border: 0 !important; box-shadow: none; visibility: visible !important; }
	.navbar-nav .dropdown-menu > li > a { white-space: normal; }
	.navbar-nav li.icss-submenu-open > .dropdown-menu { display: block !important; }
	.navbar-nav li.menu-item-has-children { position: relative; }
	.navbar-nav .dropdown-menu .dropdown-menu > li > a { padding-left: 38px; background: rgba(20,102,145,.18); }
	.navbar-nav > .lang-item { display: none !important; }
	.navbar-nav > .icss-empty-menu-item { display: none !important; }
	.icss-submenu-toggle { position: absolute; top: 1px; right: 4px; z-index: 3; display: block; width: 44px; height: 42px; border: 0; background: transparent; color: currentColor; font-size: 20px; }
	.icss-submenu-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
	.carousel-caption { top: 8%; right: 8%; left: 8%; padding: 0; }
	.carousel-text h2 { font-size: 20px; }
	.carousel-text p { display: none; }
	.icss_button { padding: 6px 10px; font-size: 14px; }
	.icss_service { padding-top: 35px; }
	.icss_service_area { min-height: 0; }
	.icss_header_breadcrumb_title { padding: 7px 0; }
	.icss_header_breadcrumb_title .container { padding-right: 12px; padding-left: 12px; }
	.icss_header_breadcrumb_title h1 { font-size: 19px; line-height: 1.2; }
	.icss_page_wrapper { padding-top: 16px; padding-bottom: 36px; }
	.icss-front-content { padding-top: 24px; padding-bottom: 36px; }
	.icss_page_content > .entry-content { font-size: 15px; line-height: 1.68; }
	.icss_page_content .entry-content p,
	.icss_page_content .entry-content ul,
	.icss_page_content .entry-content ol,
	.icss_page_content .entry-content li { font-size: 15px; line-height: 1.68; }
	.icss_page_content .entry-content h2 { font-size: 23px; }
	.icss_page_content .entry-content h3 { font-size: 19px; }
	.icss_page_content .entry-content details > summary { min-height: 48px; padding: 10px 12px; font-size: 15px; }
	.icss_page_content .entry-content details > summary::before { flex-basis: 22px; width: 22px; height: 22px; margin-right: 8px; font-size: 17px; }
	.icss_page_content .entry-content details:not(.icss-details-enhanced) > summary::after { padding-left: 8px; font-size: 10px; }
	.icss_page_content .entry-content details.icss-details-enhanced > summary { grid-template-columns: 22px minmax(0, 1fr); column-gap: 8px; }
	.icss-details-action-label,
	.icss-case-project-label { font-size: 10px; }
	.icss_page_content .entry-content details:not(.icss-details-enhanced) > :not(summary) { margin-right: 14px; margin-left: 14px; }
	.icss_page_content .entry-content .icss-details-body { padding: 17px 15px 19px; }
	.icss_page_content .entry-content .icss-details-body ul,
	.icss_page_content .entry-content .icss-details-body ol { padding-left: 1.3em; }
	.icss_page_content .entry-content figure.wp-block-image.is-style-icss-case-image,
	.icss_page_content .entry-content .icss-details-body > figure.wp-block-image { margin: 1.35em auto; padding: 5px 5px 8px; }
	.icss_page_content .entry-content .wp-block-gallery.is-style-icss-case-gallery,
	.icss_page_content .entry-content .icss-details-body > .wp-block-gallery { grid-template-columns: 1fr; gap: 9px; margin: 1.35em auto; padding: 7px; }
	.icss_page_content.post-177 .entry-content .wp-block-gallery,
	.icss_page_content.post-105 .entry-content .wp-block-gallery,
	.icss_page_content .entry-content .wp-block-gallery.is-style-icss-client-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.icss_page_content.post-177 .entry-content .wp-block-gallery > figure.wp-block-image,
	.icss_page_content.post-105 .entry-content .wp-block-gallery > figure.wp-block-image,
	.icss_page_content .entry-content .wp-block-gallery.is-style-icss-client-logos > figure.wp-block-image { min-height: 118px; padding: 12px; }
	.icss_page_content.post-177 .entry-content .wp-block-gallery > figure.wp-block-image img,
	.icss_page_content.post-105 .entry-content .wp-block-gallery > figure.wp-block-image img,
	.icss_page_content .entry-content .wp-block-gallery.is-style-icss-client-logos > figure.wp-block-image img { max-height: 88px; }
	.icss-gallery-lightbox { padding: 8px; }
	.icss-gallery-lightbox-dialog { max-width: 100%; max-height: 96vh; padding: 40px 7px 8px; }
	.icss-gallery-lightbox-image { max-height: calc(96vh - 92px); }
	.icss_page_content .entry-content .icss-details-body .wp-block-buttons,
	.icss_page_content .entry-content details.wp-block-details .wp-block-buttons { gap: 7px; }
	.icss_page_content .wpcf7 label { display: block; max-width: 100%; }
	.icss_page_content .wpcf7 input[type="text"],
	.icss_page_content .wpcf7 input[type="email"],
	.icss_page_content .wpcf7 input[type="tel"],
	.icss_page_content .wpcf7 input[type="url"],
	.icss_page_content .wpcf7 input[type="number"],
	.icss_page_content .wpcf7 input[type="date"],
	.icss_page_content .wpcf7 input[type="file"],
	.icss_page_content .wpcf7 textarea,
	.icss_page_content .wpcf7 select { width: 100%; max-width: 100%; }
	.icss_page_content .wpcf7 input[type="file"] { overflow: hidden; }
	.icss-modern-hero { padding: 28px 12px 34px; }
	.icss-modern-title { margin-bottom: 22px; font-size: 29px; }
	.icss-modern-hero-grid { grid-template-columns: 1fr; gap: 26px; }
	.icss-modern-intro { max-width: none; }
	.icss-modern-intro p { font-size: 16px; line-height: 1.55; }
	.icss-modern-profile { max-width: 420px; margin: 0 auto; }
	.icss-modern-gallery-wrap { padding: 28px 12px 10px; }
	.icss-modern-gallery { grid-template-columns: 1fr !important; gap: 13px; }
	.icss-modern-gallery-card img,
	.icss-modern-gallery.count-1 .icss-modern-gallery-card img { height: 220px; }
	.icss-modern-gallery-wrap.is-mobile-compact .icss-modern-gallery-card img,
	.icss-modern-gallery-wrap.is-mobile-compact .icss-modern-gallery.count-1 .icss-modern-gallery-card img { height: 160px; }
	.icss-modern-platforms { padding: 12px 8px; }
	.icss-modern-platform-list { max-width: 100%; max-height: none; padding: 0 0 6px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-gutter: auto; scrollbar-width: thin; }
	.icss-modern-platform-track { display: grid; width: max-content; min-width: 100%; gap: 5px; }
	.icss-modern-platform-row { display: flex; justify-content: space-between; width: 100%; margin: 0; padding: 0; gap: 5px; list-style: none; }
	.icss-modern-platform-row + .icss-modern-platform-row { margin-top: 5px; }
	.icss-modern-platform-list li { flex: 0 0 auto; width: auto; height: 26px; min-width: max-content; padding: 3px 7px; font-size: 11px; line-height: 1.2; text-align: center; white-space: nowrap; }
	.icss-modern-strengths-wrap { padding: 30px 12px 14px; }
	.icss-modern-strengths-heading { font-size: 23px; }
	.icss-modern-strengths { grid-template-columns: 1fr; gap: 12px; }
	.icss-modern-services-wrap { padding: 28px 12px 42px; }
	.icss-modern-services { grid-template-columns: 1fr; gap: 14px; }
	.icss-modern-card { min-height: 0; padding: 20px 18px; }
	.icss-modern-card-icon { flex-basis: 46px; width: 46px; height: 46px; margin-right: 14px; font-size: 22px; line-height: 46px; }
	.icss-modern-card h3 { font-size: 20px; }
}

/* WooCommerce: visual integration without overriding WooCommerce column widths. */
.woocommerce .woocommerce-breadcrumb { margin: 0 0 24px; color: #667780; font-size: 13px; }
.woocommerce .woocommerce-breadcrumb a { color: #217da9; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { box-sizing: border-box; padding: 10px; border: 1px solid #dce5ea; border-radius: 7px; background: #fff; box-shadow: 0 5px 18px rgba(28,55,70,.07); }
.woocommerce ul.products li.product a img { margin: 0 0 14px; border-radius: 4px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 2.8em; color: #263640; font-size: 16px; line-height: 1.4; }
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: #217da9; font-weight: 700; }
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit { border-radius: 4px; background: #31a3dd; color: #fff; font-weight: 700; }
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover { background: #217da9; color: #fff; }
.woocommerce div.product div.images img { border-radius: 6px; }
.woocommerce div.product .product_title { color: #263640; font-size: 30px; line-height: 1.25; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding-left: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border-color: #dce5ea; background: #f5f8fa; }
.woocommerce table.shop_table { border-color: #dce5ea; border-radius: 6px; }
.woocommerce-message,
.woocommerce-info { border-top-color: #31a3dd; }
.woocommerce-message::before,
.woocommerce-info::before { color: #31a3dd; }

@media (max-width: 600px) {
	.woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 0; }
	.woocommerce div.product .product_title { font-size: 24px; }
}

@media (max-width: 479px) {
	.icss-modern-action { flex-basis: 100%; }
}
#wrapper{	
    position: relative;
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.container {
    padding-left: 0px ;
    padding-right: 0px ;
}
a:hover, a:focus{
	text-decoration: none ;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #666;
	text-shadow: 0 0 1px rgba(0,0,0,0.01);
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	
}
p , .textwidget{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 26px;

}
.head-contact-info{
	display: block;
	text-align: right;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:0;
}
.head-contact-info li {
	display: inline;
	margin-right:10px;
	font-size:18px;
	
}
.head-contact-info li a{color:#fff;}
.head-contact-info i {
	margin-right:8px;
	font-size:20px;
	display: inline;
}
.logo{
	text-align:left;
	padding-bottom:0px;
	font-family: 'Open Sans', sans-serif;
}
.logo a{
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:10px;
	font-size: 50px;
	color: #fff;
}
.logo a:hover{
	color: #fff;
}
.logo p{
	font-family: 'Open Sans', sans-serif;
	margin-top:5px;
	color: #fff;
}
.social{
	display: block;
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;

}
.social li{
	font-size:18px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6);
	display: inline-block;
	height: 35px;
	margin-right: 5px;
	width: 35px;
	text-align: center;
	-webkit-transition: background .5s ease-in-out; 
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	-ms-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out; 
	border: 2px solid #ffffff;
	cursor:pointer;
}
.social i  {
	color:#fff;
	line-height:30px;
}
/* facebook */
.social li.facebook{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #4C66A4 50%);
}
.social li.facebook:hover{
	background-position: 0 -100%;
	background-color:#4C66A4;
}
/* dribble */
.social li.dribbble{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #EA4C89 50%);
}
.social li.dribbble:hover{
  background-position: 0 -100%;
  background-color:#EA4C89;
 }
/* dribble */
.social li.twitter{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #f60 50%);
}
.social li.twitter:hover{
	background-position: 0 -100%;
	background-color:#f60;
}
/* linkedin */
.social li.linkedin{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #069 50%);
}
.social li.linkedin:hover{
	background-position: 0 -100%;
	background-color:#069;
}
/* youtube */
.social li.youtube{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #C92228 50%);
}
.social li.youtube:hover{
	background-position: 0 -100%;
	background-color:#C92228;
}

.icss_heading_title {
	display: block;
	margin: 0px 0 50px;
	text-align:center;
}

.icss_heading_title h3 {
	display: inline-block;
	margin-top: 0px;
	letter-spacing: 1px;
	padding-bottom: 10px;
	line-height: 40px;
}

.icss_heading_title h3 {
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.icss_heading_title2 {
	display: block;
	margin: 0px 0 20px;
}
.icss_heading_title2 h3 {
	display: inline-block;
	margin-top: 0px;
	letter-spacing: 1px;
	padding-bottom: 10px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

.icss_heading_title2 h3 {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
}



/* Flex Slider css *****************************************************************************************************************
********************************************************************************************************************************/ 
.carousel{
	margin-bottom:40px;
}

.carousel-inner img{
	width:100%;
}
.carousel-caption{
	top:20%;
}
.carousel-control .fa .fa-chevron-left{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}

.carousel-text h1 {
	margin: 0 0 0px 0;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 3em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	line-height: 1.4em;
	background:rgba(0,0,0,0.6);
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-ms-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}

.carousel-text .icss_blog_read_btn{
	font-size: 25px;
	color:#fff;
	display:inline-block;
	transition: all 0.4s ease 0s;
	padding:10px 10px 10px 10px ;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
	margin-bottom:20px;
	box-shadow:0px !important;
}

.carousel-list li {
	color: #fff;
	font-size: 17px;
	margin-bottom: 10px;
	overflow: hidden;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	padding:10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height:23px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);

}
.carousel-list li:nth-child(1) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-ms-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
.carousel-list li:nth-child(2) {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}

.carousel-list li:nth-child(3) {
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	-ms-animation-delay: .7s;
	-o-animation-delay: .7s;
	animation-delay: .7s;
}

.icss_slider_shadow{
	background: url('./images/shadow1.png') no-repeat top center;
	position: absolute;
	left: 0;
	right: 0;
	height: 80px;
	z-index: 99;
	width:100%;
	background-size: 100% 100%;
	height: 60px;
	bottom: -60px;
}



/** Service Section  ***************************************************************************************************************
********************************************************************************************************************************/
.icss_service {
	padding-top:0px;
	padding-bottom:0px;
	
}
.icss_service_area{
	border-radius: 0px;
	margin-bottom: 65px;
	transition: all 0.4s ease 0s;
	
}
.icss_service_iocn{
	width: 90px;
	height: 90px;
	display: block;
	margin-right:20px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-align:center;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.icss_service_iocn i{
	color: #fff;
	font-size: 50px;
	position: relative;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 90px;
	-webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;	
}
.icss_service_detail h3{
	font-size: 24px;
	
	letter-spacing: normal;
	line-height: 32px;
	word-wrap:break-word;
	margin:0 0 10px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.icss_service_detail p{
	font-size: 16px;
	line-height: 27px;
	text-align: justify;
}	
.icss_service_area:hover .icss_service_iocn{
	background-position: 0 -100%;
}
.icss_service_area_2{
	text-align:center;
		border-radius: 0px;
	margin-bottom: 65px;
	transition: all 0.4s ease 0s;
}
.icss_service_iocn_2 i{
	background: #fff;
	width: 90px;
	height: 90px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-align:center;
}
.icss_service_iocn_2 i{
	font-size: 50px;
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 90px;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.icss_service_detail_2 h3{
	font-size: 24px;	
	letter-spacing: normal;
	line-height: 27px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.icss_service_detail_2 p{
	font-size: 18px;
	line-height: 27px;
}	
.icss_service_area_2:hover .icss_service_iocn_2 i{
	background-position: 0 -100%;
}
.icss_service_area_2:hover .icss_service_iocn_2 i {
	color:#fff;
}

/*** Project Or Works  ******************************************************************************************************
**************************************************************************************************************************/
.icss_project_section{
	background:#ecf0f1; 
    padding-top:90px;
	padding-bottom:90px;
	border-top:1px solid #DEE1E2;
	border-bottom:1px solid #DEE1E2;
}

.icss_carousel-navi {
    text-align:center;
	margin-top:15px;
}
.icss_carousel-prev {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
	transition: all 0.3s ease 0s;
	padding: 6px 15px 10px;
	margin-right: 5px;
}
.icss_carousel-next {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    transition: all 0.3s ease 0s;
	padding: 6px 15px 10px;
}
.icss_carousel-prev i,
.icss_carousel-next i {
	font-size: 20px;
	vertical-align: middle;
	transition: all 0.3s ease 0s;
}


.icss_project_section_col {
	border-radius: 0px;
	margin-bottom: 35px;
	transition: all 0.4s ease 0s;
	text-align: center;
}
.img-wrapper{
	margin-bottom:50px;
	overflow:hidden;
}
.icss_home_portfolio_showcase {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.icss_home_portfolio_showcase:hover .icss_home_portfolio_showcase_title a {
    text-decoration: underline;
}
.icss_img_responsive {
    width: 100%;
    display: block;
	height: auto;
}
.icss_home_portfolio_showcase_overlay {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80%;
    left: 0;
	background:rgba(0,0,0,0.7);
	-webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.icss_home_portfolio_showcase img{
	-webkit-transition: all .45s ease-in;
    -moz-transition: all .45s ease-in;
    -o-transition: all .45s ease-in;
    transition: all .45s ease-in;
}
.icss_home_portfolio_showcase_overlay_inner {
    position: absolute;
    bottom:-110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
	 -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.icss_home_portfolio_showcase .icss_home_portfolio_showcase_icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.icss_home_portfolio_showcase .icss_home_portfolio_showcase_icons a {
    font-size: 1.3em;
    line-height: 1em;
    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
	text-decoration: none;
	margin-right:5px;
	border-radius:100%;
	width:60px;
	height:60px;
	transition: all 0.3s ease 0s;
}
.icss_home_portfolio_showcase .icss_home_portfolio_showcase_icons a i{
    font-size: 1.6em;
	line-height:40px;
}
.icss_home_portfolio_showcase:hover .icss_home_portfolio_showcase_overlay {
    visibility: visible;
	top: 0;
}
.icss_home_portfolio_showcase:hover img{
	-webkit-transform: scale(1.9) rotate(15deg);
	-moz-transform: scale(1.9) rotate(15deg);
	-ms-transform: scale(1.9) rotate(15deg);
}
.icss_home_portfolio_showcase:hover .icss_home_portfolio_showcase_overlay_inner {
    visibility: visible;
    bottom:40%;
    left: 0;
}
.icss_home_portfolio_showcase_fade {
    opacity: 0.8;
}
.icss_home_portfolio_showcase_fade:hover .icss_home_portfolio_showcase_overlay {
    display: none !important;
}
.icss_home_portfolio_caption {
    border-radius: 0;
    padding: 0 0 15px;
    text-align: center;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
}


.icss_home_portfolio_caption h3 {
    font-size: 14px;
    font-weight: 600;
	margin: 0;
    padding: 9px 3px 0px;
    line-height: 35px;
	font-family: 'Open Sans', sans-serif;
}
.icss_home_portfolio_caption small {
    font-size: 13px;
    line-height: 20px;
}
.icss_home_portfolio_caption {
	background:#fff;
}

.icss_home_portfolio_caption h3 a {
	color: #404040;
	font-size:22px;
}
.icss_home_portfolio_caption small {
	color: #777777;
}

.icss_proejct_button{
	border-radius: 0;
	padding: 15px 5px 5px;
	text-align: center;
	transition: all 0.4s ease 0s;
	text-align: center;
}
.icss_proejct_button a {
	display: inline-block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 18px;
	line-height: 20px;
	margin: 8px 0;
	padding: 9px 20px;
	text-align: right;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}

.icss_portfolio_page{
	margin-bottom:70px;
}

/* Isotope Animating
 * -------------------------- */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.icss_portfolio_shadow{
	background: url('./images/shadow.png') no-repeat top center;
	position: absolute;
	left: 0;
	right: 0;
	height: 80px;
	z-index: 99;
	width:100%;
	background-size: 100% 100%;
	height: 25px;
	bottom: 26px;

}
/********** project detail page css **********************************************
***********************************************************************************/
.icss-project-detail-section{
	 margin-bottom: 70px;
}
.icss-project-detail-section img{
	margin-bottom:30px;

}
.icss-project-description h3{
	text-align:left;
	font-size:24px;
	margin: 20px 0;
}
.icss-project-description h3 span{
	text-align:left;
	font-size:24px;
}
.icss-project-description p{
	text-align:left;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
}
.icss-related-project{
    padding-top: 55px;
	padding-bottom: 30px;
    width: 100%;
}
.icss-related-project .icss_portfolio_4col_row{
	margin:0px;
}
.icss-related-project .icss_portfolio-4col-column {
	margin-bottom:90px;
}
.icss-related-project h3{
	margin-bottom: 25px;
    margin-top: 0;
}

.icss_portfolio_detail_pagi{
	text-align:left;
	overflow: hidden;
	padding-left:0;
	padding-bottom:20px;
}
.icss_portfolio_detail_pagi li {
	display: block; 
	float: left;
	margin-right:15px;

}
.icss_portfolio_detail_pagi li a {
padding: 4px 11px;
display: block;
height: 45px;
width: 55px;
transition: all 0.3s ease 0s;

}
.icss_portfolio_detail_pagi li a span {
	font-size: 22px;
}
.icss-project-detail-sidebar {
	padding-left:10px;
}
.icss-project-detail-sidebar p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px;
	padding-bottom: 15px;
    padding-top: 0px;
}
.icss-project-detail-sidebar p small {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	padding-left: 0px;
	display:block;
	margin-top:6PX;
}

.icss-project-detail-sidebar .launch-icss-project a {
	display: inline-block;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 15px 0 15px;
	padding: 8px 30px;
	text-align: right;
	text-transform: lovercase;
	transition: all 0.4s ease 0s;
	vertical-align: middle;
	
}
.icss-project-detail-sidebar .launch-icss-project a {
	text-decoration:none;
}

.icss_project_detail_related_projet{
	margin-bottom:70px;

}
.icss_project_detail_related_projet .icss_carousel-navi {
	text-align: center;
	display: inline-flex;
	margin-top:0px;
	float: right;
}

.sidebar-img{
	margin-right: 5px;
}

.icss-project-description h3 span{
	color:#f9504b;
}
.icss-project-description p{
	color:#6a6a6a;	
}
.icss-related-project{
	background: none repeat scroll 0 0 #F9F9F9;
    border-top: 2px solid #D1D1D1;
}



/******* gallery css *****************************************************
*********************************************************************/
.icss_gallery_page{
	margin-bottom:70px;
	width:100%;
	float:left;
	margin-right: auto; 
	margin-left: auto; 
}


.icss_gallery-padding{
	padding-left:0px;
	padding-right:0px;
	margin-bottom:0px;
}
.icss_gal_img{
	position: relative;
	overflow: hidden; 
}

.gallery_wrapper{
	margin-bottom:0px;
	overflow:hidden;
}
.icss_gallery_showcase {
	
	position: relative;
	width: 100%;
	overflow: hidden;
}
.icss_gallery_blog{
	width: 24.98%;
	margin-right: 0;
	margin-bottom: 0;
	float: left;
}
.icss_img_responsive {
    width: 100%;
    display: block;
}
.icss_gallery_showcase_overlay {
      visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80%;
    left: 0;
	background:rgba(0,0,0,0.7);
	-webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

	.icss_gallery_showcase img{
	-webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;

}
.icss_gallery_showcase_overlay_inner {
    position: absolute;
    bottom:-110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
	 -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;


}
.icss_gallery_showcase .icss_gallery_showcase_icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.icss_gallery_showcase .icss_gallery_showcase_icons a {
  
    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
	text-decoration: none;
	margin-right:5px;
	border-radius:100%;
	width:60px;
	height:60px;
	transition: all 0.3s ease 0s;
	
}

.icss_gallery_showcase .icss_gallery_showcase_icons a i{
    font-size: 1.6em;
	line-height:40px;
	
}
.icss_gallery_showcase:hover .icss_gallery_showcase_overlay {
    visibility: visible;
	top: 0;
}

.icss_gallery_showcase:hover .icss_gallery_showcase_overlay_inner {
    visibility: visible;
     bottom:40%;
    left: 0;
	
}


/***************** BLog Section *************************************************************************
***************************************************************************************************/ 

/** wrapper for front page **/
.icss_blog_area{
	padding-top: 90px;
	padding-bottom: 90px;
}
.icss_blog_wrapper{
	margin-bottom: 10px; /* 90px */
}
.icss_blog_thumb_wrapper{
	margin-bottom:40px;
	border-radius: 4px;
	margin-top:10px;
	padding:10px;
}

.icss_blog_thumb_wrapper img {
	width:100%;
	
}

.icss_blog_thumb_wrapper h2 {
	font-size: 22px;
	margin-bottom: 8px;
	padding-right: 0px;
	line-height:1.4;
	margin-top:0px;
	
}
.icss_blog_thumb_wrapper h2 a:hover {
	color: #34495e !important;
}
.icss_fuul_blog_detail_padding h2 a:hover {
	color: #34495e !important;
}
.icss_blog_thumb_wrapper{
	position:relative;
	overflow:hidden;
}

.icss_blog_thumb_date{
	list-style: none;
	text-align:left;
	padding-left:0;
	color:#9b9b9b;
	font-size:14px;
	margin-bottom: 0px;
}
.icss_blog_thumb_date li{
	display:inline-block;
	color:#555;
	margin-right:15px;
	margin-bottom: 5px;
}
.icss_blog_thumb_date li i{
	margin-right:8px;
	font-size:22px;
}

.icss_blog_thumb_date li a{
	color:#555;
}
.icss_blog_thumb_wrapper p{
	font-size:16px;
	padding-right:8px;
	margin-bottom: 20px;
	line-height:27px;
}
.icss_blog_thumb_wrapper span a i{
	margin-right:6px;
	font-size:20px;
	vertical-align: middle;
}

.icss_tags {
	margin-bottom:8px;
}
.icss_tags a ,.icss_cats a{
	padding: 3px 7px;
	margin: 4px 4px 4px 0;
	margin-bottom:10px;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
	color: #515151;
	text-decoration: none;
	font-size: 0.9em;
	white-space: nowrap;
	display: inline-block;
}
.icss_tags a i{
	margin-right:5px;
	transition: all 0.4s ease 0s;
}
.icss_blog_read_btn{
	font-size: 16px;
	color:#fff;
	display:inline-block;
	transition: all 0.4s ease 0s;
	padding:5px 5px 5px 5px;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
	margin-bottom:20px;
}
.icss_blog_thumb_wrapper_showcase {
    position: relative;
    padding: 0px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
	
}
.icss_blog_thumb_wrapper_showcase_overlay {
      visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80%;
    left: 0;
	background:rgba(0,0,0,0.5);
	-webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

	.icss_blog_thumb_wrapper_showcase img{
	-webkit-transition: all .45s ease-in;
    -moz-transition: all .45s ease-in;
    -o-transition: all .45s ease-in;
    transition: all .45s ease-in;
	

}
.icss_blog_thumb_wrapper_showcase_overlay_inner {
    position: absolute;
    bottom:-110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
	 -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;


}
.icss_blog_thumb_wrapper_showcase .icss_blog_thumb_wrapper_showcase_icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.icss_blog_thumb_wrapper_showcase .icss_blog_thumb_wrapper_showcase_icons a {
    font-size: 1.3em;
    line-height: 1em;
    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
	text-decoration: none;
	margin-right:5px;
	border-radius:100%;
	width:60px;
	height:60px;
	
}

.icss_blog_thumb_wrapper_showcase:hover .icss_blog_thumb_wrapper_showcase_overlay {
    visibility: visible;
	top: 0;
}

.icss_blog_thumb_wrapper_showcase:hover img{
	-webkit-transform: scale(1.9) rotate(15deg);
	-moz-transform: scale(1.9) rotate(15deg);
	-ms-transform: scale(1.9) rotate(15deg);}

.icss_blog_thumb_wrapper_showcase:hover .icss_blog_thumb_wrapper_showcase_overlay_inner {
    visibility: visible;
    bottom:40%;
    left: 0;
	
}
.icss_blog_thumb_wrapper_showcase .icss_blog_thumb_wrapper_showcase_icons a i{
     font-size: 1.6em;
	line-height:40px;
	
}



/********* Blog Full width css ********/

.icss_blog_full{
	margin-bottom: 20px;
	margin-top: 10px;
	overflow:auto;
	padding: 0px;
	float: none;
}

.icss_blog_full .icss_blog_thumb_wrapper_showcase {
margin-bottom:20px;

}
/* .icss_blog_full img{
	width:100%
}
*/
.blog-date-left{
	list-style: none;
	float:left;
	padding: 0px;
	transition: all 0.4s ease 0s;

}
.blog-date-left li{
	width:100px;
	height:100px;
	text-align:center;
	transition: all 0.4s ease 0s;
}

.blog-date-right{
	list-style: none;
	float:right;
	padding: 0px;
	transition: all 0.4s ease 0s;

}
.blog-date-right li{
	width:100px;
	height:100px;
	text-align:center;
	transition: all 0.4s ease 0s;
}


.icss_post_date {
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	transition: all 0.4s ease 0s;
}

.icss_post_date span.date {
	font-size: 16px;
    line-height: 35px;

}
.icss_post_date h6 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px;
	text-align: center;
	color:#fff;
}

.icss_post_author img {
	height: 100px !important;
	max-width: 100%; 
}

.icss_post_author {

	width: 100px;
	text-align: center;
	margin-top: 0px;
}

.icss_blog_comment{

	border-radius: 0px;
	display: block;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	width: 100px;
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 0px;
	color:#999999;
	background:#f6f6f6;

}
.icss_blog_comment a{
	color:#999999;
}
.icss_blog_comment i{
	font-size: 68px;
	line-height: 55px;
	transition: all 0.4s ease 0s;

}
.icss_blog_comment h6{
	font-size:16px;
	color:#999999;
	transition: all 0.4s ease 0s;
}

.post-content-wrap {
	float: left;
	width:86%;
}/*
.post-content-wrap img{
	width:100%;
}*/

.post-content-wrap-right {
	float: right;
	width:86%;
}
.post-content-wrap-right img{
	width:100%;
}
.icss_blog_post_content{
	float: left;
	margin-bottom: 10px;
	width: 100%;
	
}
.icss_blog_post_content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px;
}
.icss_blog_post_content p {
	color: #777777;
}
.icss_blog_post_content ul li {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px;
	color: #777777;
}
.icss_fuul_blog_detail_padding{

	padding-left: 20px;
	float: left;
	width: 100%;
}
.icss_fuul_blog_detail_padding h2 {
	margin-top:0px;
}
.icss_fuul_blog_detail_padding h2 a{

	font-size: 28px;
	margin-bottom: 8px;
	padding-right: 0px;
	line-height: 35px;
	margin-top: 0px;
	transition: all 0.4s ease 0s;

}

.icss_fuul_blog_detail_padding p {
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px;
}
.blog-sep.header-sep {
	margin-top: 40px;
	margin-bottom: 50px;
}
.header-sep {
	border: 0;
	height: 4px;
	color: #f5f5f5;
	background-color: #f5f5f5;
}

/***** Blog page with sidebar *****************************************************************
***************************************************************************************/
.icss_recent_widget_post {
    margin: 0 0 5px !important;
    padding-bottom: 16px;
	border-bottom: 0px solid #6B6B6B;
	vertical-align:middle;
}
.icss_recent_widget_post:last-child{
	margin: 0 0 0px !important;
}

.icss_recent_widget_post h3 , .icss_footer_widget_column ul li {
   	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    margin-top: -2px;
	
}
.icss_recent_widget_post h3 a {
    transition: all 0.2s ease 0s;
}

.icss_recent_widget_post h3 a:hover {
	color: #ffffff;
}

.icss_recent_widget_post_move{
	float: left;
}
.icss_recent_widget_post_img {
    margin-right: 10px !important;
	width: 64px;
	height: 64px;
    transition: opacity 0.3s ease-out 0s;
	display: block;
}

.icss_recent_widget_post_date {
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
	color: #ffffff;
}

.icss_sidebar_widget {
	margin-bottom: 30px;
	margin-top: 10px;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0,0,0,.7);
	padding: 0px 20px 15px 20px;
	
}
.icss_sidebar_widget_title{
	margin-bottom:20px;
	margin-left: -20px;
	margin-right: -20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
}
.icss_sidebar_widget .icss_recent_widget_post_date{
color: #6a6a6a;
}
.icss_sidebar_widget .icss_recent_widget_post h3 a:hover {
	color: #6a6a6a;
}
.icss_sidebar_widget .icss_recent_widget_post h3 {
    font-weight: 600;
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 2px;
    margin-top: -2px;
}

.icss_sidebar_widget h3 {
	display: inline-block;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 5px;
	margin-top: 0px;
}

.icss_sidebar_widget_title h2{
	margin:0px;
	clear: both;
	font: normal normal 18px Oswald;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
	color: #fff;
}

.icss_sidebar_blog_shadow {
	background: url('./images/shadow.png') no-repeat top center;
	position: absolute;
	left: 0;
	right: 0;
	height: 80px;
	z-index: 99;
	width: 100%;
	background-size: 100% 100%;
	height: 25px;
	bottom: 26px;
}


/* blog pagination */
.icss_blog_pagination {
    margin-bottom: 20px;
    overflow: auto;
    padding: 0 0 0px;
	float: none;
}
.icss_blog_pagi {
    margin: 0px 0 0px;
    overflow: hidden;
    padding: 4px 0;
}
.icss_blog_pagi a {
    border: 0 none;
    cursor: pointer;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0px 10px 4;
	padding: 9px 16px;
	transition: all 0.3s ease 0s;
	vertical-align: baseline;
	white-space: nowrap;
}


/**** link widget **/
.icss_sidebar_widget ul li a , .icss_footer_widget_column ul li a {
    position:relative;
}    
.icss_sidebar_widget ul li a:before , .icss_footer_widget_column ul li a:before {
        position:absolute;
        font-family: FontAwesome;
        top:0;
        left:-14px;
        content: "\f105";
    }
.icss_footer_widget_column ul li ,.icss_footer_widget_column ul#recentcomments li a{
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
	font-family: "Open Sans",sans-serif;
	font-size: 16px;
	line-height: 20px;	
	transition: all 0.2s ease 0s;
}

.icss_sidebar_link p a , .icss_sidebar_widget ul li a{
	transition: all 0.4s ease 0s;
	display: block;
	font-family: "Open Sans",sans-serif;
	font-size: 16px;
	line-height: 20px;
}
.icss_sidebar_widget ul li ,.icss_footer_widget_column ul#recentcomments li {list-style:none;}
.icss_sidebar_widget ul li a{ padding-left: 10px; }
.icss_sidebar_link p a i {
	margin-right: 10px;
}
.icss_sidebar_link p ,.icss_sidebar_widget ul li{
	display: block;
	font-family: "Open Sans",sans-serif;
	font-size: 16px;
	transition: all 0.4s ease 0s;
	padding-bottom: 10px;
	padding-top: 0;
}
.icss_sidebar_link p a , .icss_sidebar_widget ul li a{
	color: #6a6a6a;
}


/*** tag widget **/
.icss_widget_tags , .tagcloud{
	margin: 0px 0 10px;
	overflow: hidden;
	padding: 0;
}
.icss_widget_tags a , .tagcloud a ,.icss_footer_widget_column .tagcloud a{
	border: 0 none;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;	
	line-height: 20px;
	margin: 0 5px 10px 0;
	padding: 8px 12px;
	transition: all 0.8s ease 0s;
	vertical-align: baseline;
	white-space: nowrap;
}
.icss_footer_widget_column .tagcloud {
	padding: 8px;
}
.icss_widget_tags a  , .tagcloud a ,.icss_footer_widget_column .tagcloud a {
	border: 1px solid #edf0f2;
	color: #555;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

/*** Flickr widget **/
.flickr-photos-list {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	overflow: hidden;
}

.flickr-photos-list > li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.flickr-photos-list > li img {
	width: 73px;
	height: 73px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.flickr-photos-list > li img:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
}
.icss_sidebar_left_side{

float:left;

}
.icss_blog_right_side{
	float:right;
}


/********* Blog detail page *************/
.icss_author_detail_section{
	margin-bottom:60px;
	margin-top:20px;
}

.author_detail_img{
	width:100px;
	height:100px;
	float:left;
	margin-right:20px;
	margin-bottom:2px;
	
}
.icss_author_detail_name{
	font-size: 18px;
	line-height: 20px;
	margin: 0px 0 5px;
	color:#fff;
}
.icss_author_detail_wrapper p{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 0px;
	color:#fff;
}
.icss_comment_section {
    overflow: auto;
    padding: 0 0 15px;
	margin: 0px 0px 0px 0px;
	float: none;
}
.icss_comment_title {
    display: block;
    margin: 0 0 5px;
}
.icss_comment_title h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 25px;
    margin: 0 0 -2px;
    padding-bottom: 11px;
    padding-right: 10px;
}
.icss_comment_title h3 > i {
	font-size: 34px;
}

.icss_comment_box {
    margin: 0 0 10px !important;
    padding: 40px 0px 0 0;
    position: relative;
}
.pull_left_comment{
	margin-right: 15px;
	float: left;
}
.comment_img {
    height: 80px;
	width: 80px;
	margin: 0 0 20px;
}
.icss_comment_detail {
    margin-left: 0px;
	padding: 20px;
}
.icss_comment_detail_title {
    font-family: 'Open Sans', sans-serif;
	font-weight: 700;
    font-size: 18px;
	line-height: 20px;
    margin: 0px 0 5px;
}

.icss_comment_detail p{
   font-family: 'Open Sans', sans-serif;
    font-size: 15px;
	line-height: 25px;
	margin: 0 0 20px;
}
.icss_comment_date{
   padding-bottom:5px;
   margin-bottom: 10px;
   line-height: 20px;
   font-size: 14px;
   display:block;
   font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.reply {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	font-weight: 700;
}
.reply a {
	font-size: 16px;
	line-height: 22px;
}
.reply a > i {
	font-size: 16px;
	position: relative;
	padding-right: 5px;
	top: 2px;
}
.icss_form_group {
margin-bottom: 20px;
}
.icss_comment_form_section {
    margin-bottom: 60px;
    padding: 0 0 15px;
	margin: 20px 0 45px;
	float: none;
}
.icss_comment_form_section h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 0 0 30px;
	padding: 0 0 15px;
}
.icss_comment_form_section h2 > i {
    font-size: 32px;
	position: relative;
	top: 5px;
}
.icss_comment_form_section label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	line-height: 20px;
	margin: 0 0 11px;
}

.icss_con_input_control {
    display: block;
    font-size: 14px;
    height: 45px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.icss_con_textarea_control {
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.icss_con_input_control:focus, .icss_con_textarea_control:focus {
  outline: 0;
}

.icss_con_input_control {
    background-image: none;
}
.icss_con_textarea_control {
    background-image: none;
}
.icss_send_button , #icss_send_button{
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	padding: 15px 40px;
	margin-bottom: 0;
	font-size: 18px;
	
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 2px solid transparent;
	transition: all 0.4s ease;
	
}



.icss_comment_title h3 {
	color: #121212;
	border-bottom: 1px solid #E9E9E9;
}
.icss_comment_title h3 > i {
	color:#ccc;
}
.icss_comment_detail {
	background: #F8F8F8;
	border: 2px solid #F1F0F0;
}

.icss_comment_detail p{
	color:#6a6a6a;
}
.icss_comment_date{
   color:#A0A0A0;
}

.icss_comment_form_section h2 {
	color: #121212;
	border-bottom: 1px solid #E0E0E0;
}
.icss_comment_form_section h2 > i {
	color:#ccc;
}
.icss_con_input_control {
	background-color: #FFFFFF;
    border: 1px solid #c5c5c5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
}
.icss_con_textarea_control {
	background-color: #FFFFFF;
    border: 1px solid #c5c5c5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
}


/*** Testimonial Section  ******************************************************************************************************
**************************************************************************************************************************/
.icss_testimonial_area{
	background: #ecf0f1;
	padding-top: 90px;
	padding-bottom: 90px;
	border-top: 1px solid #DEE1E2;
	border-bottom: 1px solid #DEE1E2;
	text-align:center;
}
.icss_testimonial{
	text-align:center;
	margin-bottom:15px;
}
.icss_testimonial_area i{
	font-size:60px;
	margin-bottom:20px;
}
.icss_testimonial_area p{
	color:#727272;
	font-size: 20px;
	font-family: 'georgia';
	font-style: italic;
	margin-bottom:20px;
	line-height: 32px;
}
.icss_testimonial_area img{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	margin-bottom: 10px;
	width:150px;
	height: auto;
}
.icss_testimonial_area h3{

	margin: 0 0 10px 0;
}
.icss_testimonial_area span{
	margin: 0 0 20px 0;
	font-size:16px;
	color:#666;
}
.pager a{
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    text-indent: -9999px;
    width: 15px;
	margin: 0 3px;
	text-decoration: none outside;
}
.pager a:focus{
	outline:none;
}
.pager {
    list-style: none outside none;
    margin: 0px;
    padding-left: 0;
    text-align: center;
	margin-top: 30px;
}




/***Client Section ******************************************************************************************************
**************************************************************************************************************************/

.icss_client_area{
	padding-top: 90px;
	padding-bottom: 40px;

}
.icss_client_wrapper{
	border: 4px solid #ecf0f1;
	opacity: 0.95;
	filter: alpha(opacity=95);
	text-align:center;
	transition: all 0.3s ease 0s;
	margin-bottom: 50px;
	
}

.icss_client_area .icss_heading_title2{
	text-align:right;
	margin-bottom:40px;
}

.icss_client_navi {
	overflow: hidden;
	display: inline;
}
.icss_client_prev {
	
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
	transition: all 0.3s ease 0s;
	padding: 6px 15px 10px;
	margin-right: 5px;
	
}
.icss_client_next {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    transition: all 0.3s ease 0s;
	padding: 6px 15px 10px;
}
.icss_client_prev i,
.icss_client_next  i {
	font-size: 20px;
	vertical-align: middle;
	transition: all 0.3s ease 0s;
}


/***** Call Out Section *****************************************************************
***************************************************************************************/
.icss_callout_area{
	width:100%;
	padding-top:39px;
	padding-bottom:40px;
	display:block;
	overflow:hidden;
	
}

.icss_callout_area p{
	font-size:22px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	line-height: 35px;
	padding-top:10px;
}
.icss_callout_area p{
	color:#fff;
}
.icss_callout_area p i{
	font-size:40px;
	float:left;
	margin-right:20px;
	vertical-align:middle;
}
.icss_callout_btn {
	float: right;	
}
.icss_callout_area a {
    display: inline-block;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight:700;
	line-height: 20px;
	border-radius:10px;
	padding: 16px 18px;
	text-align: right;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}
.icss_callout_area a{
	transition: all 0.4s ease 0s;
	text-decoration:none;
	color:#fff;
	text-align:center;
}

.icss_callout_area a {
	color: #FFFFFF;
	background-size: 100% 200%;
	 background-image: linear-gradient(to bottom, transparent 50%, #393c40 50%);
   -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
	border:4px solid #393c40;
}
.icss_callout_area a:hover {
	background-position: 0 -100%;
	color:#fff;
}

.icss_callout_shadow {
	position: absolute;
	left: 0;
	right: 0;
	height: 54px;
	z-index: 99;
	width: 100%;
	background-size: 100% 100%;
	margin-top:40px;
	background: url('./images/shadow3.png') center center no-repeat;
	

}


/***** Footer widget Area *****************************************************************
***************************************************************************************/

.icss_footer_widget_area{
	padding: 38px 0 20px;
}

.icss_footer_widget_area h6 ,.icss_footer_widget_column .textwidget{
	color: #f2f2f2;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin-top: 25px;
}

.icss_footer_widget_area p {
	font-size: 13px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
}

.icss_footer_widget_area h6 {
	color: #95a5a6;
}
.icss_footer_widget_area p {
	color: #ffffff;
}


.icss_footer_widget_area{
	background: #34495e;
}

.icss-footer-separator{
	background-color: #ffffff;
	height: 3px;
	margin-top:10px;
	text-align:center;
	width: 100px;
}
.icss_footer_widget_title{
	color: #ffffff;
	text-shadow: 0px 1px 2px #2a2a2a;
}

.icss_footer_widget_title{
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	margin: 0px 0px 25px 0px;
	line-height: 25px;
	letter-spacing: 1px;
}

.icss_footer_widget_column{
	margin-bottom: 50px;
}


.icss_footer_widget_column address{
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
}

.icss_footer_widget_column address{
	color: #9e9d9d;
	
}
.icss_footer_widget_column address p{
	color: #f2f2f2;
	padding:0 0 10px;
	font-size:16px;
}
.icss_footer_widget_column address p i{
	margin-right:10px;
}
.icss_footer_widget_column address a{
	color: #CCCCCC;
	
}
.icss_footer_widget_column address a:hover{
	color: #ffffff;
}



.icss_footer_widget_link {
    margin: 20px 0 10px;
    overflow: hidden;
    padding: 4px 0;
}
.icss_footer_widget_link a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0px 0 0px;
    transition: all 0.4s ease 0s;
}

.icss_footer_widget_link a {
	color: #ffffff;
	text-decoration:none;
}
.icss_footer_widget_link a:hover {
	color:#f8504b;
}




/* Footer area Section Css------------------------------------------------------------ */

.icss_footer_area{
    padding: 10px 0 0px;
}
.icss_footer_area p {
   font-family: 'Open Sans', sans-serif;
	line-height: 20px;
    font-size: 13px;
    bottom:0;
	text-align:center;
	padding-top:12px;
}

.icss_footer_area p {
	color: #f2f2f2;
	font-size:15px;
}
.icss_footer_area p span{
	color: #fa504b;
}
.icss_footer_area p a {
    color: #000000;
}
.icss_footer_area p a:hover {
    color: #ffffff;
}
.icss_footer_copyright_info{
	float:left;
}
.icss_footer_social_div{
	float:right;
}


/* Scroll To Top ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.icss_scrollup {
    width: 45px;
    height: 40px;
    opacity: 0.5;
    position: fixed;
    bottom: 100px;
    right: 30px;
    display: none;
	border-radius: 2px;
    text-align: center;
    color: #fafafa;
    font-size: 25x;
    background: #3b3b3b;
    z-index: 9999;
	-webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.icss_scrollup i {
    line-height: 38px;
	font-size: 24px;
	vertical-align:middle;
}
.icss_scrollup:hover{
	opacity: 0.8;
}
a.icss_scrollup:hover i, a.icss_scrollup:focus i {
    text-decoration: none;
    color: #fafafa;
    outline: none;
	
}

/*-----------------------
-----Scrollimations------
------------------------*/   
.scrollimation.fade-in{
	opacity:0;
	-webkit-transition:opacity 0.6s ease-out;
	transition:opacity 0.6s ease-out;
}

.scrollimation.fade-in.in{
	opacity:1;
}

.scrollimation.scale-in{
	opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform:scale(0.5);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
	transition: transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
}

.scrollimation.scale-in.in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}

.scrollimation.fade-right{
	opacity:0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out;
	transition: transform .4s ease-out,opacity .4s ease-out;
}

.scrollimation.fade-right.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.scrollimation.fade-left{
	opacity:0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform:translateX(100px);
	-webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out;
	transition: transform .4s ease-out,opacity .4s ease-out;
}

.scrollimation.fade-left.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.scrollimation.fade-up{
	opacity:0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform:translateY(100px);
	-webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-in;
	transition: transform .4s ease-out,opacity .4s ease-in-out;
}

.scrollimation.fade-up.in{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}

.scrollimation.d1{
	transition-delay:.2s;
}

.scrollimation.d2{
	transition-delay:.4s;
}

.scrollimation.d3{
	transition-delay:.6s;
}

.scrollimation.d4{
	transition-delay:.8s;
}

.touch .scrollimation.fade-in{
	opacity:1;
}

.touch .scrollimation.scale-in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}

.touch .scrollimation.fade-right{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.touch .scrollimation.fade-left{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.touch .scrollimation.fade-up{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}
/***********theme required css **********/

.wp-caption-text { font:14px;text-align: center; }
.gallery-caption { font:14px; }
.bypostauthor{ font:14px; }
.alignright{ font:14px; text-align:right;display: inline;
float: right; }

.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.aligncenter{font:14px; text-align:center; }
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5em;
max-width: 100%;font:14px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.icss_fuul_blog_detail_padding img {max-width: 100%;height:auto;}
.icss-sidebar .input-group{max-width:100%;}
.icss-sidebar ul.sub-menu,.icss-sidebar ul.children , .icss_footer_widget_area ul.sub-menu,.icss_footer_widget_area ul.children {padding:0;}

ul#recentcomments li a:before , .icss_footer_widget_column ul#recentcomments{content:'';}
ul#recentcomments li a {line-height:11px;font-size:14px;}
.icss_footer_widget_column ul {padding:9px;list-style-type:none;}
table.table, table {
width: 100%;
text-align: left;
background-color: transparent;
}
.icss_footer_widget_column ul {padding:9px;}
.icss_footer_widget_column ul {padding-left:0;}
.icss_footer_widget_column ul li {padding: 3px;}
.post-content-wrap-right .icss_fuul_blog_detail_padding{
	padding-right: 20px;
}
.callout-box.callout-box2 {
  padding: 26px 20px;
  background: #279fbb;
  color: #f1f1f1;
  border: 0;
}
.callout-box .callout-content h2 {
  font-weight: normal;
  line-height: 30px;
  font-size: 22px;
  margin: 0;
  color: #4b4b4b;
}
.screen-reader-text{display : none;}
.icss_blog_post_content img {max-width:100%;}
/*Calander Widget CSS*/
#wp-calendar tbody tr td {
text-align: center;
}
#wp-calendar caption {
padding: 10px;
}
#wp-calendar thead tr th {
text-align: center;
}
.no-border, .no-border th, .no-border td
{
 border : 0 none;
}
table th {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
table td {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
table td {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
.icss_footer_widget_column table td {
color:#e7e7e7;
}
.icss_footer_widget_column #wp-calendar thead tr th {
color: #fff;
}
/*Flikr Widget CSS**/
.icss-sidebar .flickr_badge_image {
    float: left;
    margin-bottom: 5%;
    margin-left: 5%;    
	transition: all 0.2s ease-in-out 0s;
}
.flickr_badge_image:hover{opacity:0.65;}
.icss_footer_widget_column .flickr_badge_image {
     float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}
.sidebar .widget-content p {
    line-height: 150%;
}
.widgetmore {
    clear: both;
    display: block;
}
.sticky{}
/*HTML POST HEADING CSS*/
.icss_fuul_blog_detail_padding h1,.icss_fuul_blog_detail_padding h3,.icss_fuul_blog_detail_padding h4,
.icss_fuul_blog_detail_padding h5 , .icss_fuul_blog_detail_padding h5, .icss_fuul_blog_detail_padding h6 
{
color: #31A3DD;
margin-top: 10px;
margin-bottom: 10px;
}
#wblizar_nav  span{
padding-top: 20px;
}
.nav-previous {
    /*float: left;*/
    width: 50%;
}
.nav-next {
    /*float: right;
    text-align: right;*/
	padding-left: 15%;
    width: 50%;
}
.navigation_en{padding-bottom:5%;}
.fa-arrow-left:before{content: "\f060" ;}
.fa-arrow-right:before{content: "\f061" ;}
/* Flickr Gallery Shortcode */
.col-md-3.col-sm-4.col-center.icss-flickr-div a {
  display: inline-block !important;
}
.LoadingImg img{
	display: none;
}
#fancybox-loading{
	display: none;
}
/* UR Image Slider Pro */
.icss_blog_full {
  overflow: hidden;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* Persistent access to the WooCommerce quote basket, outside the six-item menu. */
.icss-quote-cart-access { position: fixed; right: max(18px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); z-index: 999; }
.icss-quote-cart-link { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.5); border-radius: 7px; background: #176f9f; box-shadow: 0 5px 18px rgba(20,48,64,.26); color: #fff; line-height: 1.15; text-decoration: none; }
.icss-quote-cart-link:hover,
.icss-quote-cart-link:focus { background: #125c84; color: #fff; text-decoration: none; }
.icss-quote-cart-link:focus { outline: 3px solid #f1c40f; outline-offset: 2px; }
.icss-quote-cart-link .fa { font-size: 19px; }
.icss-quote-cart-copy { display: flex; flex-direction: column; gap: 2px; }
.icss-quote-cart-copy strong { font-size: 13px; }
.icss-quote-cart-copy small { color: rgba(255,255,255,.84); font-size: 11px; }
.icss-quote-cart-count { display: inline-flex; align-items: center; justify-content: center; min-width: 23px; height: 23px; padding: 0 6px; border-radius: 12px; background: #fff; color: #176f9f; font-size: 12px; font-weight: 700; }

@media (max-width: 767px) {
	.icss-quote-cart-access { right: max(10px, env(safe-area-inset-right)); bottom: max(10px, env(safe-area-inset-bottom)); }
	.icss-quote-cart-link { min-height: 44px; padding: 8px 10px; }
	.icss-quote-cart-copy small { display: none; }
}