.clearfix:before,
.clearfix:after {
	content: " "
	display: table
}
.clearfix:after {
	clear: both
}

.container{
	width: 100%;
	max-width: 940px;
	padding-left: 15px;	
	padding-right: 15px;	
}

.img-fl-left {
	float:left;
	margin: 5px 15px 2px 0;
}

* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

#menu{
	left: 0;
	right: 0;
}
#menu ul{  
	margin-right: 0;
}

#menu .btn-group {
	float: right;
}

.mobile-nav,
.mobile-nav-fixed {
	display: none;
}

.hide-nav,
.hide-nav-fixed {
	display: none;
}

#content > .container {
	padding-left: 0;
	padding-right: 0;
	width: 940px;
}

#content.plan-video p {
	margin-top: 21px;
}

@media only screen and (max-width: 970px) {

	.container{		
		box-sizing: border-box;
	}

	.nowrap {
		white-space: nowrap;
	}

	h1, .h1 {
		line-height: 26px;
	}

	#menu ul li {
		margin-left: 20px;
	}

	#menu .down, #menu .pay, .price .pay{
		border-radius: 5px;
		overflow: hidden;
		width: 150px;
	}
	
	#header .navigation ul {
		display: block;
		text-align: justify;	
		margin: 0;
		line-height: 0;		
	}

	#header .navigation ul::after {
		content: '';
		visibility: hidden;
		overflow: hidden;
		width: 100%;
		display: inline-block;
		height: 0;
	}

	#header .navigation li {
		display: inline-block;
		margin-left: 0;
		line-height: normal;
	}

	.support {
		margin-right: 0;
	}

	#content {
		width: 100%;
		text-align: center;
	}

	#content ul,
	#content ol {
		text-align: left;
	}

	#content img {
		max-width: 100%;
	}

	#content ul li,
	#content ol li {
		margin-bottom: 8px;
		line-height: 1.2;
	}

	#content h3 {
		text-align: center;
	}

	#content > .container {
		width: 100%;
	}

	#sidebar {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	#sidebar > br {
		display: none;
	}

	#loader {
		text-align: center;
	}

	.wind {
		text-align: center;
	}

	.wind img {
		margin: 20px 0 0;
	}

	.wind p br {
		display: none;		
	}

	.video {
		text-align: center;
	}

	#opinions .heading {
		text-align: center;
	}

	#promo {
		background-image: url(../img/promo-bg-mobile.jpg);
		-webkit-background-size: cover;
		background-size: cover;
		padding-bottom: 40px;
		padding-top: 10px;
		height: auto;
	}		
	#promo.index-promo-webp {
		background: url(../img/index/promo-bg-mobile.webp) center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

	#promo .title {
		padding-top: 30px;	
	}

	#promo .title > span {
		line-height: 1;
		margin-bottom: 10px;
	}

	#promo ul {
		text-align: left;
		display: inline-block;
		margin-bottom: 40px;
	}

	#promo ul li {
		display: block;
		margin-left: 0;
		margin-bottom: 20px;
	}

	#promo ul li:last-child {
		margin-bottom: 0;
	}

	#preferences .preference {
		text-align: center;
		padding-bottom: 45px;
	}

	#preferences .preference img,
	#preferences .preference:nth-of-type(2n) img {
		float: none;
		margin-bottom: 15px;
		max-width: 440px;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	#preferences .preference h2 {
		width: 100%;
		display: block;	
		margin-bottom: 0;
		padding: 0;	
	}

	#preferences .preference p {
		width: 100%;
		display: block;		
		margin-bottom: 0;
		margin-top: 20px;
	}	

	#column {
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
	}

	#column.column-1 {
		padding-top: 30px;
		padding-bottom: 25px;
	}

	#column.column-1 + center {
		padding-left: 15px;
		padding-right: 15px;
	}

	#column .h1 {
		border-top: none;
		padding: 0;
		margin-bottom: 20px;
	}

	#column ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin-top: 30px;
	}

	#column ul li {
		margin-bottom: 30px;
		margin-left: 20px;
		margin-right: 20px;
	}

	#column ul li:first-child {
		margin-left: 20px;
	}

	#column ul li:last-child {
		margin-bottom: 0;
	}

	#column ul li center,
	#column ul li h2 {
		text-align: left;
	}

	#column ul li center {
		top: -10px;
		position: relative;
	}	

	#column ul li center h2 {
		padding-bottom: 5px;	
	}	

	#column li p {
		padding-left: 58px;
	}

	#pre-footer {
		text-align: center;
		height: auto;
		padding-bottom: 30px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
	}

	#pre-footer .down {
		margin-right: 10px;
	}

	#pre-footer .down,
	#pre-footer .pay {
		margin-top: 20px;
	}

	#pre-footer .container div:first-child {
		background-image: none;
	}

	#pre-footer .container {
		margin-left: 0!important;
	}

	#product {
		text-align: center;
		display: inline-block;
	}

	#product {
		text-align: center;
	}

	#product .down {
		margin-left: 0;		
	}

	#product .right-text {
		display: block;
		margin-left: 0;
		width: 100%;
		max-width: 435px;
		margin-top: 0;
		padding: 0;
		text-align: center;
	}

	#product .right-text > p {
		text-align: left;
	}

	#product .right-text > div {
		display: inline-block;
		text-align: left;
		width: 234px;
	}

	#product .right-text > div p {
		display: inline-block;
		text-align: left;
	}

	#product .right-text > div p span {
		padding-left: 0;
	}

	#product.buy img {
		margin-bottom: 15px;
	}

	#product.buy-construktor img {
		margin-left: 20px;
	}

	#product.buy .right-text ul li {
		line-height: 1.5;
	}

	#product.buy .right-text p {
		padding-left: 0;
	}

	#content .prices ul {
		min-height: 280px;
	}

	#content .prices ul li {
		line-height: 1.5;
	}

	.tizers-list {
		display: inline-block;
	}

	.tizers-list-header {
		text-align: center;
	}

	#content.thanks > div {
		margin: 8px 0 15px 15px!important;	
	}

	#content.thanks .product-links {
		text-align: left;
	}

	#payment {
		text-align: center;
	}

	#payment ul {
		text-align: left;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#payment ul li {
		display: inline-block;
		width: 165px;
		margin-left: 5px;
		margin-right: 5px;
	}

	#delivery {
		display: inline-block;
		width: 230px;
		position: relative;
		left: 50%;
		margin-left: -125px;
	}

	#delivery .h1 {
		padding-top: 4px;
		padding-bottom: 13px;
	}

	#delivery .h1 span {
		margin-bottom: 6px;
	}

	.pluso-top {
		display: none;
	}

	.without-pluso-top h1 {
		padding-bottom: 15px;
	}

	#content.video-page .price {
		margin-left: 0!important;
	}

	.dwnld-block {
		width: 660px;
		display: inline-block;
	}

	#content .preview-fld {
		max-width: 660px;		
		margin-left: auto;
		margin-right: auto;
	}

	.modal {
		width: 100%!important;
		height: auto!important;
	}

	.modal.psa-center {
		position: relative!important;
		top: 50%!important;
		transform: translateY(-50%);
	}

	.ifr-video-fld {
		height: 0!important;
		padding-bottom: 56.25%!important;
		overflow: hidden;
		position: relative;
	}
	
	.ifr-video {
		position: absolute!important;
		top: 0!important;
		height: 100%!important;
		left: 0!important;
		width: 100%!important;
	}


}

@media only screen and (max-width: 799px) {

	#payment ul {
		width: 500px;
		margin-left: auto;
		margin-right: auto;	
	}

	#payment ul li:nth-child(2n+1) {
		margin-right: 80px;
	}

}

@media only screen and (max-width: 767px) {

	.top {
		height: auto;
		padding-bottom: 10px;
	}

	.hide-nav,
	.hide-nav-fixed {
		position: relative;	
		float: right;		
		width: 40px;
		height: 36px;
		background-color: transparent;
		cursor: pointer;
		display: block;
		margin-top: 20px;
		margin-right: 40px;
	}
	.hide-nav__line {
		display: block;
		position: absolute;
		width: 80%;
		left: 10%;
		height: 3px;
		background-color: #37424a;
		border-radius: 3px;    
	}
	.hide-nav__line--top {
		top: 9px;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	.hide-nav__line--middle {
		top: 19px;
		opacity: 1;
	}
	.hide-nav__line--bottom {
		top: 29px;    
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	.hide-nav.is-active .hide-nav__line--top,
	.hide-nav-fixed.is-active .hide-nav__line--top {
		top: 19px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.hide-nav.is-active .hide-nav__line--middle,
	.hide-nav-fixed.is-active .hide-nav__line--middle {
		opacity: 0;
	}
	.hide-nav.is-active .hide-nav__line--bottom,
	.hide-nav-fixed.is-active .hide-nav__line--bottom {
		top: 19px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.hide-nav-fixed {
		float: left;
		margin-top: 13px;
		margin-right: 0;
	}

	.hide-nav-fixed .hide-nav__line {
		background-color: #fff;
	}

	#header .navigation,
	#menu .container > ul {
		display: none;
	}

	.mobile-nav {
		position: relative;
		left: 0;
		right: 0;
		z-index: 2; 
		top: 12px;
		display: none;		
		background-color: #37424a;
		margin-left: -15px;
		margin-right: -15px;
	}

	.mobile-nav li {
		display: block;
		text-align: center;
	}

	.mobile-nav li:last-child {
		border-bottom: 5px solid #fff;
	}

	.mobile-nav a {
		border-bottom: none;
		display: block;
		padding: 10px 0; 
		color: #fff;
	}

	.mobile-nav a:hover, 
	.mobile-nav li.active a{
		background-color: #64bed7;	
		display: block;	
	}

	#logo {
		padding-top: 15px;
		width: auto;
		display: inline-block;
	}

	#logo a {
		padding-right: 45px;
		font-size: 8px;
		padding-top: 12px;
		-webkit-background-size: 35px;
		background-size: 35px;
		background-position: 100% 0;
	}

	#logo a span {
		font-size: 23px;
		margin-bottom: -2px;
	}

	.support {
		margin-top: 23px;
	}

	#menu .mobile-nav-fixed {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 2; 
		top: 65px;	
		background: url(../img/blue-bg.png) 0 0 repeat;
		margin-left: -15px;
		margin-right: -15px;
		clear: both;
	}

	#menu .mobile-nav-fixed ul {
		display: block;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 10px;
	}

	#menu .mobile-nav-fixed ul li {
		display: block;
		text-align: center;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}	
	
	#menu .mobile-nav-fixed a {
		border-bottom: none;
		display: block;
		padding: 10px 0; 
		color: #fff;
	}

	#menu .mobile-nav-fixed li a:hover,
	#menu .mobile-nav-fixed li.active a {
		border-bottom: none;
		background-color: rgba(255,255,255, .3);
		text-decoration: none;
	}


	#pre-footer > div:first-child p,
	#pre-footer > div:first-child h2 {
		width: auto;
	}

	#footer {
		height: auto;
		padding-bottom: 30px;
	}

	#footer .navigation ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;	
		justify-content: center;
		space-between: space-around;
		flex-wrap: wrap;
	}

	#content .video-wrap {
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
		position: relative;
		width: 690px;
		height: auto;
		max-width: 100%;
		display: inline-block;
	}

	#content iframe.video-frame {
		position: absolute;
		top: 0;
		height: 100%;
		left: 0;
		width: 100%;
	}

	
	#content.thanks > div {
		float: none!important;
		margin-left: 0!important;	
	}

	#content.thanks .product-links {		
		display: inline-block;	
	}

	#content .prices div#standard,
	#content .prices div#premium,
	#content .prices div#luxe  {		
		margin-left: 15px;
		margin-right: 15px;	
		margin-bottom: 30px;
	}

	#content .prices div#luxe {
		margin-bottom: 0;
	}

	#content .prices ul li {
		line-height: 1.5;
	}

	.img-fl-left {
		float: none;
		margin: 10px 0;
	}

	.dwnld-block {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		height: auto;
		padding-bottom: 30px;
	}

	.dwnld-block .collage {
		display: none;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.dwnld-block-info {
		float: none;
		width: auto;
		text-align: center;
	}

	.dwnld-block-title {
		margin-left: 0;
		padding-right: 0;
	}
 
	.dwnld-block-info-list {
		display: inline-block;
		padding-left: 0;
		padding-right: 0;
	}

	.dwnld-block-btn-fld {
		padding-left: 0;
	}

	.dwnld-block-decor-line {
		display: none;
	}

	.preview-fld .preview-play {
		width: 150px;
		height: 150px;		
	}

}

@media only screen and (max-width: 639px) {

	#payment ul {
		display: inline-block;
		width: auto;
	}

	#payment ul li {
		margin-left: 0;
		margin-right: 0;
		width: auto;
		display: block;
	}

	#payment ul li:nth-child(2n+1) {
		margin-right: 0;
		margin-left: 0;
	}

}

@media only screen and (max-width: 599px) {

	#content .prices div#standard,
	#content .prices div#premium,
	#content .prices div#luxe  {		
		margin: 0;
		display: block;
		margin-bottom: 30px;
	}

	#content .prices div#luxe {
		margin-bottom: 0;
	}

	#content .prices {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}

	#content .prices ul {
		min-height: 100%;
	}

	.preview-fld .preview-play {
		width: 120px;
		height: 120px;		
	}

}

@media only screen and (max-width: 540px) {

	.top {
		padding-top: 50px;
	}

	.hide-nav {
		float: none;
	}

	.mobile-nav {
		left: 0;
		right: 0;
		z-index: 2; 
		display: none;		
		background-color: #37424a;
		clear: both;	
	}

	#logo {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -115px;	
	}	

	#promo .down,
	#promo .pay {
		margin-right: 0;
		display: block;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	#promo .pay {
		margin-bottom: 0;
	}

}

@media only screen and (max-width: 479px) {

	.price .pay {
		width: 110px;
		font-size: 18px;
	}

	#menu .down {
		width: 130px;
	}

	#menu .pay {
		width: 90px;
	}

	#pre-footer .down-small {
		margin-right: 0;
		display: block;		
	}

	#pre-footer .pay-small {
		margin-top: 20px;
	}

	.wind p br {
		display: inline;		
	}	

	.preview-fld .preview-play {
		width: 80px;
		height: 80px;		
	}

	.modal.psa-center {
		padding: 20px!important;
	}

	.close-modal {
		font-size: 18px!important;
		top: 2px!important;
		right: 6px!important;
	}

}

@media only screen and (max-width: 399px) {

	#product .down {
		width: 200px;
		border-radius: 5px;
		overflow: hidden;
		font-size: 20px;
		padding-left: 82px;
	}

	#product .right-text > p {
		padding-left: 35px;
	}

	.pluso {
		margin-left: -15px;
		margin-right: -15px;
	}

}





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

	.mobile-nav,
	#menu .mobile-nav-fixed {
		display: none!important;
	}

}