/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

#video-block .tmb img{
	filter: grayscale(.5);
}

#video-block .tmb:hover img{
	filter: grayscale(0);
}

#video-block .tmb a:after{
	content: "\f04b";
	position: absolute;
	top: calc(50% - 25px);
	width: 80px;
	height: 50px;
	background: red;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	font-family: 'uncodeicon' !important;
	line-height: 50px;
	border-radius: 8px;
	z-index: 1;
    text-align: center;
	font-size: 20px;
	box-shadow: 0 0 12px rgba(0,0,0,.3);
}

.button-group{
	display: inline-block;
    padding: 4px 5px;
	background: #70ef91;
	border-radius: 30px;
}

.button-group a:not(.btn-custom-typo):not(.btn-inherit){
    padding: 10px 20px;
    border-radius: 30px;
	font-weight: bold !important;
}

.button-group a:not(.btn-custom-typo):not(.btn-inherit):hover{
	background: #133d46;
	color: #fff !important
}

.sticky-element:not(#page-header).is_stucked{
	top: 80px !important;
}

/* popup */

.pum-theme-1431 .pum-container, .pum-theme-lightbox .pum-container {
    border-radius: 8px;
    border: 0px solid #000000;
    box-shadow: none;
	padding-top: 40px;
	padding-bottom: 40px;
}

.pum-theme-1431 .pum-content, .pum-theme-lightbox .pum-content{
	padding: 0 36px;
}

.webkit input[type=checkbox], .webkit input[type=radio], .android input[type=checkbox], .android input[type=radio] {
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #eaeaea;
    box-shadow: none;
}

#order-form .wpcf7-radio{
	padding: 6px 10px;
    background: #f2f2f2;
    border-radius: 30px;
    margin: 10px 0;
    display: inline-block;
}

#order-form .wpcf7-radio label{
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0
}

#order-form p,
#order-form label{
	font-size: 14px;
}

body #order-form span.wpcf7-not-valid-tip{
	color: #d20a10 !important;
	margin: 0 !important;
	font-size: 10px !important;
}

.wpcf7-radio .wpcf7-list-item-label{
	font-weight: 700;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    font-size: 13px;
    font-weight: 500;
    border-radius: 30px;
}

span.required{
	color: #d20a10;
}

body form #order-form input[type="text"], body form #order-form input[type="email"], body form #order-form input[type="number"], body form #order-form select, body form #order-form textarea {
    margin-top: 5px !important;
    padding: 8px 10px;
}

input[type=radio]:checked:before {
    content: "";
    border-radius: 100%;
    width: 12px;
    height: 12px;
    background: #70ef91;
}

button.pum-close.popmake-close {
    color: #d20a10 !important;
    box-shadow: none !important;
    text-shadow: none;
    border: 0 !important;
    background: transparent !important;
    right: 7px !important;
    top: 10px !important;
    font-size: 34px !important;
}

.extra-border{
	padding: 6px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}

body.hmenu-position-center .logo-container{
	min-width: 365px;
}

.owl-carousel{
	overflow: hidden;
}

#lines-section:before{
	content: "";
    background-image: url(https://scraper.atlasgroup.cz/wp-content/uploads/2024/04/lines-1.svg);
    background-position-x: center !important;
    background-size: cover;
    position: absolute;
    top: -500px;
    left: 500px;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
}

#lines-section:before{
	top: 240px;
	left: 520px;
	background-size: 110%;
}

.btn.btn-color-490522 {
    color: #1a434d !important;
}

.btn-container .btn{
	font-size: 15px !important;
	text-transform: uppercase !important;
	font-weight: 600;
}

#custom-tabs .nav{
	width: min-content;
    margin-left: auto;
    margin-right: auto;
    background: #70ef91;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px !important;
}

#custom-tabs .nav li{
    border-radius: 40px;
    border: 0;
    margin: 0;
}

#custom-tabs .nav li a{
	padding: 10px 20px;
    border: 0;
    line-height: 1;
    border-radius: 40px;
    color: #153d47;
}

#custom-tabs .nav li a span{
	font-size: 16px;
	font-weight: bold;
}

#custom-tabs .nav li.active a{
	background: #133d46;
    color: #fff !important;
}

#custom-tabs .nav li:not(.active):hover a{
	text-decoration: underline;
}

/* order form */

#order-form{
	display: grid;
	grid-template-columns: 1fr;
}

#order-form h3{
	margin-top: 0;
	font-size: 26px !important;
}

#order-form h4{
	margin: 0 0 10px 0;
	font-size: 18px !important;
}

#order-form textarea{
	font-size: 14px;
}

.webkit input[type=checkbox] {
    margin-right: 5px;
}

.wpcf7-checkbox span.wpcf7-list-item label{
	margin: 0 !important;
	display: flex;
    align-items: center;
}

#order-form p{
	font-size: 13px;
    margin-top: 8px;
    font-weight: 500;
}

#order-form hr{
	margin: 20px 0;
    color: #eaeaea;
}

#order-form .main-section{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

#order-form .wpcf7-checkbox{
	display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
	gap: 5px;
}

#order-form .wpcf7-checkbox label:hover span {
    text-decoration: underline;
}

body form #order-form input[type="text"],body form #order-form input[type="email"],body form #order-form input[type="number"],body form #order-form select,body form #order-form textarea{
	box-shadow: 0 0 4px rgba(0,0,0,.1);
    margin-top: 15px;
	margin-right: 0;
	width: 100%;
    border-radius: 4px;
    background: #fff !important;
	border: 1px solid #eaeaea;
}

body form #order-form input[type="submit"]{
    background: #70ef91;
    color: #0e3741 !important;
    border-radius: 30px;
    margin-top: 15px !important;
    padding: 10px 20px;
    display: inline-block;
    width: 190px;
	text-transform: uppercase;
	font-weight: 700 !important;
}

body form #order-form input[type="submit"]:hover{
	opacity: .8;
}

.cf7sr-g-recaptcha {
    margin-top: 15px;
}

input[type=checkbox]:checked:before {
    content: "";
    font-weight: 600;
    font-size: 13px;
    left: 0px;
    top: 0px;
    background: #70ef91 !important;
    width: 12px;
    height: 12px;
    border-radius: 1px;
}

.wpcf7-inline-wrapper.last-row-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px !important;
}

.wpcf7-inline-wrapper.last-row-wrapper input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.wpcf7-inline-field.acceptance, .wpcf7-inline-field.acceptance .span.wpcf7-list-item {
    width: unset;
    padding: 0;
    margin: 0;
}

.wpcf7-form-control-wrap .wpcf7-acceptance a{
	color: #70ef91;
    font-weight: bold;
    padding-left: 2px;
}

.wpcf7-form-control-wrap .wpcf7-acceptance a:hover{
	text-decoration: underline;
}

.wpcf7-inline-field.send-field {
    padding: 0;
}

@media (max-width: 959px){
	#order-form .side-left,#order-form .side-right{
		flex-basis: 100%;
	}
}

@media (max-width: 569px){
	#order-form .side-left .wpcf7-inline-field{
		width: 100%;
	}
	
	#order-form,#support-form{
		flex-direction: column;
	}
	
	#order-form .side-left,#support-form .side-left{
		flex-direction: column;
		max-width: 100%;
	}
	
	#order-form .side-left, #order-form .side-right,#order-form .side-bottom,#support-form .side-left, #support-form .side-right,#support-form .side-bottom{
		max-width: 100%;
	}
	
	.wpcf7-inline-wrapper .wpcf7-inline-field.send-field{
		width: 100%;
	}
	
	.wpcf7-form-control.wpcf7-acceptance label{
		display: flex !important;
		flex-direction: column;
		justify-content: center;
	    align-items: center;
	}
	
	.wpcf7-inline-wrapper.last-row-wrapper input[type="checkbox"]{
		margin-bottom: 10px;
	}
	
	.wpcf7-acceptance .wpcf7-list-item-label {
		text-align: center;
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
}

/* end of order form */

#benefits-carousel{
	overflow: hidden;
}

.points-container{
	display: flex;
}

.points-container .point{
	flex: 1;
	padding: 18px;
	border-radius: 8px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}

.points-container .point i{
	font-size: 30px;
	color: #48c919;
}

.points-container .point .text{
	font-weight: 700;
	text-align: center;
}

.orange-links a:hover{
	color: darkorange !important;
}

.footer-socials .social-icon{
	transform: scale(1.2);
	transition: transform .2s linear;
}

.footer-socials .social-icon:hover{
	transform: scale(1.5);
	transition: transform .2s linear;
}

.footer-socials i.fa.fa-facebook-square{
	color: #4064ad;
}

.footer-socials i.fa.fa-linkedin-square{
	color: #0373b1;
}

.footer-socials i.fa.fa-youtube-square{
	color: #cb2125;
}

.menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner){
	width: 250px !important;
}

/*
.boxes-block .wpb_column:hover .unshadow-darker-xs{
	box-shadow: 0 6px 40px #b1c2d6;
}
*/

.main-banner-arrow{
	position: absolute;
	left: 0;
	top: 140px;
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}

.menu-horizontal ul:not(#menu-cta).menu-item.current-menu-item a::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	height: 4px;
	border-radius: 2px;
	background: #3b82f6;
}

.menu-primary ul.menu-smart ul a{
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 4px;
}

.menu-horizontal ul li  ul li.menu-item.current-menu-item a::after{
	display: none;
}

.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover{
	background: #f6f6f6 !important;
}

.submenu-light .menu-horizontal .menu-smart ul{
	border-top: 1px solid #f2f2f2;
}

.unshadow-darker-xs{
	box-shadow: 0 6px 20px rgb(255 255 255 / 10%);
}

.header-section{
	margin-bottom: 1px;	
}

.heading-text hr.separator-break{
	margin-top: 18px;
	margin-bottom: 18px;
}

.text-lead, .text-lead > *{
	font-weight: 600;
}

.header-wrapper:not(.header-only-text):before, .uncode-slider:not(.slider-loaded):before{
	display: none !important;
}

.changing-text:after {
	content:"";
	animation: spinning 10s linear infinite;
}

.changing-text-2:after {
	content:"";
	animation: spinning2 10s linear infinite;
	padding-left: 10px;
}

.changing-text-3:after {
	content:"";
	animation: spinning3 10s linear infinite;
	padding-left: 10px;
}

.changing-text ins{
	font-size: 0;
}

@keyframes spinning {
	0% { content:"Stahujte";color: #70ef91; }
	24% { content:"Stahujte";color: #70ef91; }
	25% { content:"Automatizujte";color: #70ef91; }
	49% { content:"Automatizujte";color: #70ef91; }
	50% { content:"Integrujte";color: #70ef91; }
	74% { content:"Integrujte";color: #70ef91; }
	75% { content:"Optimalizujte";color: #70ef91; }
	100% { content:"Optimalizujte";color: #70ef91; }
}

@keyframes spinning2 {
	0% { content:"cokoliv";color: #ff5722; }
	24% { content:"cokoliv";color: #ff5722; }
	25% { content:"jakkoliv";color: #3b82f6; }
	49% { content:"jakkoliv";color: #3b82f6; }
	50% { content:"kdykoliv";color: #ff5722; }
	74% { content:"kdykoliv";color: #ff5722; }
	75% { content:"odkudkoliv";color: #173bd6; }
	100% { content:"odkudkoliv";color: #173bd6; }
}

@keyframes spinning3 {
	0% { content:"jednoduché";color: #47ca18; }
	24% { content:"jednoduché";color: #47ca18; }
	25% { content:"rychlé";color: #ff5722; }
	49% { content:"rychlé";color: #ff5722; }
	50% { content:"intuitivní";color: #47ca18; }
	74% { content:"intuitivní";color: #47ca18; }
	75% { content:"logické";color: #ff5722; }
	100% { content:"logické";color: #ff5722; }
}

.owl-dot.active span{
	background: #ff5722 !important;
}

#row-1 .col-lg-6.triangle .uncol::after{
	content: "";
    position: absolute;
    top: calc(50% - 40px);
    left: -34px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 34px solid #eaf4fd;
}

#row-2 .col-lg-6.triangle .uncol::after{
	content: "";
    position: absolute;
    top: calc(50% - 40px);
    right: -34px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 34px solid #effaea;
}

#row-3 .col-lg-6.triangle .uncol::after{
	content: "";
    position: absolute;
    top: calc(50% - 40px);
    left: -34px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 34px solid #fff4ea;
}

#row-4 .col-lg-6.triangle .uncol::after{
	content: "";
    position: absolute;
    top: calc(50% - 40px);
    right: -34px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 34px solid #fff4f3;
}

.icon-container{
	display: flex;
	flex-direction: row;
}

.icon-container .icon{
    align-items: center;
	display: flex;
	margin-right: 20px;
}

.icon-container i{
	font-size: 40px;
	color: #1990ea;
}

.icon-container .text{
	display: flex;
	flex-direction: column;
}

.icon-container .text h4{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	color: #1990EA;
	margin-top: 5px !important;
}

#row-2 .icon-container .text h4,#row-2 .icon-container .icon i,#row-2 .icons i{
	color: #48c81a;
}

#row-3 .icon-container .text h4,#row-3 .icon-container .icon i,#row-3 .icons i{
	color: darkorange;
}

#row-4 .icon-container .text h4,#row-4 .icon-container .icon i,#row-4 .icons i{
	color: red;
}

.icon-container .text h3,.icon-container .text h4{
	margin: 5px 0;
}

#main-logo .navbar-brand{
	padding-right: 50px;
	display: block;
}

.video-player img{
	border: 5px solid #fff;
	border-radius: 12px;
}

.video-player .tmb{
	padding-top: 2px;
	padding-bottom: 2px;
    box-shadow: 0px 10px 40px rgb(0 0 0 / 30%);
}

.special-heading-right::after{
	content: "";
    position: absolute;
    right: 0;
    top: 50px;
    width: 100px;
    height: 100px;
    background: url(http://localhost/x-files.cz/wp-content/uploads/2022/03/arrow-right-bottom-orange.png);
    background-size: 100px;
    background-position: center;
    background-repeat: no-repeat;
}

.main-btn.btn{
	font-size: 18px;
    padding: 15px 35px !important;
    line-height: 1;
    height: unset;
}

.icons i.fa.fa-check{
	color: #1990EA;
	padding-right: 5px;
}

.icons p{
	margin-top: 5px;
}

section.timeline::after{
	content: "";
	position: absolute;
	left: calc(50% - 2px);
	width: 4px;
	top: 180px;
	bottom: 0;
	opacity: .2;
	background: linear-gradient(180deg, #1990EA 0%, #48c81a 25%, #ff8c00 50%, #ff0000 75%, transparent 100%);
}

section.timeline > div > .row-container::after{
	border: 4px solid #fff;
	position: absolute;
    left: calc(50% - 17px);
    width: 34px;
    height: 34px;
    border-radius: 34px;
    top: -5px;
    bottom: 0;
	text-align: center;
    line-height: 1.5;
    font-size: 18px;
    z-index: 1;
    font-weight: bold;
	color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
}


section.timeline #row-1::after{
	content: "1";
    background: #1990EA;
}

section.timeline #row-2::after{
	content: "2";
    background: #48c919;
}

section.timeline #row-3::after{
	content: "3";
    background: darkorange;
}

section.timeline #row-4::after{
	content: "4";
    background: red;
}

/* tlacitko play */

#video i.fa.fa-play{
	background: #ff5722;
    color: white;
    border-radius: 100%;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
}

/* lista pod hlavnim bannerem */

.main-nav-container{
	transition: all .2s ease-in-out;
}

.main-nav-container.is_stucked .href-container .item-container{
	padding: 10px 20px;
	flex-direction: row;
}

.main-nav-container.is_stucked .href-container img{
	margin-bottom: 0;
	margin-right: 10px;
}

.href-container{
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 18px 0 18px 36px !important;
	height: auto !important;
}

.href-container .uncont .btn-container,.href-container .uncont .operator-contact{
	margin: 0 10px;
}

.href-container .btn-container .btn{
	width: 200px !important;
}

.href-container .btn-container{
	padding: 0 !important;
}

.href-container img{
	width: 30px;
	padding: 5px;
	margin-bottom: 5px;
	transition: transform .2s ease-in-out;
}

.href-container .text{
	font-weight: 600;
}

.href-container .item-container{
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 20px;
	margin: 0px;
	transition: none;
	border-left: 1px solid #e5eaf4;
	border-right: 1px solid #e5eaf4;
	background: #fafbfe;
	width: 220px;
	transition: none;
}

.href-container .item-container:first-child{
	border-right: 0;
}

.href-container .item-container .paoc-popup{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.href-container .item-container:first-child:hover{
	background: #47ca18;
}

.href-container .item-container:hover{
	background: #ed6a10;
	transition: none;
}

.href-container .item-container:hover *{
	color: #fff;
}

.href-container .item-container:hover img{
	transform: scale(1.2);
}

.main-nav-container::before{
	content: "";
    position: absolute;
    left: 0;
    top: -5px;
    bottom: -5px;
    width: 35vw;
    background: linear-gradient(90deg, rgba(250,251,255,1) 25%, rgba(255,255,255,0) 100%);
}

.main-nav-container::after{
	content: "";
    position: absolute;
	right: 0;
    top: -5px;
    bottom: -5px;
    width: 35vw;
    background: rgb(250,251,255);
	background: linear-gradient(-90deg, rgba(250,251,255,1) 25%, rgba(255,255,255,0) 100%);
}

.href-container .uncode_text_column.operator-contact{
	display: inline-block;
	margin: 0 !important;
	padding-bottom: 1px;
}

@media (max-width: 959px){
	.main-nav-container::before,.main-nav-container::after{
		width: 15vw;
	}
}

@media (max-width: 569px){
	.href-container .uncont .btn-container, .href-container .uncont .operator-contact {
		margin: 10px auto;
		width: 250px;
	}
	
	.datovka-logo-main-banner{
		display: none;
	}
}

/* end of - lista pod hlavnim bannerem */

/* new header */

@-webkit-keyframes rotating{
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotating-reverse{
  from {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotating-reverse {
  from {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.main-web-header a.btn{
	width: 200px;
	text-align: center;
}

.screen-mds-container{
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0 !important;
}

.screen-mds-container img{
	margin: 0 auto;
	left: 0;
	right: 0;
	border-radius: 4px;
}

.screen-mds-container .screen-mds{
	margin-top: 0 !important;
    animation: fadeOut .3s;
    animation-fill-mode: forwards;
    position: absolute;
    width: 630px;
    margin: 0 auto;
    top: 20px;
    left: 0;
    right: 0;
    border-radius: 10px;
    overflow: hidden;
}

.screen-mds-container .screen-1{
	animation-delay: 3s;
	z-index: 4;
}

.screen-mds-container .screen-2{
	animation-delay: 6s;
	z-index: 3;
}

.screen-mds-container .screen-3{
	animation-delay: 9s;
	z-index: 2;
}

.screen-mds-container .screen-4{
	animation: none;
	z-index: 1;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

.main-web-header .circle-pattern{
	position: absolute;
	top: -920px;
	left: -240px;
	right: -240px;
	margin: 0 !important;
}

.main-web-header .circle-pattern.red{
	top: -920px;
}

.main-web-header .circle-pattern img{
	opacity: .3;
}

.main-web-header .circle-pattern.red img{
	margin-top: 15px !important;
	-webkit-animation: rotating 100s linear infinite;
  -moz-animation: rotating 100s linear infinite;
  -ms-animation: rotating 100s linear infinite;
  -o-animation: rotating 100s linear infinite;
  animation: rotating 100s linear infinite;
}

.main-web-header .circle-pattern.black img{
	margin-top: 0px !important;
	-webkit-animation: rotating-reverse 100s linear infinite;
  -moz-animation: rotating-reverse 100s linear infinite;
  -ms-animation: rotating-reverse 100s linear infinite;
  -o-animation: rotating-reverse 100s linear infinite;
  animation: rotating-reverse 100s linear infinite;
}

.red-to-transparent-gradient{
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(255, 228, 210) 80%, rgb(255 212 184) 100%);
}

.low-mtop{
	margin-top: 18px !important;
}

@media (max-width: 800px){
	.main-web-header > .row.single-h-padding{
		padding-left: 72px;
		padding-right: 72px;
	}
	
	.main-web-header .circle-pattern{
		top: -840px;
	}
	
	.main-web-header .circle-pattern.red {
		top: -870px;
	}
}

@media (max-width: 700px){
	.main-web-header > .row.single-h-padding{
		padding-left: 36px;
		padding-right: 36px;
	}
	
	.main-web-header .mockup img{
		width: 500px;
		margin: 0 auto;
	}
	
	.screen-mds-container .screen-mds{
		width: 392px;
		top: 13px;
	}
	
	.main-web-header .circle-pattern{
		top: -860px;
	}
	
	.main-web-header .circle-pattern.red{
		top: -885px;
	}
}

@media (max-width: 600px){
	.main-web-header .mockup img{
		width: 400px;
	}
	
	.screen-mds-container .screen-mds{
		width: 316px;
    top: 10px;
	}
	
	.main-web-header .circle-pattern{
		top: -820px;
	}
	
	.main-web-header .circle-pattern.red {
		top: -840px;
	}
	
	.main-web-header .circle-pattern.red img{
		margin-top: 10px !important;
	}
}

@media (max-width: 500px){
	.main-web-header .mockup img{
		width: 320px;
	}
	
	.screen-mds-container .screen-mds{
		width: 252px;
    top: 8px;
	}
	
	.main-web-header .circle-pattern{
		top: -735px;
	}
	
	.main-web-header .circle-pattern.red {
		top: -750px;
	}
	
	.main-web-header .circle-pattern.red img{
		margin-top: 8px !important;
	}
}

@media (max-width: 400px){
	.main-web-header .mockup img{
		width: 300px;
	}
	
	.screen-mds-container .screen-mds{
		width: 236px;
	}
	
	.main-web-header .circle-pattern{
		top: -635px;
	}
	
	.main-web-header .circle-pattern.red {
		top: -650px;
	}
}

@media (max-width: 360px){
	.main-web-header .mockup img{
		width: 290px;
	}
	
	.screen-mds-container .screen-mds{
		width: 227px;
	}
}

/* enf of - new header */


.functions-carousel .uncont{
	position: relative;
}

.functions-carousel .uncont:after{
	content: "";
    position: absolute;
    left: 50px;
    right: 50px;
    top: -20px;
    bottom: -20px;
    background: #cae4fb;
	opacity:.5;
    filter: blur(30px);
}

/*
.functions-carousel .owl-stage > div:nth-of-type(odd){
	margin-top: 18px;
}

.functions-carousel .owl-stage > div:nth-of-type(even){
	margin-bottom: 18px;
}
*/

.btn {
    padding: 0 18px !important;
    height: 36px;
    line-height: 36px;
    border: 0 !important;
}

.functions-carousel img{
	width: 70px !important;
	height: 70px !important;
}

.functions-carousel .owl-item:not(.active){
	opacity: .1;
}

.functions-carousel .tmb .t-entry-visual{
    height: 70px;
    width: 70px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
    margin-bottom: -20px;
}

.menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) {
    width: 195px !important;
}

.owl-prev, .owl-next, .owl-dots{
	opacity: .4;
	visibility: visible;
	transition: none;
}

.owl-prev:hover, .owl-next:hover{
	opacity: 1;
}

.owl-prev{
	margin-left: -50px !important;
}

.owl-next{
	margin-right: -50px !important;
}

.owl-dots-inside .owl-dots{
	bottom: -50px !important;
}

.owl-carousel-wrapper {
    overflow: visible !important;
}

.owl-prev .owl-nav-container,
.owl-next .owl-nav-container {
    height: 36px;
    width: 36px;
    top: -14px;
    border-radius: 4px !important;
    background-color: transparent !important;
}

.owl-prev .owl-nav-container:hover,
.owl-next .owl-nav-container:hover{
	background-color: transparent !important;
}

.owl-prev .owl-nav-container:hover i,
.owl-next .owl-nav-container:hover i{
	color: #173bd6;
}

.owl-prev i, .owl-next i{
	top: 0px !important;
	color: #ff5723;
	font-size: 40px;
}

.owl-dots-inside .owl-dots{
	text-align: left;
	padding: 0 !important;
}

.owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
}

.owl-dots-inside .owl-dots .owl-dot span {
    box-shadow: 0px 0px 0px 1px #ff5723;
}

.owl-dots-inside .owl-dots .owl-dot.active span {
    box-shadow: 0px 0px 0px 1px #ff5723;
}

#menu-item-58{
    border-left: 1px solid #e5eaf4;
    margin-left: 10px;
}

#menu-item-311 a{
	height: 34px;
    line-height: 34px;
    background: #70ef91;
    border: 1px solid #70ef91;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-left: 5px;
    border-radius: 24px;
    transition: none;
    color: #0e3741 !important;
    z-index: 0;
}

/*
.menu-poptavka-btn > a:after,.pulsing:after {
	content: "";
    position: absolute;
    display: block !important;
    height: 100% !important;
    width: 100%;
	top: 0;
    left: 0;
    right: 0;
    background: #47ca18;
    border-radius: 8px;
    z-index: -1;
    animation: animation 2s infinite;
}

.pulsing{
	position: relative;
	z-index: 0;
}

@keyframes animation {
  0% {
    transform: scale(1);
    opacity: .9;
  }
  100% {
    transform: scale(1.05, 1.2);
    opacity: 0;
  }
}

#menu-item-311 a:hover{
    background: #3abd0b;
}


*/

/* compare table container */

.compare-table-container table thead th img{
	height: 34px;
	display: block;
}

.compare-table-container table thead th .logo-caption{
	font-weight: bold;
    margin-top: 5px;
    display: block;
	font-size: 13px;
}

.compare-table-container table td,.compare-table-container table th{
	border: 1px solid #e5eaf4;
	text-align: center;
}

.compare-table-container table{
	background: #fff;
}

.compare-table-container table tr td:first-child{
	text-align: left;
}

.compare-table-container table tr td i.fa-check{
	font-size: 16px;
	color: #47ca18;
}

.compare-table-container table tr td i.fa-times{
	font-size: 20px;
	color: #ff0000;
}

.compare-table-container .wpb_wrapper{
	border-radius: 8px;
	border: 1px solid #e5eaf4;
}

.compare-table-container table{
	border: 0;
    border-radius: 8px;
	margin: 0;
}

.compare-table-container table tr th:first-child,.compare-table-container table tr td:first-child{
	border-left: 0;
}

.compare-table-container table tr th:last-child,.compare-table-container table tr td:last-child{
	border-right: 0;
}

.compare-table-container table thead tr th{
	border-top: 0;
	background: #fafbff;
}

.compare-table-container table thead tr th h3{
	color: #777;
	margin-top: 0;
	padding: 10px 0;
	font-size: 18px;
}

.compare-table-container table thead tr th div.price{
	font-size: 22px;
	font-weight: 800;
	padding: 0;
}

.compare-table-container table thead tr th div.period{
	color: #777;
	font-size: 12px;
}

.compare-table-container table tbody tr:last-child td{
	border-bottom: 0;
}

.compare-table-container table thead tr th:first-child{
    border-left: 0;
    border-top: 0;
    border-top-left-radius: 8px;
	background: transparent;
}

.compare-table-container table tbody tr:hover{
	background: #fafbff;
}

.compare-table-container table thead tr th:last-child{
    border-right: 0;
    border-top: 0;
    border-top-right-radius: 8px;
}

.compare-table-container table tbody tr:last-child td:first-child{
    border-left: 0;
    border-bottom: 0;
    border-bottom-left-radius: 8px;
}

.compare-table-container table thead tr:last-child td:last-child{
    border-right: 0;
    border-bottom: 0;
    border-bottom-right-radius: 8px;
}

.compare-table-container table td a.tier-1{
	background: #1990ea;
	color: #fff;
}

.compare-table-container table td a.tier-2{
	background: #47ca18;
	color: #fff;
}

.compare-table-container table td a.tier-1:hover{
	background: #0c83dd;
}

.compare-table-container table td a.tier-2:hover{
	background: #3abd0b;
}

.compare-table-container table td a.tier-1:hover,.compare-table-container table td a.tier-2:hover{
	color: #fff !important;
}

@media (max-width: 959px){
	.compare-table-container table tr th:first-child, .compare-table-container table tr td:first-child{
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* footer */

.social-icons-footer {
    display: flex;
    justify-content: center;
}

footer .footer-center {
	padding-top: 18px;
	padding-bottom: 18px;
}

.footer a{
	color: #fff;
	margin: 0 15px;
	font-weight: bolder;
	display: flex !important;
	justify-content: center;
	align-items: center;
	transition: transform .2s ease-in;
}

.footer a:first-of-type{
	margin-bottom: 0px;
	display: block;
}

.footer .social-icon i{
	color: #fff;
}

.footer .social-icon:hover i{
	color: #fff;
}

.footer a span.link{
	color: #fff;
}

.footer a:hover i{
	color: #fff;
	text-decoration: none;
}

.footer a i{
	font-size: 24px;
	height: 24px;
	line-height: 20px;
	padding-right: 5px;
	color: #fff;
}

/* FAQ */

.faq{
	margin-top: 18px !important;
}

.faq .panel-title a span{
	margin-right: 26px;
    font-weight: 600;
    padding-left: 40px;
}

.faq .panel-title a:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 46px;
	background: #f2f2f2;
}

.faq .panel-title.active a:before {
    background: #1990ea;
}

.faq .panel-group .panel.wpb_accordion_section{
	border: 1px solid #D9D9D9;
	border-radius: 4px;
	margin-bottom: 10px;
}

.faq .panel-title.active{
	background: #fff;
}

.faq .panel-title.active > a{
	color: #000 !important;
}

.faq .panel-title > a{
	padding: 12px 18px;
}

.faq .panel-body{
	background: #fff;
	padding: 18px;
}

.faq .panel-title > a span::after{
	font-size: 18px;
	margin-right: 18px;
}

.faq .panel-title > a::before {
	content: "\f128";
    font-family: uncodeicon;
    font-weight: normal;
    font-size: 18px;
    color: #1990ea;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq .panel-title.active > a::before{
	color: white;
}

@media (max-width: 569px){
	.faq .panel-title a span{
		display: block;
	}
}


@media (max-width: 1200px){
	.main-banner-arrow{
		top: 100px;
		left: -40px;
	}
}

@media (max-width: 959px){
	#menu-main-menu li a,#menu-cta li a {
		font-size: 20px !important;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	ul#menu-cta{
		margin-top: 0;
		flex-direction: column;
	}
	
	.menu-horizontal .menu-item.current-menu-item a::after{
		display: none;
	}
	
	#menu-item-311 a,#menu-item-1047 a{
		margin-left: 0;
		width: 200px;
		justify-content: center;
		margin-top: 20px;
		padding: 22px !important;
	}
	
	body.menu-mobile-centered .menu-smart li:not(.social-icon) .fa.menu-icon{
		display: inline !important;
	}
	
	#menu-main-menu li a, #menu-cta li a{
		text-transform: uppercase !important;
	}
	
	.menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner){
		width: 100% !important;
	}
	
	.main-banner-arrow {
		top: 220px;
		left: -50px;
		transform: rotate(275deg);
	}
	
	.uncode-slider .text-lead > *{
		font-size: 15px;
	}
	
	#benefits-carousel{
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		background: white;
		border-radius: 10px;
		box-shadow: 0 6px 20px #d8e3f0;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-top: 10px;
	}
	
	.owl-dots-inside .owl-dots {
		text-align: center !important;
	}
	
	#benefits-carousel .owl-carousel-container{
		padding-bottom: 50px;
	}
}

@media (max-width: 569px){
	#benefits-carousel{
		max-width: calc(100% - 72px);
	}

	.main-banner-arrow {
		top: -30px;
		left: -100px;
		transform: rotate(275deg);
		width: 160px;
	}
	
	#menu-main-menu li a, #menu-cta li a{
		font-size: 16px !important;
	}
}

#menu-item-311.disabled a{
	background: #777777 !important;
	border-color: #777777 !important;
	cursor: not-allowed;
}