@font-face
{font-family:"Pluto";
src:url("../fonts/PlutoBold.woff2") format("woff2"),url("../fonts/PlutoBold.woff") format("woff");
font-weight:700;
font-style:bold;
font-display:swap}
@font-face
{font-family:"Pluto";
src:url("../fonts/PlutoMedium.woff2") format("woff2"),url("../fonts/PlutoMedium.woff") format("woff");
font-weight:500;
font-style:medium;
font-display:swap}
@font-face
{font-family:"Pluto";
src:url("../fonts/PlutoRegular.woff2") format("woff2"),url("../fonts/PlutoRegular.woff") format("woff");
font-weight:400;
font-style:normal;
font-display:swap}
@font-face
{font-family:"PTSans";
src:url("../fonts/PTSans-Bold.woff2") format("woff2"),url("../fonts/PTSans-Bold.woff") format("woff");
font-weight:700;
font-style:bold;
font-display:swap}
@font-face
{font-family:"PTSans";
src:url("../fonts/PTSans-Regular.woff2") format("woff2"),url("../fonts/PTSans-Regular.woff") format("woff");
font-weight:400;
font-style:normal;
font-display:swap}
html
{-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-tap-highlight-color:hsla(0,0%,100%,0);
scroll-behavior:smooth;
-webkit-text-size-adjust:100%}
*,a,button,button:focus,button:active
{-webkit-tap-highlight-color:hsla(0,0%,100%,0);
outline:none}
body
{margin:0;
padding:0;
font-family: "Rubik",Helvetica,Roboto,Arial,sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

font-size:1.2rem;
line-height:1.3;
color:#72707d;
}

@media(max-width: 63.375em)
{
.onlymobile{
    display: block;
}

.onlydesktop{
    display: none;
}

}

@media(min-width: 63.375em)
{body
{font-size:1.45rem}

.onlymobile{
    display: none;
}

.onlydesktop{
    display: block;
}

}
*,*:before,*:after
{padding:0;
margin:0;
box-sizing:border-box}
a,a:focus,a:active
{color:#0068b2;
text-decoration:none}
h1
{font-size:1.7rem;
font-size:1.7rem;
font-weight:700;
margin:0;
padding:0px 0 10px 0;
line-height:1.2;
color:#0060a0;
margin-left:-30px;
margin-top:10px;
font-family:pluto;
font-weight:500}


@media(min-width: 23.3em)
{h1
{font-size:2.5rem;
font-size:2rem;
font-size:1.8rem;
margin-top:10px}
}

@media(min-width: 25.3em)
{h1
{margin-left:0;
margin-top:15px}
}

@media(min-width: 44.5em)
{h1
{font-size:3.3rem;
font-size:2.4rem;
font-size:2rem;
margin-top:25px}
}

@media(min-width: 63.375em)
{h1
{font-size:2.4rem;
font-size:2.2rem;
line-height:1;
margin-top:0px}
}

@media(min-width: 80.375em)
{h1
{font-size:2.8rem;
font-size:2.6rem;
margin-top:0px}
}

@media(min-width: 95.375em)
{h1
{font-size:3.35rem;
font-size:2.75rem;
margin-top:0px}
}
h2
{font-size:1.5rem;
padding:38px 0 28px 0;
margin:0;
color:#0060a0;
font-family:pluto;
font-weight:500 !important;
font-weight:700}

@media(min-width: 95.375em)
{h2
{font-size:1.9rem;
padding:30px 0 22px 0}
}

@media(min-width: 95.375em)
{h2
{padding:49px 0 24px 0;
font-size:1.8rem}
}

.content p
{padding:10px 0}

.onlybigmob h2
{color:#72707d}

.content h2
{padding:10px 40px 10px 0;
margin:0;
font-size:1.5rem;
color:#72707d}

@media(min-width: 63.375em)
{.content h2
{font-size:2.3rem}
}

.content .minih2
{font-size:1.5rem}

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

@media(min-width: 63.375em)
{.content .minih2
{font-size:1.8rem}
}

.header img
{width:100%;
height:auto}

@media(min-width: 63.375em)
{.header img
{margin-bottom:40px;
margin-bottom:20px}
}
ul
{padding:0;
margin:0}
ul li
{list-style:none;
padding:0;
margin:0}

.bold
{font-weight:700}

.big
{font-size:1.4rem;
font-family:"Pluto";
font-weight:500}

@media(min-width: 63.375em)
{.big
{font-size:1.8rem;
    font-family:"Pluto";
    font-weight:500}
}

.bigger
{font-size:1.6rem}

@media(min-width: 63.375em)
{.bigger
{font-size:2.2rem}
}

@media(min-width: 63.375em)
{.mid
{font-size:1.5rem}
}

.mini
{font-size:1rem}

@media(min-width: 63.375em)
{.mini
{font-size:1.1rem}
}

@media(min-width: 63.375em)
{.al-right
{text-align:right}
}

.mb-10
{margin-bottom:10px}

.mt-10
{margin-top:10px}

.mt-20
{margin-top:20px}

.content .mt-20
{margin-top:20px}

.mt-40
{margin-top:40px}

.mt-60
{margin-top:60px}

.mt-96
{margin-top:35px}

@media(min-width: 63.375em)
{.mt-96
{margin-top:96px}
}

.pt-86
{padding-top:34px}

@media(min-width: 63.375em)
{.pt-86
{padding-top:86px}
}

.pb-60
{padding-bottom:27px}

@media(min-width: 63.375em)
{.pb-60
{padding-bottom:60px}
}

@media(min-width: 63.375em)
{.pr-40
{padding-right:40px}
}

@media(min-width: 63.375em)
{.pr-20
{padding-right:20px}
}

.bggrey
{background-color:#f0f0f0}

.bggreen
{background-color:#c6d42c}

.bgbrgrey
{background-color:#f0f0f0}

.bgblue
{background-color:#dcf5fd}

.bgbrblue
{background-color:#00afea}

.graphblue
{background-color:#0060a0}

.graphtuer
{background-color:#018a6f}

.inner-wrapper
{max-width:1192px;
margin:0 auto;
padding:0 26px;
overflow:visible}

@media(min-width: 80.375em)
{.inner-wrapper
{padding:0}
}

.full-wrapper
{width:100%;
margin:0 auto;
padding:0;
overflow:auto}

@media(min-width: 80.375em)
{.full-wrapper
{padding:0}
}
body .c2-small-big
{display:flex;
width:100%;
flex-wrap:wrap}
body .c2-small-big div
{width:100%}

@media(min-width: 63.375em)
{body .c2-small-big div:first-child
{width:406px;
flex:none}
}

@media(min-width: 63.375em)
{body .c2-small-big div:last-child
{flex:1}
}

@media(min-width: 63.375em)
{.c2-small-big.flip div:first-child
{flex:1}
}

@media(min-width: 63.375em)
{.c2-small-big.flip div:last-child
{width:406px;
flex:none}
}

.tripple-grid
{display:flex;
width:100%}

.tripple-grid .center-div
{width:1152px;
padding:0 26px}

@media(min-width: 80.375em)
{.tripple-grid .center-div
{width:1192px;
padding:0}
}

.tripple-grid>div:first-child,.tripple-grid>div:last-child
{flex:1}

.c2-5050
{display:grid;
width:100%;
grid-template-columns:1fr 1fr;
gap:0px 25px}

.c4-3333
{display:grid;
width:100%;
grid-template-columns:1fr;
gap:25px 25px}

@media(min-width: 44.5em)
{.c4-3333
{grid-template-columns:1fr 1fr}
}

@media(min-width: 80.375em)
{.c4-3333
{grid-template-columns:1fr 1fr 1fr 1fr}
}

.center-div h2
{font-size:1.3rem;
padding:18px 0 28px 0;
margin:0;
color:#0060a0;
font-family:"PTSans";
font-weight:700 !important;
font-weight:700}

@media(min-width: 95.375em)
{.center-div h2
{padding:32px 0 38px 0;
font-size:1.5rem}
}

.center-div .minilead
{margin-top:24px;font-size:.9rem}

.ptsans h2
{font-family:"PTSans";
font-weight:700 !important}
header
{position:relative;
margin-top:24px;
height:auto}

@media(min-width: 63.375em)
{header
{height:auto;
margin-top:48px}
}
header .logobox
{display:flex;
margin-bottom:24px}
header .logobox div:first-child
{width:124px}

@media(min-width: 63.375em)
{header .logobox div:first-child
{width:142px}
}
header .logobox .logo-txt
{font-family:pluto;
font-weight:700}
header .logobox .logo-lead
{margin:5px 0 0px 22px;
padding:0;
font-size:18px;
line-height:1.1}

@media(min-width: 23.3em)
{header .logobox .logo-lead
{font-size:21px;
margin:22px 0 0px 22px}
}

@media(min-width: 63.375em)
{header .logobox .logo-lead
{font-size:26px;
margin:24px 0 0px 22px}
}
header .logobox .logo-content
{margin:10px 0 24px 22px;
font-size:12px;
line-height:1.1}

@media(min-width: 63.375em)
{header .logobox .logo-content
{font-size:15px;
margin:10px 0 24px 22px}
}
header .logolink,header .logolink:active,header .logolink:visited,header .logolink:hover
{color:#6f6d79}
header .dot,header .dot:active,header .dot:visited
{position:absolute;
right:0;
bottom:0px;
color:#fff;
display:block;
width:130px;
height:130px;
background-color:#018a6f;
font-family:pluto;
font-weight:500;
font-size:16px;
font-size:12px;
text-align:center;
display:flex;
border-radius:200px;
padding-top:38px;
padding-top:22px;
vertical-align:middle;
justify-content:center;
z-index:2}
header .dot p,header .dot:active p,header .dot:visited p
{transform:rotate(10deg)}
header .dot span,header .dot:active span,header .dot:visited span
{font-size:28px;
line-height:1.2}

@media(min-width: 34.5em)
{header .dot,header .dot:active,header .dot:visited
{width:220px;
height:220px;
font-size:29px;
font-size:20px;
bottom:0px;
padding-top:61px;
padding-top:35px}
header .dot span,header .dot:active span,header .dot:visited span
{font-size:48px;
line-height:1.2}
}

.onlybigdesk p
{color:#0060a0}
body .fulllead-section .center-div
{position:relative;
padding:0 26px 0 0}
body .fulllead-section .center-div img
{display:block}
body .fulllead-section .center-div .c2-small-big
{display:flex;
width:100%;
flex-wrap:wrap}
body .fulllead-section .center-div .c2-small-big div:first-child
{width:142px;
flex:none}

@media(min-width: 63.375em)
{body .fulllead-section .center-div .c2-small-big div:first-child
{width:406px;
flex:none}
}
body .fulllead-section .center-div .c2-small-big div:last-child
{flex:1}

.colorbox .singlebox
{position:relative;
display:block;
width:100%;
background-color:#dcf5fd;
padding:60px 47px 130px 47px;
border-radius:30px;
background-repeat:no-repeat;
background-position:bottom 22px right 22px;
background-size:102px auto}

@media(min-width: 63.375em)
{.colorbox .singlebox
{min-height:370px}
}

.btn, .btn:visited
{background-color:#909090;
display:inline-block;
padding:14px 10px;
font-size:18px;
color:#fff;
border-radius:43px;
width:100%;
text-align:center;
margin-top:16px}

@media(min-width: 63.375em)
{.btn, .btn:visited
{margin-top:48px}
}

.colorbox p
{font-family:"Pluto";
font-weight:500;
font-size:1.45rem}

.colorbox .blue .singlebox
{border:3px solid #0068b2;
background-image:url("../img/icon-visit.svg")}

.colorbox .blue .singlebox [class*=icono]
{color:#0068b2}

.blue .btn, .blue .btn:visited
{background-color:#0068b2}

.blue .btn:hover
{background-color:#0068b2}

.colorbox .brblue .singlebox
{border:3px solid #00afea;
background-image:url("../img/icon-clall.svg")}

.colorbox .brblue .singlebox [class*=icono]
{color:#00afea}

.colorbox .brblue .singlebox [class*=icono-arrow1]:before
{color:#00afea}

.colorbox .brblue .btn,.colorbox .brblue .btn:visited
{background-color:#00afea}

.colorbox .brblue .btn:hover
{background-color:#00afea}

.colorbox .drk-line-green .singlebox
{border:3px solid #009f81;
background-image:url("../img/icon-day.svg")}

.colorbox .drk-line-green .singlebox [class*=icono]
{color:#009f81}

.colorbox .drk-line-green .singlebox [class*=icono-arrow1]:before
{color:#009f81}

.colorbox .drk-line-green .btn,.colorbox .drk-line-green .btn:visited
{background-color:#009f81}

.colorbox .drk-line-green .btn:hover
{background-color:#009f81}

.colorbox .green .singlebox
{border:3px solid #92c01a;
background-image:url("../img/icon-infomaterial.svg")}

.colorbox .green .singlebox [class*=icono]
{color:#92c01a}

.colorbox .green .singlebox [class*=icono-arrow1]:before
{color:#92c01a}

.colorbox .green .btn,.colorbox .green .btn:visited
{background-color:#92c01a}

.colorbox .green .btn:hover
{background-color:#92c01a}
[class*=icono]
{position:absolute;
top:0;
left:0;
display:inline-block;
vertical-align:middle;
box-sizing:border-box}
[class*=icono]:after,[class*=icono]:before
{content:"";
box-sizing:border-box}
[class*=icono-arrow1]
{width:33px;
height:33px;
border-width:7px 7px 0 0;
border-style:solid;
margin:6px}
[class*=icono-arrow1]:before
{right:0;
top:-4px;
position:absolute;
height:7px;
box-shadow:inset 0 0 0 32px;
transform:rotate(-45deg);
width:38px;
transform-origin:right top}
[class*=icono-arrow1][class*=-left]
{transform:rotate(45deg)}
[class*=icono-arrow1][class*=-left][class*=-up]
{transform:none}
[class*=icono-arrow1][class*=-left][class*=-down]
{transform:rotate(90deg)}
[class*=icono-arrow1][class*=-right]
{transform:rotate(-135deg)}
[class*=icono-arrow1][class*=-right][class*=-up]
{transform:rotate(-90deg)}
[class*=icono-arrow1][class*=-right][class*=-down]
{transform:rotate(180deg)}
[class*=icono-arrow1][class*=-up]
{transform:rotate(-45deg)}
[class*=icono-arrow1][class*=-down]
{transform:rotate(135deg)}

.clearfix:before,.clearfix:after
{content:" ";
display:table}

.clearfix:after
{clear:both}

.clearfix
{*zoom:1}

.clearfix
{clear:both}

.clearleft
{clear:left}
body .onlybigdesk
{display:none}

@media(min-width: 63.375em)
{body .onlybigdesk
{display:block}
}
body .onlybigmob
{display:block}

@media(min-width: 63.375em)
{body .onlybigmob
{display:none}
}
body .onlydesk
{display:none}

@media(min-width: 44.5em)
{body .onlydesk
{display:block}
}
body .onlyminidesk
{display:none}

@media(min-width: 34.5em)
{body .onlyminidesk
{display:block}
}
body .onlydeskinline
{display:none}

@media(min-width: 44.5em)
{body .onlydeskinline
{display:inline}
}
body .onlymobline
{display:inline}

@media(min-width: 44.5em)
{body .onlymobline
{display:none}
}

@media(min-width: 44.5em)
{body .onlymob
{display:none}
}

@media(min-width: 34.5em)
{body .onlyminimob
{display:none}
}

.dnone
{display:none}

.content .nolinkstyle,.content .nolinkstyle:visited
{text-decoration:none;
color:var(--text-color)}