@charset "utf-8";
@import url("images.css");
/* CSS Document */
*, *:before, *:after { margin:0; padding:0; outline:none; box-sizing:border-box; font-family: "Gth", sans-serif; vertical-align:top;}
a, button { cursor:pointer; text-decoration: none; color:#131b26;}
a:hover {text-decoration:none;}
a strong {text-decoration:underline;}
img { border:none;}
li {list-style:none;}
body { position:relative; font-size:14px; font-weight: normal; color:#001f3b; width:100%; min-width:1300px; background:#F7F7F7;}
.clear { clear:both;}
span.formError, span.formNoError { display:none;}
::-moz-placeholder { opacity:1; color: #00716b;}
input::-webkit-input-placeholder { color: #00716b;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 0; -webkit-box-shadow: none; background: none;}

h1, h2 { font-size:30px; font-weight: bold; color:#001f3b; margin-bottom:30px;}
.sheet { width:1300px; margin:0 auto; padding:0 40px; position:relative;}
button, a.button { display: inline-block; width:160px; height:40px; text-align:center; background:#1d817b; border-radius:5px; font-size:14px; color:#FFF; text-transform:uppercase; font-weight:bold; box-shadow:0 5px 10px rgba(29, 129, 123, 0.36); border:none;}
a.button { display:inline-block; line-height:38px;}
input::placeholder, textarea::placeholder { opacity:1;}
.modal { display:none;}
.topmenu li a:hover span, .mod98 a.city, .mod131 a:hover, .mod96 a:hover, .mod99 a:hover, .mod148 a:hover, .mod152 a:hover { text-decoration:underline;}
.mod98 a.city:hover { text-decoration:none;}
.header { background:#001f3b;}
.header a { color:#FFF; font-weight:bold;}
.logo a { display:inline-block; color:#715b3c !important; font-size:16px; text-transform:uppercase; font-weight:bold; color:#B19267; text-align:center;}
.logo span { display:block; margin-top:18px; line-height:1;}
.mod98, .mod96, .mod131, .mod134 { text-align:center; font-size:15px; top:29px; padding-top:40px; width:200px; left:790px; color:#fff;}
.mod98 span { display:block; margin-bottom:4px;}
.mod98 a.city { color:#ed1c24; text-transform:uppercase;}
.mod96 { width:250px; left:530px; font-size:20px;}
.mod131 { left:280px; font-size:15px;}
.mod134 { left:280px; top:105px; padding:0;}
.mod146 {font-size:17px;}
.mod155 {font-size:17px;}
.mod157 {font-size:17px;}
.mod158 {font-size:17px;}
.mod159 {font-size:17px;}
.mod160 {font-size:17px;}
.mod161 {font-size:17px;}
.mod162 {font-size:17px;}
.mod163 {font-size:17px;}
.mod164 {font-size:17px;}
.social li { display:inline-block; margin:0 3px;}
.mod153 { float:right; text-align:center; font-size:15px; color:#fff;}
.mod153 .title { margin-bottom:5px;}
.mod153 button, .mod148 button { width:220px; height:50px; font-size:15px; font-weight:bold; color:#fff; background:#00716b; box-shadow:0 10px 20px rgba(0,113,107,0.5); text-transform:uppercase; border:none; border-radius:4px;}
.content { padding-top:50px;}
.leftcol ul { border-radius:6px; overflow:hidden;}
.leftcol li { border-bottom:2px solid #c4a374; background: linear-gradient(to left, #656f74, #3d474a);}
.leftcol li a { display:block; padding:10px 50px 0 70px; color:#FFF; font-weight:bold; height:58px; text-transform:uppercase;}
.leftcol li.current a { background-color:#001f3b;}
.leftcol .item-259 a { padding-right:30px;}
.leftcol, .rightcol { padding-bottom:50px;}
.slick-slider { position:relative;}
.slick-list { overflow:hidden;}
.slick-slide { float:left;}
.slick-arrow { position:absolute; top:calc(50% - 37px); left:22px; width:49px; height:92px; z-index:3;}
.slick-arrow.next { left:auto; right:22px; transform:scaleX(-1);}
.mainslider { margin-bottom:30px;}
.mainslider .slick-list { border-radius:6px;}
.mainslider .slick-slide { position:relative;}
.mainslider .desc { position:absolute; top:110px; left:120px; font-size:30px;}
.mainslider .desc p { color:#FFF; font-weight:bold; text-transform:uppercase; margin-bottom:27px; margin-bottom:22px;}
.mainslider .desc .title { font-size:14px;}
.mainslider .desc a { display:inline-block; width:220px; height:50px; background:#FFF; box-shadow:0 10px 20px rgba(255,255,255,0.5); font-size:15px; font-weight:bold; color:#00716b; text-transform:uppercase; text-align:center; border-radius:5px; line-height:50px;}
.cont { padding:40px; background:#FFF; border-radius:6px;}
.diplomas .item { float: left; margin:30px 20px 35px 0; width:280px; color: #332f19; font-size: 20px; position: relative; text-align: center; border:1px solid #e5e5e5; height:510px;}
.dipslider .item > div { position:relative;}
.diplomas .image { padding:20px; margin-bottom:-5px; height:232px;}
.diplomas .name { font-size:20px; height:100px; padding:0 35px; color:#00716b; font-weight:bold; text-transform:uppercase;}
.price { color:#001f3b; line-height:40px; height:30px; font-size:14px;}
.price span { color:#00716b; font-size:30px; line-height:30px;}
.diplomas .price { margin-bottom:15px;}
.diplomas .video { height:40px; margin:0 0 20px;}
.diplomas .video a { display: inline-block; padding:0 0 0 50px; height:40px; line-height:36px; font-size:14px; color:#001f3b; text-decoration:underline;}
.diplomas .rm a { display: inline-block; width:160px; height:40px; line-height:40px; text-align:center; background:#5f696e; border-radius:5px; font-size:14px; color:#FFF; text-transform:uppercase; font-weight:bold; box-shadow:0 5px 10px rgb(97, 107, 112);}
.diplomas .video a:hover { text-decoration:none;}
.diplomas .item img { width:100%; height:100%; border:1px solid #cce3e1; border-radius:6px;}
.diplomas .intro, .diplomas .znak { font-size:14px; color:#001f3b; margin-bottom:4px;}
.diplomas .znak { padding-left:30px; font-weight:bold; line-height:30px; height:30px;}
.contbot .sheet { margin-bottom:30px;}
.contbot .title { float:left; font-size:30px; font-weight:bold; text-transform:uppercase;}
.contbot img { float:right; margin-right:40px; border-radius:6px; margin-bottom:20px;}
.contbot p { line-height:21px; margin-bottom:20px; clear:left;}
.footer { background:#001f3b;}
.footer .sheet { padding-top:50px; padding-bottom:30px;}
.footer a { color:#f7f7f7;}
.footer a:hover { text-decoration:underline;}
.footer .title { color:#00716b; font-size:18px; font-weight:bold; text-transform:uppercase; margin-bottom:25px; line-height:1;}
.footmenu li { font-size:15px; line-height:20px; margin-bottom:12px;}
.footmenu a { color:rgba(255,255,255,0.4); text-decoration:underline;}
.footmenu a:hover { text-decoration: none;}
.footmenu img { display:none;}
.mod110 li { padding-right:30px;}
.mod110 li a { display:inline-block;}
.mod149, .mod154 { margin-bottom:15px;}
.mod149 > div, .mod154 > div { padding-left:40px; display:table-cell; font-weight:bold; font-size:15px; line-height:25px;}
.mod148 .title { color:rgba(255,255,255,0.4); font-size:15px; text-transform:none; margin-bottom:5px; font-weight:normal;}
.itemgallery { padding:0 0 40px;}
.mainimg { border-radius:5px; text-align:center; background:#FFF; position:relative; margin-bottom:25px; border:1px solid #cce3e1; overflow:hidden;}
.mainimg img { height:100%; width:100%;}
.picslider { padding:0 60px; position:relative;}
.picslider img { width:100%; height:auto;}
.picslider .slick-list { overflow:hidden; position:relative;} 
.picslider .slick-slide { float:left; margin: 0 10px; background:#FFF; border-radius:5px; position:relative; text-align:center; border:1px solid #cce3e1; overflow:hidden;}
.picslider .slick-slide img { width:205px; height:140px;}
.picslider .prev { left:0;}
.picslider .next { right:0;}
.catitem .videoblock {}
.catitem .videoblock iframe { width:100%; height:100%;}
.grade { margin-bottom: 5px; min-height: 30px; padding: 6px 0 0 30px; position: relative; font-weight:bold; font-size:14px;}
.grade::before { content: ""; height: 30px; left: 0; position: absolute; top: 0; width: 30px;}
.catitem .grades .price { color: #959ca6; height: 40px; line-height: 40px; margin: 10px 0;}
.garantdesc { padding-bottom:40px; border-bottom:1px solid #e5e8eb; margin-bottom:50px;}
.garantdesc .image img{ float: right; border-radius:50%;}
.garant { position:relative; padding-bottom:25px}
.garant .title { height:60px; padding:0 0 0 82px; font-size:20px; line-height:30px; margin-bottom:25px; font-weight:bold; color:#00716b; text-transform:uppercase;}
.garant .desc, .faq .desc, .easy_entries .desc { background:#f2f4f5; border-radius:5px; padding:15px 20px;}
.blog > div, .inst > div { font-size:15px; line-height:20px; margin-bottom:10px;}
.blog > div a { text-decoration:underline;}
.blog > div a:hover { text-decoration: none;}
.article p, .contbot p, .article ul, .contbot ul, .garantdesc .desc p, .garant .desc p, .faq .desc p, .easy_entries .desc { font-size:18px; line-height:28px; margin-bottom:23px;}
.catcatdesc li, .catitem .inner li, .article li, .contbot li { position:relative; padding-left:11px; margin-bottom:10px;}
.catcatdesc li:before, .catitem .inner li:before, .article li:before, .contbot li:before { content:"•"; color:#00716b; position:absolute; top:0; left:0;}
.faq .item { margin-bottom:20px;}
.faq .title { padding:12px 0 0 82px; font-size:20px; font-weight:bold; color:#00716b; min-height:52px; margin-bottom:20px;}
.faq .desc { padding-bottom:1px;}
.easy_entries .item { margin-bottom:40px;}
.easy_entries .title { padding-left:50px; margin-bottom:30px; line-height:1; height:37px;}
.easy_entries .date { font-size:15px; margin-top:-2px;}
.easy_entries .name { font-size:20px; font-weight:bold; color:#00716b; margin-top:3px;}
.easy_entries .desc { margin:0;}
.easy_entries .comment { margin-top:20px; position:relative; padding:15px 0 15px 21px; font-size:15px; line-height:23px;}
.easy_entries .comment:before { content:""; position:absolute; top:0; bottom:0; left:0; width:2px; background:linear-gradient(to bottom, #f1ca92, #715b3c);}
.easy_entries .comment .admin { color:#00716b;}
.sign button { font-size: 15px; font-weight: bold; height: 50px; width:auto; padding:0 30px;}
.delivery div.item { display:none;}
.delivery div.item.active { display:block;}
.delivery .dblock { padding:20px; width:300px; float:right; margin-right:-40px; background:rgba(0,113,107,0.05); border-radius:6px 0 0 6px;}
.delivery .map { width:500px; height:279px; background:url(../images/map.png) no-repeat; margin:30px 0; position:relative;}
.delivery .map .item { position:absolute; height:30px; padding:8px 0 0 32px; font-size:15px; line-height:1;}
.delivery div.item > div { padding-left:60px; margin-bottom:35px; font-size:15px; line-height:23px;}
.delivery div.item .icon6 { margin-bottom:0;}
.delivery div.item strong { display:block; position:relative; top:-5px; font-size:20px; color:#00716b;}
.delivery .selblock { width:280px;}
.delivery .selblock p { padding:8px 0 0 30px; height:40px;}
label.select { border: 1px solid #b2d4d2; border-radius:5px; display: block; overflow: hidden; position: relative; padding-left:20px;}
label.select span { display:block; height: 48px; overflow: hidden; position: absolute; right: 0; text-indent: -500px; top: 0; width: 50px; cursor:pointer;}
label.select select { background: none; border: none; font-size:16px; color: #1a140d; height: 48px; position: relative; width:calc(100% + 24px); z-index: 1;}
label.select option { padding:5px 20px;}
.contacts .right h4 { font-size:20px; font-weight: bold; text-transform:uppercase; margin-bottom:25px;}
.contacts .right p { margin-left:240px; font-size:12px; color:rgba(0,31,59,0.4); padding-top:10px;}
.formControls { margin-bottom:10px;}
.formControls input, .formControls textarea {background:#FFF;border: 1px solid #a9cfcd;height: 50px;padding:0 27px;width: 100%;font-size:15px;color: #00716b; border-radius:5px;}
.formControls textarea { height:170px; resize:none; padding-top:20px; padding-bottom:20px; margin-bottom:10px;}
.mod116 button { width:220px; height:50px; float:left; font-size:15px;}
.contacts .tel, .contacts .mail { padding:5px 0 0 40px; height:23px; font-size:15px; line-height:1; font-weight:bold; color:#00716b; margin-bottom:10px;}
.contacts p a { font-size:20px;}
.contacts p a:hover { font-size:20px; text-decoration:underline;}
.contacts .mail + p a { text-decoration:underline;}
.contacts .mail + p a:hover { text-decoration:none;}
.contacts .left button { width:220px; height:50px; font-size:15px; margin-top:5px; background:#00716b;}
.moduletablesocial { height:30px; margin-bottom:28px;}
.moduletablesocial li { float:left; margin-right:7px;}
.contacts .left { width:250px;}
.rsform-error { border-color:#e94b35 !important;}
.overlay, .mcs-overlay { bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 30; background:rgba(19,27,38,0.9);}
.modal { position: fixed; top:0; left:50%; margin-left:-160px; z-index: 31;}
.modal > div { background:#FFF; width:320px; text-align:center; padding:60px 10px 20px;}
.modal .mt { margin-bottom:20px}
.modal .mt p { font-size:15px; color:#1a140d;}
.modal p.title, .easybook .formBlock .title { font-size:20px; white-space:nowrap; color:#00716b; font-weight:bold; text-transform:uppercase;}
.modal a[name=close], .mod1 a[name=close] { position:absolute; top:8px; right:8px; height:33px; line-height:30px; color:#fff;}
.modal a[name=close]:before, .mod1 a[name=close]:before { content:""; float:right; width:30px; height:30px; margin-left:10px;}
.modal label.select select { color:#00716b;}
.modal.vform { position:absolute;}
.modal.vform .formblock { overflow:hidden; padding-bottom:10px;}
.modal.vform hr { height:5px; border:none;}
.modal.vform form .title { text-align:left; font-size:15px; color:#001f3b; line-height:1; margin-bottom:15px;}
.modal button { width:220px; height:50px; font-size:15px;}
.mcs-dialog .chosen { margin-bottom:5px;}
.mcs-dialog .chosen a { color:#ed1c24; text-decoration:underline; font-size:15px;}
.mcs-dialog .city { line-height:25px;}
.mcs-dialog .city a { text-decoration:underline;}
.mcs-dialog .city a:hover { text-decoration:none;}
.quick-search { margin-bottom:14px; display:none;}
.quick-search input { height:40px; width:240px; border:1px solid #f3f5f8; color:#131b26; padding:0 19px; font-size:16px; box-shadow:0 10px 20px rgba(0,174,255,0.1); border-radius:3px;}
.easybook .formBlock .title { margin-bottom:15px;}
.inst { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}
.inst a { text-decoration:underline;}
.inst a:hover { text-decoration: none;}

@media only screen and (min-width: 747px) {
	.mod98, .mod96, .mod131, .mod134 { position:absolute;}
	.topmenu { background:#00716b; height:60px;}
	.topmenu ul { display:flex; justify-content: space-between;}
	.topmenu li { display:inline-flex; line-height:60px;}
	.topmenu li a { font-size:15px; color:#fff; text-transform:uppercase; font-weight:bold; display:block; position:relative;}
	.topmenu li a img { float:left;}
	.topmenu li a span { position: absolute; top:0; left:0; right:0; bottom:0; text-align:center;}
	.topmenu a[name=close], .logo a[name=close] { display:none !important;}
	.header .sheet { height:166px; padding-top:29px;}
	.diplomas.list .item { padding:20px 0; border:none; margin:0 !important; float:none; overflow:hidden; width:auto; height:auto; border-top:1px solid #e5e8eb; text-align:left;}
	.diplomas.list .item:first-child { border:none; padding-top:0;}
	.diplomas.list .image { float:left; width:320px; height:206px; margin:0 0 50px; padding:0;}
	.diplomas.list .desc { margin-left:340px; border:none; min-height:0;}
	.diplomas.list .name { margin:15px 0; padding:0; height:auto; line-height:1;}
	.diplomas.list .video { position:absolute; bottom:20px; left:0; margin:0;}
	.diplomas.list .rm { float:left; margin-right:10px;}
	.mainimg { height:515px;}
	.garantdesc .desc { margin-right:300px; position:relative; padding-top:55px;}
	.garantdesc .desc:before { content:"“"; font-size:50px; color:#00716b; position:absolute; line-height:1; top:0; left:0;}
	.garant:before { content:""; position:absolute; right:0; bottom:-40px; background: url(../images/gbg.jpg) no-repeat; width:340px; height:374px;}
	.garant [class^=item] { float:left; width:360px; margin:0 80px 40px 0; line-height:23px;}
	.garant .last { margin-right:0;}
	.garant .item1 .title { padding-right:70px;}
	.faq .row1 { float:left; width:360px;}
	.faq .row2 { float:left; width:360px; margin-left:80px;}
	.contacts .right { float:right; width:540px; padding:38px; background:rgba(0,113,107,0.05); border-radius:6px;}
	.mod116 .formblock { float:left; width:220px;}
	.mod116 .formblock2 { margin-left:240px;}
	.modal.vform .formControls { float:left; width:340px;}
	.modal.vform .formControls:nth-child(2n+1) { margin-right:20px;}
	.modal { margin-left: -310px; top: 50px; padding-left:130px;}
	.modal:before { content:""; position:absolute; bottom:0; left:0; background:url(../images/gl.png) no-repeat; width:267px; height:506px;}
	.modal.vform:before { display:none;}
	.modal > div { padding:30px 40px 35px 170px; width: 490px; min-height:340px; text-align:left;}
	.modal a[name=close] { top:-40px; right:0;}
	.modal a[name=close]:hover { text-decoration: underline;}
	.mcs-dialog { margin-left:-410px;}
	.mcs-dialog > div { width:680px; height:700px;text-align:left;}
	.mcs-dialog .title { text-align:left; margin-bottom:20px; line-height:1;}
	.modal .title { font-size:30px; margin-bottom:7px;}
	.mcs-dialog .city { float:left; width:170px; margin-right:30px; line-height:24px;}
    .mcs-dialog .city a { color:#332f19; text-decoration:underline;}
    .mcs-dialog .city.hidden { display:none;}
    .mcs-dialog .city a.active { font-weight:bold;}
	.modal.vform { margin-left:-390px; padding:0; top:200px;}
	.modal.vform > div { width:780px; padding:40px;}
	.rightcol { float:left; width:880px; margin-left:40px;}
	.leftcol { float:left; width:300px;}
	.contbot .left { float:left; width:580px;}
	.logo { float:left;}
	.footer .logo { width:240px;}
	.footmenu { float:left; width:200px;}
	.mod110 { width:400px;}
	.mod110 ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
	.footer .right { float:right; width:320px;}
	.catitem .videoblock .image { float:right; width:440px; height:250px;}
}

@media only screen and (max-width: 746px) {
	body { min-width:320px; width:320px; margin:0 auto;}
	.sh, .mod1, .mod98 span, .logo a[name=close], .mod132, .mod151, .grouptitle, #institution .list, .garantdesc .image, .delivery .map, .mod153 .title, .mod1 img { display:none;}
	.sheet { width:320px; padding-left:10px !important; padding-right:10px !important; height:auto !important;}
	.header { height:300px;}
	.header a[name="menu"] { border: 1px solid #fff; position:absolute; height: 36px; top:8px; right:8px; z-index:3; width: 36px;}
	h1, h2 { font-size:24px; text-align:center; margin-bottom:15px;}
	.mod1 { position:absolute; top:0; left:50%; width:320px; margin-left:-160px; padding:60px 10px 10px; background:#fff; z-index: 31;}
	img { max-width:100%;}
	.mod98 a { border: 1px solid #fff; position:absolute; top:8px; left:8px; height: 36px; overflow: hidden; text-indent: -500px; width: 36px;}
	.header .sheet { padding-top:70px; text-align: center;}
	.header .logo { position:absolute; top:0; left:60px; right:60px; padding-top:7px;}
	.logo { text-align:center;}
	.logo img { width:41px; float:left;}
	.logo a { text-align:left; display:inline-block; white-space:normal; overflow:hidden; float:none; display:block;}
	.logo a img { margin: 0 7px 0 0;}
	.logo a > span { float:left; font-size:12px; clear:none; position:relative; top:-2px; margin-top:14px;}
	.modal a[name="close"], .mod1 a[name="close"] { color:#f1ca92;}
	.mod1 li { text-align:left; line-height:20px; border-bottom:1px solid #ccc;}
	.mod1 li:last-child { border-bottom:none;}
	.mod1 li a { background:none !important; font-size:20px; display:block; padding:10px 0 10px; text-align:center;}
	.mcs-dialog .city, .top .sheet { margin:15px 0;}
	.logo li { display:inline-block;}
	.mod134, .mod131, .mod96, .mod153, .mod98 { width:auto; margin-bottom:20px; padding:0; background:none; text-align:center; float:none;}
	.content { padding-top:20px;}
	.leftcol, .rightcol { padding-bottom:20px;}
	.cont { padding:20px 10px;}
	.diplomas .item { height:auto; margin:0 0 30px; padding-bottom:20px;}
	.diplomas .name, .diplomas .rm { height:auto; margin-bottom:10px;}
	.diplomas .intro, .diplomas .znak { margin:0 10px 10px;}
	.contbot .title { font-size:24px; float:none; text-align:center;}
	.contbot img { float:none; margin:0 0 10px;}
	.footer .sheet { padding:20px 10px;}
	.footmenu { text-align:center; margin-bottom:30px; width:auto;}
	.footmenu li { font-size:14px;}
	.footer .logo { margin-bottom:20px;}
	.footer .title { margin-bottom:10px;}
	.mod110 li { padding:0;}
	.footer .right { text-align:center;}
	.mod149, .mod154 { padding-left:40px;}
	.garantdesc { padding-bottom:20px; margin-bottom:20px;}
	.garant div[class^=item] { background:none !important; margin-bottom:30px;}
	.garant .title, .faq .title { padding:0; text-align:center; height:auto; background: none; min-height:0; margin-bottom:10px;}
	.delivery { position:relative; padding-top:120px;}
	.delivery .selblock { position:absolute; top:0; left:0;}
	.delivery .dblock { float:none; width:280px; border-radius:6px;}
	.easy_entries .title { padding:0; background:none; margin-bottom:10px;}
	.contacts .right h4 { text-align:center; margin-bottom:10px;}
	.mod116 { margin-bottom:20px;}
	.mod116 button { float:none;}
	.contacts .right p { margin-left:0;}
	.picslider { padding:0 30px;}
	.catitem .videoblock .image { margin-bottom:20px;}
}