/* #Fonts
================================================== */
@font-face {
	font-family: 'BebasNeue-Regular';
	src: url('../fonts/BebasNeueRegular_gdi.eot');
	src: url('../fonts/BebasNeueRegular_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueRegular_gdi.woff') format('woff'), url('../fonts/BebasNeueRegular_gdi.ttf') format('truetype'), url('../fonts/BebasNeueRegular_gdi.svg#BebasNeueRegular-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2248;
}
@font-face {
	font-family: 'BebasNeue-Light';
	src: url('../fonts/BebasNeueLight_gdi.eot');
	src: url('../fonts/BebasNeueLight_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueLight_gdi.woff') format('woff'), url('../fonts/BebasNeueLight_gdi.ttf') format('truetype'), url('../fonts/BebasNeueLight_gdi.svg#BebasNeueLight-Regular') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2248;
}
@font-face {
	font-family: 'BebasNeue-Book';
	src: url('../fonts/BebasNeueBook_gdi.eot');
	src: url('../fonts/BebasNeueBook_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueBook_gdi.woff') format('woff'), url('../fonts/BebasNeueBook_gdi.ttf') format('truetype'), url('../fonts/BebasNeueBook_gdi.svg#BebasNeueBook-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2248;
}
@font-face {
	font-family: 'BebasNeue-Bold';
	src: url('../fonts/BebasNeueBold_gdi.eot');
	src: url('../fonts/BebasNeueBold_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueBold_gdi.woff') format('woff'), url('../fonts/BebasNeueBold_gdi.ttf') format('truetype'), url('../fonts/BebasNeueBold_gdi.svg#BebasNeueBold-Regular') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2248;
}
@font-face {
	font-family: 'Calibri-Regular';
	src: url('../fonts/Calibri_gdi.eot');
	src: url('../fonts/Calibri_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri_gdi.woff') format('woff'), url('../fonts/Calibri_gdi.ttf') format('truetype'), url('../fonts/Calibri_gdi.svg#Calibri-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
	font-family: 'Calibri-Italic';
	src: url('../fonts/Calibri-Italic_gdi.eot');
	src: url('../fonts/Calibri-Italic_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri-Italic_gdi.woff') format('woff'), url('../fonts/Calibri-Italic_gdi.ttf') format('truetype'), url('../fonts/Calibri-Italic_gdi.svg#Calibri-Italic') format('svg');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}


/* #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, 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, menu, nav, sectionm, main {
    display: block; 
}
body {
    line-height: 1; 
	background: #242741;
}
ol, ul {
    list-style: none; 
}
blockquote, q {
    quotes: none; 
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; 
}
table {
    border-collapse: collapse;
    border-spacing: 0; 
}
a {
	background-color: transparent;
}
a:active, a:hover {
	outline: 0;
	text-decoration: none;
}

#claster {
    background: url("../img/claster_logo.png") no-repeat right;
    width: 167px;
    padding-top: 5px;
    height: 22px;
    font-size: 14px;
    color: #fff;
    font-family: Calibri;
    text-transform: none;
    text-decoration: none;
    margin: 30px auto 0 auto;
    text-align: left;
    opacity: 0.50;
}

#claster a {
    text-transform: none;
    text-decoration: none;
}

#claster_2 {
    margin-top: 50px;
    margin-right: 10px;
    text-align: right;
    opacity: 0.50;
}

#claster_2 a {
    font-size: 14px;
    color: #fff;
    font-family: Calibri;
    text-transform: none;
    text-decoration: none;
    padding-right: 105px;
    background: url("../img/claster_logo.png") no-repeat right;
    color: #FFFFFF;
    text-transform: none;
    text-decoration: none;
}


#koncep {
	padding: 75px 0; 
	width: 550px;
	margin: 0 auto;	
}
#koncep h3 {
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	padding: 0;	
}
#koncep p {
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 0;	
}
#koncep2 {
        margin-top: 75px; 	
}
#koncep2 .uslug p {
    background: url("../img/page_concept1.jpg") no-repeat left;
}
#koncep2 .pokup {
    background: url("../img/page_concept2.jpg") no-repeat left;
}
#koncep2 .razvl {
    background: url("../img/page_concept3.jpg") no-repeat left;
}
#koncep2 .otvets {
    background: url("../img/page_concept4.jpg") no-repeat left;
}
#koncep2 .uslug p,
#koncep2 .pokup p,
#koncep2 .razvl p,
#koncep2 .otvets p {
	padding-left: 185px;
	}
#koncep2 .uslug h3,
#koncep2 .pokup h3,
#koncep2 .razvl h3,
#koncep2 .otvets h3 {
	padding-left: 230px;
	padding-bottom: 15px;
	font-size: 26px;
	font-weight: normal;
	text-align: left;
	}
#koncep2 .uslug,
#koncep2 .pokup,
#koncep2 .razvl,
#koncep2 .otvets {
	padding-bottom: 35px;
	}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	box-sizing: content-box;
	height: 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
textarea {
	overflow: auto;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}


/* #Global
================================================== */
body {                  
    font: 14px/1 'BebasNeue-Regular';       
    color: #1a1a1a;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background: #fff;       
}
h1, h2, h3, h4, h5, h6 {    
    font-family: 'BebasNeue-Bold';    
}
a {
    color: #333;
    outline: none;    
}
button, .btn {       
    font-family: 'BebasNeue-Bold';             
    border: 0;    
    background: transparent;
    outline: none;
    cursor: pointer;    
    transition: background-color 0.4s ease;    
}
img {    
    max-width: 100%;
}
strong, b {    
    font-family: 'BebasNeue-Bold';
}
form * {
    outline: 0;
}
.form input[type=text]::-webkit-input-placeholder {color: rgba(102,102,102,1);}
.form input[type=text]::-moz-placeholder          {color: rgba(102,102,102,1);}
.form input[type=text]:-moz-placeholder           {color: rgba(102,102,102,1);}
.form input[type=text]:-ms-input-placeholder      {color: rgba(102,102,102,1);}

.form textarea::-webkit-input-placeholder {color: rgba(102,102,102,1);}
.form textarea::-moz-placeholder          {color: rgba(102,102,102,1);}
.form textarea:-moz-placeholder           {color: rgba(102,102,102,1);}
.form textarea:-ms-input-placeholder      {color: rgba(102,102,102,1);}


/* #Grid & Layouts
================================================== */
body {
    position: relative;
	background: #242741;
}
#container {
    position: relative;
    max-width: 1920px;
    min-width: 1257px;  	
    background: transparent;
	margin: 0 auto;
}
section {    
    clear: both;
}
.wrap {
    width: 1257px;
    margin: 0 auto;    
    padding: 0;    
    clear: both;
}


/* #Site Styles
================================================== */
/* HOME */
.home body {
    height: 100%;
    min-width: 1000px;
    background: #00011e;
    overflow-y: hidden;           
}
.home {
    height: 100%;
    min-width: 1000px;
    overflow-y: hidden;
}
.home #container {
    height: 100%;
    width: 100%;
}
.loader {
    position: fixed;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;    
    text-align: center;        
    color: #fff;    
    background: #00011e;
    z-index: 250;
    font-size: 30px; 
    line-height: 100%;
    opacity: 1;
}
.loader div {
    display: table-cell;
    vertical-align: middle;    
}
.loader span {    
  animation: pulse 0.72s infinite;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }  
}
.home .top {
    position: relative;
    height: 20%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;    
}
.home .middle {
    position: relative;
    height: 58%;
    padding: 0 3%;
    overflow: hidden;
    text-align: center;
}
.home .bottom {
    position: relative;
    width: 100%;
    height: 22%;
    overflow: hidden;
}
.home .middle .bg {
    position: absolute;
    top: 0;
    left: 50%;    
    width: 100%;    
    height: 100%;        
    z-index: 100;       
    opacity: 0;
    overflow: hidden;
}
.home .middle .bg div {
    position: absolute;
    top: 2px;
    left: 0;
    width: 6406px;
    height: 98%;
    background: url("../img/bg-home.jpg") 0 center scroll repeat-x;
}
.home .middle .mask {
    position: relative;
    height: 99%;     
    z-index: 200;
    border: 2px solid #00011e;
}
.home .top h2 {
    position: absolute;       
    bottom: 0;        
    left: 0;    
    width: 100%;   
    margin-left: -6px;        
    font-family: 'BebasNeue-Light';
    color: #fff;    
    font-size: 11.5vh;    
    letter-spacing: 1.18vh;
    text-align: center;    
}
@media only screen and (max-width: 1280px) and  (max-height: 1024px) {
    .home .top h2 {
        font-size: 7.2vw;
        letter-spacing: 1vw;
    }        
}
.choice-store {        
    position: relative;
    width: 100%;
    z-index: 100;             
}
.choice-store a {
    position: relative;
    float: left;    
    text-align: left;
    font-family: 'BebasNeue-Bold';    
    font-size: 4.4vw;
    color: #fff;        
    text-decoration: none;
    text-transform: uppercase;
    z-index: 100; 
    transition: margin 0.3s ease;   
}
.choice-store .right {
    float: right;
    margin-right: 3px;          
    text-align: right;
}
.choice-store a strong {
    display: block;
}
.choice-store a span {    
    display: inline-block;
    vertical-align: top;
    padding: 4px 10px 5px;
    font-family: 'BebasNeue-Book';
    font-size: 1.5vw;            
    background: #f30;
    clear: both;    
}
.choice-store .left {
    left: 0;
    top: 50px;
    opacity: 0;
}
.choice-store .right {
    right: 0;
    top: 50px;
    opacity: 0;
}
.choice-store .left:hover {
    margin-left: 10px;
}
.choice-store .right:hover {
    margin-right: 10px;
}
.home .social-link {        
    position: absolute;
    top: 28%;
    left: 0;
    width: 100%;
    z-index: 50;   
    text-align: center;    
}
.home .social-link li {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 41px;
    margin: 0 25px;
    border: 1px solid #fff;
    transition: border 0.4s ease;
    z-index: 50;
    opacity: 0;    
}
.home .social-link li:hover {
    border-color: #f30;
}
.home .social-link .icon-1 {
    background: url("../img/icon-social.png") 0 0 no-repeat;
}
.home .social-link .icon-1:hover {
    background: url("../img/icon-social-hov.png") 0 0 no-repeat;
}
.home .social-link .icon-2 {
    background: url("../img/icon-social.png") 0 -42px no-repeat;
}
.home .social-link .icon-3 {
    background: url("../img/icon-social.png") 0 -84px no-repeat;
}
.home .social-link .icon-4 {
    background: url("../img/icon-social.png") 0 -126px no-repeat;
}
.home .social-link .icon-4:hover {
    background: url("../img/icon-social-hov.png") 0 -126px no-repeat;
}
.home .social-link .icon-5 {
    background: url("../img/icon-social.png") 0 -168px no-repeat;
}
.home .social-link .icon-5:hover {
    background: url("../img/icon-social-hov.png") 0 -168px no-repeat;
}
.home .social-link .icon-6 {
    background: url("../img/icon-social.png") 0 -210px no-repeat;
}
.home .social-link .icon-6:hover {
    background: url("../img/icon-social-hov.png") 0 -210px no-repeat;
}
.home .social-link .icon-7 {
    background: url("../img/icon-social.png") 0 -252px no-repeat;
}
.home .social-link .icon-7:hover {
    background: url("../img/icon-social-hov.png") 0 -252px no-repeat;
}
.home .social-link a {
    display: block;
    width: 100%;
    height: 100%;
}
.browserupgrade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 0;
    display: block;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Calibri-Regular';
    color: #fff;
    background: #f30;
    z-index: 999;
}



/* PARALAKS */

/* PAGE */

#content {    
    padding-top: 118px !important;
}

/* header */
#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    transition: top 0.4s ease;
}
#header.fixed {
    top: -43px;
}
#header .navbar {
    font-family: 'Calibri-Regular';    
}
#header .info * {
    display: inline-block;
    vertical-align: top;    
    font-family: 'Calibri-Regular'; 
    }
#header .info {
    height: 43px;
    border-bottom: none;
    background: #27273c;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 43px;
    overflow: hidden;
}
#header .info .wrap {
    display: block;
}
#header .info h1 {
    padding-left: 20px;
}
#header .social-link {
    padding: 11px 0 0 24px;    
	float: right;
margin-right: 80px;
}

#adr {
background: url("../img/icon-address.png") no-repeat;
background-size: auto 18px;
background-position: 0 12px;
padding: 0 30px 0 25px;
margin-left: 30px;
}

#time {
background: url("../img/icon-time.png") no-repeat;
background-size: auto 19px;
background-position: 0 12px;
padding: 0 30px 0 33px;
margin-left: 0;
}

#tel {
background: url("../img/icon-tel.png") no-repeat;
background-size: auto 18px;
background-position: 0 12px;
padding: 0 20px 0 33px;
margin-right: 75px;
}

#tel2 {
background: url("../img/icon-tel.png") no-repeat;
background-size: auto 18px;
background-position: 5px 12px;
padding: 0 30px 0 33px;
margin-right: 0px;
}

#header .social-link li {
    width: 22px;
    height: 21px;
    margin-right: 5px;
    transition: all 0.2s ease;  
}
#header .social-link a {
    display: block;
    width: 100%;
    height: 100%;
}
#header .social-link .icon-1 {
    width: 21px;
    background: url("../img/icon-social-2.png") 0 0 no-repeat;
}
#header .social-link .icon-2 {
    background: url("../img/icon-social-2.png") 0 -22px no-repeat;
}
#header .social-link .icon-3 {
    background: url("../img/icon-social-2.png") 0 -44px no-repeat;
}
#header .social-link .icon-4 {
    background: url("../img/icon-social-2.png") 0 -66px no-repeat;
}
#header .social-link .icon-5 {
    background: url("../img/icon-social-2.png") 0 -88px no-repeat;
}
#header .social-link .icon-6 {
    background: url("../img/icon-social-2.png") 0 -110px no-repeat;
}
#header .social-link .icon-7 {
    background: url("../img/icon-social-2.png") 0 -132px no-repeat;
}

#header .social-link .icon-1:hover {
    width: 21px;
    background: url("../img/icon-social-22.png") 0 0 no-repeat;
}
#header .social-link .icon-2:hover {
    background: url("../img/icon-social-22.png") 0 -22px no-repeat;
}
#header .social-link .icon-3:hover {
    background: url("../img/icon-social-22.png") 0 -44px no-repeat;
}
#header .social-link .icon-4:hover {
    background: url("../img/icon-social-22.png") 0 -66px no-repeat;
}
#header .social-link .icon-5:hover {
    background: url("../img/icon-social-22.png") 0 -88px no-repeat;
}
#header .social-link .icon-6:hover {
    background: url("../img/icon-social-22.png") 0 -110px no-repeat;
}
#header .social-link .icon-7:hover {
    background: url("../img/icon-social-22.png") 0 -132px no-repeat;
}


#header address {    
    padding: 0 25px 0 31px;
    padding-left: 28px;

}
#header .info form {
    margin-top: 11px;       
}
#header .info form input {
    float: left;
    width: 173px;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    text-transform: uppercase;
    color: #fff;
    background: #27273c;
    border-radius: 0;
    border: solid #fff 1px;
    transition: all 0.4s ease 0s;
    }

#header .info form input::-webkit-input-placeholder {color:#fff;}
#header .info form input::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
#header .info form input:-moz-placeholder           {color:#fff;}/* Firefox 18- */
#header .info form input:-ms-input-placeholder      {color:#fff;}
#header .info form input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
#header .info form input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
#header .info form input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
#header .info form input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
#header .info form input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
#header .info form input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
#header .info form input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
#header .info form input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

#header .info form input:hover,
#header .info form input:active,
#header .info form input:hover,
#header .info form input:active {
}
#header .info form button {
    float: left;
    width: 23px;
    height: 23px;
    background: url("../img/icon-arrow2.png") 0 0 no-repeat;
    border: 0;
    margin-left: 1px;
    transition: all 0.4s ease;
}
#header .info form button:hover {
    background-color: none;
}
#header .logo {
    float: left;
    width: 222px;
    height: 63px;
    margin: 7px 0 0 15px;
}   
#header nav {
    float: right;    
    padding-right: 54px;
}

/* content */
.title {
    padding-left: 20px;
    padding-top: 62px;
    font-family: 'BebasNeue-Light';
    font-size: 104px;
    text-transform: uppercase;
    color: #fff;
}
/* intro */
#intro {
    width: 100%;
    height: 830px;
}

#intro .caption {
    padding-top: 250px;
    padding-right: 30px;
    text-align: right;
}
#intro .caption h3 {
    font-family: 'BebasNeue-Light';
    font-size: 140px;
    line-height: 110px;
}
#intro .caption h3 span {
    display: block;
    color: #f30;
}
   
/* about-us */
		article {
			position: relative;
			width: 100%;
    height: 804px;
			overflow: hidden;
		}
		article .bg {
			position: absolute;
			bottom:0;
			left: 0;
			width: 100%;
			z-index: -1;
			height: 120%;
top: -150px;
		}

#about-us {    
    width: 100%;
    height: 904px;
}
#about-us .title {
    color: #fff;
}
.about-us-info {
    text-align: center;
}
.about-us-info .item {
    display: inline-block;
    vertical-align: top;
    padding: 76px 46px 0;
    cursor: pointer;
}
.about-us-info .item img {
    transition: all 0.4s ease;
}
.about-us-info .item:hover img {
    transform: rotateZ(35deg);
}

.about-us-info-5 {
    text-align: center;
}

.about-us-info-5 .overlay {

	}


.item .overlay.photogal {
	width: 217px;
	height: 250px;
	z-index:1;
	position: absolute;
	background: url(../img/about-us-bord.png);
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.item:hover .overlay.photogal {
  -webkit-transform: rotate(120deg);
     -moz-transform: rotate(120deg);
       -o-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}

.item .overlay.concept {
	width: 249px;
	height: 250px;
	z-index:1;
	position: absolute;
	background: url(../img/about-us-bord-2.png);
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.item:hover .overlay.concept {
  -webkit-transform: rotate(120deg);
     -moz-transform: rotate(120deg);
       -o-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}

.item .overlay.info {
	width: 234px;
	height: 250px;
	z-index:1;
	position: absolute;
	background: url(../img/about-us-bord-3.png);
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.item:hover .overlay.info {
  -webkit-transform: rotate(120deg);
     -moz-transform: rotate(120deg);
       -o-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}

.item .overlay.call {
	width: 240px;
	height: 240px;
	z-index:1;
	position: absolute;
	background: url(../img/about-us-bord-6.png);
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.item:hover .overlay.call {
  -webkit-transform: rotate(120deg);
     -moz-transform: rotate(120deg);
       -o-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}

.item .overlay.time {
	width: 240px;
	height: 240px;
	z-index:1;
	position: absolute;
	background: url(../img/about-us-bord-5.png);
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.item:hover .overlay.time {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.item .overlay.map {
	width: 240px;
	height: 240px;
	z-index:1;
	position: absolute;
	background: url(../img/about-us-bord-4.png);
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.item:hover .overlay.map {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
       -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.about-us-info-5 .item {
    display: inline-block;
    vertical-align: top;
    padding: 76px 46px 0;
    cursor: pointer;
}
.about-us-info-5 .item img {
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.about-us-info-5 .item:hover img {
	-webkit-transform: scale(0.95,0.95);
	-moz-transform: scale(0.95,0.95);
}

.about-us-info-5 .item h3 {
    padding: 24px 0 0 0;
    font-family: 'BebasNeue-Book';
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;    
}
.about-us-info .item h3 {
    padding: 24px 0 0 0;
    font-family: 'BebasNeue-Book';
    font-size: 40px;
    text-transform: uppercase;
    color: #000;    
}
#about-us-info2 .left {
    float: left;
    width: 50%;
    padding: 25px 0 25px 80px;
    text-align: left;
}	
#about-us-info2 .right {
    float: right;
    width: 50%;
    padding: 25px 80px 25px 0;
    text-align: right;
}
#about-us-info2 .form {
    clear: both;
}
#about-us-info2 .right h3 {
    float: right;
    clear: both;
}
#about-us-info2 .right a {
    display: inline-block;
    float: right; 
    clear: both;
    font-family: "Calibri-Regular";
    color: #f30;
    text-transform: uppercase; 
}
.form select {
    width: 100%;
    color: #ff9f87;
    font-size: 16px;
    margin-toP: 18px;
    padding: 5px 0 5px 10px;
    font-family: "Calibri-Regular";
    border: 1px solid #646464; 
}

/* events */
#events {
    width: 100%;
    height: 900px;
}
.events-control {
    width: 686px;
    height: 57px;
    margin: 42px auto 25px;
    border-bottom: 3px solid #fff;    
}
.events-control ul {
    float: left;
}
.events-control ul li {
    float: left;
    //margin-right:
}
.events-control ul li a {
    float: left;
    height: 54px;
    padding: 0 30px;
    font-family: 'Calibri-Regular';
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    line-height: 55px;
    text-decoration: none;
    transition: all 0.4s ease;
}
.events-control ul li.active a {
    color: #003;
    background: #fff;
}
.events-control form {
    float: right;
}
.events-control form input {
    width: 164px;
    height: 30px;
    margin-top: 11px;
    padding: 0 11px;
    font-family: 'Calibri-Regular'; 
    font-size: 15px;
    color: #000;    
    border: 0;
    text-transform: uppercase;
    background: rgba(255,255,255,.6);
    transition: all 0.4s ease 0s;
}
.events-control form input:hover,
.events-control form input:active {
    background: rgba(255,255,255,1);
}
.tab-box {        
    position: absolute;
    top: 15px;
    left: -100%;
    width: 686px;
    margin: 0 auto;
    clear: both;
    opacity: 0;
    transition: opacity 0.6s ease-in-out, top 0.6s ease-in-out;    
}
.tab-box.active {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    opacity: 1;
}
.tab-box .events-slider {
    position: relative;
    width: 686px;
}
.tab-box .events-slider {
    position: relative;
    z-index: 200;
}
.tab-box .events-slider .slides li,
.store-slider-2 .slides li {
    position: relative;
    float: left;
    width: 222px;
    height: 355px;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;
}
.tab-box .events-slider .slides li .capt img,
.tab-box .events-slider .slides li .capt-2,
.store-slider-2 img {   
    transition: all 0.5s ease;
}
.tab-box .events-slider .slides li:hover .capt img,
.tab-box .events-slider .slides li:hover .capt-2,
.store-slider-2 .slides li:hover img {
    transform: scale(1.08);
}

.tab-box .events-slider .slides li:hover .capt:after,
.store-slider-2 .slides li:hover .capt:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 222px;
    height: 211px;
    overflow: hidden;
    background: rgba(0,0,0,.15);
}
.tab-box .events-slider img {    
    float: left;
}
.tab-box .events-slider .caption {
    float: left;
    width: 100%;
    padding: 23px 20px 0;
    height: 144px;
    z-index: 99999;
}
.capt {
	position: relative;
	background: #fff;
	width: 222px;
	height: 211px;
 	overflow: hidden;
	text-align: center;
}

#cap {
	font-size: 16px;
	line-height: 18px;
	padding: 75px 15px;
}

.capt-2 {
	position: relative;
	background: #fff;
	width: 222px;
	height: 211px;
 	overflow: hidden;
	text-align: center;
	background: url("../img/fon.png") repeat;
}

.tab-box .events-slider .slides li img,
.store-slider-2 img {
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}

.tab-box .events-slider h3 {
    font-size: 18px;
    line-height: 20px;
    font-family: 'Calibri-Regular';
}
.tab-box .events-slider p {
    display: block;
    padding: 12px 0 0 0;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Calibri-Regular';
}
.events-slider .flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 686px;
    margin: 0 auto;
    z-index: 100;    
}
.events-slider .flex-nav-prev,
.events-slider .flex-nav-next {
transition: all 0.5s ease;
}
.events-slider .flex-nav-prev:hover,
.events-slider .flex-nav-next:hover,
{
    opacity: 1.0;
}
.events-slider .flex-nav-prev,
.events-slider .flex-nav-next {
    position: absolute;
    top: 117px;
    left: -54px;
    display: block;
    width: 26px;
    height: 48px;
    background: url("../img/icon-arrow-prev2.png") 0 0 no-repeat;
    cursor: pointer;
}
.events-slider .flex-nav-next {
    left: auto;
    right: -54px;    
    background: url("../img/icon-arrow-next2.png") 0 0 no-repeat;
}
.events-slider .flex-nav-prev a,
.events-slider .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}
.flex-disabled {
    display: none !important;
}
.events-slider-count {
    display: none;
    padding-top: 32px;
    text-align: center;
    font-size: 18px;
    font-family: 'Calibri-Regular';
    color: #fff;
}

/* stores */
.modal .hedr33 {
    top: 0;
    padding: 80px 0 35px 0;
    display: block;
    width: 860px;    
    height: 50px;        
    margin: 0 auto;
    z-index: 800;
    background-color: none;
    text-align: center;
    border-radius: 15px 15px 0 0;
}
.modal .hedr33 h3 {
    margin: 0 auto;
    width: auto;
    font-family: 'Calibri-Regular';
    font-size: 32px;
    line-height: 54px;
    text-transform: uppercase;
    color: #fff;

}
.modal .hedr33 .btn-close {
    position: inherit;
    float: right;
    top: auto;
    right: inherit;
    margin: -40px 12px 0 0;
}
.modal .hedr33 .btn-close.scroll {
    margin: 0;
    top: 55px;
    right: 50px;
}

#stores {
    width: 100%;
    min-height: 897px;
    padding-bottom: 274px;
    background: #27273c;
}
#stores .title {
    color: #fff; 
}

.strs-control {
    position: relative;    
    width: 972px;
    margin: 60px auto 0;
    clear: both;
}
.strs-control ul {
    text-align: center;
    margin-left: 0;
    float: none;
}
.strs-control ul li {
    float: left;
    margin: 7px 0 60px 0;
}
.strs-control ul li a {
    float: left;
    padding: 5px 10px;
    font-size: 20px;
    font-family: 'Calibri-Regular';
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 5px; 
    text-decoration: none;
    transition: all 0.4s ease;
}
.strs-control ul li.active a {
    color: #000;
    background: #fff;
    border: 1px solid #fff;
    box-shadow:
    0 1px 4px rgba(0, 0, 0, .3),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, 0) inset;
}

.stores-control {
    position: relative;    
    width: 972px;
    margin: 79px auto 0;
    clear: both;
  /*   overflow: hidden; */
}
.strs-control form {
    float: right;
    position: relative;
    padding: 1px 0 0 0;    
}
.strs-control form input {
    width: 287px;
    height: 44px;
    padding: 0 10px 0 50px;    
    font-size: 18px;
    font-family: 'Calibri-Regular';
    border: none;
    color: #000;
    background: rgba(255,255,255,.6);
    transition: all 0.4s ease;
}

#event-search  {
    font-size: 14px;
    font-family: 'Calibri-Regular';
}
#magazine-search::-webkit-input-placeholder {color:#27273c;}
#magazine-search::-moz-placeholder          {color:#27273c;}/* Firefox 19+ */
#magazine-search:-moz-placeholder           {color:#27273c;}/* Firefox 18- */
#magazine-search:-ms-input-placeholder      {color:#27273c;}
#event-search::-webkit-input-placeholder {color:#27273c;}
#event-search::-moz-placeholder          {color:#27273c;}/* Firefox 19+ */
#event-search:-moz-placeholder           {color:#27273c;}/* Firefox 18- */
#event-search:-ms-input-placeholder      {color:#27273c;}

#magazine-search::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
#magazine-search::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
#magazine-search:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
#magazine-search:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
#magazine-search:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
#magazine-search:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
#magazine-search:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
#magazine-search:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

#event-search::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
#event-search::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
#event-search:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
#event-search:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
#event-search:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
#event-search:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
#event-search:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
#event-search:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

.events-control form input:hover,
.events-control form input:active,
.strs-control form input:hover,
.strs-control form input:active {
    background: rgba(255,255,255,1);
}
.strs-control form button {
    position: absolute;
    top: 1px;
    left: 0;
    width: 46px;
    height: 44px;    
    background: url("../img/search_btn.png") 11px 12px no-repeat;    
}
.stores-control ul {
    float: left;
}
.stores-control ul li {
    float: left;
    margin: 0 11px 43px 0;
}
.stores-control ul a {
    float: left;
    width: 46px;
    height: 46px;
    background: url("../img/icon-stores-control.png") 0 0 no-repeat;    
}
.stores-control li.type-1.active a,
.stores-control li.type-1:hover a {
    background: url("../img/icon-stores-control.png") 0 -47px no-repeat;
}
.stores-control li.type-2 a {
    background: url("../img/icon-stores-control.png") 0 -94px no-repeat;
}
.stores-control li.type-2.active a,
.stores-control li.type-2:hover a {
    background: url("../img/icon-stores-control.png") 0 -141px no-repeat;
}
.stores-control li.type-3 a {
    background: url("../img/icon-stores-control.png") 0 -188px no-repeat;
}
.stores-control li.type-3.active a,
.stores-control li.type-3:hover a {
    background: url("../img/icon-stores-control.png") 1px -235px no-repeat;
}
.stores-tab {
    display: none;    
}
.stores-tab.active {
    display: block;
}
.stores-category {
    width: 972px;    
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
.left-box {
    float: left;
    width: 767px;
}
.right-box {
    float: left;
    width: 202px;    
}
.left-box a,
.right-box a {
    display: block;
    position: relative;
    float: left;
    width: 202px;
    height: 202px;
    margin-bottom: 17px;
    overflow: hidden;
    border-radius: none;
    text-decoration: none;
    text-transform: uppercase;
}
.type-size-2 {
    width: 312px !important;
}
.type-size-3 {
    height: 311px !important;
}
.left-box a {
    margin-right: 17px; 
}
.left-box a span,
.right-box a span {
    position: absolute;
    bottom: 17px;
    left: 0;
    float: left;
    padding: 3px 10px 4px 11px;
    font-family: 'Calibri-Regular';
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    color: #fff;
    background: #27273c;
    border-left: 5px solid #39c;
    transition: all 0.3s ease; 
}
.left-box a:hover span,
.right-box a:hover span {
    background: #f30;
    color: #fff;
    z-index: 10;
}
.left-box a img,
.right-box a img {
    float: left;
    /*border-radius: 10px;*/
    transition: transform 0.3s ease;
} 
.left-box a:hover img,
.right-box a:hover img {    
    transform: scale(1.04);
}
.left-box a:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.15);
}
.title-position-right span {
    left: auto !important;;
    right: 0 !important;
    border-left: 0 !important;
    border-right: 5px solid #39c;
}
.title-position-top span {    
    bottom: auto !important;
    top: 15px !important;;
}
.title-color-1 span {
    border-color: #39c !important;    
}
.title-color-1:hover span {
	background: #39c !important;    
}
.title-color-2 span {
    border-color: #c00 !important;    
}
.title-color-2:hover span {
	background: #c00 !important;    
}
.title-color-3 span {
    border-color: #f0c !important; 
       	word-wrap: break-word;
	width: 125px;         
}
.title-color-3:hover span {
	background: #f0c !important;    
}
.title-color-4 span {
    border-color: #69f !important;    
}
.title-color-4:hover span {
	background: #69f !important;    
}
.title-color-5 span {
    border-color: #393 !important;  
       	word-wrap: break-word;
	width: 145px;   
}
.title-color-5:hover span {
	background: #393 !important;    
}
.title-color-6 span {
    border-color: #fc0 !important;    
}
.title-color-6:hover span {
	background: #fc0 !important;    
}
.title-color-7 span {
    border-color: #69f !important;    
}
.title-color-7:hover span {
	background: #69f !important;    
}
.title-color-8 span {
    border-color: #fc0 !important;    
    	word-wrap: break-word;
	width: 125px; 
}
.title-color-8:hover span {
	background: #fc0 !important;   

}
.title-color-9 span {
    border-color: #390 !important;    
}
.title-color-9:hover span {
	background: #390 !important;    
}
.title-color-10 span {
    border-color: #c3f !important;
    word-wrap: break-word;
    width: 125px;    
}
.title-color-10:hover span {
	background: #c3f !important;    
}
.title-color-11 span {
    border-color: #fc0 !important;    
}
.title-color-11:hover span {
	background: #fc0 !important;    
}
.title-color-12 span {
    border-color: #f69 !important;    
}
.title-color-12:hover span {
	background: #f69 !important;    
}
.title-color-13 span {
    border-color: #09f !important;    
}
.title-color-13:hover span {
	background: #09f !important;    
}
.title-color-14 span {
    border-color: #c33 !important;    
    word-wrap: break-word;
    width: 140px;   
}
.title-color-14:hover span {
	background: #c33 !important;    
}
.title-color-15 span {
    border-color: #c3f !important;    
}
.title-color-15:hover span {
	background: #c3f !important;    
}
#nichego:empty:before {
  content: "Ничего не найдено";
  padding-left: 42%;
text-transform: uppercase;
color: #fff;
font-size: 18px;
font-family: 'Calibri-Regular';
}
.stores-category-2 {
    width: 972px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
.stores-category-2 .item {
    float: left;
    padding-top: 15px;
    width: 280px;
}
.stores-category-2 .item+.item {
    margin: 0 50px 0 80px;
}
.stores-category-2 .item+.item+.item {
    margin: 0;
}
.stores-category-2 .item a {
    float: left;
    padding: 5px 10px 5px 0;
    margin-bottom: 9px;
    font-family: 'Calibri-Regular';
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    clear: both;
    text-decoration: none;
    transition: all 0.4s ease;
}
.stores-category-2 .item a:hover,
.stores-category-2 .item a.active {
    background: #fff;
    color: #27273c;
    padding-left: 10px;
}
.stores-list {
    display: none;
    float: left;
    clear: both;
    margin-top: 50px;
    padding: 25px 0 20px 0;
    border-top: 2px solid #fff;
}
.stores-list .item a {
    font-size: 18px;
}
.stores-list .item a.active {
}

/* fun */
#fun {
    width: 100%;
    min-height: 897px;
}
#fun .title {
    color: #fff; 
}
.fun-info {
    text-align: center;
}
.fun-info .item {
    position: relative;
    display: inline-block;
    width: 222px;
    vertical-align: top;    
    cursor: pointer;    
    margin: 125px 3px 0;
    overflow: hidden;
}

.fun-info .item img {
    float: left;
    transition: all 0.3s ease;
}
.fun-info .item:hover img {
    transform: scale(1.04);
}
.fun-info .item:hover:after { 
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 222px;
    height: 211px;
    background: rgba(0,0,0,.15);
}
.fun-info .item .caption {
    float: left;
    width: 222px;
    height: 137px;
}
.fun-info .item .caption h3 {
    padding: 93px 0 0 0;
    font-family: 'Calibri-Regular';    
    font-size: 25px;
    text-transform: uppercase;
    color: #000;    
}
.fun-info .item-1 .caption {
    border-top: 13px solid #3f2383;
    background: url("../img/fun-icon-1.png") 0 0 no-repeat;
}
.fun-info .item-2 .caption {
    border-top: 13px solid #3c0;
    background: url("../img/fun-icon-2.png") 0 0 no-repeat;
}
.fun-info .item-3 .caption {
    border-top: 13px solid #e50aff;
    background: url("../img/fun-icon-3.png") 0 0 no-repeat;
}


/* contacts */
#contacts {
    width: 100%;
    height: 881px;
	
}


#contacts .title, #contacts .item{
    color: #fff;
}
.contacts-info {
    text-align: center;
}

#semes {
font-size: 16px;
width: 100%;
text-align: center;
padding: 20px;
text-transform: uppercase;
color: #FFFFFF;
font-family: 'Calibri-Regular';
}

#semes2 {
font-size: 16px;
margin-bottom: 25px;
width: 100%;
text-align: center;
padding: 20px;
text-transform: uppercase;
color: #000;
background: #a9a9b1;
font-family: 'Calibri-Regular';
}

.contacts-info .item {
    display: inline-block;        
    width: 240px;
    height: 351px;
    vertical-align: top;
    margin: 150px 46px 0;
    cursor: pointer;
}
.contacts-info .item-2 {
    width: 240px;
}
.contacts-info .item-3 {
    width: 240px;
}
.contacts-info .item img {
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.contacts-info .item:hover img {
	-webkit-transform: scale(0.95,0.95);
	-moz-transform: scale(0.95,0.95);
}

.contacts-info .item .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; 
    transition: all 0.4s ease;
}
.contacts-info .item.hover .caption {
    bottom: 10px;
}
.contacts-info .item h3 {
    padding: 22px 0 18px 0;
    font-family: 'BebasNeue-Book';
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;    
}
.contacts-info .item span {
    font-family: 'Calibri-Italic';
    font-size: 17px;
    color: #333;
    font-style: italic;    
}
.contacts-info .item-wrap {
    position: relative;
    width:100%;
    height:100%;
    -webkit-transition: 0.70s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.70s;
    -moz-transition: 0.70s;
    -moz-transform: perspective(2000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.60s;
    transform-style: preserve-3d;    
}
.contacts-info .item-content-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);    
    z-index: 10;    
}
.contacts-info .item-content-bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);    
    transform: rotateY(180deg);
}

.contacts-info .item .item-content-bottom span {
    position: relative;
    display: block;    
    width: 100px; 
    margin: 107px auto 0;   
    text-align: center;
    padding: 5px 0;
    border: 1px solid #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'BebasNeue-Book';
    letter-spacing: 1.2px;
    font-style: normal;
    color: #fff;
    z-index: 2;
}
.contacts-info .item .item-content-bottom img {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;    
}

.contacts-info .item-content-top,
.contacts-info .item-content-bottom {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

   /* -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);*/

    transition: 0.6s;
    transform-style: preserve-3d;
    /*transform: rotateY(0deg);*/

    position: absolute;
    top: 0;
    left: 0;
}

.contacts-info .item.hover .item-content-top {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
 
.contacts-info .item.hover .item-content-bottom {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}


/* modal */
.modal-bg { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0b0b1f;
    opacity: .9;
    z-index: 950; 
    display: none;
}
.modal {    
    float: left;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: top 0.3s ease;    
}
.modal.open {
    display: block;
    opacity: 1;
    z-index: 960;
}
.modal .btn-close {
    position: fixed;
    top: 42px;
    right: 43px;
    width: 26px;
    height: 26px;
    background: url("../img/icon-close-2.png") 0 0 no-repeat;
    transition: transform 0.5s ease;
    z-index: 889;
    cursor: pointer;
}
.modal .btn-close:hover {
    transform: rotateZ(180deg);
}
.modal .btn-close.scroll {
    position: fixed;
}

/* modal about-us carousel */
.carousel-container {
    position: relative;
    width: 1000px;    
    margin: 50px auto 0;     
}
.carousel-image {    
    border: 0; 
    display: block;
    opacity: 0.5;
}
.carousel-image, .carousel-feature.active,
.carousel-feature:hover .carousel-image  {
    opacity: 1;    
}
.carousel-feature:hover {
    opacity: 1;
}
.carousel-feature.active:after {
}
.carousel-feature {
    position:absolute;
    top:-1000px;
    left:-1000px;  
    cursor:pointer;
    overflow: visible !important;   
}
.carousel-feature a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;    
}
.tracker-summation-container {
    position: absolute;    
    left: 0;
    top: 540px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: 'Calibri-Regular';
    color: #fff;
}
#carousel-left {
    position: absolute;
    cursor: pointer;
    background: url("../img/icon-arrow-prev2.png") 0 0 no-repeat;
}
#carousel-right {
    position: absolute;
    cursor: pointer;
    background: url("../img/icon-arrow-next2.png") 0 0 no-repeat; 
}
#carousel-left {
    left: -19px;
}
#carousel-right {
    right: -19px;
}

#carousel-left,
#carousel-right {
    width: 26px;
    height: 48px;
    top: 230px;        
}

/* modal about-us-info */
#about-us-info .item {
    width: 575px;
    margin: 0 auto 55px;
    clear: both;
}
#about-us-info .item h3 {    
    position: relative;
    top: 16px;
    left: 3px;
    font-size: 82px;
    width: 100%;
    text-align: right;
    font-family: 'BebasNeue-Bold';
    color: #fff;
}

.text a {
    color: #fff;
}

#about-us-info .item .text {
    padding: 40px 45px 35px;
    background: #fff;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    font-family: 'Calibri-Regular';
}
#about-us-info .item.color-1 h3 {
    top: 26px;
    left: 5px;
    font-size: 135px;
    color: #fff;
}
#about-us-info .item.color-1 .text {
    font-size: 17px;
    line-height: 19px;
    color: #0e0f26;
}
#about-us-info .item.color-2 h3 {        
    color: #990033;
}
#about-us-info .item.color-2 .text {    
    background: #990033;    
}
#about-us-info .item.color-3 h3 {        
    color: #c63;
}
#about-us-info .item.color-3 .text {    
    background: #c63;    
}
#about-us-info .item.color-4 h3 {        
    color: #363;
}
#about-us-info .item.color-4 .text {    
    background: #363;    
}
#about-us-info .item.color-5 h3 {        
    color: #069;
}
#about-us-info .item.color-5 .text {    
    background: #069;    
}

/* modal events */
.modal {
    padding: 70px 0 0 0;
}
.modal header {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 860px;    
    height: 70px;        
    margin: 0 0 0 -430px;
    background: #27273c;
    z-index: 800;
}
.modal header h3 {
    font-family: 'Calibri-Regular';
    font-size: 32px;
    text-transform: uppercase;
    line-height: 70px;
    color: #fff;
    text-align: center;
}
.modal header .btn-close {
    position: absolute;
    top: 21px;
    right: 21px;
    width: 26px;
    height: 26px;
    background: url("../img/icon-close-2.png") 0 0 no-repeat;
}
.modal header .btn-close.scroll {
    right: 43px;
}
.modal #zagalovok {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 860px;    
    height: 70px;        
    margin: 0 0 0 -430px;
    background: #27273c;
    z-index: 800;
}
.modal #zagalovok h3 {
    font-family: 'Calibri-Regular';
    font-size: 32px;
    text-transform: uppercase;
    line-height: 70px;
    color: #fff;
    text-align: center;
}
.modal #zagalovok .btn-close {
    position: absolute;
    top: 21px;
    right: 21px;
    width: 26px;
    height: 26px;
    background: url("../img/icon-close-2.png") 0 0 no-repeat;
}
.modal #zagalovok .btn-close.scroll {
    right: 43px;
}
.icon-menu {
    position: absolute;
    top: 26px;
    left: 29px;
    width: 26px;    
    height: 20px;
    overflow: hidden;
    cursor: pointer;    
}
.icon-menu span {
    display: block;
    width: 100%;
    height: 4px;
    margin-bottom: 4px;
    background: #fff;
}
.modal .content {
    position: relative;
    width: 860px;
    margin: 0 auto;
}
.modal .content .info-1 {
    width: 100%;
    background: #fff;
    margin-bottom: 16px;
    overflow: hidden;
}
.modal .content .info-1 .left {
    float: left;
    width: 440px;
}
.modal .content .info-1 .right {
    float: left;
    width: 420px;
}
.modal .content .info-1 .right img {
    float: left;
}

.modal .content .info-1 .left .logo {
    width: 100%;
    height: 210px;
    text-align: center;
    display: table;
}
.modal .content .info-1 .left .logo div {
    display: table-cell;
    vertical-align: middle;
}

.modal .content .info-1 .left .logo div img {
}

.modal .content .info-1 .left .text {
    padding: 15px 35px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Calibri-Regular';
}
.modal .content .info-1 .left p {
    font-family: 'Calibri-Regular';
    color: #27273c;
    font-size: 36px;
    line-height: 36px;
}
.modal .content .info-1 .left strong {
    display: block;
    padding-top: 9px;
    font-size: 75px;
    line-height: 82px;
    font-weight: bold;    
}
.modal .content .info-2 {
    width: 100%;
    padding: 50px 99px 10px;
    background: #c39;
    margin-bottom: 16px;
    overflow: hidden;
    clear: both;
}

.modal .content .info-2 .text {
	padding-top: 45px;
}



.modal .content .info-2 .intro {
    position: relative;
    height: 82px;
}
.modal .content .info-2 .intro .item-1 {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Calibri-Regular';
    font-size: 30px;    
    color: #fff;
}
.modal .content .info-2 .intro .item-2 {
    position: absolute;
    top: 8px;
    left: 270px;    
    font-family: 'Calibri-Regular';
    font-size: 20px;    
    color: #fff;
}
.modal .content .info-2 .intro .item-3 {
    position: absolute;
    top: 7px;
    right: 0;    
    font-family: 'Calibri-Regular';
    font-size: 20px;    
    color: #fff;
}
.modal .content .info-2 .intro .item-3 a {
    color: #fff;
}
.modal .content .info-2 .text {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-family: 'Calibri-Regular';
}

.modal .content .info-2 .social-link-box {
    clear: both;
    padding: 53px 0 47px;    
}
.modal .content .info-2 .social-link-box span {
    display: inline-block;
    vertical-align: top;
    padding: 13px 25px 0 87px;
    font-size: 20px;
    color: #fff;    
    font-family: 'Calibri-Regular';
}

.modal .content .info-2 .social-link-box-0 {
    clear: both;
    padding: 53px 0 47px;    
}

.modal .content .info-2 .social-link-box-0 .ttl {
	font-size: 16px;
	color: #FFFFFF;
	padding: 3px 10px;
	float: right;  
}

.modal .content .info-2 .social-link-box-0 .soc {
	float: right;
}

.modal .content .info-22 .social-link-box-0 {
    clear: both;
    padding: 53px 0 47px;    
}

.modal .content .info-22 .social-link-box-0 .ttl {
	font-size: 16px;
	color: #FFFFFF;
	padding: 3px 10px;
	float: right;  
}

.modal .content .info-22 .social-link-box-0 .soc {
	float: right;
}


.modal .content .info-2 .social-link-box span {
    display: inline-block;
    vertical-align: top;
    padding: 13px 25px 0 87px;
    font-size: 20px;
    color: #fff;    
    font-family: 'Calibri-Regular';
}

.modal .content .info-2 .social-link {
    display: inline-block;
    vertical-align: top;
    width: 276px;
    height: 33px;
    clear: both;
}
.modal .content .info-2 .social-link li {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 33px;
    margin-right: 4px;    
}
.modal .content .info-2 .social-link a {
    display: block;
    width: 100%;
    height: 100%;
}
.modal .content .info-2 .social-link .icon-1 {    
    background: url("../img/icon-social-4.png") 0 0 no-repeat;
}
.modal .content .info-2 .social-link .icon-2 {
    background: url("../img/icon-social-4.png") -40px 0 no-repeat;
}
.modal .content .info-2 .social-link .icon-3 {
    background: url("../img/icon-social-4.png") -81px 0 no-repeat;
}
.modal .content .info-2 .social-link .icon-4 {
    background: url("../img/icon-social-4.png") -122px 0 no-repeat;
}
.modal .content .info-2 .social-link .icon-4 {
    background: url("../img/icon-social-4.png") -122px 0 no-repeat;
}

.modal .content .info-2 .social-link .icon-5 {
    background: url("../img/icon-social-4.png") -163px 0 no-repeat;
}
.modal .content .info-2 .social-link .icon-6 {
    background: url("../img/icon-social-4.png") -203px 0 no-repeat;
}
.modal .content .info-2 .social-link .icon-7 {
    margin-right: 0;
    background: url("../img/icon-social-4.png") -244px 0 no-repeat;
}

/* modal fun */
.modal .content-fun .info-1 .left {
    float: left;
    width: 252px;
    height: 417px;
    overflow: hidden;  
}
.modal .content-fun .info-1 .left img {
    float: left;
    width: 252px;
    height: 417px;
}
.modal .content-fun .info-1 .right {
    float: right;    
    width: 608px;
    height: 417px;
    overflow: hidden;  
}
.fun-slider {
    position: relative;
    width: 608px;
}
.fun-slider .slides li {
    width: 608px;
    min-height: 417px;
    margin-right: 0;    
}
.fun-slider img {
    float: left;
}
.fun-slider .flex-nav-prev,
.fun-slider .flex-nav-next {
transition: all 0.3s ease;
    opacity: 0.7;
}
.fun-slider .flex-nav-prev:hover,
.fun-slider .flex-nav-next:hover {
    opacity: 1.0;
}
.fun-slider .flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.fun-slider .flex-direction-nav a {
    display: block;
    width: 100%;
    height: 100%;
}
.fun-slider .flex-nav-prev,
.fun-slider .flex-nav-next {
    position: absolute;
    top: 186px;
    left: 0;
    display: block;
    width: 35px;
    height: 45px;
    background: url("../img/icon-slider-prev2.png") 0 0 no-repeat;
    cursor: pointer;
}
.fun-slider .flex-nav-next {
    left: auto;
    right: 0;    
    background: url("../img/icon-slider-next2.png") 0 0 no-repeat;
}

#qTip {
 padding: 7px 10px;
 font-size: 16px;
 color: #fff;    
 font-family: 'Calibri-Regular';
 border: 1px solid #666;
 display: none;
 background: #fff;
 color: #000;
 text-transform: uppercase;
 text-align: left;
 position: absolute;
 z-index: 1000;
opacity:0.9;
filter:alpha(opacity=90);
-moz-opacity:0.9;
}
.izo-zoom1 {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.izo-zoom1 img:nth-of-type(1) {
  max-width: 1000px; max-height: 1000px;
  z-index: 2;
  position: relative;
}

.izo-zoom1 span {
  border-bottom: 600px solid rgba(0, 0, 0, 0);
  z-index: 3;
  width: 50%;
  position: absolute; left: 0px; top: 0px;
  cursor: zoom-in;
}
.izo-zoom1 span:nth-child(even) {left: 50%;}
.izo-zoom1 span:nth-of-type(3), .izo-zoom1 span:nth-of-type(4) {top: 10%;}
.izo-zoom1 span:nth-of-type(5), .izo-zoom1 span:nth-of-type(6) {top: 20%;}
.izo-zoom1 span:nth-of-type(7), .izo-zoom1 span:nth-of-type(8) {top: 30%;}
.izo-zoom1 span:nth-of-type(9), .izo-zoom1 span:nth-of-type(10) {top: 40%;}
.izo-zoom1 span:nth-of-type(11), .izo-zoom1 span:nth-of-type(12) {top: 50%;}
.izo-zoom1 span:nth-of-type(13), .izo-zoom1 span:nth-of-type(14) {top: 60%;}
.izo-zoom1 span:nth-of-type(15), .izo-zoom1 span:nth-of-type(16) {top: 70%;}
.izo-zoom1 span:nth-of-type(17), .izo-zoom1 span:nth-of-type(18) {top: 80%;}
.izo-zoom1 span:nth-of-type(19), .izo-zoom1 span:nth-of-type(20) {top: 90%;}

.izo-zoom1 img:nth-of-type(2) {
  width: 200%; max-width: 200%;
  position: absolute; top: 0;
  border-bottom: 600px solid #fff;
}
.izo-zoom1:hover img:nth-of-type(2) {
  z-index: 2;
  transition: 1s; -webkit-transition: 1s; -o-transition: 1s;
}

.izo-zoom1 span:nth-child(odd):hover ~ img:nth-of-type(2) {left: 0;} 
.izo-zoom1 span:nth-child(even):hover ~ img:nth-of-type(2) {left: -100%;}  
.izo-zoom1 span:nth-of-type(3):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(4):hover ~ img:nth-of-type(2) {top: -11%;} 
.izo-zoom1 span:nth-of-type(5):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(6):hover ~ img:nth-of-type(2) {top: -22%;} 
.izo-zoom1 span:nth-of-type(7):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(8):hover ~ img:nth-of-type(2) {top: -33%;} 
.izo-zoom1 span:nth-of-type(9):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(10):hover ~ img:nth-of-type(2) {top: -44%;} 
.izo-zoom1 span:nth-of-type(11):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(12):hover ~ img:nth-of-type(2) {top: -55%;} 
.izo-zoom1 span:nth-of-type(13):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(14):hover ~ img:nth-of-type(2) {top: -66%;} 
.izo-zoom1 span:nth-of-type(15):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(16):hover ~ img:nth-of-type(2) {top: -77%;} 
.izo-zoom1 span:nth-of-type(17):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(18):hover ~ img:nth-of-type(2) {top: -88%;} 
.izo-zoom1 span:nth-of-type(19):hover ~ img:nth-of-type(2), .izo-zoom1 span:nth-of-type(20):hover ~ img:nth-of-type(2) {top: -99%;}

#maph {
 font-size: 32px;
 margin-left: 135px;
 margin-bottom: 5px;
 margin-top: 15px;
 font-weight: normal;
 text-transform: uppercase;
 font-family: 'Calibri-Regular';
 text-align: left;
 }

.fun-slider-5 {
    position: relative;
    width: 420px;
}
.fun-slider-5 .slides li {
    width: 420px;
    min-height: 417px;
    margin-right: 0;    
}
.fun-slider-5 img {
    float: left;
}
.fun-slider-5 .flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.fun-slider-5 .flex-direction-nav a {
    display: block;
    width: 100%;
    height: 100%;
}


.fun-slider-5 .flex-nav-prev,
.fun-slider-5 .flex-nav-next {
transition: all 0.3s ease;
    opacity: 0.7;
}
.fun-slider-5 .flex-nav-prev:hover,
.fun-slider-5 .flex-nav-next:hover {
    opacity: 1.0;
}

.fun-slider-5 .flex-nav-prev,
.fun-slider-5 .flex-nav-next {
    position: absolute;
    top: 186px;
    left: 0;
    display: block;
    width: 35px;
    height: 45px;
    background: url("../img/icon-slider-prev2.png") 0 0 no-repeat;
    cursor: pointer;
}
.fun-slider-5 .flex-nav-next {
    left: auto;
    right: 0;    
    background: url("../img/icon-slider-next2.png") 0 0 no-repeat;
}


.fun-slider-2 .flex-nav-prev a,
.fun-slider-2 .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}

.fun-slider-3 .flex-nav-prev a,
.fun-slider-3 .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}


.modal .content-fun .info-2 {
    padding: 0 50px;
    background: #3f2383;
    color: #fff;
    font-family: 'Calibri-Regular';
}
.modal .content-fun .info-2.type-2 {    
    background: #c10076;
}
.modal .content-fun .info-2.type-3 {    
    background: #ea6900;
}
.modal .content-fun .info-2 .left {
    float: left;
    width: 510px;
    padding: 20px 0 45px 0;
}
.modal .content-fun .info-2 .left strong {
    display: block;
    padding: 15px 0 15px 0;
    font-size: 50px;
    font-weight: bold;       
    font-family: 'Calibri-Regular';
    text-transform: uppercase;
}
.modal .content-fun .info-2 .left h4 {
    padding: 20px 0;
    font-size: 32px;
    font-weight: normal;
    font-family: 'Calibri-Regular';
    text-transform: uppercase;       
}
.modal .content-fun .info-3 {
    background: transparent;
}
.modal .content-fun .info-2 .left p {
    padding-right: 25px;
    font-size: 16px;
    line-height: 19px;
}
.modal .content-fun .info-2 .right {
    float: right;
    width: 225px;
    text-align: right;
    font-family: 'Calibri-Regular';
}
.modal .content-fun .info-2 .floor {
    display: inline-block;
    width: 140px;
    height: 140px;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
    font-size: 70px;
    color: #3f2383;
    background: #fff;
    margin: 46px 0 39px 0;
    text-transform: uppercase;
}



.modal .content .info-22 {
    width: 100%;
    padding: 50px 99px 10px;
    background: #ff2814;
    margin-bottom: 16px;
    overflow: hidden;
    clear: both;
    font-family: 'Calibri-Regular';
}

.modal .content .info-22 .text {
	padding-top: 45px;
}



.modal .content .info-22 .intro {
    position: relative;
    height: 82px;
}
.modal .content .info-22 .intro .item-1 {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Calibri-Regular';
    font-size: 30px;    
    color: #fff;
}
.modal .content .info-22 .intro .item-2 {
    position: absolute;
    top: 8px;
    left: 270px;    
    font-family: 'Calibri-Regular';
    font-size: 20px;    
    color: #fff;
}
.modal .content .info-22 .intro .item-3 {
    position: absolute;
    top: 7px;
    right: 0;    
    font-family: 'Calibri-Regular';
    font-size: 20px;    
    color: #fff;
}
.modal .content .info-22 .intro .item-3 a {
    color: #fff;
}
.modal .content .info-22 .text {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-family: 'Calibri-Regular';
}

.modal .content .info-22 .rightfloor {
    display: inline-block;
    width: 85px;
    height: 80px;
    overflow: hidden;
    padding-top: 11px;
    text-align: center;
    font-size: 35px;
    color: #ff2814;
    background: #fff;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Calibri-Regular';
}
.modal .info-22 .rightfloor span {
    display: block;
    font-size: 22px;
    padding-top: 2px;
    font-family: 'Calibri-Regular';
    text-transform: uppercase;
    }


.modal .content-events .info-2  {
    font-family: 'Calibri-Regular';
    }
.modal .content-events .info-2 .rightfloor {
    display: inline-block;
    width: 85px;
    height: 80px;
    overflow: hidden;
    padding-top: 11px;
    text-align: center;
    font-size: 35px;
    color: #cc3399;
    background: #fff;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Calibri-Regular';
}
.modal .content-events .info-2 .rightfloor span {
    display: block;
    font-size: 22px;
    padding-top: 2px;
    font-family: 'Calibri-Regular';
    text-transform: uppercase;
    }
#topmag {
	width: 100%;
}

#topmag h1 {
    font-size: 32px;
    color: #FFFFFF;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Calibri-Regular';
}

#magdetail {
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.85;
    font-family: 'Calibri-Regular';
	display: ruby;
}

#magdetail span {
	padding-right: 25px;
}

#magdetail span a {
	color:#FFFFFF;
}
.topshemamg{
	background: white;
    width: 175px;
    height: 30px;
    float: right;
    margin-top: -35px;
    margin-right: 5px;
    text-align: center;
    padding: 4px;
    font-family: 'Calibri-Regular';
    font-size: 22px;
    color: #ff2814;
	cursor: pointer;
}

.topshemamg span{
	color: #ff2814;
	cursor: pointer;
}
.brandtext {	
}

.brandtext span {
    font-size: 32px;
    line-height: 62px;
    padding: 10px 15px;
    background: #696987;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Calibri-Regular';		
}

#topmag .topmagright {
	float: right;
	width: 90px;

}
#topmag .topmagright .build {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	padding-top: 5px;
	text-transform:uppercase;
	opacity: 0.85;
}
#topmag .topmagleft {
	float: left;
	width: auto;
	width: 480px;
	display: block;
}
#topmag .divclr {
	width: 100%;
	clear: both;
}


.modal .content-fun .info-2.type-2 .floor {
    color: #c10076;    
}
.modal .content-fun .info-2.type-3 .floor {
    color: #ea6900;    
}
.modal .content-fun .info-2 .floor span {
    display: block;
    font-size: 35px;
}
.modal .content-fun .info-2 .time {
    font-size: 26px;
    font-weight: normal;
    font-family: Calibri;
    padding-bottom: 25px; 
}
.modal .content-fun .info-2 .time sup {
    position: relative;
    top: -13px;
    font-size: 13px;
    font-weight: normal;
}
.modal .content-fun .info-2 .phone {
    font-size: 20px;
    padding-bottom: 25px;
    font-weight: normal;
    font-family: Calibri;
}
.modal .content-fun .info-2 .link {
    font-size: 20px;
    padding-bottom: 25px;
    font-weight: normal;
    font-family: Calibri;
}
.modal .content-fun .info-2 .link a {
    color: #fff;
}
.modal .content-fun .info-3 {
    padding: 22px 0 30px;
    clear: both;
}
.modal .content-fun .info-3 span {
    display: inline-block;
    vertical-align: top;
    font-family: 'Calibri-Regular';
    font-size: 20px;
    padding: 13px 20px 0 193px;
    color: #fff;
}
.modal .content-fun .info-3 .social-link {            
    display: inline-block;
    vertical-align: top;
    width: 300px;
}
.modal .content-fun .info-3 .social-link li {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 41px;    
    margin: 0 -4px 0 0;
    transform: scale(0.8);
}
.modal .content-fun .info-3 .social-link .icon-1 {
    background: url("../img/icon-social.png") 0 0 no-repeat;
}
.modal .content-fun .info-3 .social-link .icon-2 {
    background: url("../img/icon-social.png") 0 -42px no-repeat;
}
.modal .content-fun .info-3 .social-link .icon-3 {
    background: url("../img/icon-social.png") 0 -84px no-repeat;
}
.modal .content-fun .info-3 .social-link .icon-4 {
    background: url("../img/icon-social.png") 0 -126px no-repeat;
}
.modal .content-fun .info-3 .social-link .icon-5 {
    background: url("../img/icon-social.png") 0 -168px no-repeat;
}
.modal .content-fun .info-3 .social-link .icon-6 {
    background: url("../img/icon-social.png") 0 -210px no-repeat;
}
.modal .content-fun .info-3 .social-link .icon-7 {
    background: url("../img/icon-social.png") 0 -252px no-repeat;
}
.modal .content-fun .info-3 .social-link a {
    display: block;
    width: 100%;
    height: 100%;
}
.modal .content-fun .info-4 {
    width: 100%; 
    padding-bottom: 150px;   
    background: rgba(0,0,0,.6);
}
.modal .content-fun .info-4 h4 {
    padding: 41px 0 39px 50px;
    font-family: 'Calibri-Regular';
    font-size: 50px;
    font-weight: normal;
    color: #fff;
}
.fun-slider-2 {
    position: relative;
    width: 686px;
    height: 468px; 
    margin: 0 0 0 87px;
}
.fun-slider-2 li {
    position: relative;
    float: left;    
    height: 468px;    
    width: 222px;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;   
}
.fun-slider-2 li img {   
    transition: all 0.3s ease;
}
.fun-slider-2 li:hover img {
    transform: scale(1.04);
}
.fun-slider-2 li:hover:after {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 222px;
    height: 224px;
    background: rgba(0,0,0,.15);
}


.fun-slider-2 img {
    float: left;
}
.fun-slider-2 .caption {
    float: left;
    background: #fff;
    width: 100%;
    padding: 23px 20px 0;
    height: 144px;
    border-top: 13px solid #f06;
}
.fun-slider-2 h3 {
    font-size: 19px;
    font-family: 'Calibri-Regular';
}
.fun-slider-2 p {
    display: block;
    padding: 12px 0 0 0;
    font-size: 11px;
    line-height: 12px;
    font-family: 'Calibri-Regular';
}
.fun-slider-2 .flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 672px;
    margin: 0 auto;
    z-index: 100;    
}
.fun-slider-2 .flex-nav-prev,
.fun-slider-2 .flex-nav-next {
    position: absolute;
    top: 117px;
    left: -54px;
    display: block;
    width: 26px;
    height: 48px;
    background: url("../img/icon-arrow-prev.png") 0 0 no-repeat;
    cursor: pointer;
}
.fun-slider-2 .flex-nav-next {
    left: auto;
    right: -76px;    
    background: url("../img/icon-arrow-next.png") 0 0 no-repeat;
}
.fun-slider-2 .flex-nav-prev a,
.fun-slider-2 .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}









.fun-slider-3 {
    position: relative;
    width: 686px;
    height: 468px; 
    margin: 0 0 0 87px;
}
.fun-slider-3 li {
    position: relative;
    float: left;    
    height: 468px;    
    width: 222px;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;   
}
.fun-slider-3 li img {   
    transition: all 0.3s ease;
}
.fun-slider-3 li:hover img {
    transform: scale(1.04);
}
.fun-slider-3 li:hover:after {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 222px;
    height: 224px;
    background: rgba(0,0,0,.15);
}


.fun-slider-3 img {
    float: left;
}
.fun-slider-3 .caption {
    float: left;
    background: #fff;
    width: 100%;
    padding: 23px 20px 0;
    height: 144px;
    border-top: 13px solid #f06;
}
.fun-slider-3 h3 {
    font-size: 19px;
    font-family: 'Calibri-Regular';
}
.fun-slider-3 p {
    display: block;
    padding: 12px 0 0 0;
    font-size: 11px;
    line-height: 12px;
    font-family: 'Calibri-Regular';
}
.fun-slider-3 .flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 672px;
    margin: 0 auto;
    z-index: 100;    
}
.fun-slider-3 .flex-nav-prev,
.fun-slider-3 .flex-nav-next {
    position: absolute;
    top: 117px;
    left: -54px;
    display: block;
    width: 26px;
    height: 48px;
    background: url("../img/icon-arrow-prev.png") 0 0 no-repeat;
    cursor: pointer;
}
.fun-slider-3 .flex-nav-next {
    left: auto;
    right: -76px;    
    background: url("../img/icon-arrow-next.png") 0 0 no-repeat;
}
.fun-slider-3 .flex-nav-prev a,
.fun-slider-3 .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}

.flex-disabled {
    display: none !important;
}

.fun-control {  
    float: left;
    width: 674px;
    height: 57px;
    margin: 53px 0 25px 93px;
    border-bottom: 3px solid #fff;    
}
.fun-control ul {
    float: left;    
    overflow: hidden;
}
.fun-control ul li {
    float: left;    
    //margin-right:
}
.fun-control ul li a {
    float: left;
    height: 54px;
    padding: 0 30px;
    font-family: 'Calibri-Regular';
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    line-height: 55px;
    text-decoration: none;
    transition: all 0.4s ease;
}
.fun-control ul li.active a {
    color: #003;
    background: #fff;
}
.fun-tab {
    width: 674px;
    margin: 0 auto;
    overflow: hidden;
    display: none;
    clear: both;
}
.fun-tab.active {
    display: block;
}
.fun-item-list {
    float: left;
    width: 100%;
}
.fun-item-list li {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 25px;
}
.fun-item-list li img {
    float: left;
    margin: 0 75px 15px 0;
}
.fun-item-list li p {
    float: right;
    width: 440px;
    font-size: 16px;  
    font-family: 'Calibri-Regular';
    line-height: 19px;
    color: #fff; 
}

/* modal contacts */
.modal.time header {
    background: #f30;
}
.modal.time #zagalovok {
    background: #f30;
}
.modal .content-time {
    padding-bottom: 60px;
    background: rgba(255,255,255,1);
    text-align: center;
}
.modal .content-time h3,
.modal .content-time legend {
    padding: 40px 0 8px 0;
    font-size: 21px;
    color: #ff3300;
    font-family: 'Calibri-Regular';
    text-transform: uppercase;
}
.modal .content-time p {
    font-family: 'Calibri-Regular';
    font-size: 17px;
    color: #333;
    line-height: 20px;
    text-transform: uppercase;
}
.modal .content-time p a {
    color: #333;
}
.form {
    width: 700px;
    margin: 45px auto 25px; 
    text-align: left;
}
.form legend {
    width: 100%;
    display: block;
    text-align: center;
}
.form label {
    clear: both;
    width: 100%;
}
.form label input {
    font-family: 'Calibri-Regular';
    width: 100%;
    font-size: 16px;
    padding: 5px 10px;
    color: #646464;
    border: 1px solid #646464;
}
.form label span {
    font-family: 'Calibri-Regular';
    display: block;
    padding: 15px 0 4px 12px;
    font-size: 16px;
}
.form label textarea {
    font-family: 'Calibri-Regular';
    width: 100%;
    font-size: 16px;
    padding: 5px 10px;
    color: #646464;
    border: 1px solid #646464;
}
.form button {
    display: block;
    width: 140px;
    padding: 8px 0;
    margin: 25px auto 0;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: #ff3300;
    font-family: 'Calibri-Regular';
    border-radius: 8px;
} 
#contacts-map {
    padding-top: 0;
}
#contacts-map header {
    width: 100%;
    position: relative;  
    left: 0;
    margin: 0;  
}

#contacts-map #zagalovok {
    width: 100%;
    position: relative;  
    left: 0;
    margin: 0;  
}

#contacts-map .content {
    width: 100%;
}
#contacts-map #gmap {
    position: relative;
    width: 100%;
    height: 550px;    
}

#contacts-map #gmap2 {
    position: relative;
    width: 100%;
    height: 550px;    
}

#contacts-map .metro {
    padding: 10px 0 5px 90px;
    text-transform: uppercase;
    margin: 60px 0 15px;
    font-weight: bold;
    background: url("../img/metro.png") left no-repeat;
}

#contacts-map .marsh {
    padding: 10px 0 0 90px;
    margin: 10px 0;
    text-transform: uppercase;
    background: url("../img/marsh.png") left no-repeat;
}

#contacts-map .avtob {
    padding: 10px 0 0 90px;
    margin: 10px 0;
    text-transform: uppercase;
    background: url("../img/avtobus.png") left no-repeat;
}

#contacts-map .tram {
    padding: 10px 0 0 90px;
    margin: 10px 0;
    text-transform: uppercase;
    background: url("../img/tram.png") left no-repeat;
}

#contacts-map .trol {
    padding: 10px 0 0 90px;
    margin: 10px 0;
    text-transform: uppercase;
    background: url("../img/trol.png") left no-repeat;
}

#contacts-map .address {
    position: relative;
    width: 100%;
    height: 75px;
    margin-top: 0px;
    background: rgba(0,51,102,.8);
    font-size: 24px;
    font-family: 'Calibri-Regular';
    line-height: 75px;
    text-align: center;
    color: #fff;
}
#contacts-map .contacts-info {
    width: 100%;  
    padding-bottom: 150px;  
    background: rgba(0,0,28,.9);
    text-align: left;
    color: #fff;       
}

#contacts-map .marshrut {
	padding: 5px 15px;
	background: #ffe168;
	color: #09305c;
	margin-left: 25px;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 18px;
    transition: all 0.3s ease;
	opacity: 1.0;
}
#contacts-map .marshrut:hover {
	background: #fff;
}
#contacts-map .contacts-info > div {
    width: 395px;
    margin: 0 auto;
}
#contacts-map .contacts-info h4 {
    display: block;
    padding: 40px 0 45px 0;
    font-size: 20px;     
    font-family: 'Calibri-Regular';
}
#contacts-map h5 {
    font-family: 'Calibri-Regular';
    text-transform: uppercase;
}
#contacts-map .contacts-info p {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Calibri-Regular';
}
#contacts-map .contacts-info p strong,
#contacts-map .contacts-info p b {
    font-family: 'Calibri-Regular';
} 
.mymark {
    padding: 10px 0 0 0;
    width: 290px;
    height: 180px;    
}
.mymark * {
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
}
.mymark h5 {
    font-size: 18px; 
}
.mymark p,
.mymark a {
    font-family: 'Calibri-Regular';
}

.fun-slider-6 {
    position: relative;
    width: 608px;
    background: #ebebeb;
}
.fun-slider-6 .slides li {
    width:  608px;
    height: 417px;
}
.fun-slider-6 .slides li div {
    text-align: center;
    line-height: 417px;
}
.fun-slider-6 .slides li div img {
    float: none !important;
    width: auto !important;
    vertical-align: middle;
}
.fun-slider-6 .flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.fun-slider-6 .flex-direction-nav {
    display: block;
    width: 100%;
    height: 100%;
}


.fun-slider-6 .flex-nav-prev a,
.fun-slider-6 .flex-nav-next a {
transition: all 0.3s ease;
    background-color: rgba(255,255,255,.1);
}
.fun-slider-6 .flex-nav-prev:hover a,
.fun-slider-6 .flex-nav-next:hover a {
    background-color: rgba(255,255,255,1);
}

.fun-slider-6 .flex-nav-prev a,
.fun-slider-6 .flex-nav-next a {
    position: absolute;
    top: 186px;
    left: 0;
    display: block;
    width: 35px;
    height: 45px;
    background: url("../img/icon-slider-prev2.png") 0 0 no-repeat;
    cursor: pointer;
}
.fun-slider-6 .flex-nav-next a {
    left: auto;
    right: 0;    
    background: url("../img/icon-slider-next2.png") 0 0 no-repeat;
}

/* modal store */
.content-store .info-1 .left {
    width: 254px;
}
.content-store .info-1 .left .logo {
    height: 417px !important;    
}
.content-store .info-1 .left .logo div img {
    text-align: center;
    padding: 0 30px;
    max-width: 235px;
    max-height: 400px;
} 
.content-store .info-1 .left img {
    float: none !important;
    width: auto !important;
    height: auto !important;
}
.content-store .info-1 .right {
    //float: rigth !important;
    widht: 607px !important;
}
.modal .info-2.type-3 {
    background: #ff2814 !important;
}
.modal .content-fun .info-2.type-3 .floor {
    color: #ff2814;
}

.store-slider-2 {
    position: relative;
    width: 672px;
    height: 468px;
    margin: 0 0 0 95px;
}
.store-slider-2 li {
    float: left;    
    height: 468px;    
    width: 222px;
    margin-right: 5px;    
}
.store-slider-2 img {
    float: left;
}
.store-slider-2 .caption {
    float: left;
    background: #fff;
    width: 100%;
    padding: 23px 20px 0;
    height: 144px;
    border-top: 13px solid #f06;
}
.store-slider-2 h3 {
    font-size: 19px;
    font-family: 'Calibri-Regular';
}
.store-slider-2 p {
    display: block;
    padding: 12px 0 0 0;
    font-size: 11px;
    line-height: 12px;
    font-family: 'Calibri-Regular';
}
.store-slider-2 .flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 672px;
    margin: 0 auto;
    z-index: 100;    
}
.store-slider-2 .flex-nav-prev,
.store-slider-2 .flex-nav-next {
    position: absolute;
    top: 117px;
    left: -54px;
    display: block;
    width: 26px;
    height: 48px;
    background: url("../img/icon-arrow-prev.png") 0 0 no-repeat;
    cursor: pointer;
}
.store-slider-2 .flex-nav-next {
    left: auto;
    right: -54px;    
    background: url("../img/icon-arrow-next.png") 0 0 no-repeat;
}
.store-slider-2 .flex-nav-prev a,
.store-slider-2 .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}

/* footer */
#footer {
    position: relative;
    width: 100%;
    height: 250px;
    padding-bottom: 72px;
    background: #242741;
    clear: both;
    overflow: hidden;
}
#footer .info .box {
    float: left;
    width: 250px;
    padding-right: 20px;    
}

#footer .wrap2 {
    width: 1100px;
    margin: 0 auto;    
    padding: 0;    
    clear: both;
}

#footer .info .box-3 {
    margin-left: 20px;
}
#footer .info .box-1 {
    width: 300px;
    margin-left: 20px;
}
#footer .info .box h5 {
    padding: 50px 0 15px 0;
    font-family: 'Calibri-Regular';
    font-size: 20px;    
    color: #b7b7c7;
}
#footer .info .box li, 
#footer .info .box li a {     
    font-family: 'Calibri-Regular';
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #aaaaba;
}
#footer .info .box-4 {
    float: right;
    padding: 70px 0 15px 0;
    width: 380px;
    text-align: left;
    margin-right: 20px;
}
#footer .info .box-4 h5 {
float: left;
    font-family: 'Calibri-Regular';
    font-size: 16px; 
    padding: 3px 10px;   
    color: #aaaaba;
}
#footer .info .box-4 h6 {
float: left;
    font-family: 'Calibri-Regular';
    font-size: 16px;    
    color: #aaaaba;
    padding: 3px 15px 0 0;   
}
#footer .social-link li {
    display: inline-block;
    width: 24px;
    height: 23px;
    border: 1px solid #b7b7c7;
    transition: all 0.3s ease;
    margin: 0 0 10px 5px;
    opacity: 0.5;       
}
#footer .social-link li a {
    display: block;
    width: 100%;
    height: 100%;
}

#footer .social-link li:hover {
    border-color: #f30;
    opacity: 1.0;   
}

#footer .social-link .icon-1 {
    background: url("../img/icon-social-2.png") 0 0 no-repeat;
}
#footer .social-link .icon-2 {
    background: url("../img/icon-social-2.png") 0 -22px no-repeat;
}
#footer .social-link .icon-3 {
    background: url("../img/icon-social-2.png") 0 -44px no-repeat;
}
#footer .social-link .icon-4 {
    background: url("../img/icon-social-2.png") 0 -66px no-repeat;
}
#footer .social-link .icon-5 {
    background: url("../img/icon-social-2.png") 0 -88px no-repeat;
}
#footer .social-link .icon-6 {
    background: url("../img/icon-social-2.png") 0 -110px no-repeat;
}
#footer .social-link .icon-7 {
    background: url("../img/icon-social-2.png") 0 -132px no-repeat;
}

#footer .social-link .icon-1:hover {
    background: url("../img/icon-social-22.png") 0 0 no-repeat;
}
#footer .social-link .icon-2:hover {
    background: url("../img/icon-social-22.png") 0 -22px no-repeat;
}
#footer .social-link .icon-3:hover {
    background: url("../img/icon-social-22.png") 0 -44px no-repeat;
}
#footer .social-link .icon-4:hover {
    background: url("../img/icon-social-22.png") 0 -66px no-repeat;
}
#footer .social-link .icon-5:hover {
    background: url("../img/icon-social-22.png") 0 -88px no-repeat;
}
#footer .social-link .icon-6:hover {
    background: url("../img/icon-social-22.png") 0 -110px no-repeat;
}
#footer .social-link .icon-7:hover {
    background: url("../img/icon-social-22.png") 0 -132px no-repeat;
}


#footer .info form span {
    float: left;
    font-family: 'Calibri-Regular';
    font-style: normal;
    font-size: 23px;
    padding-top: 1px;
    padding-right: 16px;    
    color: rgba(255,255,255,.5);
}
#footer .info form input {
    float: left;
    width: 173px;
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    font-size: 16px;
    color: #000;
    font-size: 14px;
    background: #3e4056;
    border-radius: 0;
    border: 1px solid #6d6e83;
    transition: all 0.4s ease 0s;  
    font-family: 'Calibri-Regular';
}

#footer .info form input::-webkit-input-placeholder {color:#b7b7c7;}
#footer .info form input::-moz-placeholder          {color:#b7b7c7;}/* Firefox 19+ */
#footer .info form input:-moz-placeholder           {color:#b7b7c7;}/* Firefox 18- */
#footer .info form input:-ms-input-placeholder      {color:#b7b7c7;}
#footer .info form input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
#footer .info form input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
#footer .info form input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
#footer .info form input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
#footer .info form input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
#footer .info form input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
#footer .info form input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
#footer .info form input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

#footer .info form input:hover,
#footer .info form input:active,
#footer .info form input:hover,
#footer .info form input:active {
    background: rgba(255,255,255,1);
}

#footer .info form button {
    float: left;
    width: 23px;
    height: 23px;
    border: 1px solid #b7b7c7;
    margin: 0 0 0 9px;
    background: #707283 url("../img/icon-arrow2.png") center no-repeat;
    transition: all 0.3s ease;
    opacity: 0.6;
}
#footer .info form button:hover {
    background-color: #ff3300;
    border: 1px solid #ff3300;
    opacity: 1.0;
}
#footer .copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background: #08080b;
}
#footer .copyright p {
    padding-left: 20px;
    line-height: 35px;
    font-size: 14px;
    font-family: 'Calibri-Regular';
    color: #9191a1;
}



/*
 * jQuery FlexSlider v2.5.0 
 */
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    display: block;
}
* html .flexslider .slides {
    height: 1%;
}

.flexslider {
    position: relative;
    zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#palka {
	background: #FFFFFF;
	width: 100%;
	height: 1px;
	margin: 25px 0;
	}

.loader_ {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 4000;
    //background-color: rgba(8, 6, 38, 0.8);
    display: none;
}

.loader__spin {
    background: center no-repeat;
    background-image: url('../img/loader.gif');
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -60px;
    background-size: 40%;
}

.loader-events-wrap, .loader-magazine-wrap {
    width: 850px;
    margin: 0 auto;
    z-index: 5000;
    overflow: hidden;
    height: 50px;
    position: relative;
    display: none;
}

.show {
    display: block;
}

.load-block {
    height: 0;
    width: 100%;
    position: relative;
}

.hide-block {
    display: none;
}

/*.ajax-preloader {
    display: none;
}*/


.btn-scroll-top {
    position: absolute;
    right: 50px;    
    bottom: 300px;
    width: 45px;
    height: 45px;
    border: 0;
    background: #4d4d69 url("../img/icon-arrow2.png") center no-repeat;    
    transform: rotateZ(-90deg);    
    transition: all 0.3s ease;
}
.btn-scroll-top:hover {
    background-color: #ff3300;
}
#view-2 {
    min-height: 500px;
}

#subscr-suc {
    padding: 0;
}
#subscr-suc header {
    height: 270px; 
    background: #fff;
}
#subscr-suc header h3 {
    height: 70px;
    background: #f30;
    padding: 0 0 8px 0;
    font-size: 32px;
    line-height: 70px;
    color: #fff;
    font-family: 'Calibri-Regular';
    text-transform: uppercase;    
}
#subscr-suc span {
    display: block;
    text-align: center;
    font-family: 'Calibri-Regular';
    font-size: 17px;
    color: #333;  
    line-height: 200px;    
}

#subscr-suc header {
    top: 50%;
    margin-top: -200px;
}
#telbtn {
	/* margin: 25px 5px; */
	/* padding: 15px 5px; */
	padding-bottom: 15px;
	opacity: 0.75;
	margin-left: 10px;
}

#telbtn .appstr {
	float: left;
	width: 170px;
	height: 50px;
	border-radius: 5px;
	background: url("../img/appstore.png") center no-repeat;  
    transition: all 0.3s ease;
	opacity: 0.65;
}
#telbtn .gglplay {
	float: left;
	margin-left: 20px;
	width: 170px;
	height: 50px;
	border-radius: 5px;
	background: url("../img/googleplay.png") center no-repeat;    transition: all 0.3s ease;
	opacity: 0.65;
}

#telbtn .gglplay:hover, #telbtn .appstr:hover {
	opacity: 1.0;
}


[data-balloon] {
  position: relative;
}
[data-balloon]:before,
[data-balloon]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-balloon]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 18px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}
[data-balloon]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon].font-awesome:after {
  font-family: FontAwesome;
}
[data-balloon][data-balloon-break]:after {
  white-space: pre;
}
[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
[data-balloon-pos="down"]:after {
  margin-top: 11px;
}
[data-balloon-pos="down"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
[data-balloon-pos="left"]:after {
  margin-right: 11px;
}
[data-balloon-pos="left"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
[data-balloon-pos="right"]:after {
  margin-left: 11px;
}
[data-balloon-pos="right"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-length]:after {
  white-space: normal;
}
[data-balloon-length="small"]:after {
  width: 80px;
}
[data-balloon-length="medium"]:after {
  width: 150px;
}
[data-balloon-length="large"]:after {
  width: 260px;
}
[data-balloon-length="xlarge"]:after {
  width: 90vw;
}
@media screen and (min-width: 768px) {
  [data-balloon-length="xlarge"]:after {
    width: 380px;
  }
}
[data-balloon-length="fit"]:after {
  width: 100%;
}