/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties ======================================================== */
html {width:100%}
body {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#404040;background:#f2f2f2}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%;background:url(../images/bg-top.jpg) center 0 no-repeat}
.main {width:960px;padding:0;margin:0 auto;font-size:0.8125em;line-height:1.692em}
a {color:#6e3bb9;outline:none}
a:hover {text-decoration:none}
.col-1, .col-2 {float:left}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px;font-size: 16px;line-height: 22px;}
.p0 {margin-bottom:0px}
.p1 {margin-bottom:5px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.title {margin-bottom:18px}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 {color:#404040 !important}
/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px}
.spacing {margin-right:35px}
.indent {padding:0 0 0px 30px}
.indent-r {padding-right:40px}
.indent2 {padding:48px 0 0 30px}
.indent-bot {margin-bottom:20px}
.indent-bot2 {margin-bottom:30px}
.indent-bot3 {margin-bottom:45px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 20px 0px 0}
.img-indent2 {float:left;margin:0 13px 0px 0}
.img-indent-r {float:right;margin:0 0px 0px 40px}
.inner-top {margin-top:-8px}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .link, .button, .button2, .logo {text-decoration:none}
/*********************************header*************************************/
header {width:100%;background:#fff;margin-bottom:-90px;min-height:283px}
h1 {font-size:23px;line-height:1.217em;margin:0 0 16px 0;color:#404040;font-weight:normal;font-style:italic;letter-spacing:-1px}
.logo {display:block;width:100%;max-width: 324px;height:66px;text-indent:-5000px;background:url(../images/logo.png) 0 0 no-repeat}
	.logo strong {color:#6e3bb9;font-style:italic;}
.slogon {display:block;font-size:17px;line-height:1.2em;color:#727272;font-weight:normal}
.row-top {width:100%;min-height:105px;background:url(../images/row-top.gif) center top repeat-x #fff;border-bottom:5px solid #f2f2f2}
.row-bot {width:100%;background:url(../images/row-bot-bg.webp) center top repeat-x}
	#page1 .row-bot {min-height:523px}
.row-bot-shadow {width:100%;background:url(../images/row-bot-shadow.webp) center top no-repeat}
#search-form {padding:40px 32px 0 0}
#search-form fieldset {position:relative;width:100%;display:block;overflow:hidden}
#search-form .search-field {width:165px;background:url(../images/search-input-tail.gif) 0 0 repeat-x;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px}
#search-form input {color:#727272;width:131px;font-size:15px;padding:5px 10px 5px 18px;font-family:Arial, Helvetica, sans-serif;background:none;border:none;margin:0;outline:none}
#search-form .search-button {display:block;width:29px;height:29px;text-indent:-5000px;background:url(../images/search-button-tail.gif) 0 0 repeat-x #000;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:absolute;right:0;top:0}
	#search-form .search-button span {display:block;background:url(../images/search-marker.png) 9px 11px no-repeat;}
#search-form .search-button:hover {background:#000}
/***** slider *****/
.slider-wrapper {padding:10px 0 0 10px;width:930px;height:520px;background:url(../images/slider-bg.jpg) 0 0 no-repeat;position:relative;overflow:hidden}
.slider {width:920px;height:430px;position:relative}
.items {display:none}
.pagination {position:absolute;left:430px;top:446px;z-index:99}
.pagination li {float:left;margin-right:3px}
	.pagination li a {display:block;width:18px;height:18px;text-indent:-5000px;background:url(../images/slider-pagination.png) right top no-repeat;}
	.pagination li.current a, .pagination li a:hover {background-position:left top}
	.pagination li.current a {cursor:default}

/*********************************content*************************************/
#content {width:100%;padding:39px 0 58px 0;background:url(../images/content-tail.gif) center top repeat-x #fff}
	#page1 #content {padding:90px 0 60px 0}
.spacer-1 {width:100%;background:url(../images/pic-2.gif) 345px 0 repeat-y}
.spacer-2 {width:100%;background:url(../images/pic-2.gif) right 0 repeat-y}
.spacer-3 {width:100%;background:url(../images/pic-2.gif) 0 0 repeat-y}
.spacer-4 {width:100%;background:url(../images/pic-2.gif) 666px 0 repeat-y}
.spacer-5 {width:100%;background:url(../images/pic-2.gif) 586px 0 repeat-y}
h2 {font-size:23px;line-height:1.217em;margin:0 0 16px 0;color:#404040;font-weight:normal;font-style:italic;letter-spacing:-1px}
h3 {font-size:20px;line-height:1.2em;margin:10px 0 10px 0;color:#6e3bb9;font-weight:normal;font-style:italic;letter-spacing:-1px}
h6 {color:#000;margin-bottom:10px}
.title-1 {display:block;font-size:30px;line-height:1.2em;color:#6e3bb9;font-style:italic;font-weight:normal;letter-spacing:-2px}
.title-2 {display:block;font-size:19px;line-height:1.21em;color:#404040;font-style:italic;font-weight:normal;letter-spacing:-1px}
.border-bot {width:100%;padding-bottom:38px;background:url(../images/pic-2.gif) 0 bottom repeat-x}
.border-bot2 {width:100%;padding-bottom:35px;background:url(../images/pic-2.gif) 0 bottom repeat-x}
.box {width:100%;min-height:295px;background:url(../images/bg-box.png) 0 0 repeat}
.button {display:inline-block;font-size:24px;line-height:1.208em;padding:7px 20px 9px;color:#fff;background:url(../images/button-tail.gif) left top repeat-x #010101;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-style:italic;letter-spacing:-1px}
	.button:hover {background:#010101}
.button2 {display:inline-block;font-size:18px;line-height:1.22em;padding:0px 26px 3px;color:#fff;background:url(../images/button2-tail.gif) left top repeat-x #010101;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-style:italic;letter-spacing:-1px}
	.button2:hover {background:#010101}
.list-1 li {padding:0 0 23px 25px;background:url(../images/marker-2.gif) 0 5px no-repeat}
.list-1 li.last {padding:0 0 0 25px}
	.list-1 li span {display:block}
	.list-1 li a {font-weight:bold;display:inline-block;margin-bottom:3px}
		.list-1 li a:hover {text-decoration:underline}
.list-2 li {padding:0 0 19px 25px;background:url(../images/marker-2.gif) 0 5px no-repeat}
.list-2 li.last {padding:0 0 0 25px}
	.list-2 li a {display:inline-block}
		.list-2 li a:hover {text-decoration:none}
.link:hover {text-decoration:underline}
.link-1 {display:inline-block;width:7px;height:7px;text-indent:-5000px;background:url(../images/marker.gif) right 0px no-repeat;cursor:pointer;margin-top:7px}
.link-2 {display:inline-block;padding-left:28px;background:url(../images/marker-3.gif) 0 4px no-repeat}
.link-2:hover {text-decoration:none}
.tdate-1 {display:block;color:#000;font-weight:bold}
.text-1 {font-size:14px}
.text-2 {font-size:14px;line-height:1.285em}
dl dt {font-weight:bold;color:#6e3bb9}
dl span {float:left;width:78px}
dl.news dt {font-weight:normal}
/***** Contact form *****/
#contact-form {display:block}
#contact-form label {display:block;height:33px;overflow:hidden}
#contact-form input {float:left;width:427px;font-size:13px;line-height:1.23em;color:#404040;padding:3px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #e5e5e5;background:none}
#contact-form textarea {float:left;height:208px;overflow:auto;width:427px;font-size:13px;line-height:1.23em;color:#404040;padding:3px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #e5e5e5;background:none}
.text-form {float:left;display:block;font-size:13px;line-height:1.23em;width:82px;color:#404040;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding-top:3px}
.buttons {padding:20px 7px 0 0;text-align:right}
.buttons a {margin-left:10px}
/****************************footer************************/
footer {width:100%;padding:22px 0 20px}
.footer-text {display:block;line-height:26px}
	.footer-text span {display:block}
.support-phone {display:block;font-size:45px;line-height:1.2em;color:#404040;letter-spacing:-1px;margin-top:-3px}
	.support-phone strong {display:inline-block;font-size:27px;line-height:1.22em;color:#6e3bb9;padding-top:18px;}
.list-services {padding:6px 0 0 0}
	.list-services li {float:left;padding:0 14px 0 0;}
		.list-services li a {	display:block;	width:40px;	height:40px;	background:url(../images/social-icon.png) 0 0 no-repeat;}
		.list-services li a.l-2 {background-position:-54px 0}
		.list-services li a.l-3 {background-position:-108px 0}
		.list-services li a.l-4 {background-position:-162px 0}
		.phone {position:absolute;margin-top:10px;margin-left:750px;font-size:16px;line-height:26px;}
		.ph {font-size:20px;}
		.img1 {float:right;margin-left:10px;}
		.img2 {float:left;margin-right:10px;}


.lg {padding:30px 0 30px 32px;position:relative;float:left}
#send-indicator {
    color: #d2d2d2; 
    font-size: 22px; 
    float: right; 
}

#send-indicator.send-indicator--ok {
    color: #16CE16; 
}

#captcha-range {
    padding: 0; 
    width: 90%;
}
li{
margin:5px;
}


.social-link{
	padding: 2px;
	text-decoration: none;
	transition: opaicty .1s ease-in-out;
}
.social-link:hover{
	opacity: .8;
}

.container {
  column-count: 2;
}

/***** menu *****/
.menu {
    padding: 10px 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu li {
    margin-right:2px
}
.menu li.last {
    margin:0
}

.menu li a {
    display:block;
	font-size: 16px;
	line-height: 20px;
	padding: 10px;
	color: #fff;
	text-align:center;
	background-color: rgba(138, 75, 197, .4);
}

.menu li strong {
	display:none;
	width:100%;
	height:5px;
	background:url(../images/menu-border-top.gif) center top repeat-x;
	position:absolute;
	left:0;
	top:-5px;
	z-index:99;
}

.menu li.active a, .menu li a:hover {
    background-color: #fff;
    
}
.menu li.active a, .menu li a:hover {
    color:#6e3bb9;
}
.menu li.active strong, .menu li:hover strong {
    display:block
    
}

img{
    max-width: 100%;
}

.phone-link{
    text-decoration: none;
    color: #000;
}

.phone-link:hover{
    color: #6e3bb9;
}



.d-none{
    display: none;
}

.modal {
  display: block;
  background: #fff;
  padding: 30px 40px 40px;
  margin: 0 auto;
  height: auto;
  max-width: 500px;
  width: 100%;
  position: relative;
  border-radius: 0;
  box-sizing: border-box;
}

.modal__form-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 6px;
  color: #000;
  padding-right: 25px;
}

.modal__form-info {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 30px;
  color: #666;
}

.modal .form-group {
  margin-bottom: 25px;
}

.modal textarea {
  min-height: 100px;
}

.modal .btn {
  width: 100%;
}

.form-control {
    width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 14px 25px;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  color: #333;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  height: auto;
  box-sizing: border-box;
}

.form-control:focus {
  outline: 0;
  border-color: #6e3bb9;
  -webkit-box-shadow: 0 0 0 3px rgba(27, 49, 155, 0.25);
          box-shadow: 0 0 0 3px rgba(27, 49, 155, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #888;
  font-weight: 400;
}

.form-control::-moz-placeholder {
  color: #888;
  font-weight: 400;
}

.form-control:-moz-placeholder {
  color: #888;
  font-weight: 400;
}

.form-control:-ms-input-placeholder {
  color: #888;
  font-weight: 400;
}

.form-control.error {
  border-color: #ff0000;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25);
          box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25);
}

.form-control.error::-webkit-input-placeholder {
  color: #ff0000;
}

.form-control.error::-moz-placeholder {
  color: #ff0000;
}

.form-control.error:-moz-placeholder {
  color: #ff0000;
}

.form-control.error:-ms-input-placeholder {
  color: #ff0000;
}

.form-control.error + .form-control-feedback {
  color: #ff0000;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background: whitesmoke !important;
}


.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0;
  background: #6e3bb9;
  color: #fff;
  border: 1px solid #6e3bb9;
  padding: 12px 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  white-space: normal;
  text-decoration: none;
  -webkit-transition: color .1s ease-in-out, background .1s ease-in-out, border-color .1s ease-in-out;
  -o-transition: color .1s ease-in-out, background .1s ease-in-out, border-color .1s ease-in-out;
  transition: color .1s ease-in-out, background .1s ease-in-out, border-color .1s ease-in-out;
}

.btn:hover {
  text-decoration: none;
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

.btn:hover .rg,
.btn:hover .fas,
.btn:hover .far,
.btn:hover .fab,
.btn:hover .feather {
  color: #6e3bb9;
}

.btn:focus, .btn:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}

.btn .rg,
.btn .fas,
.btn .far,
.btn .fab,
.btn .feather {
  color: #17E1E3;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
  -webkit-transition: color .1s ease-in-out;
  -o-transition: color .1s ease-in-out;
  transition: color .1s ease-in-out;
}

.btn--inverse {
  background: transparent;
  border: 1px solid #6e3bb9;
  color: #6e3bb9;
}

.btn--inverse:hover {
  background: #6e3bb9;
  border-color: #6e3bb9;
  color: #fff;
}

.btn--inverse:hover .fas,
.btn--inverse:hover .far,
.btn--inverse:hover .fab,
.btn--inverse:hover .feather {
  color: #17E1E3;
}

.btn--clear {
  background: transparent;
  border: none;
  padding: 0;
  color: #6e3bb9;
}

.btn--clear:hover {
  background: transparent;
  border: none;
  color: #000;
}

.modal-btn{
    margin: 35px 0 5px;
}

.logo-wrapper{
    padding: 30px 0 30px 32px;
}



.footer-menu{
    margin: 0;
    padding: 30px 0 50px;
    list-style: none;
    column-count: 4;
    column-gap: 15px;
}

.footer-menu li{
    display: inline-block;
    width: 100%;
}

.footer-menu a{
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.footer-menu a:hover{
    text-decoration: underline;
}

.footer-menu li.active a{
    font-weight: 700;
}

/*Для блога*/

.page-header-blog {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
    font-style: italic;
   
}
.article-wrapper {
    
    background: #dec3ff;
    color: #000;
    margin-bottom: 30px;
    padding: 10px;
    font-size: 16px;
   
}

.media-bottom-content {
    margin-top: 30px;
}


.media-link {
    float: right;
    font-weight: 600;
}

.media-date {
    font-weight: 500;
}
/*-----*/



.center-block-email {
    max-width:400px;
    margin:0 auto;
}

.center-title-email {
    text-align: center;
}

.mb-email-block {
    margin-bottom:10px;
}

.img-wrap {
    width:100px;
}

.new-wrap {
    display:flex;
    align-items:center;
}

.text-wrap {
    width:200px;
    margin-left:20px;
}

.main-text-wrap{
    max-width:590px;
}

@media (max-width: 930px) {
    .dom-wrap {
        display:block!important;
    }
    .new-wrap {
    display: flex;
    margin-bottom:20px;
    }
}

@media (max-width: 766px) {
    .footer-menu {
        flex-direction: column;
        display: flex;
        /* align-items: center; */
        text-align: center;
    }
}

@media (max-width: 540px) {
    .kk {
        width: 100% !important;
    }
    .kk a {
        margin: 0 auto;
    margin-bottom: 20px;
    }
}

@media (max-width: 340px) {
    .textarea-email {
    max-width:170px;
    }
}