@font-face {
			font-family: "CenturySchoolbook";
			src: url("/templates/proto/fonts/CenturySchoolbook.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
	
@font-face {
			font-family: "Montserrat-Bold";
			src: url("/templates/proto/fonts/Montserrat-Bold.eot");
			src: url("/templates/proto/fonts/Montserrat-Bold.eot?#iefix")format("embedded-opentype"),
			url("/templates/proto/fonts/Montserrat-Bold.woff") format("woff"),
			url("/templates/proto/fonts/Montserrat-Bold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}	
	
@font-face {
			font-family: "MontserratAlternates";
			src: url("/templates/proto/fonts/MontserratAlternates.eot");
			src: url("/templates/proto/fonts/MontserratAlternates.eot?#iefix")format("embedded-opentype"),
			url("/templates/proto/fonts/MontserratAlternates.woff") format("woff"),
			url("/templates/proto/fonts/MontserratAlternates.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

a {color: #000;}
a, button {transition: all 0.3s ease;}
h1 {font-family: "CenturySchoolbook", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #6889ff;font-size: 3rem;margin-bottom: 3rem;}
body {font-family: "MontserratAlternates", "Helvetica Neue", Helvetica, Arial, sans-serif;background: linear-gradient(180deg, #eff0f2 0%, #eff0f2 19.58%, rgba(140, 165, 255, 0.24) 55.21%, #eff0f2 94.06%);color: #3a3a44;}
.topcon {background-size: 100%;background-repeat: no-repeat;background-position: top right;padding-bottom: 1rem;}
.topcon .navbar-nav li {margin: .5rem 0 .5rem 1rem;font-size: .9rem;}
.topcon .navbar-nav li a {text-transform: uppercase;}
.topcon .navbar-nav li a:hover, .topcon .navbar-nav li a:focus, .topcon .navbar-nav li.active a {color: #6889ff;text-decoration: none;}
.intopline {font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #6889ff;}
.tel {color: #6889ff;display: inline-block;margin-right: 1rem;}
.tel:hover, .tel:focus {color: #6889ff;text-decoration: none;}
.headmain {background-repeat: no-repeat;background-position: center right;background-size: 50%;padding: 3rem 0;margin-bottom: 4rem;}
.btn-gr {font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;background: linear-gradient(97.74deg, rgba(104, 137, 255, 0.54) -29.86%, #6889ff 100.16%) !important;color: #fff !important;box-shadow: 0px 4px 27px 2px #6889ff !important;}
.btn-gr:hover, .btn-gr:focus {box-shadow: none;}
.btn-w {background-color: #fff;height: 62px;box-shadow: 0px 4px 114px 2px #eff0f2;}
.headmain .btn-gr {height: 62px;}
.gift {position: absolute;right: -85px;top: -30px;width: 150px;}
.scrlmenu {margin-bottom: 1rem;}
.scrlmenu a {font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;background-color: #fff;box-shadow: 0px 4px 114px 2px #eff0f2;color: #6889ff;text-transform: uppercase;font-size: .7rem;padding: 1rem .5rem;}
.conta {padding: 2rem 0;}
.zg {font-family: "CenturySchoolbook", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #6889ff;font-size: 2rem;margin-bottom: 2.5rem;}
.ns {background-color: #fff;border-radius: 30px;padding: 2rem 1.5rem;margin: 0 0 2rem;position: relative;overflow: hidden;}
.ns:before {content: "";background: url("/images/nasbefore.svg") no-repeat;height: 33px;position: absolute;left: 5%;top: 0;right: 0;}
.ns:after {content: "";background: url("/images/nasafter.svg") no-repeat right center;height: 33px;position: absolute;left: 0;bottom: 0;right: 5%;}
.nas {padding: 2rem 1.5rem;background-repeat: no-repeat;background-size: 100%;border-radius: 30px;}
.usl {background-color: #fff;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);border-radius: 30px;position: relative;padding: 1rem 2rem 2rem;margin-bottom: 2rem;}
.usl span {background-color: #6889ff;color: #fff;display: inline-block;border-radius: 100%;position: absolute;top: 10px;left: 15px;width: 30px;height: 30px;line-height: 2.2;font-size: .9rem;}
.catal {background-repeat: no-repeat;background-position: center center;background-size: 100%;padding: 3rem 0;}
.catal .usl {font-size: .8rem;}
.catal .usl span {width: 20px;height: 20px;line-height: 2;font-size: .6rem;}
.stoim {background-color: #fff;padding: 3rem 0;margin: 2rem 0;}
.stoim:before {content: "";background: url("/images/stoimbefore.svg") no-repeat;height: 62px;position: absolute;left: 0;top: 0;right: 0;}
.stoim:after {content: "";background: url("/images/stoimafter.svg") no-repeat right center;height: 62px;position: absolute;left: 0;bottom: 0;right: 0;}
.stoim .zg {font-family: "MontserratAlternates", "Helvetica Neue", Helvetica, Arial, sans-serif;color: rgba(118, 72, 157, 0.5);font-weight: bold;}
.btn-grf {font-family: "Montserrat-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;background: rgba(118, 72, 157, 0.5) !important;color: #fff;box-shadow: 0px 4px 27px 2px rgba(118, 72, 157, 0.3) !important;border-radius: 60px !important;padding: .8rem !important;}
.vids {background-position: top center;padding: 3rem 0;}
.vid {background-position: top center;padding: 200px 60px 50px;background-size: contain;background-repeat: no-repeat;}
.vid span {background-color: #6889ff;border-radius: 30px;padding: .7rem;color: #fff;display: block;}
.vizu {background-color: #fff;padding: 3rem 0;margin: 2rem 0;}
.vizu .zg {font-family: "MontserratAlternates", "Helvetica Neue", Helvetica, Arial, sans-serif;color: rgba(118, 72, 157, 0.5);}
.vizu:before {content: "";background: url("/images/vizbefore.svg") no-repeat;height: 62px;position: absolute;left: 0;top: 0;right: 0;}
.vizu:after {content: "";background: url("/images/vizafter.svg") no-repeat right center;height: 62px;position: absolute;left: 0;bottom: 0;right: 0;}
.decorl {background-position: center center;background-repeat: no-repeat;background-size: 100%;height: 550px;}
.deco {position: absolute;width: 26%;font-size: .9rem;}
.deco div {color: #6889ff;margin-bottom: 1rem;font-size: 1rem;}
.deco1 {top: 100px;left: 0;}
.deco2 {top: 100px;right: 0;text-align: right;}
.deco3 {top: 410px;left: 0;}
.deco4 {top: 385px;right: 0;text-align: right;}
.deco5 {top: 73px;left: 0;}
.deco6 {top: 73px;right: 0;text-align: right;}
.deco7 {top: 265px;left: 0;}
.deco8 {top: 245px;right: 0;text-align: right;}
.deco9 {top: 455px;left: 0;}
.deco10 {top: 455px;right: 0;text-align: right;}
.trabs {padding: 10rem 0 3rem;}
.trab {background-color: #fff;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);border-radius: 30px;position: relative;padding: 1.5rem;margin-bottom: 2.5rem;}
.trab img {border-radius: 10px;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);}
.otz {background-color: #fff;border-radius: 30px;position: relative;padding: 2rem;margin-bottom: 2rem;overflow: hidden;}
.otz:before {content: "";background: url("/images/otzbefore.svg") no-repeat top center;height: 33px;position: absolute;left: 0;top: 0;right: 0;}
.otz:after {content: "";background: url("/images/otzafter.svg") no-repeat bottom center;height: 33px;position: absolute;left: 0;bottom: 0;right: 0;}
.tachka {background-repeat: no-repeat;background-position: right bottom;height: 440px;margin-top: 1rem;}
.tachka div {color: #6889ff;font-size: 1.5rem;margin-bottom: 1.5rem;font-weight: bold;}
.vop {background-color: #fff;padding: 3.5rem 0;margin: 2rem 0;}
.vop .zg {font-family: "MontserratAlternates", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #6889ff;margin-bottom: 1rem;font-weight: bold;}
.vop:before {content: "";background: url("/images/vopbefore.svg") no-repeat right center;height: 62px;position: absolute;left: 0;top: 0;right: 0;}
.vop:after {content: "";background: url("/images/vopafter.svg") no-repeat;height: 62px;position: absolute;left: 0;bottom: 0;right: 0;}
.foot {background-repeat: no-repeat;background-position: bottom center;padding: 2rem 0 4rem;}
.foot .navbar-nav li {margin-bottom: 1rem;}
.foot .navbar-nav li a {text-transform: uppercase;}
.foot .navbar-nav li a:hover, .foot .navbar-nav li a:focus {text-decoration: none;}
.nastep {background-color: #fff;padding: 3rem 0;}
.nastep:before {content: "";background: url("/images/nastepbefore.svg") no-repeat;height: 33px;position: absolute;left: 5%;top: 0;right: 0;}
.nastep:after {content: "";background: url("/images/nastepafter.svg") no-repeat right center;height: 33px;position: absolute;left: 0;bottom: 0;right: 5%;}
.pra {background-repeat: no-repeat;background-size: contain;padding: .5rem 1rem .5rem 2.5rem;margin-bottom: 2rem;background-color: #e2e2e2;border-radius: .5rem;display: inline-block;}
.pra:hover {background-color: #eee;text-decoration: none;}

.clp {display: none;}

select::-ms-expand {display: none;}
@media screen and (min-width:0\0) {
  select {background: none\9;padding: 5px\9;}
}

.btn {border-radius: 60px;}
.form-control::-webkit-input-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control::-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-ms-input-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:focus::-webkit-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus::-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-ms-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}

.bup {position: fixed;bottom: 10px;right: 10px;display: none;}


@media screen and (max-width: 576px) {
h1 {font-size: 2rem;margin-bottom: 2rem;}
.zg {font-size: 1.6rem;}
.headmain {padding: 1rem 0 2rem;}
.tel {margin-right: 0;margin-left: .5rem;}
.otz {padding: 1.5rem;}
.tachka {height: 390px;margin-top: 0;}
}

@media screen and (max-width: 768px) {
.gift {display: none !important;}
.topcon .navbar-nav li {margin: 1rem 0 .5rem 0;}
.tsoc {text-align: center;}
.usl {padding: 1rem;}
.colnone {display: none;}
.tachka {background-size: 100%;}
}

@media screen and (min-width: 768px) {

}

@media (max-width: 1100px) {
.topcon, .catal {background: transparent !important;}
.headmain {background-position: right 70px;margin-bottom: 0;}
.nas {background: #fff !important;}
.usl span {left: 0;top: 0;}
.vid {padding: 150px 15px 30px;}
.decorl {background: transparent !important;height: auto;}
.deco {position: static;width: 100%;}
.trabs {padding: 0 0 2.5rem;}
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1240px;}
}