/*
<?php if( $detect->isMobile() && !$detect->isTablet() ){ ?><!--mobile--><?php } ?> 
<?php if( $detect->isTablet() ){ ?><!--tablet--><?php } ?>
<?php if( !$detect->isTablet() && !$detect->isMobile() ){ ?><!--desktop--><?php } ?>

 <jdoc:include type="component" />
 <jdoc:include type="modules" name="breadcrumbs" style="none" />
 
*/

 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

 

:root {
 	--color-white:#fff;
	--color-dark:#222222;
	--color-dark-blue:#005488;
	--color-orange:#f0a700;
	--color-light-grey:#666668;
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--color-white);
	font-weight:400;
	color: var(--color-dark);
	scroll-behavior: smooth;
	min-width:320px;
	font-family: "Roboto", serif;
 }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}

body{
	overflow-x:hidden;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}



ul,li ,ol{
  list-style:none;
  padding:0;
  margin:0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlowXHidden{
 overflow-x:hidden;
}


/*********
FONTS 
**************/
h1,h2,h3,h4,h5,h6,a,span,p{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-dark);
	font-family: var(--font-family);
	font-size:100%;
	font-weight: normal;
	display:inline-flex
 }



a{
  transition:color ease 0.3s;
  cursor:pointer
}	

a:hover{
  cursor:pointer;
  transition:color ease 0.3s
}	


a h3:hover{
	color:var(--color-dark-blue);
	cursor:pointer;
	transition:color ease 0.3s
}	


.cursor-pointer{
	cursor:pointer;
}



h1{
	font-size:20px;
	font-weight:800;
	line-height:120%;
	position:relative;
	display: table;
}


.section-title h2{
	font-size: 36px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    display: table;
    z-index: 2;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}

h3{
	font-size: 20px;
}

h3.main-title{
	font-size: 24px;
	font-weight:bold;
}


h6{
	font-size:14px;
	line-height:150%;
}

p{
	font-size:18px;
	line-height:150%;
}

p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}

.article p{
	display:table;
}

.article p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

.article p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}


.section-title h2,
.section-title {
	display:table;
	margin:0 auto 20px auto;
	width:auto;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}


.section-title.center h2,
.section-title.center {
	text-align:center;
}

.section-title.left h2,
.section-title.left {
	text-align:left;
	width: 100%;
}


/* -------------------------------- 
Main components 
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

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

Main components 

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

.full-wrp{
	width:90%;
	max-width:1920px;
	margin:auto;
	position:relative;
}

.wrp{
	width:90%;
	max-width:1480px;
	margin:auto;
	position:relative;
}

.wrp-small{
	width:90%;
	max-width:1280px;
	margin:auto;
	position:relative;
}

  

.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}


.section {
	display:table;
	width:100%;
	margin-top:150px;
}

.section.sc2 {
	margin-top:250px;
}

/***********************
containers structure designs 
*****************/
.ctn-str-1{
	display:flex;
}

.ctn-str-1 .str-1{
	width:45%;
	margin-right:5%;
}

.ctn-str-1 .str-2{
	width:100%;
}


.ctn-str-2 .image{
	width:100%;
	height:60px;
	display:block;
	margin-bottom:20px;
}

.ctn-str-2 .image img{
	width:auto;
	height:60px;
}

.ctn-str-2 h3{
	margin-bottom:15px;
}

/***********************
HEADER 
*****************/
header {
	position: fixed;
    top: 0;
    right: 0;
    height: auto;
    /* width: 100%; */
    z-index: 999999;
    background: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 100%;
	transition:all ease .4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.shrink{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition:all ease .4s;
	top: -45px;
} 


header.shadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition:all ease .4s;
}


header .row-1{
    width: 100%;
    padding: 10px 0 10px 0;
    display: table;
	background:var(--color-dark-blue);
	background:var(--color-dark);
}

header .row-2{
	width:100%;
	display:flex;
	margin:5px 0 0 0;
	flex-direction: row;
	flex-wrap:nowrap;
	position: relative;
}


header .contact-header {
    display: flex;
    width: auto;
	float: right;
	height:20px;
}

header  .icon-ctn {
	display:flex;
	width:22px;
	height:22px;
	margin-right:2px;
}

header .icon-ctn.icon-email   {
	background: url(../background/svg-icons/email-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:18px;
	height:14px;	
	position: relative;
    top: 4px;
	right:-1px;
}

header .icon-ctn.icon-phone   {
	background: url(../background/svg-icons/phone-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:16px;
	height:14px;	
	position: relative;
    top: 3px;
}

header .contact-header h6 {
	font-size:0.8rem;
	line-height: 1.4rem;
	font-weight:400;
	display: inline-flex;
	color:#fff;
}

header .contact-header h6:hover{
	color:#FF9800;
}

header .logo-pos{
    width: 117px;
    height: 60px;
    position: relative;
    top: -20px;
    top: 0px;
	transition:all ease .4s;
}

.header-logo img{
	width: auto;
    height: 50px;
	transition:all ease .4s;
	top: 4px;
    position: relative;
}

header.shrink  .logo-pos{
   width: auto;
    height: 40px;
    position: relative;
    top: -30px;
	transition:all ease .4s;
}

header.shrink .header-logo img{
	width: auto;
    height: 40px;
	transition:all ease .4s;
	top: 0px;
    position: relative;
}


header .menu-pos{
	width: auto;
    position: absolute;
    right: 0;
    height: 40px;
    margin: auto;
    top: -5px;
    bottom: 0;
}


header.shrink .header-logo img{
	height: 30px;
    margin: auto;
    top: 35px;
    position: relative;
	transition:all ease .4s;
}


.mobile-console{
	width:100%;
	display:flex;
	height:60px;
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 999;
	box-shadow: 0px -10px 15px -3px rgba(0,0,0,0.1);
}


.mobile-console .logo-pos{
	display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}


.mobile-console .logo-ctn img{
	width:auto;
	height:40px;
}

.mobile-console  .contact-pos {
	display: block;
    position: absolute;
    right: 60px;
    top: 0px;
    width: 60px;
    height: 60px;
	background: #68c5ee;
	background: #EEF5FC;
}


.mobile-console .contact-icon .icon.phone{
    background: url(../background/svg-icons/mobile-phone-icon-dark.svg) no-repeat;
    background-size: 32px 32px;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}







/***********************
INSIDE PAGES 
*****************/
.inpages{
	padding:99px 0 0 0; 
}

.page-header-ctn {
	display:block;
	padding:100px 0;
	background: url(../background/svg-templates/page-header-layer-back.svg) no-repeat;
    background-size: auto ;
	position:relative;
	background:#222222;
	background:#EEF5FC;
}




.page-header-ctn .arrows-movement {
    display: block;
    width: 492px;
    height: 100%;
    background: url(../background/svg-templates/page-header-layer-arrows.svg) no-repeat;
    background-size: 492px 100%;
    position: absolute;
    top: 0;
    right: 0;
}


.page-header-ctn .page-header{
	top:0;
	bottom:0;
	margin:auto
}

.page-header-ctn .page-header h1{
	font-size:36px;
	font-weight:bold;
	color:#323232;
}

.page-header-ctn .page-header h2{
	font-size:22px;
	color:#323232;
	font-weight:500
}

.blue-header .page-header-ctn{
	background:#0A5589
}

.blue-header .page-header-ctn h1,
.blue-header .page-header-ctn h2 {
	color:#fff;
}

.contact-ctn{
	display:flex;
}

.contact-ctn .contact-1{
	width:50%;
	display:block;
	margin-right:100px;
}

.contact-ctn .contact-2{
	width:50%;
	display:block;
}


.contact-ctn .contact-details ul{
	display:table;
	
}

.contact-ctn .contact-details ul li{
	display:table;
	width:100%;
	padding:10px 0;
}

.contact-details p{
	display: flex;
}

.contact-details .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 2px;
	float:left;
}

.contact-details .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}


.contact-details .googlemap{
	width:100%;
	height:400px;
}



.input-forms-style.style-1 {
    width: 100%;
    margin: auto
}

.input-forms-style.style-1 .form-layout {
    margin-bottom: 30px
}

.input-forms-style.style-1 .col-mb {
    margin-bottom: 30px
}

.input-forms-style.style-1 label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.input-forms-style.style-1 .alert-ctn {
    position: relative
}

.input-forms-style.style-1 .error_email {
    color: #fff;
    position: absolute;
    bottom: -27px;
    font-size: 10px;
    background: red;
    padding: 2px 5px
}

.input-forms-style.style-1 input {
    border: 1px solid #bbb;
    padding: 10px
}

.input-forms-style.style-1 input.form-field {
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px
}

.input-forms-style.style-1 .required-star {
    color: red;
    font-weight: 700;
    margin-right: 10px
}

.input-forms-style.style-1 textarea {
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    height: 150px;
    resize: none;
    font-size: 14px;
    font-family: montserrat,sans-serif
}

.input-forms-style.full-width {
    width: 100%;
    max-width: 100%;
    margin: auto
}

.dropdown .label {
    color: #2e52c1
}

.dropdown li.active {
    font-weight: 700
}

.dropdown .selected {
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #000;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    list-style: none;
    padding: 18px 12px
}

.style-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input::-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-ms-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input input:focus::-moz-placeholder {
    font-size: 0
}

.style-input input:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input input:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea::placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input textarea:focus {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none
}

.style-input textarea:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input textare:focusa::-webkit-input-placeholder {
    font-size: 0
}

.style-input textarea:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus::-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input textarea:focus::placeholder {
    font-size: 0
}

.checkbox-aggree .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px
}

.checkbox-aggree .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox-aggree .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #e6e6e6
}

.control--radio .control__indicator {
    border-radius: 50%
}

.checkbox-aggree .control:hover input~.control__indicator,.checkbox-aggree .control input:focus~.control__indicator {
    background: #ccc
}

.checkbox-aggree .control input:checked~.control__indicator {
    background: #2aa1c0
}

.checkbox-aggree .control:hover input:not([disabled]):checked~.control__indicator,.checkbox-aggree .control input:checked:focus~.control__indicator {
    background: #0e647d
}

.checkbox-aggree .control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.checkbox-aggree .control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

.checkbox-aggree .control input:checked~.control__indicator:after {
    display: block
}

.checkbox-aggree .control--checkbox .control__indicator:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-aggree .control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

.checkbox-aggree .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff
}

.checkbox-aggree .control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b
}

#emails-alert.alert-overlay {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999999
}

#emails-alert.alert-overlay.display_none {
    display: none
}

#emails-alert .emails-alert {
    position: fixed;
    bottom: 0;
    z-index: 9999999999999;
    width: 100%;
    -webkit-animation: alert-in .5s;
    -moz-animation: alert-in .5s;
    -o-animation: alert-in .5s;
    animation: alert-in .5s;
    width: 100%;
    max-width: 540px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 400px;
    padding: 20px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row {
    display: block;
    width: 100%;
    padding: 20px 10px 10px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row.success {
    background: #2e52c1
}

#emails-alert .emails-alert .top-row.error {
    background: #e75e60
}

#emails-alert .emails-alert .top-row .image-icon {
    width: 100%;
    height: 70px;
    margin: 15px auto
}

#emails-alert .emails-alert .top-row .image-icon img {
    width: 70px;
    height: auto;
    margin: auto
}

#emails-alert .emails-alert .top-row.error .image-icon img {
    width: 66px;
    height: 66px;
    margin: auto
}

#emails-alert .emails-alert .top-row h3 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

#emails-alert .emails-alert .top-row p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

#emails-alert .emails-alert h3,#emails-alert .emails-alert p {
    color: #fff
}

#emails-alert .emails-alert .top-row p a {
    color: #fff;
    font-weight: 700
}

#emails-alert .emails-alert .top-row h4 a:hover {
    color: #000
}

#emails-alert .emails-alert .top-row hr {
    margin: 10px 0;
    border: 0 solid #fff;
    height: 1px;
    width: 100%;
    background: #fff
}

#emails-alert .emails-alert .bottom-row {
    background: #fff;
    height: 40px;
    display: table;
    width: 100%;
    padding: 15px 0;
    text-align: center
}

@-webkit-keyframes alert-in {
    0% {
        opacity: 0;
        top: -100px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

#emails-alert .alert.alert-success-ctn,#emails-alert .alert.alert-error {
    margin: auto;
    height: auto;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0)
}

#emails-alert .alert.alert-error {
    background: #c73537
}

#emails-alert .close-button {
    line-height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    border-radius: 0;
    line-height: 36px;
    letter-spacing: 1px;
    max-width: 260px;
    margin: auto
}

#emails-alert .alert.alert-error h4,#emails-alert .alert.alert-success-ctn h4 {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    width: 90%;
    margin: auto
}

#emails-alert .alert.alert-success-ctn .button a {
    color: #fff;
    border-color: #23282b;
    font-weight: 700;
    background: #000;
    width: 90%;
    max-width: 320px;
    display: table;
    margin: auto;
    height: 40px;
    line-height: 26px;
    border-radius: 4px
}


/***********************
SLIDER 
*****************/
.main-slider {
	width:100%;
	display:block;
	margin-top: 100px;
	position:relative;
	height:550px;
	overflow:hidden;
}


.main-slider .text-ctn{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:600px;
	width:90%;
	display:table;
 	z-index:3
}


@-moz-document url-prefix() {
	  .main-slider .text-ctn{
		height:170px;
	}
}


 
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description{
	text-align:center;
	margin:0 auto 5px auto;
	overflow-wrap: break-word;
	color:#fff;
}

.main-slider .text-ctn .description span{
	color:#fff;
}



.main-slider .text-ctn .title h1 {
	font-size:46px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#fff;
}

.main-slider .text-ctn .button{
	text-align:center;
	margin:10px auto 0 auto;
}

.main-slider .overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	width:100%;
	display:block;
	height:100%;
	background:rgba(0,0,0,0.0);
	z-index:2
}  

.main-slider .image-pos{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1
}

.main-slider .image-ctn img{
	width:100%;
	height:100%;
	object-fit:cover
}


/** box designs */

.box-ctn-shadow:after{
	content:"";
    background: #eef5fc;
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
	border-radius:8px
}

.box-1-ctn{
	background:#EEF5FC;
	padding:20px;
	position:relative;
	z-index:2;
	border-radius:8px
}


.box-1-ctn.darkblue{
	background:#005488;
}

.box-1-ctn.darkblue h3,
.box-1-ctn.darkblue p{
	color:#fff;
}
 
.box-1-ctn h3{ 
    display: table;
    width: 100%;
    margin-bottom: 20px;
	text-align:center
}

.hr-icon{
	background: url(../background/svg-icons/hr-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.hr-white-icon{
	background: url(../background/svg-icons/hr-white-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.box-1-ctn p{
    text-align: center;
    display: table;
    width: 100%;
}


.box-2-ctn {
	display:block;
	width:100%;
	border:1px solid #E3E3E3;
	position:relative;
	-webkit-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
}


.box-2-ctn .image{
	padding:20px;
	width:120px;
	height:120px;
	display:block;
	background:#E3E3E3;
	margin:20px auto 20px auto;
}

.box-2-ctn .title{
	width:80%;
	margin:0 auto 5px auto ;
	text-align:center
}

.box-2-ctn .description{
	width:90%;
	margin:0 auto 5px auto ;
	text-align:center;
	min-height:60px
}

.box-2-ctn .description p{
	color:var(--color-dark-blue)
}

.box-2-ctn .price{
	width:80%;
	margin:0 auto 20px auto ;
	text-align:center;
	font-size:46px;
	font-weight:900
}

.box-2-ctn .details{
	margin:0 auto 5px auto ;
	background:#EEF5FC;
	padding:20px
}

.box-2-ctn .button-pos{
	margin:20px auto 20px auto ;
}


.box-2-ctn ul{
	width:80%;
	margin:0 auto 0 auto ;
	text-align:center;
	display:table;
}

.box-2-ctn ul li{
	width:100%;
	display:table;
	text-align:left;
	margin:0 auto 0 auto ;
	position:relative;
	padding:3px 0;
}

.box-2-ctn ul li:before{
	content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -25px;
    top: 8px;
	background: url(../background/svg-icons/tick-box.svg) no-repeat;
    background-size: 14px 14px;
	display:block;
}
 
.box-2-ctn.bestseller-ctn .bestseller-box{
	position:absolute;
	right:-12px;
	top:-12px;
	background:#E28D0D;
	padding:8px 12px;
	color:#fff;
	font-weight:900;
	font-size:14px;
}
 
 
.box-2-ctn.bestseller-ctn .price{
	color:#E28D0D;
}

.box-2-ctn.bestseller-ctn .details{
	margin:0 auto 5px auto ;
	background:#F9E8CF;
	padding:20px
}

.box-2-ctn.bestseller-ctn ul li:before{
	background: url(../background/svg-icons/tick-box-orange.svg) no-repeat;
}



.dsg-4-ctn {
	display:flex;
}

.dsg-4-ctn .dsg-4-col-1{
	width:40%;
	margin-right:100px;
}

.dsg-4-ctn .dsg-4-col-2{
	width:60%;
}

.dsg-4-ctn .dsg-4-col-1 .image{
	width:100%;
 	display:block;
	height:100%;
	min-height:400px;
	min-width: 400px;
	height: 100%;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(50% 15%, 100% 0, 100% 100%, 100% 80%, 50% 96%, 50% 96%, 0% 80%, 0 0);
}

.dsg-4-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}



.dsg-5-ctn{
	padding:100px 0;
	background: #EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.dsg-5{
	width:100%;
	display:block;
}


.dsg-5 h3{
	text-align:center;
	display: table;
    width: 100%;
	font-weight:bold;
}

.dsg-5 p{
	text-align:center;
	display: table;
    width: 100%;

}


/***********************
FOOTER 
*****************/
footer{
	width:100%;
	background:#FDFDFD;
	display:block;
	margin:100px 0 0;
	position:relative;
	padding:80px 0 0 0;
}

footer .footer-border-top{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:100px;
	display:block;
	background: url(../background/svg-icons/footer-top-dots.svg) ;
    background-size:auto  100% ;
}


footer .v-footer{
	width:100%;
	padding:10px 0;
	background:#F3F3F3;
	display:block;
}

footer .v-footer p,
footer .v-footer a{
	font-size:12px;
}

footer .dv2{
	text-align:right;
}

footer .footer-info .image{
	width: 117px;
    height: 60px;
	display:block;
	margin-bottom:20px;
}

footer .footer-info .image img{
	width:auto;
	height:60px;
}
footer h3{
	font-weight:500;
	margin-bottom:20px;
}

footer  p,
footer  a{
	font-size:16px;
	line-height:26px;
}

footer .qcontact{
	display:table;
}

footer .qcontact li{
	width:100%;
	padding:0px 0 10px 10px;
	display: inline-flex;
}


footer .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 5px;
}

footer .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.social-hor {
	display:flex;
}

.social-hor li{
	width:46px;
	height:46px;
	margin-right:20px;
}
 
.social-hor li:last-child{
	margin-right:0;
}

.social-hor li .social-footer-icon-box{
	width:46px;
	height:46px;
}
 
 .social-hor li .social-footer-icon-box.social-icon-facebook{
	background: url(../background/svg-icons/social-icon-facebook.svg) no-repeat;
    background-size: 46px 46px ;
}

 .social-hor li .social-footer-icon-box.social-icon-x{
	background: url(../background/svg-icons/social-icon-x.svg) no-repeat;
    background-size: 46px 46px ;
}

.bv-logo{
	font-weight:900;
	color:#23282b;
}

.bv-logo .bv{
	font-weight:900;
	color:#075ee3
}

/*****************
BUTTONS CTA
***********************/
.button-pos-center{
	margin: auto;
}

.btn {
	font-size: 18px;
    font-weight: normal;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 20px 45px 20px 20px;
    /**box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);**/
    text-decoration: none;
	min-width: 220px;
    text-decoration: none;
	position:relative
}

.btn .arrow-button {
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 18px;
    z-index: 1;
    background: url(../background/svg-icons/button-arrow.svg) no-repeat;
    background-size: 22px 14px;
	transition: all .2s ease;
}

.btn:hover .arrow-button{
	 right: 8px;
	transition: all .2s ease;
} 


.btn.big-btn{
	max-width:220px;
}

.btn:disabled{
	opacity:0.6;
	transition:all ease 0.3s;
	/**box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);**/
}


.btn-hover,
.btn-hover-no-shadow {
    color: #fff;
	border-width: 1px;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover,
.btn-hover-no-shadow:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 
/* dark blue */
.btn-hover.cta1{
background-image: linear-gradient(to right, #005488, #005488, #005488,  #2E52C1, #2E52C1, #2E52C1);
 color: #fff!important;
}

/* orange */
.btn-hover.cta2{
background-image: linear-gradient(to right, #E28D0D, #E28D0D, #E28D0D,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}

/* orange */
.btn-hover.cta3{
background-image: linear-gradient(to right, #222222, #222222, #222222,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}


/* white */
.btn-hover.cta5{
background-image: linear-gradient(to right, #0A8961, #0A8961, #0A8961,  #076C4C, #076C4C, #076C4C);
color: var(--color-white)!important;
}



.button-text{
	font-size:12px;
	transition:all ease .3s;
	background:#222;
	padding:5px 10px;
	color:#fff;
	border-radius:4px;
}

.button-text:hover{
	transition:all ease .3s;
	background:var(--color-dark-blue)
}


/***********************
FIELDS
*****************/
.input-layout-1 input {
	background: #fff;
    height: 50px;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
    max-width: 100%;
    display: table;
    border:1px solid #ced4da;
    width: 100%;
	font-family: var(--font-family);
}

.input-layout-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-dark);
	opacity:0.5;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-ms-input-placeholder { /* IE 10+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-moz-placeholder { /* Firefox 18- */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}

*:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

input:focus::-moz-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-ms-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-moz-placeholder{
	background:#FAFAFA;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

/***********************
BREADCRUMBS 
*****************/
.breadcrumbs-ctn{
	border-bottom:0px solid #e7e7e7;
	border-top:0px solid #e7e7e7;
	padding:10px 0 10px 0;
	display:table;
 }

.breadcrumbs ul{
	display:flex;
}

.breadcrumbs ul li{
	margin-right:10px;
}

.breadcrumbs ul li:last-child{
	margin-right:0px;
}

.breadcrumbs ul li a,
.breadcrumbs ul li span{
	font-size: 12px;
    color:#fff;
    color:#005488;
    font-weight: normal;
}

.breadcrumbs ul li a:hover{
    color: var(--color-orange);
}


.breadcrumbs ul li:after{
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    background: url(../background/icons/arrow-breadcrumb.svg) no-repeat center center;
    background-size: 4px auto;
    float: right;
    position: relative;
    top: 7px;
    right: -6px;
}

.breadcrumbs ul li:last-child:after{
    display: none;
}



.blue-header .breadcrumbs ul li a,
.blue-header .breadcrumbs ul li span{
    color:#fff;
}
 
 
.carousel-logos-ctn{
	display:flex;
	height: 240px;
}


.carousel-logos-ctn .carousel-left{
	width: 25%;
    padding: 50px 0 0;
    display: inline-flex;
}

.carousel-logos-ctn .carousel-right{
	width: 75%;
    position: absolute;
    right: 0%;
    padding: 20px 0 0 0;
    max-width: 100%;
}

.carousel-logos-ctn .carousel-right .box-dsg1 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	top:-60px;
}

.carousel-logos-ctn .carousel-right .box-dsg2 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}

.carousel-logos-ctn .carousel-right .box-dsg3 {
	width:6px;
	height:250px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}


.carousel-logos-ctn .carousel-right .box-dsg4 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    top: -48px;
}

.carousel-logos-ctn .carousel-right .box-dsg5 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-right .box-dsg6 {
	width: 6px;
    height: 226px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -38px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-box{
	width:100%;
	position:relative;
	height:180px;
	top:20px;
}


.carousel-logos-ctn .carousel-box .logo{
	width:120px;
	height:120px;
	position:relative;
}

.carousel-logos-ctn .carousel-box .logo img{
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}



.carousel-logos-ctn .carousel-box .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: -50px;
}

.carousel-logos-ctn .carousel-box





.carousel-logos-ctn .carousel-box .owl-theme .owl-nav {
	display:none!important;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #EEF5FC;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot.active span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #222222!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}


.support-banner-ctn{
	width:100%;
}

.support-banner{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	width: 100%;
}

.support-banner .col-1{
	width:40%;
	margin-right:100px;
	display:block;
}

.support-banner .col-2{
	width:60%;
}

.support-banner .image {
	width:100%;
	height:auto;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	position:relative;
}
 
.support-banner .image img{
	width:100%;
	height:auto;
}



/***********************
counter
*****************/
.counter-ctn{
	display:block;
	padding:50px 0;
	background:#EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.counter-ctn h3,
.counter-ctn h3 span{
	font-size:66px;
	font-weight:900
}

.counter-ctn .count-digit{
	opacity:0;
}

.counter-ctn .count-digit.counter-loaded{
	opacity:1;
}








/***********************
MEDIA QUERIES
*****************/
 
@media screen and (max-width: 1440px) { 
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-260px);
		-moz-transform:  translateX(-260px);
		-ms-transform:  translateX(-260px);
		-o-transform:  translateX(-260px);
		transform: translateX(-260px);
	}
	
	#cd-lateral-nav {
		width: -260px;
	}
}
  

@media screen and   (max-width:1278px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}
	
	
	.carousel-logos-ctn {
		display: table;
		height: 400px;
	}
	
	.carousel-logos-ctn .carousel-left {
 		padding: 0;
		width:100%;
	}
	
	.carousel-logos-ctn .carousel-right {
		width: 100%;
		left: 0;
		margin: 0 0 0 0;
	}
	
	.carousel-box .owl-theme .owl-dots {
		left: 0;
	}
	
	.dsg-4-ctn {
	display:table;
	}

	.dsg-4-ctn .dsg-4-col-1{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.dsg-4-ctn .dsg-4-col-2{
		width:100%;
	}

	.dsg-4-ctn .dsg-4-col-1 .image{
		width:100%;
		height:auto;
		display:block;
		height:100%;
		min-width: auto;
		min-height:auto;
	}

}



@media screen and   (max-width:992px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}

}





@media screen and   (max-width: 768px) {
	.frontpage .cd-main-content {
		padding-top:0px;
	}

 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top:00px;
		margin-top: 0px;
	}
	
	.wrp{
		width:90%;
	}
	
	.main-slider {
		margin-top: 0px;
	}
	
	.main-slider .title h1{
		font-size: calc(4vw + 4vh + 2vmin)!important;
	}
	
	
	.counter-ctn h3,
	.counter-ctn h3 span{
		font-size:36px;
	}
	
	footer .dv1,
	footer .dv2{
		text-align:center;
		padding:5px 0;
	}

	.contact-ctn{
		display:table;
		width:100%;
	}

	.contact-ctn .contact-1{
		width:100%;
		margin-right:0px;
		margin-bottom:50px;
	}

	.contact-ctn .contact-2{
		width:100%;
	}
	

	.support-banner{
		display: table;
		width: 100%;
	}

.support-banner .col-1{
	width:100%;
	margin-right:0px;
	margin-bottom:50px;
 }

.support-banner .col-2{
	width:100%;
}

.support-banner .image {
	clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 93%, 0 70%);
}







}

@media screen and  (max-width: 680px) {
	
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	#cd-lateral-nav {
		width: -100%;
	}
	
	
	
}

@media screen and  (max-width: 480px) {
	
	
}




/* SMP 2026 homepage hero and trust-section refinements */
.main-slider .text-ctn{z-index:3!important;max-width:760px!important;}
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important;}
.main-slider .text-ctn .description h2{font-size:20px!important;line-height:1.5!important;font-weight:400!important;}
.main-slider .overlay{z-index:2!important;background:linear-gradient(90deg,rgba(2,10,27,.9) 0%,rgba(2,10,27,.55) 48%,rgba(2,10,27,.12) 100%)!important;}
.main-slider .image-ctn img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.trusted-clients .section-title p{max-width:390px;line-height:1.7;}
@media(max-width:768px){
 .main-slider .text-ctn{padding:0 24px!important;max-width:100%!important;}
 .main-slider .text-ctn .title h1{font-size:34px!important;line-height:1.12!important;}
 .main-slider .text-ctn .description h2{font-size:16px!important;line-height:1.45!important;}
 .main-slider .image-ctn img{object-position:62% center!important;}
 .main-slider .overlay{background:rgba(2,10,27,.72)!important;}
 .trusted-clients .carousel-logos-ctn{display:block!important;}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important;}
}


/* SMP 2026 professional hosting homepage */
html,body{max-width:100%;overflow-x:hidden}
.wrp{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.section{padding-top:76px;padding-bottom:76px}
.section-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em;color:#062640}
.section-title p{font-size:18px;line-height:1.7;color:#526679;max-width:820px;margin-left:auto;margin-right:auto}
.sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sw-col3-col2-col1.col-3>.col{width:auto!important;margin:0!important;float:none!important;display:flex}
.ctn-str-2{width:100%;box-sizing:border-box;padding:32px 28px!important;background:#fff;border:1px solid #dce7ef;border-radius:18px;box-shadow:0 12px 34px rgba(6,38,64,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.ctn-str-2:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#00a7d7,#0878bd)}
.ctn-str-2:hover{transform:translateY(-7px);border-color:#96d9ed;box-shadow:0 20px 48px rgba(6,38,64,.15)}
.ctn-str-2 .main-title{font-size:23px!important;line-height:1.25!important;color:#062640!important;margin-bottom:16px!important}
.ctn-str-2 p{font-size:16px;line-height:1.68;color:#526679}
.managed-security-section{background:linear-gradient(135deg,#031d31 0%,#063b5d 58%,#075c82 100%);padding:90px 0!important;position:relative;overflow:hidden}
.managed-security-section:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-210px;background:rgba(0,200,235,.12)}
.managed-security-section .support-banner{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.managed-security-section .col-2{width:auto!important;float:none!important}
.managed-security-section img{width:100%!important;height:470px!important;object-fit:cover;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.managed-security-section .section-title h2,.managed-security-section h3{color:#fff!important}
.managed-security-section .section-title h2{font-size:clamp(32px,4vw,50px)!important}
.managed-security-section p{color:#d7e8f2!important;font-size:17px!important;line-height:1.72!important}
.managed-security-section .btn,.managed-security-section a[class*="btn"]{display:inline-flex!important;align-items:center;justify-content:center;background:#00a9d6!important;color:#fff!important;border-radius:8px!important;padding:15px 25px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(0,169,214,.28)}
.trusted-clients{background:#f5f9fc!important;padding-top:72px!important;padding-bottom:72px!important}
.main-slider .text-ctn{left:max(20px,calc((100% - 1180px)/2))!important;right:auto!important;text-align:left!important;width:min(720px,calc(100% - 40px))!important}
.main-slider .text-ctn .title h1{font-size:clamp(42px,5vw,72px)!important;line-height:1.05!important;letter-spacing:-.035em}
.main-slider .text-ctn .description h2{max-width:650px}
@media(max-width:1100px){
 .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main-header .wrp,.header .wrp{width:calc(100% - 28px)!important}
 nav a,.menu a{font-size:14px!important;padding-left:9px!important;padding-right:9px!important}
}
@media(max-width:820px){
 .wrp{width:calc(100% - 30px)!important}
 .section{padding-top:58px;padding-bottom:58px}
 .sw-col3-col2-col1.col-3{grid-template-columns:1fr}
 .managed-security-section{padding:64px 0!important}
 .managed-security-section .support-banner{grid-template-columns:1fr;gap:34px}
 .managed-security-section img{height:320px!important}
 .main-slider .text-ctn{left:20px!important;width:calc(100% - 40px)!important}
 .main-slider .text-ctn .title h1{font-size:clamp(36px,10vw,54px)!important}
}
@media(max-width:520px){
 .wrp{width:calc(100% - 24px)!important}
 .ctn-str-2{padding:28px 22px!important}
 .managed-security-section img{height:250px!important}
 .main-slider .text-ctn{left:16px!important;width:calc(100% - 32px)!important}
 .main-slider .text-ctn .description h2{font-size:17px!important}
}

/* SMP 2026: remove legacy statistics counter strip */
body .section:has(> .counter-ctn){display:none!important;padding:0!important;margin:0!important;}
.counter-ctn{display:none!important;}


/* SMP 2026 mobile navigation, client logos and dark visual system */
.trusted-clients{display:block!important;visibility:visible!important;min-height:330px!important}
.trusted-clients .carousel-logos-ctn,.trusted-clients .carousel-right,.trusted-clients .carousel-box,.trusted-clients .owl-carousel{display:block!important;visibility:visible!important;min-height:120px!important}
.trusted-clients .owl-stage-outer{min-height:110px!important}
.trusted-clients .logo{display:flex!important;align-items:center;justify-content:center;min-height:100px!important;padding:10px!important;box-sizing:border-box}
.trusted-clients .logo img{display:block!important;width:auto!important;max-width:120px!important;height:82px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.page-banner,.inner-banner,.banner-ctn,.service-banner{background-color:#031d31!important}
.page-banner img,.inner-banner img,.banner-ctn img,.service-banner img{filter:brightness(.48) saturate(.72) hue-rotate(155deg)!important}
@media(max-width:768px){
 header.header-scroll.hide768{display:block!important;position:relative!important;width:100%!important;background:#031d31!important;z-index:9999!important}
 header.header-scroll .contact-header,header.header-scroll .secondary-menu-ctn{display:none!important}
 header.header-scroll .wrp{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
 header.header-scroll .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:64px!important;width:100%!important}
 header.header-scroll .header-logo img{display:block!important;width:auto!important;max-width:138px!important;height:46px!important;object-fit:contain!important}
 header.header-scroll .menu-pos{display:block!important;width:100%!important;background:#052942!important;border-top:1px solid rgba(255,255,255,.12)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 header.header-scroll .menu-pos:before{content:"☰  MENU";display:block;color:#fff;font-weight:800;font-size:14px;letter-spacing:.12em;padding:12px 16px 7px}
 header.header-scroll .menu-pos ul.mod-menu{display:flex!important;width:max-content!important;min-width:100%!important;gap:2px!important;margin:0!important;padding:0 8px 10px!important;list-style:none!important}
 header.header-scroll .menu-pos ul.mod-menu>li{display:block!important;float:none!important;width:auto!important;white-space:nowrap!important}
 header.header-scroll .menu-pos ul.mod-menu>li>a{display:block!important;color:#fff!important;font-size:13px!important;padding:9px 10px!important;border-radius:6px!important}
 .trusted-clients{min-height:360px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
}


/* SMP 2026 enterprise dark design system */
:root{--smp-black:#020b12;--smp-navy:#031d31;--smp-navy-2:#052f4d;--smp-blue:#007fba;--smp-cyan:#00a9d6;--smp-text:#d9e8f2}
body,.site,.cd-main-content{background:var(--smp-black)!important;color:var(--smp-text)}
.section{padding-top:52px!important;padding-bottom:52px!important;background:var(--smp-navy)!important}
.section:nth-of-type(even){background:var(--smp-black)!important}
.section-title h1,.section-title h2,.section-title h3{color:#fff!important}
.section-title p,.section p{color:#bfd0dc}
.section-title{margin-bottom:34px!important}
.sw-col3-col2-col1.col-3{align-items:stretch!important}
.sw-col3-col2-col1.col-3>.col{height:auto!important;align-self:stretch!important}
.ctn-str-2{display:flex!important;flex-direction:column!important;height:100%!important;min-height:360px!important;background:linear-gradient(155deg,#092d47 0%,#041a2b 100%)!important;border:1px solid #174b69!important;color:#dceaf3!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
.ctn-str-2:hover{border-color:var(--smp-cyan)!important;box-shadow:0 20px 48px rgba(0,120,180,.22)!important}
.ctn-str-2 .main-title{color:#fff!important}
.ctn-str-2 p{color:#bfd0dc!important}
.ctn-str-2>.mt20.row{margin-top:auto!important;padding-top:22px!important}
.ctn-str-2 .button-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:7px!important;background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px rgba(0,169,214,.2)!important}
.ctn-str-2 .button-text:hover{background:linear-gradient(90deg,#00a9d6,#007fba)!important}
.managed-security-section{background:linear-gradient(135deg,#020b12 0%,#031d31 55%,#06496d 100%)!important}
.trusted-clients{display:block!important;background:linear-gradient(135deg,#041725,#072f48)!important;padding-top:50px!important;padding-bottom:50px!important;min-height:300px!important}
.trusted-clients .section-title h2{color:#fff!important}
.trusted-clients .section-title p{color:#bfd0dc!important}
.trusted-clients .logo{background:#fff!important;border-radius:12px!important;margin:6px!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}
footer{background:#020b12!important;border-top:1px solid #12384f!important;padding-top:46px!important;color:#cbdce7!important}
footer>.wrp>.sw-col4-col2-col1{display:grid!important;grid-template-columns:1.35fr .8fr 1.1fr!important;gap:52px!important}
footer>.wrp>.sw-col4-col2-col1>.col{width:auto!important;float:none!important;margin:0!important}
footer>.wrp>.sw-col4-col2-col1>.col:first-child{display:none!important}
footer h3{color:#fff!important;margin-bottom:18px!important}
footer ul.vertical-menu{display:block!important;width:100%!important}
footer ul.vertical-menu li{display:block!important;margin:0 0 10px!important}
footer a{color:#bcd3e1!important}
footer a:hover{color:var(--smp-cyan)!important}
footer .v-footer{margin-top:38px!important;background:#00070c!important;border-top:1px solid #12384f!important;padding:18px 0!important}
footer .v-footer p{margin:0!important}
@media(max-width:900px){
 .ctn-str-2{min-height:330px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr 1fr!important;gap:34px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 .section{padding-top:38px!important;padding-bottom:38px!important}
 .section-title{margin-bottom:25px!important}
 .ctn-str-2{min-height:0!important}
 footer{padding-top:36px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr!important;gap:28px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:auto!important}
 footer .v-footer .sw-medium-2-1{display:block!important;text-align:center!important}
 footer .v-footer .col{width:100%!important;float:none!important;margin:8px 0!important}
 .trusted-clients{min-height:320px!important}
 .trusted-clients .logo img{max-width:108px!important;height:72px!important}
}


/* SMP 2026 visibility and contrast hotfix */
[data-aos],[data-aos].aos-init,[data-aos].aos-animate{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}
.trusted-clients,.trusted-clients.aos-init,.trusted-clients.aos-animate{opacity:1!important;transform:none!important;visibility:visible!important}
.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer,.trusted-clients .owl-stage{opacity:1!important;visibility:visible!important}
.trusted-clients .owl-item.active{opacity:1!important;visibility:visible!important}
.box-1-ctn{background:#eef5fc!important}
.box-1-ctn h3,.box-1-ctn .main-title{color:#061f33!important}
.box-1-ctn p{color:#344f63!important}
footer p,footer .qcontact p,footer .qcontact li,footer .qcontact a{color:#bcd3e1!important}
footer .qcontact .icon{opacity:1!important}
@media(max-width:1279px){
 .section>.wrp{padding-top:0!important;padding-bottom:0!important}
 .trusted-clients{min-height:0!important}
}


/* SMP 2026 full-site stability and enterprise layout repair */
main{display:block!important;overflow:hidden!important;background:#020b12!important}
main>.page-header-ctn{margin-bottom:0!important}
main>.moduletable,main>.section,main>.trusted-clients,main>.managed-security-section,footer{margin-top:0!important}
main>.section{display:block!important;height:auto!important;min-height:0!important}
main .dsg-4-ctn,main .dsg-5-ctn{height:auto!important;min-height:0!important}
main .dsg-4-ctn{padding-top:54px!important;padding-bottom:54px!important}
main .dsg-5-ctn{padding-top:48px!important;padding-bottom:48px!important}
main .dsg-4-ctn h1,main .dsg-4-ctn h2,main .dsg-4-ctn h3,
main .dsg-5-ctn h1,main .dsg-5-ctn h2,main .dsg-5-ctn h3,
main .managed-security-section h1,main .managed-security-section h2,main .managed-security-section h3{color:#fff!important}
main .dsg-4-ctn p,main .dsg-5-ctn p,main .managed-security-section p{color:#c6d8e4!important}
main .dsg-4-ctn img,main .managed-security-section img{border-radius:18px!important;object-fit:cover!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
main .dsg-4-ctn .main-title,main .managed-security-section .section-title h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important}
.managed-security-section{padding:58px 0!important}
.managed-security-section .support-banner{min-height:0!important}
.managed-security-section img{height:390px!important}
.smp-client-section{position:relative!important;z-index:1!important;display:block!important;clear:both!important;height:auto!important;min-height:0!important;padding:54px 0!important;background:linear-gradient(135deg,#041725,#07334f)!important}
.smp-client-section .wrp{display:block!important}
.smp-client-header{text-align:center!important;max-width:820px!important;margin:0 auto 34px!important}
.smp-client-header h2{margin:0 0 14px!important;color:#fff!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important}
.smp-client-header p{margin:0!important;color:#c4d7e3!important;font-size:17px!important;line-height:1.65!important}
.smp-client-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;position:static!important;width:100%!important;height:auto!important}
.smp-client-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:112px!important;padding:16px!important;background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important}
.smp-client-logo img{display:block!important;max-width:100%!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.smp-client-section+footer,footer{position:relative!important;z-index:2!important;clear:both!important;margin-top:0!important}
footer{padding-top:42px!important}
.page-header-ctn{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(115deg,#061f33,#083e5e)!important}
.page-header-ctn h1,.page-header-ctn h2,.page-header-ctn p{color:#fff!important}
main p{line-height:1.65!important}
main h1,main h2,main h3{overflow-wrap:anywhere}
@media(max-width:1100px){
 .smp-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
 main .dsg-4-ctn,main .dsg-5-ctn{padding-top:38px!important;padding-bottom:38px!important}
 .managed-security-section{padding:42px 0!important}
 .managed-security-section img{height:290px!important}
 .smp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .smp-client-logo{height:96px!important;padding:12px!important}
}
@media(max-width:520px){
 .smp-client-section{padding:38px 0!important}
 .smp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .smp-client-logo{height:88px!important;padding:10px!important}
 .smp-client-header{text-align:left!important;margin-bottom:25px!important}
}


/* SMP 2026 final overlap, duplicate and spacing fix */
main .dsg-5-ctn{margin-top:0!important}
.managed-security-section+.managed-security-section{display:none!important}
.trusted-clients{display:block!important;position:relative!important;z-index:1!important;height:auto!important;min-height:560px!important;padding:50px 0!important;overflow:hidden!important}
.trusted-clients .carousel-logos-ctn{display:grid!important;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr)!important;gap:42px!important;align-items:center!important;height:auto!important;min-height:360px!important}
.trusted-clients .carousel-left,.trusted-clients .carousel-right{display:block!important;position:relative!important;width:auto!important;height:auto!important;float:none!important}
.trusted-clients .carousel-box,.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer{display:block!important;position:relative!important;width:100%!important;min-height:150px!important;overflow:hidden!important}
.trusted-clients .owl-stage{min-height:140px!important}
.trusted-clients+footer{position:relative!important;clear:both!important;margin-top:0!important;z-index:2!important}
@media(max-width:820px){
 .trusted-clients{min-height:600px!important}
 .trusted-clients .carousel-logos-ctn{grid-template-columns:1fr!important;gap:28px!important;min-height:480px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
 .trusted-clients .section-title h2{font-size:36px!important;line-height:1.12!important}
}
@media(max-width:520px){
 .trusted-clients{min-height:560px!important}
 .trusted-clients .carousel-logos-ctn{min-height:440px!important}
}


/*
<?php if( $detect->isMobile() && !$detect->isTablet() ){ ?><!--mobile--><?php } ?> 
<?php if( $detect->isTablet() ){ ?><!--tablet--><?php } ?>
<?php if( !$detect->isTablet() && !$detect->isMobile() ){ ?><!--desktop--><?php } ?>

 <jdoc:include type="component" />
 <jdoc:include type="modules" name="breadcrumbs" style="none" />
 
*/

 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

 

:root {
 	--color-white:#fff;
	--color-dark:#222222;
	--color-dark-blue:#005488;
	--color-orange:#f0a700;
	--color-light-grey:#666668;
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--color-white);
	font-weight:400;
	color: var(--color-dark);
	scroll-behavior: smooth;
	min-width:320px;
	font-family: "Roboto", serif;
 }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}

body{
	overflow-x:hidden;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}



ul,li ,ol{
  list-style:none;
  padding:0;
  margin:0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlowXHidden{
 overflow-x:hidden;
}


/*********
FONTS 
**************/
h1,h2,h3,h4,h5,h6,a,span,p{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-dark);
	font-family: var(--font-family);
	font-size:100%;
	font-weight: normal;
	display:inline-flex
 }



a{
  transition:color ease 0.3s;
  cursor:pointer
}	

a:hover{
  cursor:pointer;
  transition:color ease 0.3s
}	


a h3:hover{
	color:var(--color-dark-blue);
	cursor:pointer;
	transition:color ease 0.3s
}	


.cursor-pointer{
	cursor:pointer;
}



h1{
	font-size:20px;
	font-weight:800;
	line-height:120%;
	position:relative;
	display: table;
}


.section-title h2{
	font-size: 36px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    display: table;
    z-index: 2;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}

h3{
	font-size: 20px;
}

h3.main-title{
	font-size: 24px;
	font-weight:bold;
}


h6{
	font-size:14px;
	line-height:150%;
}

p{
	font-size:18px;
	line-height:150%;
}

p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}

.article p{
	display:table;
}

.article p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

.article p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}


.section-title h2,
.section-title {
	display:table;
	margin:0 auto 20px auto;
	width:auto;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}


.section-title.center h2,
.section-title.center {
	text-align:center;
}

.section-title.left h2,
.section-title.left {
	text-align:left;
	width: 100%;
}


/* -------------------------------- 
Main components 
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

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

Main components 

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

.full-wrp{
	width:90%;
	max-width:1920px;
	margin:auto;
	position:relative;
}

.wrp{
	width:90%;
	max-width:1480px;
	margin:auto;
	position:relative;
}

.wrp-small{
	width:90%;
	max-width:1280px;
	margin:auto;
	position:relative;
}

  

.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}


.section {
	display:table;
	width:100%;
	margin-top:150px;
}

.section.sc2 {
	margin-top:250px;
}

/***********************
containers structure designs 
*****************/
.ctn-str-1{
	display:flex;
}

.ctn-str-1 .str-1{
	width:45%;
	margin-right:5%;
}

.ctn-str-1 .str-2{
	width:100%;
}


.ctn-str-2 .image{
	width:100%;
	height:60px;
	display:block;
	margin-bottom:20px;
}

.ctn-str-2 .image img{
	width:auto;
	height:60px;
}

.ctn-str-2 h3{
	margin-bottom:15px;
}

/***********************
HEADER 
*****************/
header {
	position: fixed;
    top: 0;
    right: 0;
    height: auto;
    /* width: 100%; */
    z-index: 999999;
    background: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 100%;
	transition:all ease .4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.shrink{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition:all ease .4s;
	top: -45px;
} 


header.shadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition:all ease .4s;
}


header .row-1{
    width: 100%;
    padding: 10px 0 10px 0;
    display: table;
	background:var(--color-dark-blue);
	background:var(--color-dark);
}

header .row-2{
	width:100%;
	display:flex;
	margin:5px 0 0 0;
	flex-direction: row;
	flex-wrap:nowrap;
	position: relative;
}


header .contact-header {
    display: flex;
    width: auto;
	float: right;
	height:20px;
}

header  .icon-ctn {
	display:flex;
	width:22px;
	height:22px;
	margin-right:2px;
}

header .icon-ctn.icon-email   {
	background: url(../background/svg-icons/email-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:18px;
	height:14px;	
	position: relative;
    top: 4px;
	right:-1px;
}

header .icon-ctn.icon-phone   {
	background: url(../background/svg-icons/phone-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:16px;
	height:14px;	
	position: relative;
    top: 3px;
}

header .contact-header h6 {
	font-size:0.8rem;
	line-height: 1.4rem;
	font-weight:400;
	display: inline-flex;
	color:#fff;
}

header .contact-header h6:hover{
	color:#FF9800;
}

header .logo-pos{
    width: 117px;
    height: 60px;
    position: relative;
    top: -20px;
    top: 0px;
	transition:all ease .4s;
}

.header-logo img{
	width: auto;
    height: 50px;
	transition:all ease .4s;
	top: 4px;
    position: relative;
}

header.shrink  .logo-pos{
   width: auto;
    height: 40px;
    position: relative;
    top: -30px;
	transition:all ease .4s;
}

header.shrink .header-logo img{
	width: auto;
    height: 40px;
	transition:all ease .4s;
	top: 0px;
    position: relative;
}


header .menu-pos{
	width: auto;
    position: absolute;
    right: 0;
    height: 40px;
    margin: auto;
    top: -5px;
    bottom: 0;
}


header.shrink .header-logo img{
	height: 30px;
    margin: auto;
    top: 35px;
    position: relative;
	transition:all ease .4s;
}


.mobile-console{
	width:100%;
	display:flex;
	height:60px;
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 999;
	box-shadow: 0px -10px 15px -3px rgba(0,0,0,0.1);
}


.mobile-console .logo-pos{
	display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}


.mobile-console .logo-ctn img{
	width:auto;
	height:40px;
}

.mobile-console  .contact-pos {
	display: block;
    position: absolute;
    right: 60px;
    top: 0px;
    width: 60px;
    height: 60px;
	background: #68c5ee;
	background: #EEF5FC;
}


.mobile-console .contact-icon .icon.phone{
    background: url(../background/svg-icons/mobile-phone-icon-dark.svg) no-repeat;
    background-size: 32px 32px;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}







/***********************
INSIDE PAGES 
*****************/
.inpages{
	padding:99px 0 0 0; 
}

.page-header-ctn {
	display:block;
	padding:100px 0;
	background: url(../background/svg-templates/page-header-layer-back.svg) no-repeat;
    background-size: auto ;
	position:relative;
	background:#222222;
	background:#EEF5FC;
}




.page-header-ctn .arrows-movement {
    display: block;
    width: 492px;
    height: 100%;
    background: url(../background/svg-templates/page-header-layer-arrows.svg) no-repeat;
    background-size: 492px 100%;
    position: absolute;
    top: 0;
    right: 0;
}


.page-header-ctn .page-header{
	top:0;
	bottom:0;
	margin:auto
}

.page-header-ctn .page-header h1{
	font-size:36px;
	font-weight:bold;
	color:#323232;
}

.page-header-ctn .page-header h2{
	font-size:22px;
	color:#323232;
	font-weight:500
}

.blue-header .page-header-ctn{
	background:#0A5589
}

.blue-header .page-header-ctn h1,
.blue-header .page-header-ctn h2 {
	color:#fff;
}

.contact-ctn{
	display:flex;
}

.contact-ctn .contact-1{
	width:50%;
	display:block;
	margin-right:100px;
}

.contact-ctn .contact-2{
	width:50%;
	display:block;
}


.contact-ctn .contact-details ul{
	display:table;
	
}

.contact-ctn .contact-details ul li{
	display:table;
	width:100%;
	padding:10px 0;
}

.contact-details p{
	display: flex;
}

.contact-details .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 2px;
	float:left;
}

.contact-details .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}


.contact-details .googlemap{
	width:100%;
	height:400px;
}



.input-forms-style.style-1 {
    width: 100%;
    margin: auto
}

.input-forms-style.style-1 .form-layout {
    margin-bottom: 30px
}

.input-forms-style.style-1 .col-mb {
    margin-bottom: 30px
}

.input-forms-style.style-1 label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.input-forms-style.style-1 .alert-ctn {
    position: relative
}

.input-forms-style.style-1 .error_email {
    color: #fff;
    position: absolute;
    bottom: -27px;
    font-size: 10px;
    background: red;
    padding: 2px 5px
}

.input-forms-style.style-1 input {
    border: 1px solid #bbb;
    padding: 10px
}

.input-forms-style.style-1 input.form-field {
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px
}

.input-forms-style.style-1 .required-star {
    color: red;
    font-weight: 700;
    margin-right: 10px
}

.input-forms-style.style-1 textarea {
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    height: 150px;
    resize: none;
    font-size: 14px;
    font-family: montserrat,sans-serif
}

.input-forms-style.full-width {
    width: 100%;
    max-width: 100%;
    margin: auto
}

.dropdown .label {
    color: #2e52c1
}

.dropdown li.active {
    font-weight: 700
}

.dropdown .selected {
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #000;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    list-style: none;
    padding: 18px 12px
}

.style-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input::-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-ms-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input input:focus::-moz-placeholder {
    font-size: 0
}

.style-input input:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input input:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea::placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input textarea:focus {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none
}

.style-input textarea:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input textare:focusa::-webkit-input-placeholder {
    font-size: 0
}

.style-input textarea:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus::-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input textarea:focus::placeholder {
    font-size: 0
}

.checkbox-aggree .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px
}

.checkbox-aggree .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox-aggree .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #e6e6e6
}

.control--radio .control__indicator {
    border-radius: 50%
}

.checkbox-aggree .control:hover input~.control__indicator,.checkbox-aggree .control input:focus~.control__indicator {
    background: #ccc
}

.checkbox-aggree .control input:checked~.control__indicator {
    background: #2aa1c0
}

.checkbox-aggree .control:hover input:not([disabled]):checked~.control__indicator,.checkbox-aggree .control input:checked:focus~.control__indicator {
    background: #0e647d
}

.checkbox-aggree .control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.checkbox-aggree .control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

.checkbox-aggree .control input:checked~.control__indicator:after {
    display: block
}

.checkbox-aggree .control--checkbox .control__indicator:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-aggree .control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

.checkbox-aggree .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff
}

.checkbox-aggree .control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b
}

#emails-alert.alert-overlay {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999999
}

#emails-alert.alert-overlay.display_none {
    display: none
}

#emails-alert .emails-alert {
    position: fixed;
    bottom: 0;
    z-index: 9999999999999;
    width: 100%;
    -webkit-animation: alert-in .5s;
    -moz-animation: alert-in .5s;
    -o-animation: alert-in .5s;
    animation: alert-in .5s;
    width: 100%;
    max-width: 540px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 400px;
    padding: 20px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row {
    display: block;
    width: 100%;
    padding: 20px 10px 10px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row.success {
    background: #2e52c1
}

#emails-alert .emails-alert .top-row.error {
    background: #e75e60
}

#emails-alert .emails-alert .top-row .image-icon {
    width: 100%;
    height: 70px;
    margin: 15px auto
}

#emails-alert .emails-alert .top-row .image-icon img {
    width: 70px;
    height: auto;
    margin: auto
}

#emails-alert .emails-alert .top-row.error .image-icon img {
    width: 66px;
    height: 66px;
    margin: auto
}

#emails-alert .emails-alert .top-row h3 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

#emails-alert .emails-alert .top-row p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

#emails-alert .emails-alert h3,#emails-alert .emails-alert p {
    color: #fff
}

#emails-alert .emails-alert .top-row p a {
    color: #fff;
    font-weight: 700
}

#emails-alert .emails-alert .top-row h4 a:hover {
    color: #000
}

#emails-alert .emails-alert .top-row hr {
    margin: 10px 0;
    border: 0 solid #fff;
    height: 1px;
    width: 100%;
    background: #fff
}

#emails-alert .emails-alert .bottom-row {
    background: #fff;
    height: 40px;
    display: table;
    width: 100%;
    padding: 15px 0;
    text-align: center
}

@-webkit-keyframes alert-in {
    0% {
        opacity: 0;
        top: -100px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

#emails-alert .alert.alert-success-ctn,#emails-alert .alert.alert-error {
    margin: auto;
    height: auto;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0)
}

#emails-alert .alert.alert-error {
    background: #c73537
}

#emails-alert .close-button {
    line-height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    border-radius: 0;
    line-height: 36px;
    letter-spacing: 1px;
    max-width: 260px;
    margin: auto
}

#emails-alert .alert.alert-error h4,#emails-alert .alert.alert-success-ctn h4 {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    width: 90%;
    margin: auto
}

#emails-alert .alert.alert-success-ctn .button a {
    color: #fff;
    border-color: #23282b;
    font-weight: 700;
    background: #000;
    width: 90%;
    max-width: 320px;
    display: table;
    margin: auto;
    height: 40px;
    line-height: 26px;
    border-radius: 4px
}


/***********************
SLIDER 
*****************/
.main-slider {
	width:100%;
	display:block;
	margin-top: 100px;
	position:relative;
	height:550px;
	overflow:hidden;
}


.main-slider .text-ctn{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:600px;
	width:90%;
	display:table;
 	z-index:3
}


@-moz-document url-prefix() {
	  .main-slider .text-ctn{
		height:170px;
	}
}


 
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description{
	text-align:center;
	margin:0 auto 5px auto;
	overflow-wrap: break-word;
	color:#fff;
}

.main-slider .text-ctn .description span{
	color:#fff;
}



.main-slider .text-ctn .title h1 {
	font-size:46px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#fff;
}

.main-slider .text-ctn .button{
	text-align:center;
	margin:10px auto 0 auto;
}

.main-slider .overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	width:100%;
	display:block;
	height:100%;
	background:rgba(0,0,0,0.0);
	z-index:2
}  

.main-slider .image-pos{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1
}

.main-slider .image-ctn img{
	width:100%;
	height:100%;
	object-fit:cover
}


/** box designs */

.box-ctn-shadow:after{
	content:"";
    background: #eef5fc;
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
	border-radius:8px
}

.box-1-ctn{
	background:#EEF5FC;
	padding:20px;
	position:relative;
	z-index:2;
	border-radius:8px
}


.box-1-ctn.darkblue{
	background:#005488;
}

.box-1-ctn.darkblue h3,
.box-1-ctn.darkblue p{
	color:#fff;
}
 
.box-1-ctn h3{ 
    display: table;
    width: 100%;
    margin-bottom: 20px;
	text-align:center
}

.hr-icon{
	background: url(../background/svg-icons/hr-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.hr-white-icon{
	background: url(../background/svg-icons/hr-white-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.box-1-ctn p{
    text-align: center;
    display: table;
    width: 100%;
}


.box-2-ctn {
	display:block;
	width:100%;
	border:1px solid #E3E3E3;
	position:relative;
	-webkit-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
}


.box-2-ctn .image{
	padding:20px;
	width:120px;
	height:120px;
	display:block;
	background:#E3E3E3;
	margin:20px auto 20px auto;
}

.box-2-ctn .title{
	width:80%;
	margin:0 auto 5px auto ;
	text-align:center
}

.box-2-ctn .description{
	width:90%;
	margin:0 auto 5px auto ;
	text-align:center;
	min-height:60px
}

.box-2-ctn .description p{
	color:var(--color-dark-blue)
}

.box-2-ctn .price{
	width:80%;
	margin:0 auto 20px auto ;
	text-align:center;
	font-size:46px;
	font-weight:900
}

.box-2-ctn .details{
	margin:0 auto 5px auto ;
	background:#EEF5FC;
	padding:20px
}

.box-2-ctn .button-pos{
	margin:20px auto 20px auto ;
}


.box-2-ctn ul{
	width:80%;
	margin:0 auto 0 auto ;
	text-align:center;
	display:table;
}

.box-2-ctn ul li{
	width:100%;
	display:table;
	text-align:left;
	margin:0 auto 0 auto ;
	position:relative;
	padding:3px 0;
}

.box-2-ctn ul li:before{
	content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -25px;
    top: 8px;
	background: url(../background/svg-icons/tick-box.svg) no-repeat;
    background-size: 14px 14px;
	display:block;
}
 
.box-2-ctn.bestseller-ctn .bestseller-box{
	position:absolute;
	right:-12px;
	top:-12px;
	background:#E28D0D;
	padding:8px 12px;
	color:#fff;
	font-weight:900;
	font-size:14px;
}
 
 
.box-2-ctn.bestseller-ctn .price{
	color:#E28D0D;
}

.box-2-ctn.bestseller-ctn .details{
	margin:0 auto 5px auto ;
	background:#F9E8CF;
	padding:20px
}

.box-2-ctn.bestseller-ctn ul li:before{
	background: url(../background/svg-icons/tick-box-orange.svg) no-repeat;
}



.dsg-4-ctn {
	display:flex;
}

.dsg-4-ctn .dsg-4-col-1{
	width:40%;
	margin-right:100px;
}

.dsg-4-ctn .dsg-4-col-2{
	width:60%;
}

.dsg-4-ctn .dsg-4-col-1 .image{
	width:100%;
 	display:block;
	height:100%;
	min-height:400px;
	min-width: 400px;
	height: 100%;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(50% 15%, 100% 0, 100% 100%, 100% 80%, 50% 96%, 50% 96%, 0% 80%, 0 0);
}

.dsg-4-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}



.dsg-5-ctn{
	padding:100px 0;
	background: #EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.dsg-5{
	width:100%;
	display:block;
}


.dsg-5 h3{
	text-align:center;
	display: table;
    width: 100%;
	font-weight:bold;
}

.dsg-5 p{
	text-align:center;
	display: table;
    width: 100%;

}


/***********************
FOOTER 
*****************/
footer{
	width:100%;
	background:#FDFDFD;
	display:block;
	margin:100px 0 0;
	position:relative;
	padding:80px 0 0 0;
}

footer .footer-border-top{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:100px;
	display:block;
	background: url(../background/svg-icons/footer-top-dots.svg) ;
    background-size:auto  100% ;
}


footer .v-footer{
	width:100%;
	padding:10px 0;
	background:#F3F3F3;
	display:block;
}

footer .v-footer p,
footer .v-footer a{
	font-size:12px;
}

footer .dv2{
	text-align:right;
}

footer .footer-info .image{
	width: 117px;
    height: 60px;
	display:block;
	margin-bottom:20px;
}

footer .footer-info .image img{
	width:auto;
	height:60px;
}
footer h3{
	font-weight:500;
	margin-bottom:20px;
}

footer  p,
footer  a{
	font-size:16px;
	line-height:26px;
}

footer .qcontact{
	display:table;
}

footer .qcontact li{
	width:100%;
	padding:0px 0 10px 10px;
	display: inline-flex;
}


footer .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 5px;
}

footer .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.social-hor {
	display:flex;
}

.social-hor li{
	width:46px;
	height:46px;
	margin-right:20px;
}
 
.social-hor li:last-child{
	margin-right:0;
}

.social-hor li .social-footer-icon-box{
	width:46px;
	height:46px;
}
 
 .social-hor li .social-footer-icon-box.social-icon-facebook{
	background: url(../background/svg-icons/social-icon-facebook.svg) no-repeat;
    background-size: 46px 46px ;
}

 .social-hor li .social-footer-icon-box.social-icon-x{
	background: url(../background/svg-icons/social-icon-x.svg) no-repeat;
    background-size: 46px 46px ;
}

.bv-logo{
	font-weight:900;
	color:#23282b;
}

.bv-logo .bv{
	font-weight:900;
	color:#075ee3
}

/*****************
BUTTONS CTA
***********************/
.button-pos-center{
	margin: auto;
}

.btn {
	font-size: 18px;
    font-weight: normal;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 20px 45px 20px 20px;
    /**box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);**/
    text-decoration: none;
	min-width: 220px;
    text-decoration: none;
	position:relative
}

.btn .arrow-button {
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 18px;
    z-index: 1;
    background: url(../background/svg-icons/button-arrow.svg) no-repeat;
    background-size: 22px 14px;
	transition: all .2s ease;
}

.btn:hover .arrow-button{
	 right: 8px;
	transition: all .2s ease;
} 


.btn.big-btn{
	max-width:220px;
}

.btn:disabled{
	opacity:0.6;
	transition:all ease 0.3s;
	/**box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);**/
}


.btn-hover,
.btn-hover-no-shadow {
    color: #fff;
	border-width: 1px;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover,
.btn-hover-no-shadow:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 
/* dark blue */
.btn-hover.cta1{
background-image: linear-gradient(to right, #005488, #005488, #005488,  #2E52C1, #2E52C1, #2E52C1);
 color: #fff!important;
}

/* orange */
.btn-hover.cta2{
background-image: linear-gradient(to right, #E28D0D, #E28D0D, #E28D0D,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}

/* orange */
.btn-hover.cta3{
background-image: linear-gradient(to right, #222222, #222222, #222222,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}


/* white */
.btn-hover.cta5{
background-image: linear-gradient(to right, #0A8961, #0A8961, #0A8961,  #076C4C, #076C4C, #076C4C);
color: var(--color-white)!important;
}



.button-text{
	font-size:12px;
	transition:all ease .3s;
	background:#222;
	padding:5px 10px;
	color:#fff;
	border-radius:4px;
}

.button-text:hover{
	transition:all ease .3s;
	background:var(--color-dark-blue)
}


/***********************
FIELDS
*****************/
.input-layout-1 input {
	background: #fff;
    height: 50px;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
    max-width: 100%;
    display: table;
    border:1px solid #ced4da;
    width: 100%;
	font-family: var(--font-family);
}

.input-layout-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-dark);
	opacity:0.5;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-ms-input-placeholder { /* IE 10+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-moz-placeholder { /* Firefox 18- */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}

*:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

input:focus::-moz-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-ms-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-moz-placeholder{
	background:#FAFAFA;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

/***********************
BREADCRUMBS 
*****************/
.breadcrumbs-ctn{
	border-bottom:0px solid #e7e7e7;
	border-top:0px solid #e7e7e7;
	padding:10px 0 10px 0;
	display:table;
 }

.breadcrumbs ul{
	display:flex;
}

.breadcrumbs ul li{
	margin-right:10px;
}

.breadcrumbs ul li:last-child{
	margin-right:0px;
}

.breadcrumbs ul li a,
.breadcrumbs ul li span{
	font-size: 12px;
    color:#fff;
    color:#005488;
    font-weight: normal;
}

.breadcrumbs ul li a:hover{
    color: var(--color-orange);
}


.breadcrumbs ul li:after{
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    background: url(../background/icons/arrow-breadcrumb.svg) no-repeat center center;
    background-size: 4px auto;
    float: right;
    position: relative;
    top: 7px;
    right: -6px;
}

.breadcrumbs ul li:last-child:after{
    display: none;
}



.blue-header .breadcrumbs ul li a,
.blue-header .breadcrumbs ul li span{
    color:#fff;
}
 
 
.carousel-logos-ctn{
	display:flex;
	height: 240px;
}


.carousel-logos-ctn .carousel-left{
	width: 25%;
    padding: 50px 0 0;
    display: inline-flex;
}

.carousel-logos-ctn .carousel-right{
	width: 75%;
    position: absolute;
    right: 0%;
    padding: 20px 0 0 0;
    max-width: 100%;
}

.carousel-logos-ctn .carousel-right .box-dsg1 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	top:-60px;
}

.carousel-logos-ctn .carousel-right .box-dsg2 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}

.carousel-logos-ctn .carousel-right .box-dsg3 {
	width:6px;
	height:250px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}


.carousel-logos-ctn .carousel-right .box-dsg4 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    top: -48px;
}

.carousel-logos-ctn .carousel-right .box-dsg5 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-right .box-dsg6 {
	width: 6px;
    height: 226px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -38px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-box{
	width:100%;
	position:relative;
	height:180px;
	top:20px;
}


.carousel-logos-ctn .carousel-box .logo{
	width:120px;
	height:120px;
	position:relative;
}

.carousel-logos-ctn .carousel-box .logo img{
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}



.carousel-logos-ctn .carousel-box .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: -50px;
}

.carousel-logos-ctn .carousel-box





.carousel-logos-ctn .carousel-box .owl-theme .owl-nav {
	display:none!important;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #EEF5FC;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot.active span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #222222!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}


.support-banner-ctn{
	width:100%;
}

.support-banner{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	width: 100%;
}

.support-banner .col-1{
	width:40%;
	margin-right:100px;
	display:block;
}

.support-banner .col-2{
	width:60%;
}

.support-banner .image {
	width:100%;
	height:auto;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	position:relative;
}
 
.support-banner .image img{
	width:100%;
	height:auto;
}



/***********************
counter
*****************/
.counter-ctn{
	display:block;
	padding:50px 0;
	background:#EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.counter-ctn h3,
.counter-ctn h3 span{
	font-size:66px;
	font-weight:900
}

.counter-ctn .count-digit{
	opacity:0;
}

.counter-ctn .count-digit.counter-loaded{
	opacity:1;
}








/***********************
MEDIA QUERIES
*****************/
 
@media screen and (max-width: 1440px) { 
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-260px);
		-moz-transform:  translateX(-260px);
		-ms-transform:  translateX(-260px);
		-o-transform:  translateX(-260px);
		transform: translateX(-260px);
	}
	
	#cd-lateral-nav {
		width: -260px;
	}
}
  

@media screen and   (max-width:1278px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}
	
	
	.carousel-logos-ctn {
		display: table;
		height: 400px;
	}
	
	.carousel-logos-ctn .carousel-left {
 		padding: 0;
		width:100%;
	}
	
	.carousel-logos-ctn .carousel-right {
		width: 100%;
		left: 0;
		margin: 0 0 0 0;
	}
	
	.carousel-box .owl-theme .owl-dots {
		left: 0;
	}
	
	.dsg-4-ctn {
	display:table;
	}

	.dsg-4-ctn .dsg-4-col-1{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.dsg-4-ctn .dsg-4-col-2{
		width:100%;
	}

	.dsg-4-ctn .dsg-4-col-1 .image{
		width:100%;
		height:auto;
		display:block;
		height:100%;
		min-width: auto;
		min-height:auto;
	}

}



@media screen and   (max-width:992px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}

}





@media screen and   (max-width: 768px) {
	.frontpage .cd-main-content {
		padding-top:0px;
	}

 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top:00px;
		margin-top: 0px;
	}
	
	.wrp{
		width:90%;
	}
	
	.main-slider {
		margin-top: 0px;
	}
	
	.main-slider .title h1{
		font-size: calc(4vw + 4vh + 2vmin)!important;
	}
	
	
	.counter-ctn h3,
	.counter-ctn h3 span{
		font-size:36px;
	}
	
	footer .dv1,
	footer .dv2{
		text-align:center;
		padding:5px 0;
	}

	.contact-ctn{
		display:table;
		width:100%;
	}

	.contact-ctn .contact-1{
		width:100%;
		margin-right:0px;
		margin-bottom:50px;
	}

	.contact-ctn .contact-2{
		width:100%;
	}
	

	.support-banner{
		display: table;
		width: 100%;
	}

.support-banner .col-1{
	width:100%;
	margin-right:0px;
	margin-bottom:50px;
 }

.support-banner .col-2{
	width:100%;
}

.support-banner .image {
	clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 93%, 0 70%);
}







}

@media screen and  (max-width: 680px) {
	
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	#cd-lateral-nav {
		width: -100%;
	}
	
	
	
}

@media screen and  (max-width: 480px) {
	
	
}




/* SMP 2026 homepage hero and trust-section refinements */
.main-slider .text-ctn{z-index:3!important;max-width:760px!important;}
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important;}
.main-slider .text-ctn .description h2{font-size:20px!important;line-height:1.5!important;font-weight:400!important;}
.main-slider .overlay{z-index:2!important;background:linear-gradient(90deg,rgba(2,10,27,.9) 0%,rgba(2,10,27,.55) 48%,rgba(2,10,27,.12) 100%)!important;}
.main-slider .image-ctn img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.trusted-clients .section-title p{max-width:390px;line-height:1.7;}
@media(max-width:768px){
 .main-slider .text-ctn{padding:0 24px!important;max-width:100%!important;}
 .main-slider .text-ctn .title h1{font-size:34px!important;line-height:1.12!important;}
 .main-slider .text-ctn .description h2{font-size:16px!important;line-height:1.45!important;}
 .main-slider .image-ctn img{object-position:62% center!important;}
 .main-slider .overlay{background:rgba(2,10,27,.72)!important;}
 .trusted-clients .carousel-logos-ctn{display:block!important;}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important;}
}


/* SMP 2026 professional hosting homepage */
html,body{max-width:100%;overflow-x:hidden}
.wrp{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.section{padding-top:76px;padding-bottom:76px}
.section-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em;color:#062640}
.section-title p{font-size:18px;line-height:1.7;color:#526679;max-width:820px;margin-left:auto;margin-right:auto}
.sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sw-col3-col2-col1.col-3>.col{width:auto!important;margin:0!important;float:none!important;display:flex}
.ctn-str-2{width:100%;box-sizing:border-box;padding:32px 28px!important;background:#fff;border:1px solid #dce7ef;border-radius:18px;box-shadow:0 12px 34px rgba(6,38,64,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.ctn-str-2:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#00a7d7,#0878bd)}
.ctn-str-2:hover{transform:translateY(-7px);border-color:#96d9ed;box-shadow:0 20px 48px rgba(6,38,64,.15)}
.ctn-str-2 .main-title{font-size:23px!important;line-height:1.25!important;color:#062640!important;margin-bottom:16px!important}
.ctn-str-2 p{font-size:16px;line-height:1.68;color:#526679}
.managed-security-section{background:linear-gradient(135deg,#031d31 0%,#063b5d 58%,#075c82 100%);padding:90px 0!important;position:relative;overflow:hidden}
.managed-security-section:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-210px;background:rgba(0,200,235,.12)}
.managed-security-section .support-banner{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.managed-security-section .col-2{width:auto!important;float:none!important}
.managed-security-section img{width:100%!important;height:470px!important;object-fit:cover;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.managed-security-section .section-title h2,.managed-security-section h3{color:#fff!important}
.managed-security-section .section-title h2{font-size:clamp(32px,4vw,50px)!important}
.managed-security-section p{color:#d7e8f2!important;font-size:17px!important;line-height:1.72!important}
.managed-security-section .btn,.managed-security-section a[class*="btn"]{display:inline-flex!important;align-items:center;justify-content:center;background:#00a9d6!important;color:#fff!important;border-radius:8px!important;padding:15px 25px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(0,169,214,.28)}
.trusted-clients{background:#f5f9fc!important;padding-top:72px!important;padding-bottom:72px!important}
.main-slider .text-ctn{left:max(20px,calc((100% - 1180px)/2))!important;right:auto!important;text-align:left!important;width:min(720px,calc(100% - 40px))!important}
.main-slider .text-ctn .title h1{font-size:clamp(42px,5vw,72px)!important;line-height:1.05!important;letter-spacing:-.035em}
.main-slider .text-ctn .description h2{max-width:650px}
@media(max-width:1100px){
 .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main-header .wrp,.header .wrp{width:calc(100% - 28px)!important}
 nav a,.menu a{font-size:14px!important;padding-left:9px!important;padding-right:9px!important}
}
@media(max-width:820px){
 .wrp{width:calc(100% - 30px)!important}
 .section{padding-top:58px;padding-bottom:58px}
 .sw-col3-col2-col1.col-3{grid-template-columns:1fr}
 .managed-security-section{padding:64px 0!important}
 .managed-security-section .support-banner{grid-template-columns:1fr;gap:34px}
 .managed-security-section img{height:320px!important}
 .main-slider .text-ctn{left:20px!important;width:calc(100% - 40px)!important}
 .main-slider .text-ctn .title h1{font-size:clamp(36px,10vw,54px)!important}
}
@media(max-width:520px){
 .wrp{width:calc(100% - 24px)!important}
 .ctn-str-2{padding:28px 22px!important}
 .managed-security-section img{height:250px!important}
 .main-slider .text-ctn{left:16px!important;width:calc(100% - 32px)!important}
 .main-slider .text-ctn .description h2{font-size:17px!important}
}

/* SMP 2026: remove legacy statistics counter strip */
body .section:has(> .counter-ctn){display:none!important;padding:0!important;margin:0!important;}
.counter-ctn{display:none!important;}


/* SMP 2026 mobile navigation, client logos and dark visual system */
.trusted-clients{display:block!important;visibility:visible!important;min-height:330px!important}
.trusted-clients .carousel-logos-ctn,.trusted-clients .carousel-right,.trusted-clients .carousel-box,.trusted-clients .owl-carousel{display:block!important;visibility:visible!important;min-height:120px!important}
.trusted-clients .owl-stage-outer{min-height:110px!important}
.trusted-clients .logo{display:flex!important;align-items:center;justify-content:center;min-height:100px!important;padding:10px!important;box-sizing:border-box}
.trusted-clients .logo img{display:block!important;width:auto!important;max-width:120px!important;height:82px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.page-banner,.inner-banner,.banner-ctn,.service-banner{background-color:#031d31!important}
.page-banner img,.inner-banner img,.banner-ctn img,.service-banner img{filter:brightness(.48) saturate(.72) hue-rotate(155deg)!important}
@media(max-width:768px){
 header.header-scroll.hide768{display:block!important;position:relative!important;width:100%!important;background:#031d31!important;z-index:9999!important}
 header.header-scroll .contact-header,header.header-scroll .secondary-menu-ctn{display:none!important}
 header.header-scroll .wrp{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
 header.header-scroll .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:64px!important;width:100%!important}
 header.header-scroll .header-logo img{display:block!important;width:auto!important;max-width:138px!important;height:46px!important;object-fit:contain!important}
 header.header-scroll .menu-pos{display:block!important;width:100%!important;background:#052942!important;border-top:1px solid rgba(255,255,255,.12)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 header.header-scroll .menu-pos:before{content:"☰  MENU";display:block;color:#fff;font-weight:800;font-size:14px;letter-spacing:.12em;padding:12px 16px 7px}
 header.header-scroll .menu-pos ul.mod-menu{display:flex!important;width:max-content!important;min-width:100%!important;gap:2px!important;margin:0!important;padding:0 8px 10px!important;list-style:none!important}
 header.header-scroll .menu-pos ul.mod-menu>li{display:block!important;float:none!important;width:auto!important;white-space:nowrap!important}
 header.header-scroll .menu-pos ul.mod-menu>li>a{display:block!important;color:#fff!important;font-size:13px!important;padding:9px 10px!important;border-radius:6px!important}
 .trusted-clients{min-height:360px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
}


/* SMP 2026 enterprise dark design system */
:root{--smp-black:#020b12;--smp-navy:#031d31;--smp-navy-2:#052f4d;--smp-blue:#007fba;--smp-cyan:#00a9d6;--smp-text:#d9e8f2}
body,.site,.cd-main-content{background:var(--smp-black)!important;color:var(--smp-text)}
.section{padding-top:52px!important;padding-bottom:52px!important;background:var(--smp-navy)!important}
.section:nth-of-type(even){background:var(--smp-black)!important}
.section-title h1,.section-title h2,.section-title h3{color:#fff!important}
.section-title p,.section p{color:#bfd0dc}
.section-title{margin-bottom:34px!important}
.sw-col3-col2-col1.col-3{align-items:stretch!important}
.sw-col3-col2-col1.col-3>.col{height:auto!important;align-self:stretch!important}
.ctn-str-2{display:flex!important;flex-direction:column!important;height:100%!important;min-height:360px!important;background:linear-gradient(155deg,#092d47 0%,#041a2b 100%)!important;border:1px solid #174b69!important;color:#dceaf3!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
.ctn-str-2:hover{border-color:var(--smp-cyan)!important;box-shadow:0 20px 48px rgba(0,120,180,.22)!important}
.ctn-str-2 .main-title{color:#fff!important}
.ctn-str-2 p{color:#bfd0dc!important}
.ctn-str-2>.mt20.row{margin-top:auto!important;padding-top:22px!important}
.ctn-str-2 .button-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:7px!important;background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px rgba(0,169,214,.2)!important}
.ctn-str-2 .button-text:hover{background:linear-gradient(90deg,#00a9d6,#007fba)!important}
.managed-security-section{background:linear-gradient(135deg,#020b12 0%,#031d31 55%,#06496d 100%)!important}
.trusted-clients{display:block!important;background:linear-gradient(135deg,#041725,#072f48)!important;padding-top:50px!important;padding-bottom:50px!important;min-height:300px!important}
.trusted-clients .section-title h2{color:#fff!important}
.trusted-clients .section-title p{color:#bfd0dc!important}
.trusted-clients .logo{background:#fff!important;border-radius:12px!important;margin:6px!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}
footer{background:#020b12!important;border-top:1px solid #12384f!important;padding-top:46px!important;color:#cbdce7!important}
footer>.wrp>.sw-col4-col2-col1{display:grid!important;grid-template-columns:1.35fr .8fr 1.1fr!important;gap:52px!important}
footer>.wrp>.sw-col4-col2-col1>.col{width:auto!important;float:none!important;margin:0!important}
footer>.wrp>.sw-col4-col2-col1>.col:first-child{display:none!important}
footer h3{color:#fff!important;margin-bottom:18px!important}
footer ul.vertical-menu{display:block!important;width:100%!important}
footer ul.vertical-menu li{display:block!important;margin:0 0 10px!important}
footer a{color:#bcd3e1!important}
footer a:hover{color:var(--smp-cyan)!important}
footer .v-footer{margin-top:38px!important;background:#00070c!important;border-top:1px solid #12384f!important;padding:18px 0!important}
footer .v-footer p{margin:0!important}
@media(max-width:900px){
 .ctn-str-2{min-height:330px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr 1fr!important;gap:34px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 .section{padding-top:38px!important;padding-bottom:38px!important}
 .section-title{margin-bottom:25px!important}
 .ctn-str-2{min-height:0!important}
 footer{padding-top:36px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr!important;gap:28px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:auto!important}
 footer .v-footer .sw-medium-2-1{display:block!important;text-align:center!important}
 footer .v-footer .col{width:100%!important;float:none!important;margin:8px 0!important}
 .trusted-clients{min-height:320px!important}
 .trusted-clients .logo img{max-width:108px!important;height:72px!important}
}


/* SMP 2026 visibility and contrast hotfix */
[data-aos],[data-aos].aos-init,[data-aos].aos-animate{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}
.trusted-clients,.trusted-clients.aos-init,.trusted-clients.aos-animate{opacity:1!important;transform:none!important;visibility:visible!important}
.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer,.trusted-clients .owl-stage{opacity:1!important;visibility:visible!important}
.trusted-clients .owl-item.active{opacity:1!important;visibility:visible!important}
.box-1-ctn{background:#eef5fc!important}
.box-1-ctn h3,.box-1-ctn .main-title{color:#061f33!important}
.box-1-ctn p{color:#344f63!important}
footer p,footer .qcontact p,footer .qcontact li,footer .qcontact a{color:#bcd3e1!important}
footer .qcontact .icon{opacity:1!important}
@media(max-width:1279px){
 .section>.wrp{padding-top:0!important;padding-bottom:0!important}
 .trusted-clients{min-height:0!important}
}


/* SMP 2026 full-site stability and enterprise layout repair */
main{display:block!important;overflow:hidden!important;background:#020b12!important}
main>.page-header-ctn{margin-bottom:0!important}
main>.moduletable,main>.section,main>.trusted-clients,main>.managed-security-section,footer{margin-top:0!important}
main>.section{display:block!important;height:auto!important;min-height:0!important}
main .dsg-4-ctn,main .dsg-5-ctn{height:auto!important;min-height:0!important}
main .dsg-4-ctn{padding-top:54px!important;padding-bottom:54px!important}
main .dsg-5-ctn{padding-top:48px!important;padding-bottom:48px!important}
main .dsg-4-ctn h1,main .dsg-4-ctn h2,main .dsg-4-ctn h3,
main .dsg-5-ctn h1,main .dsg-5-ctn h2,main .dsg-5-ctn h3,
main .managed-security-section h1,main .managed-security-section h2,main .managed-security-section h3{color:#fff!important}
main .dsg-4-ctn p,main .dsg-5-ctn p,main .managed-security-section p{color:#c6d8e4!important}
main .dsg-4-ctn img,main .managed-security-section img{border-radius:18px!important;object-fit:cover!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
main .dsg-4-ctn .main-title,main .managed-security-section .section-title h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important}
.managed-security-section{padding:58px 0!important}
.managed-security-section .support-banner{min-height:0!important}
.managed-security-section img{height:390px!important}
.smp-client-section{position:relative!important;z-index:1!important;display:block!important;clear:both!important;height:auto!important;min-height:0!important;padding:54px 0!important;background:linear-gradient(135deg,#041725,#07334f)!important}
.smp-client-section .wrp{display:block!important}
.smp-client-header{text-align:center!important;max-width:820px!important;margin:0 auto 34px!important}
.smp-client-header h2{margin:0 0 14px!important;color:#fff!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important}
.smp-client-header p{margin:0!important;color:#c4d7e3!important;font-size:17px!important;line-height:1.65!important}
.smp-client-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;position:static!important;width:100%!important;height:auto!important}
.smp-client-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:112px!important;padding:16px!important;background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important}
.smp-client-logo img{display:block!important;max-width:100%!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.smp-client-section+footer,footer{position:relative!important;z-index:2!important;clear:both!important;margin-top:0!important}
footer{padding-top:42px!important}
.page-header-ctn{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(115deg,#061f33,#083e5e)!important}
.page-header-ctn h1,.page-header-ctn h2,.page-header-ctn p{color:#fff!important}
main p{line-height:1.65!important}
main h1,main h2,main h3{overflow-wrap:anywhere}
@media(max-width:1100px){
 .smp-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
 main .dsg-4-ctn,main .dsg-5-ctn{padding-top:38px!important;padding-bottom:38px!important}
 .managed-security-section{padding:42px 0!important}
 .managed-security-section img{height:290px!important}
 .smp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .smp-client-logo{height:96px!important;padding:12px!important}
}
@media(max-width:520px){
 .smp-client-section{padding:38px 0!important}
 .smp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .smp-client-logo{height:88px!important;padding:10px!important}
 .smp-client-header{text-align:left!important;margin-bottom:25px!important}
}


/* SMP 2026 final overlap, duplicate and spacing fix */
main .dsg-5-ctn{margin-top:0!important}
.managed-security-section+.managed-security-section{display:none!important}
.trusted-clients{display:block!important;position:relative!important;z-index:1!important;height:auto!important;min-height:560px!important;padding:50px 0!important;overflow:hidden!important}
.trusted-clients .carousel-logos-ctn{display:grid!important;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr)!important;gap:42px!important;align-items:center!important;height:auto!important;min-height:360px!important}
.trusted-clients .carousel-left,.trusted-clients .carousel-right{display:block!important;position:relative!important;width:auto!important;height:auto!important;float:none!important}
.trusted-clients .carousel-box,.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer{display:block!important;position:relative!important;width:100%!important;min-height:150px!important;overflow:hidden!important}
.trusted-clients .owl-stage{min-height:140px!important}
.trusted-clients+footer{position:relative!important;clear:both!important;margin-top:0!important;z-index:2!important}
@media(max-width:820px){
 .trusted-clients{min-height:600px!important}
 .trusted-clients .carousel-logos-ctn{grid-template-columns:1fr!important;gap:28px!important;min-height:480px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
 .trusted-clients .section-title h2{font-size:36px!important;line-height:1.12!important}
}
@media(max-width:520px){
 .trusted-clients{min-height:560px!important}
 .trusted-clients .carousel-logos-ctn{min-height:440px!important}
}


/* SMP 2026 About and Contact slide repair */
.inpages .page-header-ctn{position:relative!important;z-index:1!important;overflow:visible!important;padding:38px 0!important;min-height:0!important}
.inpages .page-header-ctn .wrp{padding-top:0!important;padding-bottom:0!important}
.inpages .page-header-ctn h1,.inpages .page-header-ctn h2{position:relative!important;top:auto!important;margin-top:0!important;color:#fff!important}
.inpages .dsg-5-ctn,.inpages .row.mt150.dsg-5-ctn{margin-top:0!important;padding:52px 0!important;background:linear-gradient(135deg,#061f33,#0a4162)!important}
.inpages .dsg-5-ctn .sw-medium-2-1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.inpages .dsg-5-ctn .dsg-5{width:auto!important;float:none!important;margin:0!important;padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-sizing:border-box!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .dsg-5-ctn h2,.inpages .dsg-5-ctn h3{color:#fff!important}
.inpages .dsg-5-ctn p{color:#c8dbe7!important;font-size:17px!important;line-height:1.7!important}
.inpages .contact-ctn{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:44px!important;height:auto!important;padding:48px 0!important}
.inpages .contact-1,.inpages .contact-2,.inpages .contact-details{width:auto!important;height:auto!important;float:none!important;box-sizing:border-box!important}
.inpages .contact-details{padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .contact-details h1,.inpages .contact-details h2,.inpages .contact-details h3{color:#fff!important}
.inpages .contact-details p,.inpages .contact-details li,.inpages .contact-details a{color:#c8dbe7!important;font-size:17px!important}
.inpages .contact-2{padding:34px!important;background:#071f31!important;border:1px solid #18536f!important;border-radius:16px!important}
.inpages .contact-2 label{color:#eef7fc!important}
.inpages .contact-2 input,.inpages .contact-2 textarea,.inpages .contact-2 select{width:100%!important;box-sizing:border-box!important;background:#fff!important;color:#172a38!important;border:1px solid #9fc0d2!important;border-radius:7px!important}
.inpages .contact-2 input:focus,.inpages .contact-2 textarea:focus{outline:2px solid #00a9d6!important;border-color:#00a9d6!important}
.inpages .contact-2 .button,.inpages .contact-2 button[type=submit],.inpages .contact-2 input[type=submit]{background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;border:0!important;border-radius:7px!important}
.inpages .contact-details iframe,.inpages .contact-1 iframe{width:100%!important;max-width:100%!important;border-radius:12px!important;overflow:hidden!important}
@media(max-width:820px){
 .inpages .dsg-5-ctn .sw-medium-2-1,.inpages .contact-ctn{grid-template-columns:1fr!important;gap:24px!important}
 .inpages .dsg-5-ctn .dsg-5,.inpages .contact-details,.inpages .contact-2{padding:25px!important}
 .inpages .page-header-ctn{padding:28px 0!important}
}


/*
<?php if( $detect->isMobile() && !$detect->isTablet() ){ ?><!--mobile--><?php } ?> 
<?php if( $detect->isTablet() ){ ?><!--tablet--><?php } ?>
<?php if( !$detect->isTablet() && !$detect->isMobile() ){ ?><!--desktop--><?php } ?>

 <jdoc:include type="component" />
 <jdoc:include type="modules" name="breadcrumbs" style="none" />
 
*/

 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

 

:root {
 	--color-white:#fff;
	--color-dark:#222222;
	--color-dark-blue:#005488;
	--color-orange:#f0a700;
	--color-light-grey:#666668;
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--color-white);
	font-weight:400;
	color: var(--color-dark);
	scroll-behavior: smooth;
	min-width:320px;
	font-family: "Roboto", serif;
 }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}

body{
	overflow-x:hidden;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}



ul,li ,ol{
  list-style:none;
  padding:0;
  margin:0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlowXHidden{
 overflow-x:hidden;
}


/*********
FONTS 
**************/
h1,h2,h3,h4,h5,h6,a,span,p{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-dark);
	font-family: var(--font-family);
	font-size:100%;
	font-weight: normal;
	display:inline-flex
 }



a{
  transition:color ease 0.3s;
  cursor:pointer
}	

a:hover{
  cursor:pointer;
  transition:color ease 0.3s
}	


a h3:hover{
	color:var(--color-dark-blue);
	cursor:pointer;
	transition:color ease 0.3s
}	


.cursor-pointer{
	cursor:pointer;
}



h1{
	font-size:20px;
	font-weight:800;
	line-height:120%;
	position:relative;
	display: table;
}


.section-title h2{
	font-size: 36px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    display: table;
    z-index: 2;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}

h3{
	font-size: 20px;
}

h3.main-title{
	font-size: 24px;
	font-weight:bold;
}


h6{
	font-size:14px;
	line-height:150%;
}

p{
	font-size:18px;
	line-height:150%;
}

p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}

.article p{
	display:table;
}

.article p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

.article p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}


.section-title h2,
.section-title {
	display:table;
	margin:0 auto 20px auto;
	width:auto;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}


.section-title.center h2,
.section-title.center {
	text-align:center;
}

.section-title.left h2,
.section-title.left {
	text-align:left;
	width: 100%;
}


/* -------------------------------- 
Main components 
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

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

Main components 

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

.full-wrp{
	width:90%;
	max-width:1920px;
	margin:auto;
	position:relative;
}

.wrp{
	width:90%;
	max-width:1480px;
	margin:auto;
	position:relative;
}

.wrp-small{
	width:90%;
	max-width:1280px;
	margin:auto;
	position:relative;
}

  

.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}


.section {
	display:table;
	width:100%;
	margin-top:150px;
}

.section.sc2 {
	margin-top:250px;
}

/***********************
containers structure designs 
*****************/
.ctn-str-1{
	display:flex;
}

.ctn-str-1 .str-1{
	width:45%;
	margin-right:5%;
}

.ctn-str-1 .str-2{
	width:100%;
}


.ctn-str-2 .image{
	width:100%;
	height:60px;
	display:block;
	margin-bottom:20px;
}

.ctn-str-2 .image img{
	width:auto;
	height:60px;
}

.ctn-str-2 h3{
	margin-bottom:15px;
}

/***********************
HEADER 
*****************/
header {
	position: fixed;
    top: 0;
    right: 0;
    height: auto;
    /* width: 100%; */
    z-index: 999999;
    background: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 100%;
	transition:all ease .4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.shrink{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition:all ease .4s;
	top: -45px;
} 


header.shadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition:all ease .4s;
}


header .row-1{
    width: 100%;
    padding: 10px 0 10px 0;
    display: table;
	background:var(--color-dark-blue);
	background:var(--color-dark);
}

header .row-2{
	width:100%;
	display:flex;
	margin:5px 0 0 0;
	flex-direction: row;
	flex-wrap:nowrap;
	position: relative;
}


header .contact-header {
    display: flex;
    width: auto;
	float: right;
	height:20px;
}

header  .icon-ctn {
	display:flex;
	width:22px;
	height:22px;
	margin-right:2px;
}

header .icon-ctn.icon-email   {
	background: url(../background/svg-icons/email-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:18px;
	height:14px;	
	position: relative;
    top: 4px;
	right:-1px;
}

header .icon-ctn.icon-phone   {
	background: url(../background/svg-icons/phone-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:16px;
	height:14px;	
	position: relative;
    top: 3px;
}

header .contact-header h6 {
	font-size:0.8rem;
	line-height: 1.4rem;
	font-weight:400;
	display: inline-flex;
	color:#fff;
}

header .contact-header h6:hover{
	color:#FF9800;
}

header .logo-pos{
    width: 117px;
    height: 60px;
    position: relative;
    top: -20px;
    top: 0px;
	transition:all ease .4s;
}

.header-logo img{
	width: auto;
    height: 50px;
	transition:all ease .4s;
	top: 4px;
    position: relative;
}

header.shrink  .logo-pos{
   width: auto;
    height: 40px;
    position: relative;
    top: -30px;
	transition:all ease .4s;
}

header.shrink .header-logo img{
	width: auto;
    height: 40px;
	transition:all ease .4s;
	top: 0px;
    position: relative;
}


header .menu-pos{
	width: auto;
    position: absolute;
    right: 0;
    height: 40px;
    margin: auto;
    top: -5px;
    bottom: 0;
}


header.shrink .header-logo img{
	height: 30px;
    margin: auto;
    top: 35px;
    position: relative;
	transition:all ease .4s;
}


.mobile-console{
	width:100%;
	display:flex;
	height:60px;
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 999;
	box-shadow: 0px -10px 15px -3px rgba(0,0,0,0.1);
}


.mobile-console .logo-pos{
	display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}


.mobile-console .logo-ctn img{
	width:auto;
	height:40px;
}

.mobile-console  .contact-pos {
	display: block;
    position: absolute;
    right: 60px;
    top: 0px;
    width: 60px;
    height: 60px;
	background: #68c5ee;
	background: #EEF5FC;
}


.mobile-console .contact-icon .icon.phone{
    background: url(../background/svg-icons/mobile-phone-icon-dark.svg) no-repeat;
    background-size: 32px 32px;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}







/***********************
INSIDE PAGES 
*****************/
.inpages{
	padding:99px 0 0 0; 
}

.page-header-ctn {
	display:block;
	padding:100px 0;
	background: url(../background/svg-templates/page-header-layer-back.svg) no-repeat;
    background-size: auto ;
	position:relative;
	background:#222222;
	background:#EEF5FC;
}




.page-header-ctn .arrows-movement {
    display: block;
    width: 492px;
    height: 100%;
    background: url(../background/svg-templates/page-header-layer-arrows.svg) no-repeat;
    background-size: 492px 100%;
    position: absolute;
    top: 0;
    right: 0;
}


.page-header-ctn .page-header{
	top:0;
	bottom:0;
	margin:auto
}

.page-header-ctn .page-header h1{
	font-size:36px;
	font-weight:bold;
	color:#323232;
}

.page-header-ctn .page-header h2{
	font-size:22px;
	color:#323232;
	font-weight:500
}

.blue-header .page-header-ctn{
	background:#0A5589
}

.blue-header .page-header-ctn h1,
.blue-header .page-header-ctn h2 {
	color:#fff;
}

.contact-ctn{
	display:flex;
}

.contact-ctn .contact-1{
	width:50%;
	display:block;
	margin-right:100px;
}

.contact-ctn .contact-2{
	width:50%;
	display:block;
}


.contact-ctn .contact-details ul{
	display:table;
	
}

.contact-ctn .contact-details ul li{
	display:table;
	width:100%;
	padding:10px 0;
}

.contact-details p{
	display: flex;
}

.contact-details .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 2px;
	float:left;
}

.contact-details .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}


.contact-details .googlemap{
	width:100%;
	height:400px;
}



.input-forms-style.style-1 {
    width: 100%;
    margin: auto
}

.input-forms-style.style-1 .form-layout {
    margin-bottom: 30px
}

.input-forms-style.style-1 .col-mb {
    margin-bottom: 30px
}

.input-forms-style.style-1 label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.input-forms-style.style-1 .alert-ctn {
    position: relative
}

.input-forms-style.style-1 .error_email {
    color: #fff;
    position: absolute;
    bottom: -27px;
    font-size: 10px;
    background: red;
    padding: 2px 5px
}

.input-forms-style.style-1 input {
    border: 1px solid #bbb;
    padding: 10px
}

.input-forms-style.style-1 input.form-field {
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px
}

.input-forms-style.style-1 .required-star {
    color: red;
    font-weight: 700;
    margin-right: 10px
}

.input-forms-style.style-1 textarea {
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    height: 150px;
    resize: none;
    font-size: 14px;
    font-family: montserrat,sans-serif
}

.input-forms-style.full-width {
    width: 100%;
    max-width: 100%;
    margin: auto
}

.dropdown .label {
    color: #2e52c1
}

.dropdown li.active {
    font-weight: 700
}

.dropdown .selected {
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #000;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    list-style: none;
    padding: 18px 12px
}

.style-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input::-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-ms-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input input:focus::-moz-placeholder {
    font-size: 0
}

.style-input input:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input input:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea::placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input textarea:focus {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none
}

.style-input textarea:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input textare:focusa::-webkit-input-placeholder {
    font-size: 0
}

.style-input textarea:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus::-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input textarea:focus::placeholder {
    font-size: 0
}

.checkbox-aggree .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px
}

.checkbox-aggree .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox-aggree .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #e6e6e6
}

.control--radio .control__indicator {
    border-radius: 50%
}

.checkbox-aggree .control:hover input~.control__indicator,.checkbox-aggree .control input:focus~.control__indicator {
    background: #ccc
}

.checkbox-aggree .control input:checked~.control__indicator {
    background: #2aa1c0
}

.checkbox-aggree .control:hover input:not([disabled]):checked~.control__indicator,.checkbox-aggree .control input:checked:focus~.control__indicator {
    background: #0e647d
}

.checkbox-aggree .control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.checkbox-aggree .control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

.checkbox-aggree .control input:checked~.control__indicator:after {
    display: block
}

.checkbox-aggree .control--checkbox .control__indicator:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-aggree .control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

.checkbox-aggree .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff
}

.checkbox-aggree .control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b
}

#emails-alert.alert-overlay {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999999
}

#emails-alert.alert-overlay.display_none {
    display: none
}

#emails-alert .emails-alert {
    position: fixed;
    bottom: 0;
    z-index: 9999999999999;
    width: 100%;
    -webkit-animation: alert-in .5s;
    -moz-animation: alert-in .5s;
    -o-animation: alert-in .5s;
    animation: alert-in .5s;
    width: 100%;
    max-width: 540px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 400px;
    padding: 20px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row {
    display: block;
    width: 100%;
    padding: 20px 10px 10px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row.success {
    background: #2e52c1
}

#emails-alert .emails-alert .top-row.error {
    background: #e75e60
}

#emails-alert .emails-alert .top-row .image-icon {
    width: 100%;
    height: 70px;
    margin: 15px auto
}

#emails-alert .emails-alert .top-row .image-icon img {
    width: 70px;
    height: auto;
    margin: auto
}

#emails-alert .emails-alert .top-row.error .image-icon img {
    width: 66px;
    height: 66px;
    margin: auto
}

#emails-alert .emails-alert .top-row h3 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

#emails-alert .emails-alert .top-row p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

#emails-alert .emails-alert h3,#emails-alert .emails-alert p {
    color: #fff
}

#emails-alert .emails-alert .top-row p a {
    color: #fff;
    font-weight: 700
}

#emails-alert .emails-alert .top-row h4 a:hover {
    color: #000
}

#emails-alert .emails-alert .top-row hr {
    margin: 10px 0;
    border: 0 solid #fff;
    height: 1px;
    width: 100%;
    background: #fff
}

#emails-alert .emails-alert .bottom-row {
    background: #fff;
    height: 40px;
    display: table;
    width: 100%;
    padding: 15px 0;
    text-align: center
}

@-webkit-keyframes alert-in {
    0% {
        opacity: 0;
        top: -100px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

#emails-alert .alert.alert-success-ctn,#emails-alert .alert.alert-error {
    margin: auto;
    height: auto;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0)
}

#emails-alert .alert.alert-error {
    background: #c73537
}

#emails-alert .close-button {
    line-height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    border-radius: 0;
    line-height: 36px;
    letter-spacing: 1px;
    max-width: 260px;
    margin: auto
}

#emails-alert .alert.alert-error h4,#emails-alert .alert.alert-success-ctn h4 {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    width: 90%;
    margin: auto
}

#emails-alert .alert.alert-success-ctn .button a {
    color: #fff;
    border-color: #23282b;
    font-weight: 700;
    background: #000;
    width: 90%;
    max-width: 320px;
    display: table;
    margin: auto;
    height: 40px;
    line-height: 26px;
    border-radius: 4px
}


/***********************
SLIDER 
*****************/
.main-slider {
	width:100%;
	display:block;
	margin-top: 100px;
	position:relative;
	height:550px;
	overflow:hidden;
}


.main-slider .text-ctn{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:600px;
	width:90%;
	display:table;
 	z-index:3
}


@-moz-document url-prefix() {
	  .main-slider .text-ctn{
		height:170px;
	}
}


 
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description{
	text-align:center;
	margin:0 auto 5px auto;
	overflow-wrap: break-word;
	color:#fff;
}

.main-slider .text-ctn .description span{
	color:#fff;
}



.main-slider .text-ctn .title h1 {
	font-size:46px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#fff;
}

.main-slider .text-ctn .button{
	text-align:center;
	margin:10px auto 0 auto;
}

.main-slider .overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	width:100%;
	display:block;
	height:100%;
	background:rgba(0,0,0,0.0);
	z-index:2
}  

.main-slider .image-pos{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1
}

.main-slider .image-ctn img{
	width:100%;
	height:100%;
	object-fit:cover
}


/** box designs */

.box-ctn-shadow:after{
	content:"";
    background: #eef5fc;
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
	border-radius:8px
}

.box-1-ctn{
	background:#EEF5FC;
	padding:20px;
	position:relative;
	z-index:2;
	border-radius:8px
}


.box-1-ctn.darkblue{
	background:#005488;
}

.box-1-ctn.darkblue h3,
.box-1-ctn.darkblue p{
	color:#fff;
}
 
.box-1-ctn h3{ 
    display: table;
    width: 100%;
    margin-bottom: 20px;
	text-align:center
}

.hr-icon{
	background: url(../background/svg-icons/hr-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.hr-white-icon{
	background: url(../background/svg-icons/hr-white-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.box-1-ctn p{
    text-align: center;
    display: table;
    width: 100%;
}


.box-2-ctn {
	display:block;
	width:100%;
	border:1px solid #E3E3E3;
	position:relative;
	-webkit-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
}


.box-2-ctn .image{
	padding:20px;
	width:120px;
	height:120px;
	display:block;
	background:#E3E3E3;
	margin:20px auto 20px auto;
}

.box-2-ctn .title{
	width:80%;
	margin:0 auto 5px auto ;
	text-align:center
}

.box-2-ctn .description{
	width:90%;
	margin:0 auto 5px auto ;
	text-align:center;
	min-height:60px
}

.box-2-ctn .description p{
	color:var(--color-dark-blue)
}

.box-2-ctn .price{
	width:80%;
	margin:0 auto 20px auto ;
	text-align:center;
	font-size:46px;
	font-weight:900
}

.box-2-ctn .details{
	margin:0 auto 5px auto ;
	background:#EEF5FC;
	padding:20px
}

.box-2-ctn .button-pos{
	margin:20px auto 20px auto ;
}


.box-2-ctn ul{
	width:80%;
	margin:0 auto 0 auto ;
	text-align:center;
	display:table;
}

.box-2-ctn ul li{
	width:100%;
	display:table;
	text-align:left;
	margin:0 auto 0 auto ;
	position:relative;
	padding:3px 0;
}

.box-2-ctn ul li:before{
	content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -25px;
    top: 8px;
	background: url(../background/svg-icons/tick-box.svg) no-repeat;
    background-size: 14px 14px;
	display:block;
}
 
.box-2-ctn.bestseller-ctn .bestseller-box{
	position:absolute;
	right:-12px;
	top:-12px;
	background:#E28D0D;
	padding:8px 12px;
	color:#fff;
	font-weight:900;
	font-size:14px;
}
 
 
.box-2-ctn.bestseller-ctn .price{
	color:#E28D0D;
}

.box-2-ctn.bestseller-ctn .details{
	margin:0 auto 5px auto ;
	background:#F9E8CF;
	padding:20px
}

.box-2-ctn.bestseller-ctn ul li:before{
	background: url(../background/svg-icons/tick-box-orange.svg) no-repeat;
}



.dsg-4-ctn {
	display:flex;
}

.dsg-4-ctn .dsg-4-col-1{
	width:40%;
	margin-right:100px;
}

.dsg-4-ctn .dsg-4-col-2{
	width:60%;
}

.dsg-4-ctn .dsg-4-col-1 .image{
	width:100%;
 	display:block;
	height:100%;
	min-height:400px;
	min-width: 400px;
	height: 100%;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(50% 15%, 100% 0, 100% 100%, 100% 80%, 50% 96%, 50% 96%, 0% 80%, 0 0);
}

.dsg-4-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}



.dsg-5-ctn{
	padding:100px 0;
	background: #EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.dsg-5{
	width:100%;
	display:block;
}


.dsg-5 h3{
	text-align:center;
	display: table;
    width: 100%;
	font-weight:bold;
}

.dsg-5 p{
	text-align:center;
	display: table;
    width: 100%;

}


/***********************
FOOTER 
*****************/
footer{
	width:100%;
	background:#FDFDFD;
	display:block;
	margin:100px 0 0;
	position:relative;
	padding:80px 0 0 0;
}

footer .footer-border-top{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:100px;
	display:block;
	background: url(../background/svg-icons/footer-top-dots.svg) ;
    background-size:auto  100% ;
}


footer .v-footer{
	width:100%;
	padding:10px 0;
	background:#F3F3F3;
	display:block;
}

footer .v-footer p,
footer .v-footer a{
	font-size:12px;
}

footer .dv2{
	text-align:right;
}

footer .footer-info .image{
	width: 117px;
    height: 60px;
	display:block;
	margin-bottom:20px;
}

footer .footer-info .image img{
	width:auto;
	height:60px;
}
footer h3{
	font-weight:500;
	margin-bottom:20px;
}

footer  p,
footer  a{
	font-size:16px;
	line-height:26px;
}

footer .qcontact{
	display:table;
}

footer .qcontact li{
	width:100%;
	padding:0px 0 10px 10px;
	display: inline-flex;
}


footer .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 5px;
}

footer .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.social-hor {
	display:flex;
}

.social-hor li{
	width:46px;
	height:46px;
	margin-right:20px;
}
 
.social-hor li:last-child{
	margin-right:0;
}

.social-hor li .social-footer-icon-box{
	width:46px;
	height:46px;
}
 
 .social-hor li .social-footer-icon-box.social-icon-facebook{
	background: url(../background/svg-icons/social-icon-facebook.svg) no-repeat;
    background-size: 46px 46px ;
}

 .social-hor li .social-footer-icon-box.social-icon-x{
	background: url(../background/svg-icons/social-icon-x.svg) no-repeat;
    background-size: 46px 46px ;
}

.bv-logo{
	font-weight:900;
	color:#23282b;
}

.bv-logo .bv{
	font-weight:900;
	color:#075ee3
}

/*****************
BUTTONS CTA
***********************/
.button-pos-center{
	margin: auto;
}

.btn {
	font-size: 18px;
    font-weight: normal;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 20px 45px 20px 20px;
    /**box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);**/
    text-decoration: none;
	min-width: 220px;
    text-decoration: none;
	position:relative
}

.btn .arrow-button {
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 18px;
    z-index: 1;
    background: url(../background/svg-icons/button-arrow.svg) no-repeat;
    background-size: 22px 14px;
	transition: all .2s ease;
}

.btn:hover .arrow-button{
	 right: 8px;
	transition: all .2s ease;
} 


.btn.big-btn{
	max-width:220px;
}

.btn:disabled{
	opacity:0.6;
	transition:all ease 0.3s;
	/**box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);**/
}


.btn-hover,
.btn-hover-no-shadow {
    color: #fff;
	border-width: 1px;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover,
.btn-hover-no-shadow:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 
/* dark blue */
.btn-hover.cta1{
background-image: linear-gradient(to right, #005488, #005488, #005488,  #2E52C1, #2E52C1, #2E52C1);
 color: #fff!important;
}

/* orange */
.btn-hover.cta2{
background-image: linear-gradient(to right, #E28D0D, #E28D0D, #E28D0D,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}

/* orange */
.btn-hover.cta3{
background-image: linear-gradient(to right, #222222, #222222, #222222,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}


/* white */
.btn-hover.cta5{
background-image: linear-gradient(to right, #0A8961, #0A8961, #0A8961,  #076C4C, #076C4C, #076C4C);
color: var(--color-white)!important;
}



.button-text{
	font-size:12px;
	transition:all ease .3s;
	background:#222;
	padding:5px 10px;
	color:#fff;
	border-radius:4px;
}

.button-text:hover{
	transition:all ease .3s;
	background:var(--color-dark-blue)
}


/***********************
FIELDS
*****************/
.input-layout-1 input {
	background: #fff;
    height: 50px;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
    max-width: 100%;
    display: table;
    border:1px solid #ced4da;
    width: 100%;
	font-family: var(--font-family);
}

.input-layout-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-dark);
	opacity:0.5;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-ms-input-placeholder { /* IE 10+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-moz-placeholder { /* Firefox 18- */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}

*:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

input:focus::-moz-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-ms-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-moz-placeholder{
	background:#FAFAFA;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

/***********************
BREADCRUMBS 
*****************/
.breadcrumbs-ctn{
	border-bottom:0px solid #e7e7e7;
	border-top:0px solid #e7e7e7;
	padding:10px 0 10px 0;
	display:table;
 }

.breadcrumbs ul{
	display:flex;
}

.breadcrumbs ul li{
	margin-right:10px;
}

.breadcrumbs ul li:last-child{
	margin-right:0px;
}

.breadcrumbs ul li a,
.breadcrumbs ul li span{
	font-size: 12px;
    color:#fff;
    color:#005488;
    font-weight: normal;
}

.breadcrumbs ul li a:hover{
    color: var(--color-orange);
}


.breadcrumbs ul li:after{
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    background: url(../background/icons/arrow-breadcrumb.svg) no-repeat center center;
    background-size: 4px auto;
    float: right;
    position: relative;
    top: 7px;
    right: -6px;
}

.breadcrumbs ul li:last-child:after{
    display: none;
}



.blue-header .breadcrumbs ul li a,
.blue-header .breadcrumbs ul li span{
    color:#fff;
}
 
 
.carousel-logos-ctn{
	display:flex;
	height: 240px;
}


.carousel-logos-ctn .carousel-left{
	width: 25%;
    padding: 50px 0 0;
    display: inline-flex;
}

.carousel-logos-ctn .carousel-right{
	width: 75%;
    position: absolute;
    right: 0%;
    padding: 20px 0 0 0;
    max-width: 100%;
}

.carousel-logos-ctn .carousel-right .box-dsg1 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	top:-60px;
}

.carousel-logos-ctn .carousel-right .box-dsg2 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}

.carousel-logos-ctn .carousel-right .box-dsg3 {
	width:6px;
	height:250px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}


.carousel-logos-ctn .carousel-right .box-dsg4 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    top: -48px;
}

.carousel-logos-ctn .carousel-right .box-dsg5 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-right .box-dsg6 {
	width: 6px;
    height: 226px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -38px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-box{
	width:100%;
	position:relative;
	height:180px;
	top:20px;
}


.carousel-logos-ctn .carousel-box .logo{
	width:120px;
	height:120px;
	position:relative;
}

.carousel-logos-ctn .carousel-box .logo img{
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}



.carousel-logos-ctn .carousel-box .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: -50px;
}

.carousel-logos-ctn .carousel-box





.carousel-logos-ctn .carousel-box .owl-theme .owl-nav {
	display:none!important;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #EEF5FC;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot.active span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #222222!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}


.support-banner-ctn{
	width:100%;
}

.support-banner{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	width: 100%;
}

.support-banner .col-1{
	width:40%;
	margin-right:100px;
	display:block;
}

.support-banner .col-2{
	width:60%;
}

.support-banner .image {
	width:100%;
	height:auto;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	position:relative;
}
 
.support-banner .image img{
	width:100%;
	height:auto;
}



/***********************
counter
*****************/
.counter-ctn{
	display:block;
	padding:50px 0;
	background:#EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.counter-ctn h3,
.counter-ctn h3 span{
	font-size:66px;
	font-weight:900
}

.counter-ctn .count-digit{
	opacity:0;
}

.counter-ctn .count-digit.counter-loaded{
	opacity:1;
}








/***********************
MEDIA QUERIES
*****************/
 
@media screen and (max-width: 1440px) { 
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-260px);
		-moz-transform:  translateX(-260px);
		-ms-transform:  translateX(-260px);
		-o-transform:  translateX(-260px);
		transform: translateX(-260px);
	}
	
	#cd-lateral-nav {
		width: -260px;
	}
}
  

@media screen and   (max-width:1278px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}
	
	
	.carousel-logos-ctn {
		display: table;
		height: 400px;
	}
	
	.carousel-logos-ctn .carousel-left {
 		padding: 0;
		width:100%;
	}
	
	.carousel-logos-ctn .carousel-right {
		width: 100%;
		left: 0;
		margin: 0 0 0 0;
	}
	
	.carousel-box .owl-theme .owl-dots {
		left: 0;
	}
	
	.dsg-4-ctn {
	display:table;
	}

	.dsg-4-ctn .dsg-4-col-1{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.dsg-4-ctn .dsg-4-col-2{
		width:100%;
	}

	.dsg-4-ctn .dsg-4-col-1 .image{
		width:100%;
		height:auto;
		display:block;
		height:100%;
		min-width: auto;
		min-height:auto;
	}

}



@media screen and   (max-width:992px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}

}





@media screen and   (max-width: 768px) {
	.frontpage .cd-main-content {
		padding-top:0px;
	}

 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top:00px;
		margin-top: 0px;
	}
	
	.wrp{
		width:90%;
	}
	
	.main-slider {
		margin-top: 0px;
	}
	
	.main-slider .title h1{
		font-size: calc(4vw + 4vh + 2vmin)!important;
	}
	
	
	.counter-ctn h3,
	.counter-ctn h3 span{
		font-size:36px;
	}
	
	footer .dv1,
	footer .dv2{
		text-align:center;
		padding:5px 0;
	}

	.contact-ctn{
		display:table;
		width:100%;
	}

	.contact-ctn .contact-1{
		width:100%;
		margin-right:0px;
		margin-bottom:50px;
	}

	.contact-ctn .contact-2{
		width:100%;
	}
	

	.support-banner{
		display: table;
		width: 100%;
	}

.support-banner .col-1{
	width:100%;
	margin-right:0px;
	margin-bottom:50px;
 }

.support-banner .col-2{
	width:100%;
}

.support-banner .image {
	clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 93%, 0 70%);
}







}

@media screen and  (max-width: 680px) {
	
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	#cd-lateral-nav {
		width: -100%;
	}
	
	
	
}

@media screen and  (max-width: 480px) {
	
	
}




/* SMP 2026 homepage hero and trust-section refinements */
.main-slider .text-ctn{z-index:3!important;max-width:760px!important;}
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important;}
.main-slider .text-ctn .description h2{font-size:20px!important;line-height:1.5!important;font-weight:400!important;}
.main-slider .overlay{z-index:2!important;background:linear-gradient(90deg,rgba(2,10,27,.9) 0%,rgba(2,10,27,.55) 48%,rgba(2,10,27,.12) 100%)!important;}
.main-slider .image-ctn img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.trusted-clients .section-title p{max-width:390px;line-height:1.7;}
@media(max-width:768px){
 .main-slider .text-ctn{padding:0 24px!important;max-width:100%!important;}
 .main-slider .text-ctn .title h1{font-size:34px!important;line-height:1.12!important;}
 .main-slider .text-ctn .description h2{font-size:16px!important;line-height:1.45!important;}
 .main-slider .image-ctn img{object-position:62% center!important;}
 .main-slider .overlay{background:rgba(2,10,27,.72)!important;}
 .trusted-clients .carousel-logos-ctn{display:block!important;}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important;}
}


/* SMP 2026 professional hosting homepage */
html,body{max-width:100%;overflow-x:hidden}
.wrp{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.section{padding-top:76px;padding-bottom:76px}
.section-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em;color:#062640}
.section-title p{font-size:18px;line-height:1.7;color:#526679;max-width:820px;margin-left:auto;margin-right:auto}
.sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sw-col3-col2-col1.col-3>.col{width:auto!important;margin:0!important;float:none!important;display:flex}
.ctn-str-2{width:100%;box-sizing:border-box;padding:32px 28px!important;background:#fff;border:1px solid #dce7ef;border-radius:18px;box-shadow:0 12px 34px rgba(6,38,64,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.ctn-str-2:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#00a7d7,#0878bd)}
.ctn-str-2:hover{transform:translateY(-7px);border-color:#96d9ed;box-shadow:0 20px 48px rgba(6,38,64,.15)}
.ctn-str-2 .main-title{font-size:23px!important;line-height:1.25!important;color:#062640!important;margin-bottom:16px!important}
.ctn-str-2 p{font-size:16px;line-height:1.68;color:#526679}
.managed-security-section{background:linear-gradient(135deg,#031d31 0%,#063b5d 58%,#075c82 100%);padding:90px 0!important;position:relative;overflow:hidden}
.managed-security-section:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-210px;background:rgba(0,200,235,.12)}
.managed-security-section .support-banner{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.managed-security-section .col-2{width:auto!important;float:none!important}
.managed-security-section img{width:100%!important;height:470px!important;object-fit:cover;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.managed-security-section .section-title h2,.managed-security-section h3{color:#fff!important}
.managed-security-section .section-title h2{font-size:clamp(32px,4vw,50px)!important}
.managed-security-section p{color:#d7e8f2!important;font-size:17px!important;line-height:1.72!important}
.managed-security-section .btn,.managed-security-section a[class*="btn"]{display:inline-flex!important;align-items:center;justify-content:center;background:#00a9d6!important;color:#fff!important;border-radius:8px!important;padding:15px 25px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(0,169,214,.28)}
.trusted-clients{background:#f5f9fc!important;padding-top:72px!important;padding-bottom:72px!important}
.main-slider .text-ctn{left:max(20px,calc((100% - 1180px)/2))!important;right:auto!important;text-align:left!important;width:min(720px,calc(100% - 40px))!important}
.main-slider .text-ctn .title h1{font-size:clamp(42px,5vw,72px)!important;line-height:1.05!important;letter-spacing:-.035em}
.main-slider .text-ctn .description h2{max-width:650px}
@media(max-width:1100px){
 .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main-header .wrp,.header .wrp{width:calc(100% - 28px)!important}
 nav a,.menu a{font-size:14px!important;padding-left:9px!important;padding-right:9px!important}
}
@media(max-width:820px){
 .wrp{width:calc(100% - 30px)!important}
 .section{padding-top:58px;padding-bottom:58px}
 .sw-col3-col2-col1.col-3{grid-template-columns:1fr}
 .managed-security-section{padding:64px 0!important}
 .managed-security-section .support-banner{grid-template-columns:1fr;gap:34px}
 .managed-security-section img{height:320px!important}
 .main-slider .text-ctn{left:20px!important;width:calc(100% - 40px)!important}
 .main-slider .text-ctn .title h1{font-size:clamp(36px,10vw,54px)!important}
}
@media(max-width:520px){
 .wrp{width:calc(100% - 24px)!important}
 .ctn-str-2{padding:28px 22px!important}
 .managed-security-section img{height:250px!important}
 .main-slider .text-ctn{left:16px!important;width:calc(100% - 32px)!important}
 .main-slider .text-ctn .description h2{font-size:17px!important}
}

/* SMP 2026: remove legacy statistics counter strip */
body .section:has(> .counter-ctn){display:none!important;padding:0!important;margin:0!important;}
.counter-ctn{display:none!important;}


/* SMP 2026 mobile navigation, client logos and dark visual system */
.trusted-clients{display:block!important;visibility:visible!important;min-height:330px!important}
.trusted-clients .carousel-logos-ctn,.trusted-clients .carousel-right,.trusted-clients .carousel-box,.trusted-clients .owl-carousel{display:block!important;visibility:visible!important;min-height:120px!important}
.trusted-clients .owl-stage-outer{min-height:110px!important}
.trusted-clients .logo{display:flex!important;align-items:center;justify-content:center;min-height:100px!important;padding:10px!important;box-sizing:border-box}
.trusted-clients .logo img{display:block!important;width:auto!important;max-width:120px!important;height:82px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.page-banner,.inner-banner,.banner-ctn,.service-banner{background-color:#031d31!important}
.page-banner img,.inner-banner img,.banner-ctn img,.service-banner img{filter:brightness(.48) saturate(.72) hue-rotate(155deg)!important}
@media(max-width:768px){
 header.header-scroll.hide768{display:block!important;position:relative!important;width:100%!important;background:#031d31!important;z-index:9999!important}
 header.header-scroll .contact-header,header.header-scroll .secondary-menu-ctn{display:none!important}
 header.header-scroll .wrp{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
 header.header-scroll .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:64px!important;width:100%!important}
 header.header-scroll .header-logo img{display:block!important;width:auto!important;max-width:138px!important;height:46px!important;object-fit:contain!important}
 header.header-scroll .menu-pos{display:block!important;width:100%!important;background:#052942!important;border-top:1px solid rgba(255,255,255,.12)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 header.header-scroll .menu-pos:before{content:"☰  MENU";display:block;color:#fff;font-weight:800;font-size:14px;letter-spacing:.12em;padding:12px 16px 7px}
 header.header-scroll .menu-pos ul.mod-menu{display:flex!important;width:max-content!important;min-width:100%!important;gap:2px!important;margin:0!important;padding:0 8px 10px!important;list-style:none!important}
 header.header-scroll .menu-pos ul.mod-menu>li{display:block!important;float:none!important;width:auto!important;white-space:nowrap!important}
 header.header-scroll .menu-pos ul.mod-menu>li>a{display:block!important;color:#fff!important;font-size:13px!important;padding:9px 10px!important;border-radius:6px!important}
 .trusted-clients{min-height:360px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
}


/* SMP 2026 enterprise dark design system */
:root{--smp-black:#020b12;--smp-navy:#031d31;--smp-navy-2:#052f4d;--smp-blue:#007fba;--smp-cyan:#00a9d6;--smp-text:#d9e8f2}
body,.site,.cd-main-content{background:var(--smp-black)!important;color:var(--smp-text)}
.section{padding-top:52px!important;padding-bottom:52px!important;background:var(--smp-navy)!important}
.section:nth-of-type(even){background:var(--smp-black)!important}
.section-title h1,.section-title h2,.section-title h3{color:#fff!important}
.section-title p,.section p{color:#bfd0dc}
.section-title{margin-bottom:34px!important}
.sw-col3-col2-col1.col-3{align-items:stretch!important}
.sw-col3-col2-col1.col-3>.col{height:auto!important;align-self:stretch!important}
.ctn-str-2{display:flex!important;flex-direction:column!important;height:100%!important;min-height:360px!important;background:linear-gradient(155deg,#092d47 0%,#041a2b 100%)!important;border:1px solid #174b69!important;color:#dceaf3!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
.ctn-str-2:hover{border-color:var(--smp-cyan)!important;box-shadow:0 20px 48px rgba(0,120,180,.22)!important}
.ctn-str-2 .main-title{color:#fff!important}
.ctn-str-2 p{color:#bfd0dc!important}
.ctn-str-2>.mt20.row{margin-top:auto!important;padding-top:22px!important}
.ctn-str-2 .button-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:7px!important;background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px rgba(0,169,214,.2)!important}
.ctn-str-2 .button-text:hover{background:linear-gradient(90deg,#00a9d6,#007fba)!important}
.managed-security-section{background:linear-gradient(135deg,#020b12 0%,#031d31 55%,#06496d 100%)!important}
.trusted-clients{display:block!important;background:linear-gradient(135deg,#041725,#072f48)!important;padding-top:50px!important;padding-bottom:50px!important;min-height:300px!important}
.trusted-clients .section-title h2{color:#fff!important}
.trusted-clients .section-title p{color:#bfd0dc!important}
.trusted-clients .logo{background:#fff!important;border-radius:12px!important;margin:6px!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}
footer{background:#020b12!important;border-top:1px solid #12384f!important;padding-top:46px!important;color:#cbdce7!important}
footer>.wrp>.sw-col4-col2-col1{display:grid!important;grid-template-columns:1.35fr .8fr 1.1fr!important;gap:52px!important}
footer>.wrp>.sw-col4-col2-col1>.col{width:auto!important;float:none!important;margin:0!important}
footer>.wrp>.sw-col4-col2-col1>.col:first-child{display:none!important}
footer h3{color:#fff!important;margin-bottom:18px!important}
footer ul.vertical-menu{display:block!important;width:100%!important}
footer ul.vertical-menu li{display:block!important;margin:0 0 10px!important}
footer a{color:#bcd3e1!important}
footer a:hover{color:var(--smp-cyan)!important}
footer .v-footer{margin-top:38px!important;background:#00070c!important;border-top:1px solid #12384f!important;padding:18px 0!important}
footer .v-footer p{margin:0!important}
@media(max-width:900px){
 .ctn-str-2{min-height:330px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr 1fr!important;gap:34px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 .section{padding-top:38px!important;padding-bottom:38px!important}
 .section-title{margin-bottom:25px!important}
 .ctn-str-2{min-height:0!important}
 footer{padding-top:36px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr!important;gap:28px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:auto!important}
 footer .v-footer .sw-medium-2-1{display:block!important;text-align:center!important}
 footer .v-footer .col{width:100%!important;float:none!important;margin:8px 0!important}
 .trusted-clients{min-height:320px!important}
 .trusted-clients .logo img{max-width:108px!important;height:72px!important}
}


/* SMP 2026 visibility and contrast hotfix */
[data-aos],[data-aos].aos-init,[data-aos].aos-animate{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}
.trusted-clients,.trusted-clients.aos-init,.trusted-clients.aos-animate{opacity:1!important;transform:none!important;visibility:visible!important}
.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer,.trusted-clients .owl-stage{opacity:1!important;visibility:visible!important}
.trusted-clients .owl-item.active{opacity:1!important;visibility:visible!important}
.box-1-ctn{background:#eef5fc!important}
.box-1-ctn h3,.box-1-ctn .main-title{color:#061f33!important}
.box-1-ctn p{color:#344f63!important}
footer p,footer .qcontact p,footer .qcontact li,footer .qcontact a{color:#bcd3e1!important}
footer .qcontact .icon{opacity:1!important}
@media(max-width:1279px){
 .section>.wrp{padding-top:0!important;padding-bottom:0!important}
 .trusted-clients{min-height:0!important}
}


/* SMP 2026 full-site stability and enterprise layout repair */
main{display:block!important;overflow:hidden!important;background:#020b12!important}
main>.page-header-ctn{margin-bottom:0!important}
main>.moduletable,main>.section,main>.trusted-clients,main>.managed-security-section,footer{margin-top:0!important}
main>.section{display:block!important;height:auto!important;min-height:0!important}
main .dsg-4-ctn,main .dsg-5-ctn{height:auto!important;min-height:0!important}
main .dsg-4-ctn{padding-top:54px!important;padding-bottom:54px!important}
main .dsg-5-ctn{padding-top:48px!important;padding-bottom:48px!important}
main .dsg-4-ctn h1,main .dsg-4-ctn h2,main .dsg-4-ctn h3,
main .dsg-5-ctn h1,main .dsg-5-ctn h2,main .dsg-5-ctn h3,
main .managed-security-section h1,main .managed-security-section h2,main .managed-security-section h3{color:#fff!important}
main .dsg-4-ctn p,main .dsg-5-ctn p,main .managed-security-section p{color:#c6d8e4!important}
main .dsg-4-ctn img,main .managed-security-section img{border-radius:18px!important;object-fit:cover!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
main .dsg-4-ctn .main-title,main .managed-security-section .section-title h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important}
.managed-security-section{padding:58px 0!important}
.managed-security-section .support-banner{min-height:0!important}
.managed-security-section img{height:390px!important}
.smp-client-section{position:relative!important;z-index:1!important;display:block!important;clear:both!important;height:auto!important;min-height:0!important;padding:54px 0!important;background:linear-gradient(135deg,#041725,#07334f)!important}
.smp-client-section .wrp{display:block!important}
.smp-client-header{text-align:center!important;max-width:820px!important;margin:0 auto 34px!important}
.smp-client-header h2{margin:0 0 14px!important;color:#fff!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important}
.smp-client-header p{margin:0!important;color:#c4d7e3!important;font-size:17px!important;line-height:1.65!important}
.smp-client-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;position:static!important;width:100%!important;height:auto!important}
.smp-client-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:112px!important;padding:16px!important;background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important}
.smp-client-logo img{display:block!important;max-width:100%!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.smp-client-section+footer,footer{position:relative!important;z-index:2!important;clear:both!important;margin-top:0!important}
footer{padding-top:42px!important}
.page-header-ctn{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(115deg,#061f33,#083e5e)!important}
.page-header-ctn h1,.page-header-ctn h2,.page-header-ctn p{color:#fff!important}
main p{line-height:1.65!important}
main h1,main h2,main h3{overflow-wrap:anywhere}
@media(max-width:1100px){
 .smp-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
 main .dsg-4-ctn,main .dsg-5-ctn{padding-top:38px!important;padding-bottom:38px!important}
 .managed-security-section{padding:42px 0!important}
 .managed-security-section img{height:290px!important}
 .smp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .smp-client-logo{height:96px!important;padding:12px!important}
}
@media(max-width:520px){
 .smp-client-section{padding:38px 0!important}
 .smp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .smp-client-logo{height:88px!important;padding:10px!important}
 .smp-client-header{text-align:left!important;margin-bottom:25px!important}
}


/* SMP 2026 final overlap, duplicate and spacing fix */
main .dsg-5-ctn{margin-top:0!important}
.managed-security-section+.managed-security-section{display:none!important}
.trusted-clients{display:block!important;position:relative!important;z-index:1!important;height:auto!important;min-height:560px!important;padding:50px 0!important;overflow:hidden!important}
.trusted-clients .carousel-logos-ctn{display:grid!important;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr)!important;gap:42px!important;align-items:center!important;height:auto!important;min-height:360px!important}
.trusted-clients .carousel-left,.trusted-clients .carousel-right{display:block!important;position:relative!important;width:auto!important;height:auto!important;float:none!important}
.trusted-clients .carousel-box,.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer{display:block!important;position:relative!important;width:100%!important;min-height:150px!important;overflow:hidden!important}
.trusted-clients .owl-stage{min-height:140px!important}
.trusted-clients+footer{position:relative!important;clear:both!important;margin-top:0!important;z-index:2!important}
@media(max-width:820px){
 .trusted-clients{min-height:600px!important}
 .trusted-clients .carousel-logos-ctn{grid-template-columns:1fr!important;gap:28px!important;min-height:480px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
 .trusted-clients .section-title h2{font-size:36px!important;line-height:1.12!important}
}
@media(max-width:520px){
 .trusted-clients{min-height:560px!important}
 .trusted-clients .carousel-logos-ctn{min-height:440px!important}
}


/* SMP 2026 About and Contact slide repair */
.inpages .page-header-ctn{position:relative!important;z-index:1!important;overflow:visible!important;padding:38px 0!important;min-height:0!important}
.inpages .page-header-ctn .wrp{padding-top:0!important;padding-bottom:0!important}
.inpages .page-header-ctn h1,.inpages .page-header-ctn h2{position:relative!important;top:auto!important;margin-top:0!important;color:#fff!important}
.inpages .dsg-5-ctn,.inpages .row.mt150.dsg-5-ctn{margin-top:0!important;padding:52px 0!important;background:linear-gradient(135deg,#061f33,#0a4162)!important}
.inpages .dsg-5-ctn .sw-medium-2-1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.inpages .dsg-5-ctn .dsg-5{width:auto!important;float:none!important;margin:0!important;padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-sizing:border-box!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .dsg-5-ctn h2,.inpages .dsg-5-ctn h3{color:#fff!important}
.inpages .dsg-5-ctn p{color:#c8dbe7!important;font-size:17px!important;line-height:1.7!important}
.inpages .contact-ctn{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:44px!important;height:auto!important;padding:48px 0!important}
.inpages .contact-1,.inpages .contact-2,.inpages .contact-details{width:auto!important;height:auto!important;float:none!important;box-sizing:border-box!important}
.inpages .contact-details{padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .contact-details h1,.inpages .contact-details h2,.inpages .contact-details h3{color:#fff!important}
.inpages .contact-details p,.inpages .contact-details li,.inpages .contact-details a{color:#c8dbe7!important;font-size:17px!important}
.inpages .contact-2{padding:34px!important;background:#071f31!important;border:1px solid #18536f!important;border-radius:16px!important}
.inpages .contact-2 label{color:#eef7fc!important}
.inpages .contact-2 input,.inpages .contact-2 textarea,.inpages .contact-2 select{width:100%!important;box-sizing:border-box!important;background:#fff!important;color:#172a38!important;border:1px solid #9fc0d2!important;border-radius:7px!important}
.inpages .contact-2 input:focus,.inpages .contact-2 textarea:focus{outline:2px solid #00a9d6!important;border-color:#00a9d6!important}
.inpages .contact-2 .button,.inpages .contact-2 button[type=submit],.inpages .contact-2 input[type=submit]{background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;border:0!important;border-radius:7px!important}
.inpages .contact-details iframe,.inpages .contact-1 iframe{width:100%!important;max-width:100%!important;border-radius:12px!important;overflow:hidden!important}
@media(max-width:820px){
 .inpages .dsg-5-ctn .sw-medium-2-1,.inpages .contact-ctn{grid-template-columns:1fr!important;gap:24px!important}
 .inpages .dsg-5-ctn .dsg-5,.inpages .contact-details,.inpages .contact-2{padding:25px!important}
 .inpages .page-header-ctn{padding:28px 0!important}
}


/* SMP 2026 Contact offices update */
.inpages .contact-details{display:flex!important;flex-direction:column!important}
.inpages .contact-details:before{content:"Meet Our Offices";order:-2;display:block;color:#fff;font-size:30px;line-height:1.15;font-weight:800;margin:0 0 12px}
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call or email us to arrange an appointment.";order:-1;display:block;white-space:pre-line;color:#c8dbe7;font-size:18px;line-height:1.65;margin:0 0 26px}
.inpages .contact-details>h1,.inpages .contact-details>h2,.inpages .contact-details>h3{display:none!important}
.inpages .contact-details iframe,.inpages .contact-details [class*=map],.inpages .contact-details .map{display:none!important}
.inpages .contact-details .qcontact{margin-top:0!important}
@media(max-width:520px){
 .inpages .contact-details:before{font-size:26px}
 .inpages .contact-details:after{font-size:16px}
}


/*
<?php if( $detect->isMobile() && !$detect->isTablet() ){ ?><!--mobile--><?php } ?> 
<?php if( $detect->isTablet() ){ ?><!--tablet--><?php } ?>
<?php if( !$detect->isTablet() && !$detect->isMobile() ){ ?><!--desktop--><?php } ?>

 <jdoc:include type="component" />
 <jdoc:include type="modules" name="breadcrumbs" style="none" />
 
*/

 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

 

:root {
 	--color-white:#fff;
	--color-dark:#222222;
	--color-dark-blue:#005488;
	--color-orange:#f0a700;
	--color-light-grey:#666668;
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--color-white);
	font-weight:400;
	color: var(--color-dark);
	scroll-behavior: smooth;
	min-width:320px;
	font-family: "Roboto", serif;
 }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}

body{
	overflow-x:hidden;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}



ul,li ,ol{
  list-style:none;
  padding:0;
  margin:0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlowXHidden{
 overflow-x:hidden;
}


/*********
FONTS 
**************/
h1,h2,h3,h4,h5,h6,a,span,p{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-dark);
	font-family: var(--font-family);
	font-size:100%;
	font-weight: normal;
	display:inline-flex
 }



a{
  transition:color ease 0.3s;
  cursor:pointer
}	

a:hover{
  cursor:pointer;
  transition:color ease 0.3s
}	


a h3:hover{
	color:var(--color-dark-blue);
	cursor:pointer;
	transition:color ease 0.3s
}	


.cursor-pointer{
	cursor:pointer;
}



h1{
	font-size:20px;
	font-weight:800;
	line-height:120%;
	position:relative;
	display: table;
}


.section-title h2{
	font-size: 36px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    display: table;
    z-index: 2;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}

h3{
	font-size: 20px;
}

h3.main-title{
	font-size: 24px;
	font-weight:bold;
}


h6{
	font-size:14px;
	line-height:150%;
}

p{
	font-size:18px;
	line-height:150%;
}

p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}

.article p{
	display:table;
}

.article p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

.article p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}


.section-title h2,
.section-title {
	display:table;
	margin:0 auto 20px auto;
	width:auto;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}


.section-title.center h2,
.section-title.center {
	text-align:center;
}

.section-title.left h2,
.section-title.left {
	text-align:left;
	width: 100%;
}


/* -------------------------------- 
Main components 
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

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

Main components 

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

.full-wrp{
	width:90%;
	max-width:1920px;
	margin:auto;
	position:relative;
}

.wrp{
	width:90%;
	max-width:1480px;
	margin:auto;
	position:relative;
}

.wrp-small{
	width:90%;
	max-width:1280px;
	margin:auto;
	position:relative;
}

  

.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}


.section {
	display:table;
	width:100%;
	margin-top:150px;
}

.section.sc2 {
	margin-top:250px;
}

/***********************
containers structure designs 
*****************/
.ctn-str-1{
	display:flex;
}

.ctn-str-1 .str-1{
	width:45%;
	margin-right:5%;
}

.ctn-str-1 .str-2{
	width:100%;
}


.ctn-str-2 .image{
	width:100%;
	height:60px;
	display:block;
	margin-bottom:20px;
}

.ctn-str-2 .image img{
	width:auto;
	height:60px;
}

.ctn-str-2 h3{
	margin-bottom:15px;
}

/***********************
HEADER 
*****************/
header {
	position: fixed;
    top: 0;
    right: 0;
    height: auto;
    /* width: 100%; */
    z-index: 999999;
    background: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 100%;
	transition:all ease .4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.shrink{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition:all ease .4s;
	top: -45px;
} 


header.shadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition:all ease .4s;
}


header .row-1{
    width: 100%;
    padding: 10px 0 10px 0;
    display: table;
	background:var(--color-dark-blue);
	background:var(--color-dark);
}

header .row-2{
	width:100%;
	display:flex;
	margin:5px 0 0 0;
	flex-direction: row;
	flex-wrap:nowrap;
	position: relative;
}


header .contact-header {
    display: flex;
    width: auto;
	float: right;
	height:20px;
}

header  .icon-ctn {
	display:flex;
	width:22px;
	height:22px;
	margin-right:2px;
}

header .icon-ctn.icon-email   {
	background: url(../background/svg-icons/email-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:18px;
	height:14px;	
	position: relative;
    top: 4px;
	right:-1px;
}

header .icon-ctn.icon-phone   {
	background: url(../background/svg-icons/phone-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:16px;
	height:14px;	
	position: relative;
    top: 3px;
}

header .contact-header h6 {
	font-size:0.8rem;
	line-height: 1.4rem;
	font-weight:400;
	display: inline-flex;
	color:#fff;
}

header .contact-header h6:hover{
	color:#FF9800;
}

header .logo-pos{
    width: 117px;
    height: 60px;
    position: relative;
    top: -20px;
    top: 0px;
	transition:all ease .4s;
}

.header-logo img{
	width: auto;
    height: 50px;
	transition:all ease .4s;
	top: 4px;
    position: relative;
}

header.shrink  .logo-pos{
   width: auto;
    height: 40px;
    position: relative;
    top: -30px;
	transition:all ease .4s;
}

header.shrink .header-logo img{
	width: auto;
    height: 40px;
	transition:all ease .4s;
	top: 0px;
    position: relative;
}


header .menu-pos{
	width: auto;
    position: absolute;
    right: 0;
    height: 40px;
    margin: auto;
    top: -5px;
    bottom: 0;
}


header.shrink .header-logo img{
	height: 30px;
    margin: auto;
    top: 35px;
    position: relative;
	transition:all ease .4s;
}


.mobile-console{
	width:100%;
	display:flex;
	height:60px;
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 999;
	box-shadow: 0px -10px 15px -3px rgba(0,0,0,0.1);
}


.mobile-console .logo-pos{
	display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}


.mobile-console .logo-ctn img{
	width:auto;
	height:40px;
}

.mobile-console  .contact-pos {
	display: block;
    position: absolute;
    right: 60px;
    top: 0px;
    width: 60px;
    height: 60px;
	background: #68c5ee;
	background: #EEF5FC;
}


.mobile-console .contact-icon .icon.phone{
    background: url(../background/svg-icons/mobile-phone-icon-dark.svg) no-repeat;
    background-size: 32px 32px;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}







/***********************
INSIDE PAGES 
*****************/
.inpages{
	padding:99px 0 0 0; 
}

.page-header-ctn {
	display:block;
	padding:100px 0;
	background: url(../background/svg-templates/page-header-layer-back.svg) no-repeat;
    background-size: auto ;
	position:relative;
	background:#222222;
	background:#EEF5FC;
}




.page-header-ctn .arrows-movement {
    display: block;
    width: 492px;
    height: 100%;
    background: url(../background/svg-templates/page-header-layer-arrows.svg) no-repeat;
    background-size: 492px 100%;
    position: absolute;
    top: 0;
    right: 0;
}


.page-header-ctn .page-header{
	top:0;
	bottom:0;
	margin:auto
}

.page-header-ctn .page-header h1{
	font-size:36px;
	font-weight:bold;
	color:#323232;
}

.page-header-ctn .page-header h2{
	font-size:22px;
	color:#323232;
	font-weight:500
}

.blue-header .page-header-ctn{
	background:#0A5589
}

.blue-header .page-header-ctn h1,
.blue-header .page-header-ctn h2 {
	color:#fff;
}

.contact-ctn{
	display:flex;
}

.contact-ctn .contact-1{
	width:50%;
	display:block;
	margin-right:100px;
}

.contact-ctn .contact-2{
	width:50%;
	display:block;
}


.contact-ctn .contact-details ul{
	display:table;
	
}

.contact-ctn .contact-details ul li{
	display:table;
	width:100%;
	padding:10px 0;
}

.contact-details p{
	display: flex;
}

.contact-details .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 2px;
	float:left;
}

.contact-details .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}


.contact-details .googlemap{
	width:100%;
	height:400px;
}



.input-forms-style.style-1 {
    width: 100%;
    margin: auto
}

.input-forms-style.style-1 .form-layout {
    margin-bottom: 30px
}

.input-forms-style.style-1 .col-mb {
    margin-bottom: 30px
}

.input-forms-style.style-1 label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.input-forms-style.style-1 .alert-ctn {
    position: relative
}

.input-forms-style.style-1 .error_email {
    color: #fff;
    position: absolute;
    bottom: -27px;
    font-size: 10px;
    background: red;
    padding: 2px 5px
}

.input-forms-style.style-1 input {
    border: 1px solid #bbb;
    padding: 10px
}

.input-forms-style.style-1 input.form-field {
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px
}

.input-forms-style.style-1 .required-star {
    color: red;
    font-weight: 700;
    margin-right: 10px
}

.input-forms-style.style-1 textarea {
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    height: 150px;
    resize: none;
    font-size: 14px;
    font-family: montserrat,sans-serif
}

.input-forms-style.full-width {
    width: 100%;
    max-width: 100%;
    margin: auto
}

.dropdown .label {
    color: #2e52c1
}

.dropdown li.active {
    font-weight: 700
}

.dropdown .selected {
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #000;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    list-style: none;
    padding: 18px 12px
}

.style-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input::-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-ms-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input input:focus::-moz-placeholder {
    font-size: 0
}

.style-input input:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input input:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea::placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input textarea:focus {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none
}

.style-input textarea:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input textare:focusa::-webkit-input-placeholder {
    font-size: 0
}

.style-input textarea:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus::-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input textarea:focus::placeholder {
    font-size: 0
}

.checkbox-aggree .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px
}

.checkbox-aggree .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox-aggree .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #e6e6e6
}

.control--radio .control__indicator {
    border-radius: 50%
}

.checkbox-aggree .control:hover input~.control__indicator,.checkbox-aggree .control input:focus~.control__indicator {
    background: #ccc
}

.checkbox-aggree .control input:checked~.control__indicator {
    background: #2aa1c0
}

.checkbox-aggree .control:hover input:not([disabled]):checked~.control__indicator,.checkbox-aggree .control input:checked:focus~.control__indicator {
    background: #0e647d
}

.checkbox-aggree .control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.checkbox-aggree .control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

.checkbox-aggree .control input:checked~.control__indicator:after {
    display: block
}

.checkbox-aggree .control--checkbox .control__indicator:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-aggree .control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

.checkbox-aggree .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff
}

.checkbox-aggree .control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b
}

#emails-alert.alert-overlay {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999999
}

#emails-alert.alert-overlay.display_none {
    display: none
}

#emails-alert .emails-alert {
    position: fixed;
    bottom: 0;
    z-index: 9999999999999;
    width: 100%;
    -webkit-animation: alert-in .5s;
    -moz-animation: alert-in .5s;
    -o-animation: alert-in .5s;
    animation: alert-in .5s;
    width: 100%;
    max-width: 540px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 400px;
    padding: 20px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row {
    display: block;
    width: 100%;
    padding: 20px 10px 10px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row.success {
    background: #2e52c1
}

#emails-alert .emails-alert .top-row.error {
    background: #e75e60
}

#emails-alert .emails-alert .top-row .image-icon {
    width: 100%;
    height: 70px;
    margin: 15px auto
}

#emails-alert .emails-alert .top-row .image-icon img {
    width: 70px;
    height: auto;
    margin: auto
}

#emails-alert .emails-alert .top-row.error .image-icon img {
    width: 66px;
    height: 66px;
    margin: auto
}

#emails-alert .emails-alert .top-row h3 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

#emails-alert .emails-alert .top-row p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

#emails-alert .emails-alert h3,#emails-alert .emails-alert p {
    color: #fff
}

#emails-alert .emails-alert .top-row p a {
    color: #fff;
    font-weight: 700
}

#emails-alert .emails-alert .top-row h4 a:hover {
    color: #000
}

#emails-alert .emails-alert .top-row hr {
    margin: 10px 0;
    border: 0 solid #fff;
    height: 1px;
    width: 100%;
    background: #fff
}

#emails-alert .emails-alert .bottom-row {
    background: #fff;
    height: 40px;
    display: table;
    width: 100%;
    padding: 15px 0;
    text-align: center
}

@-webkit-keyframes alert-in {
    0% {
        opacity: 0;
        top: -100px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

#emails-alert .alert.alert-success-ctn,#emails-alert .alert.alert-error {
    margin: auto;
    height: auto;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0)
}

#emails-alert .alert.alert-error {
    background: #c73537
}

#emails-alert .close-button {
    line-height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    border-radius: 0;
    line-height: 36px;
    letter-spacing: 1px;
    max-width: 260px;
    margin: auto
}

#emails-alert .alert.alert-error h4,#emails-alert .alert.alert-success-ctn h4 {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    width: 90%;
    margin: auto
}

#emails-alert .alert.alert-success-ctn .button a {
    color: #fff;
    border-color: #23282b;
    font-weight: 700;
    background: #000;
    width: 90%;
    max-width: 320px;
    display: table;
    margin: auto;
    height: 40px;
    line-height: 26px;
    border-radius: 4px
}


/***********************
SLIDER 
*****************/
.main-slider {
	width:100%;
	display:block;
	margin-top: 100px;
	position:relative;
	height:550px;
	overflow:hidden;
}


.main-slider .text-ctn{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:600px;
	width:90%;
	display:table;
 	z-index:3
}


@-moz-document url-prefix() {
	  .main-slider .text-ctn{
		height:170px;
	}
}


 
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description{
	text-align:center;
	margin:0 auto 5px auto;
	overflow-wrap: break-word;
	color:#fff;
}

.main-slider .text-ctn .description span{
	color:#fff;
}



.main-slider .text-ctn .title h1 {
	font-size:46px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#fff;
}

.main-slider .text-ctn .button{
	text-align:center;
	margin:10px auto 0 auto;
}

.main-slider .overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	width:100%;
	display:block;
	height:100%;
	background:rgba(0,0,0,0.0);
	z-index:2
}  

.main-slider .image-pos{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1
}

.main-slider .image-ctn img{
	width:100%;
	height:100%;
	object-fit:cover
}


/** box designs */

.box-ctn-shadow:after{
	content:"";
    background: #eef5fc;
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
	border-radius:8px
}

.box-1-ctn{
	background:#EEF5FC;
	padding:20px;
	position:relative;
	z-index:2;
	border-radius:8px
}


.box-1-ctn.darkblue{
	background:#005488;
}

.box-1-ctn.darkblue h3,
.box-1-ctn.darkblue p{
	color:#fff;
}
 
.box-1-ctn h3{ 
    display: table;
    width: 100%;
    margin-bottom: 20px;
	text-align:center
}

.hr-icon{
	background: url(../background/svg-icons/hr-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.hr-white-icon{
	background: url(../background/svg-icons/hr-white-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.box-1-ctn p{
    text-align: center;
    display: table;
    width: 100%;
}


.box-2-ctn {
	display:block;
	width:100%;
	border:1px solid #E3E3E3;
	position:relative;
	-webkit-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
}


.box-2-ctn .image{
	padding:20px;
	width:120px;
	height:120px;
	display:block;
	background:#E3E3E3;
	margin:20px auto 20px auto;
}

.box-2-ctn .title{
	width:80%;
	margin:0 auto 5px auto ;
	text-align:center
}

.box-2-ctn .description{
	width:90%;
	margin:0 auto 5px auto ;
	text-align:center;
	min-height:60px
}

.box-2-ctn .description p{
	color:var(--color-dark-blue)
}

.box-2-ctn .price{
	width:80%;
	margin:0 auto 20px auto ;
	text-align:center;
	font-size:46px;
	font-weight:900
}

.box-2-ctn .details{
	margin:0 auto 5px auto ;
	background:#EEF5FC;
	padding:20px
}

.box-2-ctn .button-pos{
	margin:20px auto 20px auto ;
}


.box-2-ctn ul{
	width:80%;
	margin:0 auto 0 auto ;
	text-align:center;
	display:table;
}

.box-2-ctn ul li{
	width:100%;
	display:table;
	text-align:left;
	margin:0 auto 0 auto ;
	position:relative;
	padding:3px 0;
}

.box-2-ctn ul li:before{
	content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -25px;
    top: 8px;
	background: url(../background/svg-icons/tick-box.svg) no-repeat;
    background-size: 14px 14px;
	display:block;
}
 
.box-2-ctn.bestseller-ctn .bestseller-box{
	position:absolute;
	right:-12px;
	top:-12px;
	background:#E28D0D;
	padding:8px 12px;
	color:#fff;
	font-weight:900;
	font-size:14px;
}
 
 
.box-2-ctn.bestseller-ctn .price{
	color:#E28D0D;
}

.box-2-ctn.bestseller-ctn .details{
	margin:0 auto 5px auto ;
	background:#F9E8CF;
	padding:20px
}

.box-2-ctn.bestseller-ctn ul li:before{
	background: url(../background/svg-icons/tick-box-orange.svg) no-repeat;
}



.dsg-4-ctn {
	display:flex;
}

.dsg-4-ctn .dsg-4-col-1{
	width:40%;
	margin-right:100px;
}

.dsg-4-ctn .dsg-4-col-2{
	width:60%;
}

.dsg-4-ctn .dsg-4-col-1 .image{
	width:100%;
 	display:block;
	height:100%;
	min-height:400px;
	min-width: 400px;
	height: 100%;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(50% 15%, 100% 0, 100% 100%, 100% 80%, 50% 96%, 50% 96%, 0% 80%, 0 0);
}

.dsg-4-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}



.dsg-5-ctn{
	padding:100px 0;
	background: #EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.dsg-5{
	width:100%;
	display:block;
}


.dsg-5 h3{
	text-align:center;
	display: table;
    width: 100%;
	font-weight:bold;
}

.dsg-5 p{
	text-align:center;
	display: table;
    width: 100%;

}


/***********************
FOOTER 
*****************/
footer{
	width:100%;
	background:#FDFDFD;
	display:block;
	margin:100px 0 0;
	position:relative;
	padding:80px 0 0 0;
}

footer .footer-border-top{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:100px;
	display:block;
	background: url(../background/svg-icons/footer-top-dots.svg) ;
    background-size:auto  100% ;
}


footer .v-footer{
	width:100%;
	padding:10px 0;
	background:#F3F3F3;
	display:block;
}

footer .v-footer p,
footer .v-footer a{
	font-size:12px;
}

footer .dv2{
	text-align:right;
}

footer .footer-info .image{
	width: 117px;
    height: 60px;
	display:block;
	margin-bottom:20px;
}

footer .footer-info .image img{
	width:auto;
	height:60px;
}
footer h3{
	font-weight:500;
	margin-bottom:20px;
}

footer  p,
footer  a{
	font-size:16px;
	line-height:26px;
}

footer .qcontact{
	display:table;
}

footer .qcontact li{
	width:100%;
	padding:0px 0 10px 10px;
	display: inline-flex;
}


footer .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 5px;
}

footer .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.social-hor {
	display:flex;
}

.social-hor li{
	width:46px;
	height:46px;
	margin-right:20px;
}
 
.social-hor li:last-child{
	margin-right:0;
}

.social-hor li .social-footer-icon-box{
	width:46px;
	height:46px;
}
 
 .social-hor li .social-footer-icon-box.social-icon-facebook{
	background: url(../background/svg-icons/social-icon-facebook.svg) no-repeat;
    background-size: 46px 46px ;
}

 .social-hor li .social-footer-icon-box.social-icon-x{
	background: url(../background/svg-icons/social-icon-x.svg) no-repeat;
    background-size: 46px 46px ;
}

.bv-logo{
	font-weight:900;
	color:#23282b;
}

.bv-logo .bv{
	font-weight:900;
	color:#075ee3
}

/*****************
BUTTONS CTA
***********************/
.button-pos-center{
	margin: auto;
}

.btn {
	font-size: 18px;
    font-weight: normal;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 20px 45px 20px 20px;
    /**box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);**/
    text-decoration: none;
	min-width: 220px;
    text-decoration: none;
	position:relative
}

.btn .arrow-button {
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 18px;
    z-index: 1;
    background: url(../background/svg-icons/button-arrow.svg) no-repeat;
    background-size: 22px 14px;
	transition: all .2s ease;
}

.btn:hover .arrow-button{
	 right: 8px;
	transition: all .2s ease;
} 


.btn.big-btn{
	max-width:220px;
}

.btn:disabled{
	opacity:0.6;
	transition:all ease 0.3s;
	/**box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);**/
}


.btn-hover,
.btn-hover-no-shadow {
    color: #fff;
	border-width: 1px;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover,
.btn-hover-no-shadow:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 
/* dark blue */
.btn-hover.cta1{
background-image: linear-gradient(to right, #005488, #005488, #005488,  #2E52C1, #2E52C1, #2E52C1);
 color: #fff!important;
}

/* orange */
.btn-hover.cta2{
background-image: linear-gradient(to right, #E28D0D, #E28D0D, #E28D0D,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}

/* orange */
.btn-hover.cta3{
background-image: linear-gradient(to right, #222222, #222222, #222222,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}


/* white */
.btn-hover.cta5{
background-image: linear-gradient(to right, #0A8961, #0A8961, #0A8961,  #076C4C, #076C4C, #076C4C);
color: var(--color-white)!important;
}



.button-text{
	font-size:12px;
	transition:all ease .3s;
	background:#222;
	padding:5px 10px;
	color:#fff;
	border-radius:4px;
}

.button-text:hover{
	transition:all ease .3s;
	background:var(--color-dark-blue)
}


/***********************
FIELDS
*****************/
.input-layout-1 input {
	background: #fff;
    height: 50px;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
    max-width: 100%;
    display: table;
    border:1px solid #ced4da;
    width: 100%;
	font-family: var(--font-family);
}

.input-layout-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-dark);
	opacity:0.5;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-ms-input-placeholder { /* IE 10+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-moz-placeholder { /* Firefox 18- */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}

*:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

input:focus::-moz-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-ms-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-moz-placeholder{
	background:#FAFAFA;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

/***********************
BREADCRUMBS 
*****************/
.breadcrumbs-ctn{
	border-bottom:0px solid #e7e7e7;
	border-top:0px solid #e7e7e7;
	padding:10px 0 10px 0;
	display:table;
 }

.breadcrumbs ul{
	display:flex;
}

.breadcrumbs ul li{
	margin-right:10px;
}

.breadcrumbs ul li:last-child{
	margin-right:0px;
}

.breadcrumbs ul li a,
.breadcrumbs ul li span{
	font-size: 12px;
    color:#fff;
    color:#005488;
    font-weight: normal;
}

.breadcrumbs ul li a:hover{
    color: var(--color-orange);
}


.breadcrumbs ul li:after{
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    background: url(../background/icons/arrow-breadcrumb.svg) no-repeat center center;
    background-size: 4px auto;
    float: right;
    position: relative;
    top: 7px;
    right: -6px;
}

.breadcrumbs ul li:last-child:after{
    display: none;
}



.blue-header .breadcrumbs ul li a,
.blue-header .breadcrumbs ul li span{
    color:#fff;
}
 
 
.carousel-logos-ctn{
	display:flex;
	height: 240px;
}


.carousel-logos-ctn .carousel-left{
	width: 25%;
    padding: 50px 0 0;
    display: inline-flex;
}

.carousel-logos-ctn .carousel-right{
	width: 75%;
    position: absolute;
    right: 0%;
    padding: 20px 0 0 0;
    max-width: 100%;
}

.carousel-logos-ctn .carousel-right .box-dsg1 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	top:-60px;
}

.carousel-logos-ctn .carousel-right .box-dsg2 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}

.carousel-logos-ctn .carousel-right .box-dsg3 {
	width:6px;
	height:250px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}


.carousel-logos-ctn .carousel-right .box-dsg4 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    top: -48px;
}

.carousel-logos-ctn .carousel-right .box-dsg5 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-right .box-dsg6 {
	width: 6px;
    height: 226px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -38px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-box{
	width:100%;
	position:relative;
	height:180px;
	top:20px;
}


.carousel-logos-ctn .carousel-box .logo{
	width:120px;
	height:120px;
	position:relative;
}

.carousel-logos-ctn .carousel-box .logo img{
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}



.carousel-logos-ctn .carousel-box .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: -50px;
}

.carousel-logos-ctn .carousel-box





.carousel-logos-ctn .carousel-box .owl-theme .owl-nav {
	display:none!important;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #EEF5FC;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot.active span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #222222!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}


.support-banner-ctn{
	width:100%;
}

.support-banner{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	width: 100%;
}

.support-banner .col-1{
	width:40%;
	margin-right:100px;
	display:block;
}

.support-banner .col-2{
	width:60%;
}

.support-banner .image {
	width:100%;
	height:auto;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	position:relative;
}
 
.support-banner .image img{
	width:100%;
	height:auto;
}



/***********************
counter
*****************/
.counter-ctn{
	display:block;
	padding:50px 0;
	background:#EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.counter-ctn h3,
.counter-ctn h3 span{
	font-size:66px;
	font-weight:900
}

.counter-ctn .count-digit{
	opacity:0;
}

.counter-ctn .count-digit.counter-loaded{
	opacity:1;
}








/***********************
MEDIA QUERIES
*****************/
 
@media screen and (max-width: 1440px) { 
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-260px);
		-moz-transform:  translateX(-260px);
		-ms-transform:  translateX(-260px);
		-o-transform:  translateX(-260px);
		transform: translateX(-260px);
	}
	
	#cd-lateral-nav {
		width: -260px;
	}
}
  

@media screen and   (max-width:1278px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}
	
	
	.carousel-logos-ctn {
		display: table;
		height: 400px;
	}
	
	.carousel-logos-ctn .carousel-left {
 		padding: 0;
		width:100%;
	}
	
	.carousel-logos-ctn .carousel-right {
		width: 100%;
		left: 0;
		margin: 0 0 0 0;
	}
	
	.carousel-box .owl-theme .owl-dots {
		left: 0;
	}
	
	.dsg-4-ctn {
	display:table;
	}

	.dsg-4-ctn .dsg-4-col-1{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.dsg-4-ctn .dsg-4-col-2{
		width:100%;
	}

	.dsg-4-ctn .dsg-4-col-1 .image{
		width:100%;
		height:auto;
		display:block;
		height:100%;
		min-width: auto;
		min-height:auto;
	}

}



@media screen and   (max-width:992px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}

}





@media screen and   (max-width: 768px) {
	.frontpage .cd-main-content {
		padding-top:0px;
	}

 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top:00px;
		margin-top: 0px;
	}
	
	.wrp{
		width:90%;
	}
	
	.main-slider {
		margin-top: 0px;
	}
	
	.main-slider .title h1{
		font-size: calc(4vw + 4vh + 2vmin)!important;
	}
	
	
	.counter-ctn h3,
	.counter-ctn h3 span{
		font-size:36px;
	}
	
	footer .dv1,
	footer .dv2{
		text-align:center;
		padding:5px 0;
	}

	.contact-ctn{
		display:table;
		width:100%;
	}

	.contact-ctn .contact-1{
		width:100%;
		margin-right:0px;
		margin-bottom:50px;
	}

	.contact-ctn .contact-2{
		width:100%;
	}
	

	.support-banner{
		display: table;
		width: 100%;
	}

.support-banner .col-1{
	width:100%;
	margin-right:0px;
	margin-bottom:50px;
 }

.support-banner .col-2{
	width:100%;
}

.support-banner .image {
	clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 93%, 0 70%);
}







}

@media screen and  (max-width: 680px) {
	
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	#cd-lateral-nav {
		width: -100%;
	}
	
	
	
}

@media screen and  (max-width: 480px) {
	
	
}




/* SMP 2026 homepage hero and trust-section refinements */
.main-slider .text-ctn{z-index:3!important;max-width:760px!important;}
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important;}
.main-slider .text-ctn .description h2{font-size:20px!important;line-height:1.5!important;font-weight:400!important;}
.main-slider .overlay{z-index:2!important;background:linear-gradient(90deg,rgba(2,10,27,.9) 0%,rgba(2,10,27,.55) 48%,rgba(2,10,27,.12) 100%)!important;}
.main-slider .image-ctn img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.trusted-clients .section-title p{max-width:390px;line-height:1.7;}
@media(max-width:768px){
 .main-slider .text-ctn{padding:0 24px!important;max-width:100%!important;}
 .main-slider .text-ctn .title h1{font-size:34px!important;line-height:1.12!important;}
 .main-slider .text-ctn .description h2{font-size:16px!important;line-height:1.45!important;}
 .main-slider .image-ctn img{object-position:62% center!important;}
 .main-slider .overlay{background:rgba(2,10,27,.72)!important;}
 .trusted-clients .carousel-logos-ctn{display:block!important;}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important;}
}


/* SMP 2026 professional hosting homepage */
html,body{max-width:100%;overflow-x:hidden}
.wrp{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.section{padding-top:76px;padding-bottom:76px}
.section-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em;color:#062640}
.section-title p{font-size:18px;line-height:1.7;color:#526679;max-width:820px;margin-left:auto;margin-right:auto}
.sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sw-col3-col2-col1.col-3>.col{width:auto!important;margin:0!important;float:none!important;display:flex}
.ctn-str-2{width:100%;box-sizing:border-box;padding:32px 28px!important;background:#fff;border:1px solid #dce7ef;border-radius:18px;box-shadow:0 12px 34px rgba(6,38,64,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.ctn-str-2:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#00a7d7,#0878bd)}
.ctn-str-2:hover{transform:translateY(-7px);border-color:#96d9ed;box-shadow:0 20px 48px rgba(6,38,64,.15)}
.ctn-str-2 .main-title{font-size:23px!important;line-height:1.25!important;color:#062640!important;margin-bottom:16px!important}
.ctn-str-2 p{font-size:16px;line-height:1.68;color:#526679}
.managed-security-section{background:linear-gradient(135deg,#031d31 0%,#063b5d 58%,#075c82 100%);padding:90px 0!important;position:relative;overflow:hidden}
.managed-security-section:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-210px;background:rgba(0,200,235,.12)}
.managed-security-section .support-banner{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.managed-security-section .col-2{width:auto!important;float:none!important}
.managed-security-section img{width:100%!important;height:470px!important;object-fit:cover;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.managed-security-section .section-title h2,.managed-security-section h3{color:#fff!important}
.managed-security-section .section-title h2{font-size:clamp(32px,4vw,50px)!important}
.managed-security-section p{color:#d7e8f2!important;font-size:17px!important;line-height:1.72!important}
.managed-security-section .btn,.managed-security-section a[class*="btn"]{display:inline-flex!important;align-items:center;justify-content:center;background:#00a9d6!important;color:#fff!important;border-radius:8px!important;padding:15px 25px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(0,169,214,.28)}
.trusted-clients{background:#f5f9fc!important;padding-top:72px!important;padding-bottom:72px!important}
.main-slider .text-ctn{left:max(20px,calc((100% - 1180px)/2))!important;right:auto!important;text-align:left!important;width:min(720px,calc(100% - 40px))!important}
.main-slider .text-ctn .title h1{font-size:clamp(42px,5vw,72px)!important;line-height:1.05!important;letter-spacing:-.035em}
.main-slider .text-ctn .description h2{max-width:650px}
@media(max-width:1100px){
 .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main-header .wrp,.header .wrp{width:calc(100% - 28px)!important}
 nav a,.menu a{font-size:14px!important;padding-left:9px!important;padding-right:9px!important}
}
@media(max-width:820px){
 .wrp{width:calc(100% - 30px)!important}
 .section{padding-top:58px;padding-bottom:58px}
 .sw-col3-col2-col1.col-3{grid-template-columns:1fr}
 .managed-security-section{padding:64px 0!important}
 .managed-security-section .support-banner{grid-template-columns:1fr;gap:34px}
 .managed-security-section img{height:320px!important}
 .main-slider .text-ctn{left:20px!important;width:calc(100% - 40px)!important}
 .main-slider .text-ctn .title h1{font-size:clamp(36px,10vw,54px)!important}
}
@media(max-width:520px){
 .wrp{width:calc(100% - 24px)!important}
 .ctn-str-2{padding:28px 22px!important}
 .managed-security-section img{height:250px!important}
 .main-slider .text-ctn{left:16px!important;width:calc(100% - 32px)!important}
 .main-slider .text-ctn .description h2{font-size:17px!important}
}

/* SMP 2026: remove legacy statistics counter strip */
body .section:has(> .counter-ctn){display:none!important;padding:0!important;margin:0!important;}
.counter-ctn{display:none!important;}


/* SMP 2026 mobile navigation, client logos and dark visual system */
.trusted-clients{display:block!important;visibility:visible!important;min-height:330px!important}
.trusted-clients .carousel-logos-ctn,.trusted-clients .carousel-right,.trusted-clients .carousel-box,.trusted-clients .owl-carousel{display:block!important;visibility:visible!important;min-height:120px!important}
.trusted-clients .owl-stage-outer{min-height:110px!important}
.trusted-clients .logo{display:flex!important;align-items:center;justify-content:center;min-height:100px!important;padding:10px!important;box-sizing:border-box}
.trusted-clients .logo img{display:block!important;width:auto!important;max-width:120px!important;height:82px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.page-banner,.inner-banner,.banner-ctn,.service-banner{background-color:#031d31!important}
.page-banner img,.inner-banner img,.banner-ctn img,.service-banner img{filter:brightness(.48) saturate(.72) hue-rotate(155deg)!important}
@media(max-width:768px){
 header.header-scroll.hide768{display:block!important;position:relative!important;width:100%!important;background:#031d31!important;z-index:9999!important}
 header.header-scroll .contact-header,header.header-scroll .secondary-menu-ctn{display:none!important}
 header.header-scroll .wrp{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
 header.header-scroll .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:64px!important;width:100%!important}
 header.header-scroll .header-logo img{display:block!important;width:auto!important;max-width:138px!important;height:46px!important;object-fit:contain!important}
 header.header-scroll .menu-pos{display:block!important;width:100%!important;background:#052942!important;border-top:1px solid rgba(255,255,255,.12)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 header.header-scroll .menu-pos:before{content:"☰  MENU";display:block;color:#fff;font-weight:800;font-size:14px;letter-spacing:.12em;padding:12px 16px 7px}
 header.header-scroll .menu-pos ul.mod-menu{display:flex!important;width:max-content!important;min-width:100%!important;gap:2px!important;margin:0!important;padding:0 8px 10px!important;list-style:none!important}
 header.header-scroll .menu-pos ul.mod-menu>li{display:block!important;float:none!important;width:auto!important;white-space:nowrap!important}
 header.header-scroll .menu-pos ul.mod-menu>li>a{display:block!important;color:#fff!important;font-size:13px!important;padding:9px 10px!important;border-radius:6px!important}
 .trusted-clients{min-height:360px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
}


/* SMP 2026 enterprise dark design system */
:root{--smp-black:#020b12;--smp-navy:#031d31;--smp-navy-2:#052f4d;--smp-blue:#007fba;--smp-cyan:#00a9d6;--smp-text:#d9e8f2}
body,.site,.cd-main-content{background:var(--smp-black)!important;color:var(--smp-text)}
.section{padding-top:52px!important;padding-bottom:52px!important;background:var(--smp-navy)!important}
.section:nth-of-type(even){background:var(--smp-black)!important}
.section-title h1,.section-title h2,.section-title h3{color:#fff!important}
.section-title p,.section p{color:#bfd0dc}
.section-title{margin-bottom:34px!important}
.sw-col3-col2-col1.col-3{align-items:stretch!important}
.sw-col3-col2-col1.col-3>.col{height:auto!important;align-self:stretch!important}
.ctn-str-2{display:flex!important;flex-direction:column!important;height:100%!important;min-height:360px!important;background:linear-gradient(155deg,#092d47 0%,#041a2b 100%)!important;border:1px solid #174b69!important;color:#dceaf3!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
.ctn-str-2:hover{border-color:var(--smp-cyan)!important;box-shadow:0 20px 48px rgba(0,120,180,.22)!important}
.ctn-str-2 .main-title{color:#fff!important}
.ctn-str-2 p{color:#bfd0dc!important}
.ctn-str-2>.mt20.row{margin-top:auto!important;padding-top:22px!important}
.ctn-str-2 .button-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:7px!important;background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px rgba(0,169,214,.2)!important}
.ctn-str-2 .button-text:hover{background:linear-gradient(90deg,#00a9d6,#007fba)!important}
.managed-security-section{background:linear-gradient(135deg,#020b12 0%,#031d31 55%,#06496d 100%)!important}
.trusted-clients{display:block!important;background:linear-gradient(135deg,#041725,#072f48)!important;padding-top:50px!important;padding-bottom:50px!important;min-height:300px!important}
.trusted-clients .section-title h2{color:#fff!important}
.trusted-clients .section-title p{color:#bfd0dc!important}
.trusted-clients .logo{background:#fff!important;border-radius:12px!important;margin:6px!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}
footer{background:#020b12!important;border-top:1px solid #12384f!important;padding-top:46px!important;color:#cbdce7!important}
footer>.wrp>.sw-col4-col2-col1{display:grid!important;grid-template-columns:1.35fr .8fr 1.1fr!important;gap:52px!important}
footer>.wrp>.sw-col4-col2-col1>.col{width:auto!important;float:none!important;margin:0!important}
footer>.wrp>.sw-col4-col2-col1>.col:first-child{display:none!important}
footer h3{color:#fff!important;margin-bottom:18px!important}
footer ul.vertical-menu{display:block!important;width:100%!important}
footer ul.vertical-menu li{display:block!important;margin:0 0 10px!important}
footer a{color:#bcd3e1!important}
footer a:hover{color:var(--smp-cyan)!important}
footer .v-footer{margin-top:38px!important;background:#00070c!important;border-top:1px solid #12384f!important;padding:18px 0!important}
footer .v-footer p{margin:0!important}
@media(max-width:900px){
 .ctn-str-2{min-height:330px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr 1fr!important;gap:34px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 .section{padding-top:38px!important;padding-bottom:38px!important}
 .section-title{margin-bottom:25px!important}
 .ctn-str-2{min-height:0!important}
 footer{padding-top:36px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr!important;gap:28px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:auto!important}
 footer .v-footer .sw-medium-2-1{display:block!important;text-align:center!important}
 footer .v-footer .col{width:100%!important;float:none!important;margin:8px 0!important}
 .trusted-clients{min-height:320px!important}
 .trusted-clients .logo img{max-width:108px!important;height:72px!important}
}


/* SMP 2026 visibility and contrast hotfix */
[data-aos],[data-aos].aos-init,[data-aos].aos-animate{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}
.trusted-clients,.trusted-clients.aos-init,.trusted-clients.aos-animate{opacity:1!important;transform:none!important;visibility:visible!important}
.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer,.trusted-clients .owl-stage{opacity:1!important;visibility:visible!important}
.trusted-clients .owl-item.active{opacity:1!important;visibility:visible!important}
.box-1-ctn{background:#eef5fc!important}
.box-1-ctn h3,.box-1-ctn .main-title{color:#061f33!important}
.box-1-ctn p{color:#344f63!important}
footer p,footer .qcontact p,footer .qcontact li,footer .qcontact a{color:#bcd3e1!important}
footer .qcontact .icon{opacity:1!important}
@media(max-width:1279px){
 .section>.wrp{padding-top:0!important;padding-bottom:0!important}
 .trusted-clients{min-height:0!important}
}


/* SMP 2026 full-site stability and enterprise layout repair */
main{display:block!important;overflow:hidden!important;background:#020b12!important}
main>.page-header-ctn{margin-bottom:0!important}
main>.moduletable,main>.section,main>.trusted-clients,main>.managed-security-section,footer{margin-top:0!important}
main>.section{display:block!important;height:auto!important;min-height:0!important}
main .dsg-4-ctn,main .dsg-5-ctn{height:auto!important;min-height:0!important}
main .dsg-4-ctn{padding-top:54px!important;padding-bottom:54px!important}
main .dsg-5-ctn{padding-top:48px!important;padding-bottom:48px!important}
main .dsg-4-ctn h1,main .dsg-4-ctn h2,main .dsg-4-ctn h3,
main .dsg-5-ctn h1,main .dsg-5-ctn h2,main .dsg-5-ctn h3,
main .managed-security-section h1,main .managed-security-section h2,main .managed-security-section h3{color:#fff!important}
main .dsg-4-ctn p,main .dsg-5-ctn p,main .managed-security-section p{color:#c6d8e4!important}
main .dsg-4-ctn img,main .managed-security-section img{border-radius:18px!important;object-fit:cover!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
main .dsg-4-ctn .main-title,main .managed-security-section .section-title h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important}
.managed-security-section{padding:58px 0!important}
.managed-security-section .support-banner{min-height:0!important}
.managed-security-section img{height:390px!important}
.smp-client-section{position:relative!important;z-index:1!important;display:block!important;clear:both!important;height:auto!important;min-height:0!important;padding:54px 0!important;background:linear-gradient(135deg,#041725,#07334f)!important}
.smp-client-section .wrp{display:block!important}
.smp-client-header{text-align:center!important;max-width:820px!important;margin:0 auto 34px!important}
.smp-client-header h2{margin:0 0 14px!important;color:#fff!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important}
.smp-client-header p{margin:0!important;color:#c4d7e3!important;font-size:17px!important;line-height:1.65!important}
.smp-client-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;position:static!important;width:100%!important;height:auto!important}
.smp-client-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:112px!important;padding:16px!important;background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important}
.smp-client-logo img{display:block!important;max-width:100%!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.smp-client-section+footer,footer{position:relative!important;z-index:2!important;clear:both!important;margin-top:0!important}
footer{padding-top:42px!important}
.page-header-ctn{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(115deg,#061f33,#083e5e)!important}
.page-header-ctn h1,.page-header-ctn h2,.page-header-ctn p{color:#fff!important}
main p{line-height:1.65!important}
main h1,main h2,main h3{overflow-wrap:anywhere}
@media(max-width:1100px){
 .smp-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
 main .dsg-4-ctn,main .dsg-5-ctn{padding-top:38px!important;padding-bottom:38px!important}
 .managed-security-section{padding:42px 0!important}
 .managed-security-section img{height:290px!important}
 .smp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .smp-client-logo{height:96px!important;padding:12px!important}
}
@media(max-width:520px){
 .smp-client-section{padding:38px 0!important}
 .smp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .smp-client-logo{height:88px!important;padding:10px!important}
 .smp-client-header{text-align:left!important;margin-bottom:25px!important}
}


/* SMP 2026 final overlap, duplicate and spacing fix */
main .dsg-5-ctn{margin-top:0!important}
.managed-security-section+.managed-security-section{display:none!important}
.trusted-clients{display:block!important;position:relative!important;z-index:1!important;height:auto!important;min-height:560px!important;padding:50px 0!important;overflow:hidden!important}
.trusted-clients .carousel-logos-ctn{display:grid!important;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr)!important;gap:42px!important;align-items:center!important;height:auto!important;min-height:360px!important}
.trusted-clients .carousel-left,.trusted-clients .carousel-right{display:block!important;position:relative!important;width:auto!important;height:auto!important;float:none!important}
.trusted-clients .carousel-box,.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer{display:block!important;position:relative!important;width:100%!important;min-height:150px!important;overflow:hidden!important}
.trusted-clients .owl-stage{min-height:140px!important}
.trusted-clients+footer{position:relative!important;clear:both!important;margin-top:0!important;z-index:2!important}
@media(max-width:820px){
 .trusted-clients{min-height:600px!important}
 .trusted-clients .carousel-logos-ctn{grid-template-columns:1fr!important;gap:28px!important;min-height:480px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
 .trusted-clients .section-title h2{font-size:36px!important;line-height:1.12!important}
}
@media(max-width:520px){
 .trusted-clients{min-height:560px!important}
 .trusted-clients .carousel-logos-ctn{min-height:440px!important}
}


/* SMP 2026 About and Contact slide repair */
.inpages .page-header-ctn{position:relative!important;z-index:1!important;overflow:visible!important;padding:38px 0!important;min-height:0!important}
.inpages .page-header-ctn .wrp{padding-top:0!important;padding-bottom:0!important}
.inpages .page-header-ctn h1,.inpages .page-header-ctn h2{position:relative!important;top:auto!important;margin-top:0!important;color:#fff!important}
.inpages .dsg-5-ctn,.inpages .row.mt150.dsg-5-ctn{margin-top:0!important;padding:52px 0!important;background:linear-gradient(135deg,#061f33,#0a4162)!important}
.inpages .dsg-5-ctn .sw-medium-2-1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.inpages .dsg-5-ctn .dsg-5{width:auto!important;float:none!important;margin:0!important;padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-sizing:border-box!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .dsg-5-ctn h2,.inpages .dsg-5-ctn h3{color:#fff!important}
.inpages .dsg-5-ctn p{color:#c8dbe7!important;font-size:17px!important;line-height:1.7!important}
.inpages .contact-ctn{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:44px!important;height:auto!important;padding:48px 0!important}
.inpages .contact-1,.inpages .contact-2,.inpages .contact-details{width:auto!important;height:auto!important;float:none!important;box-sizing:border-box!important}
.inpages .contact-details{padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .contact-details h1,.inpages .contact-details h2,.inpages .contact-details h3{color:#fff!important}
.inpages .contact-details p,.inpages .contact-details li,.inpages .contact-details a{color:#c8dbe7!important;font-size:17px!important}
.inpages .contact-2{padding:34px!important;background:#071f31!important;border:1px solid #18536f!important;border-radius:16px!important}
.inpages .contact-2 label{color:#eef7fc!important}
.inpages .contact-2 input,.inpages .contact-2 textarea,.inpages .contact-2 select{width:100%!important;box-sizing:border-box!important;background:#fff!important;color:#172a38!important;border:1px solid #9fc0d2!important;border-radius:7px!important}
.inpages .contact-2 input:focus,.inpages .contact-2 textarea:focus{outline:2px solid #00a9d6!important;border-color:#00a9d6!important}
.inpages .contact-2 .button,.inpages .contact-2 button[type=submit],.inpages .contact-2 input[type=submit]{background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;border:0!important;border-radius:7px!important}
.inpages .contact-details iframe,.inpages .contact-1 iframe{width:100%!important;max-width:100%!important;border-radius:12px!important;overflow:hidden!important}
@media(max-width:820px){
 .inpages .dsg-5-ctn .sw-medium-2-1,.inpages .contact-ctn{grid-template-columns:1fr!important;gap:24px!important}
 .inpages .dsg-5-ctn .dsg-5,.inpages .contact-details,.inpages .contact-2{padding:25px!important}
 .inpages .page-header-ctn{padding:28px 0!important}
}


/* SMP 2026 Contact offices update */
.inpages .contact-details{display:flex!important;flex-direction:column!important}
.inpages .contact-details:before{content:"Meet Our Offices";order:-2;display:block;color:#fff;font-size:30px;line-height:1.15;font-weight:800;margin:0 0 12px}
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call or email us to arrange an appointment.";order:-1;display:block;white-space:pre-line;color:#c8dbe7;font-size:18px;line-height:1.65;margin:0 0 26px}
.inpages .contact-details>h1,.inpages .contact-details>h2,.inpages .contact-details>h3{display:none!important}
.inpages .contact-details iframe,.inpages .contact-details [class*=map],.inpages .contact-details .map{display:none!important}
.inpages .contact-details .qcontact{margin-top:0!important}
@media(max-width:520px){
 .inpages .contact-details:before{font-size:26px}
 .inpages .contact-details:after{font-size:16px}
}


/* SMP 2026 enterprise Contact conversion and consent clarity */
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call us on +357 22 00 00 03 or email support@smptechnoservices.com to arrange an appointment. You can also complete the enquiry form and our team will contact you.";padding:18px 20px;background:rgba(0,169,214,.1);border-left:4px solid #00a9d6;border-radius:8px;color:#d8eaf4!important}
.inpages .contact-details .qcontact{padding:20px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(132,197,224,.22)!important;border-radius:10px!important}
.inpages .contact-details .qcontact a{font-weight:700!important;color:#fff!important}
.inpages .contact-details .qcontact a:hover{color:#00c8ef!important}
.inpages .contact-2 .control--checkbox{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin:18px 0!important;padding:16px!important;background:rgba(0,169,214,.08)!important;border:1px solid rgba(0,169,214,.35)!important;border-radius:9px!important;box-sizing:border-box!important;cursor:pointer!important}
.inpages .contact-2 .control--checkbox input[type=checkbox]{display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;margin:1px 0 0!important;padding:0!important;accent-color:#00a9d6!important}
.inpages .contact-2 .control--checkbox .control__indicator{display:none!important}
.inpages .contact-2 .text-warning-aggrement{font-size:0!important;line-height:1.55!important;color:#e7f3f9!important}
.inpages .contact-2 .text-warning-aggrement:after{content:"After completing “I’m not a robot”, tick this box to confirm that you agree to our Privacy Policy.";font-size:15px!important}
.inpages .contact-2 .control--checkbox:has(input:disabled){opacity:.72!important}
.inpages .contact-2 .control--checkbox:has(input:disabled):after{content:"Complete reCAPTCHA first";display:inline-block;margin-left:auto;padding:4px 8px;border-radius:5px;background:#133e58;color:#bfe8f7;font-size:12px;white-space:nowrap}
@media(max-width:520px){
 .inpages .contact-details:after{padding:15px 16px}
 .inpages .contact-2 .control--checkbox{flex-wrap:wrap!important}
 .inpages .contact-2 .control--checkbox:has(input:disabled):after{margin-left:34px}
}


/*
<?php if( $detect->isMobile() && !$detect->isTablet() ){ ?><!--mobile--><?php } ?> 
<?php if( $detect->isTablet() ){ ?><!--tablet--><?php } ?>
<?php if( !$detect->isTablet() && !$detect->isMobile() ){ ?><!--desktop--><?php } ?>

 <jdoc:include type="component" />
 <jdoc:include type="modules" name="breadcrumbs" style="none" />
 
*/

 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

 

:root {
 	--color-white:#fff;
	--color-dark:#222222;
	--color-dark-blue:#005488;
	--color-orange:#f0a700;
	--color-light-grey:#666668;
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--color-white);
	font-weight:400;
	color: var(--color-dark);
	scroll-behavior: smooth;
	min-width:320px;
	font-family: "Roboto", serif;
 }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}

body{
	overflow-x:hidden;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}



ul,li ,ol{
  list-style:none;
  padding:0;
  margin:0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlowXHidden{
 overflow-x:hidden;
}


/*********
FONTS 
**************/
h1,h2,h3,h4,h5,h6,a,span,p{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-dark);
	font-family: var(--font-family);
	font-size:100%;
	font-weight: normal;
	display:inline-flex
 }



a{
  transition:color ease 0.3s;
  cursor:pointer
}	

a:hover{
  cursor:pointer;
  transition:color ease 0.3s
}	


a h3:hover{
	color:var(--color-dark-blue);
	cursor:pointer;
	transition:color ease 0.3s
}	


.cursor-pointer{
	cursor:pointer;
}



h1{
	font-size:20px;
	font-weight:800;
	line-height:120%;
	position:relative;
	display: table;
}


.section-title h2{
	font-size: 36px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    display: table;
    z-index: 2;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}

h3{
	font-size: 20px;
}

h3.main-title{
	font-size: 24px;
	font-weight:bold;
}


h6{
	font-size:14px;
	line-height:150%;
}

p{
	font-size:18px;
	line-height:150%;
}

p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}

.article p{
	display:table;
}

.article p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

.article p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}


.section-title h2,
.section-title {
	display:table;
	margin:0 auto 20px auto;
	width:auto;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}


.section-title.center h2,
.section-title.center {
	text-align:center;
}

.section-title.left h2,
.section-title.left {
	text-align:left;
	width: 100%;
}


/* -------------------------------- 
Main components 
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

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

Main components 

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

.full-wrp{
	width:90%;
	max-width:1920px;
	margin:auto;
	position:relative;
}

.wrp{
	width:90%;
	max-width:1480px;
	margin:auto;
	position:relative;
}

.wrp-small{
	width:90%;
	max-width:1280px;
	margin:auto;
	position:relative;
}

  

.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}


.section {
	display:table;
	width:100%;
	margin-top:150px;
}

.section.sc2 {
	margin-top:250px;
}

/***********************
containers structure designs 
*****************/
.ctn-str-1{
	display:flex;
}

.ctn-str-1 .str-1{
	width:45%;
	margin-right:5%;
}

.ctn-str-1 .str-2{
	width:100%;
}


.ctn-str-2 .image{
	width:100%;
	height:60px;
	display:block;
	margin-bottom:20px;
}

.ctn-str-2 .image img{
	width:auto;
	height:60px;
}

.ctn-str-2 h3{
	margin-bottom:15px;
}

/***********************
HEADER 
*****************/
header {
	position: fixed;
    top: 0;
    right: 0;
    height: auto;
    /* width: 100%; */
    z-index: 999999;
    background: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 100%;
	transition:all ease .4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.shrink{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition:all ease .4s;
	top: -45px;
} 


header.shadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition:all ease .4s;
}


header .row-1{
    width: 100%;
    padding: 10px 0 10px 0;
    display: table;
	background:var(--color-dark-blue);
	background:var(--color-dark);
}

header .row-2{
	width:100%;
	display:flex;
	margin:5px 0 0 0;
	flex-direction: row;
	flex-wrap:nowrap;
	position: relative;
}


header .contact-header {
    display: flex;
    width: auto;
	float: right;
	height:20px;
}

header  .icon-ctn {
	display:flex;
	width:22px;
	height:22px;
	margin-right:2px;
}

header .icon-ctn.icon-email   {
	background: url(../background/svg-icons/email-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:18px;
	height:14px;	
	position: relative;
    top: 4px;
	right:-1px;
}

header .icon-ctn.icon-phone   {
	background: url(../background/svg-icons/phone-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:16px;
	height:14px;	
	position: relative;
    top: 3px;
}

header .contact-header h6 {
	font-size:0.8rem;
	line-height: 1.4rem;
	font-weight:400;
	display: inline-flex;
	color:#fff;
}

header .contact-header h6:hover{
	color:#FF9800;
}

header .logo-pos{
    width: 117px;
    height: 60px;
    position: relative;
    top: -20px;
    top: 0px;
	transition:all ease .4s;
}

.header-logo img{
	width: auto;
    height: 50px;
	transition:all ease .4s;
	top: 4px;
    position: relative;
}

header.shrink  .logo-pos{
   width: auto;
    height: 40px;
    position: relative;
    top: -30px;
	transition:all ease .4s;
}

header.shrink .header-logo img{
	width: auto;
    height: 40px;
	transition:all ease .4s;
	top: 0px;
    position: relative;
}


header .menu-pos{
	width: auto;
    position: absolute;
    right: 0;
    height: 40px;
    margin: auto;
    top: -5px;
    bottom: 0;
}


header.shrink .header-logo img{
	height: 30px;
    margin: auto;
    top: 35px;
    position: relative;
	transition:all ease .4s;
}


.mobile-console{
	width:100%;
	display:flex;
	height:60px;
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 999;
	box-shadow: 0px -10px 15px -3px rgba(0,0,0,0.1);
}


.mobile-console .logo-pos{
	display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}


.mobile-console .logo-ctn img{
	width:auto;
	height:40px;
}

.mobile-console  .contact-pos {
	display: block;
    position: absolute;
    right: 60px;
    top: 0px;
    width: 60px;
    height: 60px;
	background: #68c5ee;
	background: #EEF5FC;
}


.mobile-console .contact-icon .icon.phone{
    background: url(../background/svg-icons/mobile-phone-icon-dark.svg) no-repeat;
    background-size: 32px 32px;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}







/***********************
INSIDE PAGES 
*****************/
.inpages{
	padding:99px 0 0 0; 
}

.page-header-ctn {
	display:block;
	padding:100px 0;
	background: url(../background/svg-templates/page-header-layer-back.svg) no-repeat;
    background-size: auto ;
	position:relative;
	background:#222222;
	background:#EEF5FC;
}




.page-header-ctn .arrows-movement {
    display: block;
    width: 492px;
    height: 100%;
    background: url(../background/svg-templates/page-header-layer-arrows.svg) no-repeat;
    background-size: 492px 100%;
    position: absolute;
    top: 0;
    right: 0;
}


.page-header-ctn .page-header{
	top:0;
	bottom:0;
	margin:auto
}

.page-header-ctn .page-header h1{
	font-size:36px;
	font-weight:bold;
	color:#323232;
}

.page-header-ctn .page-header h2{
	font-size:22px;
	color:#323232;
	font-weight:500
}

.blue-header .page-header-ctn{
	background:#0A5589
}

.blue-header .page-header-ctn h1,
.blue-header .page-header-ctn h2 {
	color:#fff;
}

.contact-ctn{
	display:flex;
}

.contact-ctn .contact-1{
	width:50%;
	display:block;
	margin-right:100px;
}

.contact-ctn .contact-2{
	width:50%;
	display:block;
}


.contact-ctn .contact-details ul{
	display:table;
	
}

.contact-ctn .contact-details ul li{
	display:table;
	width:100%;
	padding:10px 0;
}

.contact-details p{
	display: flex;
}

.contact-details .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 2px;
	float:left;
}

.contact-details .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}


.contact-details .googlemap{
	width:100%;
	height:400px;
}



.input-forms-style.style-1 {
    width: 100%;
    margin: auto
}

.input-forms-style.style-1 .form-layout {
    margin-bottom: 30px
}

.input-forms-style.style-1 .col-mb {
    margin-bottom: 30px
}

.input-forms-style.style-1 label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.input-forms-style.style-1 .alert-ctn {
    position: relative
}

.input-forms-style.style-1 .error_email {
    color: #fff;
    position: absolute;
    bottom: -27px;
    font-size: 10px;
    background: red;
    padding: 2px 5px
}

.input-forms-style.style-1 input {
    border: 1px solid #bbb;
    padding: 10px
}

.input-forms-style.style-1 input.form-field {
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px
}

.input-forms-style.style-1 .required-star {
    color: red;
    font-weight: 700;
    margin-right: 10px
}

.input-forms-style.style-1 textarea {
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    height: 150px;
    resize: none;
    font-size: 14px;
    font-family: montserrat,sans-serif
}

.input-forms-style.full-width {
    width: 100%;
    max-width: 100%;
    margin: auto
}

.dropdown .label {
    color: #2e52c1
}

.dropdown li.active {
    font-weight: 700
}

.dropdown .selected {
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #000;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    list-style: none;
    padding: 18px 12px
}

.style-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input::-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-ms-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input input:focus::-moz-placeholder {
    font-size: 0
}

.style-input input:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input input:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea::placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input textarea:focus {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none
}

.style-input textarea:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input textare:focusa::-webkit-input-placeholder {
    font-size: 0
}

.style-input textarea:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus::-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input textarea:focus::placeholder {
    font-size: 0
}

.checkbox-aggree .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px
}

.checkbox-aggree .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox-aggree .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #e6e6e6
}

.control--radio .control__indicator {
    border-radius: 50%
}

.checkbox-aggree .control:hover input~.control__indicator,.checkbox-aggree .control input:focus~.control__indicator {
    background: #ccc
}

.checkbox-aggree .control input:checked~.control__indicator {
    background: #2aa1c0
}

.checkbox-aggree .control:hover input:not([disabled]):checked~.control__indicator,.checkbox-aggree .control input:checked:focus~.control__indicator {
    background: #0e647d
}

.checkbox-aggree .control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.checkbox-aggree .control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

.checkbox-aggree .control input:checked~.control__indicator:after {
    display: block
}

.checkbox-aggree .control--checkbox .control__indicator:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-aggree .control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

.checkbox-aggree .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff
}

.checkbox-aggree .control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b
}

#emails-alert.alert-overlay {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999999
}

#emails-alert.alert-overlay.display_none {
    display: none
}

#emails-alert .emails-alert {
    position: fixed;
    bottom: 0;
    z-index: 9999999999999;
    width: 100%;
    -webkit-animation: alert-in .5s;
    -moz-animation: alert-in .5s;
    -o-animation: alert-in .5s;
    animation: alert-in .5s;
    width: 100%;
    max-width: 540px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 400px;
    padding: 20px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row {
    display: block;
    width: 100%;
    padding: 20px 10px 10px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row.success {
    background: #2e52c1
}

#emails-alert .emails-alert .top-row.error {
    background: #e75e60
}

#emails-alert .emails-alert .top-row .image-icon {
    width: 100%;
    height: 70px;
    margin: 15px auto
}

#emails-alert .emails-alert .top-row .image-icon img {
    width: 70px;
    height: auto;
    margin: auto
}

#emails-alert .emails-alert .top-row.error .image-icon img {
    width: 66px;
    height: 66px;
    margin: auto
}

#emails-alert .emails-alert .top-row h3 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

#emails-alert .emails-alert .top-row p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

#emails-alert .emails-alert h3,#emails-alert .emails-alert p {
    color: #fff
}

#emails-alert .emails-alert .top-row p a {
    color: #fff;
    font-weight: 700
}

#emails-alert .emails-alert .top-row h4 a:hover {
    color: #000
}

#emails-alert .emails-alert .top-row hr {
    margin: 10px 0;
    border: 0 solid #fff;
    height: 1px;
    width: 100%;
    background: #fff
}

#emails-alert .emails-alert .bottom-row {
    background: #fff;
    height: 40px;
    display: table;
    width: 100%;
    padding: 15px 0;
    text-align: center
}

@-webkit-keyframes alert-in {
    0% {
        opacity: 0;
        top: -100px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

#emails-alert .alert.alert-success-ctn,#emails-alert .alert.alert-error {
    margin: auto;
    height: auto;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0)
}

#emails-alert .alert.alert-error {
    background: #c73537
}

#emails-alert .close-button {
    line-height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    border-radius: 0;
    line-height: 36px;
    letter-spacing: 1px;
    max-width: 260px;
    margin: auto
}

#emails-alert .alert.alert-error h4,#emails-alert .alert.alert-success-ctn h4 {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    width: 90%;
    margin: auto
}

#emails-alert .alert.alert-success-ctn .button a {
    color: #fff;
    border-color: #23282b;
    font-weight: 700;
    background: #000;
    width: 90%;
    max-width: 320px;
    display: table;
    margin: auto;
    height: 40px;
    line-height: 26px;
    border-radius: 4px
}


/***********************
SLIDER 
*****************/
.main-slider {
	width:100%;
	display:block;
	margin-top: 100px;
	position:relative;
	height:550px;
	overflow:hidden;
}


.main-slider .text-ctn{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:600px;
	width:90%;
	display:table;
 	z-index:3
}


@-moz-document url-prefix() {
	  .main-slider .text-ctn{
		height:170px;
	}
}


 
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description{
	text-align:center;
	margin:0 auto 5px auto;
	overflow-wrap: break-word;
	color:#fff;
}

.main-slider .text-ctn .description span{
	color:#fff;
}



.main-slider .text-ctn .title h1 {
	font-size:46px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#fff;
}

.main-slider .text-ctn .button{
	text-align:center;
	margin:10px auto 0 auto;
}

.main-slider .overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	width:100%;
	display:block;
	height:100%;
	background:rgba(0,0,0,0.0);
	z-index:2
}  

.main-slider .image-pos{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1
}

.main-slider .image-ctn img{
	width:100%;
	height:100%;
	object-fit:cover
}


/** box designs */

.box-ctn-shadow:after{
	content:"";
    background: #eef5fc;
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
	border-radius:8px
}

.box-1-ctn{
	background:#EEF5FC;
	padding:20px;
	position:relative;
	z-index:2;
	border-radius:8px
}


.box-1-ctn.darkblue{
	background:#005488;
}

.box-1-ctn.darkblue h3,
.box-1-ctn.darkblue p{
	color:#fff;
}
 
.box-1-ctn h3{ 
    display: table;
    width: 100%;
    margin-bottom: 20px;
	text-align:center
}

.hr-icon{
	background: url(../background/svg-icons/hr-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.hr-white-icon{
	background: url(../background/svg-icons/hr-white-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.box-1-ctn p{
    text-align: center;
    display: table;
    width: 100%;
}


.box-2-ctn {
	display:block;
	width:100%;
	border:1px solid #E3E3E3;
	position:relative;
	-webkit-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
}


.box-2-ctn .image{
	padding:20px;
	width:120px;
	height:120px;
	display:block;
	background:#E3E3E3;
	margin:20px auto 20px auto;
}

.box-2-ctn .title{
	width:80%;
	margin:0 auto 5px auto ;
	text-align:center
}

.box-2-ctn .description{
	width:90%;
	margin:0 auto 5px auto ;
	text-align:center;
	min-height:60px
}

.box-2-ctn .description p{
	color:var(--color-dark-blue)
}

.box-2-ctn .price{
	width:80%;
	margin:0 auto 20px auto ;
	text-align:center;
	font-size:46px;
	font-weight:900
}

.box-2-ctn .details{
	margin:0 auto 5px auto ;
	background:#EEF5FC;
	padding:20px
}

.box-2-ctn .button-pos{
	margin:20px auto 20px auto ;
}


.box-2-ctn ul{
	width:80%;
	margin:0 auto 0 auto ;
	text-align:center;
	display:table;
}

.box-2-ctn ul li{
	width:100%;
	display:table;
	text-align:left;
	margin:0 auto 0 auto ;
	position:relative;
	padding:3px 0;
}

.box-2-ctn ul li:before{
	content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -25px;
    top: 8px;
	background: url(../background/svg-icons/tick-box.svg) no-repeat;
    background-size: 14px 14px;
	display:block;
}
 
.box-2-ctn.bestseller-ctn .bestseller-box{
	position:absolute;
	right:-12px;
	top:-12px;
	background:#E28D0D;
	padding:8px 12px;
	color:#fff;
	font-weight:900;
	font-size:14px;
}
 
 
.box-2-ctn.bestseller-ctn .price{
	color:#E28D0D;
}

.box-2-ctn.bestseller-ctn .details{
	margin:0 auto 5px auto ;
	background:#F9E8CF;
	padding:20px
}

.box-2-ctn.bestseller-ctn ul li:before{
	background: url(../background/svg-icons/tick-box-orange.svg) no-repeat;
}



.dsg-4-ctn {
	display:flex;
}

.dsg-4-ctn .dsg-4-col-1{
	width:40%;
	margin-right:100px;
}

.dsg-4-ctn .dsg-4-col-2{
	width:60%;
}

.dsg-4-ctn .dsg-4-col-1 .image{
	width:100%;
 	display:block;
	height:100%;
	min-height:400px;
	min-width: 400px;
	height: 100%;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(50% 15%, 100% 0, 100% 100%, 100% 80%, 50% 96%, 50% 96%, 0% 80%, 0 0);
}

.dsg-4-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}



.dsg-5-ctn{
	padding:100px 0;
	background: #EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.dsg-5{
	width:100%;
	display:block;
}


.dsg-5 h3{
	text-align:center;
	display: table;
    width: 100%;
	font-weight:bold;
}

.dsg-5 p{
	text-align:center;
	display: table;
    width: 100%;

}


/***********************
FOOTER 
*****************/
footer{
	width:100%;
	background:#FDFDFD;
	display:block;
	margin:100px 0 0;
	position:relative;
	padding:80px 0 0 0;
}

footer .footer-border-top{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:100px;
	display:block;
	background: url(../background/svg-icons/footer-top-dots.svg) ;
    background-size:auto  100% ;
}


footer .v-footer{
	width:100%;
	padding:10px 0;
	background:#F3F3F3;
	display:block;
}

footer .v-footer p,
footer .v-footer a{
	font-size:12px;
}

footer .dv2{
	text-align:right;
}

footer .footer-info .image{
	width: 117px;
    height: 60px;
	display:block;
	margin-bottom:20px;
}

footer .footer-info .image img{
	width:auto;
	height:60px;
}
footer h3{
	font-weight:500;
	margin-bottom:20px;
}

footer  p,
footer  a{
	font-size:16px;
	line-height:26px;
}

footer .qcontact{
	display:table;
}

footer .qcontact li{
	width:100%;
	padding:0px 0 10px 10px;
	display: inline-flex;
}


footer .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 5px;
}

footer .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.social-hor {
	display:flex;
}

.social-hor li{
	width:46px;
	height:46px;
	margin-right:20px;
}
 
.social-hor li:last-child{
	margin-right:0;
}

.social-hor li .social-footer-icon-box{
	width:46px;
	height:46px;
}
 
 .social-hor li .social-footer-icon-box.social-icon-facebook{
	background: url(../background/svg-icons/social-icon-facebook.svg) no-repeat;
    background-size: 46px 46px ;
}

 .social-hor li .social-footer-icon-box.social-icon-x{
	background: url(../background/svg-icons/social-icon-x.svg) no-repeat;
    background-size: 46px 46px ;
}

.bv-logo{
	font-weight:900;
	color:#23282b;
}

.bv-logo .bv{
	font-weight:900;
	color:#075ee3
}

/*****************
BUTTONS CTA
***********************/
.button-pos-center{
	margin: auto;
}

.btn {
	font-size: 18px;
    font-weight: normal;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 20px 45px 20px 20px;
    /**box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);**/
    text-decoration: none;
	min-width: 220px;
    text-decoration: none;
	position:relative
}

.btn .arrow-button {
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 18px;
    z-index: 1;
    background: url(../background/svg-icons/button-arrow.svg) no-repeat;
    background-size: 22px 14px;
	transition: all .2s ease;
}

.btn:hover .arrow-button{
	 right: 8px;
	transition: all .2s ease;
} 


.btn.big-btn{
	max-width:220px;
}

.btn:disabled{
	opacity:0.6;
	transition:all ease 0.3s;
	/**box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);**/
}


.btn-hover,
.btn-hover-no-shadow {
    color: #fff;
	border-width: 1px;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover,
.btn-hover-no-shadow:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 
/* dark blue */
.btn-hover.cta1{
background-image: linear-gradient(to right, #005488, #005488, #005488,  #2E52C1, #2E52C1, #2E52C1);
 color: #fff!important;
}

/* orange */
.btn-hover.cta2{
background-image: linear-gradient(to right, #E28D0D, #E28D0D, #E28D0D,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}

/* orange */
.btn-hover.cta3{
background-image: linear-gradient(to right, #222222, #222222, #222222,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}


/* white */
.btn-hover.cta5{
background-image: linear-gradient(to right, #0A8961, #0A8961, #0A8961,  #076C4C, #076C4C, #076C4C);
color: var(--color-white)!important;
}



.button-text{
	font-size:12px;
	transition:all ease .3s;
	background:#222;
	padding:5px 10px;
	color:#fff;
	border-radius:4px;
}

.button-text:hover{
	transition:all ease .3s;
	background:var(--color-dark-blue)
}


/***********************
FIELDS
*****************/
.input-layout-1 input {
	background: #fff;
    height: 50px;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
    max-width: 100%;
    display: table;
    border:1px solid #ced4da;
    width: 100%;
	font-family: var(--font-family);
}

.input-layout-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-dark);
	opacity:0.5;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-ms-input-placeholder { /* IE 10+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-moz-placeholder { /* Firefox 18- */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}

*:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

input:focus::-moz-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-ms-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-moz-placeholder{
	background:#FAFAFA;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

/***********************
BREADCRUMBS 
*****************/
.breadcrumbs-ctn{
	border-bottom:0px solid #e7e7e7;
	border-top:0px solid #e7e7e7;
	padding:10px 0 10px 0;
	display:table;
 }

.breadcrumbs ul{
	display:flex;
}

.breadcrumbs ul li{
	margin-right:10px;
}

.breadcrumbs ul li:last-child{
	margin-right:0px;
}

.breadcrumbs ul li a,
.breadcrumbs ul li span{
	font-size: 12px;
    color:#fff;
    color:#005488;
    font-weight: normal;
}

.breadcrumbs ul li a:hover{
    color: var(--color-orange);
}


.breadcrumbs ul li:after{
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    background: url(../background/icons/arrow-breadcrumb.svg) no-repeat center center;
    background-size: 4px auto;
    float: right;
    position: relative;
    top: 7px;
    right: -6px;
}

.breadcrumbs ul li:last-child:after{
    display: none;
}



.blue-header .breadcrumbs ul li a,
.blue-header .breadcrumbs ul li span{
    color:#fff;
}
 
 
.carousel-logos-ctn{
	display:flex;
	height: 240px;
}


.carousel-logos-ctn .carousel-left{
	width: 25%;
    padding: 50px 0 0;
    display: inline-flex;
}

.carousel-logos-ctn .carousel-right{
	width: 75%;
    position: absolute;
    right: 0%;
    padding: 20px 0 0 0;
    max-width: 100%;
}

.carousel-logos-ctn .carousel-right .box-dsg1 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	top:-60px;
}

.carousel-logos-ctn .carousel-right .box-dsg2 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}

.carousel-logos-ctn .carousel-right .box-dsg3 {
	width:6px;
	height:250px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}


.carousel-logos-ctn .carousel-right .box-dsg4 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    top: -48px;
}

.carousel-logos-ctn .carousel-right .box-dsg5 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-right .box-dsg6 {
	width: 6px;
    height: 226px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -38px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-box{
	width:100%;
	position:relative;
	height:180px;
	top:20px;
}


.carousel-logos-ctn .carousel-box .logo{
	width:120px;
	height:120px;
	position:relative;
}

.carousel-logos-ctn .carousel-box .logo img{
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}



.carousel-logos-ctn .carousel-box .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: -50px;
}

.carousel-logos-ctn .carousel-box





.carousel-logos-ctn .carousel-box .owl-theme .owl-nav {
	display:none!important;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #EEF5FC;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot.active span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #222222!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}


.support-banner-ctn{
	width:100%;
}

.support-banner{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	width: 100%;
}

.support-banner .col-1{
	width:40%;
	margin-right:100px;
	display:block;
}

.support-banner .col-2{
	width:60%;
}

.support-banner .image {
	width:100%;
	height:auto;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	position:relative;
}
 
.support-banner .image img{
	width:100%;
	height:auto;
}



/***********************
counter
*****************/
.counter-ctn{
	display:block;
	padding:50px 0;
	background:#EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.counter-ctn h3,
.counter-ctn h3 span{
	font-size:66px;
	font-weight:900
}

.counter-ctn .count-digit{
	opacity:0;
}

.counter-ctn .count-digit.counter-loaded{
	opacity:1;
}








/***********************
MEDIA QUERIES
*****************/
 
@media screen and (max-width: 1440px) { 
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-260px);
		-moz-transform:  translateX(-260px);
		-ms-transform:  translateX(-260px);
		-o-transform:  translateX(-260px);
		transform: translateX(-260px);
	}
	
	#cd-lateral-nav {
		width: -260px;
	}
}
  

@media screen and   (max-width:1278px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}
	
	
	.carousel-logos-ctn {
		display: table;
		height: 400px;
	}
	
	.carousel-logos-ctn .carousel-left {
 		padding: 0;
		width:100%;
	}
	
	.carousel-logos-ctn .carousel-right {
		width: 100%;
		left: 0;
		margin: 0 0 0 0;
	}
	
	.carousel-box .owl-theme .owl-dots {
		left: 0;
	}
	
	.dsg-4-ctn {
	display:table;
	}

	.dsg-4-ctn .dsg-4-col-1{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.dsg-4-ctn .dsg-4-col-2{
		width:100%;
	}

	.dsg-4-ctn .dsg-4-col-1 .image{
		width:100%;
		height:auto;
		display:block;
		height:100%;
		min-width: auto;
		min-height:auto;
	}

}



@media screen and   (max-width:992px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}

}





@media screen and   (max-width: 768px) {
	.frontpage .cd-main-content {
		padding-top:0px;
	}

 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top:00px;
		margin-top: 0px;
	}
	
	.wrp{
		width:90%;
	}
	
	.main-slider {
		margin-top: 0px;
	}
	
	.main-slider .title h1{
		font-size: calc(4vw + 4vh + 2vmin)!important;
	}
	
	
	.counter-ctn h3,
	.counter-ctn h3 span{
		font-size:36px;
	}
	
	footer .dv1,
	footer .dv2{
		text-align:center;
		padding:5px 0;
	}

	.contact-ctn{
		display:table;
		width:100%;
	}

	.contact-ctn .contact-1{
		width:100%;
		margin-right:0px;
		margin-bottom:50px;
	}

	.contact-ctn .contact-2{
		width:100%;
	}
	

	.support-banner{
		display: table;
		width: 100%;
	}

.support-banner .col-1{
	width:100%;
	margin-right:0px;
	margin-bottom:50px;
 }

.support-banner .col-2{
	width:100%;
}

.support-banner .image {
	clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 93%, 0 70%);
}







}

@media screen and  (max-width: 680px) {
	
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	#cd-lateral-nav {
		width: -100%;
	}
	
	
	
}

@media screen and  (max-width: 480px) {
	
	
}




/* SMP 2026 homepage hero and trust-section refinements */
.main-slider .text-ctn{z-index:3!important;max-width:760px!important;}
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important;}
.main-slider .text-ctn .description h2{font-size:20px!important;line-height:1.5!important;font-weight:400!important;}
.main-slider .overlay{z-index:2!important;background:linear-gradient(90deg,rgba(2,10,27,.9) 0%,rgba(2,10,27,.55) 48%,rgba(2,10,27,.12) 100%)!important;}
.main-slider .image-ctn img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.trusted-clients .section-title p{max-width:390px;line-height:1.7;}
@media(max-width:768px){
 .main-slider .text-ctn{padding:0 24px!important;max-width:100%!important;}
 .main-slider .text-ctn .title h1{font-size:34px!important;line-height:1.12!important;}
 .main-slider .text-ctn .description h2{font-size:16px!important;line-height:1.45!important;}
 .main-slider .image-ctn img{object-position:62% center!important;}
 .main-slider .overlay{background:rgba(2,10,27,.72)!important;}
 .trusted-clients .carousel-logos-ctn{display:block!important;}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important;}
}


/* SMP 2026 professional hosting homepage */
html,body{max-width:100%;overflow-x:hidden}
.wrp{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.section{padding-top:76px;padding-bottom:76px}
.section-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em;color:#062640}
.section-title p{font-size:18px;line-height:1.7;color:#526679;max-width:820px;margin-left:auto;margin-right:auto}
.sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sw-col3-col2-col1.col-3>.col{width:auto!important;margin:0!important;float:none!important;display:flex}
.ctn-str-2{width:100%;box-sizing:border-box;padding:32px 28px!important;background:#fff;border:1px solid #dce7ef;border-radius:18px;box-shadow:0 12px 34px rgba(6,38,64,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.ctn-str-2:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#00a7d7,#0878bd)}
.ctn-str-2:hover{transform:translateY(-7px);border-color:#96d9ed;box-shadow:0 20px 48px rgba(6,38,64,.15)}
.ctn-str-2 .main-title{font-size:23px!important;line-height:1.25!important;color:#062640!important;margin-bottom:16px!important}
.ctn-str-2 p{font-size:16px;line-height:1.68;color:#526679}
.managed-security-section{background:linear-gradient(135deg,#031d31 0%,#063b5d 58%,#075c82 100%);padding:90px 0!important;position:relative;overflow:hidden}
.managed-security-section:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-210px;background:rgba(0,200,235,.12)}
.managed-security-section .support-banner{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.managed-security-section .col-2{width:auto!important;float:none!important}
.managed-security-section img{width:100%!important;height:470px!important;object-fit:cover;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.managed-security-section .section-title h2,.managed-security-section h3{color:#fff!important}
.managed-security-section .section-title h2{font-size:clamp(32px,4vw,50px)!important}
.managed-security-section p{color:#d7e8f2!important;font-size:17px!important;line-height:1.72!important}
.managed-security-section .btn,.managed-security-section a[class*="btn"]{display:inline-flex!important;align-items:center;justify-content:center;background:#00a9d6!important;color:#fff!important;border-radius:8px!important;padding:15px 25px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(0,169,214,.28)}
.trusted-clients{background:#f5f9fc!important;padding-top:72px!important;padding-bottom:72px!important}
.main-slider .text-ctn{left:max(20px,calc((100% - 1180px)/2))!important;right:auto!important;text-align:left!important;width:min(720px,calc(100% - 40px))!important}
.main-slider .text-ctn .title h1{font-size:clamp(42px,5vw,72px)!important;line-height:1.05!important;letter-spacing:-.035em}
.main-slider .text-ctn .description h2{max-width:650px}
@media(max-width:1100px){
 .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main-header .wrp,.header .wrp{width:calc(100% - 28px)!important}
 nav a,.menu a{font-size:14px!important;padding-left:9px!important;padding-right:9px!important}
}
@media(max-width:820px){
 .wrp{width:calc(100% - 30px)!important}
 .section{padding-top:58px;padding-bottom:58px}
 .sw-col3-col2-col1.col-3{grid-template-columns:1fr}
 .managed-security-section{padding:64px 0!important}
 .managed-security-section .support-banner{grid-template-columns:1fr;gap:34px}
 .managed-security-section img{height:320px!important}
 .main-slider .text-ctn{left:20px!important;width:calc(100% - 40px)!important}
 .main-slider .text-ctn .title h1{font-size:clamp(36px,10vw,54px)!important}
}
@media(max-width:520px){
 .wrp{width:calc(100% - 24px)!important}
 .ctn-str-2{padding:28px 22px!important}
 .managed-security-section img{height:250px!important}
 .main-slider .text-ctn{left:16px!important;width:calc(100% - 32px)!important}
 .main-slider .text-ctn .description h2{font-size:17px!important}
}

/* SMP 2026: remove legacy statistics counter strip */
body .section:has(> .counter-ctn){display:none!important;padding:0!important;margin:0!important;}
.counter-ctn{display:none!important;}


/* SMP 2026 mobile navigation, client logos and dark visual system */
.trusted-clients{display:block!important;visibility:visible!important;min-height:330px!important}
.trusted-clients .carousel-logos-ctn,.trusted-clients .carousel-right,.trusted-clients .carousel-box,.trusted-clients .owl-carousel{display:block!important;visibility:visible!important;min-height:120px!important}
.trusted-clients .owl-stage-outer{min-height:110px!important}
.trusted-clients .logo{display:flex!important;align-items:center;justify-content:center;min-height:100px!important;padding:10px!important;box-sizing:border-box}
.trusted-clients .logo img{display:block!important;width:auto!important;max-width:120px!important;height:82px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.page-banner,.inner-banner,.banner-ctn,.service-banner{background-color:#031d31!important}
.page-banner img,.inner-banner img,.banner-ctn img,.service-banner img{filter:brightness(.48) saturate(.72) hue-rotate(155deg)!important}
@media(max-width:768px){
 header.header-scroll.hide768{display:block!important;position:relative!important;width:100%!important;background:#031d31!important;z-index:9999!important}
 header.header-scroll .contact-header,header.header-scroll .secondary-menu-ctn{display:none!important}
 header.header-scroll .wrp{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
 header.header-scroll .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:64px!important;width:100%!important}
 header.header-scroll .header-logo img{display:block!important;width:auto!important;max-width:138px!important;height:46px!important;object-fit:contain!important}
 header.header-scroll .menu-pos{display:block!important;width:100%!important;background:#052942!important;border-top:1px solid rgba(255,255,255,.12)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 header.header-scroll .menu-pos:before{content:"☰  MENU";display:block;color:#fff;font-weight:800;font-size:14px;letter-spacing:.12em;padding:12px 16px 7px}
 header.header-scroll .menu-pos ul.mod-menu{display:flex!important;width:max-content!important;min-width:100%!important;gap:2px!important;margin:0!important;padding:0 8px 10px!important;list-style:none!important}
 header.header-scroll .menu-pos ul.mod-menu>li{display:block!important;float:none!important;width:auto!important;white-space:nowrap!important}
 header.header-scroll .menu-pos ul.mod-menu>li>a{display:block!important;color:#fff!important;font-size:13px!important;padding:9px 10px!important;border-radius:6px!important}
 .trusted-clients{min-height:360px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
}


/* SMP 2026 enterprise dark design system */
:root{--smp-black:#020b12;--smp-navy:#031d31;--smp-navy-2:#052f4d;--smp-blue:#007fba;--smp-cyan:#00a9d6;--smp-text:#d9e8f2}
body,.site,.cd-main-content{background:var(--smp-black)!important;color:var(--smp-text)}
.section{padding-top:52px!important;padding-bottom:52px!important;background:var(--smp-navy)!important}
.section:nth-of-type(even){background:var(--smp-black)!important}
.section-title h1,.section-title h2,.section-title h3{color:#fff!important}
.section-title p,.section p{color:#bfd0dc}
.section-title{margin-bottom:34px!important}
.sw-col3-col2-col1.col-3{align-items:stretch!important}
.sw-col3-col2-col1.col-3>.col{height:auto!important;align-self:stretch!important}
.ctn-str-2{display:flex!important;flex-direction:column!important;height:100%!important;min-height:360px!important;background:linear-gradient(155deg,#092d47 0%,#041a2b 100%)!important;border:1px solid #174b69!important;color:#dceaf3!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
.ctn-str-2:hover{border-color:var(--smp-cyan)!important;box-shadow:0 20px 48px rgba(0,120,180,.22)!important}
.ctn-str-2 .main-title{color:#fff!important}
.ctn-str-2 p{color:#bfd0dc!important}
.ctn-str-2>.mt20.row{margin-top:auto!important;padding-top:22px!important}
.ctn-str-2 .button-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:7px!important;background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px rgba(0,169,214,.2)!important}
.ctn-str-2 .button-text:hover{background:linear-gradient(90deg,#00a9d6,#007fba)!important}
.managed-security-section{background:linear-gradient(135deg,#020b12 0%,#031d31 55%,#06496d 100%)!important}
.trusted-clients{display:block!important;background:linear-gradient(135deg,#041725,#072f48)!important;padding-top:50px!important;padding-bottom:50px!important;min-height:300px!important}
.trusted-clients .section-title h2{color:#fff!important}
.trusted-clients .section-title p{color:#bfd0dc!important}
.trusted-clients .logo{background:#fff!important;border-radius:12px!important;margin:6px!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}
footer{background:#020b12!important;border-top:1px solid #12384f!important;padding-top:46px!important;color:#cbdce7!important}
footer>.wrp>.sw-col4-col2-col1{display:grid!important;grid-template-columns:1.35fr .8fr 1.1fr!important;gap:52px!important}
footer>.wrp>.sw-col4-col2-col1>.col{width:auto!important;float:none!important;margin:0!important}
footer>.wrp>.sw-col4-col2-col1>.col:first-child{display:none!important}
footer h3{color:#fff!important;margin-bottom:18px!important}
footer ul.vertical-menu{display:block!important;width:100%!important}
footer ul.vertical-menu li{display:block!important;margin:0 0 10px!important}
footer a{color:#bcd3e1!important}
footer a:hover{color:var(--smp-cyan)!important}
footer .v-footer{margin-top:38px!important;background:#00070c!important;border-top:1px solid #12384f!important;padding:18px 0!important}
footer .v-footer p{margin:0!important}
@media(max-width:900px){
 .ctn-str-2{min-height:330px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr 1fr!important;gap:34px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 .section{padding-top:38px!important;padding-bottom:38px!important}
 .section-title{margin-bottom:25px!important}
 .ctn-str-2{min-height:0!important}
 footer{padding-top:36px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr!important;gap:28px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:auto!important}
 footer .v-footer .sw-medium-2-1{display:block!important;text-align:center!important}
 footer .v-footer .col{width:100%!important;float:none!important;margin:8px 0!important}
 .trusted-clients{min-height:320px!important}
 .trusted-clients .logo img{max-width:108px!important;height:72px!important}
}


/* SMP 2026 visibility and contrast hotfix */
[data-aos],[data-aos].aos-init,[data-aos].aos-animate{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}
.trusted-clients,.trusted-clients.aos-init,.trusted-clients.aos-animate{opacity:1!important;transform:none!important;visibility:visible!important}
.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer,.trusted-clients .owl-stage{opacity:1!important;visibility:visible!important}
.trusted-clients .owl-item.active{opacity:1!important;visibility:visible!important}
.box-1-ctn{background:#eef5fc!important}
.box-1-ctn h3,.box-1-ctn .main-title{color:#061f33!important}
.box-1-ctn p{color:#344f63!important}
footer p,footer .qcontact p,footer .qcontact li,footer .qcontact a{color:#bcd3e1!important}
footer .qcontact .icon{opacity:1!important}
@media(max-width:1279px){
 .section>.wrp{padding-top:0!important;padding-bottom:0!important}
 .trusted-clients{min-height:0!important}
}


/* SMP 2026 full-site stability and enterprise layout repair */
main{display:block!important;overflow:hidden!important;background:#020b12!important}
main>.page-header-ctn{margin-bottom:0!important}
main>.moduletable,main>.section,main>.trusted-clients,main>.managed-security-section,footer{margin-top:0!important}
main>.section{display:block!important;height:auto!important;min-height:0!important}
main .dsg-4-ctn,main .dsg-5-ctn{height:auto!important;min-height:0!important}
main .dsg-4-ctn{padding-top:54px!important;padding-bottom:54px!important}
main .dsg-5-ctn{padding-top:48px!important;padding-bottom:48px!important}
main .dsg-4-ctn h1,main .dsg-4-ctn h2,main .dsg-4-ctn h3,
main .dsg-5-ctn h1,main .dsg-5-ctn h2,main .dsg-5-ctn h3,
main .managed-security-section h1,main .managed-security-section h2,main .managed-security-section h3{color:#fff!important}
main .dsg-4-ctn p,main .dsg-5-ctn p,main .managed-security-section p{color:#c6d8e4!important}
main .dsg-4-ctn img,main .managed-security-section img{border-radius:18px!important;object-fit:cover!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
main .dsg-4-ctn .main-title,main .managed-security-section .section-title h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important}
.managed-security-section{padding:58px 0!important}
.managed-security-section .support-banner{min-height:0!important}
.managed-security-section img{height:390px!important}
.smp-client-section{position:relative!important;z-index:1!important;display:block!important;clear:both!important;height:auto!important;min-height:0!important;padding:54px 0!important;background:linear-gradient(135deg,#041725,#07334f)!important}
.smp-client-section .wrp{display:block!important}
.smp-client-header{text-align:center!important;max-width:820px!important;margin:0 auto 34px!important}
.smp-client-header h2{margin:0 0 14px!important;color:#fff!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important}
.smp-client-header p{margin:0!important;color:#c4d7e3!important;font-size:17px!important;line-height:1.65!important}
.smp-client-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;position:static!important;width:100%!important;height:auto!important}
.smp-client-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:112px!important;padding:16px!important;background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important}
.smp-client-logo img{display:block!important;max-width:100%!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.smp-client-section+footer,footer{position:relative!important;z-index:2!important;clear:both!important;margin-top:0!important}
footer{padding-top:42px!important}
.page-header-ctn{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(115deg,#061f33,#083e5e)!important}
.page-header-ctn h1,.page-header-ctn h2,.page-header-ctn p{color:#fff!important}
main p{line-height:1.65!important}
main h1,main h2,main h3{overflow-wrap:anywhere}
@media(max-width:1100px){
 .smp-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
 main .dsg-4-ctn,main .dsg-5-ctn{padding-top:38px!important;padding-bottom:38px!important}
 .managed-security-section{padding:42px 0!important}
 .managed-security-section img{height:290px!important}
 .smp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .smp-client-logo{height:96px!important;padding:12px!important}
}
@media(max-width:520px){
 .smp-client-section{padding:38px 0!important}
 .smp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .smp-client-logo{height:88px!important;padding:10px!important}
 .smp-client-header{text-align:left!important;margin-bottom:25px!important}
}


/* SMP 2026 final overlap, duplicate and spacing fix */
main .dsg-5-ctn{margin-top:0!important}
.managed-security-section+.managed-security-section{display:none!important}
.trusted-clients{display:block!important;position:relative!important;z-index:1!important;height:auto!important;min-height:560px!important;padding:50px 0!important;overflow:hidden!important}
.trusted-clients .carousel-logos-ctn{display:grid!important;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr)!important;gap:42px!important;align-items:center!important;height:auto!important;min-height:360px!important}
.trusted-clients .carousel-left,.trusted-clients .carousel-right{display:block!important;position:relative!important;width:auto!important;height:auto!important;float:none!important}
.trusted-clients .carousel-box,.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer{display:block!important;position:relative!important;width:100%!important;min-height:150px!important;overflow:hidden!important}
.trusted-clients .owl-stage{min-height:140px!important}
.trusted-clients+footer{position:relative!important;clear:both!important;margin-top:0!important;z-index:2!important}
@media(max-width:820px){
 .trusted-clients{min-height:600px!important}
 .trusted-clients .carousel-logos-ctn{grid-template-columns:1fr!important;gap:28px!important;min-height:480px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
 .trusted-clients .section-title h2{font-size:36px!important;line-height:1.12!important}
}
@media(max-width:520px){
 .trusted-clients{min-height:560px!important}
 .trusted-clients .carousel-logos-ctn{min-height:440px!important}
}


/* SMP 2026 About and Contact slide repair */
.inpages .page-header-ctn{position:relative!important;z-index:1!important;overflow:visible!important;padding:38px 0!important;min-height:0!important}
.inpages .page-header-ctn .wrp{padding-top:0!important;padding-bottom:0!important}
.inpages .page-header-ctn h1,.inpages .page-header-ctn h2{position:relative!important;top:auto!important;margin-top:0!important;color:#fff!important}
.inpages .dsg-5-ctn,.inpages .row.mt150.dsg-5-ctn{margin-top:0!important;padding:52px 0!important;background:linear-gradient(135deg,#061f33,#0a4162)!important}
.inpages .dsg-5-ctn .sw-medium-2-1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.inpages .dsg-5-ctn .dsg-5{width:auto!important;float:none!important;margin:0!important;padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-sizing:border-box!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .dsg-5-ctn h2,.inpages .dsg-5-ctn h3{color:#fff!important}
.inpages .dsg-5-ctn p{color:#c8dbe7!important;font-size:17px!important;line-height:1.7!important}
.inpages .contact-ctn{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:44px!important;height:auto!important;padding:48px 0!important}
.inpages .contact-1,.inpages .contact-2,.inpages .contact-details{width:auto!important;height:auto!important;float:none!important;box-sizing:border-box!important}
.inpages .contact-details{padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .contact-details h1,.inpages .contact-details h2,.inpages .contact-details h3{color:#fff!important}
.inpages .contact-details p,.inpages .contact-details li,.inpages .contact-details a{color:#c8dbe7!important;font-size:17px!important}
.inpages .contact-2{padding:34px!important;background:#071f31!important;border:1px solid #18536f!important;border-radius:16px!important}
.inpages .contact-2 label{color:#eef7fc!important}
.inpages .contact-2 input,.inpages .contact-2 textarea,.inpages .contact-2 select{width:100%!important;box-sizing:border-box!important;background:#fff!important;color:#172a38!important;border:1px solid #9fc0d2!important;border-radius:7px!important}
.inpages .contact-2 input:focus,.inpages .contact-2 textarea:focus{outline:2px solid #00a9d6!important;border-color:#00a9d6!important}
.inpages .contact-2 .button,.inpages .contact-2 button[type=submit],.inpages .contact-2 input[type=submit]{background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;border:0!important;border-radius:7px!important}
.inpages .contact-details iframe,.inpages .contact-1 iframe{width:100%!important;max-width:100%!important;border-radius:12px!important;overflow:hidden!important}
@media(max-width:820px){
 .inpages .dsg-5-ctn .sw-medium-2-1,.inpages .contact-ctn{grid-template-columns:1fr!important;gap:24px!important}
 .inpages .dsg-5-ctn .dsg-5,.inpages .contact-details,.inpages .contact-2{padding:25px!important}
 .inpages .page-header-ctn{padding:28px 0!important}
}


/* SMP 2026 Contact offices update */
.inpages .contact-details{display:flex!important;flex-direction:column!important}
.inpages .contact-details:before{content:"Meet Our Offices";order:-2;display:block;color:#fff;font-size:30px;line-height:1.15;font-weight:800;margin:0 0 12px}
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call or email us to arrange an appointment.";order:-1;display:block;white-space:pre-line;color:#c8dbe7;font-size:18px;line-height:1.65;margin:0 0 26px}
.inpages .contact-details>h1,.inpages .contact-details>h2,.inpages .contact-details>h3{display:none!important}
.inpages .contact-details iframe,.inpages .contact-details [class*=map],.inpages .contact-details .map{display:none!important}
.inpages .contact-details .qcontact{margin-top:0!important}
@media(max-width:520px){
 .inpages .contact-details:before{font-size:26px}
 .inpages .contact-details:after{font-size:16px}
}


/* SMP 2026 enterprise Contact conversion and consent clarity */
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call us on +357 22 00 00 03 or email support@smptechnoservices.com to arrange an appointment. You can also complete the enquiry form and our team will contact you.";padding:18px 20px;background:rgba(0,169,214,.1);border-left:4px solid #00a9d6;border-radius:8px;color:#d8eaf4!important}
.inpages .contact-details .qcontact{padding:20px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(132,197,224,.22)!important;border-radius:10px!important}
.inpages .contact-details .qcontact a{font-weight:700!important;color:#fff!important}
.inpages .contact-details .qcontact a:hover{color:#00c8ef!important}
.inpages .contact-2 .control--checkbox{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin:18px 0!important;padding:16px!important;background:rgba(0,169,214,.08)!important;border:1px solid rgba(0,169,214,.35)!important;border-radius:9px!important;box-sizing:border-box!important;cursor:pointer!important}
.inpages .contact-2 .control--checkbox input[type=checkbox]{display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;margin:1px 0 0!important;padding:0!important;accent-color:#00a9d6!important}
.inpages .contact-2 .control--checkbox .control__indicator{display:none!important}
.inpages .contact-2 .text-warning-aggrement{font-size:0!important;line-height:1.55!important;color:#e7f3f9!important}
.inpages .contact-2 .text-warning-aggrement:after{content:"After completing “I’m not a robot”, tick this box to confirm that you agree to our Privacy Policy.";font-size:15px!important}
.inpages .contact-2 .control--checkbox:has(input:disabled){opacity:.72!important}
.inpages .contact-2 .control--checkbox:has(input:disabled):after{content:"Complete reCAPTCHA first";display:inline-block;margin-left:auto;padding:4px 8px;border-radius:5px;background:#133e58;color:#bfe8f7;font-size:12px;white-space:nowrap}
@media(max-width:520px){
 .inpages .contact-details:after{padding:15px 16px}
 .inpages .contact-2 .control--checkbox{flex-wrap:wrap!important}
 .inpages .contact-2 .control--checkbox:has(input:disabled):after{margin-left:34px}
}

.inpages .contact-details:after{content:"Nicosia • Larnaca • Limassol. Call us on +357 22 00 00 03 or email support@smptechnoservices.com to arrange an appointment. You can also complete the enquiry form and our team will contact you."!important}


/*
<?php if( $detect->isMobile() && !$detect->isTablet() ){ ?><!--mobile--><?php } ?> 
<?php if( $detect->isTablet() ){ ?><!--tablet--><?php } ?>
<?php if( !$detect->isTablet() && !$detect->isMobile() ){ ?><!--desktop--><?php } ?>

 <jdoc:include type="component" />
 <jdoc:include type="modules" name="breadcrumbs" style="none" />
 
*/

 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

 

:root {
 	--color-white:#fff;
	--color-dark:#222222;
	--color-dark-blue:#005488;
	--color-orange:#f0a700;
	--color-light-grey:#666668;
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--color-white);
	font-weight:400;
	color: var(--color-dark);
	scroll-behavior: smooth;
	min-width:320px;
	font-family: "Roboto", serif;
 }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}

body{
	overflow-x:hidden;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}



ul,li ,ol{
  list-style:none;
  padding:0;
  margin:0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlowXHidden{
 overflow-x:hidden;
}


/*********
FONTS 
**************/
h1,h2,h3,h4,h5,h6,a,span,p{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-dark);
	font-family: var(--font-family);
	font-size:100%;
	font-weight: normal;
	display:inline-flex
 }



a{
  transition:color ease 0.3s;
  cursor:pointer
}	

a:hover{
  cursor:pointer;
  transition:color ease 0.3s
}	


a h3:hover{
	color:var(--color-dark-blue);
	cursor:pointer;
	transition:color ease 0.3s
}	


.cursor-pointer{
	cursor:pointer;
}



h1{
	font-size:20px;
	font-weight:800;
	line-height:120%;
	position:relative;
	display: table;
}


.section-title h2{
	font-size: 36px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    display: table;
    z-index: 2;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}

h3{
	font-size: 20px;
}

h3.main-title{
	font-size: 24px;
	font-weight:bold;
}


h6{
	font-size:14px;
	line-height:150%;
}

p{
	font-size:18px;
	line-height:150%;
}

p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}

.article p{
	display:table;
}

.article p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

.article p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}


.section-title h2,
.section-title {
	display:table;
	margin:0 auto 20px auto;
	width:auto;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}


.section-title.center h2,
.section-title.center {
	text-align:center;
}

.section-title.left h2,
.section-title.left {
	text-align:left;
	width: 100%;
}


/* -------------------------------- 
Main components 
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

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

Main components 

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

.full-wrp{
	width:90%;
	max-width:1920px;
	margin:auto;
	position:relative;
}

.wrp{
	width:90%;
	max-width:1480px;
	margin:auto;
	position:relative;
}

.wrp-small{
	width:90%;
	max-width:1280px;
	margin:auto;
	position:relative;
}

  

.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}


.section {
	display:table;
	width:100%;
	margin-top:150px;
}

.section.sc2 {
	margin-top:250px;
}

/***********************
containers structure designs 
*****************/
.ctn-str-1{
	display:flex;
}

.ctn-str-1 .str-1{
	width:45%;
	margin-right:5%;
}

.ctn-str-1 .str-2{
	width:100%;
}


.ctn-str-2 .image{
	width:100%;
	height:60px;
	display:block;
	margin-bottom:20px;
}

.ctn-str-2 .image img{
	width:auto;
	height:60px;
}

.ctn-str-2 h3{
	margin-bottom:15px;
}

/***********************
HEADER 
*****************/
header {
	position: fixed;
    top: 0;
    right: 0;
    height: auto;
    /* width: 100%; */
    z-index: 999999;
    background: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 100%;
	transition:all ease .4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.shrink{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition:all ease .4s;
	top: -45px;
} 


header.shadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition:all ease .4s;
}


header .row-1{
    width: 100%;
    padding: 10px 0 10px 0;
    display: table;
	background:var(--color-dark-blue);
	background:var(--color-dark);
}

header .row-2{
	width:100%;
	display:flex;
	margin:5px 0 0 0;
	flex-direction: row;
	flex-wrap:nowrap;
	position: relative;
}


header .contact-header {
    display: flex;
    width: auto;
	float: right;
	height:20px;
}

header  .icon-ctn {
	display:flex;
	width:22px;
	height:22px;
	margin-right:2px;
}

header .icon-ctn.icon-email   {
	background: url(../background/svg-icons/email-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:18px;
	height:14px;	
	position: relative;
    top: 4px;
	right:-1px;
}

header .icon-ctn.icon-phone   {
	background: url(../background/svg-icons/phone-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:16px;
	height:14px;	
	position: relative;
    top: 3px;
}

header .contact-header h6 {
	font-size:0.8rem;
	line-height: 1.4rem;
	font-weight:400;
	display: inline-flex;
	color:#fff;
}

header .contact-header h6:hover{
	color:#FF9800;
}

header .logo-pos{
    width: 117px;
    height: 60px;
    position: relative;
    top: -20px;
    top: 0px;
	transition:all ease .4s;
}

.header-logo img{
	width: auto;
    height: 50px;
	transition:all ease .4s;
	top: 4px;
    position: relative;
}

header.shrink  .logo-pos{
   width: auto;
    height: 40px;
    position: relative;
    top: -30px;
	transition:all ease .4s;
}

header.shrink .header-logo img{
	width: auto;
    height: 40px;
	transition:all ease .4s;
	top: 0px;
    position: relative;
}


header .menu-pos{
	width: auto;
    position: absolute;
    right: 0;
    height: 40px;
    margin: auto;
    top: -5px;
    bottom: 0;
}


header.shrink .header-logo img{
	height: 30px;
    margin: auto;
    top: 35px;
    position: relative;
	transition:all ease .4s;
}


.mobile-console{
	width:100%;
	display:flex;
	height:60px;
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 999;
	box-shadow: 0px -10px 15px -3px rgba(0,0,0,0.1);
}


.mobile-console .logo-pos{
	display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}


.mobile-console .logo-ctn img{
	width:auto;
	height:40px;
}

.mobile-console  .contact-pos {
	display: block;
    position: absolute;
    right: 60px;
    top: 0px;
    width: 60px;
    height: 60px;
	background: #68c5ee;
	background: #EEF5FC;
}


.mobile-console .contact-icon .icon.phone{
    background: url(../background/svg-icons/mobile-phone-icon-dark.svg) no-repeat;
    background-size: 32px 32px;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}







/***********************
INSIDE PAGES 
*****************/
.inpages{
	padding:99px 0 0 0; 
}

.page-header-ctn {
	display:block;
	padding:100px 0;
	background: url(../background/svg-templates/page-header-layer-back.svg) no-repeat;
    background-size: auto ;
	position:relative;
	background:#222222;
	background:#EEF5FC;
}




.page-header-ctn .arrows-movement {
    display: block;
    width: 492px;
    height: 100%;
    background: url(../background/svg-templates/page-header-layer-arrows.svg) no-repeat;
    background-size: 492px 100%;
    position: absolute;
    top: 0;
    right: 0;
}


.page-header-ctn .page-header{
	top:0;
	bottom:0;
	margin:auto
}

.page-header-ctn .page-header h1{
	font-size:36px;
	font-weight:bold;
	color:#323232;
}

.page-header-ctn .page-header h2{
	font-size:22px;
	color:#323232;
	font-weight:500
}

.blue-header .page-header-ctn{
	background:#0A5589
}

.blue-header .page-header-ctn h1,
.blue-header .page-header-ctn h2 {
	color:#fff;
}

.contact-ctn{
	display:flex;
}

.contact-ctn .contact-1{
	width:50%;
	display:block;
	margin-right:100px;
}

.contact-ctn .contact-2{
	width:50%;
	display:block;
}


.contact-ctn .contact-details ul{
	display:table;
	
}

.contact-ctn .contact-details ul li{
	display:table;
	width:100%;
	padding:10px 0;
}

.contact-details p{
	display: flex;
}

.contact-details .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 2px;
	float:left;
}

.contact-details .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}


.contact-details .googlemap{
	width:100%;
	height:400px;
}



.input-forms-style.style-1 {
    width: 100%;
    margin: auto
}

.input-forms-style.style-1 .form-layout {
    margin-bottom: 30px
}

.input-forms-style.style-1 .col-mb {
    margin-bottom: 30px
}

.input-forms-style.style-1 label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.input-forms-style.style-1 .alert-ctn {
    position: relative
}

.input-forms-style.style-1 .error_email {
    color: #fff;
    position: absolute;
    bottom: -27px;
    font-size: 10px;
    background: red;
    padding: 2px 5px
}

.input-forms-style.style-1 input {
    border: 1px solid #bbb;
    padding: 10px
}

.input-forms-style.style-1 input.form-field {
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px
}

.input-forms-style.style-1 .required-star {
    color: red;
    font-weight: 700;
    margin-right: 10px
}

.input-forms-style.style-1 textarea {
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    height: 150px;
    resize: none;
    font-size: 14px;
    font-family: montserrat,sans-serif
}

.input-forms-style.full-width {
    width: 100%;
    max-width: 100%;
    margin: auto
}

.dropdown .label {
    color: #2e52c1
}

.dropdown li.active {
    font-weight: 700
}

.dropdown .selected {
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #000;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    list-style: none;
    padding: 18px 12px
}

.style-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input::-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-ms-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input input:focus::-moz-placeholder {
    font-size: 0
}

.style-input input:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input input:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea::placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input textarea:focus {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none
}

.style-input textarea:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input textare:focusa::-webkit-input-placeholder {
    font-size: 0
}

.style-input textarea:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus::-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input textarea:focus::placeholder {
    font-size: 0
}

.checkbox-aggree .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px
}

.checkbox-aggree .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox-aggree .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #e6e6e6
}

.control--radio .control__indicator {
    border-radius: 50%
}

.checkbox-aggree .control:hover input~.control__indicator,.checkbox-aggree .control input:focus~.control__indicator {
    background: #ccc
}

.checkbox-aggree .control input:checked~.control__indicator {
    background: #2aa1c0
}

.checkbox-aggree .control:hover input:not([disabled]):checked~.control__indicator,.checkbox-aggree .control input:checked:focus~.control__indicator {
    background: #0e647d
}

.checkbox-aggree .control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.checkbox-aggree .control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

.checkbox-aggree .control input:checked~.control__indicator:after {
    display: block
}

.checkbox-aggree .control--checkbox .control__indicator:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-aggree .control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

.checkbox-aggree .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff
}

.checkbox-aggree .control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b
}

#emails-alert.alert-overlay {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999999
}

#emails-alert.alert-overlay.display_none {
    display: none
}

#emails-alert .emails-alert {
    position: fixed;
    bottom: 0;
    z-index: 9999999999999;
    width: 100%;
    -webkit-animation: alert-in .5s;
    -moz-animation: alert-in .5s;
    -o-animation: alert-in .5s;
    animation: alert-in .5s;
    width: 100%;
    max-width: 540px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 400px;
    padding: 20px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row {
    display: block;
    width: 100%;
    padding: 20px 10px 10px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row.success {
    background: #2e52c1
}

#emails-alert .emails-alert .top-row.error {
    background: #e75e60
}

#emails-alert .emails-alert .top-row .image-icon {
    width: 100%;
    height: 70px;
    margin: 15px auto
}

#emails-alert .emails-alert .top-row .image-icon img {
    width: 70px;
    height: auto;
    margin: auto
}

#emails-alert .emails-alert .top-row.error .image-icon img {
    width: 66px;
    height: 66px;
    margin: auto
}

#emails-alert .emails-alert .top-row h3 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

#emails-alert .emails-alert .top-row p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

#emails-alert .emails-alert h3,#emails-alert .emails-alert p {
    color: #fff
}

#emails-alert .emails-alert .top-row p a {
    color: #fff;
    font-weight: 700
}

#emails-alert .emails-alert .top-row h4 a:hover {
    color: #000
}

#emails-alert .emails-alert .top-row hr {
    margin: 10px 0;
    border: 0 solid #fff;
    height: 1px;
    width: 100%;
    background: #fff
}

#emails-alert .emails-alert .bottom-row {
    background: #fff;
    height: 40px;
    display: table;
    width: 100%;
    padding: 15px 0;
    text-align: center
}

@-webkit-keyframes alert-in {
    0% {
        opacity: 0;
        top: -100px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

#emails-alert .alert.alert-success-ctn,#emails-alert .alert.alert-error {
    margin: auto;
    height: auto;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0)
}

#emails-alert .alert.alert-error {
    background: #c73537
}

#emails-alert .close-button {
    line-height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    border-radius: 0;
    line-height: 36px;
    letter-spacing: 1px;
    max-width: 260px;
    margin: auto
}

#emails-alert .alert.alert-error h4,#emails-alert .alert.alert-success-ctn h4 {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    width: 90%;
    margin: auto
}

#emails-alert .alert.alert-success-ctn .button a {
    color: #fff;
    border-color: #23282b;
    font-weight: 700;
    background: #000;
    width: 90%;
    max-width: 320px;
    display: table;
    margin: auto;
    height: 40px;
    line-height: 26px;
    border-radius: 4px
}


/***********************
SLIDER 
*****************/
.main-slider {
	width:100%;
	display:block;
	margin-top: 100px;
	position:relative;
	height:550px;
	overflow:hidden;
}


.main-slider .text-ctn{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:600px;
	width:90%;
	display:table;
 	z-index:3
}


@-moz-document url-prefix() {
	  .main-slider .text-ctn{
		height:170px;
	}
}


 
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description{
	text-align:center;
	margin:0 auto 5px auto;
	overflow-wrap: break-word;
	color:#fff;
}

.main-slider .text-ctn .description span{
	color:#fff;
}



.main-slider .text-ctn .title h1 {
	font-size:46px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#fff;
}

.main-slider .text-ctn .button{
	text-align:center;
	margin:10px auto 0 auto;
}

.main-slider .overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	width:100%;
	display:block;
	height:100%;
	background:rgba(0,0,0,0.0);
	z-index:2
}  

.main-slider .image-pos{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1
}

.main-slider .image-ctn img{
	width:100%;
	height:100%;
	object-fit:cover
}


/** box designs */

.box-ctn-shadow:after{
	content:"";
    background: #eef5fc;
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
	border-radius:8px
}

.box-1-ctn{
	background:#EEF5FC;
	padding:20px;
	position:relative;
	z-index:2;
	border-radius:8px
}


.box-1-ctn.darkblue{
	background:#005488;
}

.box-1-ctn.darkblue h3,
.box-1-ctn.darkblue p{
	color:#fff;
}
 
.box-1-ctn h3{ 
    display: table;
    width: 100%;
    margin-bottom: 20px;
	text-align:center
}

.hr-icon{
	background: url(../background/svg-icons/hr-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.hr-white-icon{
	background: url(../background/svg-icons/hr-white-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.box-1-ctn p{
    text-align: center;
    display: table;
    width: 100%;
}


.box-2-ctn {
	display:block;
	width:100%;
	border:1px solid #E3E3E3;
	position:relative;
	-webkit-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
}


.box-2-ctn .image{
	padding:20px;
	width:120px;
	height:120px;
	display:block;
	background:#E3E3E3;
	margin:20px auto 20px auto;
}

.box-2-ctn .title{
	width:80%;
	margin:0 auto 5px auto ;
	text-align:center
}

.box-2-ctn .description{
	width:90%;
	margin:0 auto 5px auto ;
	text-align:center;
	min-height:60px
}

.box-2-ctn .description p{
	color:var(--color-dark-blue)
}

.box-2-ctn .price{
	width:80%;
	margin:0 auto 20px auto ;
	text-align:center;
	font-size:46px;
	font-weight:900
}

.box-2-ctn .details{
	margin:0 auto 5px auto ;
	background:#EEF5FC;
	padding:20px
}

.box-2-ctn .button-pos{
	margin:20px auto 20px auto ;
}


.box-2-ctn ul{
	width:80%;
	margin:0 auto 0 auto ;
	text-align:center;
	display:table;
}

.box-2-ctn ul li{
	width:100%;
	display:table;
	text-align:left;
	margin:0 auto 0 auto ;
	position:relative;
	padding:3px 0;
}

.box-2-ctn ul li:before{
	content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -25px;
    top: 8px;
	background: url(../background/svg-icons/tick-box.svg) no-repeat;
    background-size: 14px 14px;
	display:block;
}
 
.box-2-ctn.bestseller-ctn .bestseller-box{
	position:absolute;
	right:-12px;
	top:-12px;
	background:#E28D0D;
	padding:8px 12px;
	color:#fff;
	font-weight:900;
	font-size:14px;
}
 
 
.box-2-ctn.bestseller-ctn .price{
	color:#E28D0D;
}

.box-2-ctn.bestseller-ctn .details{
	margin:0 auto 5px auto ;
	background:#F9E8CF;
	padding:20px
}

.box-2-ctn.bestseller-ctn ul li:before{
	background: url(../background/svg-icons/tick-box-orange.svg) no-repeat;
}



.dsg-4-ctn {
	display:flex;
}

.dsg-4-ctn .dsg-4-col-1{
	width:40%;
	margin-right:100px;
}

.dsg-4-ctn .dsg-4-col-2{
	width:60%;
}

.dsg-4-ctn .dsg-4-col-1 .image{
	width:100%;
 	display:block;
	height:100%;
	min-height:400px;
	min-width: 400px;
	height: 100%;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(50% 15%, 100% 0, 100% 100%, 100% 80%, 50% 96%, 50% 96%, 0% 80%, 0 0);
}

.dsg-4-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}



.dsg-5-ctn{
	padding:100px 0;
	background: #EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.dsg-5{
	width:100%;
	display:block;
}


.dsg-5 h3{
	text-align:center;
	display: table;
    width: 100%;
	font-weight:bold;
}

.dsg-5 p{
	text-align:center;
	display: table;
    width: 100%;

}


/***********************
FOOTER 
*****************/
footer{
	width:100%;
	background:#FDFDFD;
	display:block;
	margin:100px 0 0;
	position:relative;
	padding:80px 0 0 0;
}

footer .footer-border-top{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:100px;
	display:block;
	background: url(../background/svg-icons/footer-top-dots.svg) ;
    background-size:auto  100% ;
}


footer .v-footer{
	width:100%;
	padding:10px 0;
	background:#F3F3F3;
	display:block;
}

footer .v-footer p,
footer .v-footer a{
	font-size:12px;
}

footer .dv2{
	text-align:right;
}

footer .footer-info .image{
	width: 117px;
    height: 60px;
	display:block;
	margin-bottom:20px;
}

footer .footer-info .image img{
	width:auto;
	height:60px;
}
footer h3{
	font-weight:500;
	margin-bottom:20px;
}

footer  p,
footer  a{
	font-size:16px;
	line-height:26px;
}

footer .qcontact{
	display:table;
}

footer .qcontact li{
	width:100%;
	padding:0px 0 10px 10px;
	display: inline-flex;
}


footer .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 5px;
}

footer .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.social-hor {
	display:flex;
}

.social-hor li{
	width:46px;
	height:46px;
	margin-right:20px;
}
 
.social-hor li:last-child{
	margin-right:0;
}

.social-hor li .social-footer-icon-box{
	width:46px;
	height:46px;
}
 
 .social-hor li .social-footer-icon-box.social-icon-facebook{
	background: url(../background/svg-icons/social-icon-facebook.svg) no-repeat;
    background-size: 46px 46px ;
}

 .social-hor li .social-footer-icon-box.social-icon-x{
	background: url(../background/svg-icons/social-icon-x.svg) no-repeat;
    background-size: 46px 46px ;
}

.bv-logo{
	font-weight:900;
	color:#23282b;
}

.bv-logo .bv{
	font-weight:900;
	color:#075ee3
}

/*****************
BUTTONS CTA
***********************/
.button-pos-center{
	margin: auto;
}

.btn {
	font-size: 18px;
    font-weight: normal;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 20px 45px 20px 20px;
    /**box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);**/
    text-decoration: none;
	min-width: 220px;
    text-decoration: none;
	position:relative
}

.btn .arrow-button {
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 18px;
    z-index: 1;
    background: url(../background/svg-icons/button-arrow.svg) no-repeat;
    background-size: 22px 14px;
	transition: all .2s ease;
}

.btn:hover .arrow-button{
	 right: 8px;
	transition: all .2s ease;
} 


.btn.big-btn{
	max-width:220px;
}

.btn:disabled{
	opacity:0.6;
	transition:all ease 0.3s;
	/**box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);**/
}


.btn-hover,
.btn-hover-no-shadow {
    color: #fff;
	border-width: 1px;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover,
.btn-hover-no-shadow:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 
/* dark blue */
.btn-hover.cta1{
background-image: linear-gradient(to right, #005488, #005488, #005488,  #2E52C1, #2E52C1, #2E52C1);
 color: #fff!important;
}

/* orange */
.btn-hover.cta2{
background-image: linear-gradient(to right, #E28D0D, #E28D0D, #E28D0D,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}

/* orange */
.btn-hover.cta3{
background-image: linear-gradient(to right, #222222, #222222, #222222,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}


/* white */
.btn-hover.cta5{
background-image: linear-gradient(to right, #0A8961, #0A8961, #0A8961,  #076C4C, #076C4C, #076C4C);
color: var(--color-white)!important;
}



.button-text{
	font-size:12px;
	transition:all ease .3s;
	background:#222;
	padding:5px 10px;
	color:#fff;
	border-radius:4px;
}

.button-text:hover{
	transition:all ease .3s;
	background:var(--color-dark-blue)
}


/***********************
FIELDS
*****************/
.input-layout-1 input {
	background: #fff;
    height: 50px;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
    max-width: 100%;
    display: table;
    border:1px solid #ced4da;
    width: 100%;
	font-family: var(--font-family);
}

.input-layout-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-dark);
	opacity:0.5;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-ms-input-placeholder { /* IE 10+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-moz-placeholder { /* Firefox 18- */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}

*:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

input:focus::-moz-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-ms-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-moz-placeholder{
	background:#FAFAFA;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

/***********************
BREADCRUMBS 
*****************/
.breadcrumbs-ctn{
	border-bottom:0px solid #e7e7e7;
	border-top:0px solid #e7e7e7;
	padding:10px 0 10px 0;
	display:table;
 }

.breadcrumbs ul{
	display:flex;
}

.breadcrumbs ul li{
	margin-right:10px;
}

.breadcrumbs ul li:last-child{
	margin-right:0px;
}

.breadcrumbs ul li a,
.breadcrumbs ul li span{
	font-size: 12px;
    color:#fff;
    color:#005488;
    font-weight: normal;
}

.breadcrumbs ul li a:hover{
    color: var(--color-orange);
}


.breadcrumbs ul li:after{
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    background: url(../background/icons/arrow-breadcrumb.svg) no-repeat center center;
    background-size: 4px auto;
    float: right;
    position: relative;
    top: 7px;
    right: -6px;
}

.breadcrumbs ul li:last-child:after{
    display: none;
}



.blue-header .breadcrumbs ul li a,
.blue-header .breadcrumbs ul li span{
    color:#fff;
}
 
 
.carousel-logos-ctn{
	display:flex;
	height: 240px;
}


.carousel-logos-ctn .carousel-left{
	width: 25%;
    padding: 50px 0 0;
    display: inline-flex;
}

.carousel-logos-ctn .carousel-right{
	width: 75%;
    position: absolute;
    right: 0%;
    padding: 20px 0 0 0;
    max-width: 100%;
}

.carousel-logos-ctn .carousel-right .box-dsg1 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	top:-60px;
}

.carousel-logos-ctn .carousel-right .box-dsg2 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}

.carousel-logos-ctn .carousel-right .box-dsg3 {
	width:6px;
	height:250px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}


.carousel-logos-ctn .carousel-right .box-dsg4 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    top: -48px;
}

.carousel-logos-ctn .carousel-right .box-dsg5 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-right .box-dsg6 {
	width: 6px;
    height: 226px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -38px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-box{
	width:100%;
	position:relative;
	height:180px;
	top:20px;
}


.carousel-logos-ctn .carousel-box .logo{
	width:120px;
	height:120px;
	position:relative;
}

.carousel-logos-ctn .carousel-box .logo img{
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}



.carousel-logos-ctn .carousel-box .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: -50px;
}

.carousel-logos-ctn .carousel-box





.carousel-logos-ctn .carousel-box .owl-theme .owl-nav {
	display:none!important;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #EEF5FC;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot.active span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #222222!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}


.support-banner-ctn{
	width:100%;
}

.support-banner{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	width: 100%;
}

.support-banner .col-1{
	width:40%;
	margin-right:100px;
	display:block;
}

.support-banner .col-2{
	width:60%;
}

.support-banner .image {
	width:100%;
	height:auto;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	position:relative;
}
 
.support-banner .image img{
	width:100%;
	height:auto;
}



/***********************
counter
*****************/
.counter-ctn{
	display:block;
	padding:50px 0;
	background:#EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.counter-ctn h3,
.counter-ctn h3 span{
	font-size:66px;
	font-weight:900
}

.counter-ctn .count-digit{
	opacity:0;
}

.counter-ctn .count-digit.counter-loaded{
	opacity:1;
}








/***********************
MEDIA QUERIES
*****************/
 
@media screen and (max-width: 1440px) { 
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-260px);
		-moz-transform:  translateX(-260px);
		-ms-transform:  translateX(-260px);
		-o-transform:  translateX(-260px);
		transform: translateX(-260px);
	}
	
	#cd-lateral-nav {
		width: -260px;
	}
}
  

@media screen and   (max-width:1278px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}
	
	
	.carousel-logos-ctn {
		display: table;
		height: 400px;
	}
	
	.carousel-logos-ctn .carousel-left {
 		padding: 0;
		width:100%;
	}
	
	.carousel-logos-ctn .carousel-right {
		width: 100%;
		left: 0;
		margin: 0 0 0 0;
	}
	
	.carousel-box .owl-theme .owl-dots {
		left: 0;
	}
	
	.dsg-4-ctn {
	display:table;
	}

	.dsg-4-ctn .dsg-4-col-1{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.dsg-4-ctn .dsg-4-col-2{
		width:100%;
	}

	.dsg-4-ctn .dsg-4-col-1 .image{
		width:100%;
		height:auto;
		display:block;
		height:100%;
		min-width: auto;
		min-height:auto;
	}

}



@media screen and   (max-width:992px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}

}





@media screen and   (max-width: 768px) {
	.frontpage .cd-main-content {
		padding-top:0px;
	}

 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top:00px;
		margin-top: 0px;
	}
	
	.wrp{
		width:90%;
	}
	
	.main-slider {
		margin-top: 0px;
	}
	
	.main-slider .title h1{
		font-size: calc(4vw + 4vh + 2vmin)!important;
	}
	
	
	.counter-ctn h3,
	.counter-ctn h3 span{
		font-size:36px;
	}
	
	footer .dv1,
	footer .dv2{
		text-align:center;
		padding:5px 0;
	}

	.contact-ctn{
		display:table;
		width:100%;
	}

	.contact-ctn .contact-1{
		width:100%;
		margin-right:0px;
		margin-bottom:50px;
	}

	.contact-ctn .contact-2{
		width:100%;
	}
	

	.support-banner{
		display: table;
		width: 100%;
	}

.support-banner .col-1{
	width:100%;
	margin-right:0px;
	margin-bottom:50px;
 }

.support-banner .col-2{
	width:100%;
}

.support-banner .image {
	clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 93%, 0 70%);
}







}

@media screen and  (max-width: 680px) {
	
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	#cd-lateral-nav {
		width: -100%;
	}
	
	
	
}

@media screen and  (max-width: 480px) {
	
	
}




/* SMP 2026 homepage hero and trust-section refinements */
.main-slider .text-ctn{z-index:3!important;max-width:760px!important;}
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important;}
.main-slider .text-ctn .description h2{font-size:20px!important;line-height:1.5!important;font-weight:400!important;}
.main-slider .overlay{z-index:2!important;background:linear-gradient(90deg,rgba(2,10,27,.9) 0%,rgba(2,10,27,.55) 48%,rgba(2,10,27,.12) 100%)!important;}
.main-slider .image-ctn img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.trusted-clients .section-title p{max-width:390px;line-height:1.7;}
@media(max-width:768px){
 .main-slider .text-ctn{padding:0 24px!important;max-width:100%!important;}
 .main-slider .text-ctn .title h1{font-size:34px!important;line-height:1.12!important;}
 .main-slider .text-ctn .description h2{font-size:16px!important;line-height:1.45!important;}
 .main-slider .image-ctn img{object-position:62% center!important;}
 .main-slider .overlay{background:rgba(2,10,27,.72)!important;}
 .trusted-clients .carousel-logos-ctn{display:block!important;}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important;}
}


/* SMP 2026 professional hosting homepage */
html,body{max-width:100%;overflow-x:hidden}
.wrp{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.section{padding-top:76px;padding-bottom:76px}
.section-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em;color:#062640}
.section-title p{font-size:18px;line-height:1.7;color:#526679;max-width:820px;margin-left:auto;margin-right:auto}
.sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sw-col3-col2-col1.col-3>.col{width:auto!important;margin:0!important;float:none!important;display:flex}
.ctn-str-2{width:100%;box-sizing:border-box;padding:32px 28px!important;background:#fff;border:1px solid #dce7ef;border-radius:18px;box-shadow:0 12px 34px rgba(6,38,64,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.ctn-str-2:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#00a7d7,#0878bd)}
.ctn-str-2:hover{transform:translateY(-7px);border-color:#96d9ed;box-shadow:0 20px 48px rgba(6,38,64,.15)}
.ctn-str-2 .main-title{font-size:23px!important;line-height:1.25!important;color:#062640!important;margin-bottom:16px!important}
.ctn-str-2 p{font-size:16px;line-height:1.68;color:#526679}
.managed-security-section{background:linear-gradient(135deg,#031d31 0%,#063b5d 58%,#075c82 100%);padding:90px 0!important;position:relative;overflow:hidden}
.managed-security-section:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-210px;background:rgba(0,200,235,.12)}
.managed-security-section .support-banner{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.managed-security-section .col-2{width:auto!important;float:none!important}
.managed-security-section img{width:100%!important;height:470px!important;object-fit:cover;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.managed-security-section .section-title h2,.managed-security-section h3{color:#fff!important}
.managed-security-section .section-title h2{font-size:clamp(32px,4vw,50px)!important}
.managed-security-section p{color:#d7e8f2!important;font-size:17px!important;line-height:1.72!important}
.managed-security-section .btn,.managed-security-section a[class*="btn"]{display:inline-flex!important;align-items:center;justify-content:center;background:#00a9d6!important;color:#fff!important;border-radius:8px!important;padding:15px 25px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(0,169,214,.28)}
.trusted-clients{background:#f5f9fc!important;padding-top:72px!important;padding-bottom:72px!important}
.main-slider .text-ctn{left:max(20px,calc((100% - 1180px)/2))!important;right:auto!important;text-align:left!important;width:min(720px,calc(100% - 40px))!important}
.main-slider .text-ctn .title h1{font-size:clamp(42px,5vw,72px)!important;line-height:1.05!important;letter-spacing:-.035em}
.main-slider .text-ctn .description h2{max-width:650px}
@media(max-width:1100px){
 .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main-header .wrp,.header .wrp{width:calc(100% - 28px)!important}
 nav a,.menu a{font-size:14px!important;padding-left:9px!important;padding-right:9px!important}
}
@media(max-width:820px){
 .wrp{width:calc(100% - 30px)!important}
 .section{padding-top:58px;padding-bottom:58px}
 .sw-col3-col2-col1.col-3{grid-template-columns:1fr}
 .managed-security-section{padding:64px 0!important}
 .managed-security-section .support-banner{grid-template-columns:1fr;gap:34px}
 .managed-security-section img{height:320px!important}
 .main-slider .text-ctn{left:20px!important;width:calc(100% - 40px)!important}
 .main-slider .text-ctn .title h1{font-size:clamp(36px,10vw,54px)!important}
}
@media(max-width:520px){
 .wrp{width:calc(100% - 24px)!important}
 .ctn-str-2{padding:28px 22px!important}
 .managed-security-section img{height:250px!important}
 .main-slider .text-ctn{left:16px!important;width:calc(100% - 32px)!important}
 .main-slider .text-ctn .description h2{font-size:17px!important}
}

/* SMP 2026: remove legacy statistics counter strip */
body .section:has(> .counter-ctn){display:none!important;padding:0!important;margin:0!important;}
.counter-ctn{display:none!important;}


/* SMP 2026 mobile navigation, client logos and dark visual system */
.trusted-clients{display:block!important;visibility:visible!important;min-height:330px!important}
.trusted-clients .carousel-logos-ctn,.trusted-clients .carousel-right,.trusted-clients .carousel-box,.trusted-clients .owl-carousel{display:block!important;visibility:visible!important;min-height:120px!important}
.trusted-clients .owl-stage-outer{min-height:110px!important}
.trusted-clients .logo{display:flex!important;align-items:center;justify-content:center;min-height:100px!important;padding:10px!important;box-sizing:border-box}
.trusted-clients .logo img{display:block!important;width:auto!important;max-width:120px!important;height:82px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.page-banner,.inner-banner,.banner-ctn,.service-banner{background-color:#031d31!important}
.page-banner img,.inner-banner img,.banner-ctn img,.service-banner img{filter:brightness(.48) saturate(.72) hue-rotate(155deg)!important}
@media(max-width:768px){
 header.header-scroll.hide768{display:block!important;position:relative!important;width:100%!important;background:#031d31!important;z-index:9999!important}
 header.header-scroll .contact-header,header.header-scroll .secondary-menu-ctn{display:none!important}
 header.header-scroll .wrp{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
 header.header-scroll .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:64px!important;width:100%!important}
 header.header-scroll .header-logo img{display:block!important;width:auto!important;max-width:138px!important;height:46px!important;object-fit:contain!important}
 header.header-scroll .menu-pos{display:block!important;width:100%!important;background:#052942!important;border-top:1px solid rgba(255,255,255,.12)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 header.header-scroll .menu-pos:before{content:"☰  MENU";display:block;color:#fff;font-weight:800;font-size:14px;letter-spacing:.12em;padding:12px 16px 7px}
 header.header-scroll .menu-pos ul.mod-menu{display:flex!important;width:max-content!important;min-width:100%!important;gap:2px!important;margin:0!important;padding:0 8px 10px!important;list-style:none!important}
 header.header-scroll .menu-pos ul.mod-menu>li{display:block!important;float:none!important;width:auto!important;white-space:nowrap!important}
 header.header-scroll .menu-pos ul.mod-menu>li>a{display:block!important;color:#fff!important;font-size:13px!important;padding:9px 10px!important;border-radius:6px!important}
 .trusted-clients{min-height:360px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
}


/* SMP 2026 enterprise dark design system */
:root{--smp-black:#020b12;--smp-navy:#031d31;--smp-navy-2:#052f4d;--smp-blue:#007fba;--smp-cyan:#00a9d6;--smp-text:#d9e8f2}
body,.site,.cd-main-content{background:var(--smp-black)!important;color:var(--smp-text)}
.section{padding-top:52px!important;padding-bottom:52px!important;background:var(--smp-navy)!important}
.section:nth-of-type(even){background:var(--smp-black)!important}
.section-title h1,.section-title h2,.section-title h3{color:#fff!important}
.section-title p,.section p{color:#bfd0dc}
.section-title{margin-bottom:34px!important}
.sw-col3-col2-col1.col-3{align-items:stretch!important}
.sw-col3-col2-col1.col-3>.col{height:auto!important;align-self:stretch!important}
.ctn-str-2{display:flex!important;flex-direction:column!important;height:100%!important;min-height:360px!important;background:linear-gradient(155deg,#092d47 0%,#041a2b 100%)!important;border:1px solid #174b69!important;color:#dceaf3!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
.ctn-str-2:hover{border-color:var(--smp-cyan)!important;box-shadow:0 20px 48px rgba(0,120,180,.22)!important}
.ctn-str-2 .main-title{color:#fff!important}
.ctn-str-2 p{color:#bfd0dc!important}
.ctn-str-2>.mt20.row{margin-top:auto!important;padding-top:22px!important}
.ctn-str-2 .button-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:7px!important;background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px rgba(0,169,214,.2)!important}
.ctn-str-2 .button-text:hover{background:linear-gradient(90deg,#00a9d6,#007fba)!important}
.managed-security-section{background:linear-gradient(135deg,#020b12 0%,#031d31 55%,#06496d 100%)!important}
.trusted-clients{display:block!important;background:linear-gradient(135deg,#041725,#072f48)!important;padding-top:50px!important;padding-bottom:50px!important;min-height:300px!important}
.trusted-clients .section-title h2{color:#fff!important}
.trusted-clients .section-title p{color:#bfd0dc!important}
.trusted-clients .logo{background:#fff!important;border-radius:12px!important;margin:6px!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}
footer{background:#020b12!important;border-top:1px solid #12384f!important;padding-top:46px!important;color:#cbdce7!important}
footer>.wrp>.sw-col4-col2-col1{display:grid!important;grid-template-columns:1.35fr .8fr 1.1fr!important;gap:52px!important}
footer>.wrp>.sw-col4-col2-col1>.col{width:auto!important;float:none!important;margin:0!important}
footer>.wrp>.sw-col4-col2-col1>.col:first-child{display:none!important}
footer h3{color:#fff!important;margin-bottom:18px!important}
footer ul.vertical-menu{display:block!important;width:100%!important}
footer ul.vertical-menu li{display:block!important;margin:0 0 10px!important}
footer a{color:#bcd3e1!important}
footer a:hover{color:var(--smp-cyan)!important}
footer .v-footer{margin-top:38px!important;background:#00070c!important;border-top:1px solid #12384f!important;padding:18px 0!important}
footer .v-footer p{margin:0!important}
@media(max-width:900px){
 .ctn-str-2{min-height:330px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr 1fr!important;gap:34px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 .section{padding-top:38px!important;padding-bottom:38px!important}
 .section-title{margin-bottom:25px!important}
 .ctn-str-2{min-height:0!important}
 footer{padding-top:36px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr!important;gap:28px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:auto!important}
 footer .v-footer .sw-medium-2-1{display:block!important;text-align:center!important}
 footer .v-footer .col{width:100%!important;float:none!important;margin:8px 0!important}
 .trusted-clients{min-height:320px!important}
 .trusted-clients .logo img{max-width:108px!important;height:72px!important}
}


/* SMP 2026 visibility and contrast hotfix */
[data-aos],[data-aos].aos-init,[data-aos].aos-animate{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}
.trusted-clients,.trusted-clients.aos-init,.trusted-clients.aos-animate{opacity:1!important;transform:none!important;visibility:visible!important}
.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer,.trusted-clients .owl-stage{opacity:1!important;visibility:visible!important}
.trusted-clients .owl-item.active{opacity:1!important;visibility:visible!important}
.box-1-ctn{background:#eef5fc!important}
.box-1-ctn h3,.box-1-ctn .main-title{color:#061f33!important}
.box-1-ctn p{color:#344f63!important}
footer p,footer .qcontact p,footer .qcontact li,footer .qcontact a{color:#bcd3e1!important}
footer .qcontact .icon{opacity:1!important}
@media(max-width:1279px){
 .section>.wrp{padding-top:0!important;padding-bottom:0!important}
 .trusted-clients{min-height:0!important}
}


/* SMP 2026 full-site stability and enterprise layout repair */
main{display:block!important;overflow:hidden!important;background:#020b12!important}
main>.page-header-ctn{margin-bottom:0!important}
main>.moduletable,main>.section,main>.trusted-clients,main>.managed-security-section,footer{margin-top:0!important}
main>.section{display:block!important;height:auto!important;min-height:0!important}
main .dsg-4-ctn,main .dsg-5-ctn{height:auto!important;min-height:0!important}
main .dsg-4-ctn{padding-top:54px!important;padding-bottom:54px!important}
main .dsg-5-ctn{padding-top:48px!important;padding-bottom:48px!important}
main .dsg-4-ctn h1,main .dsg-4-ctn h2,main .dsg-4-ctn h3,
main .dsg-5-ctn h1,main .dsg-5-ctn h2,main .dsg-5-ctn h3,
main .managed-security-section h1,main .managed-security-section h2,main .managed-security-section h3{color:#fff!important}
main .dsg-4-ctn p,main .dsg-5-ctn p,main .managed-security-section p{color:#c6d8e4!important}
main .dsg-4-ctn img,main .managed-security-section img{border-radius:18px!important;object-fit:cover!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
main .dsg-4-ctn .main-title,main .managed-security-section .section-title h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important}
.managed-security-section{padding:58px 0!important}
.managed-security-section .support-banner{min-height:0!important}
.managed-security-section img{height:390px!important}
.smp-client-section{position:relative!important;z-index:1!important;display:block!important;clear:both!important;height:auto!important;min-height:0!important;padding:54px 0!important;background:linear-gradient(135deg,#041725,#07334f)!important}
.smp-client-section .wrp{display:block!important}
.smp-client-header{text-align:center!important;max-width:820px!important;margin:0 auto 34px!important}
.smp-client-header h2{margin:0 0 14px!important;color:#fff!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important}
.smp-client-header p{margin:0!important;color:#c4d7e3!important;font-size:17px!important;line-height:1.65!important}
.smp-client-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;position:static!important;width:100%!important;height:auto!important}
.smp-client-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:112px!important;padding:16px!important;background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important}
.smp-client-logo img{display:block!important;max-width:100%!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.smp-client-section+footer,footer{position:relative!important;z-index:2!important;clear:both!important;margin-top:0!important}
footer{padding-top:42px!important}
.page-header-ctn{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(115deg,#061f33,#083e5e)!important}
.page-header-ctn h1,.page-header-ctn h2,.page-header-ctn p{color:#fff!important}
main p{line-height:1.65!important}
main h1,main h2,main h3{overflow-wrap:anywhere}
@media(max-width:1100px){
 .smp-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
 main .dsg-4-ctn,main .dsg-5-ctn{padding-top:38px!important;padding-bottom:38px!important}
 .managed-security-section{padding:42px 0!important}
 .managed-security-section img{height:290px!important}
 .smp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .smp-client-logo{height:96px!important;padding:12px!important}
}
@media(max-width:520px){
 .smp-client-section{padding:38px 0!important}
 .smp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .smp-client-logo{height:88px!important;padding:10px!important}
 .smp-client-header{text-align:left!important;margin-bottom:25px!important}
}


/* SMP 2026 final overlap, duplicate and spacing fix */
main .dsg-5-ctn{margin-top:0!important}
.managed-security-section+.managed-security-section{display:none!important}
.trusted-clients{display:block!important;position:relative!important;z-index:1!important;height:auto!important;min-height:560px!important;padding:50px 0!important;overflow:hidden!important}
.trusted-clients .carousel-logos-ctn{display:grid!important;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr)!important;gap:42px!important;align-items:center!important;height:auto!important;min-height:360px!important}
.trusted-clients .carousel-left,.trusted-clients .carousel-right{display:block!important;position:relative!important;width:auto!important;height:auto!important;float:none!important}
.trusted-clients .carousel-box,.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer{display:block!important;position:relative!important;width:100%!important;min-height:150px!important;overflow:hidden!important}
.trusted-clients .owl-stage{min-height:140px!important}
.trusted-clients+footer{position:relative!important;clear:both!important;margin-top:0!important;z-index:2!important}
@media(max-width:820px){
 .trusted-clients{min-height:600px!important}
 .trusted-clients .carousel-logos-ctn{grid-template-columns:1fr!important;gap:28px!important;min-height:480px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
 .trusted-clients .section-title h2{font-size:36px!important;line-height:1.12!important}
}
@media(max-width:520px){
 .trusted-clients{min-height:560px!important}
 .trusted-clients .carousel-logos-ctn{min-height:440px!important}
}


/* SMP 2026 About and Contact slide repair */
.inpages .page-header-ctn{position:relative!important;z-index:1!important;overflow:visible!important;padding:38px 0!important;min-height:0!important}
.inpages .page-header-ctn .wrp{padding-top:0!important;padding-bottom:0!important}
.inpages .page-header-ctn h1,.inpages .page-header-ctn h2{position:relative!important;top:auto!important;margin-top:0!important;color:#fff!important}
.inpages .dsg-5-ctn,.inpages .row.mt150.dsg-5-ctn{margin-top:0!important;padding:52px 0!important;background:linear-gradient(135deg,#061f33,#0a4162)!important}
.inpages .dsg-5-ctn .sw-medium-2-1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.inpages .dsg-5-ctn .dsg-5{width:auto!important;float:none!important;margin:0!important;padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-sizing:border-box!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .dsg-5-ctn h2,.inpages .dsg-5-ctn h3{color:#fff!important}
.inpages .dsg-5-ctn p{color:#c8dbe7!important;font-size:17px!important;line-height:1.7!important}
.inpages .contact-ctn{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:44px!important;height:auto!important;padding:48px 0!important}
.inpages .contact-1,.inpages .contact-2,.inpages .contact-details{width:auto!important;height:auto!important;float:none!important;box-sizing:border-box!important}
.inpages .contact-details{padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .contact-details h1,.inpages .contact-details h2,.inpages .contact-details h3{color:#fff!important}
.inpages .contact-details p,.inpages .contact-details li,.inpages .contact-details a{color:#c8dbe7!important;font-size:17px!important}
.inpages .contact-2{padding:34px!important;background:#071f31!important;border:1px solid #18536f!important;border-radius:16px!important}
.inpages .contact-2 label{color:#eef7fc!important}
.inpages .contact-2 input,.inpages .contact-2 textarea,.inpages .contact-2 select{width:100%!important;box-sizing:border-box!important;background:#fff!important;color:#172a38!important;border:1px solid #9fc0d2!important;border-radius:7px!important}
.inpages .contact-2 input:focus,.inpages .contact-2 textarea:focus{outline:2px solid #00a9d6!important;border-color:#00a9d6!important}
.inpages .contact-2 .button,.inpages .contact-2 button[type=submit],.inpages .contact-2 input[type=submit]{background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;border:0!important;border-radius:7px!important}
.inpages .contact-details iframe,.inpages .contact-1 iframe{width:100%!important;max-width:100%!important;border-radius:12px!important;overflow:hidden!important}
@media(max-width:820px){
 .inpages .dsg-5-ctn .sw-medium-2-1,.inpages .contact-ctn{grid-template-columns:1fr!important;gap:24px!important}
 .inpages .dsg-5-ctn .dsg-5,.inpages .contact-details,.inpages .contact-2{padding:25px!important}
 .inpages .page-header-ctn{padding:28px 0!important}
}


/* SMP 2026 Contact offices update */
.inpages .contact-details{display:flex!important;flex-direction:column!important}
.inpages .contact-details:before{content:"Meet Our Offices";order:-2;display:block;color:#fff;font-size:30px;line-height:1.15;font-weight:800;margin:0 0 12px}
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call or email us to arrange an appointment.";order:-1;display:block;white-space:pre-line;color:#c8dbe7;font-size:18px;line-height:1.65;margin:0 0 26px}
.inpages .contact-details>h1,.inpages .contact-details>h2,.inpages .contact-details>h3{display:none!important}
.inpages .contact-details iframe,.inpages .contact-details [class*=map],.inpages .contact-details .map{display:none!important}
.inpages .contact-details .qcontact{margin-top:0!important}
@media(max-width:520px){
 .inpages .contact-details:before{font-size:26px}
 .inpages .contact-details:after{font-size:16px}
}


/* SMP 2026 enterprise Contact conversion and consent clarity */
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call us on +357 22 00 00 03 or email support@smptechnoservices.com to arrange an appointment. You can also complete the enquiry form and our team will contact you.";padding:18px 20px;background:rgba(0,169,214,.1);border-left:4px solid #00a9d6;border-radius:8px;color:#d8eaf4!important}
.inpages .contact-details .qcontact{padding:20px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(132,197,224,.22)!important;border-radius:10px!important}
.inpages .contact-details .qcontact a{font-weight:700!important;color:#fff!important}
.inpages .contact-details .qcontact a:hover{color:#00c8ef!important}
.inpages .contact-2 .control--checkbox{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin:18px 0!important;padding:16px!important;background:rgba(0,169,214,.08)!important;border:1px solid rgba(0,169,214,.35)!important;border-radius:9px!important;box-sizing:border-box!important;cursor:pointer!important}
.inpages .contact-2 .control--checkbox input[type=checkbox]{display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;margin:1px 0 0!important;padding:0!important;accent-color:#00a9d6!important}
.inpages .contact-2 .control--checkbox .control__indicator{display:none!important}
.inpages .contact-2 .text-warning-aggrement{font-size:0!important;line-height:1.55!important;color:#e7f3f9!important}
.inpages .contact-2 .text-warning-aggrement:after{content:"After completing “I’m not a robot”, tick this box to confirm that you agree to our Privacy Policy.";font-size:15px!important}
.inpages .contact-2 .control--checkbox:has(input:disabled){opacity:.72!important}
.inpages .contact-2 .control--checkbox:has(input:disabled):after{content:"Complete reCAPTCHA first";display:inline-block;margin-left:auto;padding:4px 8px;border-radius:5px;background:#133e58;color:#bfe8f7;font-size:12px;white-space:nowrap}
@media(max-width:520px){
 .inpages .contact-details:after{padding:15px 16px}
 .inpages .contact-2 .control--checkbox{flex-wrap:wrap!important}
 .inpages .contact-2 .control--checkbox:has(input:disabled):after{margin-left:34px}
}

.inpages .contact-details:after{content:"Nicosia • Larnaca • Limassol. Call us on +357 22 00 00 03 or email support@smptechnoservices.com to arrange an appointment. You can also complete the enquiry form and our team will contact you."!important}


/* SMP 2026 service-specific enterprise image suite */
body:has(.menu-pos .item-270.current) main .dsg-4-ctn img{content:url("/images/smp-service-managed-hosting-v1.png")!important}
body:has(.menu-pos .item-272.current) main .dsg-4-ctn img{content:url("/images/smp-service-communications-v1.png")!important}
body:has(.menu-pos .item-273.current) main .dsg-4-ctn img{content:url("/images/smp-service-cybersecurity-v1.png")!important}
body:has(.menu-pos .item-274.current) main .dsg-4-ctn img{content:url("/images/smp-service-dns-v1.png")!important}
body:has(.menu-pos .item-275.current) main .dsg-4-ctn img{content:url("/images/smp-service-secure-email-v1.png")!important}
body:has(.menu-pos .item-276.current) main .dsg-4-ctn img{content:url("/images/smp-service-backup-ddos-v1.png")!important}
main .dsg-4-ctn .image,main .dsg-4-ctn [class*=image]{overflow:hidden!important;border-radius:18px!important}
main .dsg-4-ctn img{width:100%!important;height:520px!important;object-fit:cover!important;object-position:center!important;filter:none!important}
@media(max-width:820px){main .dsg-4-ctn img{height:340px!important}}
@media(max-width:520px){main .dsg-4-ctn img{height:260px!important}}


/*
<?php if( $detect->isMobile() && !$detect->isTablet() ){ ?><!--mobile--><?php } ?> 
<?php if( $detect->isTablet() ){ ?><!--tablet--><?php } ?>
<?php if( !$detect->isTablet() && !$detect->isMobile() ){ ?><!--desktop--><?php } ?>

 <jdoc:include type="component" />
 <jdoc:include type="modules" name="breadcrumbs" style="none" />
 
*/

 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

 

:root {
 	--color-white:#fff;
	--color-dark:#222222;
	--color-dark-blue:#005488;
	--color-orange:#f0a700;
	--color-light-grey:#666668;
}


body,html{
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	height:100%;
	background:var(--color-white);
	font-weight:400;
	color: var(--color-dark);
	scroll-behavior: smooth;
	min-width:320px;
	font-family: "Roboto", serif;
 }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}

body{
	overflow-x:hidden;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}



ul,li ,ol{
  list-style:none;
  padding:0;
  margin:0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overFlowXHidden{
 overflow-x:hidden;
}


/*********
FONTS 
**************/
h1,h2,h3,h4,h5,h6,a,span,p{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color: var(--color-dark);
	font-family: var(--font-family);
	font-size:100%;
	font-weight: normal;
	display:inline-flex
 }



a{
  transition:color ease 0.3s;
  cursor:pointer
}	

a:hover{
  cursor:pointer;
  transition:color ease 0.3s
}	


a h3:hover{
	color:var(--color-dark-blue);
	cursor:pointer;
	transition:color ease 0.3s
}	


.cursor-pointer{
	cursor:pointer;
}



h1{
	font-size:20px;
	font-weight:800;
	line-height:120%;
	position:relative;
	display: table;
}


.section-title h2{
	font-size: 36px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    display: table;
    z-index: 2;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}

h3{
	font-size: 20px;
}

h3.main-title{
	font-size: 24px;
	font-weight:bold;
}


h6{
	font-size:14px;
	line-height:150%;
}

p{
	font-size:18px;
	line-height:150%;
}

p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}

.article p{
	display:table;
}

.article p:after{
	content:"";
	display:block;
	padding-bottom:20px;
}

.article p:last-child:after{
	content:"";
	display:block;
	padding-bottom:00px;
}


.section-title h2,
.section-title {
	display:table;
	margin:0 auto 20px auto;
	width:auto;
}

.section-title h2:after{
	content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -30px;
    top: -10px;
	background: url(../background/svg-icons/h2-dots.svg) no-repeat;
    background-size:  60px 60px;
	display:block;
	width:60px;
	height:60px;
}


.section-title.center h2,
.section-title.center {
	text-align:center;
}

.section-title.left h2,
.section-title.left {
	text-align:left;
	width: 100%;
}


/* -------------------------------- 
Main components 
-------------------------------- */
.overflow-hidden {
  overflow: hidden;
}

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

Main components 

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

.full-wrp{
	width:90%;
	max-width:1920px;
	margin:auto;
	position:relative;
}

.wrp{
	width:90%;
	max-width:1480px;
	margin:auto;
	position:relative;
}

.wrp-small{
	width:90%;
	max-width:1280px;
	margin:auto;
	position:relative;
}

  

.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: var(--color-white);
  z-index: 2;
  padding-top: 0px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}


.section {
	display:table;
	width:100%;
	margin-top:150px;
}

.section.sc2 {
	margin-top:250px;
}

/***********************
containers structure designs 
*****************/
.ctn-str-1{
	display:flex;
}

.ctn-str-1 .str-1{
	width:45%;
	margin-right:5%;
}

.ctn-str-1 .str-2{
	width:100%;
}


.ctn-str-2 .image{
	width:100%;
	height:60px;
	display:block;
	margin-bottom:20px;
}

.ctn-str-2 .image img{
	width:auto;
	height:60px;
}

.ctn-str-2 h3{
	margin-bottom:15px;
}

/***********************
HEADER 
*****************/
header {
	position: fixed;
    top: 0;
    right: 0;
    height: auto;
    /* width: 100%; */
    z-index: 999999;
    background: #fff;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 100%;
	transition:all ease .4s;
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.shrink{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition:all ease .4s;
	top: -45px;
} 


header.shadow{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition:all ease .4s;
}


header .row-1{
    width: 100%;
    padding: 10px 0 10px 0;
    display: table;
	background:var(--color-dark-blue);
	background:var(--color-dark);
}

header .row-2{
	width:100%;
	display:flex;
	margin:5px 0 0 0;
	flex-direction: row;
	flex-wrap:nowrap;
	position: relative;
}


header .contact-header {
    display: flex;
    width: auto;
	float: right;
	height:20px;
}

header  .icon-ctn {
	display:flex;
	width:22px;
	height:22px;
	margin-right:2px;
}

header .icon-ctn.icon-email   {
	background: url(../background/svg-icons/email-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:18px;
	height:14px;	
	position: relative;
    top: 4px;
	right:-1px;
}

header .icon-ctn.icon-phone   {
	background: url(../background/svg-icons/phone-icon-white.svg) no-repeat;
    background-size:  auto 14px;
	display:block;
	width:16px;
	height:14px;	
	position: relative;
    top: 3px;
}

header .contact-header h6 {
	font-size:0.8rem;
	line-height: 1.4rem;
	font-weight:400;
	display: inline-flex;
	color:#fff;
}

header .contact-header h6:hover{
	color:#FF9800;
}

header .logo-pos{
    width: 117px;
    height: 60px;
    position: relative;
    top: -20px;
    top: 0px;
	transition:all ease .4s;
}

.header-logo img{
	width: auto;
    height: 50px;
	transition:all ease .4s;
	top: 4px;
    position: relative;
}

header.shrink  .logo-pos{
   width: auto;
    height: 40px;
    position: relative;
    top: -30px;
	transition:all ease .4s;
}

header.shrink .header-logo img{
	width: auto;
    height: 40px;
	transition:all ease .4s;
	top: 0px;
    position: relative;
}


header .menu-pos{
	width: auto;
    position: absolute;
    right: 0;
    height: 40px;
    margin: auto;
    top: -5px;
    bottom: 0;
}


header.shrink .header-logo img{
	height: 30px;
    margin: auto;
    top: 35px;
    position: relative;
	transition:all ease .4s;
}


.mobile-console{
	width:100%;
	display:flex;
	height:60px;
	background:#fff;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 999;
	box-shadow: 0px -10px 15px -3px rgba(0,0,0,0.1);
}


.mobile-console .logo-pos{
	display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}


.mobile-console .logo-ctn img{
	width:auto;
	height:40px;
}

.mobile-console  .contact-pos {
	display: block;
    position: absolute;
    right: 60px;
    top: 0px;
    width: 60px;
    height: 60px;
	background: #68c5ee;
	background: #EEF5FC;
}


.mobile-console .contact-icon .icon.phone{
    background: url(../background/svg-icons/mobile-phone-icon-dark.svg) no-repeat;
    background-size: 32px 32px;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}







/***********************
INSIDE PAGES 
*****************/
.inpages{
	padding:99px 0 0 0; 
}

.page-header-ctn {
	display:block;
	padding:100px 0;
	background: url(../background/svg-templates/page-header-layer-back.svg) no-repeat;
    background-size: auto ;
	position:relative;
	background:#222222;
	background:#EEF5FC;
}




.page-header-ctn .arrows-movement {
    display: block;
    width: 492px;
    height: 100%;
    background: url(../background/svg-templates/page-header-layer-arrows.svg) no-repeat;
    background-size: 492px 100%;
    position: absolute;
    top: 0;
    right: 0;
}


.page-header-ctn .page-header{
	top:0;
	bottom:0;
	margin:auto
}

.page-header-ctn .page-header h1{
	font-size:36px;
	font-weight:bold;
	color:#323232;
}

.page-header-ctn .page-header h2{
	font-size:22px;
	color:#323232;
	font-weight:500
}

.blue-header .page-header-ctn{
	background:#0A5589
}

.blue-header .page-header-ctn h1,
.blue-header .page-header-ctn h2 {
	color:#fff;
}

.contact-ctn{
	display:flex;
}

.contact-ctn .contact-1{
	width:50%;
	display:block;
	margin-right:100px;
}

.contact-ctn .contact-2{
	width:50%;
	display:block;
}


.contact-ctn .contact-details ul{
	display:table;
	
}

.contact-ctn .contact-details ul li{
	display:table;
	width:100%;
	padding:10px 0;
}

.contact-details p{
	display: flex;
}

.contact-details .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 2px;
	float:left;
}

.contact-details .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.contact-details .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}


.contact-details .googlemap{
	width:100%;
	height:400px;
}



.input-forms-style.style-1 {
    width: 100%;
    margin: auto
}

.input-forms-style.style-1 .form-layout {
    margin-bottom: 30px
}

.input-forms-style.style-1 .col-mb {
    margin-bottom: 30px
}

.input-forms-style.style-1 label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.input-forms-style.style-1 .alert-ctn {
    position: relative
}

.input-forms-style.style-1 .error_email {
    color: #fff;
    position: absolute;
    bottom: -27px;
    font-size: 10px;
    background: red;
    padding: 2px 5px
}

.input-forms-style.style-1 input {
    border: 1px solid #bbb;
    padding: 10px
}

.input-forms-style.style-1 input.form-field {
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 10px;
    width: 100%;
    display: block;
    height: 50px
}

.input-forms-style.style-1 .required-star {
    color: red;
    font-weight: 700;
    margin-right: 10px
}

.input-forms-style.style-1 textarea {
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    height: 150px;
    resize: none;
    font-size: 14px;
    font-family: montserrat,sans-serif
}

.input-forms-style.full-width {
    width: 100%;
    max-width: 100%;
    margin: auto
}

.dropdown .label {
    color: #2e52c1
}

.dropdown li.active {
    font-weight: 700
}

.dropdown .selected {
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #000;
    padding: 17px 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px
}

.dropdown li {
    list-style: none;
    padding: 18px 12px
}

.style-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input::-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-ms-input-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:-moz-placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input input:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input input:focus::-moz-placeholder {
    font-size: 0
}

.style-input input:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input input:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea::placeholder {
    font-size: 14px;
    font-family: montserrat,sans-serif;
    color: #9f9f9f
}

.style-input textarea:focus {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none
}

.style-input textarea:focus::-webkit-input-placeholder {
    font-size: 0
}

.style-input textare:focusa::-webkit-input-placeholder {
    font-size: 0
}

.style-input textarea:focus:-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus::-moz-placeholder {
    font-size: 0
}

.style-input textarea:focus:-ms-input-placeholder {
    font-size: 0
}

.style-input textarea:focus::placeholder {
    font-size: 0
}

.checkbox-aggree .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px
}

.checkbox-aggree .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox-aggree .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #e6e6e6
}

.control--radio .control__indicator {
    border-radius: 50%
}

.checkbox-aggree .control:hover input~.control__indicator,.checkbox-aggree .control input:focus~.control__indicator {
    background: #ccc
}

.checkbox-aggree .control input:checked~.control__indicator {
    background: #2aa1c0
}

.checkbox-aggree .control:hover input:not([disabled]):checked~.control__indicator,.checkbox-aggree .control input:checked:focus~.control__indicator {
    background: #0e647d
}

.checkbox-aggree .control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.checkbox-aggree .control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

.checkbox-aggree .control input:checked~.control__indicator:after {
    display: block
}

.checkbox-aggree .control--checkbox .control__indicator:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-aggree .control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

.checkbox-aggree .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff
}

.checkbox-aggree .control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b
}

#emails-alert.alert-overlay {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999999
}

#emails-alert.alert-overlay.display_none {
    display: none
}

#emails-alert .emails-alert {
    position: fixed;
    bottom: 0;
    z-index: 9999999999999;
    width: 100%;
    -webkit-animation: alert-in .5s;
    -moz-animation: alert-in .5s;
    -o-animation: alert-in .5s;
    animation: alert-in .5s;
    width: 100%;
    max-width: 540px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 400px;
    padding: 20px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row {
    display: block;
    width: 100%;
    padding: 20px 10px 10px;
    border-radius: 0
}

#emails-alert .emails-alert .top-row.success {
    background: #2e52c1
}

#emails-alert .emails-alert .top-row.error {
    background: #e75e60
}

#emails-alert .emails-alert .top-row .image-icon {
    width: 100%;
    height: 70px;
    margin: 15px auto
}

#emails-alert .emails-alert .top-row .image-icon img {
    width: 70px;
    height: auto;
    margin: auto
}

#emails-alert .emails-alert .top-row.error .image-icon img {
    width: 66px;
    height: 66px;
    margin: auto
}

#emails-alert .emails-alert .top-row h3 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

#emails-alert .emails-alert .top-row p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

#emails-alert .emails-alert h3,#emails-alert .emails-alert p {
    color: #fff
}

#emails-alert .emails-alert .top-row p a {
    color: #fff;
    font-weight: 700
}

#emails-alert .emails-alert .top-row h4 a:hover {
    color: #000
}

#emails-alert .emails-alert .top-row hr {
    margin: 10px 0;
    border: 0 solid #fff;
    height: 1px;
    width: 100%;
    background: #fff
}

#emails-alert .emails-alert .bottom-row {
    background: #fff;
    height: 40px;
    display: table;
    width: 100%;
    padding: 15px 0;
    text-align: center
}

@-webkit-keyframes alert-in {
    0% {
        opacity: 0;
        top: -100px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

@-moz-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes alert-in {
    0% {
        opacity: 0;
        bottom: -100px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

#emails-alert .alert.alert-success-ctn,#emails-alert .alert.alert-error {
    margin: auto;
    height: auto;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0)
}

#emails-alert .alert.alert-error {
    background: #c73537
}

#emails-alert .close-button {
    line-height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    border-radius: 0;
    line-height: 36px;
    letter-spacing: 1px;
    max-width: 260px;
    margin: auto
}

#emails-alert .alert.alert-error h4,#emails-alert .alert.alert-success-ctn h4 {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    width: 90%;
    margin: auto
}

#emails-alert .alert.alert-success-ctn .button a {
    color: #fff;
    border-color: #23282b;
    font-weight: 700;
    background: #000;
    width: 90%;
    max-width: 320px;
    display: table;
    margin: auto;
    height: 40px;
    line-height: 26px;
    border-radius: 4px
}


/***********************
SLIDER 
*****************/
.main-slider {
	width:100%;
	display:block;
	margin-top: 100px;
	position:relative;
	height:550px;
	overflow:hidden;
}


.main-slider .text-ctn{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:600px;
	width:90%;
	display:table;
 	z-index:3
}


@-moz-document url-prefix() {
	  .main-slider .text-ctn{
		height:170px;
	}
}


 
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description{
	text-align:center;
	margin:0 auto 5px auto;
	overflow-wrap: break-word;
	color:#fff;
}

.main-slider .text-ctn .description span{
	color:#fff;
}



.main-slider .text-ctn .title h1 {
	font-size:46px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#fff;
}

.main-slider .text-ctn .button{
	text-align:center;
	margin:10px auto 0 auto;
}

.main-slider .overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	width:100%;
	display:block;
	height:100%;
	background:rgba(0,0,0,0.0);
	z-index:2
}  

.main-slider .image-pos{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1
}

.main-slider .image-ctn img{
	width:100%;
	height:100%;
	object-fit:cover
}


/** box designs */

.box-ctn-shadow:after{
	content:"";
    background: #eef5fc;
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
	border-radius:8px
}

.box-1-ctn{
	background:#EEF5FC;
	padding:20px;
	position:relative;
	z-index:2;
	border-radius:8px
}


.box-1-ctn.darkblue{
	background:#005488;
}

.box-1-ctn.darkblue h3,
.box-1-ctn.darkblue p{
	color:#fff;
}
 
.box-1-ctn h3{ 
    display: table;
    width: 100%;
    margin-bottom: 20px;
	text-align:center
}

.hr-icon{
	background: url(../background/svg-icons/hr-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.hr-white-icon{
	background: url(../background/svg-icons/hr-white-icon.svg) no-repeat;
    background-size:  100px 12px;
	display:block;
	width:100px;
	height:12px;	
	position: relative;
    margin:20px auto;
}

.box-1-ctn p{
    text-align: center;
    display: table;
    width: 100%;
}


.box-2-ctn {
	display:block;
	width:100%;
	border:1px solid #E3E3E3;
	position:relative;
	-webkit-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.3);
}


.box-2-ctn .image{
	padding:20px;
	width:120px;
	height:120px;
	display:block;
	background:#E3E3E3;
	margin:20px auto 20px auto;
}

.box-2-ctn .title{
	width:80%;
	margin:0 auto 5px auto ;
	text-align:center
}

.box-2-ctn .description{
	width:90%;
	margin:0 auto 5px auto ;
	text-align:center;
	min-height:60px
}

.box-2-ctn .description p{
	color:var(--color-dark-blue)
}

.box-2-ctn .price{
	width:80%;
	margin:0 auto 20px auto ;
	text-align:center;
	font-size:46px;
	font-weight:900
}

.box-2-ctn .details{
	margin:0 auto 5px auto ;
	background:#EEF5FC;
	padding:20px
}

.box-2-ctn .button-pos{
	margin:20px auto 20px auto ;
}


.box-2-ctn ul{
	width:80%;
	margin:0 auto 0 auto ;
	text-align:center;
	display:table;
}

.box-2-ctn ul li{
	width:100%;
	display:table;
	text-align:left;
	margin:0 auto 0 auto ;
	position:relative;
	padding:3px 0;
}

.box-2-ctn ul li:before{
	content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    z-index: 0;
    left: -25px;
    top: 8px;
	background: url(../background/svg-icons/tick-box.svg) no-repeat;
    background-size: 14px 14px;
	display:block;
}
 
.box-2-ctn.bestseller-ctn .bestseller-box{
	position:absolute;
	right:-12px;
	top:-12px;
	background:#E28D0D;
	padding:8px 12px;
	color:#fff;
	font-weight:900;
	font-size:14px;
}
 
 
.box-2-ctn.bestseller-ctn .price{
	color:#E28D0D;
}

.box-2-ctn.bestseller-ctn .details{
	margin:0 auto 5px auto ;
	background:#F9E8CF;
	padding:20px
}

.box-2-ctn.bestseller-ctn ul li:before{
	background: url(../background/svg-icons/tick-box-orange.svg) no-repeat;
}



.dsg-4-ctn {
	display:flex;
}

.dsg-4-ctn .dsg-4-col-1{
	width:40%;
	margin-right:100px;
}

.dsg-4-ctn .dsg-4-col-2{
	width:60%;
}

.dsg-4-ctn .dsg-4-col-1 .image{
	width:100%;
 	display:block;
	height:100%;
	min-height:400px;
	min-width: 400px;
	height: 100%;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(50% 15%, 100% 0, 100% 100%, 100% 80%, 50% 96%, 50% 96%, 0% 80%, 0 0);
}

.dsg-4-ctn .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}



.dsg-5-ctn{
	padding:100px 0;
	background: #EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.dsg-5{
	width:100%;
	display:block;
}


.dsg-5 h3{
	text-align:center;
	display: table;
    width: 100%;
	font-weight:bold;
}

.dsg-5 p{
	text-align:center;
	display: table;
    width: 100%;

}


/***********************
FOOTER 
*****************/
footer{
	width:100%;
	background:#FDFDFD;
	display:block;
	margin:100px 0 0;
	position:relative;
	padding:80px 0 0 0;
}

footer .footer-border-top{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:100px;
	display:block;
	background: url(../background/svg-icons/footer-top-dots.svg) ;
    background-size:auto  100% ;
}


footer .v-footer{
	width:100%;
	padding:10px 0;
	background:#F3F3F3;
	display:block;
}

footer .v-footer p,
footer .v-footer a{
	font-size:12px;
}

footer .dv2{
	text-align:right;
}

footer .footer-info .image{
	width: 117px;
    height: 60px;
	display:block;
	margin-bottom:20px;
}

footer .footer-info .image img{
	width:auto;
	height:60px;
}
footer h3{
	font-weight:500;
	margin-bottom:20px;
}

footer  p,
footer  a{
	font-size:16px;
	line-height:26px;
}

footer .qcontact{
	display:table;
}

footer .qcontact li{
	width:100%;
	padding:0px 0 10px 10px;
	display: inline-flex;
}


footer .icon {
	display: block;
    width: 16px;
    height: 16px;
    background: red;
    position: relative;
    left: -10px;
    top: 5px;
}

footer .icon.address{
	background: url(../background/svg-icons/address-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.phone{
	background: url(../background/svg-icons/phone-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

footer .icon.email{
	background: url(../background/svg-icons/email-icon.svg) no-repeat;
    background-size: 16px 16px ;
}

.social-hor {
	display:flex;
}

.social-hor li{
	width:46px;
	height:46px;
	margin-right:20px;
}
 
.social-hor li:last-child{
	margin-right:0;
}

.social-hor li .social-footer-icon-box{
	width:46px;
	height:46px;
}
 
 .social-hor li .social-footer-icon-box.social-icon-facebook{
	background: url(../background/svg-icons/social-icon-facebook.svg) no-repeat;
    background-size: 46px 46px ;
}

 .social-hor li .social-footer-icon-box.social-icon-x{
	background: url(../background/svg-icons/social-icon-x.svg) no-repeat;
    background-size: 46px 46px ;
}

.bv-logo{
	font-weight:900;
	color:#23282b;
}

.bv-logo .bv{
	font-weight:900;
	color:#075ee3
}

/*****************
BUTTONS CTA
***********************/
.button-pos-center{
	margin: auto;
}

.btn {
	font-size: 18px;
    font-weight: normal;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 20px 45px 20px 20px;
    /**box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);**/
    text-decoration: none;
	min-width: 220px;
    text-decoration: none;
	position:relative
}

.btn .arrow-button {
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 24px;
    right: 18px;
    z-index: 1;
    background: url(../background/svg-icons/button-arrow.svg) no-repeat;
    background-size: 22px 14px;
	transition: all .2s ease;
}

.btn:hover .arrow-button{
	 right: 8px;
	transition: all .2s ease;
} 


.btn.big-btn{
	max-width:220px;
}

.btn:disabled{
	opacity:0.6;
	transition:all ease 0.3s;
	/**box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);**/
}


.btn-hover,
.btn-hover-no-shadow {
    color: #fff;
	border-width: 1px;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover,
.btn-hover-no-shadow:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
 
/* dark blue */
.btn-hover.cta1{
background-image: linear-gradient(to right, #005488, #005488, #005488,  #2E52C1, #2E52C1, #2E52C1);
 color: #fff!important;
}

/* orange */
.btn-hover.cta2{
background-image: linear-gradient(to right, #E28D0D, #E28D0D, #E28D0D,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}

/* orange */
.btn-hover.cta3{
background-image: linear-gradient(to right, #222222, #222222, #222222,  #D98609, #D98609, #D98609);
color: var(--color-white)!important;
}


/* white */
.btn-hover.cta5{
background-image: linear-gradient(to right, #0A8961, #0A8961, #0A8961,  #076C4C, #076C4C, #076C4C);
color: var(--color-white)!important;
}



.button-text{
	font-size:12px;
	transition:all ease .3s;
	background:#222;
	padding:5px 10px;
	color:#fff;
	border-radius:4px;
}

.button-text:hover{
	transition:all ease .3s;
	background:var(--color-dark-blue)
}


/***********************
FIELDS
*****************/
.input-layout-1 input {
	background: #fff;
    height: 50px;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
    max-width: 100%;
    display: table;
    border:1px solid #ced4da;
    width: 100%;
	font-family: var(--font-family);
}

.input-layout-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-dark);
	opacity:0.5;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-ms-input-placeholder { /* IE 10+ */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}
.input-layout-1 input:-moz-placeholder { /* Firefox 18- */
	color: var(--color-dark);
	opacity:0.5;
	font-weight:normal;
	font-size:14px;
	font-family: var(--font-family);
}

*:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

input:focus::-moz-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-ms-input-placeholder{
	background:#fff;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}
input:focus::-moz-placeholder{
	background:#FAFAFA;
	border:1px solid #ced4da;
	opacity:0.0;
	font-family: var(--font-family);
}

/***********************
BREADCRUMBS 
*****************/
.breadcrumbs-ctn{
	border-bottom:0px solid #e7e7e7;
	border-top:0px solid #e7e7e7;
	padding:10px 0 10px 0;
	display:table;
 }

.breadcrumbs ul{
	display:flex;
}

.breadcrumbs ul li{
	margin-right:10px;
}

.breadcrumbs ul li:last-child{
	margin-right:0px;
}

.breadcrumbs ul li a,
.breadcrumbs ul li span{
	font-size: 12px;
    color:#fff;
    color:#005488;
    font-weight: normal;
}

.breadcrumbs ul li a:hover{
    color: var(--color-orange);
}


.breadcrumbs ul li:after{
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    background: url(../background/icons/arrow-breadcrumb.svg) no-repeat center center;
    background-size: 4px auto;
    float: right;
    position: relative;
    top: 7px;
    right: -6px;
}

.breadcrumbs ul li:last-child:after{
    display: none;
}



.blue-header .breadcrumbs ul li a,
.blue-header .breadcrumbs ul li span{
    color:#fff;
}
 
 
.carousel-logos-ctn{
	display:flex;
	height: 240px;
}


.carousel-logos-ctn .carousel-left{
	width: 25%;
    padding: 50px 0 0;
    display: inline-flex;
}

.carousel-logos-ctn .carousel-right{
	width: 75%;
    position: absolute;
    right: 0%;
    padding: 20px 0 0 0;
    max-width: 100%;
}

.carousel-logos-ctn .carousel-right .box-dsg1 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	top:-60px;
}

.carousel-logos-ctn .carousel-right .box-dsg2 {
	width:250px;
	height:6px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}

.carousel-logos-ctn .carousel-right .box-dsg3 {
	width:6px;
	height:250px;
	display:block;
	background:#F7FAFE;
	position:absolute;
	left:-50px;
	bottom:-10px;
}


.carousel-logos-ctn .carousel-right .box-dsg4 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    top: -48px;
}

.carousel-logos-ctn .carousel-right .box-dsg5 {
	width: 234px;
    height: 6px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -34px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-right .box-dsg6 {
	width: 6px;
    height: 226px;
    display: block;
    background: #EEF5FC;
    position: absolute;
    left: -38px;
    bottom: 2px;
}

.carousel-logos-ctn .carousel-box{
	width:100%;
	position:relative;
	height:180px;
	top:20px;
}


.carousel-logos-ctn .carousel-box .logo{
	width:120px;
	height:120px;
	position:relative;
}

.carousel-logos-ctn .carousel-box .logo img{
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}



.carousel-logos-ctn .carousel-box .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: -50px;
}

.carousel-logos-ctn .carousel-box





.carousel-logos-ctn .carousel-box .owl-theme .owl-nav {
	display:none!important;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #EEF5FC;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}

.carousel-logos-ctn .carousel-box .owl-theme .owl-dots .owl-dot.active span{
	width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #222222!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}


.support-banner-ctn{
	width:100%;
}

.support-banner{
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	width: 100%;
}

.support-banner .col-1{
	width:40%;
	margin-right:100px;
	display:block;
}

.support-banner .col-2{
	width:60%;
}

.support-banner .image {
	width:100%;
	height:auto;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	position:relative;
}
 
.support-banner .image img{
	width:100%;
	height:auto;
}



/***********************
counter
*****************/
.counter-ctn{
	display:block;
	padding:50px 0;
	background:#EEF5FC;
	border-top:20px solid #F7FAFE;
	border-bottom:20px solid #F7FAFE;
}

.counter-ctn h3,
.counter-ctn h3 span{
	font-size:66px;
	font-weight:900
}

.counter-ctn .count-digit{
	opacity:0;
}

.counter-ctn .count-digit.counter-loaded{
	opacity:1;
}








/***********************
MEDIA QUERIES
*****************/
 
@media screen and (max-width: 1440px) { 
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-260px);
		-moz-transform:  translateX(-260px);
		-ms-transform:  translateX(-260px);
		-o-transform:  translateX(-260px);
		transform: translateX(-260px);
	}
	
	#cd-lateral-nav {
		width: -260px;
	}
}
  

@media screen and   (max-width:1278px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}
	
	
	.carousel-logos-ctn {
		display: table;
		height: 400px;
	}
	
	.carousel-logos-ctn .carousel-left {
 		padding: 0;
		width:100%;
	}
	
	.carousel-logos-ctn .carousel-right {
		width: 100%;
		left: 0;
		margin: 0 0 0 0;
	}
	
	.carousel-box .owl-theme .owl-dots {
		left: 0;
	}
	
	.dsg-4-ctn {
	display:table;
	}

	.dsg-4-ctn .dsg-4-col-1{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.dsg-4-ctn .dsg-4-col-2{
		width:100%;
	}

	.dsg-4-ctn .dsg-4-col-1 .image{
		width:100%;
		height:auto;
		display:block;
		height:100%;
		min-width: auto;
		min-height:auto;
	}

}



@media screen and   (max-width:992px) {
	/***********************
	containers structure designs 
	*****************/
	.ctn-str-1{
		display:table;
		width: 100%;
	}

	.ctn-str-1 .str-1{
		width:100%;
		margin-right:0%;
		margin-bottom:50px;
	}

	.ctn-str-1 .str-2{
		width:100%;
	}

}





@media screen and   (max-width: 768px) {
	.frontpage .cd-main-content {
		padding-top:0px;
	}

 	.cd-main-content {
		top:var(--main-body-top-mobile);
		padding-top:00px;
		margin-top: 0px;
	}
	
	.wrp{
		width:90%;
	}
	
	.main-slider {
		margin-top: 0px;
	}
	
	.main-slider .title h1{
		font-size: calc(4vw + 4vh + 2vmin)!important;
	}
	
	
	.counter-ctn h3,
	.counter-ctn h3 span{
		font-size:36px;
	}
	
	footer .dv1,
	footer .dv2{
		text-align:center;
		padding:5px 0;
	}

	.contact-ctn{
		display:table;
		width:100%;
	}

	.contact-ctn .contact-1{
		width:100%;
		margin-right:0px;
		margin-bottom:50px;
	}

	.contact-ctn .contact-2{
		width:100%;
	}
	

	.support-banner{
		display: table;
		width: 100%;
	}

.support-banner .col-1{
	width:100%;
	margin-right:0px;
	margin-bottom:50px;
 }

.support-banner .col-2{
	width:100%;
}

.support-banner .image {
	clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 93%, 0 70%);
}







}

@media screen and  (max-width: 680px) {
	
	.cd-main-content.lateral-menu-is-open {
		/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
		-webkit-transform:  translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	#cd-lateral-nav {
		width: -100%;
	}
	
	
	
}

@media screen and  (max-width: 480px) {
	
	
}




/* SMP 2026 homepage hero and trust-section refinements */
.main-slider .text-ctn{z-index:3!important;max-width:760px!important;}
.main-slider .text-ctn .title h1,
.main-slider .text-ctn .description h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important;}
.main-slider .text-ctn .description h2{font-size:20px!important;line-height:1.5!important;font-weight:400!important;}
.main-slider .overlay{z-index:2!important;background:linear-gradient(90deg,rgba(2,10,27,.9) 0%,rgba(2,10,27,.55) 48%,rgba(2,10,27,.12) 100%)!important;}
.main-slider .image-ctn img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.trusted-clients .section-title p{max-width:390px;line-height:1.7;}
@media(max-width:768px){
 .main-slider .text-ctn{padding:0 24px!important;max-width:100%!important;}
 .main-slider .text-ctn .title h1{font-size:34px!important;line-height:1.12!important;}
 .main-slider .text-ctn .description h2{font-size:16px!important;line-height:1.45!important;}
 .main-slider .image-ctn img{object-position:62% center!important;}
 .main-slider .overlay{background:rgba(2,10,27,.72)!important;}
 .trusted-clients .carousel-logos-ctn{display:block!important;}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important;}
}


/* SMP 2026 professional hosting homepage */
html,body{max-width:100%;overflow-x:hidden}
.wrp{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.section{padding-top:76px;padding-bottom:76px}
.section-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em;color:#062640}
.section-title p{font-size:18px;line-height:1.7;color:#526679;max-width:820px;margin-left:auto;margin-right:auto}
.sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sw-col3-col2-col1.col-3>.col{width:auto!important;margin:0!important;float:none!important;display:flex}
.ctn-str-2{width:100%;box-sizing:border-box;padding:32px 28px!important;background:#fff;border:1px solid #dce7ef;border-radius:18px;box-shadow:0 12px 34px rgba(6,38,64,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}
.ctn-str-2:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#00a7d7,#0878bd)}
.ctn-str-2:hover{transform:translateY(-7px);border-color:#96d9ed;box-shadow:0 20px 48px rgba(6,38,64,.15)}
.ctn-str-2 .main-title{font-size:23px!important;line-height:1.25!important;color:#062640!important;margin-bottom:16px!important}
.ctn-str-2 p{font-size:16px;line-height:1.68;color:#526679}
.managed-security-section{background:linear-gradient(135deg,#031d31 0%,#063b5d 58%,#075c82 100%);padding:90px 0!important;position:relative;overflow:hidden}
.managed-security-section:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-180px;top:-210px;background:rgba(0,200,235,.12)}
.managed-security-section .support-banner{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.managed-security-section .col-2{width:auto!important;float:none!important}
.managed-security-section img{width:100%!important;height:470px!important;object-fit:cover;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.managed-security-section .section-title h2,.managed-security-section h3{color:#fff!important}
.managed-security-section .section-title h2{font-size:clamp(32px,4vw,50px)!important}
.managed-security-section p{color:#d7e8f2!important;font-size:17px!important;line-height:1.72!important}
.managed-security-section .btn,.managed-security-section a[class*="btn"]{display:inline-flex!important;align-items:center;justify-content:center;background:#00a9d6!important;color:#fff!important;border-radius:8px!important;padding:15px 25px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(0,169,214,.28)}
.trusted-clients{background:#f5f9fc!important;padding-top:72px!important;padding-bottom:72px!important}
.main-slider .text-ctn{left:max(20px,calc((100% - 1180px)/2))!important;right:auto!important;text-align:left!important;width:min(720px,calc(100% - 40px))!important}
.main-slider .text-ctn .title h1{font-size:clamp(42px,5vw,72px)!important;line-height:1.05!important;letter-spacing:-.035em}
.main-slider .text-ctn .description h2{max-width:650px}
@media(max-width:1100px){
 .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main-header .wrp,.header .wrp{width:calc(100% - 28px)!important}
 nav a,.menu a{font-size:14px!important;padding-left:9px!important;padding-right:9px!important}
}
@media(max-width:820px){
 .wrp{width:calc(100% - 30px)!important}
 .section{padding-top:58px;padding-bottom:58px}
 .sw-col3-col2-col1.col-3{grid-template-columns:1fr}
 .managed-security-section{padding:64px 0!important}
 .managed-security-section .support-banner{grid-template-columns:1fr;gap:34px}
 .managed-security-section img{height:320px!important}
 .main-slider .text-ctn{left:20px!important;width:calc(100% - 40px)!important}
 .main-slider .text-ctn .title h1{font-size:clamp(36px,10vw,54px)!important}
}
@media(max-width:520px){
 .wrp{width:calc(100% - 24px)!important}
 .ctn-str-2{padding:28px 22px!important}
 .managed-security-section img{height:250px!important}
 .main-slider .text-ctn{left:16px!important;width:calc(100% - 32px)!important}
 .main-slider .text-ctn .description h2{font-size:17px!important}
}

/* SMP 2026: remove legacy statistics counter strip */
body .section:has(> .counter-ctn){display:none!important;padding:0!important;margin:0!important;}
.counter-ctn{display:none!important;}


/* SMP 2026 mobile navigation, client logos and dark visual system */
.trusted-clients{display:block!important;visibility:visible!important;min-height:330px!important}
.trusted-clients .carousel-logos-ctn,.trusted-clients .carousel-right,.trusted-clients .carousel-box,.trusted-clients .owl-carousel{display:block!important;visibility:visible!important;min-height:120px!important}
.trusted-clients .owl-stage-outer{min-height:110px!important}
.trusted-clients .logo{display:flex!important;align-items:center;justify-content:center;min-height:100px!important;padding:10px!important;box-sizing:border-box}
.trusted-clients .logo img{display:block!important;width:auto!important;max-width:120px!important;height:82px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.page-banner,.inner-banner,.banner-ctn,.service-banner{background-color:#031d31!important}
.page-banner img,.inner-banner img,.banner-ctn img,.service-banner img{filter:brightness(.48) saturate(.72) hue-rotate(155deg)!important}
@media(max-width:768px){
 header.header-scroll.hide768{display:block!important;position:relative!important;width:100%!important;background:#031d31!important;z-index:9999!important}
 header.header-scroll .contact-header,header.header-scroll .secondary-menu-ctn{display:none!important}
 header.header-scroll .wrp{width:100%!important;padding:0 14px!important;box-sizing:border-box!important}
 header.header-scroll .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:64px!important;width:100%!important}
 header.header-scroll .header-logo img{display:block!important;width:auto!important;max-width:138px!important;height:46px!important;object-fit:contain!important}
 header.header-scroll .menu-pos{display:block!important;width:100%!important;background:#052942!important;border-top:1px solid rgba(255,255,255,.12)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 header.header-scroll .menu-pos:before{content:"☰  MENU";display:block;color:#fff;font-weight:800;font-size:14px;letter-spacing:.12em;padding:12px 16px 7px}
 header.header-scroll .menu-pos ul.mod-menu{display:flex!important;width:max-content!important;min-width:100%!important;gap:2px!important;margin:0!important;padding:0 8px 10px!important;list-style:none!important}
 header.header-scroll .menu-pos ul.mod-menu>li{display:block!important;float:none!important;width:auto!important;white-space:nowrap!important}
 header.header-scroll .menu-pos ul.mod-menu>li>a{display:block!important;color:#fff!important;font-size:13px!important;padding:9px 10px!important;border-radius:6px!important}
 .trusted-clients{min-height:360px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
}


/* SMP 2026 enterprise dark design system */
:root{--smp-black:#020b12;--smp-navy:#031d31;--smp-navy-2:#052f4d;--smp-blue:#007fba;--smp-cyan:#00a9d6;--smp-text:#d9e8f2}
body,.site,.cd-main-content{background:var(--smp-black)!important;color:var(--smp-text)}
.section{padding-top:52px!important;padding-bottom:52px!important;background:var(--smp-navy)!important}
.section:nth-of-type(even){background:var(--smp-black)!important}
.section-title h1,.section-title h2,.section-title h3{color:#fff!important}
.section-title p,.section p{color:#bfd0dc}
.section-title{margin-bottom:34px!important}
.sw-col3-col2-col1.col-3{align-items:stretch!important}
.sw-col3-col2-col1.col-3>.col{height:auto!important;align-self:stretch!important}
.ctn-str-2{display:flex!important;flex-direction:column!important;height:100%!important;min-height:360px!important;background:linear-gradient(155deg,#092d47 0%,#041a2b 100%)!important;border:1px solid #174b69!important;color:#dceaf3!important;box-shadow:0 15px 38px rgba(0,0,0,.28)!important}
.ctn-str-2:hover{border-color:var(--smp-cyan)!important;box-shadow:0 20px 48px rgba(0,120,180,.22)!important}
.ctn-str-2 .main-title{color:#fff!important}
.ctn-str-2 p{color:#bfd0dc!important}
.ctn-str-2>.mt20.row{margin-top:auto!important;padding-top:22px!important}
.ctn-str-2 .button-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:7px!important;background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px rgba(0,169,214,.2)!important}
.ctn-str-2 .button-text:hover{background:linear-gradient(90deg,#00a9d6,#007fba)!important}
.managed-security-section{background:linear-gradient(135deg,#020b12 0%,#031d31 55%,#06496d 100%)!important}
.trusted-clients{display:block!important;background:linear-gradient(135deg,#041725,#072f48)!important;padding-top:50px!important;padding-bottom:50px!important;min-height:300px!important}
.trusted-clients .section-title h2{color:#fff!important}
.trusted-clients .section-title p{color:#bfd0dc!important}
.trusted-clients .logo{background:#fff!important;border-radius:12px!important;margin:6px!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}
footer{background:#020b12!important;border-top:1px solid #12384f!important;padding-top:46px!important;color:#cbdce7!important}
footer>.wrp>.sw-col4-col2-col1{display:grid!important;grid-template-columns:1.35fr .8fr 1.1fr!important;gap:52px!important}
footer>.wrp>.sw-col4-col2-col1>.col{width:auto!important;float:none!important;margin:0!important}
footer>.wrp>.sw-col4-col2-col1>.col:first-child{display:none!important}
footer h3{color:#fff!important;margin-bottom:18px!important}
footer ul.vertical-menu{display:block!important;width:100%!important}
footer ul.vertical-menu li{display:block!important;margin:0 0 10px!important}
footer a{color:#bcd3e1!important}
footer a:hover{color:var(--smp-cyan)!important}
footer .v-footer{margin-top:38px!important;background:#00070c!important;border-top:1px solid #12384f!important;padding:18px 0!important}
footer .v-footer p{margin:0!important}
@media(max-width:900px){
 .ctn-str-2{min-height:330px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr 1fr!important;gap:34px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:1/-1!important}
}
@media(max-width:620px){
 .section{padding-top:38px!important;padding-bottom:38px!important}
 .section-title{margin-bottom:25px!important}
 .ctn-str-2{min-height:0!important}
 footer{padding-top:36px!important}
 footer>.wrp>.sw-col4-col2-col1{grid-template-columns:1fr!important;gap:28px!important}
 footer>.wrp>.sw-col4-col2-col1>.col:last-child{grid-column:auto!important}
 footer .v-footer .sw-medium-2-1{display:block!important;text-align:center!important}
 footer .v-footer .col{width:100%!important;float:none!important;margin:8px 0!important}
 .trusted-clients{min-height:320px!important}
 .trusted-clients .logo img{max-width:108px!important;height:72px!important}
}


/* SMP 2026 visibility and contrast hotfix */
[data-aos],[data-aos].aos-init,[data-aos].aos-animate{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}
.trusted-clients,.trusted-clients.aos-init,.trusted-clients.aos-animate{opacity:1!important;transform:none!important;visibility:visible!important}
.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer,.trusted-clients .owl-stage{opacity:1!important;visibility:visible!important}
.trusted-clients .owl-item.active{opacity:1!important;visibility:visible!important}
.box-1-ctn{background:#eef5fc!important}
.box-1-ctn h3,.box-1-ctn .main-title{color:#061f33!important}
.box-1-ctn p{color:#344f63!important}
footer p,footer .qcontact p,footer .qcontact li,footer .qcontact a{color:#bcd3e1!important}
footer .qcontact .icon{opacity:1!important}
@media(max-width:1279px){
 .section>.wrp{padding-top:0!important;padding-bottom:0!important}
 .trusted-clients{min-height:0!important}
}


/* SMP 2026 full-site stability and enterprise layout repair */
main{display:block!important;overflow:hidden!important;background:#020b12!important}
main>.page-header-ctn{margin-bottom:0!important}
main>.moduletable,main>.section,main>.trusted-clients,main>.managed-security-section,footer{margin-top:0!important}
main>.section{display:block!important;height:auto!important;min-height:0!important}
main .dsg-4-ctn,main .dsg-5-ctn{height:auto!important;min-height:0!important}
main .dsg-4-ctn{padding-top:54px!important;padding-bottom:54px!important}
main .dsg-5-ctn{padding-top:48px!important;padding-bottom:48px!important}
main .dsg-4-ctn h1,main .dsg-4-ctn h2,main .dsg-4-ctn h3,
main .dsg-5-ctn h1,main .dsg-5-ctn h2,main .dsg-5-ctn h3,
main .managed-security-section h1,main .managed-security-section h2,main .managed-security-section h3{color:#fff!important}
main .dsg-4-ctn p,main .dsg-5-ctn p,main .managed-security-section p{color:#c6d8e4!important}
main .dsg-4-ctn img,main .managed-security-section img{border-radius:18px!important;object-fit:cover!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
main .dsg-4-ctn .main-title,main .managed-security-section .section-title h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.08!important}
.managed-security-section{padding:58px 0!important}
.managed-security-section .support-banner{min-height:0!important}
.managed-security-section img{height:390px!important}
.smp-client-section{position:relative!important;z-index:1!important;display:block!important;clear:both!important;height:auto!important;min-height:0!important;padding:54px 0!important;background:linear-gradient(135deg,#041725,#07334f)!important}
.smp-client-section .wrp{display:block!important}
.smp-client-header{text-align:center!important;max-width:820px!important;margin:0 auto 34px!important}
.smp-client-header h2{margin:0 0 14px!important;color:#fff!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important}
.smp-client-header p{margin:0!important;color:#c4d7e3!important;font-size:17px!important;line-height:1.65!important}
.smp-client-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;position:static!important;width:100%!important;height:auto!important}
.smp-client-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:112px!important;padding:16px!important;background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important}
.smp-client-logo img{display:block!important;max-width:100%!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.smp-client-section+footer,footer{position:relative!important;z-index:2!important;clear:both!important;margin-top:0!important}
footer{padding-top:42px!important}
.page-header-ctn{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(115deg,#061f33,#083e5e)!important}
.page-header-ctn h1,.page-header-ctn h2,.page-header-ctn p{color:#fff!important}
main p{line-height:1.65!important}
main h1,main h2,main h3{overflow-wrap:anywhere}
@media(max-width:1100px){
 .smp-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
 main .dsg-4-ctn,main .dsg-5-ctn{padding-top:38px!important;padding-bottom:38px!important}
 .managed-security-section{padding:42px 0!important}
 .managed-security-section img{height:290px!important}
 .smp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .smp-client-logo{height:96px!important;padding:12px!important}
}
@media(max-width:520px){
 .smp-client-section{padding:38px 0!important}
 .smp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .smp-client-logo{height:88px!important;padding:10px!important}
 .smp-client-header{text-align:left!important;margin-bottom:25px!important}
}


/* SMP 2026 final overlap, duplicate and spacing fix */
main .dsg-5-ctn{margin-top:0!important}
.managed-security-section+.managed-security-section{display:none!important}
.trusted-clients{display:block!important;position:relative!important;z-index:1!important;height:auto!important;min-height:560px!important;padding:50px 0!important;overflow:hidden!important}
.trusted-clients .carousel-logos-ctn{display:grid!important;grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr)!important;gap:42px!important;align-items:center!important;height:auto!important;min-height:360px!important}
.trusted-clients .carousel-left,.trusted-clients .carousel-right{display:block!important;position:relative!important;width:auto!important;height:auto!important;float:none!important}
.trusted-clients .carousel-box,.trusted-clients .owl-carousel,.trusted-clients .owl-stage-outer{display:block!important;position:relative!important;width:100%!important;min-height:150px!important;overflow:hidden!important}
.trusted-clients .owl-stage{min-height:140px!important}
.trusted-clients+footer{position:relative!important;clear:both!important;margin-top:0!important;z-index:2!important}
@media(max-width:820px){
 .trusted-clients{min-height:600px!important}
 .trusted-clients .carousel-logos-ctn{grid-template-columns:1fr!important;gap:28px!important;min-height:480px!important}
 .trusted-clients .carousel-left,.trusted-clients .carousel-right{width:100%!important}
 .trusted-clients .section-title h2{font-size:36px!important;line-height:1.12!important}
}
@media(max-width:520px){
 .trusted-clients{min-height:560px!important}
 .trusted-clients .carousel-logos-ctn{min-height:440px!important}
}


/* SMP 2026 About and Contact slide repair */
.inpages .page-header-ctn{position:relative!important;z-index:1!important;overflow:visible!important;padding:38px 0!important;min-height:0!important}
.inpages .page-header-ctn .wrp{padding-top:0!important;padding-bottom:0!important}
.inpages .page-header-ctn h1,.inpages .page-header-ctn h2{position:relative!important;top:auto!important;margin-top:0!important;color:#fff!important}
.inpages .dsg-5-ctn,.inpages .row.mt150.dsg-5-ctn{margin-top:0!important;padding:52px 0!important;background:linear-gradient(135deg,#061f33,#0a4162)!important}
.inpages .dsg-5-ctn .sw-medium-2-1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.inpages .dsg-5-ctn .dsg-5{width:auto!important;float:none!important;margin:0!important;padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-sizing:border-box!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .dsg-5-ctn h2,.inpages .dsg-5-ctn h3{color:#fff!important}
.inpages .dsg-5-ctn p{color:#c8dbe7!important;font-size:17px!important;line-height:1.7!important}
.inpages .contact-ctn{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:44px!important;height:auto!important;padding:48px 0!important}
.inpages .contact-1,.inpages .contact-2,.inpages .contact-details{width:auto!important;height:auto!important;float:none!important;box-sizing:border-box!important}
.inpages .contact-details{padding:34px!important;background:linear-gradient(155deg,#0a2f49,#041827)!important;border:1px solid #18536f!important;border-radius:16px!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}
.inpages .contact-details h1,.inpages .contact-details h2,.inpages .contact-details h3{color:#fff!important}
.inpages .contact-details p,.inpages .contact-details li,.inpages .contact-details a{color:#c8dbe7!important;font-size:17px!important}
.inpages .contact-2{padding:34px!important;background:#071f31!important;border:1px solid #18536f!important;border-radius:16px!important}
.inpages .contact-2 label{color:#eef7fc!important}
.inpages .contact-2 input,.inpages .contact-2 textarea,.inpages .contact-2 select{width:100%!important;box-sizing:border-box!important;background:#fff!important;color:#172a38!important;border:1px solid #9fc0d2!important;border-radius:7px!important}
.inpages .contact-2 input:focus,.inpages .contact-2 textarea:focus{outline:2px solid #00a9d6!important;border-color:#00a9d6!important}
.inpages .contact-2 .button,.inpages .contact-2 button[type=submit],.inpages .contact-2 input[type=submit]{background:linear-gradient(90deg,#007fba,#00a9d6)!important;color:#fff!important;border:0!important;border-radius:7px!important}
.inpages .contact-details iframe,.inpages .contact-1 iframe{width:100%!important;max-width:100%!important;border-radius:12px!important;overflow:hidden!important}
@media(max-width:820px){
 .inpages .dsg-5-ctn .sw-medium-2-1,.inpages .contact-ctn{grid-template-columns:1fr!important;gap:24px!important}
 .inpages .dsg-5-ctn .dsg-5,.inpages .contact-details,.inpages .contact-2{padding:25px!important}
 .inpages .page-header-ctn{padding:28px 0!important}
}


/* SMP 2026 Contact offices update */
.inpages .contact-details{display:flex!important;flex-direction:column!important}
.inpages .contact-details:before{content:"Meet Our Offices";order:-2;display:block;color:#fff;font-size:30px;line-height:1.15;font-weight:800;margin:0 0 12px}
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call or email us to arrange an appointment.";order:-1;display:block;white-space:pre-line;color:#c8dbe7;font-size:18px;line-height:1.65;margin:0 0 26px}
.inpages .contact-details>h1,.inpages .contact-details>h2,.inpages .contact-details>h3{display:none!important}
.inpages .contact-details iframe,.inpages .contact-details [class*=map],.inpages .contact-details .map{display:none!important}
.inpages .contact-details .qcontact{margin-top:0!important}
@media(max-width:520px){
 .inpages .contact-details:before{font-size:26px}
 .inpages .contact-details:after{font-size:16px}
}


/* SMP 2026 enterprise Contact conversion and consent clarity */
.inpages .contact-details:after{content:"Nicosia • Larnaca • LimassolA Call us on +357 22 00 00 03 or email support@smptechnoservices.com to arrange an appointment. You can also complete the enquiry form and our team will contact you.";padding:18px 20px;background:rgba(0,169,214,.1);border-left:4px solid #00a9d6;border-radius:8px;color:#d8eaf4!important}
.inpages .contact-details .qcontact{padding:20px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(132,197,224,.22)!important;border-radius:10px!important}
.inpages .contact-details .qcontact a{font-weight:700!important;color:#fff!important}
.inpages .contact-details .qcontact a:hover{color:#00c8ef!important}
.inpages .contact-2 .control--checkbox{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin:18px 0!important;padding:16px!important;background:rgba(0,169,214,.08)!important;border:1px solid rgba(0,169,214,.35)!important;border-radius:9px!important;box-sizing:border-box!important;cursor:pointer!important}
.inpages .contact-2 .control--checkbox input[type=checkbox]{display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;margin:1px 0 0!important;padding:0!important;accent-color:#00a9d6!important}
.inpages .contact-2 .control--checkbox .control__indicator{display:none!important}
.inpages .contact-2 .text-warning-aggrement{font-size:0!important;line-height:1.55!important;color:#e7f3f9!important}
.inpages .contact-2 .text-warning-aggrement:after{content:"After completing “I’m not a robot”, tick this box to confirm that you agree to our Privacy Policy.";font-size:15px!important}
.inpages .contact-2 .control--checkbox:has(input:disabled){opacity:.72!important}
.inpages .contact-2 .control--checkbox:has(input:disabled):after{content:"Complete reCAPTCHA first";display:inline-block;margin-left:auto;padding:4px 8px;border-radius:5px;background:#133e58;color:#bfe8f7;font-size:12px;white-space:nowrap}
@media(max-width:520px){
 .inpages .contact-details:after{padding:15px 16px}
 .inpages .contact-2 .control--checkbox{flex-wrap:wrap!important}
 .inpages .contact-2 .control--checkbox:has(input:disabled):after{margin-left:34px}
}

.inpages .contact-details:after{content:"Nicosia • Larnaca • Limassol. Call us on +357 22 00 00 03 or email support@smptechnoservices.com to arrange an appointment. You can also complete the enquiry form and our team will contact you."!important}


/* SMP 2026 service-specific enterprise image suite */
body:has(.menu-pos .item-270.current) main .dsg-4-ctn img{content:url("/images/smp-service-managed-hosting-v1.png")!important}
body:has(.menu-pos .item-272.current) main .dsg-4-ctn img{content:url("/images/smp-service-communications-v1.png")!important}
body:has(.menu-pos .item-273.current) main .dsg-4-ctn img{content:url("/images/smp-service-cybersecurity-v1.png")!important}
body:has(.menu-pos .item-274.current) main .dsg-4-ctn img{content:url("/images/smp-service-dns-v1.png")!important}
body:has(.menu-pos .item-275.current) main .dsg-4-ctn img{content:url("/images/smp-service-secure-email-v1.png")!important}
body:has(.menu-pos .item-276.current) main .dsg-4-ctn img{content:url("/images/smp-service-backup-ddos-v1.png")!important}
main .dsg-4-ctn .image,main .dsg-4-ctn [class*=image]{overflow:hidden!important;border-radius:18px!important}
main .dsg-4-ctn img{width:100%!important;height:520px!important;object-fit:cover!important;object-position:center!important;filter:none!important}
@media(max-width:820px){main .dsg-4-ctn img{height:340px!important}}
@media(max-width:520px){main .dsg-4-ctn img{height:260px!important}}


/* SMP 2026 owned footer branding */
footer .v-footer .dv2>p,footer .v-footer .dv2>.bv-logo{display:none!important}
footer .v-footer .dv2:after{content:"Securely Hosted & Protected by SMP Techno Services";display:block;color:#9fdcf0;font-size:14px;font-weight:700;letter-spacing:.02em}
@media(max-width:620px){footer .v-footer .dv2:after{text-align:center!important}}


/* SMP 2026 mobile direct-call button */
@media(max-width:820px){
  header a[href^="tel:"],.header a[href^="tel:"],body>a[href^="tel:"]{
    position:fixed!important;left:18px!important;bottom:20px!important;top:auto!important;right:auto!important;z-index:2147483000!important;
    width:62px!important;height:62px!important;min-width:62px!important;border-radius:50%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
    color:transparent!important;font-size:0!important;background:linear-gradient(145deg,#18aee0,#075f98)!important;
    border:2px solid #8adcf5!important;box-shadow:0 10px 28px rgba(0,0,0,.48),0 0 0 5px rgba(20,169,218,.16)!important;
    text-decoration:none!important;animation:smpCallPulse 2.4s infinite!important;
  }
  header a[href^="tel:"]:before,.header a[href^="tel:"]:before,body>a[href^="tel:"]:before{content:"☎"!important;color:#fff!important;font-size:31px!important;line-height:1!important;transform:rotate(-12deg)!important}
  header a[href^="tel:"] *, .header a[href^="tel:"] *{font-size:0!important;color:transparent!important;margin:0!important;padding:0!important}
}
/* SMP 2026 definitive mobile call position */
@media(max-width:820px){header a[href^="tel:"],.header a[href^="tel:"]{display:flex!important;position:fixed!important;left:18px!important;top:calc(100vh - 84px)!important;bottom:auto!important;right:auto!important;z-index:2147483000!important}}

/* SMP 2026 mobile call uses universal footer link */
@media(max-width:820px){footer a[href^="tel:"]{position:fixed!important;left:18px!important;bottom:20px!important;top:auto!important;right:auto!important;z-index:2147483000!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;color:transparent!important;font-size:0!important;background:linear-gradient(145deg,#18aee0,#075f98)!important;border:2px solid #8adcf5!important;box-shadow:0 10px 28px rgba(0,0,0,.48),0 0 0 5px rgba(20,169,218,.16)!important;text-decoration:none!important;animation:smpCallPulse 2.4s infinite!important}footer a[href^="tel:"]:before{content:"☎"!important;color:#fff!important;font-size:31px!important;line-height:1!important;transform:rotate(-12deg)!important}footer a[href^="tel:"] *{font-size:0!important;color:transparent!important;margin:0!important;padding:0!important}}

/* SMP 2026 stable mobile call container */
@media(max-width:820px){.contact-header{display:block!important;height:0!important;min-height:0!important;visibility:hidden!important;overflow:visible!important}.contact-header a[href^="tel:"]{display:flex!important;visibility:visible!important;position:fixed!important;left:18px!important;top:calc(100vh - 84px)!important;bottom:auto!important;right:auto!important;width:62px!important;height:62px!important;z-index:2147483000!important}footer a[href^="tel:"]{display:none!important}}
/* SMP 2026 remove legacy blue mobile MENU bar */
@media(max-width:820px){#cssmenu #menu-button,#cssmenu .menu-button{display:none!important}#cssmenu{min-height:0!important;background:transparent!important;border:0!important}}


@media(max-width:820px){header .contact-header{display:block!important;heigh
/* SMP 2026 remove homepage legacy top MENU strip */
@media(max-width:820px){header.header-scroll .row-2{display:none!important}header.header-scroll{height:25px!important;min-height:25px!important}.menu-pos:before{content:none!important;display:none!important}}
t:0!important;min-height:0!important;overflow:visible!important;visibilit
/* SMP 2026 final homepage mobile cleanup */
@media(max-width:820px){header.header-scroll .row-2{display:none!important}header.header-scroll{height:25px!important;min-height:25px!important}.menu-pos{height:0!important;min-height:0!important;overflow:hidden!important;background:transparent!important;border:0!important}.menu-pos:before{content:none!important;display:none!important}}
y:visible!important}header .contact-header .contact-info,header .contact-header .contact-info .mr20{display:block!important;overflow:visible!important;visibility:visible!important}}

@keyframes smpCallPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06);box-shadow:0 12px 32px rgba(0,0,0,.52),0 0 0 10px rgba(20,169,218,.08)}}

/* SMP 2026 final valid homepage mobile cleanup */
@media(max-width:820px){header.header-scroll .row-2{display:none!important}header.header-scroll{height:25px!important;min-height:25px!important}.menu-pos{height:0!important;min-height:0!important;overflow:hidden!important;background:transparent!important;border:0!important}.menu-pos:before{content:none!important;display:none!important}}


/* SMP mobile open-menu header artifact cleanup */
@media(max-width:820px){
  header.header-scroll .row-1{display:none!important;background:transparent!important;height:0!important;min-height:0!important}
  header.header-scroll .header-logo,header.header-scroll .logo-pos{display:none!important;background:transparent!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
}

/* SMP final: no upper bar on mobile */
@media(max-width:820px){
 header.header-scroll,header.header-scroll>.row,header.header-scroll .wrp,header.header-scroll .row-1,header.header-scroll .header-logo{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important}
 header.header-scroll{height:0!important;min-height:0!important;max-height:0!important}
 header.header-scroll .row-1,header.header-scroll .header-logo{display:none!important;height:0!important;min-height:0!important}
}

/* Equal-height Infrastructure cards — 2026-08-06 */
@media (min-width: 1280px) {
  .col-x-7-.str-2 > .sw-col3tocol1-1279.col-3 > .col { display: flex; }
  .col-x-7-.str-2 > .sw-col3tocol1-1279.col-3 > .col > .pos-relative { display: flex; width: 100%; }
  .col-x-7-.str-2 > .sw-col3tocol1-1279.col-3 > .col > .pos-relative > .box-1-ctn { box-sizing: border-box; width: 100%; height: 100%; }
}

/* SMP Domain Health Check homepage CTA — 2026-08-06 */
.main-slider .row.button { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; }
.main-slider .smp-domain-health-cta { background:linear-gradient(135deg,#00a2ff,#004f7d) !important; border:1px solid rgba(123,211,255,.9); box-shadow:0 0 0 0 rgba(25,166,245,.6),0 12px 30px rgba(0,92,150,.38); animation:smpDomainPulse 1.9s ease-in-out infinite; white-space:nowrap; }
.main-slider .smp-domain-health-cta:hover { transform:translateY(-2px); background:linear-gradient(135deg,#16b2ff,#006ca8) !important; }
@keyframes smpDomainPulse { 0%,100% { box-shadow:0 0 0 0 rgba(25,166,245,.55),0 12px 30px rgba(0,92,150,.38); } 50% { box-shadow:0 0 0 9px rgba(25,166,245,0),0 15px 38px rgba(0,137,216,.58); } }
@media (prefers-reduced-motion:reduce) { .main-slider .smp-domain-health-cta { animation:none; } }
@media (max-width:600px) { .main-slider .row.button { gap:10px; } .main-slider .smp-domain-health-cta { white-space:normal; } }

/* SMP HOSTING GRID FINAL V10 */
main.cd-main-content .sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
main.cd-main-content .sw-col3-col2-col1.col-3>.col{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin:0!important;float:none!important;display:flex!important;min-width:0!important}
main.cd-main-content .sw-col3-col2-col1.col-3>.col>.ctn-str-2{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;display:flex!important;flex-direction:column!important;padding:28px!important}
main.cd-main-content .sw-col3-col2-col1.col-3 .ctn-str-2>.row{margin-top:auto!important}
@media screen and (max-device-width:900px){main.cd-main-content .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media screen and (max-device-width:600px){main.cd-main-content .sw-col3-col2-col1.col-3{grid-template-columns:1fr!important;gap:18px!important}main.cd-main-content .sw-col3-col2-col1.col-3>.col>.ctn-str-2{aspect-ratio:auto!important;min-height:300px!important;padding:22px!important}}

/* SMP SINGLE HOSTING GRID RULE V11 */
main.cd-main-content .sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
main.cd-main-content .sw-col3-col2-col1.col-3>.col{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin:0!important;float:none!important;display:flex!important;min-width:0!important}
main.cd-main-content .sw-col3-col2-col1.col-3>.col>.ctn-str-2{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;display:flex!important;flex-direction:column!important;padding:28px!important}
main.cd-main-content .sw-col3-col2-col1.col-3 .ctn-str-2>.row{margin-top:auto!important}
@media screen and (hover:none) and (max-width:900px){main.cd-main-content .sw-col3-col2-col1.col-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media screen and (hover:none) and (max-width:600px){main.cd-main-content .sw-col3-col2-col1.col-3{grid-template-columns:1fr!important;gap:18px!important}main.cd-main-content .sw-col3-col2-col1.col-3>.col>.ctn-str-2{aspect-ratio:auto!important;min-height:300px!important;padding:22px!important}}

/* SMP INTRINSIC HOSTING GRID V12 - NO MEDIA QUERIES */
main.cd-main-content .sw-col3-col2-col1.col-3{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:24px!important;align-items:stretch!important}
main.cd-main-content .sw-col3-col2-col1.col-3>.col{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin:0!important;float:none!important;display:flex!important;min-width:0!important}
main.cd-main-content .sw-col3-col2-col1.col-3>.col>.ctn-str-2{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:280px!important;aspect-ratio:1/1!important;display:flex!important;flex-direction:column!important;padding:28px!important}
main.cd-main-content .sw-col3-col2-col1.col-3 .ctn-str-2>.row{margin-top:auto!important}

/* SMP INFRASTRUCTURE MOBILE FIX V13 */
@media screen and (max-width:767px){main.cd-main-content>.section:first-of-type .ctn-str-1{display:block!important;width:100%!important}main.cd-main-content>.section:first-of-type .ctn-str-1>.col-x-3-,main.cd-main-content>.section:first-of-type .ctn-str-1>.col-x-7-{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin-right:0!important}main.cd-main-content>.section:first-of-type .sw-col3tocol1-1279.col-3{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;width:100%!important}main.cd-main-content>.section:first-of-type .sw-col3tocol1-1279.col-3>.col{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important}main.cd-main-content>.section:first-of-type .box-1-ctn{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;padding:28px 22px!important}main.cd-main-content>.section:first-of-type .box-1-ctn h3{font-size:24px!important;line-height:1.25!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}main.cd-main-content>.section:first-of-type .box-1-ctn p{font-size:17px!important;line-height:1.65!important;word-break:normal!important;overflow-wrap:break-word!important}main.cd-main-content>.section:first-of-type .box-ctn-shadow{inset:10px -10px 0 0!important}}

/* SMP INFRASTRUCTURE MOBILE FIX V13B */
@media screen and (max-width:767px){.ctn-str-1{display:block!important;width:100%!important}.ctn-str-1>.col-x-3-,.ctn-str-1>.col-x-7-{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin-right:0!important}.ctn-str-1>.col-x-7->.sw-col3tocol1-1279.col-3{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;width:100%!important}.ctn-str-1>.col-x-7->.sw-col3tocol1-1279.col-3>.col{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important}.ctn-str-1 .box-1-ctn{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;padding:28px 22px!important}.ctn-str-1 .box-1-ctn h3{font-size:24px!important;line-height:1.25!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}.ctn-str-1 .box-1-ctn p{font-size:17px!important;line-height:1.65!important;word-break:normal!important;overflow-wrap:break-word!important}}