@font-face {
    font-family: 'Bariol Light';
    src: url('https://data.get-webseller.com/1/web_templates/72/css/bariol_light.eot');
    src: local('☺'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_light.woff') format('woff'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_light.ttf') format('truetype'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_light.svg') format('svg');
}
@font-face {
    font-family: 'Bariol Bold';
    src: url('https://data.get-webseller.com/1/web_templates/72/css/bariol_bold.eot');
    src: local('☺'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_bold.woff') format('woff'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_bold.ttf') format('truetype'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_bold.svg') format('svg');
}
@font-face {
    font-family: 'Bariol Thin';
    src: url('https://data.get-webseller.com/1/web_templates/72/css/bariol_thin.otf');
    src: local('☺'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_regular.woff') format('woff'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_regular.ttf') format('truetype'), url('https://data.get-webseller.com/1/web_templates/72/css/bariol_regular.svg') format('svg');
}


body {background: white; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif; color: #565556; -webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body.gray {background: #f1f1f1;}

.screen {/*width: 80%;*/ background: #fff; margin: auto; max-width: 1170px;}

.topic, .slider, .story, .sections, .blog, .footer-big {width: 100%; /*display: table;*/}
a {color: #6bbb62; text-decoration: underline;}
a:hover {text-decoration: none;}
hr {
	height: 1px;
    border: 0;
    background: #ececec;
    width: 270px;
    margin: 70px 0 70px 0;
}
h1 {font-family: 'Roboto Slab', serif, sans-serif; font-size: 50px; color: #333333; margin: 0 0 20px 0; padding: 0; font-weight: normal;}
iframe{max-width:100%; height:auto}


.footer .ext[target="_blank"]:after {content:" "; display:inline-block; width: 16px; height:16px; margin-left:10px; background:url('https://data.get-webseller.com/1/web_templates/152/images/external.png') no-repeat;opacity:0.4; }


.footer-small-holder, .arrow-part, .footer-big-holder, .slider-holder, .topic-holder {width: 95%; max-width: 1170px; margin: auto;}
.customer-bubble {height: 80px; width: 80px; position: fixed; bottom: 40px; right: 20px; border-radius: 50%; padding-top: 8px; background: #3db4e1; color: #fff; padding: 8px; text-transform: uppercase; text-decoration: none; font-size: 14px; text-align: center; display: block; cursor: pointer;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);z-index:10;
}
.customer-bubble:hover, .customer-bubble:hover .customer-bubble-tail {background: #eacb21;}
.customer-bubble strong {font-size: 16px; display: block; margin-top: 11px;}
.customer-bubble-tail {position: absolute; bottom: -23px; right: 3px; background: #3db4e1; width: 20px; height: 20px; border-radius: 50%; display: block;}
.landing h1, .blog-container h1, .pricing h1 {font-family: 'Roboto Slab', serif, sans-serif; margin: 0 0 40px 0; padding: 0;color: #000; font-size: 64px; text-align: center;}
.default-content .left {
padding-bottom: 80px;
}
.default-content .left h3 { 
    padding: 0;
    margin: 0;
    font-size: 38px;
    font-family: 'Roboto Slab', serif, sans-serif;
    color: #333333;
    font-weight: normal;
}
.topic {min-height: 90px;}
.topic ul {margin: 0; padding: 0; float: right;}
.topic ul li {display: inline-block; line-height: 90px; font-size: 13px; font-weight: 600; margin-right: 30px;}
.topic ul li a {color: #555; text-decoration: none; text-transform: uppercase;}
.topic ul li a:hover, .topic ul li a.active {color: #6bbb62;}

.topic .logo {display: block; height: 45px; width: 178px; text-decoration: none; background: url('https://data.get-webseller.com/1/web_templates/152/images/digimadi-logo.png') no-repeat; float: left; margin: 23px 0 0 0;}


.topic.green {background: #6bbb62; color: #fff;}
.topic.green a {color: #fff;}
.topic.green .logo {background: url('https://data.get-webseller.com/1/web_templates/152/images/digimadi-logo-2.png') no-repeat;}
.topic.green ul li a:hover, .topic.green ul li a.active {color: #fff;}

.topic.green .button.orange {border-color: #4b822e; color: #34403a;}
.success li {list-style-type: none; line-height: 30px;}
.success {
	background: #3db4e1;
    margin: 0;
    padding: 20px;
    color: #fff!important;
    /*font-weight: bold;*/
    border-top: 1px solid #fff;
    text-align: center;
}

.slider {background: #f0f5f8;}
.slider-holder {margin: auto; min-height: 527px;  min-width: 580px; /*display: table;*/ background: url('https://data.get-webseller.com/1/web_templates/152/images/martin-climber.jpg') no-repeat top right;}


.slider-holder p {width: 50%; font-size: 19px; font-weight: 400; line-height: 38px; min-width: 615px;}
.slider-holder h3 {font-size: 38px; color: #6bbb62; margin: 0; padding: 120px 0 0 0; font-weight: 600; text-transform: uppercase;}
.slider-holder form {clear: both; padding: 20px 0 0 0; margin:0;}
input[type="text"], input[type="email"], input[type="password"] {
	line-height: 56px;
    border-radius: 5px;
    border: solid 1px #cecece;
    font-size: 16px;
    font-family: 'Bariol', 'Open Sans', sans-serif;
    margin-right: 10px;    
    width: 227px;
    padding: 0 0 0 20px;
}

.story {min-height: 133px; background: #656566; border-top-right-radius: 5px; border-top-left-radius: 5px; color: #fff;}
.sections {min-height: 207px;}

.blog {min-height: 453px; background: #fff;}
.blog-container {margin: auto; max-width: 1170px; width: 100%; margin: 40px auto 0 auto;}

.footer-big {min-height: 170px; background: x;text-align: center; margin-top: 35px;}
.footer-small {min-height: 73px; background: #535558; background: url('https://data.get-webseller.com/1/web_templates/152/images/line-footer.png') repeat-x top center #535558;}

/* buttons definitions */
.button {border: solid 1px; border-radius: 5px; padding: 8px 15px 8px 15px;}
.button.orange {border-color:#ee6829; color: #ee6829; }
.button.orange:hover {border: solid 1px #ee6829; color: #fff; background: #ee6829;{}
 
 }

.button.mobile-story-button {display: none;}
.button-big {
    background: #80c977; font-size: 16px; border-radius: 5px; display: inline-block; text-transform: uppercase; line-height: 55px; text-align: center; padding: 0 30px 0 30px; color: #fff; text-decoration: none; font-family: 'Roboto Slab', serif, 'Open Sans', sans-serif; border-bottom: solid 1px #254021; border-top: solid 1px #c3e7bf; border-left: solid 1px #7bbc72; border-right: solid 1px #7bbc72;
    background: -webkit-linear-gradient(#86cd7e, #6cbc63); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#86cd7e, #6cbc63); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#86cd7e, #6cbc63); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#86cd7e, #6cbc63); /* Standard syntax */
}
.button-big.orange {
    border-bottom: solid 1px #573d00; 
    border-top: solid 1px #f5e591; 
    border-left: solid 1px #d9b91d; 
    border-right: solid 1px #d9b91d;
    background: #fdb502;
    background: -webkit-linear-gradient(#eacb21, #fdb502); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eacb21, #fdb502); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eacb21, #fdb502); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eacb21, #fdb502); /* Standard syntax */

} 

.button-big:hover {
        opacity: 0.9;
}
.sections {background: #60b358; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.sections a {
    display: block; 
    width: 25%; 
    height: 207px; 
    background: #60b358; 
    float: left; 
    text-decoration: none; 
    color: #fff; 
    font-size: 14px; 
    font-weight: 600; 
    text-align: center; 
    text-transform: uppercase;
    cursor: pointer;
}
.sections span {padding: 130px 0 0 0;}
.sections a.project {background: url('https://data.get-webseller.com/1/web_templates/152/images/s1-over.jpg') no-repeat top left;}
.sections a.project:hover {background: url('https://data.get-webseller.com/1/web_templates/152/images/s1.jpg') no-repeat top left;}
.sections a.project span {display: block; background: url('https://data.get-webseller.com/1/web_templates/152/images/s1-ico.png') no-repeat 50% 30%; height: 90px;}

.sections a.agenda {background: url('https://data.get-webseller.com/1/web_templates/152/images/s2-over.jpg') no-repeat top left;}
.sections a.agenda:hover {background: url('https://data.get-webseller.com/1/web_templates/152/images/s2.jpg') no-repeat top left;}
.sections a.agenda span {display: block; background: url('https://data.get-webseller.com/1/web_templates/152/images/s2-ico.png') no-repeat 50% 30%; height: 90px;}

.sections a.marketing {background: url('https://data.get-webseller.com/1/web_templates/152/images/s3-over.jpg') no-repeat top left;}
.sections a.marketing:hover {background: url('https://data.get-webseller.com/1/web_templates/152/images/s3.jpg') no-repeat top left;}
.sections a.marketing span {display: block; background: url('https://data.get-webseller.com/1/web_templates/152/images/s3-ico.png') no-repeat 50% 30%; height: 90px;}

.sections a.education {background: url('https://data.get-webseller.com/1/web_templates/152/images/s4-over.jpg') no-repeat top left;}
.sections a.education:hover {background: url('https://data.get-webseller.com/1/web_templates/152/images/s4.jpg') no-repeat top left;}
.sections a.education span {display: block; background: url('https://data.get-webseller.com/1/web_templates/152/images/s4-ico.png') no-repeat 50% 30%; height: 90px;}

.sections a {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

}

.sections a:hover {background-color: #6cbc66;}

.story-about {font-family: 'Bariol Light', 'Open Sans', sans-serif; font-size: 40px; color: #fff; padding: 35px 0 0 45px; margin: 0; float: left;}
.story-about span {display: block;}
.story-about span.job {font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase; font-weight: 300;}

.story-buttons {float: right; padding: 40px 45px 0 0; margin: 0; line-height: 22px; font-size: 15px;}
.story .arrow-left, .story .arrow-right {width: 10px; height: 16px; display: block;}
.story .arrow-left {background: url('https://data.get-webseller.com/1/web_templates/152/images/arrow-left.png') no-repeat; margin: 60px 0 0 30px; float: left;}
.story .arrow-right {background: url('https://data.get-webseller.com/1/web_templates/152/images/arrow-right.png') no-repeat; margin: 60px 30px 0 0; float: right;}

.blog {border: solid 1px #eaeaea; border-radius: 5px; min-height: 250px; margin: 45px 0 0 0;}
.blog .item {width: 40%; float: left; padding: 5%;}
.blog .item p {font-size: 15px; line-height: 25px; font-style: italic;}
.blog h3 {font-family: 'Roboto Slab', serif, 'Open Sans', sans-serif; font-size: 40px; font-weight: normal; color: #777777; padding: 0; margin: 0 0 15px 0; }
.blog h3 a {color: #777777; text-decoration: none; display: block;}
.blog h3 a:hover {color: #6bbb62; text-decoration: none;}
.blog .item img {width: 100%;}
.blog .item a {font-style: normal;}
.blog .arrow, .arrow-part .arrow {width: 40px; height: 18px; background: url('https://data.get-webseller.com/1/web_templates/152/images/arrow-white.png') no-repeat 0 0; position: absolute; margin: -1px 0 0 -20px; left: 50%;}
.blog .blog-title {margin: 50px 0 0 30px; padding: 0; text-align: center; font-size: 18px;}
.arrow-part {margin: auto; height: 130px; text-align: center;}
.arrow-part a {margin-top: 55px;}
.blog.last {border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0;}
.blog.default {border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0;}

.footer-big {background: #f1f1f1;}
.footer-big-holder {margin: auto;}
.footer-big .section {width: 25%; float: left; background: x; text-align: left; padding: 50px 0 40px 0;}
.footer-big h4 {font-family: 'Bariol', 'Open Sans', sans-serif; font-size: 16px; margin: 0 0 30px 0; padding: 0 0 8px 0; text-transform: uppercase; color: #666; border-bottom: solid 1px #d5d5d5; width: 70%;}
.footer-big ul {margin: 0; padding: 0;}
.footer-big li {list-style-type: none; margin: 0 0 5px 0; padding: 0; font-size: 13px; color: #b5b5b5;}
.footer-big a {color: #666; text-decoration: none;}
.footer-big a:hover {color: #6bbb62; text-decoration: underline;}

.footer-small p {margin: 0; padding: 0; color: #a1a1a1; line-height: 57px; font-size: 13px; float: left;}
.footer-small-holder {margin: auto; background: url('https://data.get-webseller.com/1/web_templates/152/images/arrow-footer.png') no-repeat top center; padding-top: 15px; padding-bottom: 15px;}
.fb, .tw, .yt {width: 32px; height: 32px; display: inline-block; margin-right: 5px; margin-top: 20px;}
.fb {background: url('https://data.get-webseller.com/1/web_templates/152/images/fb-ico.png') no-repeat;}
.tw {background: url('https://data.get-webseller.com/1/web_templates/152/images/twitter-ico.png') no-repeat;}
.yt {background: url('https://data.get-webseller.com/1/web_templates/152/images/youtube-ico.png') no-repeat;}

.lang {float: right !important;}
.lang a {display: inline-block; padding: 0 10px 0 10px; float: right; color: #a1a1a1; text-decoration: none; text-transform: uppercase;}
.lang a:hover {background: #72757b; color: #fff;}

.slider-holder .mobile-image {display: none;}
.mobile-story-button {display: none;}


.landing {width: 96%; background: #f1f1f1; padding: 40px 2% 2% 2%; max-width: 1170px; margin: auto;}
 {max-width: 1170px; width: 100%; margin: auto; background: url('https://data.get-webseller.com/1/web_templates/152/images/arrow-gray.png') top center no-repeat #fff; border-radius: 5px; min-height: 400px;}
.box {padding: 20px 70px 70px 70px; background: url('https://data.get-webseller.com/1/web_templates/152/images/separator-shadow.png') no-repeat bottom center; clear: both;}
.box img.left {float: left; margin-right: 70px;}
.box img.right {float: right; margin-left: 70px;}
.box h2 {margin: 70px 0 40px 0; padding: 0; font-family: 'Bariol Light', sans-serif; font-size: 56px; font-weight: normal;}
.box p {font-size: 18px; line-height: 32px;}
.arrow-gray {background: url('https://data.get-webseller.com/1/web_templates/152/images/arrow-gray.png') top center no-repeat; height: 16px;}

.try-footer {text-align: center; margin: 50px 0 50px 0; padding: 0;}
.cl {clear: both; font-size: 0; line-height: 0; height: 0;}


.default-content {max-width: 1170px; margin: auto; background: x; min-height: 400px; padding-bottom: 50px; margin-top:60px;padding: 0 20px;}
.default-content .left {width: 68%; float: left; padding-right: 2%;}
.default-content .right {width: 30%;float: left; }
.default-content #form{padding:10px;}
.default-content .left li {margin-bottom: 15px;}
.default-content h2 {font-size: 45px; line-height:65px;    margin-bottom: 10px;font-family: 'Roboto',serif; color:#525252}

.nav {max-width: 1170px; margin: auto; line-height: 50px; font-size: 12px;}
.right-container {border: 1px solid #d1d1d1; border-radius: 6px;}
.right-container ul {margin: 40px; padding: 0;}
.right-container ul li {list-style-type: none;}
.right-container ul li a {color: #565656; text-transform: uppercase; font-size: 14px; line-height: 20px; padding: 9px 0px 10px; border-bottom: 1px solid #eaeaea; display: block; text-decoration: none;}
.right-container ul li a:hover {color: #6bbb62;}


/**
 *
 * příběhy - detail
 *
 **/

#story {
  color: #565556;
}
#story h1,
#story h2,
#story h3 {
  color: #6bbb62;
  font-family: "Bariol Light", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  /*padding: 1em 0 0.5em;*/
}
#story h1 {
  font-size: 38px;
  padding: 0 0 15px 0;
  margin: 0;  
}
#story h2 {
  font-weight: 300;
  text-transform: none;
  background: url('https://www.webseller.cz/images/vlnky.png') no-repeat center top;
  font-size: 40px;
  padding: 27px 0 37px 0;
  }
  #story h2 span {
    background: url('https://www.webseller.cz/images/vlnky.png') no-repeat center bottom;
    padding: 0 0 27px 0;
    display: inline-block;
  }
#story p {
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
  line-height: 32px;
}
.cont li {
  list-style-type: none;
  list-style-image: url('https://www.webseller.cz/images/li-arrow.png');
  padding: 0 0 10px 7px;
}
.cont {
    max-width: 1170px;
    margin: 0 auto;
    /*position: relative;*/
}
.story-caption {
  font-weight: 800;
  text-transform: uppercase;
  color: #6bbb62;
}
.story-title {
  text-align: center;
}
.story-title img {margin-bottom: 7px;}
#story-1,
#story-2,
#story-3 {
  padding-top: 40px;
  /*overflow: hidden;*/
}
#story-main {
  /*background: #fbf6f1 url('https://www.webseller.cz/images/title-kadernictvi.jpg') no-repeat center top;*/
  min-height: 540px;
  background: #fbf6f2 ;
                background: -webkit-linear-gradient(#fef9f5, #fbf6f2); /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#fef9f5, #fbf6f2); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#fef9f5, #fbf6f2); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#fef9f5, #fbf6f2); /* Standard syntax */

  }
#story-main .cont {background: url('https://data.get-webseller.com/1/web_templates/107/images/digimadi-cloud.jpg') no-repeat top right; min-height: 539px;}
  #story-main .story-text {
    max-width: 570px;
    padding: 70px 2% 2% 2%;
  }
  #story-main a {
    color: #6bbb62;
  }
#story-1 .story-problem-picture{
  /*background: url('https://www.webseller.cz/images/story-1.jpg') no-repeat left top;*/
  overflow: hidden;
  min-height: 605px;
  }
  #story-1 .story-text {
    width: 580px;
    float: right;
  }
#story-3 {
  text-align: center;
  /*background: #f7f8f5 url('https://www.webseller.cz/images/story-3.jpg') no-repeat center top;*/
  }
  #story-3 .story-text {
    width: 570px;
    margin: 0 auto;
  }
#story-finale {
  padding-bottom: 70px;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
#story-finale .cont {
  overflow: hidden;
}
#story-finale .arrow-bottom {
  position: absolute;
  width: 38px;
  height: 16px;
  background: url('https://www.webseller.cz/images/arrowdown.png') no-repeat 0 0;
  bottom: -16px;
  left: 50%;
  margin-left: -16px;
}
/*********** PICTURES ************/
.story-pics {
  overflow: hidden;
}
.story-pics .pic {
  float: left;
  background: #ddd;
  margin-right: 5px;
  margin-bottom: 5px;
}
.pic-wrap {
  overflow: hidden;
  float: left;
  width: 265px;
  margin-right: 5px;
}
.story-pic1,
.story-pic5 {
  width: 359px;
  height: 304px;
}
.story-pic2,
.story-pic3 {
  width: 265px;
  height: 150px;
  margin-right: 0;
}
.story-pic4 {
  width: 166px;
  height: 304px;
}

/*
* CIRCLE
*/
.circle {
  padding: 0 ;
  margin: 38px 0 0 0;
}
.circle li:first-child {
  margin: 0;
}
.circle li {
  margin: 0 0 0 30px;
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  float: left;
  width: 170px;
  height: 170px;
  background: #6bbb62;
  color: #fff;
  text-align: center;
  display: table;
  border-radius: 170px;
  -webkit-border-radius: 170px;
  }
  .circle li.circle-cal {
    background: #6bbb62 url('https://data.get-webseller.com/1/web_templates/152/images/service-adm-darker.jpg') no-repeat center center;
  }
  .circle li.circle-web {
    background: #6bbb62 url('https://data.get-webseller.com/1/web_templates/152/images/service-web-darker.jpg') no-repeat center center;
  }
  .circle li.circle-adm {
    background: #6bbb62 url('https://data.get-webseller.com/1/web_templates/152/images/service-adm-darker.jpg') no-repeat center center;
  }
.circle li span {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
/*
* CIRCLE STROKE
*/
.circle-stroke {
  margin: 0 auto;
  width: 530px;
  padding: 0 ;
  margin: 70px auto 0;
}
.circle-stroke li {
  width: 150px;
  height: 150px;
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  float: left;
  text-align: center;
  margin-left: 40px;
}
.circle-stroke li:first-child {
  margin: 0;
}
.circle-stroke li .circle-span {
  border: 5px solid #6bbb62;
  margin: 0 0 10px 30px;
  font-size: 30px;
  width: 84px;
  height: 84px;
  background: #fff;
  color: #6bbb62;
  text-align: center;
  display: table;
  border-radius: 84px;
  -webkit-border-radius: 84px;
  }
  .circle-stroke li .circle-span span {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
  }

.col {float: left;}
.col .one-half {
    width: 50%; 
    float: left;
    }

.gray-link {color: #565556; font-weight: bold;}
.gray-link:hover {color: orange;}

.gallery-view {
    border: 1px solid #e4e8eb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 80%;
    max-width: 770px;
    height: 450px;
    margin: 0 auto 14px auto;
    overflow: hidden;
    position:relative;
}
.gallery-view .toolbar {
    height: 26px;
    background: #f6f6f6 url('https://www.webseller.cz/images/toolbar.png') no-repeat 10px center;
    border-bottom: 1px solid #e4e8eb;
  }
.gallery-view img {
    display: block;
    width: 100%;
}
.gallery-view:hover .overlay {
  opacity: .8;
}
.gallery-view .overlay {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 83%;
  /* height: 100%; */
  /* top: 0; */
  /* border-radius: 7px; */
  width: 100%;
  margin: auto;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000;
  text-align: center;
}

.gallery-view .text {
  width: 100%;
  color: white;
  font-size: 20px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.gallery-view .url {
  width: 100%;
  color: white;
  font-size: 12px;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


.pricing {padding: 40px 0 40px 0;}
.pricing-container {max-width: 1170px; margin: auto; width:100%;}
.pricing-extra tr td:nth-child(2), .pricing-extra tr th:nth-child(2){text-align:right; width:150px}

.pricing-nomad {margin: 0; padding: 0;}
.pricing-box {color: #fff; text-align: center; padding: 25px 0 0 0; width: 90%; height: 200px; border: solid 10px #fff;}
/*.pricing-box:hover {background: #fff !important; color: #000;}*/
.pricing-box:hover .try-blue {background: #6bbb62; color: #fff !important;}
/*.pricing-box:hover h3 {color: #000;}*/
.pricing-box h3 {font-size: 30px; color: #fff; padding: 0; margin: 0 0 5px 0; font-family: 'Bariol Light', sans-serif; font-size: 46px;}
.pricing-nomad li {list-style-type: none; margin: 0; padding: 0;}
.pricing-nomad .nprice {font-size: 60px;}
.pricing-nomad a {display: block; padding: 10px; color: #000; background: #fff; width: 130px; margin: auto; text-decoration: none;}
.try-button-list {padding: 20px 0 0 0 !important;}
.try-blue {color: #5ea4ca !important;}
.try-button {background: #e56326; color: #fff !important;}
.pricing-items {float: left; margin-right: 1%; text-align: center; color: #6d6d6d; width: 95.5%; margin: 10px 0 0 0; text-align: left;}
.pricing-items ul {margin: 0; padding: 0;}
.pricing-items ul li {list-style-type: none; margin: 0 0 3px 0; padding: 8px 8px 8px 10px; background: #fff;}
.pricing-items ul li a {color: #6d6d6d;}
.ws_minus, .ws_plus, .ws_help {float:right;  margin:0px 5px; width: 10px;text-align: center; padding: 4px 8px 4px 8px; display: block; font-size: 14px; font-weight: bold; border-radius: 16px; text-decoration: none; cursor: pointer !important;}
  .ws_minus {background:#F7F8F3;}  
  .ws_minus:hover {background: #ED5151; color: #fff !important;}
.ws_plus { background:#F7F8F3; margin-right: 0;}
 .ws_help { background:#61c1e5; color: #fff !important; display: none;}
  .pricing-items li:hover .ws_help {display: block;}

.digimadi-link {display: none;}

.nav {height: 50px; line-height: 50px; margin-bottom: 50px;}

.pricing-extra .ticker-th {
width:70px; text-align:center;
}

/*article detail*/
.article_date { font-size: 14px; color: #ACACAC; font-style: italic; padding-bottom: 29px; }
.article-content p, .article_item p, .default-content p {color: #5F5F5F; margin: 0px 0px 18px 0px; line-height: 26px; padding: 0px;font-size:16px}
 .default-content ol, .default-content ul {color: #5F5F5F; line-height: 26px;}
.article-content h3, .default-content h3, .scene h3 {
	color: #6bbb62 !important;
    font-family:'Roboto Slab', serif, sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
	display: block;
    font-size: 1.17em !important;
  font-weight: bold;
  padding: 0 0 15px 0 !important;
}
.article-content ul li, .default-content ul li, .scene ul li {
	list-style-type: none;
    list-style-image: url('https://www.webseller.cz/images/li-arrow.png');
    padding: 0 0 10px 7px;
}

.features-cms-img {border-radius: 6px;}
.features-agenda-text1 {width: 45%; float: left; padding: 5%;}
.features-agenda-text2 {width: 35%; float: left; padding: 5%;}

.price-lifetime {float: left; margin-right: 2%; width: 32%;}
.price-basic {float: left; margin-right: 2%; width: 32%; }
.price-unlimited {float: left; margin: 0; width: 31%; }

.comment-form {width: 80%; margin: auto;}
.comment-form label {display: block;}
.comment-form p {clear: both; margin: 20px 0 0 0;}
.comment-form p input[type="text"],.comment-form p input[type="email"] {float: none; width: 96%; padding: 0 2%;}
.comment-form textarea {width: 96%; padding: 2%; height: 300px; border: solid 1px #cecece; border-radius: 5px; font-size: 16px;}
.support-table {width: 80%; margin: auto;}
.support-tablee .avatar-td {
border-bottom: 0;
    vertical-align: top;
    padding: 29px 20px 0 0;
  width: 95px;
}
.support-table .date {
	text-align: right;
    color: #c3c3c3;
    font-size: 14px;
  	padding-top: 25px;
}
.support-table .solver {color: #3db4e1; display: block; margin: 0 0 8px 0;}
.support-table .images strong {display: block; margin: 30px 0 20px 0;}
.support-table .images a {
    width: 100px;
    height: 100px;
    display: inline-block;
    border: solid 1px #cecece;
    margin: 0 10px 10px 0;
}
.support-table .avatar-td img {width: 80px; height: 80px; border-radius: 50%;}
.support-table td {margin: 0 0 15px 0; border-bottom: solid 3px #dfdfdf; padding: 35px 0 20px 0}
.support-table h2 {font-size: 36px; 
margin: 50px auto 0 auto;
    /* border-bottom: solid 3px #dfdfdf; */
    padding: 0 0 20px 0;
}
.cta-button {padding: 30px 30px 30px 30px;  font-family: 'Bariol Bold', sans-serif; font-size: 28px;  border: solid 1px #6bbb62; border-radius: 4px; color: #6bbb62; text-decoration: none;  text-transform: uppercase;}
.cta-button:hover { background: #EF722B; border: solid 1px #EF722B; color: #fff;}
.cta-button:hover i {color: #fff;}
.cta-button i {color: #c5c5c5; display: inline-block; margin-left: 30px; font-size: 25px;}
@media (max-width: 1500px) {
   .footer-small-holder, .arrow-part, .footer-big-holder, .slider-holder {
        width: 95% !important;
        /*max-width: 926px !important;*/
    }
}

@media (max-width: 1150px) {
   .screen {
        width: 99% !important;
        max-width: 99% !important;
    }
    .footer-small-holder, .arrow-part, .footer-big-holder, .slider-holder {width: 98%; max-width: 98%;}

    .mobile-story-button {display: inline-block; clear: both; }
    .story-buttons {display: none;}
    .slider-holder p {width: 100%; min-width: 100%}
  #story-main .cont {background-image: none;}
  #story-1 .story-text, #story-3 .story-text {width: 100%;}

    .landing .landing-content .box h2 {font-size: 40px;}
    .landing .landing-content .box img {width: 60%;}
    .landing .box {padding: 40px 30px 70px 30px;}
  	.contact-address-img{float:none !important; margin-bottom:25px; max-width:100%; height:auto}
}

.pricing-extra {width: 70%; margin: auto; border-spacing:0}
.pricing-extra th {text-align: left; padding: 10px 20px;}
.pricing-extra td {background: #fff; padding: 20px !important; text-align: center;border-bottom: 1px solid #e2e2e2;}
.pricing-extra tr td:first-child {text-align: left;}
.price-add-area {display:block;}
.price-add-area.active {display:block;}
.fa.fa-check {color: #6bbb62;}
.fa.fa-times {color: #e74353;}
.short-name {display: none;}
.pricing-slogan {text-align: center; padding: 0; margin: 15px 0 30px 0;}
.fa.fa-remove{color: #e74353;}
.pricing-extra td.table-tariff-mobile-td{padding:20px 0 !important}

@media (max-width: 885px) {
    .slider-holder {background-image: none !important;}
    .slider-holder .mobile-image {display: block; width: 99%;}
    .slider h3 {padding: 30px 0 0 0; }

    .landing .landing-content .box h2 {margin-top: 30px;}
    .landing .landing-content .box img {width: 100%; float: none !important; margin: 0 !important;}
    .landing .landing-content .box {padding: 40px 30px 70px 30px;}
  .pricing-extra {width:100% !important;}
  .long-name {display: none;}
  .short-name {display: block !important;}
  .pricing-slogan {padding: 0 15px 0 15px !important;}
  .pricing-container {margin: 0 !important; padding: 0 !important; width: 100% !important;}
}

@media (max-width: 760px) {
    .screen {
        width: 99%;
        max-width: 99%;
    }
    .footer-small-holder, .arrow-part, .footer-big-holder, .slider-holder {width: 98%; max-width: 98%;}

    .story-buttons {display: none;}
    .slider-holder p {width: 100%; min-width: 100%}
    
}

@media (max-width: 650px) {

  .topic.green ul li {background: #6bbb62;}

  .lang {display: none;}

  .blog .item {width: 85%;float: none;}
  .topic ul {float: none; clear: both; padding: 15px 0 15px 0;}
  .topic ul li {display: block; background: #f1f1f1; margin: 0 0 1px 0; padding: 0; height: auto; line-height: 40px; padding-left: 20px;}
  .slider-holder {width: 98%; min-width: 98%; padding: 2%; min-height: auto; max-width: 100%; background-image: none !important;}
  .sections a {float: none; width: 100%; background-image: none !important;}
  .topic .button.orange {position: absolute; top: 25px; right: 20px; height: 40px; padding: 0 15px 0 15px;}
  .slider h3 {text-align: center;}
  .footer-big .section {width: 100%; float: none; padding: 20px 0 0px 10px;}


  .sections span {padding: 20px 0 0 100px; height: 50px !important;}
  .sections a {height: auto; text-align: left; border-bottom: solid 1px #6dbe69;}
  .sections a.project span {background: url('https://data.get-webseller.com/1/web_templates/152/images/s1-ico.png') no-repeat 19px 11px;}
  .sections a.agenda span {background: url('https://data.get-webseller.com/1/web_templates/152/images/s2-ico.png') no-repeat 19px 11px;}
  .sections a.marketing span {background: url('https://data.get-webseller.com/1/web_templates/152/images/s3-ico.png') no-repeat 19px 11px;}
  .sections a.education span {background: url('https://data.get-webseller.com/1/web_templates/152/images/s4-ico.png') no-repeat 19px 8px;}

  .section ul {display: none; margin-top:10px}
  .footer-big h4 {margin: 0 0 0px 0; padding: 0 0 2% 0; width: 95%;}
  .story-about span {font-size: 30px;}

  .story-buttons {display: none;}
  .story-main .cont {background-image: none !important;}

  .slider-holder p {text-align: center;}
  .slider-holder form {text-align: center;}
  .button-big {width: 99%; margin: auto; margin-bottom: 10px; padding: 0; float: none;}
  input[type="text"], input[type="email"] {width: 95%;margin: auto; margin-bottom: 10px; float: none;}

  .price-lifetime {float: none; margin: 0 0 0 10px; width: 100%; clear: both;}
  .price-basic {float: none; margin: 0 0 0 10px; width: 100%;  clear: both;}
  .price-unlimited {float: none; margin: 0 0 0 10px; width: 100%;  clear: both;}
  .pricing-container {padding: 5%; width: 90%;}
  .default-content .right {display: none;}
  .default-content .left {width: 90%; float: none; padding: 5%;}
  .features-cms-img {width: 100%;}
  .cont {padding: 2%;}
  .features-agenda-text1 {width: 100%; float: none; padding: 3% 0 3% 0;}
  .features-agenda-text2 {width: 100%; float: none; padding: 0 0 0 0;}

  .circle li {    
    display: block;
    float: none;
    margin: auto auto 20px auto !important;
  }
  .circle li span {padding: 50px 10px;}
  .cta-button{display:inline-block; line-height:40px;}
  .cta-button i{display:none}
  .contact-links-table > tbody > tr > td{display:inline-block}
  .comment-form{width:100%}
  .landing-content p{width:100% !important}
  .g-recaptcha{float:none !important; display:block}
  
}

@media (max-width: 400px) {
  .pricing-extra th{padding:10px 12px}
}


@media (max-width: 400px) {
    .landing .landing-content .box h2 {font-size: 32px;}
  	.landing.support-page .box{padding:10px}
  	.g-recaptcha{transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}
  	.pricing-extra tr td:nth-child(2), .pricing-extra tr th:nth-child(2){width:30%}
  	.pricing-table .left{margin-bottom:15px}
}

/********************** redesign **********************/
html, body{
	padding:0;
	margin:0;
	font-family: 'Roboto',serif;
	font-weight:300;
	color:#525252;
}

.wrapper{
	width:1468px;
	margin:auto;
  	position: relative;
}

.wrapper-content{
	width:1170px;
	margin:auto;
}


.block-wrapper .block {
    width: 100%;
    max-width: 345px;
    height: auto;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    margin: 0 15px;
    display: inline-block;
}

.block-wrapper .block img {
    max-width: 370px;
    margin-bottom: -3px;
}

.block-wrapper .block h3 {
    font-family: 'Open Sans'!important;
    font-size: 48px;
    margin-bottom: 3px;
  	font-weight: 600;
}

.block-wrapper .block p{
    color: #646464;
    font-size: 18px;
    letter-spacing: 1.8px;
}

.block-wrapper .block p:first-of-type {
    margin-bottom: 24px;
}

.block-wrappert .block p strong {
    color: #646464;
}

.block-wrapper .block p img {
  	padding-right: 1px;
}

h2{
	font-family: 'Roboto Slab', serif;
	font-size:62px;
	line-height:65px;
	color:#62a842;
	margin:0;
}



.cl{
	clear:both;
	height:0;
}

.slab{
	font-family: 'Roboto Slab', serif;
	font-weight:700;
}

.small-title{
	font-size:18px;
	letter-spacing:0.2em;
	text-transform:uppercase;
	font-weight:700;
	line-height:36.77px;
}

.line-through{
	position:relative;
}

.small-title .line-through::after{
	content:" ";
	display:block;
	width:100%;
	height:3px;
	position:absolute;
	background:#62a842;
	top:9px;
	left:0;
}

.button{
	min-width:475px;
	box-sizing: border-box;
	color: #fff;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 30px;
	padding: 12px 37px 8px;
	display: inline-block;
	text-align: center;
	letter-spacing: 0.2em;
	border: none;
	outline: none;
	border-radius: 5px;
	background: -ms-linear-gradient(top, #ebc732 25%, #f9b525 100%);
	background: -moz-linear-gradient(top, #ebc732 25%, #f9b525 100%);
	background: -o-linear-gradient(top, #ebc732 25%, #f9b525 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25, #ebc732), color-stop(100, #f9b525));
	background: -webkit-linear-gradient(top, #ebc732 25%, #f9b525 100%);
	background: linear-gradient(to bottom, #ebc732 25%, #f9b525 100%);
	-webkit-box-shadow: 0px 2px 0px 0px #45743f, inset 0px 1px 0px 0px #f8ec55;
	-moz-box-shadow: 0px 2px 0px 0px #45743f,inset 0px 1px 0px 0px #f8ec55;
	box-shadow: 0px 2px 0px 0px #45743f, inset 0px 1px 0px 0px #f8ec55;
}

.button:hover{
	opacity:0.9;
}


.block-top{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/top-bg-resized.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}

.top-panel{
	padding:40px 30px 24px;
}

.top-panel.green{
	background:#8acc6d;
}

.top-panel.transparent{
	background:transparent;
}

.top-panel ul{
	padding:0;
	margin:0;
	list-style-type:none;
	float:right;
}

.top-panel ul li{
	display:inline-block;
	vertical-align:top;
	font-weight:400;
	letter-spacing:0.1em;
	font-size:18px;
	margin-left:10px;
}

.top-panel ul.user-info li{
	margin-left:16px;
}

.top-panel ul li a{
	text-decoration: none;
	padding:7px 7px;
}

.top-panel ul li a.reg-link{
	border:2px solid #c6e7b8;
	border-radius:5px;
	padding:7px 23px;
}

.top-panel .main-menu{
	margin-right:26px;
}

.top-panel .main-menu a{
	color:#525252;
}

.top-panel .main-menu a:hover{
	color:#fff;
}

.top-panel .user-info a{
	color:#fff;
}

.top-panel .user-info a:hover{
	color:#525252;
	border-color:rgba(52,52,52,0.4);
}

.top-panel .logo img {
	height: 30px; 
  	position: absolute; 
  	margin-top: -10px;
}

.block-top h2{
	color:#fff;
	font-size:96px;
	line-height:96.14px;
	margin-bottom:47px;
}

.block-top .button{
	font-size: 30px;
	padding: 22px 36px 17px;
	width:auto;
}

.block-top-content{
	max-width:60%;
	margin-top:25px;
	float:left;
	box-sizing: border-box;
	padding-left: 148px;
}

.block-top-img{
	width:40%;
	float:right;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/top-line.png');
	background-repeat:no-repeat;
	background-position:right 72px top;
	height:586px;
}

.block-top-img img{
	position:absolute;
	bottom:0px;
	right:24px;
}

.left-border{
	width:490px;
	padding-left:24px;
	overflow:hidden;
	position:relative;
	padding-bottom:50px;
}

.left-border::before{
	content: ' ';
	height: 100%;
	display: inline-block;
	width: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 5px;
}

.block-top-content p{
	font-size:30px;
	line-height:35.39px;
	color:#fff;
	margin-top:0;
	margin-bottom:54px;
}

.block-top-content p .slab{
	font-weight:700;
}

.block-1{
	background-color:#fff;
	background-size:1920px auto;
	background-position:center top;
	background-repeat:no-repeat;
}

.block-1 .block-1-content{
	float:left;
	padding-left:178px;
	box-sizing: border-box;
	max-width:48%;
	padding-top: 116px;
	padding-bottom: 191px;
}

.block-1-img{
	float:right;
	width:52%;
	padding-top: 116px;
	padding-bottom: 191px;
	background-image: url('https://data.get-webseller.com/1/web_templates/152/images/part-1-line.png');
	background-repeat:no-repeat;
	background-position:right 72px top;
	text-align:right;
}

.block-1-img img{
	max-width:100%;
	margin-top:25px;
	display:inline-block;
}

.block-1 h2{
	margin-top:20px;
	margin-bottom:45px;
}

.block-1 .button{
	margin-top:60px;
}

.block-2{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/part-2-bg-1.jpg');
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	text-align:right;
}

.block-2-img{
	width:50%;
	float:left;
	margin-right:-4%;
}

.block-2-img{
	height:695px;
	position:relative;
	background:url('https://data.get-webseller.com/1/web_templates/152/images/part-2-line.png');
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:left;
}

.block-2-content{
	padding-right:148px;
	box-sizing: border-box;
	padding-top:130px;
	width:54%;
	float:right;
}

.block-2-img img{
	position:absolute;
	bottom:0;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
  	max-width:100%
}

.block-2 h2{
	margin-top:20px;
	margin-bottom:45px;
}

.block-2 .button{
	margin-top:60px;
}

.block-2-img-text-2{
	margin-left: 190px;
}

.block-2-img-text-1{
	margin-top: 79px;
	margin-left: 321px;
}

.img-text{
	font-family: 'Roboto Slab', serif;
	color:#fc6e1c;
	font-weight:700;
	font-size:36px;
	line-height:36px;
}

.img-text .number{
	font-size:120px;
	line-height:120px;	
	float:left;
	margin-right:13px;
}

.img-text span:nth-child(2){
	padding-top:14px;
	display:block;
}

.img-text .text-dark{
	display:block;
	color:#565656;
}

.block-3-content{
	text-align:left;
	float:left;
	width:45%;
	padding-left:178px;
	box-sizing: border-box;
}

.block-3-img{
	float:left;
	width:55%;
	text-align:right;
}


.block-3-c{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/part-3-line.png');
	background-repeat:no-repeat;
	background-position:left 68px top;
	padding-top:86px;
	padding-bottom:258px;
}

.block-3-content .small-title{
	line-height:26px;
}

.block-3-content .left-border{
	width:100%;
	box-sizing: border-box
}

.block-3-content .left-border::before{
	background:#e2e2e2;
}

.block-3-img{
	margin-top:108px;
}

.block-3 h2{
	margin-top:26px;
	margin-bottom:53px;
}

.block-3 .button{
	margin-top:41px;
	padding: 12px 16px 8px;
}

ul.styled{
	padding:0;
	margin:0;
	font-size:22px;
	line-height:35px;
	list-style-type: none;
	padding-left:8px;
}

ul.styled li::before{
	content:' ';
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#fc6e1c;
	vertical-align:middle;
	margin-right:14px;
}

.block-4{
	background-color:#e2e2e2;
	text-align:center;
}

.block-4-c{
	padding-top:90px;
	padding-bottom:82px;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/part-4-line-1.png'),url('https://data.get-webseller.com/1/web_templates/152/images/part-4-line-2.png');
	background-repeat: no-repeat, no-repeat;
	background-position:left 148px bottom, right 148px bottom;
}

.block-4-col{
	display:inline-block;
	width:502px;
	margin-top:30px;
	text-align:left;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:left top 98px;
	padding-bottom:140px;
}

.block-4 h2{
	margin-bottom:44px;
}

.block-4-col a{
	font-size:26px;
	font-weight:700;
	font-family:'Roboto Slab',serif;
	color:#fc6e1c;
	text-decoration:underline;
	padding-left:35px;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/arrow-icon.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:6px;
}

.block-4-col a:hover{
	text-decoration:none 
}

.block-4-col-1{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/part-4-bg-1.png');
}

.block-4-col-2{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/part-4-bg-2.png');
	box-sizing: border-box;
	padding-left:99px;
	background-position:right top 90px;
}

.block-4-col-2 .img-text{
	margin-left:120px;
}

.block-4-col .img-text{
	margin-top:186px;
}

.block-4-col .img-text span:nth-child(2){
	margin-top:19px;
}

.block-4 .button{
	margin-top:30px;
}

.block-5{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/part-5-bg.jpg');
	text-align:center;
}

.block-5-c{
	padding-top:85px;
	padding-bottom:75px;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/part-5-line-1.png'),url('https://data.get-webseller.com/1/web_templates/152/images/part-5-line-2.png');
	background-repeat: no-repeat, no-repeat;
	background-position:left 148px top, right 148px top;
}

.block-5 h2{
	margin-left:auto;
	margin-right:auto;
	max-width:830px;
	color:#fff;
	margin-bottom:113px;
}

.block-5 .button{
	font-size: 30px;
    padding: 24px 26px 17px;
}

.footer{
	padding-top:50px;
	padding-bottom:40px;
	position:relative;
}

.footer-wrapper{
	width:1170px;
	margin-left:auto;
	margin-right:auto;
}

.footer-col{
	width:25%;
	float:left;
	box-sizing: border-box;
	padding-left:20px;
}

.footer-col.first-col{
	padding-left:0;
}

.footer-title{
	font-family:'Roboto Slab', serif;
	font-size:22px;
	font-weight:700;
	margin-bottom:28px;
}

.footer ul{
	padding:0;
	margin:0;
	list-style: none;
	padding-left:20px;
	position:relative;
}

.footer ul::before{
	content:' ';
	display:block;
	width:2px;
	background:#e2e2e2;
	position:absolute;
	left:0;
	top:6px;
	bottom:10px;
}

.footer ul a{
	color:#fc6e1c;
	font-size:16px;
	line-height:28px;
	text-decoration: none
}

.footer ul a:hover{
	text-decoration: underline
}

.footer ul.highlight a{
	font-weight:400;
}

.copyright{
	text-align:center;
	font-size:16px;
	font-weight:400;
	margin-top:76px;
}

.copyright img{
	display:inline-block;
	vertical-align:middle;
}

.socials a{
	display:inline-block;
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-right:20px;
	margin-top:10px;
}

.socials a.facebook{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-fb.png');
	width:11px;
}

.socials a.instagram{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-instagram.png');
	width:25px;
}

.socials a.youtube{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-youtube.png');
	width:24px;
}

.socials a.facebook:hover{
	background-position:right bottom;
}

.socials a.instagram:hover{
	background-position:right bottom;
}

.socials a.youtube:hover{
	background-position:right bottom;
}

.help-bubble{
	width:162px;
	height:162px;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/help-bg.png');
	background-repeat:no-repeat;
	position:fixed;
	bottom:40px;
	right:20px;
	text-decoration: none;
  	z-index:10
}

.help-bubble > span{
	color:#fff;
	margin-top:28px;
	display:inline-block;
	text-align:center;
	width:100px;
	font-size:18px;
}

.block-top-pricing{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/top-bg-pricing.jpg');
	background-repeat: no-repeat;
	background-size: cover;
  	padding-top:106px
}

.block-top-default{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/top-bg-pricing.jpg');
	background-repeat: no-repeat;
	background-size: cover;
  	padding-top:106px;
}

.top-panel.top-panel-pos.green{
	background:transparent;
}

.top-panel-pos{
	position:absolute;
  	top:0;
  	left:0;
  	box-sizing:border-box;
  	width:100%
}

.select-block{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/select-bg.png');
	background-repeat: no-repeat;
	background-size: contain; 
	text-align:center;
	margin-top:35px;
	background-position:center top 15px;
}

.block-top-default .content-block{
  	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/border-white.png');
	background-repeat: no-repeat;
	background-size: contain; 
	text-align:center;
	margin-top:0px;
	background-position:center top 15px;
  	min-height: 220px;
}

.block-top-default .content-block h2{
  	color:#fff;
  	text-align:center;
	padding-top:55px;
  	content:"Vyzkoušet zdarma" !important;
}

.select-block .nav a,.select-block .nav {color:#fff;}
.content-block .nav a,.content-block .nav {color:#fff;}

.block-top-pricing h2{
	color:#fff;
	text-align:center;
	padding-top:55px;
}

.select-block ul{
	list-style: none;
	padding:0;
	margin:0;
	margin-top:54px;
}

.select-block ul li{
	display:inline-block;
	width:25%;
	height:208px;
	padding:0 36px;
	box-sizing: border-box;
	float:left;
}

.select-block ul li a{
	font-family:'Roboto Slab', serif;
	font-weight:700;
	font-size:26px;
	color:#fff;
	text-decoration:none;
	display: inline-block;
	width: 100%;
	margin-top: 74px;
}

.select-block ul li a .text{
	display:block;
}

.select-block ul li.active{
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/selected.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
}

.select-block ul li.active .text{
	color:#fc6e1c;
}

.select-block ul li.active .circle{
	opacity:0;
}

.select-block ul li a .circle{
	display:block;
	background:#fff;
	width:30px;
	height:30px;
	border-radius:50%;
	margin: 15px auto 0;
	position:relative;
}

@media only screen and (min-width: 1200px) {

  .select-block ul li a:hover .circle{
      background:#fc6e1c;
  }

  .select-block ul li a:hover .circle::after{
      content:' ';
      display:block;
      position:absolute;
      width:28px;
      height:28px;
      border:1px solid #fc6e1c;
      border-radius:50%;
      top:0;
      left:0;
      -webkit-animation: pulse 0.5s forwards;
      -moz-animation: pulse 0.5s forwards;
      animation: pulse 0.5s forwards;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      animation-iteration-count: 1;
  }

  .select-block ul li a:hover .text{
      color:#fc6e1c;
  }	
}

.select-block p .slab{
	color:#fff;
}


@-moz-keyframes pulse {
 0% {
    -moz-transform: scale(1);
    opacity: 0.1;
 }
 25% {
    -moz-transform: scale(1.3);
    opacity: 0.3;
 }
 50% {
    -moz-transform: scale(1.5);
    opacity: 0.5;
 }
 75% {
    -moz-transform: scale(1.7);
    opacity: 0.8;
 }
 100% {
    -moz-transform: scale(2);
    opacity: 1;
 }
}

@-webkit-keyframes "pulse" {
 0% {
    -webkit-transform: scale(1);
    opacity: 0.1;
 }
 25% {
    -webkit-transform: scale(1.3);
    opacity: 0.3;
 }
 50% {
    -webkit-transform: scale(1.5);
    opacity: 0.5;
 }
 75% {
    -webkit-transform: scale(1.7);
    opacity: 0.8;
 }
 100% {
    -webkit-transform: scale(2);
    opacity:1;
 }
}

.block-1-pricing::before{
	content:' ';
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 24px 0 24px;
	border-color: #6db14d transparent transparent transparent;
	margin-left:auto;
	margin-right:auto;
}

.final-price{
	font-family:'Roboto Slab', serif;
	font-weight:700;
	display:inline-block;
	width:auto;
	white-space:nowrap;
	padding:5px 0 40px;
}

.final-price .caption{
    font-family: 'Roboto',serif;
    font-size:18px;
    text-align:left;
    letter-spacing:0.2em;
    line-height:36px;
}

.final-price-c{
	text-align:center;
}

.final-price .number{
	font-size:120px;
	color:#fc6e1c;
	float:left;
	line-height:120px;
	margin-right:15px;
}

.final-price span:nth-child(2){
	font-size:36px;
	color:#fc6e1c;
	display:block;
	line-height:38px;
	margin-top:15px;
}

.final-price span:nth-child(3){
	font-size:36px;
	line-height:38px;
}

.block-2-pricing{
	background:#e2e2e2;
	padding-bottom:45px;
}

.block-2-pricing::before{
	content:' ';
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 24px 0 24px;
	border-color: #fff transparent transparent transparent;
	margin-left:auto;
	margin-right:auto;
}

.pricing-table{
	list-style-type:none;
	margin:0;
	padding:0;
	max-width:775px;
	margin: 46px auto 0;
}

.pricing-table li{
	border-bottom:1px solid #9a9a9a;
	padding:0 14px;
	box-sizing:border-box;
	border-radius:6px;
}


.pricing-table .plus, .pricing-table .minus{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	width:40px;
	height:40px;
	border-radius:50%;
	padding:0;
	background: -ms-linear-gradient(top, #ebc732 25%, #f9b525 100%);
    background: -moz-linear-gradient(top, #ebc732 25%, #f9b525 100%);
    background: -o-linear-gradient(top, #ebc732 25%, #f9b525 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25, #ebc732), color-stop(100, #f9b525));
    background: -webkit-linear-gradient(top, #ebc732 25%, #f9b525 100%);
    background: linear-gradient(to bottom, #ebc732 25%, #f9b525 100%);
}

.pricing-table .plus.disabled, .pricing-table .minus.disabled{
	opacity:0.3
}

.pricing-table .btn-pricing-c{
	display:inline-block;
  	width:40px;
}

.pricing-table .plus:hover, .pricing-table .minus:hover{
	opacity:0.9;
}

.pricing-table .plus.disabled:hover, .pricing-table .minus.disabled:hover{
	opacity:0.3;
}

.pricing-table .minus .icon{
	display:block;
	width:100%;
	height:100%;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-minus.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.pricing-table .plus .icon{
	display:block;
	width:100%;
	height:100%;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-plus.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.pricing-table .icon-checked, .pricing-extra .icon-checked{
	width:50px;
	height:50px;
	display:inline-block;
	border-radius:50%;
	background-color:#62a842;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-checked.png');
	background-repeat:no-repeat;
	background-position:center center;
}

.pricing-extra .fa-check::before{
	content:'';
}

.pricing-extra .fa-remove::before{
	content:'';
}

.pricing-table .icon-none, .pricing-extra .icon-none{
	width:50px;
	height:50px;
	display:inline-block;
	border-radius:50%;
	background-color:#fc6e1c;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-none.png');
	background-repeat:no-repeat;
	background-position:center center;
}

.pricing-table .right{
	width:251px;
	display:inline-block;
	vertical-align:middle;
	padding:14px 0;
}

.pricing-table .left{
	width:491px;
	display:inline-block;
	vertical-align:middle;
	font-weight:800;
	font-size:22px;
	margin-top:5px;
}

.pricing-table .left > span{
	font-weight:300;
}

.pricing-table .number{
	font-size:62px;
	line-height:62px;
	font-family:'Roboto Slab', serif;
	color:#fc6e1c;
	font-weight:bold;
	display:inline-block;
	width:140px;
	text-align:center;
	margin:0 10px;
}

.block-2-pricing .button-green{
	margin-left:auto;
	margin-right:auto;
	margin-top: 48px;
    padding: 14px 0 10px;
}

.button-green{
	display:block;
	max-width:374px;
	border:3px solid #62a842;
	border-radius:6px;
	color:#62a842;
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	letter-spacing:0.3em;
}

.button-green:hover{
	background:#62a842;
	color:#fff;;
}

.menu-resp{
	display:none;
}

.menu-resp ul{
	list-style-type:none;
	padding:0;
	margin: 20px 0;
}

.menu-resp ul li{
	width: 90%;
	margin: 0 5%;
	border-left: 3px solid #62a842;
}

.menu-resp ul li a{ 
	box-sizing: border-box;
	padding:20px 0;
	background:#fff;
	display: block;
	text-decoration:none;
	margin-left: 5%;
	border-bottom: 1px solid #d2d2d2;
	color: #656566;
	font-size:20px;
}

.resp-top-panel{
	background:#8acc6d;
	padding:10px 10px 5px;
}

.menu-resp-close{
	float:right;
	width:30px;
	height:30px;
	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-cancel-white.png');
	background-repeat:no-repeat;
	background-size:30px auto;
  	margin-top: 15px;
  	margin-left: 10px;
    filter: contrast(20%);
}

.menu-resp .logo img{
	height: 70px;
  	display: none;
}

.footer ul a.disabled{
	color:#b5b5b5;
  	cursor:default;
}

.footer ul a.disabled:hover{
	text-decoration:none;
}

p {
    font-size: 22px;
    line-height: 36px;
    margin: 30px 0;
}

.pricing-help{
    display:inline-block;
  	text-decoration:none;
  	vertical-align:middle;
  	width:30px;
  	height:30px;
  	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-help.png');
  	background-size:30px 30px;
  	margin-left:15px
}

.popup-content-blue{
	background: -moz-linear-gradient(top, #3cb3e0 0%, #219ecd 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #3cb3e0 0%,#219ecd 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #3cb3e0 0%,#219ecd 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cb3e0', endColorstr='#7db9e8',GradientType=0 );
    box-shadow: inset 0px 1px 0px 0px #65e5f5;
    color: #fff;
    padding-bottom: 20px;
  	position:relative;
  	max-width:800px;
  	margin-left:auto;
  	margin-right:auto;
  	padding:25px 50px 35px;
  	box-sizing:border-box;
  	font-size: 24px;
  	line-height: 30px;
}


.popup-content-blue .mfp-close{
  	color:transparent;
  	background-image:url('https://data.get-webseller.com/1/web_templates/152/images/close-white.png');
  	background-repeat:no-repeat;
  	background-size:31px 31px;
  	background-position:center center;
  	margin-top:25px;
  	margin-right:25px
}

.popup-content-blue h2{
	font-weight: 500;
    padding: 0 0 20px 0;
    font-size: 38px;
    color: #fff;
  	font-family: 'Roboto Slab', serif;
    line-height: 52px;
}

.mfp-bg.mfp-fade-dark{
	background: #0b0b0b !important;
    opacity: 0.8;
}

.vat-label{
	display:block
}

#ws_tip_box.ws_tip_box-4 .tip_p_title {display:none}
#ws_tip_box.ws_tip_box-4 {background: url(https://data.get-webseller.com/1/web_templates/152/images/popup-bg.png) white;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
    max-width: 480px;
    height: 540px;
    text-align: center;}
#ws_tip_box.ws_tip_box-4 .button {
  	margin-top: 300px;

    line-height: 30px;
    padding: 16px 20px 13px; 
  	font-size:20px;
  	margin-bottom:15px
}

#ws_tip_box.ws_tip_box-4 p{
	color: #545554;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-size: 14px;
    font-weight: 700;
  	margin-bottom:0;
  	padding-bottom:30px
}

#ws_tip_box.ws_tip_box-4 p a{
	color: #545554;
  	text-decoration:none;
}

#ws_tip_box.ws_tip_box-4 p a:hover{
	text-decoration:underline
}

#ws_tip_box.ws_tip_box-4 .fa.fa-times{
	color: #fff;
    opacity: 0.32;
    margin-top: 10px;
    margin-right: 18px;
    font-size: 34px;
}

#ws_tip_box.ws_tip_box-4 .fa.fa-times:hover{
	opacity:1
}

#ws_tip_box.ws_tip_box-4  .tip_p_content{
	clear:both
}


/* New custom styles */
.block-1 .block-demo {
	padding-bottom: 0;
}

.block-1 .block-plugged {
	padding-top: 0;
  	padding-bottom: 40px; 
  	max-width: 100%; 
  	width: 100%;
  	padding-left: 202px;
  	padding-top: 60px;
}

.plugged-wrapper {
	text-align: center; 
  	padding: 0 0 100px 0; 
  	font-size: 40px;
}

.block-1 .demo-btn {
	max-width: 312px; 
  	min-width: auto;
  	margin-top: 60px !important;
}

.plugged-wrapper .wrap a img {
	margin-bottom: 10px;
}

.plugged-wrapper .pohoda-logo img {
	height: 55px;
  	margin-right: 37px;
}

.plugged-wrapper .fio-logo img {
	height: 52px;
  	margin-right: 35px;
}

.plugged-wrapper .ceskaposta-logo img {
	height: 48px;
  	margin-right: 45px;
}

.plugged-wrapper .wedos-logo img {
	height: 50px;
  	margin-right: 14px;
}

.plugged-wrapper .csob-logo img {
	height: 56px;
  	margin-right: 35px;
}

.plugged-wrapper .gopay-logo img {
	height: 40px;
  	margin-right: 25px;
}

.plugged-wrapper .ganalytics-logo img {
	height: 68px;
  	margin-right: 0;
}

.plugged-btn {
	font-size: 16px;
  	color: #fc6e1c;
  	line-height: 50px;
  	display: inline-block;
  	float: right;
  	font-family: 'Roboto Slab', sans-serif;
  	padding-top: 13px;
}

.plugged-btn img {
	transform: rotate(270deg);
  	height: 25px !important;
  	vertical-align: middle;
  	margin-left: 8px;
  	margin-bottom: 0px !important;
}

.plugged-wrapper .small-title, .plugged-wrapper .wrap {
	text-align: left;
}

.plugged-wrapper .small-title {
	padding-left: 3px;
}

.plugged-wrapper .wrap {
	padding-right: 67px;
  	padding-top: 22px;
}

.plugged-logos-wrap {
	float: left;
}

.plugged-wrapper .wrap a {
	vertical-align: middle;
  	display: inline-block;
}

.pricing-btns-wrapper {
	text-align: center;
}

.pricing-btns {
	display: inline-block;
    width: 100%;
    max-width: 390px;
}

.pricing-btns a {
  	width: 100%;
  	max-width: 374px;
}

@media screen and (max-width: 1432px){
	.wrapper{
		width:96%;
	}
	.block-top-img{
		width:43%;
	}
	.block-top-content{
		max-width:57%;
	}
	.block-top-content, .block-1 .block-1-content{
		padding-left:72px;
	}
	.block-3-content, .block-3-img{
		width:50%;
	}
	.block-3-img img{
		max-width:100%;
	}
	.block-2-img{
		width:57%;
		margin-right: -7%;
	}
	.block-2-content{
		padding-right:72px;
		width:50%;
		position:relative;
		z-index:2;
	}
	.block-4-c{
		background-position:left 72px bottom, right 72px bottom
	}
	.block-5-c{
		background-position: left 72px top, right 72px top;
	}
	.block-4-col{
		background-position: left 50px top 90px;
	}
	.block-4-col-1{
		padding-left:50px;
	}
	.block-4-col-2{
		padding-left: 59px;
		background-position: right 50px top 90px;
	}
  	
}

@media screen and (max-width: 1300px){
	.footer-wrapper{
		width:90%;
	}
	.block-top-content{
		max-width:75%;
	}
	.block-top-img{
		width:25%;
	}
	.block-top-img img{
		max-width:100%;
	}
	.block-2-content{
		width:100%;
		float:none;
	}
	.block-2-img{
		width:100%;
		float:none;
		background-position:center bottom;
	}
	.block-2{
		background-size:cover;
	}
  	.block-2-img .img-text{
		display: inline-block;
		white-space: nowrap;
	}
	.block-2-img-text-1{
		margin-left:0;
	}
	.block-2-img-text-2{
		margin-left:0;
	}
  	.block-2-img{
		text-align:center;
	}
}

@media screen and (max-width: 1227px){
  	.plugged-wrapper .wrap {
  		padding-right: 0px;
  	}
  
  	.plugged-btn {
 		margin-right: 0px;
  	}
}

@media screen and (max-width: 1200px){
	.wrapper{
		width:92%;
	}
	
	.left-border{
		width:initial;
	}
	.block-top-img img{
		width:343px;
		right: 0;
		
		margin-left: auto;
		margin-right: auto;
	}
	
	.block-3-c{
		background:none;
	}
	.block-3-content{
		padding-left:0;
		width:100%;
		float:none;
	}
	.block-2-content{
		padding-right:0;
	}
	
	.block-3-c{
		padding-bottom:100px;
	}
	.block-3-img{
		width:100%;
		text-align:center;
	}
	.block-4-col{
		width:100%;
		padding-left:0;
		background-position: left 0 top 90px;
	}
	.block-4-col-2 .img-text{
		margin-left:0;
	}
	.block-4-c{
		background-image:none;
	}
	.block-5{
		background-size:cover;
	}
	.block-5-c{
		background-image:none;
	}
  	.wrapper-content{
		width:96%;
	}
	.select-block{
		background:none;
	}
  	#ws_tip_box.ws_tip_box-4{height:auto}
  
  	.resp-padding {
  		padding-left: 10px;
      	padding-right: 10px;
  	}
}

@media screen and (max-width: 1000px){
	.block-top-content{
		max-width:100%;
		padding-bottom:100px;
		padding-left:0;
	}
	.block-top-img{
		display:none;
	}
	.block-1 .block-1-content{
		max-width: 100%;
	}
	.block-1-img{
		width: 100%;
		text-align:center;
		padding-top: 0px;
		padding-bottom: 100px;
		background-image: none;
	}
    .block-1 .block-1-content{
		padding-left:0;
		padding-bottom:50px;
	}
	.footer-col, .footer-col.first-col{
		width:50%;
		margin-bottom:30px;
		padding:0 20px;
	}
	.user-info, .main-menu{
		display:none;
	}
	.menu-resp-icon{
		width:30px;
		height:30px;
		display:block;
		float:right;
		background-image:url('https://data.get-webseller.com/1/web_templates/152/images/icon-menu.png');
		background-repeat:no-repeat;
		background-size:30px auto;
	}
	.top-panel{
		padding:20px 20px 24px;
	}
  	.select-block ul li.active{
		background:none;
	}

	.select-block ul li.active a .circle{
		background:#fc6e1c;
		opacity:1;
	}
}

@media screen and (max-width: 830px){
	.pricing-table .left{
		width:100%;
		padding-top:20px;
	}
	.pricing-table .right{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 768px){
	.block-top h2{
		font-size:60px;
		line-height:64px
	}
	.left-border{
		max-width:100%;
	}
	.block-top .button{
		min-width:initial;
		max-width:100%;
		padding-left:20px;
		padding-right:20px;
		font-size:20px;
	}
	h2{
		font-size:42px;
		line-height:46px;
	}
  
  	.block-top-default .content-block h2 {
  		padding-top: 30px;
  	}
  
	.button{
		min-width:initial;
		max-width:100%;
	}
	.block-2-img{
		background:none;
	}
	.img-text .number{
		font-size:90px;
		line-height:90px;
	}
	.img-text{
		font-size:26px;
		line-height:26px;
	}
	.block-5 .button{
		font-size:24px;
		padding:16px 26px 12px;
	}
	.footer-col{
		width:100%;
	}
	.block-2 .button, .block-1 .button{
		margin-top:0;
	}
	.block-5 h2{
		margin-bottom:50px;
	}
  	.select-block ul li{
		width:50%;
		height:auto;
		padding:0 0 30px;
	}
	.select-block ul li a{
		margin-top:0;
	}
	.final-price{
		white-space: initial;
	}
  	.final-price .number{
  		font-size:80px;
      	line-height:80px
  	}
  	.final-price span:nth-child(2){margin-top:7px}
}

@media screen and (max-width: 500px){
	.block-top-default .content-block h2 {
  		font-size: 36px;
  	}
}


@media screen and (max-width: 480px){
	#ws_tip_box.ws_tip_box-4 .button{padding: 16px 20px 13px; font-size:20px}
 	#ws_tip_box.ws_tip_box-4 p{font-size:16px; line-height:22px}
  	#ws_tip_box.ws_tip_box-4 .button{margin-top:300px}
}

@media screen and (max-width: 400px){
	.block-top .button{
		width:90%
	}	
	.block-2-img{
		text-align:left;
	}
	#ws_tip_box.ws_tip_box-4 .button{margin-top:230px}
	 #ws_tip_box.ws_tip_box-4 p a {
    display: block;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
    .block-top-default .content-block h2 {
  		font-size: 28px;
      	padding-top: 20px;
  	}
}


section#form {    
    background-color: #EAEAEA;
    background-image: url(https://data.get-webseller.com/1/web_templates/152/images/bg-form-1.png), url(https://data.get-webseller.com/1/web_templates/152/images/bg-form-2.png);
    background-size: auto;
    background-position: right top, left center;
    background-repeat: no-repeat;
    padding-top: 51px !important;
    padding-bottom: 18px !important;
    margin-bottom: 155px; }
section#form input, section#form select, section#form label,section#form textarea, section#form .select-file {
      display: block;
      width: 600px;
      max-width: calc(100% - 90px);
      margin: 0 auto; }
     section#form input#terms-and-conditions,  section#form select#terms-and-conditions, section#form label#terms-and-conditions,  section#form textarea#terms-and-conditions, section#form .select-file#terms-and-conditions,  section#form label .checkbox {
        height: 50px;
        width: 120px;
        max-width: 100%; }
	section#form .terms-and-conditions {padding: 0 10px;}
 section#form input.btn {
      text-align: center;
}
section#form textarea{
 color:grey; 
}
    section#form input, section#form select, section#form textarea {
      text-align: left;
      background-color: white;
      border: 0;
      line-height: 20px;
      padding: 15px 30px;
      border-radius: 30px;
      position: relative;
      font-family: Roboto, sans-serif;
      font-size: 17px;
      display: block; }
      section#form input:focus, section#form select:focus, section#form textarea:focus {
        outline: none;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
section#form textarea{height:200px;}
    section#form select {
      text-align-last: center;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: content-box;
      cursor: pointer;
      background-image: url(https://data.get-webseller.com/1/web_templates/152/images/category-arrow.png);
      background-size: 15px;
      background-position: 97% center;
      background-repeat: no-repeat; }
    section#form label {
      color: #525252;
      font-family: "Roboto Slab", sans-serif;
      font-size: 18px;
      font-weight: bold;
      padding: 27px 0 14px; }
       section#form label[for=terms-and-conditions],section#form label.checkbox-label {
        width: 120px;
        position: relative;
        padding: 0; }
        section#form label[for=terms-and-conditions]::before,  section#form label[for=terms-and-conditions]::after, section#form label.checkbox-label:before, section#form label.checkbox-label:after {
          position: absolute;
          line-height: 50px;
          top: 0;
          cursor: pointer; }
         section#form label[for=terms-and-conditions]::before, section#form label.checkbox-label:before  {
          content: "Ne";
          left: -36px; }
         section#form label[for=terms-and-conditions]::after, section#form label.checkbox-label:after {
          content: "Ano";
          right: -49px; }
     section#form input[type=file] {
      background-color: transparent;
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      padding: 0; }
     section#form input[type=date] {
      background-image: url(https://data.get-webseller.com/1/web_templates/152/images/date-icon.svg);
      background-repeat: no-repeat;
      background-position: right 7px center;
      background-size: 37px;
      cursor: pointer; }
     section#form input[type=submit] {
      width: 440px;
      margin-top: 50px;
      margin-bottom: 50px;
      cursor: pointer;
      font-family: "Roboto Slab", sans-serif;
      left: 0;
      right: 0; }
     section#form textarea {
      border: 10px solid transparent;
      box-sizing: content-box;
      width: 580px;
      resize: none;
      border: 10px solid transparent;
      box-sizing: content-box;
      width: 580px;
      max-width: calc(100% - 110px); }
     section#form .select-file {
      cursor: pointer;
      min-height: 68px;
      min-width: 43px;
      position: relative;
      background-image: url(https://data.get-webseller.com/1/web_templates/152/images/file-icon.svg);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 44px; }
       section#form .select-file div {
        padding-top: 44px;
        font-size: 12px; }
     section#form h5 {
      color: #F86775;
      margin-bottom: 14px; text-align:center;}
     section#form .form-group {
      position: relative; }
       section#form .form-group .help {
        position: absolute;
        background-color: #9A5095;
        color: white;
        padding: 15px;
        border-radius: 30px;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        max-width: 600px;
        font-size: 15px;
        z-index: -1;
        opacity: 0;
        transition: all .2s ease; }
       section#form .form-group.help span {
        display: inline-block;
        cursor: help;
        color: white;
        line-height: 30px;
        height: 30px;
        width: 30px;
        background-color: #9A5095;
        border-radius: 50%;
        margin-bottom: -7px; }
         section#form .form-group.help span:hover + .help {
          opacity: 1;
          z-index: 10; }
     section#form .files-box {
      border-width: 2px 0;
      border-style: solid;
      border-color: #c3c3c3;
      padding: 28px 0;
      margin: 51px 0 42px 0; }
     section#form .terms-and-conditions {
      color: #525252;
      font-family: "Roboto Slab", sans-serif;
      font-size: 26px;
      line-height: 30px;
      margin-top: 40px; }
       section#form .terms-and-conditions a {
        color: #F86775;
        font-size: 26px; }
         section#form .terms-and-conditions a::after {
          display: none; }



table {border-collapse:collapse;border-spacing:0;width:100%;display:table;border:1px solid #ccc}
table tr {border-bottom:1px solid #ddd}
table tr:nth-child(odd) {background-color:#fff}.ws-table-all tr:nth-child(even){background-color:#E7E9EB}
table td,table th {padding:8px 8px;display:table-cell;text-align:left;vertical-align:top;border:1px solid #ccc}
table th:first-child, table td:first-child{padding-left:16px}
table th {background: #62a842;color: #fff; border-color:#62a842;}
.help-bubble {display:none;}