@charset "utf-8";
@import "/css/editor-styles.css?v20250718v3";
::selection {
  background: var(--selection-color);
  color:var(--font-color);
}
::-moz-selection {
  background: var(--selection-color);
  color:var(--font-color);
}
html, body{
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	min-width:1380px;
	color:var(--font-color);
	font-family: var(--font-family-alt);
	font-weight:400;
}
html {
	background-color:white;
	text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	background-color:white;
	padding-top:0.1px;
	padding-bottom:0;
}
body.noscroll {
    overflow: hidden;
}
body.adm{
	padding-top:0.1px;	
}
a{
	text-decoration:none;
	color:inherit;	
	border-bottom:2px solid var(--main-color);
	-webkit-transition: color 0.2s linear; 
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear; 
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;	
}
a.thumbnail{
	border:0;	
}
a:hover{
	color:var(--main-color);
}
h1 {
	font-weight:normal;
	font-size:40px;
	line-height:40px;
	color:var(--main-color-maedium);
	font-weight:700;
	font-family:var(--font-family-main);
}
h2 {
	font-weight:normal;
	font-weight:600;
	font-size:30px;
	font-family:var(--font-family-main);
	color:var(--main-color-medium);
}
h3 {
	font-weight:normal;
	font-size:22px;
	font-weight:500;
	color:var(--font-color);
	font-family:var(--font-family-main);
}
strong {
	font-weight:normal;	
	font-weight:600;
}
.align_right{
	text-align:right;	
}
.align_left{
	text-align:left;	
}
.align_center{
	text-align:center !important;	
}
.margin_left_0{
	margin-left:0px !important;	
}
.margin_left_20{
	margin-left:20px !important;	
}
.margin_left_40{
	margin-left:40px !important;	
}
.margin_top_10{
	margin-top:10px !important;	
}
.margin_top_20{
	margin-top:20px !important;	
}
.margin_top_40{
	margin-top:40px !important;	
}
.margin_top_80{
	margin-top:80px;	
}
.margin_left_80{
	margin-left:80px;	
}
.margin_bottom_10{
	margin-bottom:10px !important;	
}
.margin_bottom_20{
	margin-bottom:20px !important;	
}
.margin_bottom_30{
	margin-bottom:30px !important;	
}
.padding_bottom_0{
	padding-bottom:0px !important;	
}
.padding_bottom_20{
	padding-bottom:20px !important;	
}
.padding_bottom_40{
	padding-bottom:40px !important;	
}
.padding_top_0{
	padding-top:0 !important;	
}
.no_margin{
	margin:0px !important;	
}
.no_padding{
	padding:0px !important;	
}
.clearer{
	clear:both;	
}
.incorrect{
	/*border-color: red !important;*/
}
.left{
	float:left;	
}
.right{
	float:right !important;	
}
.rel{
	position:relative;	
}
.blck{
	display:block;	
}
.trans_color,
.trans_c{
	-webkit-transition: color 0.2s linear; 
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear; 
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;	
}
.trans_opacity,
.trans_o{
	-webkit-transition: opacity 0.2s linear; 
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear; 
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;	
}
.trans_background,
.trans_bg{
	-webkit-transition: background-color 0.2s linear; 
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear; 
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.trans_bs{
	-webkit-transition: box-shadow 0.2s linear; 
    -moz-transition: box-shadow 0.2s linear;
    -ms-transition: box-shadow 0.2s linear; 
    -o-transition: box-shadow 0.2s linear;
    transition: box-shadow 0.2s linear;
}
.trans_border{
	-webkit-transition: border 0.2s linear; 
    -moz-transition: border 0.2s linear;
    -ms-transition: border 0.2s linear; 
    -o-transition: border 0.2s linear;
    transition: border 0.2s linear;	
}
.trans_all{
	-webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;	
}
#body input::-webkit-input-placeholder,
#body textarea::-webkit-input-placeholder {
   color: rgba(255,255,255,1);
   font-size:inherit; 
   font-weight:300;
}
#body input:-moz-placeholder,
#body textarea:-moz-placeholder { /* Firefox 18- */
   color: rgba(255,255,255,1);
   font-size:inherit; 
   font-weight:300; 
}
#body input::-moz-placeholder,
#body textarea::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,1);
   font-size:inherit; 
   font-weight:300; 
}
#body input:-ms-input-placeholder,
#body textarea:-ms-input-placeholder {  
   color: rgba(255,255,255,1);
   font-size:inherit; 
   font-weight:300; 
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active  {
	border: none;
  	-webkit-text-fill-color: var(--font-color);
    -webkit-box-shadow: 0 0 0 30px #c1e2ff inset !important;
	background-color: #FAFFBD !important;
}
#body .fieldwrap{
	min-height:52px;
	width:calc(100% - 4px);
	border-radius:10px;
	border:0;
	position:relative;
	margin-bottom:25px;
	background:rgba(255,255,255,.2);
	border:1px solid var(--main-color);
	-webkit-transition: width 0.5s linear; 
    -moz-transition: width 0.5s linear;
    -ms-transition: width 0.5s linear; 
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;
}
#body .fieldwrap.glow{
	box-shadow:0 0 16px 1px var(--sub-color-medium);	
}
#body .fieldwrap.incorrect{
	border-color:var(--warning-color);	
	background:var(--warning-color-light);
}
#body input{
	height:52px;
	line-height:52px;
	padding:0px 15px;
	background:var(--light-bg);
	width:calc(100% - 30px);	
	font-size:16px;
	border:0;
	font-family:inherit;
	color:var(--font-color);
	border-radius: inherit;
	font-family:var(--font-family-main);
}
#body .fieldwrap input{
	background:none;
}
#body textarea{
	height:auto;
	min-height:52px;
	line-height:20px;
	padding:8px 15px;
	border:0;
	background:var(--light-bg);
	width:calc(100% - 30px);	
	font-size:22px;
	overflow:auto;
	outline:none;
	font-family:var(--font-family-main);
}
#body select{
	height:52px;
	line-height:52px;
	padding:0px 0px 0px 2%;
	border:0;
	background:var(--light-bg);
	width:100%;	
	font-size:16px;
	font-family:var(--font-family-main);
}
#body select option.neutral{
	color:#eee;
}
#body select option:hover{
	background:#ccc;	
}
#body input:focus,
#body textarea:focus{
	/*-webkit-box-shadow: 0 0 10px 1px var(--main-color);
	-moz-box-shadow: 0 0 10px 1px var(--main-color);
	box-shadow:0 0 10px 1px var(--main-color);	*/
	outline:none;
}
#body a.submit,
#blanket-wrap a.submit{
	height:54px;
	padding:0;
	line-height:54px;
	text-align:center;
	display:table;
	margin:10px auto 25px;
	font-weight:700;
	color:white;
	font-size:16px;
	cursor:pointer;
	background: var(--main-color-dark);
	border:0;
	position:relative;
	border-radius:30px;
	padding:0 20px;
	min-width:130px;
	overflow:hidden;
}
#body a.submit:hover,
#blanket-wrap a.submit:hover{
	background:var(--dark-bg);	
}
#body a.submit.loading,
#blanket-wrap a.submit.loading{
	background:url(/images/loader-blue.gif) no-repeat center center !important;
	font-size:0 !important;
	cursor:default;
}
#body a.submit.loading:before,
#blanket-wrap a.submit.loading:before{
	display:none;
}
/*#body a.submit:hover:before,
#blanket-wrap a.submit:hover:before{
	width:100%;
}*/
#blanket-wrap{
	width:100%;
	min-width:1000px;
	min-height: 100%;
	height: 100%;
	position:fixed;
	top:0px;
	left:0px;	
	z-index:2;
	overflow:auto;
}
#blanket-wrap.top{
	z-index:101;	
}
#blanket-wrap .cover{
	background:black;
	opacity:0.5;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;	
}
.error_msg{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-175px;
	margin-top:-30px;
	width:300px;
	text-align:left;
	background:rgba(220,95,71,.9);
	z-index:999;
	color:white;
	font-size:15px;
	padding:30px 25px;
	text-align:center;
	min-height:20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);	
	display:none;
}
.error_msg:before{
	content:'';
	position:absolute;
	height:120px;
	width:100%;
	background:var(--warning-color) url(/images/ico_error.png) no-repeat center center;	
	left:0;
	top:-120px;
}
.scc_msg{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-175px;
	margin-top:-30px;
	width:300px;
	text-align:left;
	background:rgba(160,197,102,.9);
	z-index:999;
	color:white;
	font-size:14px;
	padding:30px 25px;
	text-align:center;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-webkit-animation: dropMessage .6s ease-out 1;
	-moz-animation:    dropMessage .6s ease-out 1;
	-o-animation:      dropMessage .6s ease-out 1;
	animation:         dropMessage .6s ease-out 1;
}
.scc_msg:before{
	content:'';
	position:absolute;
	height:120px;
	width:100%;
	background:var(--sub-color-light) url(/images/ico_scc.png) no-repeat center center;	
	left:0;
	top:-120px;
}
@keyframes dropMessage {
    0% {
        transform: translateY(-80px);
    }
    100% {
        transform: translateY(0);
    }
}
.scc_msg a.close,
.error_msg a.close{
	position:absolute;
	top:-110px;
	right:5px;
	height:30px;
	width:30px;
	border-radius:30px;
	background:#222 url(/images/ico_close.png) no-repeat center center;
	background-size:20px 20px;
	cursor:pointer;
	opacity:.5;
	border:0;
	-webkit-transition: opacity 0.2s linear; 
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear; 
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scc_msg a.close:hover,
.error_msg a.close:hover{
	opacity:1;
}
#body .error_info{
	font-size: 15px;
    text-align: center;
    min-height: 30px;
    line-height: 30px;
    margin: 20px 0 30px;
    padding: 10px 15px;
    border: 1px dashed var(--warning-color);
    font-family:var(--font-family-main);
    background: rgba(255,255,255,.5);
    font-weight: 500;
    border-radius: 10px;
}
#body .error_info .highlight{
	color: var(--warning-color);
}
#body .inform{
	background:url(/admin/images/ico_info.png) no-repeat left top;	
	padding-left:40px;
}
#body .informer{
	min-height: 20px;
	line-height: 20px;
	padding: 15px;	
	margin:15px auto;
	display:table;
	position:relative;
	font-size:15px;
	background:var(--warning-color-light);
	border-radius:10px;
	font-family:var(--font-family-main);
}
#body .informer.positive{
	background:#eee;	
	min-height:20px;
}
#body .informer.success{
	background:#8fbe58;	
	min-height:20px;
	font-size:16px;
}
#body .informer:before{
	content:'';
	height:40px;
	width:40px;
	position:absolute;
	left:0;
	top:5px;
	background:url(/images/ico_notification.png) no-repeat center center;	
}
#body .informer a{
	text-decoration:none;	
}
#body .informer a:hover{
	text-decoration:underline;	
}
#body .loading{
	font-size:0 !important;
	background:url(/images/loader-white-mini.gif) no-repeat center center !important;	
	border:0;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow:none !important;
}
#main:focus{
	outline:none;	
}
.outter{
	width:100%;
	min-width:1400px;
}
.outter a.top,
#body a.top{
	position:fixed;
	height:50px;
	width:50px;
	border-radius:10px;
	background:white;
	line-height:50px;
	text-align:center;
	border:0;
	cursor:pointer;
	bottom:20px;
	z-index:1;
	right:20px;
	-webkit-transition: opacity 0.6s linear; 
    -moz-transition: opacity 0.6s linear;
    -ms-transition: opacity 0.6s linear; 
    -o-transition: opacity 0.6s linear;
    transition: opacity 0.6s linear;
}
.outter a.top.hidden,
#body a.top.hidden{
	opacity:0;
}
.outter a.top i,
#body a.top i{
	-webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.outter a.top:hover i,
#body a.top:hover i{
	transform:translateY(-5px);
}
.outter > div.cont{
	width:100%;
	margin:0 auto;	
	position:relative;
	height:auto;
	max-width:1310px;
	padding:0 45px;
}
/**************************************************************BLANKET WRAP*******************************************************/
#blanket-wrap,
#confirmwrap{
	width:100%;
	min-width:1118px;
	min-height: 100%;
	height: 100%;
	position:fixed;
	top:0px;
	left:0px;	
	z-index:999;
	overflow:auto;
}
#blanket-wrap > .cover,
#confirmwrap > .cover{
	position:fixed;
	z-index:0;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(1,55,102,.6)
}
#blanket-wrap > .cover.trans{
	background:rgba(77,71,66,.05);	
}
#blanket-wrap > .holder,
#confirmwrap > .holder{
	width:100%;
	margin:auto;
	position:absolute;	
	left:0;
	margin-left:0;
	top:0px;
	height:100%;
	overflow:hidden;
}
#blanket-wrap > .holder .modular,
#confirmwrap > .holder .modular{
	padding:0;
	width:344px;
	position:absolute;
	border-radius:4px;
	top:35%;
	left:50%;
	margin-left:-172px;
	min-height:100px;
	background:white;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.33);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.33);
	box-shadow: 0 2px 8px rgba(0,0,0,.33);
}
#blanket-wrap > .holder .modular.notes{
	top:25%;	
}
#blanket-wrap > .holder .modular.hidden,
#confirmwrap > .holder .modular.hidden{
	display:none;	
}
#blanket-wrap > .holder .modular.show,
#confirmwrap > .holder .modular.show{
	animation: revealmodular 0.6s ease-in-out;	
}
@keyframes revealmodular {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100%{
	transform: translateY(0);
    opacity: 1;	  
  }
}
#blanket-wrap > .holder .modular .ico{
	height:110px;
	width:110px;
	margin:25px auto;
	display:block;
	border:0;
}
#blanket-wrap > .holder .modular .ico.message{
	background:url(/admin/images/ico_ntfs.png) no-repeat center -220px;	
}
#blanket-wrap > .holder .modular .ico.wink{
	background:url(/admin/images/ico_ntfs.png) no-repeat center -330px;	
}
#blanket-wrap > .holder .modular .ico.warning{
	background:url(/admin/images/ico_ntfs.png) no-repeat center 0;	
}
#blanket-wrap > .holder .modular .ico.success{
	background:url(/admin/images/ico_ntfs.png) no-repeat center -110px;	
}
#blanket-wrap > .holder .modular .ico.download i{
	font-size:80px;
	display:block;
	margin:auto;
	text-align:center;
	color:var(--main-color);
	margin-bottom:15px;
}
#blanket-wrap > .holder .modular .ico.download{
	font-size:20px;
	width:90%;
	text-align:center;	
	margin-bottom:20px;
	border-bottom:1px dashed #ccc;
	height:auto;
	padding-bottom:20px;
	cursor:pointer;
}
#blanket-wrap > .holder .modular .header,
#confirmwrap > .holder .modular .header{
	height:60px;
	line-height:60px;	
	position:relative;
	margin-bottom:20px;
	background:var(--main-color);
	color:white;
}
#blanket-wrap > .holder .modular .header a.close,
#confirmwrap > .holder .modular .header a.close{
	position:absolute;
	height:40px;
	width:40px;
	top:10px;
	right:10px;
	background:url(/images/ico_close.png) no-repeat center center;	
	background-size:20px auto;
	cursor:pointer;
	opacity:.5;
	-webkit-transition: opacity 0.2s linear; 
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear; 
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
#blanket-wrap > .holder .modular .header a.close:hover,
#blanket-wrap > .holder .modular .header a.close:hover{
	opacity:1;	
}
#blanket-wrap > .holder .modular .header a.close.invisible,
#confirmwrap > .holder .modular .header a.close.invisible{
	visibility:hidden;	
}
#blanket-wrap > .holder .modular .title,
#confirmwrap > .holder .modular .title{
	margin-left:15px;
	height:inherit;
	line-height:inherit;
	font-size:24px;	
	color:white;
}
#blanket-wrap > .holder .modular .msg,
#confirmwrap > .holder .modular .msg{
	width:90%;
	margin:0 auto 30px;
	text-align:center;
	font-weight:400;
	font-size:16px;	
}
#confirmwrap > .holder .modular .msg{
	font-family:barlow;	
}
#confirmwrap > .holder .modular .msg.warning{
	background:#fedddc;	
	padding:15px;
	width:80%;
	border-radius:4px;
}
#confirmwrap > .holder .modular .msg span.highlight{
	color:#f9706c;	
}
#confirmwrap > .holder .modular .msg div.smallprint{
	font-size:11px;	
	padding-top:10px;
}
#blanket-wrap > .holder .modular ._container{
	width:90%;
	margin:0 auto 20px;	
}
#blanket-wrap > .holder .modular a.submit.login{
	width:auto;	
	padding: 0 50px;
    height: 40px;
    line-height: 40px;
}
#blanket-wrap > .holder .modular ._container input{
	width:96%;
	padding:0 2%;
	height:40px;
	line-height:40px;
	border:1px solid #eee;
	background-transparent;
	border-radius:4px;	
}
#blanket-wrap > .holder .modular ._container input:focus{
	outline:none;
	border:1px solid #afe0d2;	
}
#blanket-wrap input::-webkit-input-placeholder{
   color: #999;
   font-size:13px;
   font-weight:300;
}
#blanket-wrap input:-moz-placeholder{
   color: #999; 
   font-size:13px; 
   font-weight:300;
}
#blanket-wrap input::-moz-placeholder{
   color: #999;
   font-size:13px;  
   font-weight:300;
}
#blanket-wrap input:-ms-input-placeholder{  
   color: #999;
   font-size:13px;  
   font-weight:300;
}
#blanket-wrap > .holder .modular ._container .notes{
	font-family:barlow;
	font-size:14px;
	line-height:22px;
	height:200px;	
}
#blanket-wrap > .holder .modular ._foot,
#confirmwrap > .holder .modular ._foot{
	min-height:40px;
	text-align:center;	
	padding-bottom:12px;
}
#blanket-wrap > .holder .modular ._foot a,
#confirmwrap > .holder .modular ._foot a{
	display:inline-block;
	vertical-align:top;
	height:40px;
	line-height:40px;
	border-radius:3px;
	background:#eee;
	margin:0 10px;
	padding:0 30px;	
	min-width:60px;
	cursor:pointer;
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
	border:0;
	-webkit-transition: background-color 0.2s linear; 
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear; 
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
#blanket-wrap > .holder .modular ._foot a.save,
#confirmwrap > .holder .modular ._foot a.save{
	background:var(--sub-color);	
	color:white;
}
#blanket-wrap > .holder .modular ._foot a.warning,
#confirmwrap > .holder .modular ._foot a.warning{
	background:#f9706c;	
	color:white;
}
#blanket-wrap > .holder .modular ._foot a.save:hover,
#blanket-wrap > .holder .modular ._foot a.proceed:hover,
#confirmwrap > .holder .modular ._foot a.save:hover,
#confirmwrap > .holder .modular ._foot a.proceed:hover{
	background:var(--dark-bg);	
	color:white;
}
#blanket-wrap > .holder .modular ._foot a.save.loading,
#confirmwrap > .holder .modular ._foot a.proceed.loading{
	background:url(/img/loader_green.gif) no-repeat center center !important;
	font-size:0;
	-webkit-transition: none !important;	 
    -moz-transition: none !important;	
    -ms-transition: none !important;	
    -o-transition: none !important;	
    transition:none !important;	
	cursor:default;
}
#blanket-wrap > .holder .modular ._foot a.cancel,
#confirmwrap > .holder .modular ._foot a.cancel{
	background:none;
	color:var(--font-color);
}
#blanket-wrap > .holder .modular ._foot a.cancel:hover,
#confirmwrap > .holder .modular ._foot a.cancel:hover{
	color:#fa706d;	
}
#blanket-wrap > .holder .modular ._foot a.cancel.invisible,
#confirmwrap > .holder .modular ._foot a.cancel.invisible{
	visibility:hidden;	
}
#qc-cmp-vendor-button{
	display:none;	
}
.qc-cmp-persistent-link{
	display:none !important;	
}
/*************************************************************OBJECT STYLES********************************************************/
#loadingscreen{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;	
	z-index:999;
}
#loadingscreen .bg{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:var(--main-color);	
	opacity:0;
	-webkit-transition: opacity 0.2s linear; 
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear; 
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
#loadingscreen.anim .bg{
	-webkit-animation: initloader .5s ease-out 1;
	-moz-animation:    initloader .5s ease-out 1;
	-o-animation:      initloader .5s ease-out 1;
	animation:         initloader .5s ease-out 1;
	animation-fill-mode: forwards;	
}
@keyframes initloader {
    0% {opacity:0;}
    100% {opacity:90%;}
}
#loadingscreen .loader{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;	
	display:flex;
	align-items:center;
	justify-content:center;
	background:url(/images/loader-white.gif) no-repeat center center;
	background-size:100px auto;
}
#loadingscreen .loader .msg{
	max-width:60%;
	top:50%;
	left:50%;
	transform:translateX(-50%);
	font-size:16px;
	color:white;
	line-height:20px;
	position:absolute;
	margin-top:60px;	
}
/******************************************************************HEADER***************************************************************************/
header.outter{
	position:fixed;
	top:10px;
	left:10px;
	z-index:100;
	margin:0;
	height:94px;
	width:calc(100% - 20px);
}
header.sc{
	height:94px;
}
body.adm header{
	margin-top:39px;	
}
header > .cont{
	position:relative;
	line-height:0;	
	height:inherit !important;
	z-index:1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
header > .cont:before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	background:rgba(255,255,255,.9);
	border-radius:10px;
	width:0;
	height:100%;
	-webkit-transition: width 1s linear; 
    -moz-transition: width 1s linear;
    -ms-transition: width 1s linear; 
    -o-transition: width 1s linear;
    transition: width 1s linear;
}
header.sc > .cont:before{
	background:rgba(255,255,255,.95);
	box-shadow:0 0 15px rgba(0,0,0,.1);
}
header.anim > .cont:before{
	width:100%;
}
header.sc > .cont{
	
}
header > .cont .gap{
	flex-grow: 1;
}
header > .admin{
	height:30px;
	background:var(--dark-bg);
	color:white;	
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	font-family:var(--font-family-alt);
}
header > .admin .edit{
	float:left;
	height:29px;
	line-height:29px;	
}
header > .admin .edit a{
	height:inherit;
	line-height:31px;
	padding:0 10px;
	display:inline-block;
	vertical-align:top;
	border:0;
	font-size:10px;
	text-transform:uppercase;	
}
header > .admin .edit a.pedit{
	background:url(/admin/images/ico_slideshowcontrols.png) no-repeat 0 -2px;	
	padding-left:30px;
}
header > .admin .edit a:hover{
	background-color:var(--sub-color);
	color:white;	
}
header > .admin .control{
	float:right;
	height:inherit;
	line-height:inherit;	
	border-left:1px solid rgba(255,255,255,.2);
	padding-left:5px;
	font-size:0;
}
header > .admin .control a{
	display:inline-block;
	height:29px;
	line-height:31px;
	color:white;
	padding:0 10px;
	border:0;
	font-size:10px;
	text-transform:uppercase;
	font-weight:500;
	background:url(/admin/images/ico_slideshowcontrols.png) no-repeat 0 -62px;	
	padding-left:30px;
}
header > .admin .control a.logout{
	background-position:0 -31px;	
}
header > .admin .control a:hover{
	background-color:var(--sub-color);
}
header > .admin .welcome{
	float:right;
	color:white;
	padding-right:15px;
	font-size:12px;
	line-height:30px;	
	font-weight:100;
}
header > .admin .welcome span.highlight{
	font-weight:500;	
}
header > .cont a.logosvg{
	border:0;
	position: relative;
	opacity:0;
	transform:translateY(-30px);
}
header > .cont a.logosvg.anim{
	animation: navAnim 0.5s ease-out forwards;
}
header > .cont a.logosvg img{
	max-height:40px;
	max-width:100%;
}
header > .cont a.logosvg img.alternative{
	max-height:72px;
}
header > .cont .headercontent{
	display: flex;
	flex-direction:row;
	gap:50px;
	align-items: center;
	justify-content: center;
	height: 60%;
}
header > .cont > .headercontent .contacts{
	position: relative;
	height: 100%;
	display: flex;
	gap:30px;
	justify-content: center;
	align-items: center;
}
header > .cont > .headercontent .contacts:before{
	content: '';
	position: absolute;
	left: -25px;
	top: 0;
	bottom:0;
	width:1px;
	background:rgba(0,0,0,.1);
}
header > .cont > .headercontent .contacts a{
	border:0;
	color:var(--main-color);
	transform:translateY(-30px);
	opacity:0;
}
header > .cont > .headercontent .contacts a:hover{
	color:var(--main-color-medium);
}
header > .cont > .headercontent .languages{
	position:relative;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
header > .cont > .headercontent .languages:before{
	content: '';
	position: absolute;
	left: -25px;
	top: 0;
	bottom:0;
	width:1px;
	background:rgba(0,0,0,.1);
}
header > .cont > .headercontent .languages > a.lng{
	border:0;
	width:22px;
	height:22px;
	border-radius:20px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	transform:translateY(-30px);
	opacity:0;
}
header > .cont > .headercontent .languages a.lng._en{
	background:url(/images/flags/en.svg);	
	background-size:100% auto;
}
header > .cont > .headercontent .languages a.lng._es{
	background:url(/images/flags/es.svg);	
	background-size:100% auto;
}
header > .cont > .headercontent .languages a.lng._pl{
	background:url(/images/flags/pl.svg);	
	background-size:100% auto;
}
header > .cont > .headercontent .languages > a:hover{
	box-shadow:0 0 0 2px white;
}
#lngwrap{
	position:absolute;
	font-family:var(--font-family-main);
	font-size:14px;
	top:52px;
	right:-17px;
	background:var(--dark-bg);
	color:white;	
	z-index:1;
	text-align:right;
	padding:10px 0;
	display:none;
	border-radius:5px;
}
#lngwrap.open{
	display:block;	
}
#lngwrap:before{
	content:'';
	position:absolute;
	top:-6px;
	right:22px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--dark-bg) transparent;
	line-height: 0px;
	_border-color: #000000 #000000 var(--dark-bg) #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}
#lngwrap > a{
	height:40px;
	line-height:40px;
	white-space:nowrap;
	display:block;
	border:0;
	padding:0 60px 0 20px;	
	position:relative;
}
#lngwrap > a:after{
	content:'';
	position:absolute;
	top:8px;
	right:16px;
	height:22px;
	width:22px;
	border-radius:20px;
}
#lngwrap > a._en:after{
	background:url(/images/flags/en.svg);	
	background-size:100% auto;
}
#lngwrap > a._es:after{
	background:url(/images/flags/es.svg);	
	background-size:100% auto;
}
#lngwrap > a._pl:after{
	background:url(/images/flags/pl.svg);	
	background-size:100% auto;
}
#lngwrap > a:hover{
	background:var(--sub-color);
	color:var(--font-color);	
}
#navigation{
	margin-left:0;
	font-size:0;
	position:relative;
	margin-top:0;
}
header.sc #navigation{
			
}
#navigation .respcontacts{
	text-align: center;
    margin-top: 10px;
    padding-top: 15px;
	font-size:16px;
	text-align:left;
	color:white;
	background:var(--main-color);
	padding-bottom:1px;
	display:none;
}
#navigation .respcontacts.show{
	display:block;
	opacity:0;
	animation: showRespCont 0.5s ease-out forwards;
	animation-delay:1.5s;
	flex-grow: 1;
	background: var(--main-color-dark);
    border-radius: 20px;
    margin-bottom: 10px;
}
@keyframes showRespCont {
	0{
		opacity:0;
	}
	80% {
		opacity:1;
	}
  	100% {
		opacity:1;
  	}
}
#navigation .respcontacts .address{
	position:relative;
	font-weight:400;
	margin-top:20px;
	line-height:16px;
	text-align: center;
	max-width:80%;
	margin:20px auto;
}
#navigation .respcontacts .address .value{
	margin-bottom:10px;
	display: block;
	line-height: 25px;
}
#navigation .respcontacts .conts{
	position:relative;
	margin-top:20px;	
}
#navigation .respcontacts .conts .block{
	display:block;
	position:relative;
	text-align:center;
	margin-bottom:20px;
}
#navigation .respcontacts .conts .block a{
	border:0;
	line-height:20px;
	font-weight:400;	
	font-size:22px;
	color:var(--main-color-light);
}
#navigation .respcontacts .conts .block a:hover{
	color:var(--sub-color);	
}
#navigation .respcontacts .conts .socialwrap{
	display:block;
	border-top:1px dashed rgba(255,255,255,.5);
	margin-top:10px;
	padding-top:25px;
	margin-left:0;
	margin-bottom:15px;
	position:relative;
	line-height:16px;
	text-align:center;
}
#navigation .respcontacts .conts .socialwrap a{
	width:40px;
	height:40px;
	display:inline-block;
	vertical-align:top;
	border:0;
	text-align:center;
	line-height:46px;
	font-size:14px;
	color:white;
	position:relative;
	margin:0 4px;
}
#navigation .respcontacts .conts .socialwrap a i{
	font-size:22px;	
}
#navigation .respcontacts .label{
	color:var(--sub-color);
	display:block;	
	font-weight:500;
	margin-top:0;
	font-size:14px;
	text-align:center;
	line-height: 16px;
}
#navigation .respcontacts .address i,
#navigation .respcontacts .block i,
#navigation .respcontacts .socialwrap > i{
	position:absolute;
	width:30px;
	font-size:22px;
	line-height:30px;
	height:30px;
	top:50%;
	margin-top:-15px;
	left:20px;	
	color:var(--dark-bg);
	font-weight:500;
}
#navigation .cont{
	/*display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: center; 
	justify-content: space-around;	*/
	max-width:inherit;
	height:inherit;
	width:100%;
}
#navigation .cont .wrapper{
	display:flex;
	flex-direction:row;
	align-items: center;
	max-width:inherit;
	height:inherit;
	width:100%;
	padding:13px 0;
	gap:20px;
}
#navigation .cont .wrapper > a.nav,
#navigation .cont .wrapper > div.nav{
	font-family:var(--font-family-alt);
	line-height:18px;
	font-size:18px;
	color:var(--font-color);
	font-weight:600;
	padding:0 6px;
	border:0;
	position:relative;
	flex:auto;
	text-align:center;
	transform:translateY(-30px);
	opacity:0;
	-webkit-transition: color 0.2s linear; 
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear; 
    -o-transition: color 0.2s linear;
    transition: all 0.2s linear;
}
#navigation .cont .wrapper > div.nav{
	width:170px;
}
#navigation .cont .wrapper > a.nav:hover,
#navigation .cont .wrapper > div.nav:hover{
	color:var(--main-color-medium);
}
#navigation .cont .wrapper > a.nav.logo{
	width:200px;	
	padding:0;
	background:url(/images/logo-white@2.png) no-repeat center center;
	background-size:170px auto;
	opacity:1;
}
#navigation .cont .wrapper > a.nav.logo.hidden{
	width:0;
	padding:0;	
	opacity:0;
	flex:none;
}
#navigation .cont .wrapper > a.nav.anim,
#navigation .cont .wrapper > div.nav.anim,
#navigation .cont .wrapper > a.search.anim,
header > .cont > .headercontent .contacts a.anim,
header > .cont > .headercontent .languages a.lng.anim{
	animation: navAnim 0.5s ease-out forwards;
}
@keyframes navAnim {
	0{
		transform:translateY(-30px);
		opacity:0;
	}
  	100% {
		transform:translateY(0);
		opacity:1;
  	}
}
#navigation .cont .wrapper > a.nav.open,
#navigation .cont .wrapper > div.nav.open{
	position: relative;
}
#navigation .cont .wrapper > a.nav.open:before,
#navigation .cont .wrapper > div.nav.open:before{
	content:'';
	position: absolute;
	left: 0;
	width:100%;
	bottom:-5px;
	background:var(--sub-color);
	height:10px;
	border-radius:3px;
	z-index: -1;
}
#navigation .cont .wrapper > a.nav.exp,
#navigation .cont .wrapper > div.nav.exp{
	padding-right:0;
}
#navigation .cont .wrapper > a.nav.exp span.submenu,
#navigation .cont .wrapper > div.nav.exp span.submenu{
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:5px;
	background:var(--main-color-dark);
	border:0;
	width:20px;
	height:20px;
	text-align:center;
	line-height:22px;
	border-radius:20px;
	font-size:10px;
	font-weight:900;
	color:white;
	display: none;
	-webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#navigation .cont .wrapper > a.nav.exp span.submenu i,
#navigation .cont .wrapper > div.nav.exp span.submenu i{
	margin-left:2px;
}
#navigation .cont .wrapper > a.nav.exp:hover span.submenu,
#navigation .cont .wrapper > div.nav.exp:hover span.submenu{
	transform:rotate(90deg) !important;
}
#navigation .cont .wrapper > a.search{
	display:inline-block;
	vertical-align:top;
	height:24px;
	width:30px;	
	margin:0;
	padding:0;
	cursor:pointer;
	font-size:0;
	position:relative;
	border:0;
	transform:translateY(-30px);
	opacity:0;
}
#navigation .cont .wrapper > a.search:after{
	content:'\f002';
	font-family:"Font Awesome 6 Pro";
	position: absolute;
	left: 0;
	top: 0;
	width:inherit;
	height: inherit;
	line-height: 24px;
	text-align: center;
	font-size:16px;
	font-weight:800;
}
#navigation > .cont > a.search:before{
	left:-3px;
	right:auto;	
}
#navigation .cont .wrapper > a.hide,
#navigation .cont .wrapper > a.search.hide{
	-webkit-animation: shb .3s ease-out 1 !important;
	-moz-animation:    shb .3s ease-out 1 !important;
	-o-animation:      shb .3s ease-out 1 !important;
	animation:         shb .3s ease-out 1 !important;	
	animation-fill-mode: forwards !important;	
}
@keyframes shb {
    0% {
        opacity:1;
		transform: scale(1);
    }
    100% {
        opacity:0;
		transform: scale(.5);
    }
}
#navigation .cont .wrapper > a.hide.reappear,
#navigation .cont .wrapper > a.search.hide.reappear{
	-webkit-animation: shr .3s ease-out 1;
	-moz-animation:    shr .3s ease-out 1;
	-o-animation:      shr .3s ease-out 1;
	animation:         shr .3s ease-out 1;	
	animation-fill-mode: forwards;		
}
@keyframes shr {
    0% {
        opacity:0;
		transform: scale(.5);
    }
    100% {
        opacity:1;
		transform: scale(1);
    }
}
/*********************************************************************NAVIGATION SUB MENU********************************************************/
#navigation > .cont .sub.mini{
	position: absolute;
    top: 50px;
    font-size: 16px;
    z-index: 1;
    background: var(--dark-bg);
    min-width: 220px;
    max-width: 350px;
    text-align: left;
    padding: 5px;
    display: none;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 0;
}
header.sc #navigation > .cont .sub.mini{
	box-shadow:0 0 5px 1px rgba(0,0,0,.15);
}
#navigation > .cont .sub.mini > .label{
	font-size:10px;
	padding:0 5px;
	background:#3e463f;	
	text-transform:uppercase;
	height:16px;
	line-height:16px;
	color:white;
	margin-top:-1px;
}
#navigation > .cont .sub.mini a{
	height:auto;
	min-height:20px;
	line-height:20px;
	display:block;
	color:white;
	padding:12px 40px 12px 25px;	
	border-bottom:1px solid rgba(255,255,255,.2);
	position:relative;
	margin:0;
	margin-bottom:5px;
	font-size:15px;
	font-weight:500;
	border-radius:4px;
}
#navigation > .cont .sub.mini a:last-child{
	border:0;
	margin-bottom:0;	
}
#navigation > .cont .sub.mini a:hover{
	color:var(--main-color-light);
}
#navigation > .cont .sub.maxi{
	position:absolute;
	top:50px;
	font-size:16px;
	left:0;
	width:100%;
	z-index:1;
	min-width:220px;
	max-width:100%;
	text-align:left;
	padding:0;
	display:none;
	padding:0;
}
#navigation > .cont .sub.maxi .outterwrap{
	background:var(--dark-bg);	
	display:flex;
	flex-direction:row;
	overflow:hidden;
	border-radius:0 0 5px 5px;
}
header.sc #navigation > .cont .sub.maxi .outterwrap{
	box-shadow:0 0 5px 1px rgba(0,0,0,.15);
}
#navigation > .cont .sub.maxi .outterwrap .block{
	flex-grow: 1;
    flex-basis: 0;
	display:flex;
	flex-direction:column;
	align-items: stretch;
}
#navigation > .cont .sub.maxi .outterwrap .block .title{
    height: 40px;
    line-height: 40px;
    margin: 10px;
    position: relative;
}
#navigation > .cont .sub.maxi .outterwrap .block .title:before{
	content:'';
	background: url(/images/lines-6.svg) repeat-x center;
	background-size:auto 16px;
	position:absolute;
	left: 0;
	width:100%;
	height:16px;
	top:50%;
	margin-top:-8px;
}
#navigation > .cont .sub.maxi .outterwrap .block .title a,
#navigation > .cont .sub.maxi .outterwrap .block .title span{
	border:0;	
	display:table;
	position:relative;
	font-size:15px;
	font-weight:500;
	background:var(--dark-bg);
	padding:0 10px;
	color:white;
	text-transform: uppercase;
}
#navigation > .cont .sub.maxi.open .outterwrap .block .title a:hover{
	color:var(--main-color-light);	
}
#navigation > .cont .sub.maxi .outterwrap .block .list{
	padding:0 20px 0 10px;	
	flex-grow:1;
}
#navigation > .cont .sub.maxi .outterwrap .block .list a.grplink{
	display:block;
	line-height:20px;
	font-family:var(--font-family-alt);
	font-size:15px;	
	padding:7px 15px 7px 25px;
	color:var(--main-color);
	font-weight:500;
	position:relative;
	margin-bottom:10px;
	border:0;
}
#navigation > .cont .sub.maxi .outterwrap .block .list a.grplink:before{
	content: '';
    position: absolute;
    left: 4px;
    top: 12px;
    bottom: 0;
    width: 10px;
	height:10px;
	border-radius:3px;
    background: var(--main-color);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;	
}
#navigation > .cont .sub.maxi .outterwrap .block .list a.grplink:hover{
	color:var(--sub-color);	
}
#navigation > .cont .sub.maxi .outterwrap .block .list a.grplink:hover:before{
    transform:scale(1.2);
	background:var(--sub-color);
}
#navigation > .cont .sub.maxi .outterwrap .block a.more{
	display:table;
	height:20px;
	line-height:20px;
	margin:0 auto 15px;
	color:var(--sub-color);
	font-size:17px;	
	border:0;
	font-weight:500;
}
#navigation > .cont .sub.maxi .outterwrap .block a.more:hover{
	color:var(--main-color);	
}
/*****************************************************RESPONSIVE NAVIGATION*******************************************/
#navigation.open{
	display:block;
	position:fixed;
	left:20px;
	top:50px;
	width:calc(100% - 40px);
	margin:0;
	z-index:1000;
	line-height:40px;
	height:auto;
}
#navigation.open .cont{
	overflow:auto;
	position:fixed;
	top:50px;
	left:0;
	right:0;
	bottom:0;
	display:block;
	display: flex;
    flex-direction: column;	
	font-family:var(--font-family-main);
}
#navigation.open .cont .wrapper{
	display:block;	
	line-height:inherit;
	margin-bottom:0;
	height: auto;
	flex-grow: 1;
}
#navigation.open .cont .wrapper > a.nav{
	display:table;	
	line-height:inherit;
	padding:5px 10px;
	margin:0 auto 0;
	opacity:0;
	transform: rotate(0);
}
#navigation .cont .wrapper > a.nav.exp:hover span.submenu{
	transform: rotate(0);	
}
#navigation.open .cont .wrapper > a.nav.exp span.submenu, 
#navigation.open .cont .wrapper > div.nav.exp span.submenu{
	top:14px;
	right:-20px;
}
#navigation.open .cont .wrapper > a.nav.show{
	animation: showRespLink 0.5s linear forwards;	
	animation-delay:.6s;
}
@keyframes showRespLink {
  0 {
		opacity:0;
		transform:translateY(-50px);
  }
  80%{
		opacity:1;
		transform:translateY(10px);  
  }
  100%{
		opacity:1;
		transform:translateY(0);  
  }
}
#navigation .cont .wrapper > a.nav.expanded span.submenu{
	transform: rotate(90deg);	
}
#navigation.open .cont .wrapper .resplanguages{
	position:relative;
	height: 50px;
	display: flex;
	gap:20px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin:30px auto;
}
#navigation.open .cont .wrapper .resplanguages a.lnglink{
	border:0;
	width:30px;
	height:30px;
	border-radius:20px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	/*transform:translateY(-30px);
	opacity:0;*/
}
#navigation.open .cont .wrapper .resplanguages a.lnglink._en{
	background:url(/images/flags/en.svg);	
	background-size:100% auto;
}
#navigation.open .cont .wrapper .resplanguages a.lnglink._es{
	background:url(/images/flags/es.svg);	
	background-size:100% auto;
}
#navigation.open .cont .wrapper .resplanguages a.lnglink._pl{
	background:url(/images/flags/pl.svg);	
	background-size:100% auto;
}
/*****************************************************ADMIN LINE******************************************************/
#admin{
	height:29px;
	background:#222;
	color:white;	
	border-bottom:1px solid #666;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
#admin .edit{
	float:left;
	height:29px;
	line-height:29px;	
}
#admin .edit a{
	height:inherit;
	line-height:31px;
	padding:0 10px;
	display:inline-block;
	vertical-align:top;
	border:0;
	font-size:10px;
	text-transform:uppercase;	
}
#admin .edit a.pedit{
	background:url(/admin/images/ico_slideshowcontrols.png) no-repeat 0 -2px;	
	padding-left:30px;
}
#admin .edit a:hover{
	background-color:#700168;	
	color:white;
}
#admin .control{
	float:right;
	height:inherit;
	line-height:inherit;	
	border-left:1px solid #666;
	padding-left:5px;
	font-size:0;
}
#admin .control a{
	display:inline-block;
	height:29px;
	line-height:31px;
	color:white;
	padding:0 10px;
	border:0;
	font-size:10px;
	text-transform:uppercase;
	font-weight:600;
	background:url(/admin/images/ico_slideshowcontrols.png) no-repeat 0 -62px;	
	padding-left:30px;
}
#admin .control a.logout{
	background-position:0 -31px;	
}
#admin .control a:hover{
	background-color:#700168;	
}
#admin .welcome{
	float:right;
	color:white;
	padding-right:15px;
	font-size:12px;
	line-height:30px;	
}
#admin .welcome span.highlight{
	font-weight:600;	
}
header a.respmenu{
	height:50px;
	width:50px;
	position:absolute;
	top:22px;
	right:10px;
	border:0;
	cursor:pointer;
	color:white;
	line-height:40px;
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	display:none;
	-webkit-transition: top 0.2s linear;
    -moz-transition: top 0.2s linear;
    -ms-transition: top 0.2s linear;
    -o-transition: top 0.2s linear;
    transition: top 0.2s linear;
}
header a.respmenu:before{
	content: '';
	position: absolute;
	left: -10px;
	top: 0;
	height: 100%;
	width: 200%;
	transform: skew(-15deg);
	background: vaR(--dark-bg);
	border-radius: 10px 0 0 14px;
}
header a.respmenu.open{
	z-index:9999;	
}
header a.respmenu .label{
	position:absolute;
	left:0;
	top:-20px;
	font-size:12px;
	text-align:center;
	width:100%;
	line-height:14px;
	color:var(--font-silver);
	display:block;
	font-weight:400;
	text-transform:none;
	-webkit-transition: top 0.2s linear;
    -moz-transition: top 0.2s linear;
    -ms-transition: top 0.2s linear;
    -o-transition: top 0.2s linear;
    transition: top 0.2s linear;
}
#respico{
	width: 26px;
	height: 20px;
	display:block;
	position: absolute;
	left:12px;
	top:16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;	
}
#respico span{
	display: block;
	position: absolute;
	height: 3px;
	width: 26px;
	background: white;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;	
}
header a.respmenu.open #respico span{
	background:var(--dark-bg);	
}
#respico span:nth-child(1) {
  	top: 0px;
}
#respico span:nth-child(2) {
  	top: 8px;
}
#respico span:nth-child(3) {
 	top: 16px;
}
header .upper a.respmenu:hover #respico span{	
	width:26px;
}
#respico.open span{
	width:26px;
}
#respico.open span:nth-child(1) {
	top: 9px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#respico.open span:nth-child(2) {
	opacity: 0;
	left: 60px;
}
#respico.open span:nth-child(3) {
	top: 9px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
header a.respmenu.open{
    
    
}
header a.respmenu.open #respico span{
	background:white;
}
#respmenuwrap{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:0;
	z-index:999;
}
#respmenuwrap:after,
#respmenuwrap:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;	
	height:0;
	background:white;
	-webkit-transition: height .5s linear;
    -moz-transition: height .5s linear;
    -ms-transition: height .5s linear;
    -o-transition: height .5s linear;
    transition: height .5s linear;
}
#respmenuwrap:before{
	bottom:0;
	top:auto;
}
#respmenuwrap.open:after,
#respmenuwrap.open:before{
	height:50%;
}
#respmenuwrap.open{
	height:100%;	
}
.blockedit_wrap{
	text-align:justify;	
	min-height:32px;
	position:relative;
}
.blockedit_wrap:after{
	content: "";
	width: 100%;
	display: inline-block;
}
.blockedit_wrap.double{
	font-size:0;	
}
a.blockedit{
	height:30px;
	line-height:30px;
	display:block;
	border:0;
	color:#222;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	border:1px dashed var(--font-color);
	border-radius:5px;
	position:relative;
	z-index:1;
}
a.blockedit.white{
	border-color:white;
	background:none;
	color:white;	
}
a.blockedit.half{
	width:calc(49% - 2px);	
	display:inline-block;
	margin:0 0.5%;
}
a.blockedit.half.second{
	width:49%;
}
#sidebar a.blockedit.half:last-child{
	margin-left:0;	
}
a.blockedit span.ico{
	height:30px;
	display:inline-block;
	width:30px;
	background:url(/images/ico_controls.png) no-repeat 0 0;	
	vertical-align:top;
}
a.blockedit.swap span.ico{
	background-position:0 -90px;	
}
a.blockedit span.text{
	height: 30px;
    line-height: 32px !important;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    padding: 0 !important;
    min-height: 30px !important;
    text-transform: none;
	font-size:15px !important;
	float:none !important;
	width:auto !important;
}
a.blockedit:hover{
	background:var(--sub-color);	
}
.mfp-title{
	font-size:16px;	
}
/*************************************************************COMMON COMPONENTS***********************************************************/
#main .cont .breakline{
	margin:60px 0 60px;
	height:9px;
	width:100%;
	position: relative;
	font-weight:600;
	white-space: nowrap;
	font-family:var(--font-family-main);
}
#main .cont .breakline:before{
	content:'';
	position:absolute;
	left:0;
	width:0;
	top: 0;
	border:3px solid var(--dark-bg);
	border-width:3px 0;
	height: 3px;
	-webkit-transition: width 0.5s linear; 
    -moz-transition: width 0.5s linear;
    -ms-transition: width 0.5s linear; 
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;
}
#main .cont .breakline .label{
	position:absolute;
	left: 0;
	background:white;
	font-size:47px;
	line-height: 50px;
	top:-25px;
	padding-right:15px;
	opacity:0;
	transform:translateX(-20px);
}
#main .cont .breakline .link{
	position:absolute;
	right: 0;
	background:white;
	padding-left:15px;
	font-size:14px;
	text-transform: uppercase;
	line-height: 16px;
	top: -4px;
	border:0;
	transform:scale(0);	
}
#main .cont .breakline.anim:before{
	width:calc(100% - 1px);
}
#main .cont .breakline.anim .label{
	animation: showBreakLabel 0.5s linear forwards;	
}
@keyframes showBreakLabel {
	0{
		opacity:0;
		transform:translateX(-20px);
	}
	20%{
		opacity:1;
	}
  	100% {
		opacity:1;
		transform:translateX(0);
  	}
}
/*************************************************************FOOTERBLOCKS****************************************************************/
#howitworks{
	padding-top:50px;
}
#howitworks > .cont{

}
#howitworks > .cont .masterlabel{
	display:flex;
	flex-direction:row;
	gap:60px;
}
#howitworks > .cont .masterlabel .label{
	font-size:70px;
	line-height: 60px;
	font-family:var(--font-family-alt);
	color:var(--main-color);
	font-weight:800;
	margin:0;
}
#howitworks > .cont .masterlabel .line{
	flex-grow:1;
	height:8px;
	align-self: end;
	position: relative;
}
#howitworks > .cont .masterlabel .line:before{
	content:'';
	position: absolute;
	left: 0;
	bottom:0;
	width:0;
	height:inherit;
	background:var(--sub-color);
	border-radius:5px;
	-webkit-transition: all 1s linear; 
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear; 
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
#howitworks.anim > .cont .masterlabel .line:before{
	width:100%;
	transition-delay:1s;
}
#usplist{
	padding:100px 0;
	display:grid;
	grid-template-columns: 1fr 1fr;
	column-gap:130px;
	row-gap:60px;
}
#usplist a.entry,
#usplist span.entry{
	display:flex;
	flex-direction: row;
	gap:30px;
	opacity:0;
	border:0;
}
#usplist a.entry:hover{
	color:var(--main-color-medium);
}
#howitworks.anim #usplist .entry{
	-webkit-animation: usppop .6s ease-out 1 forwards;
	-moz-animation:    usppop .6s ease-out 1 forwards;
	-o-animation:      usppop .6s ease-out 1 forwards;
	animation:         usppop .6s ease-out 1 forwards;
}
#howitworks.anim #usplist .entry:nth-child(1){
	animation-delay:1s;
}
#howitworks.anim #usplist .entry:nth-child(2){
	animation-delay:1.3s;
}
#howitworks.anim #usplist .entry:nth-child(3){
	animation-delay:1.6s;
}
#howitworks.anim #usplist .entry:nth-child(4){
	animation-delay:1.9s;
}
@keyframes usppop {
  0% {
    opacity:0;
    transform:translateX(-30px);
  }
  100%{
	opacity:1;
    transform:translateX(0);	  
  }
}
#usplist .entry span.no{
	height:80px;
	width:80px;
	padding:10px;
	border-radius:10px;
	background:var(--main-color);
	color:var(--sub-color);
	display: flex;
}
#usplist .entry span.no span{
	width: 100%;
    text-align: right;
    align-self: end;
    font-size:70px;
    line-height: 70px;
    font-weight:800;
}
#usplist .entry .text{
	font-size:25px;
	line-height: 30px;
	align-self: end;
	max-width:calc(100% - 130px);
}
#howitworks > .cont .bottomline{
	width:0;
	float:right;
	height:8px;
	background:var(--sub-color);
	border-radius:5px;
	-webkit-transition: all 1s linear; 
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear; 
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
#howitworks.anim > .cont .bottomline{
	width:60%;
}
#main > .cont{
	display:flex;
	flex-direction:row;
	gap:100px;
	align-items: center;
	padding-bottom:60px;
}
#main > .cont .videowrap{
	flex-grow:1;
	height:390px;
	position: relative;
	width:50%;
}
#main > .cont .videowrap .ytvideo{
	height:inherit;
	position: relative;
	cursor: pointer;
	z-index: 1;
	opacity:0;
	background-size:cover;
}
#main.anim > .cont .videowrap .ytvideo{
	-webkit-animation: animateUp 1.8s ease-out 1 forwards;
	-moz-animation:    animateUp 1.8s ease-out 1 forwards;
	-o-animation:      animateUp 1.8s ease-out 1 forwards;
	animation:         animateUp 1.8s ease-out 1 forwards;
	animation-delay:1s;
}
@keyframes animateUp {
    0% {
      transform: translateY(120px);
      opacity:0;
    }
    100% {
      transform: translateY(0);
      opacity:1;
    }
}
#main > .cont .videowrap .ytvideo .inner{
	height:inherit;
	position: relative;
}
#main > .cont .videowrap .ytvideo .inner:after{
	content:'\f144';
	font-family:var(--fa-style-family-classic);
	position:absolute;
	height:160px;
	width:160px;
	color:white;
	left:50%;
	margin-left:-80px;
	top:50%;
	margin-top:-80px;
	font-size:160px;
	text-align: center;
	line-height: 160px;
	opacity:0;
}
#main.anim > .cont .videowrap .ytvideo .inner:after{
	-webkit-animation: animateUp .8s ease-out 1 forwards;
	-moz-animation:    animateUp .8s ease-out 1 forwards;
	-o-animation:      animateUp .8s ease-out 1 forwards;
	animation:         animateUp 1.8s ease-out 1 forwards;
	animation-delay:.2s;
}
#main > .cont .videowrap .ytvideo .inner:hover:after{
	color:var(--sub-color);
}
#main > .cont .videowrap .ytvideo .inner.loaded:after{
	display:none;
}
#main > .cont .videowrap .ytvideo .inner iframe{
	width:100%;
	height:100%;
}
#main > .cont .text{
	width:50%;
	font-size:25px;
	line-height: 35px;
	font-family:var(--font-family-main);
}
#main > .cont .text strong{
	font-weight:700;
}
#commercial{
	background-size:cover;
	background-position:center center;
}
#commercial > .cont{
	min-height:600px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
#commercial > .cont:before{
	content:'';
	position: absolute;
	right: 0;
	bottom:15px;
	width:0;
	height:8px;
	background:var(--sub-color);
	border-radius:5px;
	-webkit-transition: all 1s linear; 
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear; 
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
#commercial > .cont:after{
	content:'';
	position: absolute;
	left: 0;
	top:15px;
	width:0;
	height:8px;
	background:var(--sub-color);
	border-radius:5px;
	-webkit-transition: all 1s linear; 
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear; 
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
#commercial.anim > .cont:before,
#commercial.anim > .cont:after{
	width:calc(50% + 215px);
	transition-delay: 1s;
}
#commercial > .cont .slide{
	width: 350px;
    border-radius: 20px;
    padding: 40px;
    opacity: 0;
    overflow: hidden;
}
#commercial > .cont .slide:before{
	content:'';
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	background:vaR(--sub-color);
	opacity:0.9;
}
#commercial.anim > .cont .slide{
	text-align: center;
	-webkit-animation: commslide 1s ease-out 1;
	-moz-animation:    commslide 1s ease-out 1;
	-o-animation:      commslide 1s ease-out 1;
	animation:         commslide 1s ease-out 1;	
	animation-fill-mode: forwards;	
	animation-delay:1s;	
}
@keyframes commslide {
    0% {
        opacity:0;
		transform:translateX(40px);
    }
    100% {
        opacity:1;
		transform:translateX(0);
    }
}
#commercial > .cont .slide .headline{
	font-size:32px;	
	line-height:42px;
	font-weight:700;
	opacity:0;
	transform:translateX(-40px);
	display:block;
	margin:0 auto 25px;
	position:relative;
	z-index:1;
	color:var(--font-color);
	font-family:var(--font-family-alt);
}
#commercial > .cont .slide .text{
	font-size:18px;	
	line-height:25px;
	color:var(--main-color);
	font-family:var(--font-family-main);
	font-weight:300;
	opacity:0;
	transform:translateX(40px);
	display:block;
	margin-bottom:40px;
}
#commercial.anim > .cont .slide .headline,
#commercial.anim > .cont .slide .text{
	-webkit-animation: commtextanim .6s ease-out 1;
	-moz-animation:    commtextanim .6s ease-out 1;
	-o-animation:      commtextanim .6s ease-out 1;
	animation:         commtextanim .6s ease-out 1;	
	animation-fill-mode: forwards;	
	animation-delay:1s;		
}
#banner .captionwrapbg .subcaption.show span.text{
	animation-delay:1.2s;	
}
@keyframes commtextanim {
    0% {
        opacity:0;
		transform:translateX(40px);
    }
    100% {
        opacity:1;
		transform:translateX(0);
    }
}
#commercial > .cont .slide .buttonwrap{
	padding:0;
}
#commercial > .cont .slide .buttonwrap a.button{
	display:table;
	background:var(--main-color);
	color:white;
	border:0;
	height:78px;
	line-height:78px;
	font-size:30px;
	font-family:var(--font-family-alt);
	padding:0 35px;
	font-weight:700;
	opacity:0;
	border-radius:15px;
	white-space:nowrap;
	position:relative;
	margin:auto;
}
#commercial > .cont .slide .buttonwrap a.button:hover{
	background:var(--main-color-medium);	
}
#commercial.anim > .cont .slide .buttonwrap a.button{
	-webkit-animation: commbuttonanim .6s ease-out 1;
	-moz-animation:    commbuttonanim .6s ease-out 1;
	-o-animation:      commbuttonanim .6s ease-out 1;
	animation:         commbuttonanim .6s ease-out 1;	
	animation-fill-mode: forwards;	
	animation-delay:1.6s;
}
@keyframes commbuttonanim {
    0% {
        opacity:0;
		transform:translateX(-40px);
    }
	80%{
		opacity:1;
		transform:translateX(10px);	
	}
    100% {
        opacity:1;
		transform:translateX(0);
    }
}
#successstories{

}
#successstories > .cont{
	padding:100px 0 80px;
}
#successstories > .cont .masterlabel{
	text-align: center;
	color:var(--main-color);
}
#successstories > .cont .masterlabel .upper{
	font-size:70px;
	line-height: 70px;
	font-family:var(--font-family-alt);
	font-weight:700;
	margin:0 0 10px;
	color:inherit;
}
#successstories > .cont .masterlabel .lower{
	font-size:30px;
	line-height: 30px;
	font-family:var(--font-family-main);
	margin:0;
	color:inherit;
}
#successposters{
	min-height:100px;
	padding:80px 0;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:30px;
}
#successposters.loading{
	background:url(/images/loader-blue.gif) no-repeat center center;
	background-size:50px auto;
}
#successposters .entry{
	opacity:0;
}
#successstories.anim .entry{
	-webkit-animation: affslide 1s ease-out 1;
	-moz-animation:    affslide 1s ease-out 1;
	-o-animation:      affslide 1s ease-out 1;
	animation:         affslide 1s ease-out 1;	
	animation-fill-mode: forwards;	
	animation-delay:1s;	
}
#successstories.anim .entry:nth-child(1){
	animation-delay:1s;	
}
#successstories.anim .entry:nth-child(2){
	animation-delay:1.2s;	
}
#successstories.anim .entry:nth-child(3){
	animation-delay:1.4s;	
}
#successstories.anim .entry:nth-child(4){
	animation-delay:1.6s;	
}
#affiliate{
	background-size:cover;
	background-position:center center;
}
#affiliate > .cont{
	min-height:700px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: right;
}
#affiliate > .cont:before{
	content:'';
	position: absolute;
	left: 0;
	bottom:calc(50% - 4px);
	width:0;
	height:8px;
	background:var(--main-color);
	border-radius:5px;
	-webkit-transition: all 1s linear; 
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear; 
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
#affiliate.anim > .cont:before{
	width:calc(100% - 100px);
	transition-delay: 1s;
}
#affiliate > .cont .slide{
	width: 350px;
    border-radius: 20px;
    padding: 40px;
    opacity: 0;
    overflow: hidden;
    text-align: right !important;
}
#affiliate > .cont .slide:before{
	content:'';
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	background:var(--main-color);
}
#affiliate.anim > .cont .slide{
	text-align: center;
	-webkit-animation: affslide 1s ease-out 1;
	-moz-animation:    affslide 1s ease-out 1;
	-o-animation:      affslide 1s ease-out 1;
	animation:         affslide 1s ease-out 1;	
	animation-fill-mode: forwards;	
	animation-delay:1s;	
}
@keyframes affslide {
    0% {
        opacity:0;
		transform:translateX(40px);
    }
    100% {
        opacity:1;
		transform:translateX(0);
    }
}
#affiliate > .cont .slide .headline{
	font-size:50px;	
	line-height:55px;
	font-weight:700;
	opacity:0;
	transform:translateX(-40px);
	display:block;
	margin:0 auto 45px;
	position:relative;
	z-index:1;
	color:white;
	font-family:var(--font-family-alt);
}
#affiliate > .cont .slide .text{
	font-size:18px;	
	line-height:25px;
	color:var(--main-color-light);
	font-family:var(--font-family-main);
	font-weight:300;
	opacity:0;
	transform:translateX(40px);
	display:block;
	margin-bottom:40px;
}
#affiliate.anim > .cont .slide .headline,
#affiliate.anim > .cont .slide .text{
	-webkit-animation: afftextanim .6s ease-out 1;
	-moz-animation:    afftextanim .6s ease-out 1;
	-o-animation:      afftextanim .6s ease-out 1;
	animation:         afftextanim .6s ease-out 1;	
	animation-fill-mode: forwards;	
	animation-delay:1s;		
}
@keyframes afftextanim {
    0% {
        opacity:0;
		transform:translateX(40px);
    }
    100% {
        opacity:1;
		transform:translateX(0);
    }
}
#affiliate > .cont .slide .buttonwrap{
	padding:0;
}
#affiliate > .cont .slide .buttonwrap a.button{
	display:table;
	background:var(--sub-color);
	color:var(--main-color);
	border:0;
	height:78px;
	line-height:78px;
	font-size:26px;
	font-family:var(--font-family-alt);
	padding:0 35px;
	font-weight:700;
	opacity:0;
	border-radius:15px;
	white-space:nowrap;
	position:relative;
	margin:auto;
}
#affiliate > .cont .slide .buttonwrap a.button:hover{
	background:var(--main-color-medium);
	color:white;	
}
#affiliate.anim > .cont .slide .buttonwrap a.button{
	-webkit-animation: affbuttonanim .6s ease-out 1;
	-moz-animation:    affbuttonanim .6s ease-out 1;
	-o-animation:      affbuttonanim .6s ease-out 1;
	animation:         affbuttonanim .6s ease-out 1;	
	animation-fill-mode: forwards;	
	animation-delay:1.6s;
}
@keyframes affbuttonanim {
    0% {
        opacity:0;
		transform:translateX(-40px);
    }
	80%{
		opacity:1;
		transform:translateX(10px);	
	}
    100% {
        opacity:1;
		transform:translateX(0);
    }
}
/******************************************************************FOOTER************************************************************/
footer{
	position:relative;
	height:auto;
}
footer > .line{
	background:var(--main-color);
	width:calc(100% - 20px) !important;
	margin:10px;
	border-radius:5px;
	height:10px;
}
footer > .inner{
	background:var(--main-color);
	width:calc(100% - 20px) !important;
	margin:0 10px 10px;
	border-radius:20px;
}
footer > .inner > .cont{	
	padding-top:30px;
}
footer > .inner > .cont .upper{
	display:flex;
	flex-direction:row;
	gap:70px;
	margin-bottom:20px;
}
footer > .inner > .cont .upper .block{
	color:white;
	font-family:var(--font-family-main);
	font-size:16px;
	flex-grow: 1;
}
footer > .inner > .cont .upper .block > .label{
	display:flex;
	flex-direction: row;
	gap:15px;
	margin-bottom:20px;
	font-family:var(--font-family-alt);
}
footer > .inner > .cont .upper .block > .label span{

}
footer > .inner > .cont .upper .block > .label span.text{
	font-size:20px;
	line-height: 20px;
	color:var(--sub-color);
	font-weight:600;
}
footer > .inner > .cont .upper .block > .label span.line{
	height:4px;
	background:white;
	align-self: end;
	border-radius: 5px;
	width:0 !important;
	flex-grow: 0;
	-webkit-transition: all 1s linear; 
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear; 
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
footer.anim > .inner > .cont .upper .block > .label span.line{
	width:100%;
	flex-grow: 1;
	transition-delay:1s;
}
footer > .inner > .cont .upper .block .text{

}
footer > .inner > .cont .upper .block .contacts .entry{
	display:flex;
	flex-direction:row;
	gap:20px;
	margin-bottom:15px;
}
footer > .inner > .cont .upper .block .contacts .entry span.label{
	min-width:80px;
}
footer > .inner > .cont .upper .block .contacts .entry a{
	color:var(--sub-color);
}
footer > .inner > .cont .upper .block .contacts .entry a:hover{
	color:var(--main-color-light);
}
footer > .inner > .cont .upper .block .contacts .entry .value{
	line-height: 20px;
}
footer > .inner > .cont .upper .block.navigation .inner{
	display:flex;
	flex-direction: column;
	gap:10px;
}
footer > .inner > .cont .upper .block.navigation .inner a{
	padding-left:30px;
	position: relative;
}
footer > .inner > .cont .upper .block.navigation .inner a:before{
	content:'';
	position: absolute;
	height:6px;
	width:16px;
	border-radius:3px;
	background:var(--sub-color);
	left:0;
	top: 50%;
	margin-top:-3px;
	-webkit-transition: width 0.2s linear; 
    -moz-transition: width 0.2s linear;
    -ms-transition: width 0.2s linear; 
    -o-transition: width 0.2s linear;
    transition: width 0.2s linear;
}
footer > .inner > .cont .upper .block.navigation .inner a:hover{
	color:var(--sub-color);
}
footer > .inner > .cont .upper .block.navigation .inner a:hover:before{
	width:6px;
}
footer > .inner > .cont .lower{
	display:flex;
	flex-direction:row;
	font-family:var(--font-family-main);
	color:white;
	font-weight:300;
	padding-bottom:20px;
}
footer > .inner > .cont .lower .legal{
	align-self:start;
	font-size:14px;
	line-height: 18px;
	flex-grow: 1;
}
footer > .inner > .cont .lower .langs{
	align-self:end;
	display: flex;
	flex-direction: row;
	font-size:14px;
	gap:10px;
}
footer > .inner > .cont .lower .langs > .label{
	padding-right:10px;
}
footer > .inner > .cont .lower .langs a.lnglink{
	text-transform: uppercase;
}
footer > .inner > .cont .lower .langs a.lnglink.selected{
	color:var(--sub-color);
}
footer > .inner > .cont .lower .langs a.lnglink:hover{
	color:var(--sub-color);
}
#creator{
	background:var(--main-color);
	color:white;
	text-align:center;
	font-size:12px;
	height:24px;
	line-height:24px;
	width:calc(100% - 20px);
	margin:0 auto 5px;
	border-radius:20px;
	font-family:var(--font-family-main);
}
#creator a{
	border:0;
	color:var(--sub-color);	
}
#creator a:hover{
	color:var(--main-color-light);	
}
#searchcover{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:var(--main-color);
	opacity:.3;
	z-index:2;	
}
.qc-cmp-deprecation-messaging{
	display:none !important;	
}
/**************************************
	BLANKET WRAP
**************************************/
#blanket-wrap .action-wrap{
	min-width:400px;
	width:400px;
	position:absolute;
	top:50%;
	margin-top:-100px;
	margin-top:0;
	transform:translateY(-100px);
	left:50%;
	margin-left:-200px;
	min-height:200px;
	background:#f6f6f6;
	color:white;
	box-shadow:0px 0px 0 10px rgba(0,0,0,.2);
	color:#333;
	border-radius:5px;
	overflow:hidden;
}
#blanket-wrap .action-wrap.guide{
	top:15%;
	margin-left:-350px;
	width:700px;
	margin-top:0;
	transform:translateY(0);	
}
#blanket-wrap .action-wrap.feedback{
	top:15%;
	margin-left:-350px;
	width:700px;
	margin-top:0;
	transform:translateY(0);	
}
#blanket-wrap .action-wrap.guide .header{
	background:var(--main-color);
	height:0;	
}
#blanket-wrap .action-wrap.guide a.close{
	background:white;
	color:var(--sub-color);	
}
#blanket-wrap .action-wrap.guide a.close:hover{
	background:var(--warning-color);
	color:white;	
}
#blanket-wrap .action-wrap.guide .container{
	background:var(--medium-bg);
	padding:0;
	width:100%;
	min-height:200px;
}
#blanket-wrap .action-wrap.login{
	transform: translateY(-200px);	
	z-index:0;
}
#blanket-wrap .action-wrap.login:before{
	content: '';
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: -5px;
    top: -5px;
    background: var(--sub-color);
    transform: skewY(0);
    z-index: -1;	
	animation: skewbox 0.7s ease-in-out;	
	animation-fill-mode:forwards;
}
@keyframes skewbox {
  0% {
    transform: skewY(0);
  }
  90%{
	transform: skewY(-10deg);  
  }
  100%{
	transform: skewY(-7deg);	  
  }
}
#blanket-wrap .action-wrap.login .container{
	background:white;	
}
#blanket-wrap .action-wrap.show{
	animation: revealmodular 0.6s ease-in-out;	
}
@keyframes revealmodular {
  0% {
    margin-top:50px;
    opacity: 0;
  }
  100%{
	margin-top:0;
    opacity: 1;	  
  }
}
#blanket-wrap .action-wrap .close{
	height:50px;
	line-height:50px;
	width:50px;
	text-align:center;
	background:var(--main-color-dark);
	color:white;
	font-size:20px;
	position:absolute;
	top:0;
	right:0;	
	cursor:pointer;
	border:0;
	font-weight:100;
	z-index:1;
}
#blanket-wrap .action-wrap .close:hover{
	background:var(--warning-color);	
}
#blanket-wrap .action-wrap > .header{
	height:50px;
	line-height:50px;
	padding-left:10px;
	color:white;
	background:var(--main-color-dark);
	font-size:18px;	
}
#blanket-wrap .action-wrap .container{
	width:92%;
	min-height:160px;
	margin:auto;
	position:relative;
	padding:4%;
	text-align:center;
}
#blanket-wrap .action-wrap.callback{
	top:15%;
	margin-left:-350px;
	width:700px;
	margin-top:0;
	transform:translateY(0);	
}
#blanket-wrap .action-wrap.callback .header{
	background:var(--sub-color);
	height:0;	
}
#blanket-wrap .action-wrap.callback a.close{
	background:white;
	color:var(--main-color-dark);	
}
#blanket-wrap .action-wrap.callback a.close:hover{
	background:var(--warning-color);
	color:white;	
}
#blanket-wrap .action-wrap.callback .container{
	background:var(--sub-color-light);
	color:white;	
	padding:0;
	width:100%;
	min-height:200px;
}
#blanket-wrap .action-wrap.login .msg{
	text-align:left;
	font-size:16px;	
}
#blanket-wrap .action-wrap.login .warning{
	color: var(--warning-color);
    font-size: 16px;
    text-align: left;
    border: 1px dashed var(--main-color-light);
    border-radius: 4px;
    padding: 10px;
}
#blanket-wrap .action-wrap.login .warning i{
	margin-right:10px;	
}
#callbackwrap{
	display:flex;
	flex-direction:row;
}
#modalguide{
	display:flex;
	flex-direction:row;
	background:var(--main-color-light);
}
#modalguide ._left{
	min-height:400px;	
	float:left;
	width:calc(50% - 40px);
	padding:20px;
	text-align:left;
	font-weight:300;
	font-size:17px;
	line-height:34px;
	position:relative;
}
#modalguide ._left:before{
	content: '';
    position: absolute;
    left: -10px;
    right: -20px;
    bottom: 0;
    top: 5px;
    background: var(--main-color);
    transform: skewY(-7deg);
    z-index: 0;	
}
#modalguide ._left .text{
	position:relative;	
}
#modalguide ._left h2{
	font-size:30px;
	line-height:35px;
	color:var(--font-color);
	text-transform:uppercase;
	font-weight:800;
	position:relative;
	text-shadow:3px 3px 0 var(--main-color-dark);
	text-align:center;
}
#modalguide ._left h3{
	color:white;	
}
#modalguide ._left p{
	position:relative;
}
#modalguideform .fieldwrap{
	min-height:54px;
	width:100%;
	border:0;
	position:relative;
	margin-bottom:16px;
	border-bottom:2px solid white;
	-webkit-transition: width 0.5s linear; 
    -moz-transition: width 0.5s linear;
    -ms-transition: width 0.5s linear; 
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;	
}
#modalguideform .fieldwrap .floating-label {
	position: absolute;
	pointer-events: none;
	left: 10px;
	top: 13px;
	color:white;
	transition: 0.2s ease all;
	padding:0 5px;
	height:30px;
	line-height:30px;
	font-size:14px;
	white-space:nowrap;
	font-weight:600;
	color:white;
	border-radius:3px;
	background:var(--font-color);
	-webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;	
}
#modalguideform .fieldwrap.incorrect .floating-label{
	color:#faaaaa;
}
#modalguideform .fieldwrap input:focus ~ .floating-label,
#modalguideform .fieldwrap input:not(:focus):valid ~ .floating-label{
	top: -10px;
	left: 10px;
	font-size: 12px;
	height:20px;
	line-height:20px;
	color:white;
}
#modalguideform .fieldwrap input{
	height:54px;
	line-height:54px;
	width:96%;
	border:none;
	background:none;
	padding:0px 2%;
	font-size:16px;
	outline:none;
	color:white;
}
#modalguideform a.submit{
	height:56px;
	width:100%;
	padding:0;
	line-height:56px;
	text-align:center;
	display:table;
	margin:10px auto 5px;
	font-weight:600;
	color:white;
	font-size:18px;
	border-radius:4px;
	text-transform:uppercase;
	cursor:pointer;
	background: var(--sub-color);
	border:0;
	position:relative;
	text-shadow:2px 2px 0 rgba(0,0,0,.5);
}
#modalguideform a.submit:hover{
	background:var(--dark-bg);
}
#modalguideform a.submit.loading{
	background:url(/images/loader-white-blue.gif) no-repeat center center !important;
	background-size:40px auto !important;	
}
#modalguide ._right{
	float:right;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:50%;
	order:2;
}
@media only screen and (max-width: 767px) {
	html, body{
		min-width:320px;
		width:auto;
	}
	body{
		
	}
	body.adm{
		
	}
	.outter{
		min-width:320px;	
	}
	.outter > div.cont{
		min-width:280px;
		width:auto;
		padding:0;
	}
	body > .shifter{
		display:block;
		overflow-x:hidden;	
	}
	body > .shifter .shifterinner{
		display:block;
		-webkit-transition: all 0.4s linear; 
		-moz-transition: all 0.4s linear;
		-ms-transition: all 0.4s linear; 
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	body.shifted > .shifter > .shifterinner{
		transform: translateX(50%);
	}
	header > .admin .welcome{
		display:none;	
	}
	header > .admin .control a{
		font-size:0;
	}
	.edited_content{
		line-height:30px;
		font-size:17px;	
		max-width:100%;
		margin:auto;
		min-height:150px;
	}
	/*******************HEADER**************************/
	header{
		width:100%;
		min-width:320px;
		height:auto;
		overflow:inherit;
		padding-bottom:0;
	}
	header.sc{
		
	}
	header:before{
		
	}
	header:not(.search) > .inner:before,
	header:not(.search) > .inner:after{
		display:none;
	}
	header > .cont{
		padding:0;	
		width:100%;
		position:static !important;
	}
	header.sc > .cont{
		
	}
	header > .cont a.logosvg{
		margin-left:20px;
		max-width: calc(40% - 20px);
	}
	header > .cont .headercontent{
		flex-grow: 1;
	}
	header > .cont > .headercontent .languages{
		display:none;
	}
	header > .cont > .headercontent .contacts{
		margin-right:64px;
		gap:26px;
	}
	header > .cont > .headercontent .contacts:before{
		display:none;
	}
	header > .cont > .headercontent .contacts a:not(.resp){
		display:none;
	}
	#navigation{
		display:none;	
	}
	header a.respmenu{
		display:block;	
	}
	/*header.sc a.respmenu{
		top:16px;
	}*/
	header.sc a.respmenu .label{
		top:-12px;	
	}
	#respheader{
		top:0;
		height:110px;
		background:white;
		min-width:320px;
	}
	#searchbutton{
		display:block;	
	}
	#searchline{
		background:white;
		border-radius:0;
		top:102px;
		bottom:auto;
		height:50px;
	}
	#searchcover{
		background:var(--dark-bg);
		opacity:.6;
	}
	#navigation.open{
		top:0;	
		left:0;
		width:100%;
		height:100%;
	}
	#navigation.open .cont{
		top:15px;
		left:10px;
		right:10px;	
		width:calc(100% - 20px);
	}
	#navigation .cont .wrapper{
		background:var(--main-color);
		border-radius:20px;
		opacity:0;	
		padding-bottom:10px;
	}
	#navigation.open .cont .wrapper{
		-webkit-animation: navwrapper .6s ease-out 1;
		-moz-animation:    navwrapper .6s ease-out 1;
		-o-animation:      navwrapper .6s ease-out 1;
		animation:         navwrapper .6s ease-out 1;
		animation-fill-mode: forwards;
		animation-delay:0.5s;
	}
	@keyframes navwrapper {
		0% {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}
	#navigation.open .cont .wrapper > a.nav{
		color:white;
		font-family:var(--font-family-main);	
		font-weight:400;
	}
	#navigation.open .cont .wrapper > a.nav:before,
	#navigation.open .cont .wrapper > a.nav:after{
		display:none;	
	}
	#navigation .cont .wrapper > a.nav.open, 
	#navigation .cont .wrapper > div.nav.open{
		color:var(--sub-color);
	}
	#navigation.open .cont .wrapper > a.nav.exp span.submenu, 
	#navigation.open .cont .wrapper > div.nav.exp span.submenu{
		top:24px;
		display:inline-block;
	}
	#navigation .cont .wrapper > a.nav.exp:hover span.submenu, 
	#navigation .cont .wrapper > div.nav.exp:hover span.submenu{
		transform:rotate(0) !important;	
	}
	#navigation.open .cont .wrapper > a.nav.exp span.submenu.expanded, 
	#navigation.open .cont .wrapper > div.nav.exp span.submenu.expanded{
		transform:rotate(90deg) !important;
	}
	#navigation.open > .cont .sub.mini,
	#navigation.open > .cont .sub.maxi,
	#navigation > .cont .sub.tabbed{
		position:relative;
		max-width:100%;
		top:0;
		border:0;
		padding-top:5px;
		padding-bottom:0;
		margin-bottom:15px;
		background:var(--main-color-light);
		border-radius:0;
	}
	#navigation > .cont .sub.mini a{
		background:none;		
		margin:auto;
		color:var(--font-color);
		font-weight:500;
		padding:15px;
		display:block;
		text-align:center;
		font-size:16px;
        border-radius: 5px;
        height: 30px;
        line-height: 30px;
        padding: 4px 10px;
        margin: 0 auto 5px !important;
	}
	#navigation.open > .cont .sub.maxi{
		background:var(--dark-bg);	
	}
	#navigation > .cont .sub.maxi .outterwrap, 
	#navigation > .cont .sub.tabbed .outterwrap{
		flex-direction:column;
		text-align:center;	
		background:transparent;
	}
	#navigation .cont .wrapper > a.nav.exp span.submenu, 
	#navigation .cont .wrapper > div.nav.exp span.submenu{
		border-radius:4px;	
		margin-top:-10px;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .title{
		margin-top:0;
		border-radius:30px;
		margin-bottom:5px;
		padding-left:0;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .title a{
		color:white;
		font-weight:600;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .title span{
		background:var(--dark-bg);
		color:white;
		font-size:15px;
		margin:auto;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .list{
		margin:auto;
		width:calc(100% - 20px);
	}
	#navigation > .cont .sub.maxi .outterwrap .block .list a.grplink{
		color:var(--main-color);
		margin: auto;
		margin-bottom:5px;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .list a.grplink:before{
		display:none;	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .nav{
		padding:0 10px 0 10px;
		width:calc(50% - 20px) !important;	
		flex-grow:0;
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .tabs{
		width:calc(50% - 20px) !important;
		flex-grow:0;	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .nav span.grplink{
		background:none;
		color:var(--font-color);
		font-weight:600;
		text-align:right;
		width: calc(100% - 30px);	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .nav span.grplink.open{
		color:var(--main-color);
		background:none;	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .tabs .tab a.grplink{
		line-height:18px;	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .tabs .tab a.more{
		text-align:center;
		border:1px dashed var(--main-color);
		border-radius:5px;
		height:20px;
		line-height:22px;
		font-size:14px;
		font-weight:600;	
		padding:0 10px;
		white-space:nowrap;
	}
	/*************************************************************COMMON COMPONENTS***********************************************************/
	#main .cont .breakline{
		margin:40px 20px 60px;
		width:calc(100% - 40px);
	}
	#main .cont .breakline .label{
		font-size:25px;
		top:-22px;
	}
	#main .cont .breakline .link{
		font-size:12px;
	}
	/*************************************************************FOOTERBLOCKS****************************************************************/
	#banner{
		overflow: hidden;
	}
	#howitworks > .cont{
		padding:0 20px;
	}
	#howitworks > .cont .masterlabel .label{
		font-size:40px;
		line-height: 40px;
		max-width:60%;
	}
	#usplist{
		grid-template-columns: 1fr;
		max-width: 100%;
		margin: auto;
	}
	#usplist .entry .text{
		font-size:20px;
		line-height: 25px;
	}
	#commercial{
		overflow: hidden;
	}
	#commercial > .cont .slide{
		max-width:calc(80% - 40px);
		text-align: center !important;
	}
	#commercial > .cont .slide .buttonwrap a.button{
		font-size:20px;
		padding:0 20px;
	}
	#successstories{
		overflow: hidden;
	}
	#successstories > .cont .masterlabel{
		text-align: center;
	}
	#successstories > .cont .masterlabel .upper{
		font-size:50px;
		line-height: 50px;
		max-width:300px;
		text-align: center;
		margin: 0 auto 15px;
	}
	#successstories > .cont .masterlabel .lower{
		font-size:26px;
		line-height: 30px;
	}
	#successposters{
		grid-template-columns: repeat(2, 1fr);
	}
	#successstories.anim .entry{
		text-align: center;
	}
	#successstories.anim .entry img{
		max-width:96%;
	}
	#affiliate{
		overflow: hidden;
	}
	#affiliate > .cont{
		justify-content:center;
	}
	#affiliate > .cont .slide{
		max-width:calc(80% - 40px);
		text-align: center !important;
	}
	#affiliate > .cont .slide .headline{
		font-size:40px;
		line-height: 45px;
	}
	#affiliate > .cont .slide .buttonwrap a.button{
		font-size:20px;
		padding:0 20px;
	}
	/*****************************************************************FOOTER***********************************************************************/
	footer{
				
	}
	footer > .inner > .cont .upper{
		flex-direction:column;
		padding:20px;
		gap:30px;
	}
	footer > .inner > .cont .lower{
		flex-direction: column-reverse;
		text-align: center;
		gap:15px;
	}
	footer > .inner > .cont .lower .legal,
	footer > .inner > .cont .lower .langs{
		align-self: center;
	}
	footer > .inner > .cont .upper .block .contacts .entry span.label{
		flex-grow:1;
	}
	footer > .inner > .cont .upper .block .contacts .entry a,
	footer > .inner > .cont .upper .block .contacts .entry .value{
		text-align: right;
	}
	#creator{
		font-size:10px;
	}
}
@media only screen and (max-width: 480px){
	#blanket-wrap > .holder .modular, #confirmwrap > .holder .modular{
		max-width:90%;
		margin-left:0;	
		left:5%;
	}
	/**************************************************SUBPAGE FOOTERBLOCKS*********************************************/
	#blanket-wrap .action-wrap{
		max-width:90% !important;	
		min-width:280px !important;
		left:5%;
		margin-left:0;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	
	
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	body{
			
	}
	body.adm {
		padding-top: 29px !important;
	}
	body > .shifter{
		display:block;
		overflow-x:hidden;	
	}
	body > .shifter .shifterinner{
		display:block;
		-webkit-transition: all 0.4s linear; 
		-moz-transition: all 0.4s linear;
		-ms-transition: all 0.4s linear; 
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	body.shifted > .shifter > .shifterinner{
		transform: translateX(50%);
	}
	.outter{
		min-width:748px;	
	}
	.outter > div.cont{
		min-width:280px;
		width:auto;
	}
	/*#banner,
	#announcement,
	#body,
	#howitworks,
	#commercial,
	#successstories,
	#affiliate,
	footer{
		overflow: hidden;
	}*/
	/*******************HEADER**************************/
	header{
		width:100%;
		min-width:320px;
		height:auto;
		overflow:inherit;
		padding-bottom:0;
	}
	header.sc{
		
	}
	header:before{
		
	}
	header:not(.search) > .inner:before,
	header:not(.search) > .inner:after{
		display:none;
	}
	header > .cont{
		padding:0;	
		width:100%;
		position:static !important;
	}
	header.sc > .cont{
		
	}
	header > .cont a.logosvg{
		margin-left:20px;
		max-width: calc(50% - 20px);
	}
	header > .cont .headercontent{
		flex-grow: 1;
	}
	header > .cont > .headercontent .languages{
		display:none;
	}
	header > .cont > .headercontent .contacts{
		margin-right:0;
		gap:26px;
	}
	header > .cont > .headercontent .contacts:before{
		display:none;
	}
	#navigation{
		display:none;	
	}
	header a.respmenu{
		display:block;	
	}
	/*header.sc a.respmenu{
		top:16px;
	}*/
	header.sc a.respmenu .label{
		top:-12px;	
	}
	#respheader{
		top:0;
		height:110px;
		background:white;
		min-width:320px;
	}
	#searchbutton{
		display:block;	
	}
	#searchline{
		background:white;
		border-radius:0;
		top:102px;
		bottom:auto;
		height:50px;
	}
	#searchcover{
		background:var(--dark-bg);
		opacity:.6;
	}
	#navigation.open{
		top:0;	
		left:0;
		width:100%;
		height:100%;
	}
	#navigation.open .cont{
		top:15px;
		left:10px;
		right:10px;	
		width:calc(100% - 20px);
	}
	#navigation .cont .wrapper{
		background:var(--main-color);
		border-radius:20px;
		opacity:0;	
		padding-bottom:10px;
	}
	#navigation.open .cont .wrapper{
		-webkit-animation: navwrapper .6s ease-out 1;
		-moz-animation:    navwrapper .6s ease-out 1;
		-o-animation:      navwrapper .6s ease-out 1;
		animation:         navwrapper .6s ease-out 1;
		animation-fill-mode: forwards;
		animation-delay:0.5s;
	}
	@keyframes navwrapper {
		0% {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}
	#navigation.open .cont .wrapper > a.nav{
		color:white;
		font-family:var(--font-family-main);	
		font-weight:400;
	}
	#navigation.open .cont .wrapper > a.nav:before,
	#navigation.open .cont .wrapper > a.nav:after{
		display:none;	
	}
	#navigation .cont .wrapper > a.nav.open, 
	#navigation .cont .wrapper > div.nav.open{
		color:var(--sub-color);
	}
	#navigation.open .cont .wrapper > a.nav.exp span.submenu, 
	#navigation.open .cont .wrapper > div.nav.exp span.submenu{
		top:24px;
		display:inline-block;
	}
	#navigation .cont .wrapper > a.nav.exp:hover span.submenu, 
	#navigation .cont .wrapper > div.nav.exp:hover span.submenu{
		transform:rotate(0) !important;	
	}
	#navigation.open .cont .wrapper > a.nav.exp span.submenu.expanded, 
	#navigation.open .cont .wrapper > div.nav.exp span.submenu.expanded{
		transform:rotate(90deg) !important;
	}
	#navigation.open > .cont .sub.mini,
	#navigation.open > .cont .sub.maxi,
	#navigation > .cont .sub.tabbed{
		position:relative;
		max-width:100%;
		top:0;
		border:0;
		padding-top:5px;
		padding-bottom:0;
		margin-bottom:15px;
		background:var(--main-color-light);
		border-radius:0;
	}
	#navigation > .cont .sub.mini a{
		background:none;		
		margin:auto;
		color:var(--font-color);
		font-weight:500;
		padding:15px;
		display:block;
		text-align:center;
		font-size:16px;
        border-radius: 5px;
        height: 30px;
        line-height: 30px;
        padding: 4px 10px;
        margin: 0 auto 5px !important;
	}
	#navigation.open > .cont .sub.maxi{
		background:var(--dark-bg);	
	}
	#navigation > .cont .sub.maxi .outterwrap, 
	#navigation > .cont .sub.tabbed .outterwrap{
		flex-direction:column;
		text-align:center;	
		background:transparent;
	}
	#navigation .cont .wrapper > a.nav.exp span.submenu, 
	#navigation .cont .wrapper > div.nav.exp span.submenu{
		border-radius:4px;	
		margin-top:-10px;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .title{
		margin-top:0;
		border-radius:30px;
		margin-bottom:5px;
		padding-left:0;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .title a{
		color:white;
		font-weight:600;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .title span{
		background:var(--dark-bg);
		color:white;
		font-size:15px;
		margin:auto;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .list{
		margin:auto;
		width:calc(100% - 20px);
	}
	#navigation > .cont .sub.maxi .outterwrap .block .list a.grplink{
		color:var(--main-color);
		margin: auto;
		margin-bottom:5px;
	}
	#navigation > .cont .sub.maxi .outterwrap .block .list a.grplink:before{
		display:none;	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .nav{
		padding:0 10px 0 10px;
		width:calc(50% - 20px) !important;	
		flex-grow:0;
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .tabs{
		width:calc(50% - 20px) !important;
		flex-grow:0;	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .nav span.grplink{
		background:none;
		color:var(--font-color);
		font-weight:600;
		text-align:right;
		width: calc(100% - 30px);	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .nav span.grplink.open{
		color:var(--main-color);
		background:none;	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .tabs .tab a.grplink{
		line-height:18px;	
	}
	#navigation > .cont .sub.tabbed .outterwrap .block .tabs .tab a.more{
		text-align:center;
		border:1px dashed var(--main-color);
		border-radius:5px;
		height:20px;
		line-height:22px;
		font-size:14px;
		font-weight:600;	
		padding:0 10px;
		white-space:nowrap;
	}
	#main .cont .breakline{
		margin:60px 0;
	}
	#main .cont .breakline .label{
		font-size:35px;
	}
	/**********************************************FOOTERBLOCKS*************************************************/
	#howitworks > .cont .masterlabel .label{
		font-size:50px;
	}
	#usplist{
		column-gap:50px;
	}
	#usplist .entry .text{
		font-size:20px;
		line-height: 26px;
		align-self: start;
	}
	#successstories{
		overflow: hidden;
	}
	#successstories > .cont .masterlabel{
		text-align: center;
	}
	#successstories > .cont .masterlabel .upper{
		font-size:50px;
		line-height: 50px;
		max-width:300px;
		text-align: center;
		margin: 0 auto 15px;
	}
	#successstories > .cont .masterlabel .lower{
		font-size:26px;
		line-height: 30px;
	}
	#successposters{
		grid-template-columns: repeat(2, 1fr);
	}
	#successstories.anim .entry{
		text-align: center;
	}
	#successstories.anim .entry img{
		max-width:96%;
	}
	/***********************************************FOOTER*******************************************************/
	footer > .cont{
		flex-wrap:wrap;
	}
	footer > .cont .additional{
		width:100%;
		padding-top:20px;
	}
	footer > .cont .additional .legal{
		text-align: center;
	}
	footer > .inner > .cont .upper{
		flex-wrap:wrap;
		row-gap:30px;
	}
	footer > .inner > .cont .upper .block.infoblock{
		width:30%;
		flex-grow: 0;
	}
	footer > .inner > .cont .upper .block.contactblock{
		width:55%;
	}
	footer > .inner > .cont .upper .block .contacts .entry span.label{
		flex-grow:1;
	}
	footer > .inner > .cont .upper .block .contacts .entry a,
	footer > .inner > .cont .upper .block .contacts .entry .value{
		text-align: right;
	}
	footer > .inner > .cont .upper .block.navigation{
		width:100%;
	}
	footer > .inner > .cont .upper .block.navigation .inner{
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		margin-bottom:30px;
	}
	#blanket-wrap, #confirmwrap{
		min-width:100%;
		max-widht:100%;	
	}
}
@media only screen and (min-width: 1001px) and (max-width: 1240px) {
	.outter{
		min-width:748px;	
	}
	.outter > div.cont{
		min-width:280px;
		width:auto;
	}
	header > .cont a.logosvg{
		max-width:200px;
	}
	/*******************HEADER**************************/
	#banner,
	#announcement,
	#body,
	#howitworks,
	#commercial,
	#successstories,
	#affiliate,
	footer{
		overflow: hidden;
	}
	#main .cont .breakline{

	}
	header > .cont > .headercontent .contacts a:not(.resp){
		display:none;
	}
	#navigation .cont .wrapper > a.nav, 
	#navigation .cont .wrapper > div.nav{
		font-size:16px;
	}
	/*************************************************************FOOTERBLOCKS****************************************************************/
	#successposters{
		padding:70px 20px;
	}
	#successposters .entry img{
		max-width:100%;
		height:auto;
	}
	#howitworks > .cont .masterlabel .label{
		font-size:50px;
	}
	#usplist{
		column-gap:50px;
	}
	#usplist .entry .text{
		font-size:20px;
		line-height: 26px;
		align-self: start;
	}
	#successstories > .cont .masterlabel .upper{
		font-size:60px;
	}
	/****************************************************************FOOTER*******************************************************/
	footer > .cont .additional{
		width:40%;
	}
	footer > .inner > .cont .upper .block.infoblock{
		max-width:25%;
	}
}
@media only screen and (min-width: 1241px) and (max-width: 1400px) {
	.outter{
		min-width:748px;	
	}
	.outter > div.cont{
		min-width:280px;
		width:auto;
	}
	header > .cont{
		padding:0;	
		width:100%;
	}
	header > .cont > .headercontent .contacts{
		gap:24px;
	}
	header > .cont > .headercontent .contacts a{
		font-size:18px;
	}
	#navigation .cont .wrapper > a.nav, #navigation .cont .wrapper > div.nav{
		
	}
	#howitworks > .cont .masterlabel .label{
		font-size:60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
	html, body{
		min-width:768px;
		width:auto;
	}
	.edited_content{
		/*line-height:32px;
		font-size:20px;	*/
	}
	#body a.blockedit,
	#body .blockedit_wrap,
	.blockedit_wrap.outside,
	a.blockedit,
	.blockedit_wrap,
	.blockedit_wrap.outside{
		display:none !important;	
	}
	/*******************************************************HEADER*************************************************************/
	header{
		min-width:768px;
	}
}