@charset "utf-8";

/* CSS Document */
/* Eshop-rychle.cz*/
/* Author: jan.velas@bohemiasoft.com*/


/*font*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic|Open+Sans+Condensed:300&subset=latin-ext);
@font-face {
  font-family: eshop-rychle;
  src: url("../fonts/eshop-rychle.woff");
}
@font-face {
  font-family: eshop-rychle;
  src: url("../fonts/eshop-rychle.otf");
}

a {
  text-decoration:none;
}
.help .question a {
  color:inherit;
  text-decoration:underline;
}

/*text shadow*/



/*how to works*/

.works #center_b article, #tail h6 {
  text-shadow: 1px 1px 1px white;
}




/*LAYOUT*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .samples .thumb a
  {
    display:inline-block
  }
}

/*CHROME antialias*/
.antiblack{
  -webkit-text-stroke: 1px rgba(0,0,0,0.2);
  -webkit-font-smoothing: antialiased;
}

/*all images be responsive*/

article img {
  border: none;
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.left_gr {
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../images/left_gr.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  width: 688px;
  height: 581px;
}
#header {
  background-color: #1E1E1E;
}
#top {
  z-index: 3;
}
img:not(#logo img) {
  max-width: 100%;
}
img {
  border: none;
}
html, body {
  height: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;

}
#top, header, #bottom {
  width: 100%;
  display: inline-block;
  position: relative;
}
.layout {
  min-height: 100%; /* nastavení minimální výšky */
  width: 100%;
  max-width: 100%;
  margin: 0 auto 0 auto; /* pouze vycentrování, není podstatné */
}
#top {
  background-color: #C99;
  text-align: center;
}
header {
  background-color: yellow;
  height: 660px;
  text-align: center;
  position: relative;
}
#bottom {
  text-align: center;
}
#tail {
  padding-bottom: 90px;
  margin-bottom: 30px;
}
#center_a, #center_b, #bottom_b, #tail, #counter, .center_a {
  width: 100%;
  text-align: center;
}
#center_a, .center_a {
  background-color: white;
}
#center_b .content {
  padding-top: 90px;
}
#footer {
  height: 235px; /* nastavení fixní výšky */
  margin-top: -100px; /* posunutí patičky nahoru o stejnou hodnotu, jako je výška */
  background-color: gray;
  color: white;
  text-align: center;
}
.content, .video {
  width: 100%;
  max-width: 1000px;
  text-align: left;
  display: inline-block;
  padding: 0px 10px 10px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#logo {
  width: 275px;
  height: 85px;
  display: inline-block;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  position: relative;
  top: 10px;
}
/*colors*/

#top {
  /* IE v10+ */

  background-image: linear-gradient(-90deg, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe6e6e6,endColorstr=#ffffffff,GradientType=0)";
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe6e6e6, endColorstr=#ffffffff, GradientType=0);
  background-image: -ms-linear-gradient(-90deg, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(50% 0% -90deg, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
  /* safari v4.0+ and by Chrome v3.0+ */

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(230,230,230)), color-stop(1, rgb(255,255,255)));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(-90deg, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(-90deg, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
}
#counter {
  border-top: 1px solid #F3F1F0;
}
#center_b {
  background: url("../images/edge_t.png") no-repeat scroll center top #F3F1F0;
}
#bottom {
  background: url("../images/edge_b.png") no-repeat scroll center top #EAE6E4;
}
#bottom_b {
  background: url("../images/edge_c.png") no-repeat scroll center top white;
}
header {
  background: url("../images/eshop-rychle_banner.jpg") scroll center top transparent;
  background-repeat: no-repeat;
}
#tail {
  background-color: #F3F1F0;
}
header .content {
  text-align: right;
}
header h1 {
  text-align: right;
  text-transform: uppercase;
  color: #FD7521;
  font-size: 53px;
  font-weight: normal;
  margin-top: 90px;
  text-shadow: 1px 3px 5px black;
}
header h1 span {
  color: white;
}

.home header span.upedge {
  display: inline-block;
  width: 100%;
  height: auto;
  background: url("../images/edgeheader_top.png") no-repeat scroll 0 0 transparent;
  height: 64px;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}
.home header span.downedge {
   display: inline-block;
   width: 100%;
   height: 59px;
   background: transparent url("../images/edgeheader_bottom.png") no-repeat scroll right 3px;
   position: absolute;
   left: 0px;
   bottom: 0px;
   z-index: 2;
}
.otherpage header span.upedge {
  display: inline-block;
  width: 100%;
  height: auto;
  background: url("../images/header_top.png") no-repeat scroll center top white;
  height: 64px;
  position: relative;
  left: 0px;
  bottom: 0px;
}
.otherpage header span.downedge {
  display: inline-block;
  width: 100%;
  height: 80px;
  background: url("../images/header_down.png") no-repeat scroll center top #F3F1F0;
  position: relative;
  left: 0px;
  bottom: -6px;
}
.samples header span.downedge {
  background: url("../images/header_down.png") no-repeat scroll center top white;
}
.not_show {
  display: none;
}
.home header .content img {
  position: absolute;
  right: 501px;
  top: 210px;
}
.home header .content {
  position: relative;
}

.home .price.a strong.block{
  display:block;
  font-size:20px;
  color: #FA7321;
}

.home .price.a:hover {
  cursor:pointer;
}

/*top menu*/

.top ul li:last-child a {
  color: #FD7521;
}
nav.top {
  width: 70%;
  max-width: 74%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  margin-top: 57px;
}
nav.top ul {
  margin: 0px;
  padding: 0px;
}
nav.top ul li {
  display: inline-block;
  margin-left: 10px;
}
nav.top ul li a {
  text-decoration: none;
  font-size: 18px;
  padding: 5px 16px;
  border-radius: 4px;
  color: black;
  font-weight: normal;
  vertical-align: middle;
  text-shadow: 1px 1px 1px white;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
nav.top ul li a:hover, nav.top ul li a.active {
  background-color: #E06619;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.64);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
/*buttons*/

/*create new web*/

.create {
  float: right;
  display: inline-block;
  max-width: 458px;
  width: 80%;
  max-height: 124px;
  text-align: center;
  background-color: #8ABF1D;
  background-image: linear-gradient(90deg, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%); /* gradient overlay */
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,.59) /* inner shadow */, 0 0 0 1px #97cd01 /* outer stroke */;
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.59) /* inner shadow */, 0 0 0 1px #97cd01 /* outer stroke */;
  box-shadow: inset 0 0 4px rgba(0,0,0,.59) /* inner shadow */, 0 0 0 1px #97cd01 /* outer stroke */;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjN2YwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjOTZjZTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTZjZTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
  background-image: -moz-linear-gradient(90deg, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%); /* gradient overlay */
  background-image: -o-linear-gradient(90deg, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(90deg, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%); /* gradient overlay */
  border-radius: 8px 0px 8px 0px;
  cursor: pointer;
  margin: 2.3% 1%;
  text-wrap: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.create .arrow, .create .arrow span {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.create:hover, #tail .create:hover {
  background-image: -moz-linear-gradient(90deg, #4C6F10 0%, #96CE20 96.02%, #96CE01 100%);
  background-image: -o-linear-gradient(bottom,  #4C6F10 0%, #96CE20 96.02%, #96CE01 100%);
  background-image: -webkit-linear-gradient(bottom,  #4C6F10 0%, #96CE20 96.02%, #96CE01 100%);
  background-image: linear-gradient(bottom,  #4C6F10 0%, #96CE20 96.02%, #96CE01 100%);
}
.create_new_public_template:hover, #tail .create_new_public_template:hover {
  background-image: -moz-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  box-shadow: inset 0px 0px 0px 2px rgba(65, 235, 165, 0.11);
}
.create:hover .arrow, #tail .create:hover .arrow {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.create:hover .arrow span, #tail .create:hover .arrow span {
  color: white;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  text-shadow: 1px 1px 1px #5D8000;
}
.play {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.play:hover {
  background-color: rgba(73, 36, 10, 1);
}
.create .buttbox {
  color: #FFFFFF;
  display: inline-block;
  font-size: 21px;
  height: 100%;
  margin: 0;
  margin-top: 25px;
  margin-bottom: 30px;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-left: 5%;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
span.letter, header span.letter {
  color: #B4EC1D;
  display: inline-block;
  font-family: "eshop-rychle";
  font-size: 97px;
  height: 80px;
  line-height: 51px;
  margin-top: 0;
  overflow: hidden;
  padding-top: 0;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  vertical-align: top;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
html body a.create:hover .letter {
  opacity: 0.5;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  color: white;
}
html body a.create:hover .text {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
html body a.create:hover .text.dark {
  text-shadow: 0px 1px 0px rgb(23, 182, 117);
}
header .create .text {
  width: 85%;
}
.create .text {
   height: 100%;
   font-weight: bold;
   display: inline-block;
   width: 65%;
   position: relative;
   vertical-align: top;
   z-index: 3;
   left: 50px;
   text-shadow: 0px 1px 2px rgb(0, 62, 36);
   color: #FFF;
   font-size: 29px;
   text-align: center;
   transition: all 200ms linear 0s;
}
.create .dark, header .create .text.dark {
  text-shadow: 0 1px 2px #93CA1F;
  color: #150F0C;
  font-size: 14px;
}
/*tlačítko vytvořit eshop na světlém pozadí*/



.create.light {
  border: 1px solid #75a101;
  -moz-box-shadow: inset 0 0 0 1px rgba(182,238,30,.5);
  -webkit-box-shadow: inset 0 0 0 1px rgba(182,238,30,.5);
  box-shadow: inset 0 0 0 1px rgba(182,238,30,.5);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjN2YwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjOTZjZTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTZjZTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
  background-image: -moz-linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: -o-linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: -webkit-linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
  float: none;
  width: inherit;
}
.create .arrow {
  background: url("../images/arrow.png") no-repeat scroll 20px 15px rgba(0, 0, 0, 0);
  color: #FFFFFF;
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  height: 60%;
  padding-left: 70px;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  margin-top: 8px;
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.arrow span {
  color: #150F0C;
  display: inline-block;
  font-size: 15px;
  position: relative;
  text-align: center;
  text-shadow: none;
  top: -15px;
  width: 92%;
}
/*custom eshop*/

.eshop {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkYzBiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: linear-gradient(0deg, #cdc0b4 0%, #fff 100%); /* gradient overlay */
  background-image: -moz-linear-gradient(90deg, #cdc0b4 0%, #fff 100%); /* gradient overlay */
  background-image: -o-linear-gradient(90deg, #cdc0b4 0%, #fff 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(90deg, #cdc0b4 0%, #fff 100%); /* gradient overlay */
  height: 87px;
  display: inline-block;
  width: 50%;
  max-width: 470px;
  cursor: pointer;
  font-size: 24px;
  padding: 3% 0;
  text-align: center;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  border: 1px solid #D2C5B9;
  border-bottom: 4px solid #CDC1B5;
}
.list {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkYzBiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: linear-gradient(bottom, #cdc0b4 0%, #fff 100%);
  background-image: -moz-linear-gradient(bottom, #cdc0b4 0%, #fff 100%);
  background-image: -o-linear-gradient(bottom, #cdc0b4 0%, #fff 100%);
  background-image: -webkit-linear-gradient(bottom, #cdc0b4 0%, #fff 100%);
  width: 100%;
  max-width: 435px;
  height: auto;
  display: inline-block;
  font-size: 24px;
  color: #EC610C;
  text-align: center;
  padding: 10px 0px 0px 60px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  position: relative;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  border-bottom: 4px solid #CDC0B4;
}
.list:hover {
  border-bottom: 4px solid #EC6D34;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;;
}
.list:hover {
  border-bottom: 4px solid #EC6D34;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.help .list {
  width: 100%;
  height: 71px;
  line-height: 76px;
  margin: 0px;
  padding: 0px;
}
.stop {
  background: url("../images/icons.png") no-repeat scroll -11px -463px rgba(0, 0, 0, 0);
  bottom: 50%;
  display: inline-block;
  height: 78px;
  left: 50%;
  position: absolute;
  right: 50%;
  top: 50%;
  width: 78px;
  opacity: 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.video:hover .stop {
  opacity: 0.6;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.stop:after {
  content: " ";
  background: url("../images/icons.png") no-repeat scroll -11px -463px rgba(0, 0, 0, 0);
  bottom: 50%;
  display: inline-block;
  height: 78px;
  left: 0px;
  top: 0px;
  position: absolute;
  width: 78px;
  display: none;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.stop:hover:after {
  display: inline-block;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.list span {
  display: block;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.44);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  top: -4px;
  text-shadow: 0 1px 1px rgba(0,0,0,.44);
}
.list .arrow {
  background: url("../images/arrow_list.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  width: 23px;
  height: 34px;
  display: inline-block;
  position: absolute;
  top: 19px;
  left: 23px;
}
.eshop.no {
  color: #89330D;
  margin-bottom: 10px;
  text-transform:uppercase;
}
.eshop.yes {
  color: #EC600C;
  margin-bottom: 10px;
  text-transform:uppercase;
}
.eshop.no:hover {
  border-bottom-color: #90411D;
}
.eshop.yes:hover {
  border-bottom-color: #EC600C;
}
.home img.left {
  float: left;
  margin-right: 20px;
}
.home img.right {
  float: right;
}
/*play video*/







.play {
  font-size: 18px;
  font-style: italic;
  display: inline-block;
  max-width: 336px;
  max-height: 113px;
  background-color: #49240a;
  background-color: rgba(73,36,10,0.90);
  color: white;
  text-align: left;
  padding: 1%;
  border-style: solid;
  border-width: 13px 7px 23px 31px;
  -moz-border-image: url(../images/borderimg.png) 13 7 23 31 repeat;
  -webkit-border-image: url(../images/borderimg.png) 13 7 23 31 repeat;
  -o-border-image: url(../images/borderimg.png) 13 7 23 31 repeat;
  border-image: url(../images/borderimg.png) 13 7 23 31 fill repeat;
  /*-webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;  */



  cursor: pointer;
  position: relative;
  border-radius: 7px;
  top: 166px;
  left: -131px;
  /*ie fix*/

  border-style: none\9;
  border-width: none\9;
  border-image: none\9;
  border: 1px dashed #BF8656\9;
  padding: 2%\9;
}
.play:before {
  background: url("../images/arrow_play.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: " ";
  display: inline-block;
  height: 20px;
  position: absolute;
  top: -32px;
  width: 39px;
  display: none\9;
}
.play .arrow {
  background: url("../images/play.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  width: 51px;
  height: 51px;
  float: right;
}
#tail {
  padding-top: 30px;
}

#tail .create_new_public_template {
   background-image: -o-linear-gradient(bottom, #168A5A  0%, #17D084  100%);
   background-image: -webkit-linear-gradient(bottom, #168A5A  0%, #17D084  100%);
   background-image: linear-gradient(bottom, #168A5A  0%, #17D084  100%);
   background-image: -moz-linear-gradient(bottom, #168A5A  0%, #17D084  100%);
   box-shadow: 0px 0px 0px 2px rgba(65, 235, 165, 0.11) inset;
   max-width: 270px;
   max-height: 99px;
   border-radius: 6px;
   bottom: 190px;
   right: 130px;
   height: 81px;
   border: 1px solid #168959 ;
   padding: 0px;
}

#tail .create_new_public_template .text{
   width: 70%;
   margin-left: -20px;
}

#tail .create {
  max-width: 257px;
  height: 81px;
/*
  border: 1px solid #75a101;
  -moz-box-shadow: inset 0 0 0 1px rgba(182,238,30,.5);
  -webkit-box-shadow: inset 0 0 0 1px rgba(182,238,30,.5);
  box-shadow: inset 0 0 0 1px rgba(182,238,30,.5);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjN2YwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjOTZjZTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTZjZTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
  background-image: -moz-linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: -o-linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: -webkit-linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
*/
  padding: 0;
}
#tail .create span {
  font-size: 22px;
  color: white;
  margin-top: 9px;
  background-position: 29px 3px;
}
#tail .create .buttbox {
  margin: 0px;
}
#tail span.letter {
  color: #B4EC1D;
  display: inline-block;
  font-family: "eshop-rychle";
  font-size: 97px;
  height: 80px;
  line-height: 63px;
  margin-top: 0;
  overflow: hidden;
  padding-top: 0;
  position: absolute;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  vertical-align: top;
  z-index: 1;
  margin-left: 9px;
}
/*price*/

.home #center_a .content, .home #center_b .content {
  text-align: center;
}
.price.a {
  float: left;
}
.price.b {
  float: right;
}
.price {
  display: inline-block;
  max-width: 50%;
  height: auto;
  vertical-align: top;
  text-align: center;
}
.price h2 {
  font-size: 24px;
  color: #5F5F5F;
  font-weight: normal;
  margin-bottom:8px;
}
.price.a strong {
  color: #FA7321;
  font-size: 35px;

  color: #5F5F5F;

}
.price.b strong {
  color: #5F5F5F;
  font-size: 35px;


}
/*select eshop*/







.home h3 {
  color: #5F5F5F;
  display: inherit;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: -25px;
  text-align: center;
}
/*#center_b h4:not(.fnc h4),*/
.home #center_b h4 {
  font-size: 40px;
  font-weight: normal;
  color: #5F5F5F;
  margin-top: 15px;
}
#center_b h4 span {
  font-size: 24px;
  font-weight: normal;
  color: #5F5F5F;
  display: block;
}
#center_b article {
  color: #5F5F5F;
  font-size: 18px;
  text-align: left;
  padding-bottom: 20px;
}
/*list eshop*/

.content #stat div {
  color:#FA7321;
}

#bottom .content {
  text-align: center;
}
#bottom h4 {
  color: #5F5F5F;
  font-size: 24px;
  text-align: center;
  font-weight: normal;
}

.home #bottom h4.under {
  font-size:18px;
}

.home #bottom h4.under strong {
  font-size:25px;
  color: #FD7521;
}


/*reference*/

#bottom_b {
  padding-top: 40px;
}
#bottom_b .reference {
  display: inline-block;
  width: 100%;
  max-width: 32%;
  height: auto;
  min-height: 150px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  vertical-align:top;
}
#bottom_b h4,
.content #stat h5 {
  color: #5F5F5F;
  font-size: 40px;
  font-weight: normal;
  text-align: center;
  margin: 0px 0px 15px 0px;
}
#bottom_b h5 {
  color: #5F5F5F;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  margin: 0px;
  margin-bottom: 10px;
}
/*samples*/

.reference {
  font-size: 16px;
  color: #5f5f5f;
  text-align: center;
}
.reference h6 {
  font-size: 24px;
  color: #8B7B6D;
  margin: 0px;
}
.reference p {
  padding: 0px 8px;
  margin: 0;
  color:#8B7B6D;
}

.reference:hover h6, .reference:hover p {
  color:#5F5F5F;
}

.reference a img {
  width: 100%;
  height: auto;
  display: inline-block;
  opacity: 0.8;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  max-width:300px;
}
.reference a:hover img {
  opacity: 1;
}
#counter {
  margin-top: 40px;
}
#stat {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
#stat > div  {
  font-size: 48px;
  color: #5F5F5F;
  width: 100%;
  max-width: 22%;
  display: inline-block;
  font-weight:normal;
}
#stat_scount{
  max-width: 30%!important;
}
#stat strong {
  font-weight:normal;
}


#stat > div > span {
  font-size: 16px;
  color: #5F5F5F;
  display: block;
  text-transform: uppercase;
}
/*try*/

#tail h6 {
  font-size: 30px;
  color: #414141;
  display: inline-block;
  font-weight: normal;
  margin-top: 40px;
  margin-bottom: 25px;
}
/*footer*/

#footer {
  background-color: #202020;
  color: #414141;
  padding-bottom: 8px;
}
#footer .box {
  display: inline-block;
  width: 100%;
  max-width: 24%;
  min-height: 135px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.box {
  color: #cfc5b9;
  vertical-align: top;
  border-right: 1px solid rgba(255,255,255,0.06);
  box-shadow: 1px 0 0 black;
  text-align: right;
  padding-right: 15px;
  margin-top: 40px;
  min-height: 100px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.box h6 {
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}
.box ul li {
  list-style: none;
}
.box ul li a {
  color: #cfc5b9;
  text-decoration: none;
}
#footer .box.social ul li {
  text-align: right;
}
html #footer .box.social {
  border: none;
  box-shadow: none;
}
.box.social ul li a {
  width: 29px;
  height: 29px;
  display: inline-block;
}
.box.social ul li .fb{
  background: url("../images/facebook.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.box.social ul li .yt{
  background: url("../images/youtube.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: 30px 30px;
}

.box ul li a:hover, #footer s {
  color: #F9EFE3;
}
#footer .content {
  background-color: #202020;
}
#copyright {
  text-align: center;
  padding-top: 0px;
  color: #CFC5B9;
  position: relative;
  bottom: -9px;
}
#copyright a {
  text-decoration: none;
  color: #CFC5B9;
}
header .video {
  display: none;
}

/*registration*/

html .reg .create {
  float: none;
}
html .otherpage header {
  background: none;
  background-color: #2A1B12;
  height: auto;
}
html .reg header .content {
  text-align: left;
  margin: 0px;
  padding: 0px;
}
html .reg .content h1, html .pricelist .content h1, html .samples .content h1, html .custom_eshop .content h1 {
  color: #fd7521;
  font-size: 40px;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
  text-align: left;
  display: inline-block;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}
html .reg .content h2, html .pricelist .content h2, html .custom_eshop .content h2 {
  color: #fd7521;
  font-size: 24px;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
  text-align: left;
  display: inline-block;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  margin-left: 1%;
}
.reg span.regarrow {
  visibility: hidden;
  background: url("../images/icons.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
  width: 103px;
  height: 107px;
  display: inline-block;
  margin-right: 10px;
  float:left;
  margin-top: 32px;
}
.reg #tail legend, .reg h3 {
  color: #FD7521;
  display: inline-block;
  font-size: 24px;
  font-weight: normal;
  left: 0;
  margin: 0;
  padding: 0 0 0 202px;
  position: relative;
  text-align: left;
  text-transform:uppercase;
}
.reg fieldset {
  border: none;
  text-align: center;
}
.bgform {
  background-color: #EAE6E4;
  display: inline-block;
  height: auto;
  margin-left: -66px;
  max-width: 610px;
  padding: 0 15px 15px;
  text-align: left;
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

}
#contactform input, #regform input {
  width: 70%;
  height: 40px;
  max-width: 455px;
  padding-left: 10px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#contactform .cell, #regform .cell {
  margin-top: 15px;
  position: relative;
}
#contactform label, #regform label {
  width: 20%;
  display: inline-block;
}
#contactform input, #regform input {
  border: 1px solid #d1c7bf;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
  background-image: linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
  border-radius: 4px;
}
#contactform .info, #regform .info {
  background-color: #97cd01;
  -moz-box-shadow: 1px 2px 0 rgba(4,4,4,.62);
  -webkit-box-shadow: 1px 2px 0 rgba(4,4,4,.62);
  box-shadow: 1px 2px 0 rgba(4,4,4,.62);
  display: inline-block;
  max-width: 183px;
  z-index: 1;
  position: absolute;
  right: -31%;
  top: -78%;
  border-radius: 4px;
  padding: 10px;
  color: #000;
  font-size: 14px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
#contactform .info:before, #regform .info:before {
  background: url("../images/icons.png") no-repeat scroll -80px -362px rgba(0, 0, 0, 0);
  border-radius: 4px;
  bottom: 50%;
  content: " ";
  display: inline-block;
  height: 29px;
  left: -14px;
  position: absolute;
  top: 41%;
  width: 15px;
}
#contactform .cell span.validate, #regform .cell span.validate {
  background: url(../images/icons.png) no-repeat -39px -410px scroll transparent;
  width: 24px;
  height: 25px;
  display: inline-block;
  position: relative;
  top: 6px;
  left: 10px;
}
#contactform .cell span.validate.yes, #regform .cell span.validate.yes {
  background-position: -39px -362px;
}
.info.error {
  font-size: 15px;
  color: #EE2207;
  text-align: center;
}
.reg .theme {
  margin-top: 15px;
}
.reg div.center {
  display: inline-block;
  width: 80%;
  height: auto;
  text-align: center;
}
html .reg .theme span.regarrow {
  top: 0px;
  position: relative;
  left: 0px;
}
.reg .theme .regarrow {
  background-position: 0 -120px;
}
.reg .theme span.regarrow {
  background-position: 0 -120px;
}
.reg .create_shop span.regarrow {
  background-position: 0 -239px;
}

.reg #tail .content {
  border: 6px solid #e9e5e3;
  background-color:white;
  border-radius:8px;
  padding-top:50px;
}


.reg .select.theme {
  display: inline-block;
  height: auto;
  max-width: 758px;
  padding-left: 11px;
  width: 100%;

}
.reg span.regarrow.sec {
  margin-top: 130px;
}


.reg .create_shop {
  margin-top:10px;
}

.reg h3.sec {
  margin-top: 50px;
  padding-left: 54px;
}

.reg #tail .create {
  margin-top:0px;
  margin-left: 250px;

}

.reg .color_thumbnails_area {
  margin-top: -2px;
}


html #template_select .scrollbar-holder {
  background: none repeat scroll 0 0 #DDD6D3;
  bottom: 0;
  height: 9px;
  left: 0;
  right: 0;
  margin-top:10px;
  width:85%;
  bottom:-30px;
  margin:auto;
  border-radius:6px;
}
#template_select .scrollbar {
  height: 9px;
  width: 100px;
  background-color:#8ABF1D;

}

.reg #template_select .arrow-holder.left {
  display:inline-block;
  height:34px;
  width:23px;
  position:absolute;
}

.reg #template_select  .arrow-icon {
  background-image: url("../images/arrow_th.png");
  background-position:0px 0px;

  height:34px;
  width:23px;
  margin-top: 0px;
  top: 0;
}

.reg .touchcarousel.three-d .arrow-icon.left {
  background-position:0px 0px;
}
.reg .touchcarousel.three-d .arrow-icon.right {
  background-position:-37px 0px !important;
}

html .reg .touchcarousel.three-d .arrow-holder.left {
  left:0px;
}

.reg .touchcarousel.three-d .arrow-holder {
  opacity: 0.8;
  top: 205px;
}


/*how it works*/

.works #center_b {
  background: none;
  background-color: #f3f1f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.works #center_b .content {
  position: relative;
  height: auto;
}
.otherpage.works header {
  background: none repeat scroll 0 0 #2A1B12;
  height: 143px;
}
.works header .content {
  position: relative;
  top: -41px;
}
.works header .content {
  text-align: left;
}
.works h2, .help .question h3, html .fnc .content h1, .works h1 {
  font-size: 40px;
  width: 100%;
  color: #5F5F5F;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  margin-bottom: 20px;
  text-shadow: none;
  margin-top:10px;
}
html .fnc .content h1 {
  text-align: center;
}
.works .design {
  display: inline-block;
  height: 100%;
  max-width: 990px;
  /*	min-height: 441px;*/

  position: relative;
  text-align: center;
  width: 93%;
}
.works .show {
  background: url("../images/macbook.png") no-repeat scroll transparent;
  background-size:100%;
  background-position:0px 0px;

  display: inline-block;
  left: 15%;
  overflow: hidden;
  padding-top: 45%;
  position: absolute;
  width: 77%;
  z-index: 2;
  max-width: 750px;


}


.works.help #center_a h2, .works.help #center_a h1 {
  text-align: left;
}

.otherpage #center_a h1, .otherpage #center_a h2,
.otherpage .center_a h1, .otherpage .center_a h2 {
  text-align:center;
}



/*slide template*/



.template {
  /*	background: url("../samples/macbook/1.jpg") no-repeat scroll rgba(0, 0, 0, 0);*/
  display: inline-block;
  left: 15%;
  padding-top: 40%;
  position: absolute;
  width: 76%;
  z-index: 0;
  /*height: 100%;*/
  top: 0px;
  background-position: top center;
}
.template.a {
  background: url("../samples/macbook/1.jpg") no-repeat scroll rgba(0, 0, 0, 0);
  background-size: 100%;
}
.template.b {
  background: url("../samples/macbook/2.jpg") no-repeat scroll rgba(0, 0, 0, 0);
  background-size: 100%;
}
.template.c {
  background: url("../samples/macbook/3.jpg") no-repeat scroll rgba(0, 0, 0, 0);
  background-size: 100%;
}
.template.d {
  background: url("../samples/macbook/4.jpg") no-repeat scroll rgba(0, 0, 0, 0);
  background-size: 100%;
}
.template.e {
  background: url("../samples/macbook/5.jpg") no-repeat scroll rgba(0, 0, 0, 0);
  background-size: 100%;
}
html .template.ab {
  background: url("../samples/macbook/1b.jpg") no-repeat scroll center top / 100% auto rgba(0, 0, 0, 0);
}
.template.bb {
  background: url("../samples/macbook/2b.jpg") no-repeat scroll center top / 100% auto rgba(0, 0, 0, 0);
}
.slideshow {
  display: inline-block;
  height: auto;
  /*	min-height: 433px;
  */	overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 50%;
}
.design .arrow {
  color: #C8C8C8;
  display: inline-block;
  font-family: eshop-rychle;
  height: auto;
  width: 100%;
  max-width: 65px;
  position: absolute;
  text-decoration: none;
  top: 0;
  z-index: 3;
}
.design .left {
  left: 0px;
}
.design .right {
  right: 0px;
}
.design span {
  display: inline-block;
  font-family: eshop-rychle;
  font-size: 210px;
  height: 100%;
  text-decoration: none;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  color: #c8c8c8;
  -webkit-touch-pocallout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.design a:active  {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration:none;
}

.design a.arrow:hover span {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #A8A8A8;
  text-shadow: -13px 1px 6px rgba(0,0,0,0.15);
  cursor: pointer;
}
.design a.arrow.left:hover span {
  text-shadow: 13px 1px 6px rgba(0,0,0,0.23);
  cursor: pointer;
}
.design .left {
  top: 70px;
  left: 50px;
}
.design .right {
  top: 70px;
  right: 20px;
}
.works #center_b .content {
  text-align: left;
}
.works h3 {
  color: #5F5F5F;
  display: inline-block;
  font-size: 40px;
  margin: 0px 0 15px;
  padding: 0;
  text-align: left;
  top: inherit;
  width: auto;
  font-weight: normal;
}
.imgbox {
  position: relative;
  display: inline-block;
  width: 39%;
  height: 100%;
  max-width: 402px;
  float: left;
  margin-right: 5%;
}
.imgbox .prev {
  border-radius: 5px;
  border: 6px solid #fff;
  -moz-box-shadow: 7px 11px 18px rgba(0,0,0,.11), 0 0 10px rgba(60,59,54,.4);
  -webkit-box-shadow: 7px 11px 18px rgba(0,0,0,.11), 0 0 10px rgba(60,59,54,.4);
  box-shadow: 7px 11px 18px rgba(0,0,0,.11), 0 0 10px rgba(60,59,54,.4);
}
.imgbox img.inner {
  left: -60px;
  position: absolute;
  top: 58px;
}
.shadowbox {
  border: 6px solid #FFFFFF;
  border-radius: 5px;
  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.26);
  display: inline-block;
  float: right;
  height: 247px;
  position: relative;
  width: 321px;
}
.shadowbox img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  display: inline-block;
}
.works #bottom article {
  text-align: left;
}
.works #center_b .content {
  padding-top: 60px;/*	max-height: 559px;*/
}
.works article p {
  color: #5F5F5F;
  display: inline-block;
  font-size: 16px;
  height: 100%;
  margin: 0;
  max-width: 45%;
  padding: 0px;
  margin-bottom: 40px;
  vertical-align: top;
}
.works article p.first {
  padding-bottom: 67px;
}
.works #center_b img.admin {
  border: 6px solid #FFFFFF;
  border-radius: 8px;
  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.51);
  float: right;
  margin: 9px;
  position: relative;
  right: 130px;
  top: -100px;
}
.works #bottom {
  background: none;
  background-color: white;
}
.fnc #tail {
  background-color: white;
}
.function_design .right img {
  width: 35%;
}
/*icons nav*/



nav.icons {
  display: inline-block;
  width: 100%;
  text-align: left;
  position: relative;
  top: -7px;
}
nav.icons ul {
  display: inline-block;
  width: auto;
  margin: 0px;
  padding: 0px;
}
nav.icons ul li {

  display: inline-block;
  width: 130px;
  height: 122px;
  border: none;
  overflow: hidden;
  text-align: center;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.14);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
nav.icons ul li a {
  display: inline-block;
  height: 123px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
nav.icons span.icon {
  color: #6D5647;
  display: block;
  font-family: "eshop-rychle";
  font-size: 40px;
  top: 30px;
  width: 82%;
  line-height: 62px;
  position: relative;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
nav.icons li:hover span.icon, nav.icons li .active span.icon {
  color: #FFFFFF;
  /*font-size: 194px;

  left: -33px;*/

  opacity: 0.1;
  top: 0;
  -moz-transform: scale(5) rotate(33deg);
  -webkit-transform: scale(5) rotate(33deg);
  -o-transform: scale(5) rotate(33deg);
  -ms-transform: scale(5) rotate(33deg);
  transform: scale(5) rotate(33deg);
}
nav.icons li div {
  color: #6D5647;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  top: 30px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
nav.icons li:hover div, nav.icons li .active div {
  color: #FFFFFF;
  /*font-size: 14px;*/
  opacity: 1;
  position: relative;
  top: -1px;
}
.arrow_box {
  position: relative;
  bottom: -75px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.arrow_box:before {
  bottom: 0px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
nav.icons li:hover .arrow_box, nav.icons li .active .arrow_box {
  bottom: -38px;
  position: relative;
}

.arrow_box:before {
  border-color: rgba(245, 245, 245, 0);
  border-bottom-color: #fff;
  border-width: 16px;
  margin-left: -16px;
}


/*hack for chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  nav.icons li:hover .arrow_box, nav.icons li .active .arrow_box {
    bottom: -42px;
  }
  /* Safari only override */
  ::i-block-chrome, .arrow_box:before {
    border:none;
  }
}

/*fast up*/
.works h2 span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 24px;
}
.layout article .prev.left.border {
  float: left;
  margin-right: 30px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 44%;
  display: inline-block;
}
.layout article .prev.right {
  float: right;
  margin-left: 30px;
}
.works.seo #center_b img.prev {
  border: none;
  text-shadow: none;
}
.works.seo article p {
  max-width: 48%
}
.seo #center_a h2, .import #center_a h2 {
  text-align: left;
}
.seo div.content article.inline img {
  max-width: 50%;
  margin: auto;
}
.import #bottom article:first-child p {
  max-width: 70%;
}
.import #bottom article:first-child {
  margin-bottom: 90px;
}

.import #center_a article strong {
  font-size:16px;
}


/*article text left*/
.works article.left {
  text-align: left;
}
.works article.left img {
  float: right;
}
.works article.left h3 {
  color: rgb(95, 95, 95);
  display: inline-block;
  font-size: 40px;
  font-weight: normal;
  margin: 0 0 15px;
  padding: 0;
  text-align: left;
  top: inherit;
  width: auto;
}
/*article text right*/
.works article.right {
  text-align: right;
}
.works article.right img {
  float: left;
  margin-right: 30px;
}
.works article.right h3 {
  color: rgb(95, 95, 95);
  display: inline-block;
  font-size: 40px;
  font-weight: normal;
  margin: 0 0 15px;
  padding: 0;
  text-align: left;
  top: inherit;
  width: auto;
}
/*article inline*/
.works article.inline {
  max-width: 48%;
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.works article.inline p {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}
/*article border&shadow image*/



.works article img.shadow {
  border-radius: 5px;
  border: 6px solid #fff;
  -moz-box-shadow: 7px 11px 18px rgba(0,0,0,.11), 0 0 10px rgba(60,59,54,.4);
  -webkit-box-shadow: 7px 11px 18px rgba(0,0,0,.11), 0 0 10px rgba(60,59,54,.4);
  box-shadow: 7px 11px 18px rgba(0,0,0,.11), 0 0 10px rgba(60,59,54,.4);
}
/*import export*/
article strong {
  color: #5F5F5F;
  font-size: 18px;
}
article strong span {
  color: #F16B19;
}
/*technical support*/


.help .imgbox {
  float: right;
  text-align: center;
}
.help article .imgbox img {
  float: none;
}
.help .imgbox .list {
  margin-left: -8px;
  margin-top: -28px;
}
.help h3 {
  font-size: 18px;
}
.help .blog {
  background-color: white;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding: 1px 15px 5px 15px;
}
.help #center_b .content {
  max-height: inherit;
}
.help #center_b h4 {
  color: #e16619;
  font-size: 16px;
}
.help #center_b .content p {
  font-size: 16px;
}
html .help #center_b .list {
  width: 186px;
  height: 30px;
  line-height: 28px;
  font-size: 18px;
  color: #676767;
  text-align: center;
  margin: 15px 0px;
}
.help #bottom .question h4 {
  color: #e16619;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.help #bottom .question p {
  max-width: 100%;
  font-size: 18px;
  margin: 0 0 20px;
}
/*how to works statistic*/

.works.stat article p {
  max-width: 48%;
}
.works.stat #center_a article h2 {
  text-align: left;
  line-height: 43px;
}




.works.stat #tail {
  background-color: white;
}
/*function*/

.fnc .content {
  text-align: center;
}

.fnc article {
  display: inline-block;
  height: auto;
  max-width: 28%;
  padding-right: 3%;
  text-align: left;
  vertical-align: top;
  width: 100%;
}
.fnc #center_a article h2 {
  color: #E06519;
  text-align: left;
  font-size: 22px;
  font-weight: normal;
  text-shadow: none;
}
.fnc article p {
  max-width: 100%;
  font-size: 16px;
  color: #5F5F5F;
  margin-bottom: 11px;
}
/*price*/

.pricelist header span.downedge,
.custom_eshop header span.downedge{
  background-color: #F3F1F0;
}
.left-box {
  display: inline-block;
  float: left;
  margin-top: 30px;
  width: 25%;
}
ul.left-info {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.pricelist .content .left-box ul.left-info li {
  background: -moz-linear-gradient(center bottom, #E5E0DD, #F0EBE8) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-left: 1px solid #CFC9C6;
  border-radius: 8px;
  border-right: 1px solid #CFC9C6;
  box-shadow: 0 1px 0 rgba(19, 8, 2, 0.2) inset, 0 0 0 1px #FBF7F6;
  color: #77726E;
  display: inline-block;
  font-size: 14px;
  font-style: italic;
  list-style-type: none;
  margin-bottom: 40px;
  max-width: 90%;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  text-shadow: 1px 1px 0 #FCFAF8;
  width: 90%;
  z-index: 0;
}
.pricelist .content .left-box ul.left-info li h2 {
  color: #666260;
  font-size: 14px;
  margin: 15px 0 0;
  padding: 0;
  font-weight: bold;
  text-shadow: 1px 1px 0 #FCFAF8;
}
div.right-box {
  display: inline-block;
  float: right;
  margin-top: 30px;
  width: 73%;
}
.otherpage .pricelist {
  background-color: #F6F5F3;
  border: 1px solid #E0DCD9;
  border-radius: 8px;
  display: inline-block;
  height: auto;
  text-align: left;
  width: 100%;
}
.pricelist .topbox {
  font-family: Arial, Helvetica, sans-serif;
}
.pricelist .head {
  display: inline-block;
  vertical-align: text-top;
  width: 100%;
}
.pricelist div.head .left {
  display: inline-block;
  float: left;
  height: 80px;
  margin: 0;
  padding: 0;
  width: 71%;
}
.pricelist .head h2 {
  color: #393333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  margin-left: 20px;
  text-align: left;
  text-shadow: 0 1px 0 #FFFFFF;
}
.pricelist .head .right {
  background-color: #E1ECC4;
  border-left: 1px solid #D1E0AA;
  border-right: 1px solid #D1E0AA;
  display: inline-block;
  float: left;
  height: 120px;
  margin: 0 0 0 0.7%;
  padding: 0;
  position: relative;
  width: 27.7%;
  text-align: center;
}

body .pricelist .head .right .profi_new_public_template {
  background-image: -moz-linear-gradient(90deg, #168A5A  0%, #17D084  100%);
  background-image: -webkit-linear-gradient(90deg, #168A5A  0%, #17D084  100%);
  background-image: -ms-linear-gradient(90deg, #168A5A  0%, #17D084  100%);
  box-shadow: 0px 0px 0px 2px rgba(65, 235, 165, 0.11) inset;
  border: 1px solid #168959 ;
}

.pricelist .head .right .profi {
   display: inline-block;
   height: 133px;
   left: -1px;
   position: relative;
   text-align: center;
   top: -41px;
   width: 100%;
   border-radius: 8px;
   border: 1px solid #75A101 ;
   box-shadow: 0px 0px 0px 1px rgba(182, 238, 30, 0.5) inset;
   background-image: -moz-linear-gradient(center bottom , #6D9501  0%, #96CE01  96.02%, #96CE01  100%);
}
.pricelist .price_arrow:after {
  border-color: #6D9601 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 24px 24px 0;
  bottom: 0;
  content: " ";
  display: inline-block;
  height: 1px;
  left: -24px;
  position: absolute;
  right: 0;
  width: 0;
}
.pricelist .price_arrow {
   border-color: #168959  transparent rgb(0, 0, 255);
   border-style: solid;
   border-width: 25px 26px 0px;
   bottom: -23px;
   display: inline-block;
   height: 0px;
   left: 39%;
   position: absolute;
   width: 0px;
   z-index: 0;
}

body #profi_h3{
  background-color: #7CAA01;
}

body .profi_h3_new_public_template{

}

body .qtip-form-help-nonindex {
background-image: -moz-linear-gradient(90deg, #1CD287  0%, #1CD287  100%);
}


.pricelist .head h3 {
  color: #FFFFFF;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 38px;
  line-height: 37px;
  margin: 1px 0 0;
  padding: 0;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  top: -7px;
  width: 99%;
  border-radius: 8px 8px 0 0;
}



.pricelist .head h4 {
  color: #FFFFFF;
  font-size: 55px;
  font-weight: bold;
  margin: 0 auto;
  padding-left: 28px;
  text-shadow: 0 1px 1px #000000;
}
.pricelist .head h5 {
  color: #FFFFFF;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}
.prices.dark {
  background: url("../images/footer-shadow.png") repeat-x scroll -1px -24px rgba(0, 0, 0, 0);
}
.prices {
  border: 0 none;
  border-spacing: 0;
  font-size: 14px;
  line-height: 33px;
  min-height: 31px;
  width: 100%;
}
.prices.light {
  background: url("../images/footer-shadow.png") repeat-x scroll -1px -24px rgba(0, 0, 0, 0);
}
.prices.dark .left {
  background: url("../images/footer-shadow.png") repeat-x scroll -1px -24px #F1EDEA;
}
.prices .left {
  background-position: 0 -24px;
  display: inline-block;
  float: left;
  height: 31px;
  padding-left: 3%;
  vertical-align: middle;
  width: 68%;
  z-index: 1;
}
.prices.dark .right {
  background-color: #D1E0AA;
}

body .center_new_public_template .prices .right {
  background: #BAE9C4  url("../images/footer-shadow.png") repeat-x scroll 0px -24px;
  border-left: 1px solid #95DDA4;
  border-right: 1px solid #95DDA4;
}

body .center_new_public_template .prices .right {
  background: #BAE9C4  url("../images/footer-shadow.png") repeat-x scroll 0px -24px;
  border-left: 1px solid #95DDA4;
  border-right: 1px solid #95DDA4;
}

body .center_new_public_template .prices.dark .right {
   background-color: #95DDA4;
}

body .center_new_public_template .prices.dark .right {
   background-color: #95DDA4;
}

body .center_new_public_template .pricelist .head h3 {
   background-color: #19905E ;
   color: #FFF;
   display: inline-block;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 14px;
   font-weight: bold;
   height: 38px;
   line-height: 37px;
   margin: 1px 0px 0px;
   padding: 0px;
   text-align: center;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
   top: -7px;
   width: 99%;
   border-radius: 8px 8px 0px 0px;
}

body .center_new_public_template .pricelist .head h3 {
   background-color: #19905E ;
   color: #FFF;
   display: inline-block;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 14px;
   font-weight: bold;
   height: 38px;
   line-height: 37px;
   margin: 1px 0px 0px;
   padding: 0px;
   text-align: center;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
   top: -7px;
   width: 99%;
   border-radius: 8px 8px 0px 0px;
}

body .center_new_public_template .pricelist .price_arrow::after {
   border-color: #19905E  transparent transparent;
   border-style: solid;
   border-width: 24px 24px 0px;
   bottom: 0px;
   content: " ";
   display: inline-block;
   height: 1px;
   left: -24px;
   position: absolute;
   right: 0px;
   width: 0px;
}

body .center_new_public_template .pricelist .price_arrow::after {
   border-color: #19905E  transparent transparent;
   border-style: solid;
   border-width: 24px 24px 0px;
   bottom: 0px;
   content: " ";
   display: inline-block;
   height: 1px;
   left: -24px;
   position: absolute;
   right: 0px;
   width: 0px;
}

body .center_new_public_template .pricelist .head .right {
   background-color: #BAE9C4 ;
   border-left: 1px solid #95DDA4 ;
   border-right: 1px solid #95DDA4 ;
   display: inline-block;
   float: left;
   height: 120px;
   margin: 0px 0px 0px 0.7%;
   padding: 0px;
   position: relative;
   width: 27.7%;
   text-align: center;
}

body .center_new_public_template .pricelist .head .right {
   background-color: #BAE9C4 ;
   border-left: 1px solid #95DDA4 ;
   border-right: 1px solid #95DDA4 ;
   display: inline-block;
   float: left;
   height: 120px;
   margin: 0px 0px 0px 0.7%;
   padding: 0px;
   position: relative;
   width: 27.7%;
   text-align: center;
}

.prices .right {
  background: url("../images/footer-shadow.png") repeat-x scroll 0 -24px #E1ECC4;
  border-left: 1px solid #D1E0AA;
  border-right: 1px solid #D1E0AA;
  display: inline-block;
  float: left;
  font-size: 15px;
  height: 31px;
  margin-left: 0.7%;
  text-align: center;
  width: 27.7%;
  z-index: 1;
}
.additional-conditions
{
  text-align: left;
}
.additional-conditions .additional-condition
{
  margin-top: 10px;
}
.prices span,
.additional-conditions .additional-condition{
  font-size: 10px;
  line-height: 10px;
  margin-left: 9px;
}
.prices .left img, .prices .left_prem img {
  float: right;
  margin-right: 10px;
  margin-top: 8px;
}
.prices span.enabled {
  background: url("../images/price-list.png") repeat scroll -326px -174px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 20px;
  margin-top: 4px;
  width: 24px;
}

body .try_new_public_template{
  background-image: -moz-linear-gradient(90deg, #168A5A  0%, #17D084  100%);
  background-image: -webkit-linear-gradient(90deg, #168A5A  0%, #17D084  100%);
  background-image: -ms-linear-gradient(90deg, #168A5A  0%, #17D084  100%);
  box-shadow: inset 0px 0px 0px 2px rgba(65, 235, 165, 0.11);
  box-shadow: 0px 0px 0px 2px rgba(65, 235, 165, 0.11) inset;
  border: 1px solid #168959;
}
body .try_new_public_template:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  box-shadow: inset 0px 0px 0px 2px rgba(65, 235, 165, 0.11);
}

body .qtip-form-help-nonindex {
background-color: #1cd287;
}
body .qtip-form-help-nonindex:before {
  background: url("../images/icons.png") no-repeat scroll -80px -362px rgba(0, 0, 0, 0);
}

.prices .right a {
   color: #FFF;
   display: inline-block;
   font-size: 16px;
   font-weight: bold;
   height: 53px;
   margin-left: 0%;
   margin-top: 8px;
   text-decoration: none;
   text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
   width: 95%;
   line-height: 51px;
   border-radius: 8px;
   border: 1px solid #168959 ;
   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.05) inset;
}
.prices a span {
  color: #FFFFFF;
  display: block;
  font-size: 18px;
  line-height: inherit;
  margin-top: -10px;
  padding: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
.pricelist .help {
  display: none;
}
html .pricelist .pricelist .head h2 {
  color: #393333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  margin-left: 20px;
  text-align: left;
  margin-top: 20px;
  text-shadow: 0 1px 0 #FFFFFF;
}
div.right-box {
  display: inline-block;
  margin-top: 30px;
}
.prices.last, .prices.last .left, .prices.last .center, .prices.last .right {
  min-height: 69px;
}
.full-list-btn {
  background-image: url("../images/sprite.png");
  background-position: -62px -168px;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 38px;
  margin-left: -7px;
  margin-top: 16px;
  text-align: center;
  width: 271px;
}
.full-list-btn a {
  color: #393333;
  text-decoration: none;
  text-shadow: 1px 1px 0 #FFFFFF;
  line-height: 35px;
}
.price #center_a .typbox.action h2,
.price #center_b .typbox.action h2 {
  color: #5F5F5F;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  top: 0px;
}

.pricelist #center_a .typbox.action h3,
.fnc.pricelist #center_b .typbox.action h3 {
  width:100%;
  position:relative;
  margin-top:10px;
  color: #5F5F5F;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  left: 0;
  position: relative;
  text-align: left;
  margin:0px;
  margin-top:8px;
}

.pricelist #center_a .typbox.action h3 span,
.fnc.pricelist #center_b .typbox.action h3 span {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 23px;
  line-height: 28px;
  position: absolute;
  right: 0;
}

.pricelist #center_a .typbox.action h3 span.akce,
.pricelist #center_a .typbox.action h3.akce, .fnc.pricelist #center_b .typbox.action h3 {
  color:#E06619;
  font-weight:bold;
}

.pricelist #center_a .typbox.action p,
.pricelist #center_b .typbox.action p {
  margin:0px;
  font-size:12px;
}

.pricelist #center_a, .pricelist .center_a {
  background-color:#F3F1F0;
}
.pricelist #tail,
.fnc.pricelist #center_a  {
  background-color:white;
}
.full-list-btn:hover {
  background: transparent -moz-linear-gradient(90deg, #484848  0%, #7A7A7A  100%) repeat scroll 0% 0%;
}

.prices .right a:hover {
/*
  background-image: -moz-linear-gradient(bottom, #4C6F10 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: -o-linear-gradient(bottom, #4C6F10 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: -webkit-linear-gradient(bottom, #5c7f00 0%, #96ce01 96.02%, #96ce01 100%);
  background-image: linear-gradient(bottom, #4C6F10 0%, #96ce01 96.02%, #96ce01 100%);
*/
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.prices .right a {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.pricelist #center_a div.head div.left h2 {
  text-align:left;
}

/*pricelist premium orange*/
.pricelist.premium.orange .prices.dark .right {
  background-color: #EFD0A0;
}

.pricelist.premium.orange .prices.light .right {
  background-color: #FBF9C9;
}

.pricelist.premium.orange .prices .right a {
  color: white;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 53px;
  margin-left: 3%;
  margin-top: 8px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  width: 95%;
  line-height: 45px;
  border-radius: 8px;
  border: 1px solid #CB590F;
  -moz-box-shadow: inset 0 0 0 1px rgba(239,208,160,.5);
  -webkit-box-shadow: inset 0 0 0 1px rgba(239,208,160,.5);
  box-shadow: inset 0 0 0 1px rgba(239,208,160,.5);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjN2YwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjOTZjZTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTZjZTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
  background-image: -moz-linear-gradient(bottom, #C8570D 0%, #F37021 96.02%, #F37021 100%);
  background-image: -o-linear-gradient(bottom, #C8570D 0%, #F37021 96.02%, #F37021 100%);
  background-image: -webkit-linear-gradient(bottom, #C8570D 0%, #F37021 96.02%, #F37021 100%);
  background-image: linear-gradient(bottom, #C8570D 0%, #F37021 96.02%, #F37021 100%);
}

.pricelist.premium.orange .prices .right a:hover {
  background-image: -moz-linear-gradient(bottom, #AB3A00  0%, #F37021 96.02%, #F37021 100%);
  background-image: -o-linear-gradient(bottom, #AB3A00  0%, #F37021 96.02%, #F37021 100%);
  background-image: -webkit-linear-gradient(bottom, #AB3A00  0%, #F37021 96.02%, #F37021 100%);
  background-image: linear-gradient(bottom, #AB3A00  0%, #F37021 96.02%, #F37021 100%);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}


/*samples*/

.samples .thumb h2 {
  color: #5F5F5F;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  margin: 0px 0px 14px 0px;
}
.show_other {
  text-align: center;
  font-size: 18px;
  color: #5F5F5F;
  cursor: pointer;
  margin-bottom: 20px;
}
.show_other:hover {
  color: black;
}
.samples .thumb {
  display: inline-block;
  /*	margin-left: 30px;*/
  margin-bottom: 40px;
  vertical-align:top;

}
.samples .thumb:nth-child(even) {
  margin-left: 30px;
}
.samples .thumb img {
  display: inline-block;
  width: 100%;
  height: auto;
  opacity: 1;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.samples .thumb a:hover img {
  opacity: 0.35;
  transition: all 200ms linear;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.samples h3 {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  height: auto;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 3px #000000;
  top: 62%;

  width: 100%;
}
.samples .thumb a span.sico {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 61px;
  box-shadow: 0 1px 3px rgb(0, 0, 0);
  color: rgb(42, 27, 18);
  font-family: "eshop-rychle";
  font-size: 49px;
  height: 70px;
  left: 50%;
  line-height: 75px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-indent: 19px;
  top: 56%;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  width: 70px;
  -moz-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  text-align: left;
  margin-left:-34px;
  margin-top:-70px;
}
.samples .thumb a:hover span.sico, .samples .thumb a:hover h3 {
  display: inline-block;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.samples .thumb a span.patt {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: rgba
}
.samples .thumb a {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;

  overflow: hidden;

  background-color: black;
  text-decoration:none;

  border:6px solid rgb(241,241,241);
  max-width:450px;
  max-height:256px;



}

.samples .thumb a img {

  display:inline-flex;
  width:100%;
  height:auto;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari only override */
  ::i-block-chrome, .samples .thumb a {
    display:inline-block;
  }

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  .samples .thumb a {
    display:inline-block;

  }

  .samples .thumb:nth-child(even) {
    margin-left: 0px;
  }


}

@media (max-width: 980px) {

  #center_a .content, .center_a .content {
    text-align:center;
  }
}

@media (max-width: 972px) {

  #tail .content {
    text-align:center;
  }

  #tail .content h6 {
    margin-top:0px;
  }

  #tail .create {
   max-width: 257px;
   height: 81px;
   border: 1px solid #168959 ;
   padding: 0px;
  }
}

/*start*/

.start article.left img.fleft {
  float: left;
}
.start article p.first {
  padding-bottom: 0px;
}
.start article p {
  font-size: 16px;
  margin-bottom: 25px;
}
.works.start #center_a {
  max-height: 570px;
}
/*box padding repair*/

.works.start #center_b .content, .works.seo #center_a .content, .works.help #center_a .content, .works.stat #center_b .content, .works.pricelist #center_a .content, .works.pricelist #center_b .content {
  padding-bottom: 60px;
}
.works.seo #center_a .content {
  padding-bottom: 60px;
}
.works #bottom .content {
  padding-bottom: 60px;
  padding-top: 60px;
}
.home #bottom .content {
  padding-top: 37px;
}
/*terms condition*/

.terms header h1 {
  color: #FD7521;
  font-size: 35px;
  font-weight: normal;
  margin-top: 0;
  text-align: right;
  text-shadow: 1px 3px 5px #000000;
  text-transform: uppercase;
}

.terms h2 {
  font-size: 1.2em;
  color:#5F5F5F;
  margin-bottom:0px;
  margin-top:30px;
}

.terms p {
  color:#5F5F5F;
  margin-top:5px;
}
.terms #tail {
  visibility:hidden;
}
.terms header h1 {
  text-align:left;
}

/*contact*/


.help .imgbox {
  display: inline-block;
  height: 100%;
  margin-right: 0px;
  position: relative;
  width: 50%;
  max-width:inherit;
  position:relative;
  top:-50px;

}


.tech, .individualeshop {
  color:#5F5F5F;
}

.tech article strong {
  color: #5F5F5F;
  font-size: 14px;
  font-weight: normal;
}

.tech h2 {
  margin-bottom:15px;

}


.tech article img {
  float:left;
  margin-right:10px;
  border:5px solid white;
  box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius:5px;
}

.tech article h3 {
  font-size:17px;
  margin:0px;
  display:block;

}

.tech .map {
  background:url("../images/map.png") no-repeat scroll 0 -41px transparent;
  display:inline-block;
  width:401px;
  height:202px;
  margin-top:70px;
}

.tech .inline {
  display:inline-block;
  width:100%;
  max-width:47%;
  vertical-align:top;
}
.tech a, .tech h4, .individualeshop a, a.link_email {
  color:#B86C25;
  font-weight:normal;
  cursor:pointer;
  margin:0px;
  font-size:15px;
}

.tech article strong {
  display:block;
  margin-bottom:23px;
}

.tech .inline article {
  display:inline-block;
  margin-bottom:30px;
  vertical-align:top;
  width:100%;
  font-size:15px;
}

.tech a {
  color:#B96C25;
}
.tech h1 {
  margin:0px;
  font-size:40px;
}
.tech #center_a {
  background-color:#F3F1F0;
}

.tech header span.downedge {
  margin-top:-14px;
}

.tech .sec {
  padding-left:20px;
}

.tech article a span, .individualeshop article a span {
  display:inline-block;
  width:16px;
  height:12px;
  background:url("../images/map.png") no-repeat scroll -12px -17px transparent;
  margin-right: 5px;
}

.tech article h4 span {
  display:inline-block;
  width:14px;
  height:15px;
  background:url("../images/map.png") no-repeat scroll -39px -15px transparent;
  margin-right: 5px;
}

.tech #center_b {
  background:none;
}

.tech form, .individualeshop form {
  vertical-align:top;
  text-align:center;

}

.tech form input#name, .tech form input#email,
.individualeshop form input#name, .individualeshop form input#email {
  background-color: #F3F1F0;
  border: 1px solid #DADBD8;
  display: inline-block;
  height: 73px;
  margin-top: 20px;
  padding-left: 2%;
  width: 43%;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size:16px;
}

.individualeshop form input#email
{
  width: 98%;
}


.tech form textarea#message,
.individualeshop form textarea#message {
  background-color: #F3F1F0;
  border: 1px solid #DADBD8;
  height: 181px;
  margin-top: 35px;
  padding-left: 2%;
  padding-top: 3%;
  resize: vertical;
  width: 98%;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}
.individualeshop form textarea#message
{
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size:16px;
}

.tech form input#email, .individualeshop form input#email {
  float: right;
}

.tech form #name, .individualeshop form #name {
  float:left;
}

.tech #center_b form h4 {
  font-size:23px;
  color: #5F5F5F;
  font-weight:bold;
  width:100%;
  text-align:left;
}

.tech #tail {
  visibility:hidden;
}

.tech #send, .individualeshop #send {
  width:200px;
  height:47px;
  margin:auto;
  background-color:gray;
  margin-top:20px;
  /* IE v10+ */

  linear-gradient(180deg, #FFFFFF 0%, #F3F1F0 98%)

  background-image:-ms-linear-gradient(180deg, #FFFFFF 0%, #F3F1F0 98%);
  background-image:linear-gradient(180deg, #FFFFFF 0%, #F3F1F0 98%);
  width:184px;
  height:50px;
  border:1px solid #DADBD8;
  /* Firefox v3.6+ */
  background-image:-moz-linear-gradient(180deg, #FFFFFF 0%, #F3F1F0 98%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.98, rgb(243,241,240)));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image:-webkit-linear-gradient(180deg, #FFFFFF 0%, #F3F1F0 98%);
  /* Opera v11.10+ */
  background-image:-o-linear-gradient(180deg, #FFFFFF 0%, #F3F1F0 98%);
  /* IE v10+ */
  background-image:-ms-linear-gradient(180deg, #FFFFFF 0%, #F3F1F0 98%);
  background-image:linear-gradient(180deg, #FFFFFF 0%, #F3F1F0 98%);
  border-radius:4px ;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.tech #send:hover {
  cursor:pointer;
  /* Firefox v3.6+ */
  background-image:-moz-linear-gradient(180deg, #FFFFFF 0%, #E0DEDD 98%);
  /* safari v4.0+ and by Chrome v3.0+ */
  /* Chrome v10.0+ and by safari nightly build*/
  background-image:-webkit-linear-gradient(180deg, #FFFFFF 0%, #E0DEDD 98%);
  /* Opera v11.10+ */
  background-image:-o-linear-gradient(180deg, #FFFFFF 0%, #E0DEDD 98%);
  /* IE v10+ */
  background-image:-ms-linear-gradient(180deg, #FFFFFF 0%, #E0DEDD 98%);
  background-image:linear-gradient(180deg, #FFFFFF 0%, #E0DEDD 98%);
  border-radius:4px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

/*final reg*/

.endreg #tail {
  visibility:hidden;
}

.endreg header span.downedge {
  background-color:white;
}

.endreg h1 {
  text-align:left;
}

.endreg .inline {
  width:49%;
  display:inline-block;
  vertical-align:top;
}

.endreg header h1 {
  margin:0px;
  font-size:45px;
  vertical-align:top;
}

.endreg .enddesign .ebox {
  display:inline-block;
  max-width: 431px;
  max-height:235px;
  width:100%;
  height:100%;
  background:url("../images/registration_success.png") no-repeat scroll 22px 0px transparent;
  position:relative;
  margin:0px;
  z-index:2;
  border:none;
  box-shadow:none;
  padding-top: 58%;
  left:-30px;
}

.endreg .enddesign .box:hover {
  background:url("../images/registration_success.png") no-repeat scroll 22px 0px transparent;
}

.endreg .enddesign {
  display:inline-block;
  max-width: 431px;
  max-height:235px;
  position:relative;
  vertical-align:top;
  z-index:1;
  width:100%;
  height:100%;
}

.endreg .enddesign .edesign {
  background: url("../samples/endreg/z03.jpg") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 208px;
  left: 56px;
  position: absolute;
  top: 21px;
  max-width: 322px;
  cursor:pointer;
  width:100%;
}

.endreg .inline:hover .enddesign .edesign {
  background:url("../samples/endreg/z03.jpg") no-repeat scroll -321px 0px rgba(0, 0, 0, 0);
  cursor:pointer;
}

.endreg .inline:hover .enddesign {
  cursor:pointer;
}


.endreg .endadmin {
  display:inline-block;
  width: 431px;
  height:235px;
  background:url("../images/registration_success.png") no-repeat scroll -405px 0px transparent;
  position:relative;
  left:30px;
}

.endreg  .inline:hover .endadmin{
  background:url("../images/registration_success.png") no-repeat scroll -405px -281px transparent;
  cursor:pointer;
}

.endreg .list {

  border: 1px solid #D1C5BA;
  font-size: 20px;
  height: 37px;
  margin: 0;
  padding: 0;
  width: 44%;
  margin-top:20px;
  padding-top:2px;


}

.endreg .inline {
  text-align:center;
}

.endreg h3 {
  color: #393333;
  font-family: Arial;
  font-size: 16px;
  text-shadow: 1px 1px 0 #FFFFFF;
  margin-bottom:0px;
}

.endreg p {
  color: #5C5854;
  font-family: Arial;
  font-size: 12px;
  text-shadow: 1px 1px 0 #FFFFFF;
  width: 70%;
  display:inline-block;
}

.endreg .list:hover {
  border-bottom:4px solid #EC6D34;
}

/*pricelist full*/

.full div.right-box.full{
  margin-top:48px;
}

.full div.right-box {
  float: none;
  width: 85%;
}

.full #center_a .content {
  text-align:center;
}

.full #center_a .left h2 {
  color: #393333;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 23px;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 20px;
  text-shadow: 0 1px 0 #FFFFFF;
}

.full #center_a .two-line2.min .left  h2 {

  font-size:15px;
}

.full .prices .right a {
  line-height:30px;
}

.full .prices.dark {
  background-color:#F3F1F0;
}

.full #tail {
  background-color:#F3F1F0;
}

html .full .content {
  text-align:left;
}

/*MQ*/

/*endreg*/

@media (max-width: 980px) {

  html .reg #tail legend, html .reg h3 {
    padding:0px;
  }

}



@media (max-width: 889px) {
  .endreg article.inline {
    width:89%;
  }

}

@media (max-width: 980px) {
  .reg #tail .content {
    text-align:center;
  }

  .bgform {
    margin-left:0px;
    margin-top:15px;
  }


  .reg h3.sec {
    padding-left:0px;
  }

}


@media (max-width: 570px) {
  .reg #tail legend, .reg h3 {
    font-size:19px;
  }


}

@media (max-width: 412px) {
  #contactform .cell span.validate, #regform .cell span.validate {
    display:none;
  }

  #contactform label, #regform label,
  #contactform input, #regform input {
    width:100%;
    text-align:center;
  }


  html #tail .create span.text {
    font-size: 16px;
    line-height: 30px;
  }


}



/*reg*/

@media (max-width: 980px) {
  .reg span.regarrow, #contactform .info {
    display:none;
  }

  .reg #tail legend, .reg h3 {
    padding: 0 0 0 96px;
  }
}

/*icons nav*/



@media (max-width: 955px) {
  .otherpage.works header {
    height: auto;
  }
  .otherpage header span.upedge {
    display: none;
  }
  .works header .content {
    top: 0px;
  }
  nav.icons ul li {
    width: 14%;
    height: 108px;
  }
  nav.icons {
    top: 0px;
  }
  html .works header .content {
    padding: 0px;
  }
  .works article img {
    max-width: 40%;
  }


  .help .imgbox img {
    max-width:90%;
  }


  .works #center_b article .shadowbox img {
    max-width: inherit;
    width: inherit;
  }
  nav.icons ul {
    width: 100%;
  }
  nav.icons span.icon {
    font-size: 35px;
    top: 10px;
    left: -5px;
  }
  nav.icons li div {
    top: 10px;
  }
  nav.icons li:hover div, nav.icons li .active div {
    top: -16px;
  }
  nav.icons ul {
    display: inline-flex;
  }
  html .reg .content h1, html .pricelist .content h1, html .samples .content h1 {
    margin-top: 45px;
    text-align: center;
  }
  html .reg .content h1, html .pricelist .content h1, html .samples .content {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  }

  .tech h1 {
    margin-top:26px;
  }

}




@media (max-width: 348px) {
  .prices .left {
    width:60%;
  }

  .pricelist .head .right {
    float:right;
  }



  .prices span {
    display:none;
  }
}


@media (max-width: 690px) {

  .help #center_a .left p {
    max-width:100%;
  }

  .help .imgbox {
    top:inherit;
    width:100%;
  }
}


@media (max-width: 850px) {
  .pricelist .head h3 {
    font-size:12px;
  }

  .pricelist .head h4 {
    font-size:45px;
  }
}

@media (max-width: 690px) {
  .pricelist .head h3 {
    line-height:18px;
  }
  .pricelist .head h4 {
    font-size:45px;
    padding-left: 10px;
  }

}
@media (max-width: 531px) {
  .pricelist .head h3 {
    font-size: 13px;
  }

  .pricelist .head h4 {
    font-size: 36px;
    padding-left: 0;
  }
}


@media (max-width: 470px) {
  html .reg .content h1, html .pricelist .content h1, html .samples .content h1 {
    margin-top: 5px;
  }
  .otherpage header span.downedge {
    display: none;
  }
}
@media (max-width: 630px) {
  .fnc article {
    max-width: 100%;
  }
}
@media (max-width: 470px) {
  nav.icons ul li {
    width: 24%;
  }

  html nav.icons ul {
    display:inline-block;
  }

}
@media (max-width: 322px) {
  nav.icons ul li {
    width: 33%;
  }

  html nav.icons ul {
    display:inline-block;
  }

}
@media (max-width: 220px) {
  nav.icons ul li {
    width: 98%;
    box-shadow: none;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  .arrow_box:before {
    bottom: 12px;
  }
  nav.icons span.icon {
    left: 0px;
  }
  nav.icons ul {
    text-align: center;
  }

  html nav.icons ul {
    display:inline-block;
  }



}
@media (max-width: 130px) {
  nav.icons ul li {
    width: 100%;
  }
}




/*registration*/

@media (max-width: 424px) {
  #contactform .info {
    display: none;
  }
  #contactform label {
    display: block;
    width: 100%;
  }
  #contactform input {
    width: 87%;
  }
  #tail legend, h3 {
    top: 0px;
  }
  .otherpage header span.downedge {
    display: none;
  }
  html .reg .content h1, html .reg .content h2 {
    text-align: center;
  }
}

/*homepage*/








@media (max-width: 500px) {
  html .create {
    padding: 0;
  }
  .create .buttbox {
    margin: 0px;
  }
}

@media (max-width: 965px) {

  #logo {
    margin: auto;
    display: block;
    max-width: 261px;
    width: 100%;
  }
  html nav.top {
    width: 100%;
    max-width: inherit;
    text-align: center;
  }
  html nav.top ul li {
    margin-top: 20px;
  }
}



@media (max-width: 890px) {
  /*disable header edge*/



  .home header span.upedge {
    display: none;
  }
  .home header span.downedge {
    display: none;
  }
  #logo {
    margin: auto;
    display: block;
    max-width: 261px;
    width: 100%;
  }
  html nav.top {
    width: 100%;
    max-width: inherit;
    text-align: center;
  }
  html nav.top ul li {
    margin-top: 20px;
  }
  header {
    background: url("../images/eshop-rychle_banner_mobile.jpg") scroll center top transparent;
    background-position: 30% top;
  }
}
@media (max-width: 890px) {
  header h1 {
    font-size: 49px;
    text-align: center;
  }
}
@media (max-width: 1024px) {
  html .play {
    left: inherit;
  }
}
@media (max-width: 890px) {
  html .play {
    left: inherit;
    top: inherit;
  }
  .home header img {
    display: none;
  }
  html .create, html .play {
    float: none;
    position: inherit;
    margin-bottom: 20px;
    display: inline-block;
  }
  html header .content {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
  }
  .play:before {
    display: none;
  }
  html .list {
    padding-left: 0px;
    padding-bottom: 8px;
  }
  html .list .arrow {
    display: none;
  }
}


/*ne protože debilita IE mobile > IE pc*/
/* @media (max-width: 997px) {
.samples .thumb {
  max-width: 47%;
}*/


@media (max-width: 590px) {
  html .samples .thumb {
    max-width:90%;
  }


  html .samples .thumb a {
    display:inline-block;
  }

  .samples .thumb:nth-child(even) {
    margin-left: 0px;
  }


  #tail .create span.text {
    font-size:20px;
  }

}





@media (max-width: 581px) {
  html #stat > div {
    font-size: 25px;
  }
  .create .buttbox {
    padding: 0;
  }
  header span.letter {
    display: none;
  }
  header .create .text {
    width: 100%;
    left: inherit;
  }
}
@media (max-width: 518px) {
  #bottom_b .reference {
    margin-bottom: 15px;
  }
}
@media (max-width: 515px) {
  html .play {
    width: 80%;
    padding-bottom: 5px;
  }
  html .create .arrow {
    background: none;
    padding: 0;
    text-align: center;
    font-size: 23px;
  }
  html .arrow span {
    font-size: 13px;
  }
  html .price {
    float: none;
    max-width: 100%;
  }
  html .price h2 {
    margin-bottom: 0px;
  }
  html .eshop {
    font-size: 22px;
  }
  html #notshop article img, html #yesshop article img {
    display: none;
  }
  html #counter {
    display: none;
  }
  html #bottom_b .reference {
    max-width: 49%;
  }
  html #footer .box {
    max-width: 40%;
    text-align: left;
    margin-right: 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  }
  html .create {
    padding: 4% 1.8%;
  }
  .arrow span {
    display: inline-block;
    line-height: 19px;
    margin-top: 8px;
  }
}
@media (max-width: 993px) {
  /*works article*/


  .works #center_b img.admin img {
    float: none;
  }
}





/*minimal design*/

@media (max-width: 399px) {
  html .create, html .play {
    font-size: 16px;
  }
}
@media (max-width: 399px) {
  html header h1 {
    margin-top: 32px;
  }
  html #footer .box {
    max-width: 100%;
  }
  .box {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 1px 0 #000000;
    margin-top: 10px;
  }
  html #footer .box {
    margin-right: 0px;
  }
  html .create {
    padding: 15px;
  }
  #center_b .content {
    padding-top: 29px;
  }
  html #bottom_b .reference {
    max-width: 100%;
  }



  /*retipe font*/

  .price.a h2 {
    font-size: 20px;
    margin-top: 40px;
  }
  .price.a strong, .price.b strong {
    font-size: 25px;
  }
  #center_b h4, #bottom h4, #bottom_b h4 {
    font-size: 24px;
  }
  html .eshop {
    font-size: 19px;
  }
  #center_b h4 span {
    font-size: 17px;
  }
  html #center_b article {
    text-align: center;
  }

  html body .layout.otherpage header .content h1{
    font-size:30px;
  }

}


@media (max-width: 514px) {

  .price.b {
    float:none;
  }
  .eshop {
    width:80%;
    padding: 5% 0;
  }


}

/*pricelist*/


@media (max-width: 845px) {
  #center_b .pricelist .head h3 {
    font-size: 12px;
  }
  #center_b .pricelist .head h4 {
    font-size: 46px;
  }
  #center_b .pricelist .head h5 {
    font-size: 13px;
  }
  .prices .right a {
    font-size: 15px;
    line-height: 23px;
  }
}
@media (max-width: 680px) {
  #center_b .pricelist .head h3 {
    font-size: 10px;
  }
  #center_b .pricelist .head h4 {
    font-size: 38px;
  }
  #center_b .pricelist .head h5 {
    font-size: 11px;
  }
  .pricelist .price_arrow, pricelist .price_arrow:after, .works.start img.fleft {
    display: none;
  }
}
@media (max-width: 605px) {
  #center_b .pricelist .head h3 {
    font-size: 10px;
    line-height: 17px
  }
}
@media (max-width: 530px) {
  .left-box {
    float: inherit;
    margin-top: 30px;
    width: 100%;
  }
  #center_b .left-box ul.left-info ul {
    vertical-align: top;
  }
  #center_b .left-box ul.left-info li {
    max-width: 43%;
    min-height: 225px;
    vertical-align: top;
  }
  div.right-box {
    display: inline-block;
    float: right;
    margin-top: 30px;
    width: 100%;
  }
}
@media (max-width: 780px) {
  .design span {
    font-size: 180px;
  }
}
@media (max-width: 644px) {
  .design span {
    font-size: 130px;
  }
}
@media (max-width: 956px) {
  .works #center_b img.admin {
    left: inherit;
    top: inherit;
    right: inherit;
  }
  #center_a .zoombox {
    display: none;
  }
}
@media (max-width: 956px) {
  .works article.left h3, .works article.right h3 {
    font-size: 30px;
  }
}
@media (max-width: 714px) {
  .shadowbox {
    width: 40%;
    padding-top: 31%;
    height: auto;
  }
  .works #center_b article .shadowbox img {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .works.start article.right img {
    float: right;
    max-width: 40%;
    margin: 0px;
  }
}
@media (max-width: 500px) {
  .shadowbox, article img {
    display: none;
  }
  html body .layout .content article > *:not(img) {
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
  html body .layout .content article h3 {
    font-size: 26px;
  }
  .works article.inline {
    max-width: 100%;
  }
}
@media (max-width: 890px) {
  #center_b .right .sec, #center_a .sec {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-top: 20px;
  }

  .seo #center_a .sec {
    width:50%;
  }


  .seo #center_b article img {
    display: none;
  }
  .seo #center_b article p {
    max-width: 100%;
  }
}
@media (max-width: 630px) {
  #center_a .left .sec {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 363px) {
  #center_b .left-box ul.left-info li {
    max-width: 100%;
    min-height: inherit;
  }
}
@media (max-width: 732px) {
  .import #center_b article.right img {
    float: right;
    width: 38%;
    margin-top: 10%;
  }
  .works article.right h3 {
    width: 48%;
  }
}
@media (max-width: 590px) {
  .import #center_b article.right img, .works article.right img {
    display: none;
  }
  .works article.right h3, .works article.right p {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 975px) {
  .import #bottom img {
    display: none;
  }
  .import #bottom .content article h2,  .import #bottom .content article p {
    max-width: 95%;
  }
  .import #bottom .content article {
    max-width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0px;
  }
}
@media (max-width: 978px) {
  .samples .thumb:nth-child(2n) {
    margin-left: 0px;
  }
}


@media (max-width: 650px) {
  .import #bottom .content article {
    max-width: 100%;
  }
}


@media (max-width: 861px) {
  .pricelist #center_a .typbox.action h3 span {
    position:inherit;
    margin-left:7px;
  }
}

@media (max-width: 530px) {
  .pricelist #center_a .typbox.action h3 span {
    position:absolute;
  }
}
/*kontakt*/
@media (max-width: 929px) {
  .tech article a span {
    display:none;
  }
}
@media (max-width: 885px) {
  .tech article img, .tech .map {
    display:none;
  }
  #center_a .sec {
    margin-top:0px;
  }
}

@media (max-width: 885px) {
  .tech .inline {
    max-width:100%;
  }
  .tech .inline article {
    padding-left:0px;
  }
}



.tech article {
  text-align:left;
}

/*develop*/

.zoom {
  background: url("../samples/macbook/1b.jpg") no-repeat scroll 99% 47% / 507% auto rgba(0, 0, 0, 0);
  border: 9px solid #FFFFFF;
  border-radius: 90px;
  box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.8);
  display: inline-block;
  height: 160px;
  left: 0;
  position: absolute;
  top: 0;
  width: 160px;
}
.zoombox {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 90px;
  display: inline-block;
  height: 191px;
  left: 252px;
  overflow: hidden;
  position: relative;
  top: 140px;
  width: 190px;
  z-index: 2;
}
/*optimalization for retina*/
.samples img.retina {
  max-width: 456px;
  max-height: 261px;
}
@media (max-width: 951px) {
  #logo {
    margin-bottom: 25px;
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
  header {
    background: url("../images/eshop-rychle_banner.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    background-size: 180%;
  }
}

.otherpage #center_a .content, .otherpage .center_a .content {
  padding-top:30px;
}

.price.a a {
  text-decoration:none;
}

/*develop*/
nav.icons ul, nav.icons li {
  vertical-align:top;
}

/*dočasný kod*/

.under {
  margin: 9px;
}

.home .content > h4 {
  margin-bottom: 0;
}

/* zakazkovy_eshop */
.content.individual-eshop-process .text {
  width: 45%;
}
.content.individual-eshop-process .image
{
  text-align: center;
  width: 45%;
}

.content.individual-eshop-process.even .image { float: right; }
.content.individual-eshop-process.even .text { float: left; }
.content.individual-eshop-process.odd .image { float: left; }
.content.individual-eshop-process.odd .text { float: right; }
.content.individual-eshop-process .clear { clear: both; }

.content.individual-eshop-process ul
{
  background-image: url("../images/timeline.png");
  background-repeat: no-repeat;
  padding-left: 90px;
  margin-top: 30px;
  margin-left: 30px;
}

.content.individual-eshop-process ul li
{
  margin: 0;
  padding: 0;
  height: 188px;
  list-style-type: none;
}

.content.individual-eshop-process ul li strong
{
  /*font-size: 16px;*/
  line-height: 60px;
  height: 60px;
  display: block;
}

.content.individual-eshop-process ul li .desc
{
  width: 80%;
}

html .individualeshop .content article h2, html .individualeshop .content article h1 {
  font-size: 40px;
  width: 100%;
  color: #5F5F5F;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  margin-bottom: 20px;
  text-shadow: none;
  margin-top:10px;
}
/* /zakazkovy_eshop */

div.right-box.margin-top-10
{
  margin-top: 10px;
}


html body div.layout div.center_a div.content article.left ul li strong, html body div.layout div.center_a div.content article.left ul li .desc {
  text-align:left;
}

html body div.layout div.center_a div.content article.left ul {
  max-width:100%;
  display:inline-block;
  width:auto;
}

/*add MQ*/

@media (max-width: 786px) {
  .content.individual-eshop-process ul li .desc {
    width:100%;
  }
}

@media (max-width: 556px) {
  .content.individual-eshop-process .text,
  .content.individual-eshop-process .image {
    width:100%;

  }

  html body div.layout div.center_a div.content article.left div.image img.icon {
    display:none;
  }
}

@media (max-width: 370px) {
  .content.individual-eshop-process ul {
    background:none;
    margin-left:0px;
    padding-left:0px;
  }
}


@media (max-width: 786px) {
  html body .content.individual-eshop-process ul li {
    height:auto;
  }

  html  .content.individual-eshop-process ul li strong {
    text-align:left;
  }

  html body  div.layout div.center_a div.content article.left ul li div.desc {
    text-align:left;
  }

}
header {
  background: url("../images/eshop-rychle_banner2.jpg?1") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}

@media (max-width: 1270px) {
  header {
    background: url("../images/er_banner_bgr.jpg");
  }
  .home header .content h1 {
    text-align: center;
  }
  .home header .content img {
    display: none;
  }
  .home header .content a {
    float: none;
    margin: auto;
    display: block;
  }
}

@media (max-width: 1530px) {
  .home header .content {
    position: relative;
    display: block;
    max-width: 90%;
  }
}
@media (max-width: 1400px) {
  .home header .content {
    max-width: 100%;
  }
}

/*******************************varB*******************************/


  .home header.new_public_template .content a {
    float: none;
    margin: auto;
    display: block;
  }

header.new_public_template {
  background: url("../images/backgroundB.jpg") no-repeat fixed center top rgba(0, 0, 0, 0);
  background-size:cover;
}

.home header.new_public_template span.upedge {
  background-image: url("../images/edgeheader_topB.png");
  background-position: right top;
  height: 75px;
}

header.new_public_template .play {
  display:none;
}

.new_public_template .hand {
  background:url("../images/handB.png") no-repeat scroll center top rgba(0, 0, 0, 0);
  display:inline-block;
  width:497px;
  height:578px;
  position:absolute;
  bottom:0px;
  left:-110px;
}


.home header.new_public_template .content {
  display: inline-block;
  height: 100%;
  position: relative;
}


.home header.new_public_template .content img {
  display:none;
}

header.new_public_template h1 span {
  color: #8c401e;
}

.create .dark, header.new_public_template .create .text.dark {
  text-shadow: 0px 1px 0px #17B675 ;
  color: #171717 ;
}
header.new_public_template .create .text.dark {
  font-size: 14px;
}

.home header.new_public_template h1 {
  color: #f26f20;
  display: inline-block;
  font-size: 37px;
  font-weight: bold;
  line-height: 1.622;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 100px;
  width: 100%;
  z-index: 4;
  text-shadow:none;
  text-shadow: 0px 1px 35px rgba(255, 255, 255, 0.8);
  padding-left:380px;
  box-sizing:border-box;
}

header.new_public_template span.letter {
  display:none;
}

header.new_public_template .create {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(22, 137, 89);
  background-image: -moz-linear-gradient( 90deg, rgb(22,138,90) 0%, rgb(23,208,132) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(22,138,90) 0%, rgb(23,208,132) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(22,138,90) 0%, rgb(23,208,132) 100%);
  box-shadow: inset 0px 0px 0px 2px rgba(65, 235, 165, 0.11);
  max-width:359px;
  max-height:99px;
  border-radius:6px;
  position:absolute;
  bottom:190px;
  right: 130px;

}

header.new_public_template .create:hover {
  background-image: -moz-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(16,126,81) 0%, rgb(16,198,123) 100%);
  box-shadow: inset 0px 0px 0px 2px rgba(65, 235, 165, 0.11);
}

header.new_public_template .create .text  {
  font-size:25px;
  width:100%;
  left:0px;

}

header.new_public_template .create .buttbox {
  padding-left:0%;
}

.home header.new_public_template span.upedge {
  background-image: url("../images/edgeheader_topB.png");
}

@media (max-width: 1530px) {
	.new_public_template .hand {
		left:30px;
		}

		header.new_public_template .create {
			right: 0px;
			left:300px;
			}



	}

@media (max-width: 1200px) {
	.new_public_template .hand {
		left:-30px;
		}
	}

@media (max-width: 1200px) {
	.new_public_template .hand {
		left:-80px;
		}
			}

	@media (max-width: 950px) {
	.new_public_template .hand {
	display:none;
		}

		.home header.new_public_template h1 {
			padding-left:0px;
			}


.home header.new_public_template .content a {
    float: none;
    left: -50%;
    margin: auto;
    position: absolute;
    right: -50%;
	bottom:80px;
}

header.new_public_template {
	 height: 410px;
	}

	.home header.new_public_template h1 {
		top:10px;
		}


			}

	@media (max-width: 950px) {

		.home header.new_public_template h1 {
			font-size:32px;
			}

		}

			@media (max-width: 531px) {

		.home header.new_public_template h1 {
			font-size:32px;
			}


header.new_public_template .create .text.dark {
    font-size: 14px;
    display: none;
}

		}


@media (max-width: 350px) {

.home header.new_public_template h1 {
    font-size: 28px;
}
}