body                        { margin:0px; padding:0px; width:100%; height:100%; min-height:100%; font-size:15px; font-family:'Roboto Condensed', sans-serif; min-width:300px !important; }
html                        { min-height:100%; height:100%; }
.t                          { height:100%; width:100%; display:table; }
.v                          { vertical-align:middle; height:100%; display:table-cell; }
.opened .mobile-menu        { padding-left:20px; padding-right:20px; width:160px; }
.opened .panel              { left:200px; }

.slidehide                  { opacity: 0; }
.fadein						{ opacity: 1 !important; transition:6s; }
.fadeout					{ opacity: 0 !important;; }


.swiper-container {
	width: 100%;
	height: 190px;
	margin-bottom: 40px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	width: 240px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.clslides { position: absolute; width: 100%; z-index: 999; }

.block                        { background: #ffffff; }

/*Zoomed video*/
.zvideo						{ width: 640px; height: 480px; position: relative; text-align: center; left: 50%; margin-left: -320px;}

/*Mobile menu*/
.mobile-menu-and-panel		{ z-index: 4; }
.mobile-menu                { position:fixed; padding-left:0px; padding-right:0px; width:0px; height:100%; background:#000; z-index:10; overflow:hidden; transition:0.3s; }
.mobile-menu-o              { width:240px !important; transition:0.3s; }
.mobile-menu-content        { position:relative; margin-top:20px; }
.mobile-menu-content:before { content:''; position:absolute; left:0px; top:0px; width:100%; height:1px; background:#fff; opacity:0.1; }
.mobile-menu a              { display:block; position:relative; padding-left:15px; padding-top:10px; padding-bottom:13px; font-size:15px; color:#fff; text-decoration:none; transition:0.3s; }
.mobile-menu a:before       { content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#fff; opacity:0.1; }

/*Panel*/
.panel                      { position:fixed; left:40px; width:240px; height:100%; z-index:3; transition:0.3s; }
.panel-o                    { position:fixed; left:240px !important; width:240px; height:100%; z-index:3; transition:0.3s; background-color:rgba(0,0,0,0.5); }
.logo                       { display:inline-block; position:relative; background:#fff; width:100%; height:180px; text-align:center; z-index:1; }
.languages                  { display:inline-block; position:relative; background:#000; width:100%; height:40px; text-align:center; z-index:1; }
.languages a                { display:inline-block; margin-left:15px; margin-right:15px; font-size:11px; color:#fff; text-decoration:none; text-transform:uppercase; transition:0.3s; }
.languages a:hover          { color:#bc955c; }
.languages a.selected       { color:#bc955c; }
.menu                       { position:relative; margin-top:30px; margin-left:25px; margin-right:25px; z-index:1; }
.menu:before                { content:''; position:absolute; left:0px; top:0px; width:100%; height:1px; background:#fff; opacity:0.1; }
.menu a                     { display:block; position:relative; padding-left:15px; padding-top:10px; padding-bottom:13px; font-size:15px; color:#fff; text-decoration:none; transition:0.3s; }
.menu a:before              { content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#fff; opacity:0.1; }
.phone                      { display:block; position:relative; padding-top:20px; padding-bottom:20px; margin-top:30px; z-index:1; }
.phone i                    { display:block; margin-left:25px; font-size:14px; font-style:normal; font-weight:300; opacity:0.8; }
.phone a                    { display:block; margin-left:25px; margin-top:2px; font-size:24px; font-style:normal; text-decoration:none; font-weight:500; }

.c-hamburger                { display:none; position:relative; overflow:hidden; margin:0; padding:0; width:80px; height:70px; font-size:0; text-indent:-9999px; 
                              border:none; cursor:pointer; }
.c-hamburger:focus          { outline:0; }
.c-hamburger span           { display:block; position:absolute; top:34px; left:24px; right:24px; height:2px; background:#fff; }
.c-hamburger span::after,.c-hamburger span::before { position:absolute; display:block; left:0; width:100%; height:2px; background-color:#fff; content:""; }
.c-hamburger--htla.is-active span::after,.c-hamburger--htla.is-active span::before,.c-hamburger--htra.is-active span::after,.c-hamburger--htra.is-active span::before { width:50%; }
.c-hamburger span::before   { top:-10px; }
.c-hamburger span::after    { bottom:-10px; }
.c-hamburger--htx span      { -webkit-transition:background 0s .3s;transition:background 0s .3s}
.c-hamburger--htx span::after,.c-hamburger--htx span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}
.c-hamburger--htx span::before           { -webkit-transition-property:top,-webkit-transform; transition-property:top,transform; }
.c-hamburger--htx span::after            { -webkit-transition-property:bottom,-webkit-transform; transition-property:bottom,transform; }
.c-hamburger--htx.is-active span         { background:0 0; }
.c-hamburger--htx.is-active span::before { top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.c-hamburger--htx.is-active span::after  { bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.c-hamburger--htx.is-active span::after,.c-hamburger--htx.is-active span::before { -webkit-transition-delay:0s,.3s; transition-delay:0s,.3s; }

.share                      { display:inline-block; position:relative; margin-left:25px; margin-top:30px; height:32px; overflow:hidden; z-index:1; }
.share a                    { margin-left:-2px !important; margin-right:5.5px !important; }


/*Main*/
.main                       { display:inline-block; position:relative; width:100%; height:100%; }
.block                      { display:inline-block; position:relative; width:100%; z-index:2; }
.block:after                { content:''; position:absolute; left:40px; top:0px; width:240px; height:100%; background:#000; opacity:0.6; transition:0.3s; }
.l-b:before                 { content:''; position:absolute; left:40px; width:240px; height:100%; background:#000; z-index:1; }
.slider                     { display:block; width:100%; height:100%; background: none !important; }
/*.slider:before              { content:''; position:absolute; left:40px; width:240px; height:100%; background:#000; z-index:4; }*/
.slide                      { position: absolute; width:100%; height:100%; display: none; }
.videoslide                 { display: none; position: absolute; width:100%; height:100%; }
.container                  { position:relative; margin-left:340px; margin-right:60px;}
.title                      { display:block; margin-top:36px; margin-bottom:40px; font-size:40px; line-height:30px; font-weight:300; color:#000; }
.carousel                   { display:inline-block; position:relative; margin-bottom:40px; width:100%; height:190px; background:#fff; overflow:hidden; }
.arrow                      { position:absolute; margin:0px !important; top:0px; width:48px !important; height:100%; text-align:center; z-index:1; }
.arrow:before               { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#fff; opacity:0.4; transition:0.3s; }
.arrow svg                  { position:relative; opacity:0.5; z-index:1; transition:0.3s; }
.arrow:hover:before         { opacity:0.8; }
.arrow:hover svg            { opacity:1; }
.l-arrow                    { left:0px; z-index: 888; }
.r-arrow                    { right:0px; z-index: 888; }
.c-container                { width:2000px; height:100%; }
.c-container a              { display:inline-block; position:relative; margin-right:1px; width:240px; height:100%; transition:0.3s; }
.c-container a:before       { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#fff; opacity:0; transition:0.3s; }
.c-container a svg          { position:absolute; left:50%; margin-left:-24px; top:50%; margin-top:-24px; opacity:0; transition:0.3s; }
.c-container a:hover:before { opacity:0.2; }
.c-container a:hover svg    { opacity:0.4; }

.p-slider {}
.p-slider:before               { content:''; position:absolute; left:0px; top:0px; background:#000; width:100%; height:100%; opacity:0.4; }
.p-block {}
.p-block:after                { display:none !important; }

.swiper-slide               { width: 240px; }
.swiper-slide a             { display:inline-block; position:relative; margin-right:0px; width:240px; height:100%; transition:0.3s; }
.swiper-slide a:before      { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#fff; opacity:0; transition:0.3s; }
.swiper-slide a svg         { position:absolute; left:50%; margin-left:-24px; top:50%; margin-top:-24px; opacity:0; transition:0.3s; }
.swiper-slide a:hover:before{ opacity:0.2; }
.swiper-slide a:hover svg   { opacity:0.4; }

.list                       { display:inline-block; margin-bottom:25px; width:100%; }
.list-menu                  { display:block; margin-bottom:20px; }
.list-menu a                { display:inline-block; background:#cdcdcd; padding:9px 20px 11px 20px; margin-right:10px; margin-bottom:10px; font-size:13px; text-decoration:none;
							  text-transform:uppercase; transition:0.3s;}
.list-menu a:hover          { background:#6e6c84; color:#fff; }
.list-menu a.selected       { background:#6e6c84; color:#fff; }
.sub-cat-title              { display:block; font-size:25px; font-weight:300; margin-left:-2px; margin-bottom:15px; }
.l-item                     { display:inline-block; position:relative; margin-bottom:15px; width:100%; height:70px; background:#eee; }
.l-i-img                    { position:absolute; left:0px; top:0px; width:94px; height:100%; }
.l-i-img:before             { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#fff; opacity:0; transition:0.3s; }
.l-i-img svg                { position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px; opacity:0; transition:0.3s; }
.l-i-img:hover:before       { opacity:0.2; }
.l-i-img:hover svg          { opacity:0.4; }
.l-i-desc                   { margin-left:94px; margin-right:110px; padding-left:25px; padding-right:25px; height:100%; }
.l-i-d-title                { display:block; margin-top:6px; font-size:16px; line-height:16px; }
.l-i-d-desc                 { display:block; margin-bottom:7px; font-size:14px; line-height:14px; font-style:italic; font-weight:300; opacity:0.8; overflow:hidden; }
.l-i-d-desc p               { display:block; margin:0px; padding:0px; margin-top:6px; }
.l-i-d-price                { position:absolute; top:0px; right:0px; width:110px; height:100%; }
.l-i-d-p-price              { display:block; margin-top:6px; font-size:16px; line-height:16px; opacity:0.9; }
.l-i-d-p-desc               { display:block; margin-top:6px; margin-bottom:7px; font-size:14px; line-height:14px; font-style:italic; font-weight:300; opacity:0.8; }

.square div.l-item          { width:19%; margin-right:1.25%; height:auto; vertical-align:top; }
.square div.l-item-2        { margin-right:1.25%; }
.square div.l-item-3        { margin-right:1.25%; }
.square div.l-item-4        { margin-right:1.25%; }
.square div.l-item-5        { margin-right:0%; }
.square div.l-i-right       { margin-right:0% !important; }
.square a.l-i-img           { display:inline-block; position:relative; left:0px; top:0px; width:100% !important; height:180px; }
.square div.l-i-desc        { margin-left:0px !important; margin-right:0px; padding-top:8px; padding-bottom:8px; padding-left:18px; padding-right:18px; height:auto; }
.square div.l-i-d-desc      { margin-top:12px !important; }
.square div.l-i-d-price     { position:relative; display:inline-block !important; padding-bottom:15px; padding-left:18px; padding-right:18px; width:auto !important; height:auto; }
.square div.l-i-d-p-price   { display:inline-block !important; margin-top:0px !important; }
.square div.l-i-d-p-desc    { display:inline-block !important; vertical-align:top; margin-top:3px !important; margin-bottom:0px !important; font-size:14px; line-height:14px; font-style:italic; font-weight:300; opacity:0.8; }

.l-i-d-p-details            { display:inline-block; }
.l-i-d-p-details a          { display:inline-block; padding:9px 15px 11px 15px; font-size:13px; text-decoration:none; text-transform: uppercase; }

.text                       { display:inline-block; margin-bottom:15px; width:100%; text-align:justify; }
.text b                     { display:block; font-size:20px; line-height:20px; margin-bottom:15px; font-weight:400; }
.text p                     { display:block; margin:0px; margin-bottom:20px; padding:0px; font-size:14px; line-height:19px; font-weight:400; opacity:0.9; }
.texts                      { display:inline-block; margin-bottom:15px; width:100%; }
.t-block                    { display:inline-block; vertical-align:top; width:50%; text-align:justify; transition:0.3s; }
.t-block b                  { display:block; font-size:20px; line-height:20px; margin-bottom:15px; font-weight:400; }
.t-block p                  { display:block; margin:0px; margin-bottom:20px; padding:0px; font-size:14px; line-height:19px; font-weight:400; opacity:0.9; }
.t-b-l b                    { margin-right:30px; transition:0.3s; }
.t-b-l p                    { margin-right:30px; transition:0.3s; }
.t-b-r b                    { margin-left:30px; transition:0.3s; }
.t-b-r p                    { margin-left:30px; transition:0.3s; }

/*Info page*/
.info-page                  { position:fixed; left:0%; top:0%; width:100%; height:100%; text-align: center; z-index:3; }
.info-page:before           { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.6; }
.i-p-container              { position:relative; margin-left:340px; margin-right:60px; top:5%; height:90%; text-align:left; overflow:auto; }
.close-window               { position:absolute; right:15px; top:15px; }
.i-p-container h1           { display:block; margin:0px; padding:0px; font-size:19px; line-height:19px; font-weight:400; }
.i-p-container h2           { display:inline-block; margin:0px; margin-top:10px; margin-bottom:10px; padding:0px; font-size:12px; line-height:12px; font-weight:400; opacity:0.5; }
.i-p-container p            { display:block; margin:0px; margin-top:10px; padding:0px; font-size:14px; line-height:16px; font-weight:300; }
.i-p-c-content              { min-height:200px; position:relative; background:#fff; padding:50px; padding-top:46px; }
.i-p-c-c-img                { position:absolute; left:50px; width:300px; height:200px; }
.i-p-c-c-text               { margin-left:340px; }

/*Parallax*/
.parallax                   { background-attachment:fixed; background-size:cover; height:300px; background-repeat:no-repeat; position:relative; z-index:2; background: none;  }
.parallax.parallax-c:after             { content:''; position:absolute; left:40px; top:0px; width:240px; height:100%; background:#000; opacity:0.4; transition:0.3s; }
.parallax b                 { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.1; } 

.parallax-bg {
	overflow: hidden;
	position: fixed; 
	z-index: 1; 
	width: 100%; height: 100%;
}
.parallax-bg-img {
	display: none;
	position: absolute;
	width: 100%; height: 100%;
}

.photowrap {
  overflow: hidden;
}
/*.photowrap img { width: 100%; position: absolute; top: 0px; left: 0px; }*/
.scroll-holder {  }

/*Contacts*/
.c-block                    { display:inline-block; vertical-align:top; width:50%; }
.c-b-title                  { display:block; margin-bottom:20px; font-size:18px; font-weight:400; }
.c-b-item                   { display:block; position:relative; margin-top:8px; font-size:15px; }
.c-b-i-left                 { position:absolute; left:0px; width:110px; opacity:0.5; }
.c-b-i-right                { margin-left:110px; color:#000; }
.c-b-i-right a              { color:#7175ab; }
.work-time                  { margin-top:20px; }
.work-time div.c-b-i-right  { margin-left:0px; }
.work-time-table            { float:left; width:100%; }
.work-time-table i          { float:left; width:100%; font-style:normal; color:#000; margin-bottom:10px; }
.w-t-block                  { float:left; width:60px; margin-right:6px; }
.w-t-block p                { float:left; width:60px; margin:0px; padding:0px; padding-top:5px; padding-bottom:5px; text-align:center; font-size:12px; font-family:'Roboto Condensed', sans-serif; }
.w-t-head                   { background:#000; color:#fff !important; font-size:11px !important; }
.free-day                   { background:#F00 !important; }
.r-c-b-s                    { display:none; }
#map-canvas                 { display:block; margin-top:40px; width:100%; height:400px; }

.spinner                    { margin:115px auto; width:50px; height:70px; text-align:center; font-size:10px; }
.spinner-p                  { position:absolute; z-index:100; }
.spinner > div              { background-color:#fff; margin:0px 2px; height:100%; width:6px; display:inline-block; -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
							  animation:sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2             { -webkit-animation-delay:-1.1s; animation-delay:-1.1s; }
.spinner .rect3             { -webkit-animation-delay:-1.0s; animation-delay:-1.0s; }
.spinner .rect4             { -webkit-animation-delay:-0.9s; animation-delay:-0.9s; }
.spinner .rect5             { -webkit-animation-delay:-0.8s; animation-delay:-0.8s; }

@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100%               { -webkit-transform:scaleY(0.4); }  
20%                         { -webkit-transform:scaleY(1.0); }
}
@keyframes sk-stretchdelay {
0%, 40%, 100%               { transform:scaleY(0.4); -webkit-transform:scaleY(0.4); }
20%                         { transform:scaleY(1.0); -webkit-transform:scaleY(1.0); }
}

/*Footer*/
.footer                     { display:inline-block; position:relative; width:100%; height:80px !important; }
.rights                     { position:absolute; left:0px; top:30px; font-size:15px; }
.rights i                   { font-style:normal; color:#7175ab; }
.rights b                   { margin-left:5px; font-weight:400; opacity:0.5; }
.developers                 { float:right; margin-top:30px; }
.developers a               { display:inline-block; font-size:12px; color:#000; text-decoration:none; margin-left:40px; }
.developers a i             { display:inline-block; vertical-align:top; margin-right:6px; margin-top:2px; font-style:normal; opacity:0.2; }
.developers a svg           { display:inline-block; vertical-align:top; opacity:0.6; transition:0.3s; }
.developers a:hover svg     { opacity:1; }


@media screen and (max-width: 1600px) {   
.square div.l-item          { width:24%; margin-right:1.3333%; }     
.square div.l-item-5        { margin-right:1.3333%; }
.square div.l-item-3        { margin-right:1.3333%; }
.square div.l-item-2        { margin-right:1.3333%; }
.square div.l-item-4        { margin-right:0%; }
}
@media screen and (max-width: 1400px) {   
.square div.l-item          { width:32.5%; margin-right:1.25%; }     
.square div.l-item-5        { margin-right:1.25%; }
.square div.l-item-4        { margin-right:1.25%; }
.square div.l-item-2        { margin-right:1.25%; }
.square div.l-item-3        { margin-right:0%; }
}
@media screen and (max-width: 1200px) {   
.square div.l-item          { width: 49%; margin-right:2%; }     
.square div.l-item-5        { margin-right:2%; }
.square div.l-item-4        { margin-right:2%; }
.square div.l-item-3        { margin-right:2%; }
.square div.l-item-2        { margin-right:0%; }
.i-p-c-c-img                { width:200px; height:160px; }
.i-p-c-c-text               { margin-left:240px; }
}

                            
@media screen and (max-width: 1100px) {
.panel                      { left:30px; width:200px; }
.l-b:before                 { left:30px; width:200px; }
.slider:before                 { left:30px; width:200px; }
.block:after                { left:30px; width:200px; }
.container                  { margin-left:270px; margin-right:40px; }
.parallax                   { height:250px; }
.parallax:after             { left:30px; width:200px; }
.spinner                    { margin:90px auto; width:50px; height:70px; text-align:center; font-size:10px; }
.carousel                   { height:150px !important;; }
.swiper-container           { height:150px !important; }
#map-canvas                 { height:300px; }
.t-block                    { width:100%; }
.t-b-l b                    { margin-right:0px; }
.t-b-l p                    { margin-right:0px; }
.t-b-r b                    { margin-left:0px; }
.t-b-r p                    { margin-left:0px; }
.i-p-container              { margin-left:270px; margin-right:40px; }
.i-p-c-content              { padding:40px; padding-top:36px; }
.i-p-c-c-img                { left:40px; }
.i-p-c-c-text               { margin-left:230px; }
}
@media screen and (max-width: 920px) {
.panel                      { left:0px; width:80px; }
.logo                       { height:80px; }
.logo img                   { width:70%; }
.languages                  { height:auto; padding-top:15px; padding-bottom:15px; }
.languages a                { margin-top:3px; margin-bottom:6px; }
.menu                       { display:none; }
.phone                      { padding-top:0px; padding-bottom:0px; margin-top:0px; }
.phone i                    { display:none; }
.phone a                    { display:none; }
.c-hamburger                { display:block; }
.share                      { margin-left:23.5px; }
.l-b:before                 { left:0px; width:80px; }
.slider:before                 { left:0px; width:80px; }
.block:after                { left:0px; width:80px; }
.parallax:after             { left:0px; width:80px; }
.container                  { margin-left:120px; margin-right:40px; }
.title                      { margin-top:30px; margin-bottom:34px; font-size:38px; line-height:26px; }
.carousel                   { margin-bottom:30px !important;; }
.swiper-container           { margin-bottom:30px !important;; }
.l-i-img                    { width:80px; }
.l-i-desc                   { margin-left:80px; margin-right:90px; padding-left:15px; padding-right:15px; }
.l-i-d-price                { width:90px; }
.c-block                    { width:100%; }
.r-c-b                      { margin-top:20px; }
.c-b-share                  { display:none; }
.c-b-share                  { display:none; }
.r-c-b-s                    { display:inline-block !important; }
#map-canvas                 { margin-top:30px; }
.rights b                   { display:none; }
.developers a i             { display:none; }
.i-p-container              { margin-left:120px; }
}
@media screen and (max-width: 760px) {
.i-p-c-c-img                { display:inline-block; position:relative; left:auto; width:100%; height:120px; }
.i-p-c-c-text               { margin-left:0px; margin-top:20px; }
}
@media screen and (max-width: 640px) {
.parallax                   { background-attachment:scroll; } 
}
@media screen and (max-width: 600px) {
.container                  { margin-left:100px; margin-right:20px; }
.parallax                   { height:200px; }
.spinner                    { margin:65px auto; width:50px; height:70px; text-align:center; font-size:10px; }
.carousel                   { height:120px !important;; }
.swiper-container           { height:120px !important;; }
.l-i-img                    { width:70px; }
.l-i-desc                   { margin-left:70px; margin-right:80px; padding-left:10px; padding-right:10px; }
.l-i-d-price                { width:80px; }
.square div.l-item          { width:100%; margin-right:0%; }   
.c-container a              { width:180px; }
.swiper-slide               { width:180px !important; }
.swiper-slide a             { width:180px !important; }
.c-b-i-left                 { width:80px; }
.c-b-i-right                { margin-left:80px; }
#map-canvas                 { height:200px; }
.developers a               { margin-left:15px; }
.i-p-container              { margin-left:100px; margin-right:20px; }
}
@media screen and (max-width: 480px) {
.container                  { margin-left:90px; margin-right:10px; } 
.l-i-d-desc                 { height:0px !important; }
.i-p-container              { margin-left:90px; margin-right:10px; }
.i-p-c-content              { padding:30px; padding-top:26px; }
.close-window               { right:7px; top:7px; }
}