/* ----------------------------------------------------------------
	Custom CSS 
-----------------------------------------------------------------*/

/*@import url('http://helmgroup.website/fonts/stylesheet.css');*/

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap')
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 900

.playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



@font-face {
    /*font-family: 'Antipasto';*/
    /*src: url('css/fonts/antipasto.regular.ttf') format('ttf'),*/
        /*url('css/fonts/antipasto.regular.ttf') format('ttf');*/
    /*font-weight: 900;*/
   /* font-style: italic;*/
    font-display: swap;
}

/*@font-face {
    font-family: 'Cera Pro';
    src: url('https://helmwb.dyndns.org/s/CeraPro-BlackItalic.woff2') format('woff2'),
        url('https://helmwb.dyndns.org/s/CeraPro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://helmwb.dyndns.org/s/CeraPro-Bold.woff2') format('woff2'),
        url('https://helmwb.dyndns.org/s/CeraPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://helmwb.dyndns.org/s/CeraPro-Medium.woff2') format('woff2'),
        url('https://helmwb.dyndns.org/s/CeraPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://helmwb.dyndns.org/s/CeraPro-Italic.woff2') format('woff2'),
        url('https://helmwb.dyndns.org/s/CeraPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('https://helmwb.dyndns.org/s/CeraPro-Light.woff2') format('woff2'),
        url('https://helmwb.dyndns.org/s/CeraPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
*/
#whatwedo .media-box.fbox-bg .fbox-media img { 
    height: 250px;
}

#whatwedo .feature-box.media-box.fbox-bg {
    height: 660px;
}

.contact-properties .heading-block h3 {
    font-size: 1.25rem;
}


.min-vh-115{
	min-height: 115vh !important;
    margin-top: unset !important;
}

.floating-contact-wrap {
	    position: absolute;
	    left: 50px;
	    top: 30px;
	    z-index: 299;
	    -webkit-transition: right .2s ease;
	    -o-transition: right .2s ease;
	    transition: right .2s ease;
	}


.slider-element .image_fade .icon-play {
			position: absolute;
			display: block;
			left: 50%;
			top: 50%;
			z-index: 99;
			color: #000;
			font-size: 20px;
			width: 40px;
			height: 40px;
			line-height: 40px;
			background-color: #FFF;
			border-radius: 50%;
			text-align: center;
			padding-left: 4px;
			margin-top: -20px;
			margin-left: -20px;
		}

		.rotate-text {
			position: absolute;
			right: 40px;
			top: 50%;
			letter-spacing: 3px;
			color: #DDD !important;
			font-weight: 400;
			font-size: 11px;
			writing-mode: vertical-rl;
			-webkit-transform: translateY(-50%) rotate(-180deg);
			-moz-transform: translateY(-50%) rotate(-180deg);
			white-space: nowrap;
			cursor: pointer;
			z-index: 5;
			text-transform: uppercase;
		}

		.rotate-text:before {
			padding-bottom: 7px;
			content: '\2190';
			display: inline-block;
		}

 

.si-settings:hover, .si-colored.si-settings {
    background-color: #f2991f !important;
}

.si-sticky.three-settings{
			 top: 35%;
		}


	#setset	.fbox-center{
    text-align:right !important;
    align-items: end;

}

#setset	.fbox-icon{
    margin-top: 20px;

}

.dark .fbox-content h3 {
    color: #f2991f;
    text-align: right;
    font-weight: 100;
}

#shortcodes.widget_links li{
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 600;
}

#lets span{
    font-size: 24px;
}

#lets img {
            margin-top: -8rem;
    }

.orange.bgicon {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 0;
    z-index: 5;
    opacity: 1;
    width: 400px;
    height: -webkit-fill-available;

}

body #side-panel.dark {
    background-color: #2e3640;
    }

#powerofout .social-icon {
     
    width: max-content;
     
    padding: 0px 10px;
}

#powerofout .si-sticky {
     
    width: auto;
    
}

#logo a h2{
     
    margin: auto;
    margin-left: 20px;
    font-size: 30px;
    color: #01334a;
    
}

.bg-dark-blue {
  --bs-bg-opacity: 1;
  background-color: #01334a !important;
}

.bg-light-blue {
  --bs-bg-opacity: 1;
  background-color: #517baa !important;
}

.bg-light-orange {
  --bs-bg-opacity: 1;
  background-color: #f2991f !important;
}

.bg-dark-pblue {
  --bs-bg-opacity: 1;
  background-color: #00141d !important;
}

.bg-light-pblue {
  --bs-bg-opacity: 1;
  background-color: #203144 !important;
}


#page-title.dark h1 { 
    background: #f2991f;
    padding: 20px;
    width: fit-content;
}

.section span{
     
     
   font-size: 1rem !important; 
    
	}

#ovm{
     
    height: 150px; 
    
	}

    .side-header.ip:not(.open-header) #wrapper {
    margin: 0 0 0 320px !important;
    width: auto !important;
}

#projects p { line-height: 1.1; }

.col-padding-2 { padding: 2rem; }

#sector-page .button.button-xlarge {
    padding: 50px 32px;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 100px;
}

.pricing-box .icon-line-arrow-up-right.text-smaller{
    color: #f2991f !important;
}

#projects-page .card-body h3{ 
    font-size: 1.55rem; 
}

#projects-page .card-body h5{ 
    font-size: 1.2rem;
    margin-bottom: 8px;
    font-style: italic; 
}

#projects-page .card-body h6{ 
    font-size: 1.25rem;
    margin-bottom: 8px; 
}

#projects-page .card-body p{ 
    font-size: 1.35rem;
    line-height: 1.3;
}

#projects-page .icon-line2-briefcase{ 
    margin-top: 30px; 
}

.heading-block.center > span{ 
    font-size: 1.65rem; 
}

#outsourcing-page .heading-block.center > span{ 
    font-size: 1.25rem !important; 
}

#outimg-left{ 
        height: 480px;
        float: right;
}

#outimg-right{ 
        height: 480px;
        object-fit: cover;
}

#outsourcing-page a.button{
        font-size: 1rem !important;
    }

.t-color-orange{
        color: #f2991f !important;
    }

.t-color-lblue{
        color: #517baa !important;
    }
.t-color-dblue{
        color: #01334a !important;
    }