/**
 * RESET
 * Reference: http://meyerweb.com/eric/tools/css/reset/
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
    display: block;
}

body {
    line-height: 1.618;
    font-family: Arial, Helvetica, sans-serif;
	background: #f9f9f9;
    color: #465665;
}

ol, ul {
    list-style: none;
}

p {
    margin: 0 0 1em;
}

h1, h2, h3, h4 {
    margin: .5em 0 .75em;
    line-height: 1.3;
	text-transform: uppercase;
}

/**
 * BOX HACKING
 */
html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
}

/**
 * CLEAR FLOATS
 * Reference: http://w3bits.com/clearfix
 */

.cf:after {
    content: "";
    display: table;
    clear: both;
}

/**
 * CONTENT WRAPPER
 */

.wrapper {
    margin-left: auto;
    margin-right: auto;
	padding: 0.5em;
}

/**
 * MEDIA SETTINGS
 */
 
img {
  max-width: 100%;
  vertical-align: bottom;
}

.title {
  font-weight: 700;
}

.desc {
  font-size: 1em;
  text-transform: uppercase;
  clear: both;
}

.title,
.desc,
.intro {
  text-align: center;
}

.review_cont {
	border-top: 3px double rgba(0, 0, 0, 0.05); 
	clear: both;
	min-height: 160px;
	max-width: 600px;
    margin: auto;
}

.review_cont a img {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.review_cont a:hover img {
    opacity: .75;
}

.review {
	max-width: 600px;
	margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.reviewimg_cont {
   width: 130px;
   height: 130px;
   overflow: hidden;
   border-radius: 50%;
   margin: 10px;
}

.reviewimg {
  height: 130px;
  margin: 0 auto;
  max-width: none;
}

.album_video{
  text-align: center;
}

a {
  text-decoration: none;
  color: #5b7083;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.intro {
  margin: 1.75em 0 .75em;
  border-bottom: 3px double rgba(0, 0, 0, 0.05);
  margin-bottom: 1.75em;
}
.intro a {
  opacity: .7;
}
.intro a:hover {
  opacity: 1;
}
.intro h3 {
  font-size: .825em;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin: .25em .75em .75em;
}
.intro h3 a {
  font-weight: 400;
}

.logo {
  margin: 0.75em 0 .75em;
  text-align: center;
  opacity: 0.9;
}

.see_more{
	cursor:pointer;
	float: right;
	border: 1px solid #5b7083;
    background: #f7f7f7;
	text-align: center;
	padding: 5px;
	color: #5b7083;
	margin: 10px;
	opacity: .7;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.see_more:hover {
  opacity: 1;
}

#mainmenu span{
	text-transform: uppercase;
	margin-right:15px;
	font-size: 15px;
	}
#mainmenu span:last-child{
	margin-right:0px
	}
.toggle-menu ul{
	display:table;
	width:31px;
	margin-left:0;
	padding-left:0;
	margin:5px
	}
.toggle-menu ul li{
	width:100%;
	height:3px;
	background-color:#5b7083;
	margin-bottom:4px;
	list-style:none
	}
.toggle-menu ul li:last-child{
	margin-bottom:0
	}
	
input[type=checkbox],label{display:none}
@media (max-width: 767px) {
  .intro{margin-top:0px;}
  label{display:inline-block;cursor:pointer;}
  input[type=checkbox]:checked ~ #mainmenu span{display:block}
  input[type=checkbox]:checked ~ #mainmenu {display:block}
  #mainmenu {
      display:none;
  }
  #mainmenu span{
	  display:none; 
	  margin-right:0px; 
	  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
	  }
}


@media (max-width: 767px) {
    .lab-article-link span,
    .lab-share span {
        display: none;
    }
}

@media (min-width: 1024px) {
    .lab-follow {
        display: inline-block;
        position: fixed;
        right: -34px;
        bottom: 20%;
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
    }
}

@media (min-width: 768px) {
	div.bsap_1306043,div.bsap_1306043 a,div.bsap_1306043 a.adhere{width:728px;min-height:90px;}
}

@media (max-width: 767px) {
    .lab-share {
        text-align: right;
    }
}


.topimage {
  position:absolute; 
  left:0px; 
  top:0px; 
  opacity: 0; 
  width:300px; 
  height:200px
}
.loadingimage {
  opacity: 1; 
  width:32px; 
  height:32px; 
  margin-top:50px; 
  margin-left:150px;
}


#div_main {
  position:relative; 
  width:300px; 
  height:200px; 
  border: 1px solid #ffffff; 
  margin:auto; 
}
@media (min-width: 970px) {
    #div_main {width:900px; height:600px;}
    .topimage {width:900px; height:600px}
    .loadingimage {margin-top:200px; margin-left:450px;}
}

@media (max-width: 969px) and (min-width: 768px) {
    #div_main {width:600px; height:400px;}
    .topimage {width:600px; height:400px}
    .loadingimage {margin-top:100px; margin-left:300px;}
}


.inner {
    padding-right: 4em;
    padding-left: 4em;
}
.inner--footer p{
  margin:0;
}
.inner {
    position: relative;
    max-width: 1250px;
    padding-right: 2em;
    padding-left: 2em;
}
.wrapper, .inner {
    margin-right: auto;
    margin-left: auto;
}
figure, .figure, .center {
    text-align: center;
}

.footer, .footer a {
    color: #black;
}
.footer {
    background-color: rgba( 255, 255, 255, .8 );
}

.font-12px {
    font-size: 12px;
}

#toTop {
width:40px;
border:1px solid #ccc;
background:#f7f7f7;
text-align:center;
padding:1px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
color:#333;
font-family:verdana;
font-size:18px;
}

.facebook {
    background: url(/common/img/social.png) no-repeat -0px -0px;
}
.instagram {
    background: url(/common/img/social.png) no-repeat -26px -0px;
}
.google {
    background: url(/common/img/social.png) no-repeat -52px -0px;
}
.viber {
    background: url(/common/img/social.png) no-repeat -78px -0px;
}
.telegram {
    background: url(/common/img/social.png) no-repeat -104px -0px;
}
.call {
    background: url(/common/img/social.png) no-repeat -130px -0px;
}

.social a {
	width: 26px;
    height: 28px;
    display: inline-block;
}

.footer_phone{
    font-size: 13px;
    vertical-align: top;
    margin-top: 3px;
}

.footer {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
padding: 0.625rem 1.25rem 0;}
.wrapper {
margin-bottom: 85px;
}

.flex-container{display: flex;justify-content: space-between;align-items: stretch;flex-direction: row;height: auto;width: 100%;font-size:16px;padding: 5px 10px;margin:10px 0;}
.flex-container ul {padding-left:10px;}
.flex-container li {padding: 2px;}
.flex-header{font-weight:700;text-align: center;line-height: 40px;}
.flex-text{font-weight:300;}

@media (max-width: 768px) {
.flex-container div{float:left;}
.flex-container {display: grid;}
}

.navbar-lang span {
    font-weight: 700;
    background-color: #465665;
    color: white;
    border-radius: 12px;
}

.navbar-lang a, span {
    padding: 4px 12px;
}

div.navbar-lang {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: small;
}