/*
Стиль создан компанией ШЕДЕВР (www.shedevr.com).
Разработан для проектов под управлением системы AURA (www.aura.tj).
*/

/*Основные стили*/
body{font-family: 'Trebuchet MS', Calibri, Arial; padding: 0; margin: 0; color: #000; font-size: 16px; background: #f5f5f5;}
a{color: #09a9e3; text-decoration: underline;}
a:hover{color: #09a9e3; text-decoration: none;}
a:focus{color: #09a9e3; text-decoration: none;}
a:active{color: #09a9e3; text-decoration: none;}
img{border: none;}
input,
select,
button,
textarea{-webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}

/*Базовые стили*/
.space{height: 20px;}
.test{border: 1px solid red !important;}
.clear{clear: both;}
.relative{position: relative;}
.absolute{position: absolute;}
.no-display{display: none !important;}
.justify{text-align: justify;}
.left-align{text-align: left;}
.right-align{text-align: right;}
.center-align{text-align: center;}
.lowercase{text-transform: lowercase;}
.uppercase{text-transform: uppercase;}
.block{display: block;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.bold{font-weight: bold;}
.strong{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}

/*Плавный переход*/
.transition{-moz-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}

/*Мигание*/
.blink{animation-duration: 500ms; animation-name: blink; animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes blink{from{opacity: 1;}to{opacity: 0.3;}}

/*Разметка*/
.wrapper{position: relative; width: 980px; margin: 0px auto;}

/*Настройка карты*/
.map{z-index: 20; position: relative; height: 300px;}
.map .language{background: rgba(255,255,255,0.8); width: 90px; padding: 10px 0px; position: absolute; top: 20px; left: 0px; right: 0px; z-index: 100; margin: auto auto; text-align: center; border-radius: 10px;}
.map .language img{padding: 0px 5px;}

/*Контент*/
.content{max-width: 550px; margin: 0 auto;}
.content .block{border-radius: 15px; margin: -50px 40px 17px 40px; z-index: 100; position: relative; background: #fff; padding: 28px;}
.content .block .face{white-space: nowrap;}
.content .block .face .avatar{display: inline-block; height: 50px; float: left;}
.content .block .face .avatar img{height: 50px;}
.content .block .face .name{display: inline-block; height: 50px; margin-left: 15px;}
.content .block .face .name h2{line-height: 0px; margin: 17px 0px 10px 0px; font-size: 20px;}
.content .block .face .name span{font-size: 14px; color: #737373;}
.content .block .text{font-size: 14px; margin: 30px 0px 18px 0px; color: #333;}
.content .block .icons{}
.content .block .icons .links{display: flex; align-items: flex-start; flex-wrap: nowrap; padding: 7px 0px 0px 0px;}
.content .block .icons .links .line{width: 100%; white-space: nowrap; padding-right: 7px;}
.content .block .icons .links .line:last-child{padding-right: 0px;}
.content .block .icons .links .line a{justify-content: center; margin: 0 auto; display: flex; font-size: 13px; border-radius: 5px; padding: 8px 14px; text-decoration: none;}
.content .block .icons .links .line .mr{margin-right: 5px; margin-top: 1px;}
.content .block .icons .links .facebook a{background: rgb(59,89,152); background: linear-gradient(0deg, rgba(59,89,152,1) 0%, rgba(73,104,170,1) 100%); color: #fff;}
.content .block .icons .links a:hover{opacity: 0.4;}
.content .block .icons .links a:active{opacity: 1; background: #3f3f3f !important; color: #fff;}
.content .block .icons .links .instagram a{background: rgb(250,143,33); background: linear-gradient(0deg, rgba(250,143,33,1) 0%, rgba(216,45,126,1) 100%); color: #fff;}
.content .block .icons .links .telegram a{background: rgb(40,133,196); background: linear-gradient(0deg, rgba(40,133,196,1) 0%, rgba(51,174,247,1) 100%); color: #fff;}
.content .block .icons .links .mail a{background: rgb(225,178,60); background: linear-gradient(0deg, rgba(225,178,60,1) 0%, rgba(240,193,75,1) 100%); color: #fff;}
.content .block .icons .links .address a{background: rgb(68,66,66); background: linear-gradient(0deg, rgba(68,66,66,1) 0%, rgba(63,63,63,1) 100%); color: #fff;}
.content .block .icons .links .phone a{background: rgb(37,179,59); background: linear-gradient(0deg, rgba(37,179,59,1) 0%, rgba(93,208,104,1) 100%); color: #fff;}
.footer{text-align: center; margin: 0px 0px 20px 0px;}
.footer .ml{margin-left: 3px;}
.footer a{color: #f4c241; font-size: 13px;}
.footer a:hover{color: #3f3f3f;}