*{
	margin: 0;
	padding: 0;
}
.hidden{opacity:0}
.visible{opacity:1}
body.landing{
	font-family: "Open Sans";
	font-size: 14px;
	min-width: 1200px;
}
.landing .container textarea{
border: 2px solid #bdc3c7;
color: #34495e;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 8px 5px;
/* height: 21px; */
text-indent: 6px;
-webkit-appearance: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: border .25s linear, color .25s linear;
-moz-transition: border .25s linear, color .25s linear;
-o-transition: border .25s linear, color .25s linear;
transition: border .25s linear, color .25s linear;
-webkit-backface-visibility: hidden;
width: 100%;
/* overflow: hidden; */
float: left;
box-sizing: border-box;
}
.formheader{
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 30px;
  }
.bomba{
border: 2px solid #bdc3c7;
  color: #34495e;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding: 18px 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb( 164, 164, 164 );
  background-color: rgb( 255, 255, 255 );
  }
.adele-fn{
	font-family: "Open Sans";
font-size: 18px;
}
ins{
	display: none;
}
p{
	margin-bottom: 25px;
	font-family:Open Sans;
}
img{
	max-width: 100%;
}
a img{
	border: none;
}
.d-block{
	display: block;
}
.red_tx{
	color: #c0392b;
}
/*===========================
	titles
	=========================*/

.artis-title{
  font-size: 36px;
  font-family: "Open Sans";
  color: rgb( 0, 0, 0 );
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin:20px;
  text-transform:uppercase
}
.podzagolovok{
  font-size: 18px;
  font-family: "Open Sans";
  color: rgb( 0, 0, 0 );
  line-height: 1.3;
  text-align: center;
  font-weight:300;
  margin: 20px 0 80px;
  padding: 0;
  text-transform: none;
}
.artis-subtitle{
  font-size: 20px;
  font-family: "Open Sans";
  color: rgb( 0, 0, 0 );
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.25;
  text-align: center;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.artis-minititle  {
  font-size: 15px;
  font-family: "Open Sans";
  color: rgb( 0, 0, 0 );
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.material{
width: 100%;
  height: 100%;
  display: table;
  background: url(../../images/landing/material.jpg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 470px;
  }
.twhite{color:#fff!important}
.material-inside{
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  /* min-height: 500px; */
  /* margin-top: -100px; */
}
.counts{
width: 100%;
  height: 100%;
  display: table;
  background: url(../../images/landing/counts.jpg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 400px;
  }
  .oformlenie{
  width: 100%;
  /* height: 100%; */
  /* background: url(../../images/landing/oformlenie.jpg); */
  background-size: cover;
  background-position: bottom center;
  min-height: 500px;
  position: relative;
  /* top: -80px; */
  margin-top: -100px;
  background: transparent;
  }
  #oformlenie{
  width:100%;
   margin-top: -100px;
  z-index: -1;
  position: relative;
  }
    .cliento{
  width: 100%;
  /* height: 100%; */
  display: table;
  /* background: url(../../images/landing/oformlenie.jpg); */
  background-size: cover;
  background-position: bottom center;
  min-height: 500px;
  position: relative;
  /* top: -80px; */
  margin-top: -100px;
  background: transparent;
  }
  #cliento{
  position:absolute;
  width:100%;
  }
.counts-inside{
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  /* min-height: 500px; */
  /* margin-top: -100px; */
}
.mb100{margin-bottom:50px}
.mb60{margin-bottom:60px}
.artis-h1{
	letter-spacing: 50px;
	margin-bottom: 90px;
}
.artis-h2{
	margin-bottom: 100px;
}
.artis-h3{
	letter-spacing: 18px;
	margin-bottom: 110px;
}
.artis-h1 .artis-title{
	margin-bottom: 26px;
}
.artis-h2 .artis-title{
	margin-bottom: 15px;
}
.artis-h3 .artis-title{
	margin-bottom: 13px;
	vertical-align: top;
}
.artis-dt{
	margin-left: -20px;
}



.up-c{
	text-transform: uppercase;
}
.all-center{
	text-align: center;
}
.all-left{
	text-align: left;
}
.all-right{
	text-align: right;
}
.pull_right{
	float: right;
}
.page,
.header-wraper{
	max-width: 1300px;
	margin: 0 auto;
}
.headero:after,
.headero:before{
	content: '\0020';
	display: table;
	clear: both;
}
.headero{
	position: fixed;
	z-index: 25000;
	background: #f3f3f3;
	left: 0;
	right: 0;
	top: 0;
    	-moz-box-shadow: 0px 1px 12px #999;
    		-webkit-box-shadow: 0px 1px 12px #999;
    box-shadow: 0px 1px 12px #999;
}
.header-cell{
	width: 20%;
	height: 70px;
	float: left;
}
.header-cell-td{
	display: table-cell;
vertical-align: middle;
height: 70px;
width: inherit;
font-family: Open Sans;
font-size: 16px;
}
.video-cm{
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}
.video-cm-content{
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.topblock_container{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	/*height: 128%;*/
}
.topblock{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: table;
  }
.topinner{
  /*display: table-cell;*/
  /*vertical-align: middle;*/
    margin-top: 190px;
  }
  
  .promoblock{
    background-color: #f8bb00 ;
  color: #222;
  padding: 5px;
  text-align: center;
  margin-bottom:20px;
  width:500px;
  margin-left:25px;
  }
  .promoblock h3{
  font-size: 28px;
  font-family: "Open Sans";
  color: #222;
  font-weight: bold;
  line-height: 1.103;
  text-align: center;
  -moz-transform: matrix( 0.84580473255298, 0, 0, 0.84546757951165, 0, 0);
  -webkit-transform: matrix( 0.84580473255298, 0, 0, 0.84546757951165, 0, 0);
  text-transform: uppercase;
  margin:5px 0px;
  
  }
  .mt10{margin-top:10px}
  .mt20{margin-top:20px}
  .promoblock p{
  font-weight: bold;
  color: #222;
  margin:5px 0px;
  }
  
  .artis-button {
  font-size: 16px;
  font-family: "Open Sans";
  color: rgb( 255, 255, 255 );
  line-height: 1.286;
  text-align: center;
  background:#f8bb00;
  padding:15px 20px;
  text-transform:uppercase;
  display:inline-block;
  font-weight:bold;
  border:none
}
.artis-button:hover {
  color: #444;
  text-decoration: none;
  }
.benefits p{
font-size:18px;
font-weight:bold
}
.numbers{
  font-size: 50px;
  font-family: "Open Sans";
  color: rgb( 236, 177, 64 );
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0.4;
  text-align: center;
}
.subnumbers{
  font-size: 18px;
  font-family: "Open Sans";
  color: rgb( 255, 255, 255 );
  line-height: 1.111;
  text-align: center;
  text-transform:uppercase
}
.поле_email_копия {
  border-style: solid;
  border-width: 1px;
  border-color: rgb( 164, 164, 164 );
  background-color: rgb( 255, 255, 255 );
  position: absolute;
  left: 645px;
  top: 677px;
  width: 673px;
  height: 64px;
  z-index: 231;
}

.sale-form{
	max-width:750px;
	margin: 0 auto 140px auto;
}
.sale-form input[type=text],
.mansory-mask input[type=text]{
margin: 0 auto !important;
width: 100% !important;
color: #34495e;
/* font-family: 'Open Sans', sans-serif; */
font-size: 14px;
height: 21px;
text-indent: 6px;
-webkit-appearance: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: border .25s linear, color .25s linear;
-moz-transition: border .25s linear, color .25s linear;
-o-transition: border .25s linear, color .25s linear;
transition: border .25s linear, color .25s linear;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
height: 40px;
}
/*=========================
	masonry
==========================*/
.grid-gallery{
	overflow: hidden;
	z-index: 10px; 
	position: relative;
}
.touch-grid{
	overflow-x: scroll;
	overflow-y: hidden;  
}
.gallery-layout-1{
	width: 100%;
	height: 549px;
}
.gallery-layout-2{
	width: 100%;
	height: 549px;
}
.gallery-layout-3{
	/*max-width: 1205px;
	/*margin-left: auto;
	margin-right: auto;*/
	height: auto;
	width:100%
}
/*.masonry-grid{
	width: 100%;
	height: 975px;
	overflow: hidden;
}*/
.masonry-grid{
	width: 100%;
	height: 587px;
	overflow: hidden;
}
.masonry-grid2{
	width: 100%;
	height: 549px;
	overflow: hidden;
}
.masonry-grid .item{
	margin-bottom: 18px;
	margin-right: 18px;
	line-height: 0;
	float: left;
	overflow: hidden;
}
.masonry-grid .item img{
	height: auto;
	width: 100%;
}
.grid-navi{
	position: absolute;
	z-index: 4;
	left: 0px;
	top: 0;
	height: 100%;
	background: rgba(0,0,0, 0.5);
	width:7%;
}
.grid-navi:after{
	content: '\0020';
	display: block;
	width: 26px;
	height: 51px;
	background-image: url(img/arr-left.png);
	background-position: 0 -51px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}
.grid-navi.right:after{
	background-image: url(img/arr.png);
}
.grid-navi.right{
	left: auto;
	right: 0px;
}
.grid-gallery:hover .grid-navi{
	display: block;
}
.comand-grid .item{
	margin-right:0px!important;
	margin-bottom:18px!important;
	cursor: pointer;
	border: 2px solid transparent;
}
.c_yellow{
	opacity: 0.5;
	}
.c_yellow:hover,
.c_yellow.active{
	border-color: #f1c40f;
	opacity: 1;
}
.my-grid:after,
.my-grid:before{
	content: '\0020';
	display: block;
	clear: both;
}
.my-grid-item{
	float: left;
	width: 33.33333333%;
}
.yello{
background:#f1c40f!important;
}
.vidlo{
background:url(../video/lykk_iphone.jpg)!important;
background-size:cover!important;
background-repeat:no-repeat!important;
}
.fancybox-wrap .btn-block{
	width: 100% !important;
	margin: 0 0 8px 0 !important;
	display: block !important;
}
.fancybox-wrap input[type=text], .fancybox-wrap input[type=phone], .fancybox-wrap input[type=email]{
width: 100% !important;
/* margin: 0 0 15px 10px !important; */
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
height: 54px;
position: relative;
/* left: 7px; */
/*box-sizing: padding-box;*/
float: left;
}
.gmnoprint img {
    max-width: none; 
}
.disc-im .btn{
	width: 100% !important;
	margin: 0 0 8px 0 !important;
	display: block !important;
}
.disc-im input[type=text]{
	width: 100% !important;
	margin: 0 0 8px 0 !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	height: 38px;
}
.fancybox-wrap  .lykk-map-form{
	background: none !important;
}
.c_blue{
	opacity: 0.5;
	}
.c_blue:hover,
.c_blue.active{
	border-color: #3498db;
	opacity: 1;
}
.blu{
background:#3498db!important;
}
.c_carrot{
	opacity: 0.5;
	}
.c_carrot:hover,
.c_carrot.active{
	border-color: #e67e22;
	opacity: 1;
}
.carro{
background:#e67e22!important;
}
.c_wet{
	opacity: 0.5;
	}
.c_wet:hover,
.c_wet.active{
	border-color: #34495e;
	opacity: 1;
}
.we{
background:#34495e!important;
color:white!important;
}
.knopo4ka{
font-size: 24px;
color: white;
display: inline-block;
background: #e74c3c;
padding: 10px 20px;
position: absolute;
bottom: -53px;
right: 0px;
cursor: pointer;
}
.re{
background:rgba(231, 76, 60,0.8)!important;
color:white!important;
font-family:Open Sans;
}
.re:hover{
background:rgba(231, 76, 60,1.0)!important;
color:white!important;
}
.ye_odezhda{
background:rgba(241, 196, 15,0.8)!important;
color:black!important;
font-family:Open Sans;
}
.ye_odezhda:hover{
background:rgba(241, 196, 15,1.0)!important;
color:black!important;
font-family:Open Sans;
}
.vi_odezhda{
background:rgba(155, 89, 182,0.8)!important;
color:white!important;
font-family:Open Sans;
}
.vi_odezhda:hover{
background:rgba(155, 89, 182,1.0)!important;
color:white!important;
font-family:Open Sans;
}
.c_green{
	opacity: 0.5;
	}
.c_green:hover,
.c_green.active{
	border-color: #1abc9c;
	opacity: 1;
}
.gree{
background:#1abc9c!important;
}
.c_fiolet{
	opacity: 0.5;
	}
.c_fiolet:hover,
.c_fiolet.active{
	border-color: #9b59b6;
	opacity: 1;
}
.fiole{
background:#9b59b6!important;
}
.c_grun{
	opacity: 0.5;
	}
.c_grun:hover,
.c_grun.active{
	border-color: #27ae60;
	opacity: 1;
}
.gru{
background:#27ae60!important;
}
.comand-grid .item-btn{
	opacity: 1;
	border: none;
}
.mansory-auto{
	margin-left: auto;
	margin-right: auto;
}

.w_360{
	width: 360px;
	height: 360px;
}
.w_165{
	width: 171px;
	height: 171px;
}
.w_165-l-2{
	width: 545px;
	height: 171px;
}
.h-m-3{
	height: 549px;
}
.h-m-2{
	height: 360px;
}
.mansory-mask{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
	background: url(img/mansory-mask.png);
	line-height: 1.4;
}
.mask-btn{
	background: #2980b9;
}
.mansory-mask-title{
	text-transform: uppercase;
	font-size: 24px;
	margin: 25px 0;
}
.mansory-mask-form{
	display: block;
	margin: 0 50px;
}
.data-mansory-hide{
	display: none;
}
.social_nav{
	display: inline-block;
	word-spacing:2px;
}
.social_nav-item{
	background-image: url(img/social-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 28px;
	height: 28px;
	display: inline-block;
}
.social_nav-item:hover{
	opacity: 0.5;
}
.social_nav-item.fa-vk{
	background-position: -31px 0;
}
.social_nav-item.fa-ins{
	background-position: -65px 0;
}

/*===========================
lykk-alert
============================*/
.lykk-alert{
	padding:10px;
	color: #fff;
	background-position: 0 0;
	margin-bottom: 150px;
	background-image: url(img/lykk-alert.jpg);
	font-family: Open Sans;
	background-size: cover;
}
.lykk-info{
	line-height: 0;
	color: #000;
	margin-bottom: 100px;
	text-align: center;
	word-spacing: -4px;
}
.lykk-info img{
	display: inline-block;
	word-spacing: -4px;
}

.lykk-alert:after,
.lykk-alert:before,
.tab-interactive:after,
.tab-interactive:before,
.comment_list:after,
.comment_list:before,
.artis-tabs:after,
.artis-tabs:before,
.comment_list-item-wrap:after,
.comment_list-item-wrap:before{
	content: '\0020';
	display: table;
	clear: both;
}


/*============================
mykk-btn
=============================*/
.mykk-btn{
	display: inline-block;
	padding: 15px 50px;
	border-radius: 4px;
		-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
	box-shadow: 0 2px 0 #000;
	background-color: #f1c40f;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    line-height: 18.004px;
    margin-right: 4px;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
    margin-bottom: 2px;
}
.comand-user:after,
.comand-user:before{
	clear: both;
	content: '\0020';
	display: table;
}
.comand-user{
	padding-left: 354px;
margin-bottom: 41px;
max-width: 910px;
margin: 0 auto;
}
.comand-user-photo{
	width: 360px;
	height: 360px;
	float: left;
	margin-left: -369px;
}
.comand-user-photo img{
	width: 100%;
	height: auto;
}
.comand-user-content{
	background: url(img/yell_bg-im.png);
	padding: 30px 30px 30px 70px;
	font-size: 18px;
	min-height: 300px;
}
.comand-user-content-title{
	text-transform: uppercase;
	font-size: 30px;
}
.comand-user-content-title-sub{
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: -8px;
	margin-bottom: 15px;
}
.comand-container{
	background: url(img/comand_bg.png) no-repeat top center;
	background-size:cover;
}
.nav-grid{
	position: absolute;
	left: 0;
	width: 30%;
	height: 100%;
	cursor: n-resize
}
.nav-grid.right{
	left: auto;
	right: 0;
	cursor: w-resize
}
/*============================
tab-interactive
==============================*/
.tab-interactive{
	margin:0 auto 150px auto;
	width: 1164px;
	position: relative;
	z-index: 100;
}
.tab-interactive-item{
	width: 356px;
	border: 2px solid transparent;
	height: 356px;
	float: left;
	margin:0 14px 28px 14px;
	cursor: pointer;
}
.tab-interactive-item:after{
	content: '\0020';
	display: block;
	width: 10px;
	height: 18px;
	background: #ccc;
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: none;
}
.m15{
margin-right:15px!important;
margin-bottom:15px!important;
}

.tab-interactive-item.active:after{
	display: block;
}
.interactive-item-mini{
	height: 180px;
}
.interactive-bottom{
	margin-top: 180px;
}
.tab-interactive-item-image{
	width: 100%;
	height: inherit;
	position: relative;
	z-index: 100;
	overflow: hidden;
}
.tab-interactive-item-image img{
	width: 100%;
	height: auto;
}
.tab-interactive-item-title{
	text-transform: uppercase;
font-size: 24px;
line-height: 28px;
margin-bottom: 4px;
font-family: Open Sans;
}
}
.tab-interactive-item-text{
	font-size: 18px;
}
.tab-interactive-item-mask{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(img/interactive_mask.png);
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
}

.exsclusive{
	background: url(img/pink_bg.png);
}
.happy{
	background: url(img/yell_bg.png);
}
.job-in{
	background: #e74c3c;
}
.garant{
	background: url(img/green_bg.png);
}
.bb{
font-family: Open Sans;
}
.tab-interactive-cell{
	height: 360px;
width: 360px;
vertical-align: middle;
display: table-cell;
font-family: Open Sans;
font-size: 24px;
}
.interactive-item-mini .tab-interactive-cell{
	height: 180px;
}
.tab-interactive-item.active{
	border-color: #3498db;
}
.tab-interactive-item.red-b.active{
	border-color: #E74C3C;
}
.tab-interactive-item.green-b.active{
	border-color: #2ECC71;
}
.tab-interactive-item.yellow-b.active{
	border-color: #F1C40F;
}
.tab-interactive-item.blue-b.active{
	border-color: #3498DB;
}
.tab-interactive-item-info{
	width: 360px;
	height: 360px;
	position: absolute;
	z-index: 1500;
	left: 402px;
	top: 200px;
	display: none;
}
/*=============================
comment_list
==============================*/
.comment_list{
	width: 10%0;
	margin: 0 0 150px 0;
}
.comment_list-user{
	width: 72px;
	height: 72px;
	position: relative;
	z-index: 100;
	border-radius: 100px;
	margin: 0 auto;
	overflow: hidden;
	/*border:1px solid #3498db;*/
	line-height: 0;
	transition:  0.5s;
}
.comment_list-user:hover{
	box-shadow: 0 1px 2px #333;
	-moz-box-shadow: 0 1px 2px #333;
	-webkit-box-shadow: 0 1px 2px #333;
}
.comment_list-view .comment_list-user{
	box-shadow: 0 1px 2px #333;
	-moz-box-shadow: 0 1px 2px #333;
	-webkit-box-shadow: 0 1px 2px #333;
}
.comment_list-user img{
	width: 100%;
	height: auto;
	margin-top: -1px;
}
.comment_list-view .comment_list-user{
	width: 130px;
	height: 130px;
	margin-bottom: 15px;
}

.comment_list-item{
	display: block;
	float: left;
	width: 75px;
	margin: 0 15px 15px;
	cursor: pointer;
}
.comment-list-data{
	display: none;
	position: absolute;
	width: 30%;
	z-index: 100;
}

.comment_list-view{
	float: left;
	width: 33.333333333%;
	margin-top: -30px;
	text-align: center;
}
.comment_list-view .comment-list-data{
	position: static;
	width: auto;
}
.comment_list-view .comment_list-user{
	border-width: 2px;
}
.comment_list-user-name{
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 40px;
	font-family: "Open Sans";
}
.comment_list-message{
	font-size: 24px;
}
.comment_list-item-wrap{
	float: left;
	display: block;
	width: 33.33333333%;
}
.comment_list-item-wrap.right{
	float: right;
}
.pink-bord{
	border-color: #9c5db5;
}
.red-bord{
	border-color: #e85443;
}
.orange-bord{
	border-color: #e78127;
}
.green-bord{
	border-color: #2ecc71;
}
.yellow-bord{
	border-color: #faeaa8;
}
.green-dark-bord{
	border-color: #31c3a6;
}
.dark-bord{
	border-color: #475062;
}
/*============================
artis-tabs
=============================*/
.artis-tabs{
	position: relative;
	z-index: 100;
	height: 490px;
	width: 100%;
	
	overflow: hidden;
}
.artis-tabs-ul{
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
}
.artis-tabs-item{
	height: 123px;
	color: #fff;
	background:rgba(155, 89, 182,0.8);
	padding: 20px 0px 20px 0px;
width: 100%;
}

.artis-tabs-item:hover {
background:rgba(155, 89, 182,1.0);
}
.artis-tabs-item1{
	height: 123px;
	color: #fff;
	background:rgba(52, 152, 219,0.8);
	padding: 20px 0px 20px 0px;
width: 100%;
}

.artis-tabs-item1:hover {
background:rgba(52, 152, 219,1.0);
}
.artis-tabs-item2{
	height: 123px;
	color: #fff;
	background:rgba(52, 73, 94,0.8);
	padding: 20px 0px 20px 0px;
width: 100%;
}

.artis-tabs-item2:hover {
background:rgba(52, 73, 94,1.0);
}
.artis-tabs-ul-title{
	text-transform: uppercase;
font-size: 36px;
margin-bottom: 17px;
line-height: 34px;
font-family: Open Sans;
margin-left: 10px;
}
.artis-tabs-ul-sub-title{
	font-size: 18px;
	margin-left: 10px;
}
.blue-im-bg{
	background: url(img/blue_bg.png);
}
.m5{
margin-top:5px!important;
}
.blur-im-bg{
	background: url(img/blur_bg.png);
}
.lykk-map{
	height: inherit;
	position: relative;
	z-index: 100;
}
.artis-map-form1{
position: absolute;
right: 0px;
bottom: 0px;
z-index: 1500;
background: rgba(241, 196, 15,0.8);
padding: 0 20px 10px 20px;
}
.lykk-map-form1 input[type=text]{
	/*width: 200px !important;*/
	display: inline-block !important;
}
.lykk-map-form{
	background: rgba(241, 196, 15,0.8);
	padding: 20px 0px 20px 0px;
width: 100%;
height:123px;
}

.lykk-map-form input[type=text]{
	width: 100%;
display: inline-block !important;
box-sizing: border-box;
height: 40px;
}
}
.social_nav-bottom{
	word-spacing: 9px;
	margin-left: 10px;
}
.social_nav-bottom-item{
	display: inline-block;
	width: 43px;
	height: 43px;
	background-image: url(img/soc-white-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.social_nav-bottom-item.insta{
	background-position: 0 0;
}
.social_nav-bottom-item.vk{
	background-position: -57px 0px;
}
.social_nav-bottom-item.fc{
	background-position: -113px 0px;
}
/*=============================
	media
=============================*/
.hides{
	display: none;
}
@media only screen and (max-width: 1164px) {
	p{
		margin-bottom: 15px;
	}
	.tab-interactive{
		width: 912px;
	}
	.tab-interactive-item.active:after{
		display: none;
	}
	.tab-interactive-item,
	.tab-interactive-cell{
		width: 272px;
		height: 272px;
	}
	.tab-interactive-item-info{
		width: 272px;
		height: 272px;
		left: 321px;
		top: 164px;
	}
	.tab-interactive-item-text{
		font-size: 14px;
	}
	.interactive-item-mini,
	.interactive-item-mini .tab-interactive-cell{
		height: 136px;
	}
	.interactive-bottom{
		margin-top: 136px;
	}
	.tab-interactive-item-mask{
		font-size: 18px;
	}
	.tab-interactive-item-title{
		font-size: 20px;
	}

	.artis-h1 img{
		height: 75px;
	}
	.lykk-info-mark-title{
		font-size: 34px;
	}
	.lykk-info-mark{
		font-size: 17px;
	}
	.mark-info-1{
		font-size: 15px;
	}
	.comm-right-pull{
		float: left;
	}
}
.last-post:after,
.last-post:after{
	content: '\0020';
	clear: both;
	display: table;
}
.last-post{
	margin-bottom: 150px;
}
.last-post-item{
	width: 29%;
	margin: 0 2.166666666666667%;
	height: 400px;
	float: left;
	color: #fff;
	/* background-color: #3498db; */
	text-align: center;
}
.last-post-item-title{
	margin: 18px 0;
	font-size: 24px;
	text-transform: uppercase;
	color: black;
	font-family: Open Sans;
	}
	.my-grid{
		text-align: center;
	}
}
@media only screen and (max-width: 912px) {
	.tab-interactive{
		width: 352px;
		margin-left: auto;
		margin-right: auto;
	}
	.tab-interactive-item{
		width: 352px;
		height: auto;
		display: block;
		float: none;
		margin: 28px 14px 28px 14px;
	}
	.tab-interactive-item.active{
		height: auto;
	}
	.tab-interactive-cell{
		width: 352px;
		padding: 0;
	}
	.tab-interactive-cell{
		padding: 10px 0;
	}
	.tab-interactive-item-info{
		width: auto;
		padding: 0 20px;
		height: auto;
		position: static;
		margin-top: 10px;

	}
	.tab-interactive-item-image{
		height: inherit;
	}
	.tab-interactive-item-text{
		font-size: 14px;
	}
	.interactive-item-mini,
	.interactive-item-mini .tab-interactive-cell{
		height: 136px;
	}
	.interactive-bottom{
		margin-top: 0;
	}
	.tab-interactive-item-mask{
		font-size: 18px;
	}
	.tab-interactive-item-title{
		font-size: 20px;
	}

	.artis-h1 img{
		height: 75px;
	}
	.artis-h2 img{
		height: 45px;
	}
	.artis-h3 img{
		height: 30px;
	}
	.logo{
		background-size: contain;
		width: 145px;
		margin: 5px 0;
	}
	.lykk-info-mark-title{
		font-size: 25px;
	}
	.lykk-info-mark{
		font-size: 14px;
	}
	.lykk-info-mark-text{
		line-height: 18px;
	}
	.mark-info-1{
		font-size: 12px;
	}
	.comment_list-user-name{
		font-size: 18px;
	}
	.comment_list-message{
		font-size: 14px;
	}
	.comand-user{
		padding-left: 220px;
	}
	.comand-user-photo{
		width: 200px;
		height: 200px;
		margin-left: -220px;
	}
	.sale-form{
		margin-bottom: 75px;
	}
	
	.lykk-map-form input[type="text"]{
		width: 100% !important;
	}
}
@media only screen and (max-width: 767px) {
	body{
		font-size: 12px;
	}
	.my-grid-item{
		width: 100%;
		float: none;
		text-align: center !important;
	}
	.my-grid-item *{
		text-align: center !important;
	}
	.header{
		position: static;
		width: 100%;
	}
	.header-cell{
		display: block;
		float: none;
		width: 100%;
	}
	.header-cell-td{
		display: block;
		text-align: center;
		width: 100%;
	}
	.artis-h1 img{
		height: 45px;
	}
	.artis-h2 img{
		height: 35px;
	}
	.artis-h3 img{
		height: 21px;
	}
	.logo{
		margin: 5px auto;
	}
	.lykk-info-mark-title{
		font-size: 19px;
	}
	.lykk-info-mark{
		font-size: 8px;
	}
	.lykk-info-mark-text{
		line-height: 12px;
	}
	.mark-info-1{
		font-size: 7px;
	}
	.artis-tabs{
		height: auto;
	}
	.artis-tabs-ul{
		width: 50%;
		float: left;
		position: static;
	}
	.lykk-map-form{
		left: 50%;
	}
	.lykk-map{
		width: 50%;
		float: left;
		height: 489px;
	}
	.comment_list-view,
	.comment_list-item-wrap{
		float: none;
		width: 100%;
		text-align: center;
	}
	.comment_list-item{
		display: inline-block;
		float: none;
	}
	.comment_list-view{
		margin-top: 0;
	}
	.comment_list{
		height: auto !important;
	}
	.comment-list-data{
		padding-bottom: 40px;
	}
	.last-post-item{
		width: 100%;
		margin-bottom: 28px;
		height: auto;
		margin-left: 0;
		margin-right: 0;
	}
	.last-post-item-title{
		font-size: 18px;
	}
	.mykk-btn{
		display: block;
	}
	.mykk-btn.pull_right{
		float: none;
	}
	.lykk-alert{
		font-size: 18px;
	}
	.lykk-alert .mykk-btn{
		margin-bottom: 10px;
	}
	.comand-user{
		padding-left: 0;
	}
	.comand-user-photo{
		width: 360px;
		height: 360px;
		float: none;
		margin: 0 auto 25px auto;
	}
	.comand-user-content{
		font-size: 16px;
	}
	.comand-user-content-title-sub{
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.lykk-info-mark-text{
		font-size: 8px;
	}
	.lykk-info-mark-title{
		font-size: 16px;
		line-height: 22px;
	}
	.artis-tabs-ul{
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.lykk-map{
		float: none;
		width: 100%;
		height: 489px;
	}
	.gallery-layout-3{
		overflow: hidden;
		width: 360px;
	}
	.gallery-layout-3 .masonry-grid{
		width: 400px;
	}
	.sale-form input[type="text"]{
		width: 100% !important;
		
		margin: 0 auto 25px auto !important;
	}
	.sale-form-submit{
		display: block !important;
		width: 100% !important;
	}
	.sale-form{
		width: auto;
	}
}
@media only screen and (max-width: 400px) {
	.lykk-info-mark-text{
		font-size: 6px;
		line-height: 7px;
	}

}
.puerto-btn-2 {
	display: inline-block;
position: relative;
height: 40px;
min-width: 170px;
margin-bottom: 3px;
border: 0;
text-align: left;
outline: none;
width: 100%;
cursor: pointer;
/* right: 7px; */
}
.puerto-btn-2 span {
	display: inline-block;
	width: 30px;
	height: 40px;
	padding-left: 5px;
	
	color: #FFF;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	font-size: 18px;
	line-height: 53px;
}
.puerto-btn-2 span:before {
	content: "";
	position: absolute;
	left: 35px;
	top: 0;
	
	border-top: 40px solid #139B80;
	border-right: 10px solid transparent;
}
.puerto-btn-2 small {
display: inline-block;
color: #fff;
font-size: 19px;
padding: 6px 20px;
margin-left: 35px;
font-family: Open Sans;
/* text-transform: uppercase; */
font-weight: normal;
}
}
.puerto-btn-2 span img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	vertical-align: middle;
		margin-top:7px;
}
.puerto-btn-2:hover span img {
	-webkit-animation: move_from_top 300ms ease-in-out;
	-moz-animation: move_from_top 300ms ease-in-out;
	-ms-animation: move_from_top 300ms ease-in-out;
	-o-animation: move_from_top 300ms ease-in-out;
	animation: move_from_top 300ms ease-in-out;
}

.puerto-btn-2: small{
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.puerto-btn-2:hover small{
	-webkit-animation: move_from_left 300ms ease-in-out;
	-moz-animation: move_from_left 300ms ease-in-out;
	-ms-animation: move_from_left 300ms ease-in-out;
	-o-animation: move_from_left 300ms ease-in-out;
	animation: move_from_left 300ms ease-in-out;
}
.color-8 { background-color: #e74c3c; }
.color-8.puerto-btn-2 span { background: #C92C1C; }
.color-8.puerto-btn-2 span:before { border-top-color: #C92C1C; }

.color-7 { background-color: #e67e22; }
.color-7.puerto-btn-2 span { background: #CA6A14; }
.color-7.puerto-btn-2 span:before { border-top-color: #CA6A14; }

.color-6 { background-color: #f1c40f; }
.color-6.puerto-btn-2 span { background: #D8B00E; }
.color-6.puerto-btn-2 span:before { border-top-color: #D8B00E; }

@-webkit-keyframes move_from_left {
    from {
        opacity: 0;
        -webkit-transform: translatex(-30%);
    }
    to {
        opacity: 1;
        -webkit-transform: translatex(0%);
    }
}
@-moz-keyframes move_from_left {
    from {
        opacity: 0;
        -moz-transform: translatex(-30%);
    }
    to {
        opacity: 1;
        -moz-transform: translatex(0%);
    }
}
@-ms-keyframes move_from_left {
    from {
        opacity: 0;
        -ms-transform: translatex(-30%);
    }
    to {
        opacity: 1;
        -ms-transform: translatex(0%);
    }
}
@-o-keyframes move_from_left {
    from {
        opacity: 0;
        -o-transform: translatex(-30%);
    }
    to {
        opacity: 1;
        -o-transform: translatex(0%);
    }
}
@keyframes move_from_left {
    from {
        opacity: 0;
        transform: translatex(-30%);
    }
    to {
        opacity: 1;
        transform: translatex(0%);
    }
}
@-webkit-keyframes move_from_top {
    from {
        opacity: 0;
        -webkit-transform: translateY(60%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes move_from_top {
    from {
        opacity: 0;
        -moz-transform: translateY(60%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes move_from_top {
    from {
        opacity: 0;
        -ms-transform: translateY(60%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}
@-o-keyframes move_from_top {
    from {
        opacity: 0;
        -o-transform: translateY(60%);
    }
    to {
        opacity: 1;
        -o-transform: translateY(0%);
    }
}
.radius {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.radius:before, .radius span {
	border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px 0 0 6px;
}
/*input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border: 2px solid #bdc3c7;
  color: #34495e;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding: 18px 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb( 164, 164, 164 );
  background-color: rgb( 255, 255, 255 );
}*/

.pure-g {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yui/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    /*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */

    display: -webkit-flex;
    -webkit-flex-flow: row wrap;

    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
@media all and (max-width: 946px) and (min-width: 320px) {
  .kom1 {
    width:171px;
	height:171px
  }
}
@media all and (max-width: 1130px) and (min-width: 946px) {
  .kom1 {
    width:545px;
	height:171px
  }
}
@media all and (max-width: 1315px) and (min-width: 1130px) {
  .kom1 {
    width:171px;
	height:171px
  }
}
@media all and (min-width: 1316px) {
  .kom1 {
    width:360px;
	height:171px
  }
}
	.m50{
position:relative;
top:50px;
}
}