/* @font-face { font-family: lato; src: url(/assets/fonts/latoregular.woff2); font-display: swap; }
@font-face { font-family: latoheavy; src: url(/assets/fonts/latoheavy.woff2); font-display: swap; }
@font-face { font-family: latobold; src: url(/assets/fonts/latobold.woff2); font-display: swap; } */

@font-face { font-family: gpro; src: url(/assets/fonts/gpro.woff2); font-display: swap; }
@font-face { font-family: gproblack; src: url(/assets/fonts/gproblack.woff2); font-display: swap; }
@font-face { font-family: gprobold; src: url(/assets/fonts/gprobold.woff2); font-display: swap; }
@font-face { font-family: gpromed; src: url(/assets/fonts/gpromed.woff2); font-display: swap; }

@font-face { font-family: ttsnreg; src: url(/assets/fonts/ttsnreg.woff2); font-display: swap; }
@font-face { font-family: ttsnmed; src: url(/assets/fonts/ttsnmed.woff2); font-display: swap; }
@font-face { font-family: ttsnbold; src: url(/assets/fonts/ttsnbold.woff2); font-display: swap; }

@font-face { font-family: mrreg; src: url(/assets/fonts/mrreg.woff2); font-display: swap; }
@font-face { font-family: mrbold; src: url(/assets/fonts/mrbold.woff2); font-display: swap; }
@font-face { font-family: mrmed; src: url(/assets/fonts/mrmed.woff2); font-display: swap; }
@font-face { font-family: mrxb; src: url(/assets/fonts/mrxb.woff2); font-display: swap; }


body { min-width: 380px; padding: 0; margin: 0; }

* { box-sizing: border-box; }

h1, h2, h3, h4, h5, p { margin-top: 0; }
h1, h2, h3, h4, h5, p, li, tr, span { user-select: none; }


/* TOP BAR BEGIN */

.top-bar { max-width: 100%; background: blue; margin: 0; }
.tb-wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }



.osct { max-width: 100%; display: flex; justify-content: flex-start; align-items: center; margin: 10px; }
.osct-i { width: 28px; height: 28px; flex-shrink: 0; margin: 0 10px 0 0; }
.osct-t { display: block; max-width: 95%; color: #fff; font-size: 18px; line-height: 1.3; font-family: gpromed; letter-spacing: 0; text-align: left; padding: 0; margin: 0; }

.osct-t sup { text-decoration: underline; }

.osct-t a { text-decoration: none; transition: color 0.4s; color: #fff; }
.osct-t a:hover { color: #f1b16a; }

.cont-btn-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; column-gap: 10px; padding: 8px 0; }

.btn-top { display: block; text-align: center; font-family: gpromed; font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0; background: #ff0000; color: #fff; border: none; border-radius: 9px; transition: background 0.4s, color 0.4s; cursor: pointer; text-decoration: none; padding: 5px 6px; }

.btn-top:hover { color: #fff; background: #ca0000; text-decoration: none; }


.btn-top-wa { display: flex; justify-content: center; align-items: center; width: 180px; font-family: gprobold; font-weight: 400; font-size: 18px; letter-spacing: 0; background: #fff; color: #111; border: 1px solid #c0c0c0; border-radius: 3px; transition: background 0.4s, color 0.4s; text-decoration: none; padding: 4px 10px; margin: 10px auto; }

.btn-top-wa object { width: 26px; height: 26px; margin-right: 5px; }

.btn-top-wa:hover { color: #fff; background: #1bbde8; text-decoration: none; }

#logo { text-align: center; display: block; padding: 0; margin: 0; }
/* #logo a:hover { background-color: #fff; } */
#logo a img { max-width: 100%; }

@media all and (max-width: 1220px) {
  .tb-wrapper { justify-content: space-around; }
  #logo { margin: 5px auto 5px 10px; }
  .top-bar { border-bottom: 1px solid #ccc; }
  .cont-btn-top { justify-content: space-around; flex-wrap: wrap; }
}

@media all and (max-width: 555px) {
  #logo { margin: 5px auto; }
}

/* TOP BAR END */



/* TBNR BEGIN */

.tbnr { max-width: 100%; background: url(/images/b-santehnik2.jpg) no-repeat center scroll; background-size: cover; padding: 80px 0; margin: 0; }

.tbnr-sub { width: 1200px; border-radius: 8px; background: rgba(255,255,255,0.85); text-align: center; padding: 20px; margin: 0 auto; }

.tb-title { font-family: gprobold; font-size: 32px; letter-spacing: 0; line-height: 1.3; color: #111; text-align: left; padding: 0 10px; margin-bottom: 10px; }
.hidden { height: 0; overflow: hidden; padding: 0; margin: 0; }

.ft-cont { max-width: 100%; display: flex; height: 170px; align-items: center; justify-content: flex-start; margin: 0; }
.ft-cont.xl { height: 190px; }
.ft-cont.xxl { height: 230px; }

.fboxtb { max-width: 100%; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; padding: 0; margin: 0; }

.osctb { max-width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; margin: 20px 10px; }
.aic { align-items: center; }
.osctb:first-child { margin-top: 10px; }
.osctb:last-child { margin-bottom: 10px; }
.osctb-i { width: 40px; height: 40px; flex-shrink: 0; margin: 0 10px 0 0; }
span.osctb-i { font-size: 36px; line-height: 1; padding: 0; }

.osctb-t { display: block; max-width: 510px; color: #222; font-size: 19px; line-height: 1.3; font-family: gpromed; font-weight: 400; letter-spacing: 0; text-align: left; padding: 0; margin: 0; }

.tbp { color: white; font-size: 18px; line-height: 1.4; font-family: gpromed; font-weight: 400; text-align: left; padding: 0; margin: 10px 8px; }

.tb-title.wh, .osctb-t.wh { color: white; }

.input-cursor { display: inline-block; width: 2px; height: 34px; background-color: white; margin-left: 6px; animation: blink 0.6s linear infinite alternate; }
@keyframes blink {
  0% { opacity: 1; }
  40% { opacity: 1; }
  60% { opacity: 0; }
  100% { opacity: 0; }
}


@media all and (max-width: 1220px) {
  .tbnr-sub { width: auto; }
}

@media all and (max-width: 1020px) {
  .tbnr { background: #f5f5f5; padding: 0; }
  .tbnr-sub { background: rgba(255,255,255,0); width: auto; padding: 20px; }
  .tb-title { font-size: 29px; line-height: 1.2; margin-bottom: 0; }
  .tb-title.m-size { font-size: 26px; }
  .input-cursor {  height: 30px; }
}

/* TBNR END */


/* VIDEO BANNER BEGIN */

.vbg-wrapper { max-width: 100%; position: relative; overflow: hidden; margin: 0; }
.vbg-video { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }


.bb-wrapper { max-width: 1200px; position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 40px 0; margin: 0 auto; }
.blackbox { max-width: 550px; background: rgba(0,0,0,0.6); padding: 10px; margin: 10px; }

@media all and (max-width: 1020px) {
  .bb-wrapper { justify-content: center; padding: 0; }
}

/* VIDEO BANNER END */



/* CF ONE BEGIN */

.fboxcf1 { max-width: 500px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 0; margin: 0; }

.fboxcf1.aic { align-items: center; }

.cf-p0 { color: #111; font-size: 18px; line-height: 1.3; font-family: gprobold; text-align: center; padding: 0 10px; margin: 10px 0 0 0; }

.cf-p1 { width: 215px; color: #606060; font-size: 14px; line-height: 1.2; font-family: gpro; font-weight: 400; text-align: left; margin: 10px 5px; }
.cf-p1-m { width: auto; text-align: center; margin: 5px 5px 15px 5px; }
.cf-p1 a { text-decoration: none; color: #1bbde8; font-weight: 400;  }
.cf-p1 a:hover { text-decoration: underline; }

input[name=nme99],
input[name=tel99],
input[name=email99],
input[name=rn99],
input[name=np99],
textarea[name=text99] { width: 215px; background: #f5f5f5; display: block; font-size: 17px; font-family: gpro; line-height: 1.2; color: #606060; border-radius: 5px; border: 1px solid #999; resize: none; box-shadow: 1px 1px 2px 0.5px rgba(0,0,0,0.18) inset; padding: 10px 15px; margin: 10px 5px; }

textarea[name=text99] { width: 450px; margin-bottom: 5px; }

input[name=rn99]::placeholder,
input[name=np99]::placeholder,
input[name=nme99]::placeholder,
input[name=tel99]::placeholder,
input[name=email99]::placeholder,
textarea[name=text99]::placeholder { color: #999; }

input:focus, textarea:focus, select:focus { /* outline-color: #ccc; */ outline: none; }

input[name=sbsubmit] { background: #ff3a3a; border: 2px solid #ff3a3a; font-size: 17px; color: white; display: block; line-height: 1.2; width: 215px; border-radius: 5px; letter-spacing: 0; font-family: gpromed; text-align: center; text-transform: uppercase; transition: background 0.4s, color 0.4s; padding: 10px 12px; margin: 10px 5px; }
input[name=sbsubmit]:hover { color: #ff3a3a; background: rgba(255,255,255,0); }

input[name=sbsubmit]:disabled { color: #fff; background: #ddd; border-color: #ddd; }

.infobox { display: none; max-width: 360px; text-align: center; border: 2px solid #ccc; border-radius: 5px; background: white; padding: 5px 5px; margin: 10px auto; }
.infobox .msg-success, .infobox .msg-error { font-family: gprobold; font-size: 18px; line-height: 1.3; margin-bottom: 0; }
.infobox .msg-success { color: #44c; }
.infobox .msg-error { color: #c44; }
.infobox .msg-desc { font-family: gpro; font-size: 15px; text-align: left; color: #555; line-height: 1.3; margin-bottom: 0; }

.infobox .p11:first-child { margin-top: 0 }
.infobox .p11:last-child { margin-bottom: 0 }

@media all and (max-width: 1020px) {
  .cf-p1 { width: 280px; margin-left: auto; margin-right: auto; }

  input[name=nme99],
  input[name=tel99],
  input[name=email99],
  input[name=rn99],
  input[name=np99],
  textarea[name=text99],
  input[name=sbsubmit] { width: 300px; margin-left: auto; margin-right: auto; }
}

/* CF ONE END */



/* CF TWO BEGIN */

.fboxcf2 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 0; margin: 0 auto; }

.cf-p1w  { width: auto; text-align: center; color: #fff; font-size: 14px; line-height: 1.2; font-family: gpro; font-weight: 400; margin: 0 5px 10px 5px; }

input[name=nme99b],
input[name=tel99b] { width: 245px; background: #f5f5f5; display: block; font-size: 17px; font-family: gpro; line-height: 1.2; color: #606060; border-radius: 5px; border: 1px solid #999; resize: none; box-shadow: 1px 1px 2px 0.5px rgba(0,0,0,0.18) inset; padding: 10px 15px; margin: 10px 5px; }

input[name=nme99b]::placeholder,
input[name=tel99b]::placeholder { color: #999; }

/* input:focus, textarea:focus { outline: none; } */

input[name=sbsubmit2] { background: #ff3a3a; border: 2px solid #ff3a3a; font-size: 17px; color: white; display: block; line-height: 1.2; width: 98%; border-radius: 5px; letter-spacing: 0; font-family: gpromed; text-align: center; text-transform: uppercase; transition: background 0.4s, color 0.4s; padding: 8px 12px; margin: 10px auto; }
input[name=sbsubmit2]:hover { color: #ff3a3a; background: rgba(255,255,255,0); }

input[name=sbsubmit2]:disabled { color: #fff; background: #ddd; border-color: #ddd; }

@media all and (max-width: 1020px) {
  .cf-p1w { width: 280px; margin-left: auto; margin-right: auto; }

  input[name=nme99b],
  input[name=tel99b],
  input[name=sbsubmit2] { width: 300px; margin-left: auto; margin-right: auto; }
}

/* CF TWO END */



/* CF THREE BEGIN */

input[name=nme99c],
input[name=tel99c],
textarea[name=text99c] { width: 230px; background: #f5f5f5; display: block; font-size: 15px; font-family: gpro; line-height: 1.2; color: #606060; border-radius: 5px; border: 1px solid #999; resize: none; box-shadow: 1px 1px 2px 0.5px rgba(0,0,0,0.18) inset; padding: 3px 8px; margin: 0 auto 10px auto; }

textarea[name=text99c] { height: 62px; }

input[name=nme99c]::placeholder,
input[name=tel99c]::placeholder,
textarea[name=text99c]::placeholder { color: #777; }

input[name=sbsubmit3] { background: #ff3a3a; border: 2px solid #ff3a3a; font-size: 15px; color: white; display: block; line-height: 1.2; width: 230px; border-radius: 5px; letter-spacing: 0; font-family: gpromed; text-align: center; text-transform: uppercase; transition: background 0.4s, color 0.4s; padding: 3px 8px; margin: 10px auto; }
input[name=sbsubmit3]:hover { color: #ff3a3a; background: rgba(255,255,255,0); }

input[name=sbsubmit3]:disabled { color: #fff; background: #ddd; border-color: #ddd; }

.infobox3 { display: none; max-width: 230px; text-align: center; border: 2px solid #ccc; border-radius: 5px; background: white; padding: 3px; margin: 8px auto 0 auto; }
.infobox3 .msg-success, .infobox3 .msg-error { font-family: gprobold; font-size: 16px; line-height: 1.2; margin-bottom: 0; }
.infobox3 .msg-success { color: #44c; }
.infobox3 .msg-error { color: #c44; }
.infobox3 .msg-desc { font-family: gpro; font-size: 14px; text-align: left; color: #555; line-height: 1.2; margin-bottom: 0; }



/* CF THREE END */



/* MODAL CF BEGIN */

div.modal { display: none; opacity: 0; position: fixed; z-index: 1110; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;  background-color: rgba(245,245,245,0.7); transition: all 0.3s; }
.modal .modal-content { background-color: #fff; max-width: 900px; padding: 10px 10px; margin: 5% auto; }
.modal .mc-form { max-width: 650px; }
.modal-content .close0 { color: #aaa; float: right; font-size: 28px; line-height: 0.7; font-weight: 700; cursor: pointer; }
.modal-content .close0:hover { color: black; cursor: pointer; }
p.mdlp { color: #333; text-align: center; font-family: gpro; font-size: 19px; line-height: 1.1; margin: 15px 0; }
.mdlp span { font-size: 24px; font-family: gprobold; text-transform: uppercase; }

.mdlp2 {color: #000; text-align: center; font-family: gprobold; font-size: 18px; line-height: 1.1; text-transform: uppercase; margin: 30px 0 10px 0;  } 

.form-modal { padding: 10px; }

div.cf-name-tel-holder { max-width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0; }
.cf-name-tel-holder div { margin: 10px; }

div.cf-date-holder { display: flex; align-items: center; justify-content: flex-start; margin: 10px; }

span.works-label { font-size: 15px; font-family: gpro; line-height: 1.7; text-align: left; margin-right: 10px; }


/* ANKETA BEGIN */

.anketa-box { max-width: 620px; margin: 0 auto; }

.form-anketa { padding: 0; }

.ablock-holder { margin: 20px 10px; }
.ablock1-holder { display: flex; align-items: center; justify-content: flex-start; margin: 20px 10px; }

.ablock1-holder.mb10 { margin-bottom: 10px; }

.aflex { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.aflex-item { max-width: 280px; margin: 10px; }
.aflex-item .aflex-item-image { max-width: 100%; border-radius: 8px; border: 1px solid #ccc; margin: 0 0 5px 0; }
.aflex-item-p { font-size: 15px; font-family: gpro; line-height: 1.2; text-align: left; margin-bottom: 0; }

.aflex-item-p input[type=radio] { margin-right: 6px; }

.alabel { font-size: 15px; font-family: gpro; line-height: 1.6; text-align: left; margin: 0; }
.alabel-1 { font-size: 15px; font-family: gpro; line-height: 1.6; text-align: left; margin: 0 10px 0 0; }

select.aselect { height: auto; font-size: 14px; font-family: gpro; line-height: 1; padding: 4px; }

.standalone-box { max-width: 620px; padding: 0 20px; margin: 0 0 20px 0; }
.standalone-box .standalone-img { display: block; border-radius: 8px; border: 1px solid #ccc; margin: 0; }


textarea[name=ta_anketa] { width: 100%; max-width: 600px; background: #fff; display: block; font-size: 15px; font-family: gpro; line-height: 1.2; color: #606060; border-radius: 5px; border: 1px solid #999; resize: none; box-shadow: 1px 1px 2px 0.5px rgba(0,0,0,0.18) inset; padding: 8px 10px; margin: 10px auto;  }

textarea[name=ta_anketa]::placeholder  { color: #999; }


@media screen and (max-width: 820px) {
  .ablock1-holder.wraps { flex-wrap: wrap; }
  textarea[name=ta_anketa] { height: 130px; }
}

/* ANKETA END */


/* CALC BEGIN */

.cont-calc-btns { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; }

#calcsubmit, #calcreset { background: #00aeef; border: 2px solid #00aeef; font-size: 17px; color: white; display: block; line-height: 1.2; width: auto; border-radius: 5px; letter-spacing: 0; font-family: gpromed; text-align: center; text-transform: uppercase; transition: background 0.4s, color 0.4s; cursor: pointer; padding: 8px 12px; margin: 10px; }
#calcsubmit:hover, #calcreset:hover { color: #00aeef; background: rgba(255,255,255,0); }

#calcsubmit:disabled, #calcreset:disabled { color: #fff; background: #ddd; border-color: #ddd; }

.calc-result { display: none; color: #000; text-align: center; font-family: gpro; font-size: 19px; line-height: 1.1; margin: 10px 0; }
.calc-result span { font-family: gprobold; font-size: 21px; }
.calc-result-info { display: none; color: #555; text-align: center; font-family: gpro; font-size: 16px; line-height: 1.1; margin: 10px 0; }

/* CALC END */


select[name=vhours1],
select[name=vminutes1],
select[name=works99a] { height: auto; font-size: 14px; font-family: gpro; line-height: 1; padding: 4px; }

select[name=vhours1]:focus,
select[name=vminutes1]:focus,
select[name=works99a]:focus { outline: none; }

input[name=nme99a],
input[name=tel99a],
input[name=city99a],
input[name=punkt99a],
input[name=street99a],
input[name=house99a],
input[name=corp99a],
input[name=flat99a],
textarea[name=text99a] { background: #fff; display: block; font-size: 15px; font-family: gpro; line-height: 1.2; color: #606060; border-radius: 5px; border: 1px solid #999; resize: none; box-shadow: 1px 1px 2px 0.5px rgba(0,0,0,0.18) inset; padding: 8px 10px; }

textarea[name=text99a] { width: 590px; margin: 10px auto; }

input[name=nme99a]::placeholder,
input[name=tel99a]::placeholder,
input[name=punkt99a]::placeholder,
input[name=city99a]::placeholder,
input[name=street99a]::placeholder,
input[name=house99a]::placeholder,
input[name=corp99a]::placeholder,
input[name=flat99a]::placeholder,
textarea[name=text99a]::placeholder  { color: #999; }

input[name=vdate] { flex-shrink: 0; font-size: 15px; padding: 4px; }


input[name=msubmit] { background: #ff3a3a; border: 2px solid #ff3a3a; font-size: 17px; color: white; display: block; line-height: 1.2; width: 300px; border-radius: 5px; letter-spacing: 0; font-family: gpromed; text-align: center; text-transform: uppercase; transition: background 0.4s, color 0.4s; padding: 8px 12px; margin: 10px auto 0 auto; }
input[name=msubmit]:hover { color: #ff3a3a; background: rgba(255,255,255,0); }

input[name=msubmit]:disabled { color: #fff; background: #ddd; border-color: #ddd; }


@media screen and (max-width: 820px) {
  div.cf-date-holder.wraps { flex-wrap: wrap; }
  div.cf-name-tel-holder { flex-wrap: wrap; justify-content: flex-start; }
  textarea[name=text99a] { width: 300px; height: 130px; margin: 0 auto; }
}

@media screen and (max-width: 340px) {
  textarea[name=text99a], input[name=msubmit] { width: 280px; }
}

/* MODAL CF END */

@keyframes submenu-fader { 0% { opacity: 0;  }  100% { opacity: 1; } }

.opencalc { color: #118fff; cursor: pointer; transition: color .3s; }
.opencalc:hover { color: #000; }

/* NAV BAR BEGIN */

/* Lite :hover #ff5e5e;  Dark :hover #ca0000; */

.toggle, [id^=drop] { display: none; }

nav { max-width: 100%; background: #f00; display: flex; justify-content: center; align-items: center; letter-spacing: 0; border-top: 8px solid #f00; border-bottom: 8px solid #f00; padding: 0; margin: 0; }

/* Since we'll have the "ul li" "float:left" we need to add a clear after the container. */
/* nav:after { content:""; display:table; clear:both; } */

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul { list-style: none; position: relative; padding: 0; margin: 0; }

/* Positioning the navigation items inline */
nav ul li { display:inline-block; border-right: 1px solid #fff; margin: 0px; }
nav ul li:last-child { border-right: none; }
nav ul li ul li { border-right: none; }


/* Styling the links */
nav a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-family: gprobold;
  text-decoration: none;
  line-height: 20px;
  transition: color 0.4s, background 0.4s;
  padding: 8px 12px;
}


/* submenu BG */
nav ul li ul li { background: #000; border-bottom: 1px solid rgba(255,255,255,0.7); }
ul li ul li a { color: #fff; font-size: 16px; }

nav ul li ul li:hover { background: #ca0000; }

/* Background color change on Hover */
nav a:hover {
  color: white;
  background: #ca0000;
  text-decoration: none;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute;
	/* has to be the same number as the "line-height" of "nav a" */
	top: 36px;
	z-index: 1105;
	animation: submenu-fader 0.5s 1;
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
	width: 220px; /* 170px; */
	/* float:none; */
	display:list-item;
	position: relative;
}

/* nav ul ul li a { font-family: gpro; } */

/* Second, Third and more Tiers
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */
	left:170px;
}


/* Change ' +' in order to change the Dropdown symbol  (▾ Black Down-pointing Small Triangle  ▾ ▾) */
li > a:after { content:  ' ▾'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width: 768px) {

  nav { display: block; border-top: none; border-bottom: none; margin: 0; }
  nav ul li ul li:first-child { border-top: 1px solid rgba(255,255,255,0.2); }

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu { display: none; }

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background: #f00;
		color: #fff;
		font-size: 18px;
		font-family: gprobold;
		font-weight: 400;
		line-height: 20px;
		text-decoration: none;
		border: none;
		padding: 10px 12px;
	}

  .toggle-menu {
    text-align: center;
    font-family: gproblack;
	font-size: 20px;
	border-bottom: 1px solid #fdfdfd;
    padding: 10px 0;
  }

  .toggle:hover { background: #ca0000; }

  .toggle-menu:hover { background: #ca0000; }

  /* Display Dropdown when clicked on Parent Lable */
  [id^=drop]:checked + ul { display: block; }


	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #fdfdfd;
	}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
	nav ul ul ul a {
		background: #000;
		color: #fff;
	}

	nav ul li ul li .toggle,
	nav ul ul a,
	nav ul ul ul a{
		padding: 10px 20px;
		color: #000;
		font-size: 17px;
	}


	/* nav ul li ul li .toggle, nav ul ul a { background-color: #f00; } */
	nav ul li ul li .toggle { background-color: #f00; }


	/* Hide Dropdowns by Default */
	nav ul ul {
		/* float: none; */
		position:static;
		color: #000;
		/* has to be the same number as the "line-height" of "nav a" */
	}

	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}

	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */

	}

}

@media all and (max-width: 330px) {
	nav ul li { display:block; width: 94%; }
}

/* NAV BAR END */



/* LISTS BEGIN */

.h5ct { color: #292f34; font-size: 18px; line-height: 1.3; font-family: gpro; font-weight: 400; letter-spacing: 0; text-transform: uppercase; margin: 10px 0 15px 0; }

.h5ctw { color: #fff; font-size: 20px; line-height: 1.3; font-family: gprobold; font-weight: 400; letter-spacing: 0; margin: 0 0 15px 0; }

.ula { /* list-style-position: inside; list-style-type: circle; padding: 5px 8px; */ list-style-type: none; padding: 0; margin: 0; }
.ula li { margin: 12px 0; }
.ula li:last-child { margin-bottom: 0; }
.ali { color: #095ec6; font-size: 17px; line-height: 1.35; font-family: gpro; font-weight: 400; text-align: left; text-decoration: underline; transition: color 0.2s; }
.orange { color: orange; }
.red { color: red; }
.aliw { color: #fff; font-size: 19px; line-height: 1.35; font-family: gpro; font-weight: 400; text-align: left; text-decoration: none; transition: color 0.4s; }
.ali:hover { color: #292f34; }
.aliw:hover { color: #f1b16a; text-decoration: none; }

.mb40 { margin-bottom: 40px; }

/* LISTS END */


/* FOOTER BEGIN */

footer { background-color: #000; padding: 15px 0 10px 0; margin: 0; }

.fboxf { max-width: 1200px; display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap; margin: 0 auto; }

.fw { width: 300px; padding: 10px; margin: 0; }


.f-logo { text-align: center; display: block; text-decoration: none; padding: 0; margin: 0 auto 20px auto; }
.f-logo img { max-width: 100%; }


.oscf { max-width: 100%; display: flex; justify-content: flex-start; align-items: center; margin: 18px 0; }
.aifs { align-items: flex-start; }

.oscf.mt0 { margin-top: 0; }
.oscf.mb0 { margin-bottom: 0; }

.oscf-i { width: 26px; height: 26px; flex-shrink: 0; margin: 0 8px 0 0; }
.oscf-card { width: 32px; height: 32px; flex-shrink: 0; margin: 0 8px 0 0; }
.oscf-card.bg-white { background: white; border-radius: 6px; }
.oscf-t { display: block; max-width: 95%; color: #fff; font-size: 19px; line-height: 26px; font-family: gpro; font-weight: 400; letter-spacing: 0; text-align: left; padding: 0; margin: 0; }

.oscf-t.fs17 { font-size: 17px; }

.oscf-t a { text-decoration: none; transition: color 0.4s; color: #fff; }
.oscf-t a:hover { color: #f1b16a; }

.oscf-m { font-size: 15px; text-align: center; color: #fff;}


/*
@media all and (max-width: 1020px) {
  footer { padding: 0 0 10px 0; }
}
*/

/* FOOTER END */


/* MR SAN BEGIN */

.ccont5 { background: url(/images/circle3.webp) no-repeat center right scroll, linear-gradient(to bottom, #16284f, #052e6d); background-size: contain; padding: 40px 0; margin: 0; }

.ccont52 { background: url(/images/circle3.webp) no-repeat 20% 60% scroll, linear-gradient(to bottom, #052e6d, #16284f); background-size: contain; padding: 40px 0; margin: 0; }

.ccont53 { background: url(/images/circle4.webp) no-repeat 20% 60% scroll, linear-gradient(to bottom, #000, #555); background-size: contain; padding: 40px 0; margin: 0; }

.ccont54 { background: url(/images/circle4.webp) no-repeat 80% 60% scroll, linear-gradient(to top, #000, #222); background-size: contain; padding: 40px 0; margin: 0; }

.cont6 { max-width: 100%; background: url(/images/radiator-bg.webp) no-repeat center fixed; background-size: cover; padding: 0; margin: 0; }
.rr-bg { background: url(/images/rr.webp) no-repeat center fixed; background-size: cover; }
.cont6ol { max-width: 100%; background: rgba(0,0,0,0.55); padding: 100px 40px; margin: 0; }

.pttl3 {  text-align: left; color: #fff; font-size: 32px; line-height: 1.3; font-family: gprobold; letter-spacing: 0; padding: 0 10px; margin: 0; }
.pttl3.align-right { max-width: 550px; text-align: right; margin-left: auto; }
.pttl3.align-center { text-align: center; }
.pttl3.litered { color: #ff4d4d; }
.pttl3.liteyel { color: #faf700; }

.psubttl3 {  text-align: left; text-indent: 15px; color: #fff; font-size: 18px; line-height: 1.4; font-family: gpromed; letter-spacing: 0; padding: 0 10px; margin: 15px 0 0 0; }

.psubttl31 {  text-align: left; text-indent: 0; color: #fff; font-size: 17px; line-height: 1.35; font-family: gpro; letter-spacing: 0; padding: 0; margin: 0; }

.psubttl4 {  text-align: center; color: #fff; font-size: 18px; line-height: 1.5; font-family: gpromed; letter-spacing: 0; padding: 0 10px; margin: 20px 0; }
.psubttl4c {  text-align: center; color: #fff; font-size: 18px; line-height: 1.5; font-family: gpromed; letter-spacing: 0; padding: 0 10px; margin: 10px 0; }

.fbox5 { max-width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; padding: 0; margin: 0; }
.fbox52 { max-width: 1200px; display: flex; justify-content: space-around; align-items: center; flex-wrap: nowrap; padding: 0; margin: 0 auto; }

.fbox53 { max-width: 1200px; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: nowrap; padding: 0; margin: 0 auto; }

.card-mr1 { max-width: 360px; background: #465b8c; border: 1px dashed #7890c4; outline: 14px solid #465b8c; border-radius: 10px; position: relative; padding: 25px 10px; margin: 20px; }

.card-mr2 { max-width: 500px; padding: 10px; margin: 10px 20px; }
.card-mr22 { max-width: 380px; padding: 10px; margin: 10px; }

.card-mr3 { max-width: 280px; margin: 10px; }

.card-half { max-width: 580px; padding: 10px; margin: 10px; }

.card-half .ch-img1 { display: block; max-width: 100%; margin: 15px auto 10px auto; }
.card-half .ch-img2 { display: block; max-width: 80%; margin: 30px auto 0 auto; }



.card-half .cq-img1 { display: block; max-width: 100%; margin: 0; }

.asfs { align-self: flex-start; }

.card-mr-i { max-width: 620px; position: relative; }
.card-mr-i img { max-width: 100%; margin: 0; }


.card-q { width: 280px; margin: 10px; }

.card-q .cq-img { display: block; max-width: 100%; margin: 10px 0; }

.cqp1 {  text-align: left; color: #fff; font-size: 18px; line-height: 1.3; font-family: gpromed; padding: 0; margin: 10px 0; }

.cqp2 {  text-align: left; color: #fff; font-size: 16px; line-height: 1.3; font-family: gpro; padding: 0; margin: 10px 0; }


.card-mr-i.mob { display: none; }
.card-mr-i.desktop { display: block; }

.osc2 { max-width: 100%; display: flex; justify-content: flex-start; align-items: center; margin: 25px 0; }
.osci2 { width: 55px; height: 55px; flex-shrink: 0; margin: 0 15px 0 0; }
.osctx2 { display: block; max-width: 95%; color: #fcf9f9; font-size: 19px; line-height: 1.5; font-family: gpromed; font-weight: 400; text-align: left; letter-spacing: 0; padding: 0; margin: 0; }

.osc2a { max-width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; margin: 15px 0; }
.osc2a.aic { align-items: center; }
.osc2a:first-child { margin-top: 0; }
.osc2a:last-child { margin-bottom: 0; }
.osci2a { width: 55px; height: 55px; flex-shrink: 0; margin: 0 10px 0 0; }
.osctx2a { display: block; max-width: 95%; color: #fcf9f9; font-size: 18px; line-height: 1.4; font-family: gpromed; text-align: left; letter-spacing: 0; padding: 0; margin: 0; }
.osctx2b { display: block; max-width: 95%; color: #fff; font-size: 20px; line-height: 1.4; font-family: gpromed; text-align: left; letter-spacing: 0; padding: 0; margin: 0; }
.osctx2a a, .osctx2a a:hover { text-decoration: none; color: #ef8432; }

.brevno { width: calc(100% - 20px); height: 2px; background: #7890c4; margin: 30px auto; }

.hoover { width: 160px; height: 160px; position: absolute; left: 10px; top: 10px; background: #ef8432; border: 2px dashed #fff; outline: 8px solid #ef8432; border-radius: 50%; padding: 10px; margin: 15px; }
.hoover object { display: block; width: 55px; height: 55px; margin: 10px auto; }
.hoover span { display: block; text-align: center; font-family: gpromed; font-size: 17px; font-weight: 400; color: #fff; margin: 0; }



.cmr-p { color: #fcf9f9; font-size: 21px; line-height: 1.6; font-family: gpromed; font-weight: 400; text-align: left; letter-spacing: 0; padding: 0 0 0 10px; margin: 25px 0 ; }
.cmr-p a, .cmr-p a:hover { text-decoration: none; color: #fcf9f9; }

.cmr-pi1 { color: #fcf9f9; font-size: 17px; line-height: 1.4; font-family: gpromed; font-weight: 400; font-style: italic; text-align: left; letter-spacing: 0; padding: 0 0 0 20px; margin: 25px 0; }
.cmr-pi2 { color: #fcf9f9; font-size: 17px; line-height: 1.4; font-family: gpromed; font-weight: 400; font-style: italic; text-align: left; letter-spacing: 0; padding: 0 0 0 30px; margin: 25px 0; }

.a-wa { display: block; position: absolute; left: 230px; top: 60px; }
.a-wa img { width: 60px; height: 60px; margin: 0; }


.img-phone { max-width: 100%; margin: 0 0 30px 0; }
.img-obj { max-width: 100%; margin: 0; transform: rotate(0deg); }

.green-wa { color: #fff; font-size: 21px; line-height: 1; font-family: gpromed; font-weight: 400; text-align: center; letter-spacing: 0; background: #00c20e; box-shadow: rgba(0, 194, 14, 0.6) 10px 10px 10px 0px; transition: background 0.3s; border-radius: 10px; text-decoration: none; position: relative; overflow: hidden; padding: 20px 20px; margin: 0 15px; }
.green-wa:hover { background: #1aa326; text-decoration: none; }
.green-wa.desktop { display: block; }
.green-wa.mobile { display: none; }

.green-wa:after { content: ""; width: 250px; height: 200px; display: block; position: absolute; background: #fff; border-radius: 100%; transform: scale(0); top: -20px; left: -140px; animation-timing-function: linear; animation-name: ripple; animation-duration: 3s; animation-iteration-count: infinite; }

@keyframes ripple { 20% { opacity: 0; transform: scale(2.5); } 100% { opacity: 0; transform: scale(2.5); } }


.tooltip1 { position: relative; background: #ef8636; color: #fffcfc; font-size: 20px; line-height: 1.4; font-family: gpro; font-weight: 400; text-align: left; letter-spacing: 0px; border-radius: 15px; padding: 20px; margin: 0 15px 50px 15px; }

.tooltip1:after { content: ""; display: block; position: absolute; width: 60px; height: 40px; background: #ef8636; left: 40px; top: auto; bottom: 0; clip-path: polygon(0% 0%,100% 0%,50% 100%); transform-origin: 50% 50%; z-index: 0; margin-bottom: -39px; }



.aaw { width: 280px; display: block; position: relative; color: #fff; font-size: 20px; line-height: 1.4; font-family: gpromed; text-align: left; letter-spacing: 0; text-decoration: none;  perspective: 400px; padding: 0 5px 0 32px; margin: 15px auto 0 auto; }

.aaw:hover, .aaw:active, .aaw:visited { text-decoration: none; color: #fff; }

.aaw object { width: 32px; height: 32px; position: absolute; margin-top: -16px; left: -8px; top: 50%; transform-origin: 50% 50%; transform-style: preserve-3d; animation-name: rotate1; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }

@keyframes rotate1 { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }

/*
a.ec-btn, a.ec-btn:active, a.ec-btn:visited { text-transform: uppercase; display: block; width: 280px; font-size: 17px !important; color: #095ec6; font-family: gpro !important; letter-spacing: 0.3px !important; line-height: 1.4; text-shadow: none !important; box-shadow: none !important; text-align: left; position: relative; perspective: 400px; text-decoration: underline; padding: 0 5px 0 40px; margin: 25px auto 0 auto; }

.ec-btn .iec { width: 40px; height: 40px; margin-top: -20px; position: absolute; left: -15px; top: 50%; transform-origin: 50% 50%; transform-style: preserve-3d; transition: transform 0.3s; transition-timing-function: ease-out; }

a.ec-btn:hover { color: #888; }
a.ec-btn:hover .iec { transform: rotateY(180deg) scale(1.1); }
*/




@media all and (max-width: 1500px) {
  .fbox5, .fbox52, .fbox53 { flex-wrap: wrap; justify-content: space-around; }
}

@media all and (max-width: 1020px) {

  .ccont5, .ccont52, .ccont53 { padding: 30px 0; }
  .ccont54 { padding: 15px 0; }
  .cont6ol { padding: 30px 10px; }

  .pttl3 { font-size: 26px; padding: 0 10px 10px 10px; margin: 0; }

  .psubttl3 { font-size: 17px; margin-top: 10px; }
  .psubttl4 { font-size: 17px; text-indent: 15px; text-align: left; margin: 10px 0; }
  .psubttl4c { font-size: 17px; margin: 10px 0; }

  .card-mr1 { padding: 15px 10px; }
  .card-mr2, .card-mr22 { max-width: 360px; margin: 10px; }
  /* .card-half { padding: 0; } */
  .card-mr-i { max-width: 360px; }

  .card-mr-i.mob { display: block; margin-top: 25px; }
  .card-mr-i.desktop { display: none; }

  .card-half .ch-img1 { margin-top: 5px; }
  .card-half .ch-img2 { margin-top: 20px; }

  .osc2 { align-items: flex-start; }
  .osci2, .osci2a { width: 45px; height: 45px; margin: 0 10px 0 0; }
  .osctx2 { font-size: 18px;  }

  .hoover { left: 0; top: 0; transform: translate(-20px, -10px) scale(0.7); }

  .img-phone { margin: 0; }

  .green-wa { font-size: 20px; padding: 20px 15px; margin: 0 auto 25px auto; }
  .green-wa.desktop { display: none; }
  .green-wa.mobile { display: block; }

  .tooltip1 { font-size: 18px; line-height: 1.3; }

}

/* MR SAN END */





/* BADGES BEGIN */


.fbox4 { max-width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0; }

.badge { width: 400px; height: 450px; position: relative; background: #ecf3f5; text-align: center; border: 1px solid #fff; border-bottom: 6px solid #f00; overflow: hidden;  padding: 0; margin: 0;  transition: background 0.3s, border-bottom-color 0.3s; }

.badge-ic { clip-path: polygon(0% 0%,100% 0%,100% 80%,50% 100%,0% 80%); margin: 0; transition: margin 0.3s; }

.badge-ic .ic-img { max-width: 100%; margin: 0 auto; opacity: 1; transition: opacity 0.3s; }

.b-ttl { color: #111; font-family: gprobold; font-size: 23px; line-height: 1.25; letter-spacing: 0; padding: 0 8px; margin: 12px 0; transition: color 0.3s; }

.b-p11 { color: #000; font-size: 16px; line-height: 1.5; font-family: gpro; text-align: center; padding: 0 8px; margin: 0; transition: color 0.3s; }


.b-price { position: absolute; left: 0; top: 25px; clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); background: #f00; color: #fff; font-family: gprobold; font-size: 24px; line-height: 1; letter-spacing: 0; padding: 8px 16px 8px 10px; margin: 0; transition: color 0.3s, background 0.3s; }


.a-badge-btn { display: block; width: 140px; text-decoration: none; font-family: gprobold; font-size: 17px; line-height: 34px; letter-spacing: 0; background: rgba(255,255,255,0); color: #fff; border: 2px solid #fff; border-radius: 5px; opacity: 0; margin: 15px auto 0 auto; transition: background 0.3s, color 0.3s, opacity 0.3s; }
.a-badge-btn:hover { color: #000; background: rgba(255,255,255,1); text-decoration: none; }


.btn-bg-yel { position: absolute; top: auto; bottom: 0; width: 100%; display: flex; justify-content: center; align-items: center; font-family: gproblack; font-size: 20px; letter-spacing: 0; background: #f00; color: #fff; text-transform: uppercase; opacity: 0; transition: opacity 0.3s, background 0.3s; text-decoration: none; border: none; cursor: pointer; padding: 12px 10px; margin: 0; }

.btn-bg-yel object { width: 28px; height: 28px; margin-right: 8px; }

.btn-bg-yel:hover { background: #ff5e5e; }


.badge:hover .badge-ic { margin-top: -130px; }
.badge:hover { background: #000; border-bottom-color: #ff5e5e; }
.badge:hover .b-ttl, .badge:hover .b-p11 { color: #fff; }
.badge:hover .badge-ic .ic-img { opacity: 0; }
.badge:hover .a-badge-btn, .badge:hover .btn-bg-yel { opacity: 1; }


.pttl-blue {  text-align: left; color: #005dab; font-size: 34px; line-height: 1.3; font-family: gproblack; text-transform: uppercase; letter-spacing: 0; padding: 0; margin: 0; }
.pttl-sub { text-align: left; color: #111; font-size: 24px; line-height: 1.3; font-family: gprobold; letter-spacing: 0; padding: 0; margin: 0 0 20px 0; }


@media all and (max-width: 1020px) {
  .badge { width: 320px; }
  .b-ttl { font-size: 22px; margin: 30px 0 10px 0; }
  .b-p11 { line-height: 1.4; }

  /*.sb { justify-content: center; } */
  .pttl-blue { font-size: 26px; }
  .pttl-sub { font-size: 22px; }
}




.fboxbm { max-width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: nowrap; padding: 0; margin: 0; }
.badge-mini { width: 100%; height: 250px; }
.b-o { width: 80px; height: 80px; display: block; margin: 60px auto 0 auto; transition: margin 0.3s; }
.badge:hover .b-o { margin-top: 30px; }

[class^="flaticon-"] { display: block; color: #005dab; font-size: 70px; padding: 0; margin: 50px auto 0 auto; transition: margin 0.3s, color 0.3s;  }
.badge:hover [class^="flaticon-"] { color: #fff; margin-top: 10px; }

@media all and (max-width: 1020px) {
  .fboxbm { flex-wrap: wrap; }
  .badge-mini .b-ttl { margin: 20px 0 10px 0; }
}



.bgcont { max-width: 100%; background: url(/images/badges-bg.jpg) no-repeat center scroll; background-size: cover; padding: 0; margin: 0; }

.bgcont-overlay { max-width: 100%; background: rgba(0,93,171,0.7); padding: 30px 0; margin: 0; }

.fboxbg { max-width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0; }

.pttl-white {  text-align: left; color: #fff; font-size: 34px; line-height: 1.7; font-family: gproblack; text-transform: uppercase; letter-spacing: 0; padding: 0; margin: 0; }

.pttl-subw { text-align: left; color: #fff; font-size: 22px; line-height: 1.4; font-family: gprobold; letter-spacing: 0; padding: 0; margin: 0; }

@media all and (max-width: 1020px) {
  .bgcont { background: #005dab; }
  .bgcont-overlay { background: rgba(0,93,171,1); padding: 0; }
  .pttl-white { font-size: 26px; line-height: 1.4; }
  .pttl-subw { font-size: 18px; }
}

/* BADGES END */



/* OBORUD START */

.card2 { width: 280px;  text-align: center; box-shadow: 1px 1px 15px 3px #eee; transition: box-shadow 0.4s; margin: 15px 10px; }
.card2:hover { box-shadow: 1px 1px 15px 3px #ddd; }
.card2 .img-c2i { max-width: 100%; margin: 0 auto; }
.card2-desc { width: 100%; height: 100px; font-family: gpromed; font-size: 17px; color: #131313; line-height: 1.2; background: #f6f6f5; text-align: center; padding: 10px; margin: 0; }

/* OBORUD END */




/* ARCWIDGET BEGIN */


#arcw-btn { position: fixed; right: 5%; bottom: 5%; cursor: pointer; width: 120px; height: 120px; background: url(/assets/svg/mbox.svg) no-repeat center scroll; }

/*
#arcw-btn { position: fixed; right: 10%; bottom: 10%; cursor: pointer; }
#arcw-btn object { width: 50px; height: 50px; }
*/


#arcw { display: none; width: 270px; background: #000; border-radius: 10px; border: 6px solid #f00; position: fixed; right: 5%; bottom: 5%; padding: 10px; animation: animate-fade-in-bottom 1s 1; }

@keyframes animate-fade-in-bottom { 0% { transform: translate(0px,30px); opacity: 0;  }  100% { transform: translate(0px,0px); opacity: 1; } }


.arcw-cnt { max-width: 100%; position: relative; overflow: visible; }

#close1 { width: 24px; height: 24px; font-family: gpromed; text-align: center; position: absolute; color: #f00; background: #fff; border-radius: 50%; border: 1px solid #444; font-size: 20px; line-height: 0.8; padding: 3px;  top: -27px; right: -20px; cursor: pointer; }

#sendmsg { display: block; overflow: hidden;  transition: height 0.3s; height: 0px; }

#mtrigger {  transition: color 0.4s; cursor: pointer; }
#mtrigger:hover, #mtrigger:hover span { color: #f1b16a; }

@media all and (max-width: 1600px) {
	#arcw-btn { width: 90px; height: 90px; }
	#arcw-btn, #arcw { right: 7%; bottom: 7%; }
}

@media all and (max-width: 1020px) {
	#arcw-btn { width: 60px; height: 60px; }
	#arcw-btn, #arcw { right: 15px; bottom: 20px; }
}

/* ARCWIDGET END */




.mbw { max-width: 1200px; margin: 0 auto; padding: 30px 0; }
.mbw2 { max-width: 1200px; margin: 0 auto; padding: 15px 0; }
.oh { overflow: hidden; }
.nopad { padding: 0; }
.pt0 { padding-top: 0; }
.ptb0 { padding-top: 0; padding-bottom: 0; }

.fbox1 { max-width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 70px 0; margin: 0; }

.fbox1-lb, .fbox1-rb { display: block; text-align: left; padding: 10px; margin: 0; }
.fbox1-lb { max-width: 400px; }
.fbox1-rb { max-width: 800px; }

.big-title1 { color: #1bbde8; font-size: 44px; line-height: 1.25; font-family: gproblack; letter-spacing: 0px; text-transform: uppercase; margin-bottom: 15px; }
.big-subtitle1 { color: #1bbde8; font-size: 36px; line-height: 1.2; font-family: gpromed; font-weight: 400; letter-spacing: 0; margin-bottom: 0; }

h5 { color: #292f34; font-size: 18px; line-height: 1.3; font-family: gproblack; font-weight: 400; letter-spacing: 0; margin-top: 10px; margin-bottom: 20px; }

.p1 { color: #606060; font-size: 17px; line-height: 1.6; font-family: gpro; font-weight: 400; text-align: left; margin-bottom: 15px; }

.cont-abb { text-align: left; margin-top: 50px; margin-bottom: 0; }
.a-big-btn { text-transform: uppercase; text-decoration: none; font-family: gproblack; font-weight: 400; font-size: 22px; line-height: 1; letter-spacing: 0; background: #fff; color: #1bbde8; border: 3px solid #1bbde8; border-radius: 10px; transition: background 0.4s, color 0.4s; padding: 20px 40px; margin: 0; }
.a-big-btn:hover { color: #fff; background: #1bbde8; text-decoration: none; }


.ccont1 { background-color: #f5f5f5; padding: 70px 0; margin: 0; }

.h2b1 { text-align: center; color: #292f34; font-size: 48px; line-height: 1.25; font-family: gprobold; font-weight: 400; letter-spacing: 0; margin-bottom: 20px; }
.pcb { text-align: center; color: #606060; font-size: 24px; line-height: 1.25; font-family: gpro; font-weight: 400; letter-spacing: 0; margin-bottom: 30px; }



.fbox2 { max-width: 100%; display: flex; justify-content: space-around; align-items:stretch; flex-wrap: wrap; margin: 0; }

.icard1 { background: #fff; width: 360px;  text-align: center; margin: 15px 10px; }

.isub1 { width: 360px; height: 240px; overflow: hidden; background-image: url(/images/services-1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center; filter: brightness(100%); background-size: 100%; transition: background-size 8s ease-out, filter 0.4s; }
.isub1:hover { background-size: 130%; filter: brightness(80%); }

.ictc { text-align: left; padding: 30px 40px; margin: 0; }

.h4ic { color: #292f34; font-family: gpromed; font-size: 24px; font-weight: 400;  line-height: 1.25; letter-spacing: 0; margin-bottom: 15px; }

.h4ic a { text-decoration: none; color: #292f34; transition: color 0.4s; }
.h4ic a:hover { color: #1bbde8; }


.cont-adb { text-align: left; margin-top: 30px; margin-bottom: 15px; }
.a-dark-btn { text-transform: uppercase; text-decoration: none; font-family: gprobold; font-weight: 400; font-size: 14px; line-height: 1; letter-spacing: 0; background: #3c414c; color: #fff; border: 3px solid #3c414c; border-radius: 5px; transition: background 0.4s, color 0.4s; padding: 12px 24px; margin: 0; }
.a-dark-btn:hover { color: #3c414c; background: #fff; text-decoration: none; }



.pxcont1 { max-width: 100%; background: url(/images/parallax1.jpg) no-repeat center fixed; background-size: cover; padding: 90px 0; margin: 0; }

.fbox3 { max-width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; margin: 0; }

.fbox3-b { max-width: 600px; display: block; text-align: left; padding: 10px; margin: 0; }

.ppx1 { color: #292f34; font-size: 20px; line-height: 1.3; font-family: gpromed; font-weight: 400; text-align: left; letter-spacing: 0; margin-bottom: 35px; }

.ppx2 { color: #151515; font-size: 30px; line-height: 1.3; font-family: gpro; font-weight: 400; text-align: left; letter-spacing: 0; margin-bottom: 15px; }


.cont-abb2 { text-align: left; margin-top: 80px; margin-bottom: 20px; }
.a-big-btn2 { text-transform: uppercase; text-decoration: none; font-family: gprobold; font-weight: 400; font-size: 22px; line-height: 1; letter-spacing: 0; background: #1bbde8; color: #fff; border: 3px solid #1bbde8; border-radius: 10px; transition: background 0.4s, color 0.4s; padding: 20px 40px; margin: 0; }
.a-big-btn2:hover { color: #1bbde8; background: rgba(255,255,255,0); text-decoration: none; }


.card1 { width: 360px;  text-align: left; margin: 15px 10px; }

.osvg1 { width: 80px; height: 80px; display: block; margin-bottom: 15px; }


.h1w {  text-align: center; color: #fff; font-size: 48px; line-height: 1.3; font-family: gpromed; font-weight: 400; letter-spacing: 0; padding: 0 10px; margin-bottom: 0; }




.container-double { max-width: 1200px; padding: 30px 0; margin: 0 auto; }

.wpcn { float: left; max-width: 820px; padding: 15px 10px; margin: 0 auto; }

.sbw-container { float: right; width: 360px; padding: 0; margin: 0 auto; }

.sbw { max-width: 100%; background: #f5f5f5; overflow: hidden; padding: 10px 15px; margin-bottom: 10px; }

.cleaner-cb { clear: both; }



.mbw img { display: block; max-width: 100%; margin: 20px auto; }

.h1b { text-align: center; color: #000; font-size: 34px; line-height: 1.3; font-family: gprobold; font-weight: 400; letter-spacing: 0; padding: 0; margin: 0 0 20px 0; }
.h2b { text-align: center; color: #000; font-size: 30px; line-height: 1.3; font-family: gprobold; font-weight: 400; letter-spacing: 0; padding: 0; margin: 35px 0 15px 0; }
.h22b { text-align: center; color: #fff; font-size: 30px; line-height: 1.3; font-family: gprobold; font-weight: 400; letter-spacing: 0; padding: 0; margin: 35px 0 15px 0; }
.h3b { text-align: center; color: #000; font-size: 26px; line-height: 1.3; font-family: gprobold; font-weight: 400; letter-spacing: 0; padding: 0; margin: 30px 0 15px 0; }
.h4b { text-align: center; color: #000; font-size: 22px; line-height: 1.3; font-family: gprobold; font-weight: 400; letter-spacing: 0; padding: 0; margin: 30px 0 15px 0; }
.h5b { text-align: center; color: #000; font-size: 19px; line-height: 1.3; font-family: gprobold; font-weight: 400; letter-spacing: 0; padding: 0; margin: 25px 0 10px 0; }

.tuc { text-align: left; text-transform: uppercase; text-indent: 10px; color: #111; font-size: 22px; line-height: 1.3; font-family: gpromed; font-weight: 400; letter-spacing: 0; padding: 0; margin: 30px 0 15px 0; }

.sbuc { text-transform: uppercase; font-family: gprobold; }

.h2b.mt0, .h3b.mt0 { margin-top: 0; }

.p11 { color: #000; text-indent: 16px; font-size: 17px; line-height: 1.4; font-family: gpro; font-weight: 400; text-align: left; margin-bottom: 16px; }
.p11.mb0 { margin-bottom: 0; }
.noi { text-indent: 0; }
.mt10 { margin-top: 10px; }
.mt25 { margin-top: 25px; }

.p21 { color: #000; font-size: 17px; line-height: 1.4; font-family: gpro; font-weight: 400; text-align: left; margin-bottom: 0; }
.mb15 { margin-bottom: 15px; }

span.sale { font-family: gpromed; color: red; }

.p11.biggy { font-size: 19px; font-family: gpromed; }

.p11 a, .osctx a { color: #118fff ; text-decoration: none; }
.p11 a:hover, .osctx a:hover { color: #292f34; }

.fboxti { max-width: 100%; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; margin: 0 0 10px 0; }

.fboxti.aic { align-items: center; }

.fboxti.mt20 { margin-top: 20px; }
.fboxti.mb0 { margin-bottom: 0; }

.jcfs { justify-content: flex-start; }

.sb { justify-content: space-between; align-items: center; margin-bottom: 20px; }

.cti { max-width: 400px; margin: 10px; }
.cti-tx { max-width: 760px; }

.cti.mw300 { max-width: 300px; }
.cti.w220 { width: 220px; }
.cti.mw860 { max-width: 860px; }

.cti-half { max-width: 580px; }
.cti img { max-width: 100%; margin: 0; }

@media all and (max-width: 768px) {
  .cti-half { width: 300px; }
}

span.linebreak { display: none; }

@media all and (max-width: 400px) {
  span.linebreak { display: inline; }
}


.cti .p11 { margin-bottom: 10px; }
.cti .p11:last-child { margin-bottom: 0; }

.cquad { width: 280px; margin: 10px; }


ul.ultx, ul.ultx-quad,  ul.ultx-quadd { list-style-position: outside; padding: 0; margin: 0 0 15px 20px; }
ul.ultx { list-style-type: disc; }
ul.ultx-quad,  ul.ultx-quadd { list-style-type: square; }
ol.oltx { padding: 0; margin: 0 0 15px 20px; }
.ultx li, .ultx-quad li, .oltx li  { color: #606060; font-size: 17px; line-height: 1.35; font-family: gpro; font-weight: 400; margin: 10px 0; }

.ultx-quadd li  { color: #9800e6; font-size: 17px; line-height: 1.35; font-family: gpro; font-weight: 400; margin: 10px 0; }

ul.ultx li:first-child, ul.ultx-quad li:first-child, ol.oltx li:first-child { margin-top: 0; }
ul.ultx li:last-child, ul.ultx-quad li:last-child, ol.oltx li:last-child { margin-bottom: 0; }

.cti ul, .cti ol { margin: 0 0 0 10px; }



table.table-lite { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #f5f5f5; background-color: #fff; margin-bottom: 15px; }
.table-lite tr th, .table-lite tr td { border: 1px solid #f5f5f5; font-family: gpro; font-size: 17px; font-weight: 400; line-height: 1.3; color: #606060; padding: 8px 10px; }
.table-lite tr th { font-family: gprobold; background: #3c414c; color: #fff; text-align: center; letter-spacing: 0; }
.table-lite tr th:first-child { text-align: left; }
.table-lite tr td:last-child, .table-lite tr td:nth-child(even) { text-align: center; }
.table-lite tr:nth-child(even) { background: #f5f5f5; }


table.table-lite2 { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #f5f5f5; background-color: #fff; margin-bottom: 15px; }
.table-lite2 tr th, .table-lite2 tr td { border: 1px solid #f5f5f5; font-family: gpro; font-size: 17px; font-weight: 400; line-height: 1.3; color: #606060; text-align: center; padding: 8px 10px; }
.table-lite2 tr th { font-family: gpromed; background: #3c414c; color: #fff; }
.table-lite2 tr:nth-child(even) { background: #f5f5f5; }



@media all and (max-width: 1020px) {
  .h1b { font-size: 30px; margin-bottom: 15px; }
  .h2b { font-size: 26px; margin: 30px 0 15px 0; }
  .h22b { font-size: 26px; margin: 30px 0 15px 0; }
  .h3b { font-size: 24px; margin: 30px 0 10px 0; }
  /*
  .h4b { font-size: 22px; margin: 25px 0 10px 0; }
  */

  .table-lite2 tr th, .table-lite2 tr td { font-size: 16px; line-height: 1.2; padding: 6px 8px; }
}










.ccont4 { max-width: 100%; background: #ecf3f5; padding: 0; margin: 0; }

.pttl-sub2 { text-align: left; color: #111; font-size: 20px; line-height: 1.5; font-family: gprobold; letter-spacing: 0; padding: 0; margin: 0; }

.fboxb2 { max-width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #fff; border: 1px solid #ddd; padding: 30px; margin: 0; transition: background 0.3s; }

.b2-ic { width: 300px; margin: 0 10px 0 0; }
.b2-ic img { max-width: 100%; margin: 0; }

.b2-tc { max-width: 760px; margin: 0; }

.b2-tc .pttl-sub { margin-bottom: 10px; }

.hvc { transition: color 0.3s; }


.fboxb2:hover { background: #005dab; }
.fboxb2:hover .b2-ic { clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); }
.fboxb2:hover .b2-tc .hvc { color: #fff; }



.btn-bg-yel2 { display: flex; justify-content: center; align-items: center; font-family: gprobold; font-size: 20px; letter-spacing: 0; background: #ffc107; color: #111; text-transform: uppercase; transition: background 0.3s; text-decoration: none; border: none; border-radius: 20px; cursor: pointer; padding: 12px 14px; margin: 20px auto 0 0; }
.btn-bg-yel2 object { width: 20px; height: 20px; margin-right: 5px; }
.btn-bg-yel2:hover { background: yellow; }



@media all and (max-width: 1020px) {
  .fboxb2 { padding: 15px; }
  .b2-tc .pttl-sub { margin-top: 15px; }
  .btn-bg-yel2 { margin-top: 10px; }
}




.badge1 { width: 320px; text-align: center; border: 1px solid #ccc; border-radius: 12px; background: rgba(255,255,251,1); box-shadow: 0 8px 5px 0 rgba(0,0,0,0.1); padding: 0; margin: 10px auto 20px auto; }
.m-name { font-family: gprobold; font-size: 22px; line-height: 1.3; text-align: center; letter-spacing: 0; background-color: #efefef; padding: 0 10px; margin: 10px 0; }
.m-photo { max-width: 95%; border-radius: 50%; margin: 0; }
.m-exp { font-family: gpro; font-size: 18px; line-height: 1.3;  text-align: center; color: #555; background-color: #ffc107; padding: 0 10px; margin: 10px 0; }
.m-works { font-family: gpro; font-size: 18px; line-height: 1.3;  text-align: center; margin: 10px; }


.osc { max-width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; margin: 15px 0; }
.osci { width: 40px; height: 40px; flex-shrink: 0; margin: 0 8px 0 0; }
.osctx { display: block; max-width: 95%; color: #000; font-size: 17px; line-height: 1.4; font-family: gpro; font-weight: 400; text-align: left; padding: 0; margin: 0; }

.osc.lite { align-items: center; }
.osc.lite .osci { width: 32px; height: 32px; }

.osc.mt0 { margin-top: 0; }
.osc.mt25 { margin-top: 25px; }

.osc.mb0 { margin-bottom: 0; }

.bold { font-family: gprobold }

.hl-block { max-width: 100%; border: 1px solid #ddd; border-radius: 8px; background: repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 20px, rgba(200,200,200,0.1) 20px, rgba(200,200,200,0.3) 40px); background-attachment: fixed; padding: 10px; margin: 15px 0; }

.hl-block .osc:first-child { margin-top: 0 }
.hl-block .osc:last-child { margin-bottom: 0 }

@media all and (max-width: 768px) {
  .osc.lite { align-items: flex-start; }
}


/* SLICK BEGIN */

.regular1 { margin: 35px 0; }

.regular-v { margin: 15px 0; }

.slick-prev:before, .slick-next:before { color: grey; font-size: 40px; }

.slick-prev { left: 0; z-index: 1100; }
.slick-next { right: 20px; z-index: 1100; }

.slider div .badge { margin: 0 auto; }

.regular3 .slick-slide { transition: all ease-in-out .3s; opacity: .2; }
.regular3 .slick-active { opacity: .5; }
.regular3 .slick-current { opacity: 1; transform: scale(1.03) }

/* SLICK END */


/* VIDEO DIV BEGIN */

.card-v { width: 352px; margin: 15px 10px; }

div.videodiv { width: 352px; margin: 0 auto; padding: 0; }
video.video1 { width: 352px; margin: 0; padding: 0; }

@media screen and (max-width: 400px) {
  .card-v { width: 320px; margin: 10px 0; }
  div.videodiv { width: 320px; }
  video.video1 { width: 320px; }
}

/* VIDEO DIV END */


.ccont2 { background-color: #fff; padding: 20px 0; margin: 0; }
.pttl {  text-align: center; color: #111; font-size: 32px; line-height: 1.3; font-family: gprobold; letter-spacing: 0; padding: 0 10px; margin: 0 0 20px 0; }


.card3 { width: 280px;  text-align: center; margin: 15px 10px; }

.rdtitle { font-family: gproblack; color: #111; font-size: 50px; letter-spacing: 0; margin-bottom: 15px; }
.rdtx { font-family: gpro; color: #111; font-size: 21px; letter-spacing: 0; margin-bottom: 0; }

@media all and (max-width: 480px) {
  .rdtitle { font-size: 40px; margin-bottom: 10px; }
  .rdtx { font-size: 19px; }
}


.ccont3 { background-color: #4845ec; padding: 0; margin: 0; }
/* background-color: #224e83; */

.pttl2 {  text-align: center; color: #fff; font-size: 32px; line-height: 1.3; font-family: gproblack; letter-spacing: 0; text-transform: uppercase; padding: 40px 10px; }

.fboxtech { max-width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: nowrap; padding: 0; margin: 0; }

.fbt-block { max-width: 480px; background-size: contain; border-bottom: 0px solid #ff3737; transition: all 0.3s; padding: 5px 20px 15px 20px; margin: 0; }

.fbt-block:nth-of-type(2) { flex-shrink: 1.2; }

.tech1 { background: url(/images/tech-1.png) no-repeat left top scroll; }
.tech2 { background: url(/images/tech-2.png) no-repeat left top scroll; }
.tech3 { background: url(/images/tech-3.png) no-repeat left top scroll; }
.tech4 { background: url(/images/tech-4.png) no-repeat left top scroll; }

.fbtb-ttl-box { max-width: 100%; height: 70px; margin: 0 0 39% 25%; }

.fbtb-ttl { font-family: gprobold; font-size: 19px; line-height: 1.4; color: #fff; text-align: right; text-transform: uppercase; padding: 0; margin: 0 15px 5px 0; }

.subline { width: 80px; height: 2px; background: #ff3737;  margin: 0 15px 0 auto; }

ul.techlist { list-style-position: outside; list-style-type: disc; opacity: 0.6; transition: opacity 0.3s; padding: 0; margin: 0 0 10px 20px; }
.techlist li { color: #fff; font-size: 17px; line-height: 1.3; font-family: gpro; letter-spacing: 0px; margin: 12px 0; }
.techlist li::marker { color: #fff; }

.fbt-block:hover { border-bottom: 15px solid #ff3737; margin-top: -15px; }
.fbt-block:hover ul.techlist { opacity: 1; }

.hlb3 { border-radius: 8px; border: 3px dashed #ff00f0; border-radius: 8px; background: linear-gradient(#fff, #e2ceff4a); }

@media all and (max-width: 1500px) {
  .fboxtech { flex-wrap: wrap; justify-content: space-around; }
  .pttl2 { font-size: 26px; padding: 30px 10px; margin: 0; }
  .fbt-block { margin-bottom: 20px; }
  ul.techlist { opacity: 1; }
}

@media all and (max-width: 480px) {
  .fbtb-ttl-box { margin: 0 0 45% 25%; }
}




@media all and (max-width: 1220px) {
  .container-double { padding: 15px 0; }
  .wpcn, .sbw-container { float: none; }
  .sbw { padding: 10px 10px; }

  .slcont1 { display: none; }

}

@media all and (max-width: 360px) {
  .sbw-container { width: 300px; }
}

@media all and (max-width: 1020px) {
  .mbw { padding: 15px 8px; }
  .mbw2 { padding: 10px 8px; }
  .nopad { padding: 0; }
  .pt0 { padding-top: 0; }
  .fbox1 { padding: 30px 0; }
  .big-title1 { font-size: 37px; }
  .big-subtitle1 { font-size: 32px; }

  .cont-abb, .cont-abb2 { text-align: left; margin-top: 40px; margin-bottom: 30px; }
  .a-big-btn, .a-big-btn2 { font-size: 17px; border-radius: 8px; padding: 16px 32px; }

  .ccont1 { padding: 30px 0; }

  .h2b1 { font-size: 34px; margin-bottom: 15px; }
  .pcb { font-size: 18px; margin-bottom: 20px; }

  .icard1, .card1 { width: 300px; }
  .card1 { padding: 10px 0; }

  .isub1 { width: 300px; height: 200px; }

  .ictc { padding: 24px; }
  .h4ic { font-size: 20px; margin-bottom: 10px; }

  .pxcont1 { background: #dce6e7; padding: 30px 0; }

  .fbox3 { justify-content: center; }

  .ppx1 { font-size: 17px;  margin-bottom: 25px; }

  .ppx2 { font-size: 26px; }

  .osvg1 { margin-bottom: 10px; }

  .h1w { font-size: 30px; }

  .ccont2 { padding: 10px 0; }
  .pttl { font-size: 26px; margin: 0 0 10px 0; }
  .oscf-m { font-size: 12px; }

}



/* BEFOR-AFTER SLIDER BEGIN */

.ba-slider { position: relative; overflow: hidden; padding: 0; margin: 0; }

.ba-slider img { width: 100%; display: block; max-width: none; }

.ba-slider .resize { position: absolute; top:0; left: 0; height: 100%; width: 50%; overflow: hidden; }

/* Thin line seperator */
.ba-slider .handle { position:absolute; left:50%; top:0; bottom:0; width:4px; margin-left:-2px; background: rgba(200,0,0,.5); cursor: ew-resize; }

/* Big orange knob  */
.ba-slider .handle:after { position: absolute; top: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; content:'\21d4'; color:black; font-weight: bold; font-size:16px; text-align:center; line-height:32px; background: #fff; border:1px solid #000; border-radius: 50%; transition:all 0.2s ease; }

.ba-slider .handle.ba-draggable:after { width: 24px; height: 24px; margin: -12px 0 0 -12px; line-height:24px; font-size:12px; }

/* BEFOR-AFTER SLIDER END */


/* SALE CARD BEGIN */

.b-sale { max-width: 100%; background: url(/images/b-sale.jpg) no-repeat center scroll; background-size: cover; padding: 100px 10px; margin: 0; }

.fbox-sale { max-width: 1280px; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; margin: 0 auto; }

.fbox-sale div { max-width: 500px; margin: 10px; }

.fbox-sale div .bsi { max-width: 100%; padding: 0; margin: 0; }

p.bstext-m { text-align: center; color: #fff; font-size: 34px; line-height: 1.5; font-family: gpromed; letter-spacing: 0; text-transform: uppercase; padding: 0; margin: 0; }

p.bstext-s {  text-align: center; color: #fff; font-size: 18px; line-height: 1.4; font-family: gpro; letter-spacing: 0; padding: 0; margin: 15px 0 0 0; }

span.bs-yel { color: #fff850; }
span.bs-red { color: #f0d100; }

.btn-bs { background: #f00; border: 2px solid #f00; font-size: 18px; color: white; display: block; line-height: 1; width: 250px; font-family: gprobold; text-transform: uppercase; text-align: center; transition: background 0.4s, color 0.4s; padding: 12px; margin: 10px auto; }
.btn-bs:hover { color: #f00; background: rgba(255,255,255,1); }

@media all and (max-width: 1020px) {
	.b-sale { padding: 30px 10px; }
	p.bstext-m { font-size: 26px; }
}

/* SALE CARD END */


/* BLOCKS TBO  BEGIN */

.tbo-ttl-cont { max-width: 380px; text-align: left; background: url(/images/tbo-ttl-dots.png) no-repeat 0px 0px scroll; overflow: hidden; padding: 10px 10px 30px 10px; margin-left: 10px; }
.tbo-ttl-cont.inv { background: url(/images/tbo-ttl-dots2.png) no-repeat 0px 0px scroll; }
.tbo-ttl-cont.right { margin: 0 0 15px auto; }
.tbo-ttl-cont.center { max-width: 450px; background: url(/images/tbo-ttl-dots.png) no-repeat center top scroll; text-align: center; padding: 10px; margin: 0 auto; }
.tbo-ttl-cont.wide { max-width: 550px; }
.tbo-ttl-cont .dot-img { width: 40px; height: 30px; background: url(/images/tbo-ttl-dot.png) no-repeat center scroll; margin: 5px auto 0 auto; }
.tbo-tc-span { font-family: gproblack; font-size: 28px; line-height: 1.3; color: black; text-transform: uppercase; position: relative; margin-bottom: 0; }
.tbo-tc-span.one.orange { color: #ed5521; }
.tbo-tc-span.one::after { display: block; content: ""; width: 40px; height: 30px; background: url(/images/tbo-ttl-dot.png) no-repeat center scroll; position: absolute; top: 50%; margin-top: -15px; right: -50px; }
.tbo-tc-span.two { color: #ed5521; }
.tbo-tc-span.two.white { color: #fff; }
span.white { color: white; }

.tbo-fbox-sub { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; padding: 0; }

.card-tbo2 { max-width: 330px; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; margin: 10px; }
.card-tbo2 .ct2-img { width: 55px; height: 55px; padding: 0; box-shadow: none; margin: 0 10px 0 0; }
.ct2-p { font-family: gpro; font-size: 17px; line-height: 1.3; text-align: left; color: #5f5f5f; margin: 0; }
.ct2-p span { font-family: gproblack; text-transform: uppercase; letter-spacing: 0.5px; font-size: 19px; color: black; }

.tbo-color-section { max-width: 100%; background: #eee; margin: 0; }

.fbox-tbo2 { max-width: 100%; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0; }

.card-tbo3 { width: 350px; height: 240px; display: block; position: relative; background: white; padding: 40px; margin: 10px; }
.ct3-number { position: absolute; top: 20px; right: 20px; font-family: gproblack; font-size: 110px; line-height: 1; letter-spacing: 1px; color: #eee; }
.card-tbo3 .ct3-img { width: 80px; height: 80px; padding: 0; box-shadow: none; margin: 0 0 20px 0; }
.ct3-p { font-family: gproblack; font-size: 19px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.3; color: black; margin: 0; }


.fbox-tbo3 { max-width: 100%; background: url(/images/tbo-line.png) no-repeat center scroll; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; padding: 0; margin: 0 0 20px 0; }

.card-tbo4 { width: 280px; margin: 10px; }

.ct4-cir { width: 162px; height: 162px; border-radius: 50%; border: 10px solid white; outline: 1px solid #ddd; position: relative; margin: 0 auto 15px auto; }
.ct4-cir.one { background: url(/images/tbo-icon41.jpg) no-repeat center scroll; }
.ct4-cir.two { background: url(/images/tbo-icon42.jpg) no-repeat center scroll; }
.ct4-cir.three { width: 222px; height: 222px; background: url(/images/tbo-icon43.jpg) no-repeat center scroll; }
.ct4-cir.four { background: url(/images/tbo-icon44.jpg) no-repeat center scroll; }

.cir-numder-cont { width: 50px; height: 50px; position: absolute; display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgb(236,83,32) 0%, rgb(251,154,65) 100%); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.43); border-radius: 50%; border: 10px solid white; outline: 1px solid #ddd; overflow: hidden; top: -5%; right: -5%; }
.cir-numder-cont span { font-family: gproblack; font-size: 16px; color: white; letter-spacing: 0.5px; }

.ct4-p { font-family: gproblack; font-size: 19px; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; line-height: 1.3; color: black; margin: 0; }


.fbox-tbo4 { max-width: 900px; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; padding: 0; margin: 0 auto; }

.ft4-text { max-width: 350px; text-align: right; margin: 10px; }
.ft4-t-p { font-family: gpro; font-size: 17px; text-transform: uppercase; color: #5f5f5f; margin-bottom: 5px; }

.tbo-atel { display: block; color: #ed5521; font-size: 30px; line-height: 1.3; font-family: gproblack;  letter-spacing: 0.5px; transition: opacity 0.3s; text-decoration: none; padding: 0; margin: 0; }
.tbo-atel:hover { color: #ed5521; opacity: .75; text-decoration: none; }

.ft4-line { width: 2px; height: 70px; background: #e9e9e9; margin: 0 10px; }

.ft4-form { max-width: 450px; margin: 10px; }


.tbo-btn2 { display: block; background: #fff; font-family: gprobold; font-size: 18px; line-height: 1; text-transform: uppercase; letter-spacing: 0.5px; color: #ec5321; border-radius: 5px; border: 1px solid #ec5321; transition: all .3s; padding: 15px 20px; margin: 35px auto 25px auto; }
.tbo-btn2:hover { background: linear-gradient(90deg, rgb(236,83,32) 20%, rgb(251,154,65) 100%); color: white; transform: translateY(-8px); }



.ccont9 { background: url(/images/ccont9-tbo-bg.jpg) no-repeat center scroll; background-size: cover; padding: 20px 0; margin: 0; }

.fbox-tbo5 { max-width: 1200px; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: nowrap; margin: 0 auto; }

.fbox-tbo5-img { max-width: 450px; margin: 10px; }
.fbox-tbo5-img img { max-width: 100%; }

.fbox-tbo5-tx { max-width: 710px; margin: 10px; }

.tbo5-title { font-family: gpromed; font-size: 23px; line-height: 1.3; text-align: left; color: #fff; letter-spacing: 0.5px; padding-left: 10px; margin: 0 0 20px 0; }

.tbo5-title2 { font-family: gprobold; font-size: 23px; text-transform: uppercase; line-height: 1.3; text-align: left; color: #ed5521; letter-spacing: 0.5px; padding-left: 10px; margin: 0 0 20px 0; }

.tbo5-text { font-family: gpro; font-size: 17px; line-height: 1.3; text-align: left; color: #fff; padding-left: 10px; margin: 0 0 30px 0; }

.tbo-btn3 { display: block; background: linear-gradient(90deg, rgb(236,83,32) 20%, rgb(251,154,65) 100%); font-family: gprobold; font-size: 18px; line-height: 1; text-transform: uppercase; letter-spacing: 0.5px; color: #fff; border-radius: 5px; border: none; transition: all .3s; padding: 15px 20px; margin: 0 auto 0 10px; }
.tbo-btn3:hover {  transform: translateY(-8px); }

@media all and (max-width: 1200px) {
	.fbox-tbo3 { background: none; align-items: flex-start; justify-content: space-around; }
	.ct4-cir.three { width: 162px; height: 162px; }
}

@media all and (max-width: 1020px) {
	.tbo-tc-span { font-size: 26px; }
	
	.tbo-ttl-cont, .tbo-ttl-cont.right { margin: 0 auto; }
	.tbo-ttl-cont.inv { margin-left: 0; }
	
	.card-tbo2 { max-width: 300px; margin: 10px auto; }
	.card-tbo2 .ct2-img { width: 40px; height: 40px; margin: 0 8px 0 0; }
	.ct2-p { font-size: 16px; }
	.ct2-p span { font-size: 18px; }
	
	.ct4-cir { margin: 0 auto 5px auto; }
	.ct4-p { font-size: 18px; }
	
	.tbo-atel { font-size: 26px; }
	
	.ft4-form { max-width: 280px; }
	.ft4-text, .ft4-form { text-align: center; }
	.ft4-line { display: none; }
	
	.ccont9 { padding: 10px 0; }
	.fbox-tbo5-img { width: 300px; flex-shrink: 0; }
	.fbox-tbo5-tx { max-width: 560px; }
	
	.tbo5-title, .tbo5-title2, .tbo5-text { padding-left: 0; }
	.tbo-btn3 { margin-left: 0; }
}

@media all and (max-width: 768px) {
	.fbox-tbo5 { flex-wrap: wrap; }
	.fbox-tbo5-img { display: none; }
	.fbox-tbo5-tx { max-width: 100%; }
}

@media all and (max-width: 550px) {
	.tbo-ttl-cont .dot-img { display: none; }
	.card-tbo3 { width: 100%; height: auto; display: flex; align-items: center; justify-content: frex-start; padding: 10px; margin: 10px 0; }
	.ct3-number { top: 50%; margin-top: -25px; right: 10px; font-size: 50px; }
	.card-tbo3 .ct3-img { width: 50px; height: 50px; margin: 0 10px 0 0; }
	.ct3-p { max-width: 70%; font-size: 16px; z-index: 1; }
}

/* BLOCKS TBO END */

/* PK-LOGOS BEGIN */

.pk-gray-section { max-width: 100%; background: #eef3f5; padding: 30px 0; margin: 0; }

.h3mr { text-align: center; color: #000; font-size: 32px; line-height: 1.3; font-family: gprobold; font-weight: 400; padding: 0; margin: 0 0 15px 0; }

.p11acmr { color: #e400ff; font-size: 28px; line-height: 1.4; font-family: gpromed; text-align: center; padding: 0 10px; margin: 25px 0; }

.p11acmr.mb0 { margin-bottom: 0; }

.fbox-tile { display: flex; align-items: flex-start; justify-content: center; margin: 0; flex-wrap: wrap; }

.pk-tile { width: 196px; height: 196px;  background: white; display: flex; align-items: center; justify-content: center; transition: box-shadow .3s; padding: 8px; margin: 2px; }

.pk-tile:hover { box-shadow: inset 4px 4px 24px -2px rgba(0,0,0,0.04), inset -4px -4px 24px -2px rgba(0,0,0,0.04); }

.pk-tile-image { max-width: 100%; margin: 0; }


@media all and (max-width: 1020px) {
  .pk-gray-section { padding: 20px 0; }
  .h3mr { font-size: 26px; margin: 0 0 10px 0; }
  .p11acmr { font-size: 18px;  margin: 15px 0; }
}

@media all and (max-width: 620px) {
  .pk-tile { width: 146px; height: 146px; }
}

@media all and (max-width: 470px) {
  .pk-tile { width: 96px; height: 96px; }
}

/* PK-LOGOS END */


/* PK-WORK-SECTION BEGIN */

.pk-work-section, .pk-work2-section { max-width: 100%; padding: 90px 0 50px 0; margin: 0; }
.pk-work-section  { background: url(/images/pk-gray-bg.jpg) no-repeat center fixed; background-size: cover; }
.pk-work2-section  { background: url(/images/pk-gray-bg2.jpg) no-repeat center fixed; background-size: cover; }

.h3ws { text-align: center; color: #fff; font-size: 32px; line-height: 1.3; font-family: mrxb; font-weight: 400; padding: 0 10px; margin: 0 0 60px 0; }

.fbox-pkws { max-width: 1370px; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; margin: 0 auto; }

.fbox-pkws-item { width: 100%; max-width: 665px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; padding: 10px; margin: 0 0 40px 0; }

.fbox-pkws-item-icon { width: 75px; height: 75px; background: linear-gradient(136.95deg, #f72573 9.62%, #63028b 96.83%); border-radius: 10px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; margin-right: 20px; }

.fbox-pkws-item-icon2 { width: 75px; height: 75px; background: linear-gradient(-40deg, #f72573 9.62%, #63028b 96.83%); border-radius: 10px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; margin-right: 20px; }

.fbox-pkws-item-icon__object { width: 55px; height: 55px; display: block; }
.fbox-pkws-item-icon__object-lite { width: 45px; height: 45px; display: block; }

/* .fbox-pkws-item-box {  } */

.fbox-pkws-item-box-title { font-size: 22px; line-height: 1.2; font-family: mrxb; color: white; padding: 0; margin: 0 0 10px 0; }
.fbox-pkws-item-box-title2 { font-size: 26px; line-height: 1.2; text-transform: uppercase; font-family: mrxb; color: white; padding: 0; margin: 0 0 10px 0; }

.fbox-pkws-item-box-text { font-size: 18px; line-height: 1.4; font-family: mrmed; color: white; padding: 0; margin: 0; }


@media all and (max-width: 1330px) {
  .fbox-pkws-item { max-width: 580px; }
  .fbox-pkws-item-box-title { font-size: 20px; }
  .fbox-pkws-item-box-title2 { font-size: 24px; }
  .fbox-pkws-item-box-text { font-size: 16px; }
}

@media all and (max-width: 1180px) {
  .fbox-pkws-item { max-width: 450px; }
}

@media all and (max-width: 1020px) {
  .pk-work-section { padding: 50px 0 20px 0; }
  .h3ws { font-size: 26px; margin: 0 0 20px 0; }
  .fbox-pkws-item { max-width: 100%;  margin: 0 0 30px 0; }
}

@media all and (max-width: 480px) {
  .fbox-pkws-item-icon, .fbox-pkws-item-icon2 { width: 55px; height: 55px; margin-right: 15px; }
  .fbox-pkws-item-icon__object, .fbox-pkws-item-icon__object-lite { width: 35px; height: 35px; }
}

/* PK-WORK-SECTION END */


/* OTZIVI BEGIN */

.grad-to-w { background: linear-gradient(#eef2f4, #fff); height: 50px; }

.o-cont { max-width: 100%; background: #eef2f4; padding: 0; }

.o-block { border-radius: 6px; background: #fff; padding: 10px; margin: 25px 10px; }

.o-fbox {max-width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding: 5px 0; margin: 0 0 5px 0;}

.o-np { margin: 0; }

.o-name { font-family: gprobold; font-size: 22px; line-height: 1.4; color: #000; letter-spacing: 0.5px; padding: 0; margin: 0; }
.o-place { font-family: gpro; font-size: 17px; line-height: 1.2; color: #777; padding: 0; margin: 0; }

.o-date { font-family: gpro; font-size: 19px; line-height: 1.4; color: #aaa; letter-spacing: 0.5px; padding: 0; margin: 0; }

.o-p { font-family: ttsnreg; text-align: left; font-size: 21px; color: #222; line-height: 1.4; margin-bottom: 14px; padding: 0; }

.o-fbox-btn {max-width: 100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; padding: 0; margin: 0;}

.o-btn { display: block; width: 200px; font-size: 19px;  letter-spacing: 0.5px; color: white; border: none; border-radius: 4px; font-family: gprobold; line-height: 1; padding: 12px 16px; text-align: center; margin: 5px; background: linear-gradient(90deg, rgb(236,83,32) 20%, rgb(251,154,65) 100%); }

.o-btn:hover { background: linear-gradient(90deg, rgb(251,154,65) 20%, rgb(236,83,32) 100%); }

.yaf { width: 700px; max-width: 100%; border: none; border-width: 0; }

@media all and (max-width: 1020px) {
  .o-fbox { column-gap: 10px; }
  .o-name { font-size: 19px; }
  .o-date { font-size: 16px; }
}

/* OTZIVI END */


/* CF42 BEGIN */

.fboxcfbs { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0 auto; }

input[name=tel42] { width: 250px; background: #fff; display: block; font-size: 18px; font-family: gpro; line-height: 1; color: #111; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 1px solid #bbb; resize: none; padding: 10px 12px; margin: 0; }

input[name=tel42]::placeholder { color: #777; }

input[name=submit42] { background: linear-gradient(90deg, rgb(236,83,32) 20%, rgb(251,154,65) 100%); border: none; font-size: 18px; color: white; display: block; line-height: 1; width: 250px; font-family: gprobold; text-transform: uppercase; text-align: center; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer; padding: 12px; margin: 0; }
input[name=submit42]:hover { background: linear-gradient(90deg, rgb(251,154,65) 20%, rgb(236,83,32) 100%); }

input[name=submit42]:disabled { color: #fff; background: #ddd; border-color: #ddd; }

@media all and (max-width: 1020px) {
  .fboxcfbs { flex-wrap: wrap; }
  input[name=tel42] { border-top-left-radius: 4px; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 0; }
  input[name=submit42] { border-top-left-radius: 0; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 4px; }
}

/* CF42 END */