@import url('https://fonts.googleapis.com/css?family=Lobster');

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


body {background:#fbfaf8 url(img/flower-bg.jpg) repeat-x center top;
      font-weight: normal;
      font-size: 11px;
      font-family: Tahoma,Arial;
    }

.header-title{text-align: center;padding-top: 130px;margin-bottom:15px}
.header-title h1{display: inline-block;font-family: 'Lobster', cursive; color:#593489;font-size: 48px;position: relative; font-weight: normal;}
.header-title h1:after{background: transparent url(img/wisdom.png) no-repeat; content: '';
 	position: absolute; width: 36px;

height: 36px;

background-size: contain;

top: -12px;

right: -15px;}
.header-title h1 small{color: #c28aa2; font-size: 20px;font-family: Tahoma;display: block;}

.contact {text-align: center;
display: block;
margin: 10px auto;
width: 365px;}
.contact strong {font-weight: normal;color: #333;
    font-size: 14px;
}
.contact nav {margin: 20px 0 0;padding: 60px 0 0;position: relative;}
.contact nav .all-line {position: relative;padding: 0px 0 6px;height: 120px;clear: both;}

.menu-item {float: left;transition: .3s;text-decoration: none;
border-top:2px solid #cf9db2;
border-bottom:2px solid #cf9db2;
position: relative;
background: transparent;
width: 70px;
height: 120px;
margin: 0px 37px;opacity: .8; color:#593489;}
.menu-item.top {position: absolute;top: -62px; left: 110px;}
.menu-item.line {position: absolute;left: 220px;}

.menu-item span {
position: relative;
text-align: center;
display: block;
line-height: 120px;
color: #fff;
z-index: 1;
}

.menu-item:after,
.menu-item:before {
    content: '';
display: block;
position: absolute;
border-top: 2px solid #cf9db2;
border-bottom: 2px solid #cf9db2;
left: 0;
top: -2px;
right: 0;
bottom: -2px;
-webkit-transform: rotate(120deg);
background: transparent;
}

.menu-item:before {
    -webkit-transform: rotate(-120deg);
}

.menu-item:hover {opacity: 1; border-color: #e9aec6; text-decoration: underline;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.menu-item:hover:after,
.menu-item:hover:before {border-color: #e9aec6;
}




.menu-item span span{color: #481b83;
display: block;
line-height: 1;
text-align: center !important;
font-size: 10px;}
.menu-item span span span {
    display: block;
    background: #481b83 url(/img/social.png) no-repeat;
    background-size: auto 28px;
    opacity: .8;
    width: 44px;
    height: 44px;
    margin: 25px auto 5px;
    border-radius: 50%;
    border: 0px solid #481b83;}
.menu-item span.mail span {background-position: 3px center;}
.menu-item span.tg span {background-position: -46px center;}
.menu-item span.vb span { background-position: -87px center;}
.menu-item span.vk span { background-position: -127px center;}
.menu-item span.fb span { background-position: -168px center;}
.menu-item span.ig span { background-position: -206px center;}
.menu-item span.wa span { background-position: -245px center;}
    .b-copyright {clear: both;text-align: center; margin:40px 0 80px;}
    .b-copyright__link {transition: .3s;opacity: .7;  color: #777;   }
    .b-copyright__link:hover {opacity: 1; }

.trackform{text-align: justify; border: 1px solid #cf9db2; border-radius: 10px; padding: 10px; width: 90%; max-width: 400px; margin: 40px auto}
.trackform strong{display: block; font-size: 14px;text-align: center; }
.trackform form{position: relative;padding-right: 65px; margin: 10px auto}
.trackform form input {width: 98%;padding: 10px 0 10px 5px;border: 1px solid #481b83;border-radius: 7px 0 0 7px}
.trackform form .button{width:60px; right: 0; top: 0; position: absolute; padding: 10px 0; background:#481b83; opacity: .8; color:#fff; border:1px solid #481b83;text-align: center; border-radius: 0 7px 7px 0; cursor: pointer;}
.trackform form .button:hover{opacity: 1}
@media screen and (max-width: 640px) {
 	 body{background-size: 420px auto;}
  	.header-title {padding-top: 68px;}
  	.header-title h1:afrter {width: 30px;height: 30px;}
  	.header-title h1 {font-size: 30px;}
  	.header-title h1 small {font-size: 18px;}
	.b-copyright{bottom: 30px}
	.menu-item {width: 53px;height: 91px;}
	.contact {width: 280px;}
	.contact nav .all-line {height: 90px;}
	.menu-item{margin:0 30px;}
	.menu-item span {line-height: 95px;}
	.menu-item span span span{margin-top: 15px;}
	.menu-item.top {top: -48px;left: 84px;}
	.menu-item.bottom {left: 84px;bottom: -48px;}
	.menu-item.line {left: 168px;}

}