@charset "UTF-8";
:root {
  --card-bg: rgba(255, 255, 255, 0.7);
  --bluegray: #b2bfcd;
  --lightbluegray: #f6f9fc;
  --toolbar-bg: white;
  --success-border: var(--success);
  --info-border: var(--info);
  --warning-border: var(--warning);
  --danger-border: var(--danger);
  --border: #ced4da;
  --white: white;
  --white-offset: #fefefe;
  --focus: #39f;
  --focus-shadow: 0 0 0 0.2rem #eaeaea;
  --toggle-color: white;
  --template-sidebar-bg: var(--template-bg-dark-80);
  --template-sidebar-font-color: white;
  --template-sidebar-link-color: white;
  --template-bg-light: #f0f4fb;
  --template-text-light: white;
  --template-special-color: #132f53;
  --template-link-color: #2a69b8;
  --template-link-hover-color: #173a65;
  --template-contrast: #2a69b8;
  --template-bg-dark: hsl(var(--hue), 40%, 20%);
  --template-bg-dark-3: hsl(var(--hue), 40%, 97%);
  --template-bg-dark-5: hsl(var(--hue), 40%, 95%);
  --template-bg-dark-7: hsl(var(--hue), 40%, 93%);
  --template-bg-dark-10: hsl(var(--hue), 40%, 90%);
  --template-bg-dark-15: hsl(var(--hue), 40%, 85%);
  --template-bg-dark-20: hsl(var(--hue), 40%, 80%);
  --template-bg-dark-30: hsl(var(--hue), 40%, 70%);
  --template-bg-dark-40: hsl(var(--hue), 40%, 60%);
  --template-bg-dark-50: hsl(var(--hue), 40%, 50%);
  --template-bg-dark-60: hsl(var(--hue), 40%, 40%);
  --template-bg-dark-65: hsl(var(--hue), 40%, 35%);
  --template-bg-dark-70: hsl(var(--hue), 40%, 30%);
  --template-bg-dark-75: hsl(var(--hue), 40%, 25%);
  --template-bg-dark-80: hsl(var(--hue), 40%, 20%);
  --template-bg-dark-90: hsl(var(--hue), 40%, 10%);
  --primary: #010156;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  /*color: #2d3c51;*/
  color: #202b3a;
  background-color: white;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-bottom: 0.5rem;  
}

h1, .h1, .page-header h1, .blog h1 {
  font-size: 2.4rem;
}

ul.mod-menu__sub{
  list-style-type: none;
  position: absolute;
  background: rgb(211,239,242);
  right: -270px;
  padding: 5px 30px 10px 30px;
  border-top: 10px solid #fff;
  display:none;
  grid-template-columns: 45% 55%;
  justify-content: space-between;
  width:690px;
  border-radius:10px;
  border-top-left-radius: 10px 20px;
  border-top-right-radius: 10px 20px;
}
li:hover ul.mod-menu__sub{display:grid}
ul.mod-menu__sub li {width:max-content}
ul.mod-menu__sub li a{font-size:initial}
ul.mod-menu__sub li a img {margin-right:5px}
ul.mod-menu__sub li a span{vertical-align:middle}
ul.mod-menu__sub li:hover a span{
	border-bottom: 2px solid #e26b57;
}

.service-image{margin-left: 15px; float: right}
figure img{border-radius: 10px}
.blog h1{text-align:center}
.blog h2{margin: 15px 0}
.portfolio .com-content-article__body img{
	box-shadow: 0 0 15px 0 #000;
    border-radius: 10px;
}
.portfolio p.imgcontainer{
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  margin: 30px 0;
}
.blog .blog-item{
  display:flex;
  margin:40px 0;
}
.blog .blog-item:first-child{margin-top:20px}
.blog .blog-item:nth-child(even){flex-direction:row-reverse}
.blog .blog-item:nth-child(odd) figure{margin-inline-start: 0}
.blog .blog-item:nth-child(even) figure{margin-inline-start: 40px!important;margin-inline-end: 0;}
.blog-item img {
  max-width:min(500px,50vw);
}
.portfolio .blog-item img {box-shadow: 0 0 15px 0 #000}
.site-grid p.readmore{
  text-align:center;
  margin-top:25px;
}
.site-grid p.readmore a{
  background-color: #e26b57;
  color: #fff;
  border-radius: 25px;
}
.site-grid p.readmore a:hover{
  text-decoration:none;
  opacity:0.9;
}
.site-grid p.readmore a span.icon-chevron-right:before{content:""}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.3rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.7rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
  margin:0;
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.3rem;
  }
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

b,
strong {
  font-weight: bolder;
}

a {
   /*webchanger edit
  color: var(--cassiopeia-color-link);
  text-decoration: underline;*/
  color: #202b3a;
}
a:hover {
    /*webchanger edit color: var(--cassiopeia-color-hover);*/
   text-decoration: underline;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

img,
svg {
  vertical-align: middle;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

iframe {
  border: 0;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.collapse:not(.show) {
  display: none;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
  max-width:40%;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  /*webchanger edit line-height: 1;*/
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.35rem;
/*webchanger edit  transition: box-shadow 0.15s ease-in-out;*/
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: white;
  background-clip: border-box;
  /*webchabger-edit border: 1px solid #dfe3e7;*/
  border-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

:root {
  scroll-behavior: smooth;
}

html {
  background-color: white;
}

body {
  position: relative;
  min-height: 100vh;
}

img {
  max-width: 100%;
  height: auto;
}

h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--cassiopeia-font-family-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-weight: var(--cassiopeia-font-weight-headings, 700);
}

a {
  /*webchanger edit color: var(--cassiopeia-color-link);*/
}
a:not([class]) {
  /*webchanger edit*/
  text-decoration: none;
}
a:hover, a:focus {
  /*webchanger edit color: var(--cassiopeia-color-hover);*/
  text-decoration: underline;
}

.mod-menu {
  flex-direction: column;
}

.back-to-top-link {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 10000;
  padding: 0.5em;
  color: #626770;
  pointer-events: all;
  background-color: var(--white, white);
  border: 1px solid #626770;
  border-radius: 0.25rem;
  opacity: 0;
  transition: opacity 200ms ease-in;
}
.back-to-top-link.visible {
  opacity: 1;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  color: var(--white, white);
/*webchanger edit*/  
  background-color: #e26b57;
  border-color: #e26b57;
}

.footer {
  margin-top: 1em;
  color: white;
  background-color: #8e96a3;
  background-image: linear-gradient(135deg, #8e96a3 0%, #626770 100%);
  /*webchanger edit*/
  padding: 0 70px;
}
.footer .grid-child {
  align-items: center;
  justify-content: space-between;
  padding: 1.2em 0.5em;
/*webchanger edit*/
  flex-direction: row-reverse;
}
.footer a {
  color: currentColor;
}
.footer .mod-menu {
  position: relative;
}

@media (max-width: 991.98px) {
  .footer .grid-child {
    flex-direction: column;
  }
  .footer .grid-child .mod-footer {
    margin: 0.375rem 0;
  }
  .blog .blog-item:nth-child(odd),.blog .blog-item:nth-child(even){
    flex-direction: column;
    align-items: center;
  }
  .blog .blog-item:nth-child(odd) figure, .blog .blog-item:nth-child(even) figure {margin-inline-start: 0!important;margin-inline-end: 0}
  .blog .blog-item img{max-width:100%}
}

.container-header {
  position: relative;
  z-index: 10;
/*webchanger edit*/
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
  padding: 0 1rem;
}
.container-header .grid-child {
  padding: 0.5em;
}
.container-header nav {
  padding: 0;
}
.container-header .navbar-brand {
  position: relative;
  display: inline-block;
  margin-right: auto;
  font-size: 2rem;
  color: white;
}
.container-header .navbar-brand img {
 /* webchanger edit
  width: 15rem;
  min-width: 15rem;*/
}
.container-header .navbar-brand a {
  color: white;
}
.container-header .navbar-brand:hover, .container-header .navbar-brand:focus {
  color: #f0f0f0;
}
.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0.7rem;
}
.container-header .mod-menu {
  flex: 1 0 100%;
  padding: 0;
  margin: 0;
  /* color: white; */
  font-weight:500;
  list-style: none;
}
@media (min-width: 768px) {
  .container-header .mod-menu {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
  }
}
.container-header .mod-menu > li {
  position: relative;
}
@media (min-width: 768px) {
  .container-header .mod-menu > li + li {
    margin-left: 1.55em;
  }
}
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
  position: relative;
  color: currentColor;
  text-decoration: none;
}
@media (min-width: 992px) {
  .container-header .mod-menu > li::after {
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;
    display: block;
    height: 2px;
    margin: auto;
    content: "";
    background: transparent;
    opacity: 0.8;
    transition: all 0.2s ease, background-color 0.2s ease;
  }
}

.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
  right: 2px;
  left: 0;
  background: #e26b57;
}
.container-header .navbar-toggler {
  color: #202b3a;
  cursor: pointer;
/*webchanger edit*/  
  margin-right: 0;
  margin-left: auto;
}

iframe {
  border: 0;
}

.grid-child {
  display: flex;
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}

.mod-custom {
  position: relative;
}

.container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b {
  position: relative;
}
.container-top-a > *,
.container-top-b > *,
.container-bottom-a > *,
.container-bottom-b > * {
  flex: 1;
  margin: 0.5em 0;
}
@media (max-width: 991.98px) {
  .container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b {
    flex-direction: column;
  }
  .container-top-a > *,
.container-top-b > *,
.container-bottom-a > *,
.container-bottom-b > * {
    flex: 0 1 auto;
  }
}

.container-component,
.container-sidebar-left,
.container-sidebar-right {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.container-component > *,
.container-sidebar-left > *,
.container-sidebar-right > * {
  margin-bottom: 0;
/*webchanger edit*/
  margin: 0 auto;
  max-width: 1120px;
  padding: 0 1rem;
}

.container-component > *:first-child,
.container-sidebar-left > *:first-child,
.container-sidebar-right > *:first-child {
  margin-top: 1em;
}


.container-sidebar-left,
.container-sidebar-right {
  flex: 0 0 auto;
  width: calc(100% - 1em);
  order: 1;
}
@media (min-width: 768px) {
  .container-sidebar-left,
.container-sidebar-right {
    width: calc(25% - 1em);
    order: 0;
  }
}

@supports (display: grid) {
  [class^=span-],
[class*=" span-"] {
    grid-column-end: auto;
    grid-row-end: auto;
  }

  @media (min-width: 768px) {
    [class^=span-col],
[class*=" span-col"] {
      grid-column-end: span 2;
    }
  }

  @media (min-width: 992px) {
    .span-col-2 {
      grid-column-end: span 2;
    }

    .span-col-3 {
      grid-column-end: span 3;
    }

    .span-col-4 {
      grid-column-end: span 4;
    }

    .span-row-2 {
      grid-row-end: span 2;
    }

    .span-row-3 {
      grid-row-end: span 3;
    }

    .span-row-4 {
      grid-row-end: span 4;
    }
  }
  [class^=container-] [class^=span-],
[class^=container-] [class*=" span-"],
[class*=" container-"] [class^=span-],
[class*=" container-"] [class*=" span-"] {
    flex: 0 1 auto;
    max-width: none;
  }
}

.mod-list {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style: none;
}
.mod-list li {
  padding: 0.25em 0;
}
.mod-list li a {
  text-decoration: none;
  font-size: 1.2rem;
}
.mod-list li a:hover {
  text-decoration: underline;
}
.container-header .mod-list li a:hover {
  text-decoration: none;
}

.mod-list li.active > a {
  text-decoration: underline;
}
.container-header .mod-list li.active > a {
  text-decoration: none;
}

.mod-list li .mod-menu__sub {
  padding-left: 1em;
}

.left.item-image {
  float: left;
}

.right.item-image {
  float: right;
}


body {
  display: flex;
  flex-direction: column;
}
body:not(.has-sidebar-left) .site-grid .container-component {
  grid-column-start: main-start;
}
body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: main-end;
}

.site-grid {
  margin-bottom: auto;
}

@supports (display: grid) {
  .site-grid {
    /*webchanger edit display: grid;*/
    grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
  }
  .site-grid > [class^=container-],
.site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }

  @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    }
  }
}


.container-component {
  grid-area: comp;
}

.container-bottom-a {
  grid-area: bot-a;
}

.container-bottom-b {
  grid-area: bot-b;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn.focus:active,
.btn.active:focus,
.btn.active.focus {
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .btn {
    margin-bottom: 0.25rem;
  }
}

}
@media (max-width: 991.98px) {
  .field-media-wrapper {
    min-width: 100%;
  }
}

.jviewport-height10 {
  height: 10vh;
}
.jviewport-height20 {
  height: 20vh;
}
.jviewport-height30 {
  height: 30vh;
}
.jviewport-height40 {
  height: 40vh;
}
.jviewport-height50 {
  height: 50vh;
}
.jviewport-height60 {
  height: 60vh;
}
.jviewport-height70 {
  height: 70vh;
}
.jviewport-height80 {
  height: 80vh;
}
.jviewport-height90 {
  height: 90vh;
}
.jviewport-height100 {
  height: 100vh;
}

[class*=jviewport-height] iframe {
  height: 100%;
}

.modal-dialog.jviewport-width10 {
  width: 10vw;
  max-width: none;
}
.modal-dialog.jviewport-width20 {
  width: 20vw;
  max-width: none;
}
.modal-dialog.jviewport-width30 {
  width: 30vw;
  max-width: none;
}
.modal-dialog.jviewport-width40 {
  width: 40vw;
  max-width: none;
}
.modal-dialog.jviewport-width50 {
  width: 50vw;
  max-width: none;
}
.modal-dialog.jviewport-width60 {
  width: 60vw;
  max-width: none;
}
.modal-dialog.jviewport-width70 {
  width: 70vw;
  max-width: none;
}
.modal-dialog.jviewport-width80 {
  width: 80vw;
  max-width: none;
}
.modal-dialog.jviewport-width90 {
  width: 90vw;
  max-width: none;
}
.modal-dialog.jviewport-width100 {
  width: 100vw;
  max-width: none;
}



/*webchanger edit*/

.home .container-component > *,
.home .container-sidebar-left > *,
.home .container-sidebar-right > *{
  margin:initial;
  max-width:initial;
  padding:0;
}

.page-header h1{
  text-align: center;
  margin-bottom: 2rem;
}

.site-grid p{
  text-align:justify;
}

.grid-child.container-nav{
 /* position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  width:500px;*/
}

.container-header .grid-child.container-nav .container-search:only-child{
 /* margin:0 auto;*/
}

.right.item-image{
  margin: 0 0 0 1rem;
}
.right.item-image img{

}
.home .right.item-image img{
  position:absolute;
  right:16%;
}

.home .site-grid p{
  text-align:left;
}
  
p.home-intro{
  font-size:1.2rem;
}
p.home-intro strong{font-weight:500;}

.intro-container{
  max-width:1320px;
  margin:0 auto;
  padding: 0 1rem;
  padding-bottom: 50px;
  display:flex;
}
.intro-container .left.item-image.full{
  margin-right: 85px;
  margin-top: 18px;
}
.intro-container .left.item-image.mobile{display:none}
.intro-container h1{
  padding-top:50px;
  line-height: 1.2;
  padding-bottom: 10px;
}
.intro-container em{
  font-style:normal;
  color:#e26b57;
  display:block;
}

.advantages-container{
  width: 100%;
  background-color: rgb(190, 216, 217,0.3);
}

.advantages{
    display: flex;
    padding: 40px 25px 60px;
    column-gap:25px;
    margin-top:34px;
    max-width: 1320px;
    margin: 0 auto;
	justify-content: space-evenly;
}
.advantages div{
  display:flex;
  flex-direction:column;
  row-gap:10px;
  justify-content: space-between;
  max-width:280px;
  text-align:center;
}
.advantages .text{
  display:initial;
}
.advantages .icon img{
  margin:0 auto;
}
.advantages-space{
  margin:0;
}

.cta-buttons-container{
  margin-top:20px;
  max-width: 1320px;
  margin: 0 auto;
}
.cta-buttons{
  text-align: right;
  margin-top:38px;
}
.cta-buttons a{
  font-weight: 500;
}

.cta-buttons a:hover{
  opacity: 90%;
  text-decoration: none;
}

.cta-buttons .btn.more{
  border-color: #e26b57;
  color: #e26b57;
  margin-right:20px;
}  
.cta-buttons .btn.offer{
  background-color: #e26b57;
  color: #fff;
}

.services-container{
  background-color: #fff;
  padding: 0 1rem 1rem 1rem;
}
.services-container h2{
  color:#e26b57;
  font-size:2rem;
  margin:2rem 0 1rem 0;
  padding-top:2rem;
  text-align:center;
}

.services{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 10px;
  max-width: 1320px;
  margin: 0 auto;
}
.services .service{
  display:grid;
  grid-template-columns: 100px auto;
  margin-top:10px;
}

.services .text{
  display:initial;
}

.services .icon{
  margin-right:15px;
  padding-top:5px;
}

.services .icon img{
  margin:0 auto;
}
.services-space{
  margin:0;
}
.services .service a{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 2px 10px;
  border-radius: 0.3rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color:#e26b57;
  margin-top: 0.5rem;
  color: #fff;
  margin-top: 0.5rem;
  font-weight: 500;
  font-size: 0.9em;
}
.services .service a:hover{
  opacity: 90%;
  text-decoration: none;
}

.clients-container{
  text-align:center;
  padding-bottom:2rem;
  background-color: rgb(190, 216, 217,0.3);
}
.advantages-container h2,.clients-container h2{
 /* color:#e26b57;*/
  font-size:2rem;
  padding-top: 1rem;
  margin-top:0;
  text-align:center;
}
.clients-container img{
  margin: 7px;
  max-width: 46%;
}
.clients-container .images-container{
  max-width: 1200px;
  margin: 0 auto;
}
.contacts-left{
  float:left;
  width:60%;
}
.contacts-right{
  float: right;
  margin-top: 1.1rem;
  padding-left: 2rem;
  width: 40%;
}
.contacts-right a img{margin-right:12px}

.card-body #cf_1{
  max-width: 1320px;
  margin: 0 auto;
}
#cf_1.convertforms .cf-control-group.form-name,#cf_1.convertforms .cf-control-group.form-email,#cf_1.convertforms .cf-control-group.form-phone{
  width:33.3%;
}
.convertforms .cf-control-group.form-submit{
  max-width: 150px;
  margin: 0 auto;
}
.convertforms .cf-control-group.form-submit button.cf-btn{
  background-color: #e26b57!important;
}
.request-form{
  max-width: 1120px;
  margin: 0 auto;
}
.request-form h2{
  color: #e26b57;
  font-size: 2rem;
  margin-bottom: 1.3rem;
  text-align:center;
}
.request-form p{
  padding: 0 18px;
  text-align: justify;
}
/*.convertforms .cf-control-label .cf-label,.convertforms .cf-control-label .cf-label:focus{
  color: #2d3c51;
}
.convertforms .cf-fields .cf-input,.convertforms .cf-fields .cf-input:focus{
  color: #2d3c51;
  border-color: #2d3c51;
}*/

#cf_1 {
    --font: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")!important;
    --label-color: #2d3c51!important;
    --label-size: 1rem!important;
    --input-color: #2d3c51!important;
    --input-border-color: #415065!important;
    --input-border-radius: 4px!important;
    --input-size: 1rem!important;
    --input-padding: 10px 10px;
}

#redim-cookiehint-bottom #redim-cookiehint {
    background-color: #415065;
}
#redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn,#redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn:hover{
  background-color:#e26b57!important;
  border-radius:4px;
	padding: 5px 10px !important;
	color: #ffffff !important;
	font-size: 12px;
	line-height: 1em;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
}
#redim-cookiehint-bottom #redim-cookiehint .cookiebuttons #cookiehintinfo .btn,#redim-cookiehint-bottom #redim-cookiehint .cookiebuttons #cookiehintinfo .btn:hover{
	background-color: #fff!important;
    color: #e26b57!important;
}
.cookiebuttons #cookiehintinfo{display:inline-block;}

@media (max-width: 1310px) {
   .intro-container h1 br{display:none}
}

@media (max-width: 1199.98px) {
  .intro-container .left.item-image.full{
    max-width: 40%;
    margin-right: 40px;
    margin-bottom: 15px;
  }
  .intro-container h1{padding-top:0}

  .advantages{
    grid-template-columns:100%;
  }
  .services{grid-template-columns:50% 50%}
  .portfolio p.imgcontainer{
    flex-direction:column;
    align-items:center;
  }
  .portfolio p.imgcontainer img:not(:first-child){margin-top:30px}
}

@media (max-width: 991.98px) {
  .services{grid-template-columns:100%}
}

@media (max-width: 767.98px) {
  .container-header{padding:0 0.5rem;}
  .container-header .mod-menu{margin-top:0.5rem;}
  .container-header .container-nav{max-width:145px}
  .intro-container{padding-bottom:15px;}
  .intro-container .left.item-image.full{
    margin-right:20px;
    margin-top:0px;
  }
  .intro-container h1 {
    padding-top:0;
    padding-bottom:0;
    overflow: hidden;
  }
  .right.item-image {
    float: initial;
    margin: 0 0 1rem 0!important;
    text-align: center;
  }
  p.home-intro{
    font-size:initial;
    overflow:hidden;
  }
  .advantages{
    margin-top:0;
    width:100%;
    grid-template-columns: 100%;
    grid-row-gap: 10px;
  }
  .cta-buttons{
    text-align: center;
    margin-top: 15px;
  }
  .cta-buttons .btn{
    padding: 0.4rem 0.6rem;
  }
  .cta-buttons .btn.more{margin-right:5px}
  .services-container h2{
    margin:0;
    padding-top: 1.2rem;
  }
  .services .service{
    grid-template-columns: 70px auto;
  }
  .services .service .icon{
    margin-right: 9px;
  }
  
  .contacts-left,.contacts-right{width:100%;}
  .contacts-right{
    padding-left: 1rem;
    margin:0;
  }
  
  .request-form h2{margin: 0 0 0.7rem 0;}
  #cf_1.convertforms .cf-control-group.form-name, #cf_1.convertforms .cf-control-group.form-email, #cf_1.convertforms .cf-control-group.form-phone {
    width: 100%;
  }
  .footer .grid-child .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

}

@media (max-width: 479.98px) {
  h1, .h1, .page-header h1, .blog h1{
    font-size:2em!important;
    text-align:center;
  }
  h2{font-size:1.5em!important}
  h3{font-size:1.2em!important}
  .intro-container .left.item-image.full{display:none}
  .intro-container .left.item-image.mobile{
    display: block;
    float: none;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: 100%;
  }
  .home .site-grid p{width:100%}
  
}