/* Width < 1640 ****************************************************/
@media screen and (max-width:1640px){

	.wraper-1240 {
		width:1100px;	min-width:1100px; max-width:1100px;
	}
	.wraper-1300 {
		width:1160px;	min-width:1160px; max-width:1160px;
	}
	.wraper-1360 {
		width:1220px;	min-width:1220px; max-width:1220px;
	}
	.wraper-1440 {
		width:1300px;	min-width:1300px; max-width:1300px;
	}
	.wraper-1640 {
		width:1400px;	min-width:1400px; max-width:1400px;
	}

	/****************** Header ******************/
	.header-padding {height: 113px;}
	/****** logo ******/
	.header-logo {width: 272px; height:103px;}
	/****** nav ******/
	.header-nav > ul > li {margin: 0 10px;}
	.header-nav > ul > li > a {padding: 4px 5px; font-size: 20px;}
	/****** header-right ******/
	.header-socials li a {width: 27px; height: 27px;}
	/*** languages ***/
	#languages {margin-left: 22px;}
	#languages li a {font-size: 16px;}
	/*** tel ***/
	.header-tel {margin-left: 18px;}
	.header-tel a {font-size: 20px;}

	/****************** Footer ******************/
	.footer-wrap  {background-size: 62px, 62px;}
	.footer-block {padding-top: 35px; padding-bottom: 13px;}
	/****** nav ******/
	.footer-nav ul li a {font-size: 20px;}
	/****** logo ******/
	.footer-logo {
		margin-top: -6px; 
		width: 383px; height: 139px;
	}
	/****** footer-right ******/
	.footer-right {margin-top: 9px;}
	/*** socials ***/
	.footer-socials li {margin: 0 8px;}
	.footer-socials li a {width: 35px; height: 35px;}
	/*** tel and mail ***/
	.footer-tel {margin-top: 16px;}
	.footer-mail {margin-top: 7px;}
	.footer-tel a, .footer-mail a {font-size: 23px;}
	/*** made ***/
	.footer-made {margin-top: 25px;}
	.footer-made a {font-size: 14px;}

	/****************** Home ******************/
	.main-slider .slick-slide {
		height: calc(100vh - 113px);
		min-height: 530px;
	}
	/** arrows **/
	.main-slider .slick-prev, .main-slider .slick-next {width: 43px; height: 64px;}
	.main-slider .slick-prev {left: calc(50% + 550px); top: calc(100% - 49px);}
	.main-slider .slick-next {right: calc(50% - 656px); top: calc(100% - 49px);}
	.main-slider .slick-prev:before, .main-slider .slick-next:before {width: 43px; height: 64px;}
	/***** slider-text *****/
	.main-slider-text h2 {font-size: 42px;}
	.main-slider-text h2:after {margin: 11px 0 9px -50px;}
	.main-slider-text p {font-size: 42px;}
	/** link **/
	.main-slider-text-link {margin-top: 60px;}
	.main-slider-text-link a {padding: 14px 26px; font-size: 28px;}
	/******** trilogy ********/
	.trilogy-title {margin-top: 25px;}
	.trilogy-title:after {
		width: 1600px; height: 98px;
		border: 9px solid #cdbf76;
		border-top: 0; border-left: 0;
		border-image: url(../img/border-bg1.jpg) 30 round round;
	}
	.trilogy-title h2 {font-size: 46px;}
	/*********/
	.trilogy-block {
		margin-top: 55px; margin-bottom: 100px;
	}
	.trilogy-block:before {
		width: 333px; height: 468px;
		right: -135px; top: -135px;
	}
	.trilogy-block:after {
		width: 441px; height: 446px;
		left: -140px; bottom: -100px;
	}
	/***** info *****/
	.trilogy-info-text h1, .trilogy-info-text h2, .trilogy-info-text h3, .trilogy-info-text p {
		font-size: 20px;
	}
	.trilogy-info-text-line {margin-left: -27px; width: 125px;}
	.trilogy-info-text ul, .trilogy-info-text ol {margin: 35px 0 35px 80px;}
	.trilogy-info-text li {margin-top: 23px; margin-bottom: 23px; font-size: 20px;}
	.trilogy-info-text li:before {
		left: -43px; top: 0;
		width: 31px; height: 31px;
	}
	/** link **/
	.trilogy-info-link {margin-top: 45px;}
	.trilogy-info-link a {padding: 10px 22px; font-size: 22px;}
	/***** sliders *****/
	.trilogy-slider-big {
		width: calc(100% - 36px); margin: 18px 18px 0 18px;
	}
	/*** small ***/
	.trilogy-slider-small {margin: 18px auto;}
	.trilogy-slider-small .slick-slide {margin: 0 8px;}
	/* arrows */
	.trilogy-slider-small .slick-prev, .trilogy-slider-small .slick-next {width: 16px; height: 32px;}
	.trilogy-slider-small .slick-prev:before, .trilogy-slider-small .slick-next:before {width: 16px; height: 32px;}
	/******** about ********/
	.about-slider, .about-slider.slick-dotted.slick-slider {margin: 30px 0 55px 13%;}
	/***** about-text *****/
	.about-text-block {width: calc(59% - 110px);}
	/** title **/
	.about-title {margin-top: 9px; margin-left: 240px;}
	.about-title:after {width: 1140px; height: 74px;}
	.about-title h2 {font-size: 48px;}
	/*** text ***/
	.about-text {margin-top: 60px;}
	/****/
	.about-text h1, .about-text h2, .about-text h3, .about-text p {margin-top: 17px; margin-bottom: 17px;}
	.about-text ul, .about-text ol {margin: 8px 0 8px 15px;}
	.about-text li {margin-top: 9px; margin-bottom: 9px;}
	/** link **/
	.about-text-link {margin-top: 55px;}
	.about-text-link a {font-size: 24px;}
	.about-text-link a:after {
		left: -60px; bottom: -15px;
		width: 115px;
	}
	.about-text-link a:before {
		right: -97px; top: -15px;
		width: 152px;
	}
	/******** books ********/
	.books-block {margin-bottom: 78px;}
	/** title **/
	.books-title {margin-top: 12px;}
	.books-title:after {
		width: 950px; height: 130px;
		border: 11px solid #cdbf76;
		border-top: 0; border-left: 0;
		border-image: url(../img/border-bg1.jpg) 30 round round;
	}
	.books-title h2 {font-size: 70px;}
	/********/
	.book-item {margin-top: 69px;}
	.book-item:nth-child(1) {margin-top: 45px;}
	/***** info *****/
	.book-item-title h2 {padding: 11px 22px 10px 22px; font-size: 27px;}
	/*** text ***/
	.book-item-text {margin-top: 25px;}
	.book-item3 .book-item-text {margin-top: 15px;}
	/****/
	.book-item-text h1, .book-item-text h2, .book-item-text h3, .book-item-text p {
		margin-top: 18px; margin-bottom: 18px;
		font-size: 20px;
	}
	.book-item-text ul, .book-item-text ol {margin: 9px 0 9px 20px;}
	.book-item-text li {
		margin-top: 9px; margin-bottom: 9px;
		font-size: 20px;
	}
	/** link **/
	.book-item-btn {margin-top: 30px;}
	.book-item3 .book-item-btn {margin-top: 18px;}
	.book-item-btn a {font-size: 23px;}
	/***** sliders *****/
	.book-slider-big {
		width: calc(100% - 26px); margin: 13px 13px 0 13px;
	}
	/* arrows */
	.book-slider-big .slick-prev, .book-slider-big .slick-next {width: 39px; height: 76px;}
	.book-slider-big .slick-prev:before, .book-slider-big .slick-next:before {width: 39px; height: 76px;}
	/*** small ***/
	.book-slider-small {margin: 13px auto 13px auto;}
	.book-slider-small .slick-slide {margin: 0 5px;}
	/******** otzivi ********/
	.otzivi-block:before {
		width: 445px; height: 324px;
		right: -145px; 
	}
	.otzivi-block:after {
		width: 441px; height: 446px;
		left: -143px; top: -21px;
	}
	.otzivi-block {padding-bottom: 140px;}
	/** title **/
	.otzivi-title {margin-top: 22px;}
	.otzivi-title:after {
		width: 1150px; height: 140px;
		border: 11px solid #cdbf76;
		border-top: 0; border-right: 0;
		border-image: url(../img/border-bg1.jpg) 30 round round;
	}
	.otzivi-title h2 {font-size: 70px;}
	/***** slider *****/
	.otzivi-slider .slick-prev, .otzivi-slider .slick-next {width: 40px; height: 40px;}
	.otzivi-slider .slick-prev {left: 195px;}
	.otzivi-slider .slick-next {right: calc(100% - 287px);}
	.otzivi-slider .slick-prev:before, .otzivi-slider .slick-next:before {width: 40px; height: 40px;}
	/*******/
	.otziv-name-block {padding: 14px 35px 12px 35px;}
	.otziv-name-block p {font-size: 32px;}
	/*** text ***/
	.otziv-text {margin-top: 22px;}
	/****/
	.otziv-text h1, .otziv-text h2, .otziv-text h3, .otziv-text p {
		margin-top: 18px; margin-bottom: 18px;
		font-size: 18px;
	}
	.otziv-text ul, .otziv-text ol {margin: 9px 0 9px 15px;}
	.otziv-text li {
		margin-top: 9px; margin-bottom: 9px;
		font-size: 18px;
	}
	/******** upakovka ********/
	.upakovka-block {margin-bottom: 48px;}
	/** title **/
	.upakovka-title {margin-top: 15px; margin-right: 90px;}
	.upakovka-title:after {
		width: 1620px; height: 112px;
		border: 11px solid rgba(0,0,0,.5);
		border-top: 0; border-right: 0;;
	}
	.upakovka-title:before {width: 1615px; top: 41px;}
	.upakovka-title h2 {font-size: 68px;}
	/***** sliders *****/
	.upakovka-slider-big {
		width: calc(100% - 80px); margin: 18px 40px 0 40px;
	}
	.upakovka-slider-big:after {bottom: -10px;}
	/**** small ****/
	.upakovka-slider-small {margin: 25px auto 23px auto;}
	.upakovka-slider-small .slick-slide {margin: 0 8px;}
	/* arrows */
	.upakovka-slider-small .slick-prev, .upakovka-slider-small .slick-next {width: 21px; height: 40px;}
	.upakovka-slider-small .slick-prev {left: -34px;}
	.upakovka-slider-small .slick-next {right: -34px;}
	.upakovka-slider-small .slick-prev:before, .upakovka-slider-small .slick-next:before {width: 21px; height: 40px;}
	/**** text ****/
	.upakovka-text {padding-top: 13px;}
	/****/
	.upakovka-text h1, .upakovka-text h2, .upakovka-text h3, .upakovka-text p {
		margin-top: 18px; margin-bottom: 18px;
		font-size: 20px;
	}
	.upakovka-text ul, .upakovka-text ol {margin: 9px 0 9px 15px;}
	.upakovka-text li {
		margin-top: 9px; margin-bottom: 9px;
		font-size: 20px;
	}
	/*** buy ***/
	.upakovka-buy-block {margin: 37px auto 0 auto;}
	/****/
	.upakovka-buy-item p {font-size: 22px;}
	.upakovka-buy-item p:after {margin: 9px auto;}
	.upakovka-buy-price {font-size: 23px;}
	/** btn **/
	.upakovka-buy-btn a {padding: 8px 25px 7px 25px; font-size: 20px;}

	/****************** Other ******************/
	.tops {width: 54px; height: 54px;}
	/******** anhors ********/
	#trilogy, #about, #books, #upakovka, #otzivi, #contacts {top: -110px;}

	/****************** Popups ******************/
	.window-info {
		width: 1120px; height: 510px;
		padding: 13px 13px 17px 17px;
	}
	.window-book {
		width: 1120px; height: 540px;
		padding: 13px 13px 17px 17px;
	}
	.pop-close {width: 18px; height: 18px;}
	/***** text *****/
	.window-info-text {height: 510px;}
	.window-book-text {height: 453px;}
	/******/
	.window-info-text h1, .window-info-text h2, .window-info-text h3, .window-info-text p, .window-book-text h1, .window-book-text h2, .window-book-text h3, .window-book-text p {
		margin-top: 18px; margin-bottom: 18px;
		font-size: 18px;
	}
	.window-info-text ul, .window-info-text ol, .window-book-text ul, .window-book-text ol {
		margin: 9px 0 9px 15px;
	}
	.window-info-text li, .window-book-text li {
		margin-top: 9px; margin-bottom: 9px;
		font-size: 18px;
	}
	/***** book-more *****/
	.window-book-price {margin-right: 90px;}
	.window-book-price p {font-size: 32px;}
	/** link **/
	.window-book-buy a {padding: 9px 23px 8px 23px; font-size: 23px;}

	/****************** Popup Send ******************/
	.window-send {
		height: 380px;
		padding: 25px 35px 25px 35px;
	}
	/****** form ******/
	.popup-feedback-form input.feedback-form-border {padding: 8px 15px; font-size: 20px;}
	.popup-feedback-form textarea {padding: 8px 15px; font-size: 16px;}
	/** submitFF **/
	.feedback-form-btn .submitFF {padding: 14px 0 12px 0; font-size: 20px;}
}

/* Width < 1440 ****************************************************/
@media screen and (max-width:1440px){

	.wraper-1240 {
		padding-left: 10px; padding-right: 10px;
		width:1020px;	min-width:1020px; max-width:1020px;
	}
	.wraper-1300 {
		padding-left: 10px; padding-right: 10px;
		width:1070px;	min-width:1070px; max-width:1070px;
	}
	.wraper-1360 {
		padding-left: 10px; padding-right: 10px;
		width:1110px;	min-width:1110px; max-width:1110px;
	}
	.wraper-1440 {
		padding-left: 10px; padding-right: 10px;
		width:1160px;	min-width:1160px; max-width:1160px;
	}
	.wraper-1640 {
		padding-left: 10px; padding-right: 10px;
		width:1220px;	min-width:1220px; max-width:1220px;
	}

	/****************** Header ******************/
	.header-block {
		padding: 0 0!important; 
		width: 100%!important; max-width: 100%!important; min-width: 100%!important;
	}
	.header-padding {height: 103px;}
	/****** logo ******/
	.header-logo {
		margin-left: 10px;
		width: 245px; height:93px;
	}
	/****** nav ******/
	.header-nav > ul > li {margin: 0 7px;}
	.header-nav > ul > li > a {padding: 4px 5px; font-size: 17px;}
	/****** header-right ******/
	.header-right {margin-right: 15px;}
	/*** socials ***/
	#languages li a {font-size: 15px;}
	/*** tel ***/
	.header-tel a {font-size: 18px;}

	/****************** Footer ******************/
	.footer-wrap  {background-size: 59px, 59px;}
	/****** nav ******/
	.footer-nav {margin: 0 40px 0 60px;}
	.footer-nav ul li a {font-size: 18px;}
	/****** logo ******/
	.footer-logo {
		margin-top: -4px; 
		width: 345px; height: 125px;
	}
	/****** footer-right ******/
	.footer-tel {margin-top: 14px;}
	.footer-mail {margin-top: 5px;}
	.footer-tel a, .footer-mail a {font-size: 21px;}

	/****************** Home ******************/
	.main-slider .slick-slide {
		height: calc(100vh - 103px);
		min-height: 480px;
	}
	/** arrows **/
	.main-slider .slick-prev, .main-slider .slick-next {width: 39px; height: 58px;}
	.main-slider .slick-prev {left: calc(50% + 490px);}
	.main-slider .slick-next {right: calc(50% - 583px);}
	.main-slider .slick-prev:before, .main-slider .slick-next:before {width: 39px; height: 58px;}
	/***** slider-text *****/
	.main-slider-text h2 {font-size: 36px;}
	.main-slider-text h2:after {margin: 11px 0 9px -40px; width: 34%;}
	.main-slider-text p {font-size: 36px;}
	/** link **/
	.main-slider-text-link {margin-top: 52px;}
	.main-slider-text-link a {padding: 12px 24px; font-size: 25px;}
	/******** trilogy ********/
	.trilogy-title {margin-top: 23px;}
	.trilogy-title:after {
		width: 1460px; height: 90px;
	}
	.trilogy-title h2 {font-size: 40px;}
	/*********/
	.trilogy-block {
		margin-top: 52px; margin-bottom: 90px;
	}
	.trilogy-block:before {
		width: 300px; height: 422px;
		right: -115px; top: -120px;
	}
	.trilogy-block:after {
		width: 397px; height: 402px;
		left: -120px; bottom: -90px;
	}
	/***** info *****/
	.trilogy-info-text h1, .trilogy-info-text h2, .trilogy-info-text h3, .trilogy-info-text p {
		margin-top: 18px; margin-bottom: 18px;
		font-size: 18px;
	}
	.trilogy-info-text-line {margin-left: -23px; width: 118px;}
	.trilogy-info-text ul, .trilogy-info-text ol {margin: 31px 0 31px 70px;}
	.trilogy-info-text li {margin-top: 22px; margin-bottom: 22px; font-size: 18px;}
	.trilogy-info-text li:before {
		left: -40px; top: -1px;
		width: 28px; height: 28px;
	}
	/** link **/
	.trilogy-info-link {margin-top: 40px;}
	.trilogy-info-link a {padding: 10px 20px; font-size: 20px;}
	/***** sliders *****/
	.trilogy-slider-big {
		width: calc(100% - 30px); margin: 15px 15px 0 15px;
	}
	/*** small ***/
	.trilogy-slider-small {margin: 15px auto;}
	.trilogy-slider-small .slick-slide {margin: 0 6px;}
	/******** about ********/
	.about-slider, .about-slider.slick-dotted.slick-slider {margin: 28px 0 53px 10%;}
	/* dots */
	.about-slider .slick-dots {bottom:-33px;}
	/***** about-text *****/
	.about-text-block {width: calc(62% - 90px);}
	/** title **/
	.about-title {margin-left: 270px;}
	.about-title:after {width: 1110px; height: 68px;}
	.about-title h2 {font-size: 42px;}
	/*** text ***/
	.about-text {margin-top: 53px;}
	/****/
	.about-text h1, .about-text h2, .about-text h3, .about-text p {margin-top: 15px; margin-bottom: 15px;}
	.about-text ul, .about-text ol {margin: 7px 0 7px 15px;}
	.about-text li {margin-top: 8px; margin-bottom: 8px;}
	/** link **/
	.about-text-link {margin-top:42px;}
	.about-text-link a {font-size: 22px;}
	.about-text-link a:after {
		left: -55px; bottom: -13px;
		width: 105px;
	}
	.about-text-link a:before {
		right: -90px; top: -13px;
		width: 140px;
	}
	/******** books ********/
	.books-block {margin-bottom: 78px;}
	/** title **/
	.books-title:after {width: 915px; height: 116px;}
	.books-title h2 {font-size: 64px;}
	/********/
	.book-item {margin-top: 65px;}
	.book-item:nth-child(1) {margin-top: 38px;}
	/***** info *****/
	.book-item-title h2 {padding: 11px 20px 10px 20px; font-size: 24px;}
	/*** text ***/
	.book-item-text {margin-top: 20px;}
	.book-item3 .book-item-text {margin-top: 14px;}
	/****/
	.book-item-text h1, .book-item-text h2, .book-item-text h3, .book-item-text p {
		margin-top: 17px; margin-bottom: 17px;
		font-size: 17.5px;
	}
	.book-item-text ul, .book-item-text ol {margin: 8px 0 8px 20px;}
	.book-item-text li {
		margin-top: 8px; margin-bottom: 8px;
		font-size: 18px;
	}
	/** link **/
	.book-item-btn {margin-top: 25px;}
	.book-item3 .book-item-btn {margin-top: 16px;}
	.book-item-btn a {padding: 10px 25px 9px 25px; font-size: 22px;}
	/***** sliders *****/
	.book-slider-big {
		width: calc(100% - 24px); margin: 12px 12px 0 12px;
	}
	/* arrows */
	.book-slider-big .slick-prev, .book-slider-big .slick-next {width: 35px; height: 69px;}
	.book-slider-big .slick-prev:before, .book-slider-big .slick-next:before {width: 35px; height: 69px;}
	/*** small ***/
	.book-slider-small {margin: 12px auto 12px auto;}
	.book-slider-small .slick-slide {margin: 0 4px;}
	/******** otzivi ********/
	.otzivi-block:before {
		width: 400px; height: 292px;
		right: -120px; 
	}
	.otzivi-block:after {
		width: 397px; height: 402px;
		left: -122px; top: -21px;
	}
	.otzivi-block {padding-bottom: 133px;}
	/** title **/
	.otzivi-title {margin-top: 18px;}
	.otzivi-title:after {
		width: 1125px; height: 127px;
	}
	.otzivi-title h2 {font-size: 64px;}
	/***** slider *****/
	.otziv-name-block {padding: 13px 30px 11px 30px;}
	.otziv-name-block p {font-size: 28px;}
	/*** text ***/
	.otziv-text h1, .otziv-text h2, .otziv-text h3, .otziv-text p {
		margin-top: 16px; margin-bottom: 16px;
		font-size: 17px;
	}
	.otziv-text ul, .otziv-text ol {margin: 8px 0 8px 15px;}
	.otziv-text li {
		margin-top: 8px; margin-bottom: 8px;
		font-size: 17px;
	}
	/******** upakovka ********/
	.upakovka-title {margin-top: 14px; margin-right: 70px;}
	.upakovka-title:after {width: 1550px; height: 106px;}
	.upakovka-title:before {width: 1550px; height: 2px; top: 38px;}
	.upakovka-title h2 {font-size: 60px;}
	/***** sliders *****/
	.upakovka-sliders-block {margin: 57px auto 0 auto;}
	/**** big ****/
	.upakovka-slider-big {
		width: calc(100% - 60px); margin: 15px 30px 0 30px;
	}
	.upakovka-slider-big:after {bottom: -10px;}
	/**** small ****/
	.upakovka-slider-small {margin: 22px auto 20px auto;}
	.upakovka-slider-small .slick-slide {margin: 0 6px;}
	/* arrows */
	.upakovka-slider-small .slick-prev, .upakovka-slider-small .slick-next {width: 20px; height: 40px;}
	.upakovka-slider-small .slick-prev {left: -35px;}
	.upakovka-slider-small .slick-next {right: -35px;}
	.upakovka-slider-small .slick-prev:before, .upakovka-slider-small .slick-next:before {width: 20px; height: 40px;}
	/**** text ****/
	.upakovka-text h1, .upakovka-text h2, .upakovka-text h3, .upakovka-text p {
		margin-top: 16px; margin-bottom: 16px;
		font-size: 18px;
	}
	.upakovka-text ul, .upakovka-text ol {margin: 8px 0 8px 15px;}
	.upakovka-text li {
		margin-top: 8px; margin-bottom: 8px;
		font-size: 18px;
	}
	/*** buy ***/
	.upakovka-buy-block {margin: 35px auto 0 auto;}
	/****/
	.upakovka-buy-item p {font-size: 20px;}
	.upakovka-buy-item p:after {margin: 8px auto;}
	.upakovka-buy-price {font-size: 22px;}
	/** btn **/
	.upakovka-buy-btn a {padding: 8px 22px 7px 22px; font-size: 19px;}

	/****************** Other ******************/
	.tops {width: 52px; height: 52px;}
	/******** anhors ********/
	#trilogy, #about, #books, #upakovka, #otzivi, #contacts {top: -93px;}

	/****************** Popups ******************/
	.window-info {width: 1020px; height: 470px;}
	.window-book {width: 1020px; height: 485px;}
	/***** text *****/
	.window-info-text {height: 470px;}
	.window-book-text {height: 404px;}
	/******/
	.window-info-text h1, .window-info-text h2, .window-info-text h3, .window-info-text p, .window-book-text h1, .window-book-text h2, .window-book-text h3, .window-book-text p {
		margin-top: 16px; margin-bottom: 16px;
		font-size: 16px;
	}
	.window-info-text ul, .window-info-text ol, .window-book-text ul, .window-book-text ol {
		margin: 8px 0 8px 15px;
	}
	.window-info-text li, .window-book-text li {
		margin-top: 8px; margin-bottom: 8px;
		font-size: 16px;
	}
	/***** book-more *****/
	.window-book-more {margin: 18px auto;}
	/** price **/
	.window-book-price {margin-right: 80px;}
	.window-book-price p {font-size: 28px;}
	/** link **/
	.window-book-buy a {padding: 9px 22px 8px 22px; font-size: 20px;}

	/****************** Popup Send ******************/
	.window-send {
		width: 370px; height: 364px;
		padding: 18px 32px 18px 32px;
	}
	/****** form ******/
	.popup-feedback-form input.feedback-form-border {padding: 8px 15px; font-size: 19px;}
	.popup-feedback-form textarea {padding: 8px 15px; font-size: 16px;}
	/** submitFF **/
	.feedback-form-btn {margin-top: 12px;}
	.feedback-form-btn .submitFF {padding: 14px 0 12px 0; font-size: 19px;}

	/****************** Popup Suc ******************/
	#window-suc {
		width: 350px; height: 34px;
		padding: 50px 40px 50px 40px;
	}
	/*********/
	#window-suc p {font-size: 23px;}
}

/* Width < 1240 ****************************************************/
@media screen and (max-width:1240px){

	.wraper-1240 {
		width:860px;	min-width:860px; max-width:860px;
	}
	.wraper-1300 {
		width:890px;	min-width:890px; max-width:890px;
	}
	.wraper-1360 {
		width:920px;	min-width:920px; max-width:920px;
	}
	.wraper-1440 {
		width:960px;	min-width:960px; max-width:960px;
	}
	.wraper-1640 {
		width:1000px;	min-width:1000px; max-width:1000px;
	}

	/****************** Header ******************/
	.header-padding {height: 84px;}
	/****** logo ******/
	.header-logo {width: 220px; height:84px;}
	/****** nav ******/
	.header-nav { 
		width: 100%; max-width: 100%; margin: 0 auto; z-index: -1;
		position: absolute; left: 0; right: 0; top: 0; 
		display: none; background: #1f1f1f;
		overflow-x: hidden; overflow-y: auto;
		height: 100vh;
	}
	/*** nav-button ***/
	.nav-button {display: block;} 
	.cmn-toggle-switch {left: 270px;}
	/**********/
	.header-nav > ul {
		margin: -140px auto 0 auto; width: 320px; height: 325px; 
		position: absolute; top: 50%; left: 0; right: 0;  
	}
	.header-nav > ul > li {
		display: block; text-align: center;
		margin: 8px auto; padding: 0 0; 
	}
	.header-nav > ul > li > a {
		padding: 6px 16px 6px 16px; display: inline-block;
		font-size: 28px; 
	}
	/****** header-right ******/
	.header-socials li a {width: 25px; height: 25px;}
	/*** languages ***/
	#languages li a {font-size: 14px;}
	/*** tel ***/
	.header-tel a {font-size: 17px;}

	/****************** Footer ******************/
	.footer-wrap  {background-size: 55px, 55px;}
	/****** nav ******/
	.footer-nav {margin: 0 20px 0 60px;}
	.footer-nav ul li a {font-size: 17px;}
	/****** logo ******/
	.footer-logo {
		margin-top: 0; 
		width: 310px; height: 112px;
	}
	/****** footer-right ******/
	.footer-socials li {margin: 0 7px;}
	.footer-socials li a {width: 32px; height: 32px;}
	/*** tel and mail ***/
	.footer-tel {margin-top: 12px;}
	.footer-mail {margin-top: 4px;}
	.footer-tel a, .footer-mail a {font-size: 19px;}
	/*** made ***/
	.footer-made a {font-size: 13px;}

	/****************** Home ******************/
	.main-slider .slick-slide {
		height: calc(100vh - 94px);
		min-height: 460px;
	}
	/** arrows **/
	.main-slider .slick-prev, .main-slider .slick-next {width: 35px; height: 53px;}
	.main-slider .slick-prev {left: calc(50% + 390px);}
	.main-slider .slick-next {right: calc(50% - 477px);}
	.main-slider .slick-prev:before, .main-slider .slick-next:before {width: 35px; height: 53px;}
	/***** slider-text *****/
	.main-slider-text h2 {font-size: 32px;}
	.main-slider-text h2:after {margin: 10px 0 8px -28px; width: 35%;}
	.main-slider-text p {font-size: 32px;}
	/** link **/
	.main-slider-text-link {margin-top: 52px;}
	.main-slider-text-link a {padding: 11px 22px; font-size: 22px;}
	/******** trilogy ********/
	.trilogy-title {margin-top: 22px;}
	.trilogy-title:after {
		width: 1330px; height: 80px;
	}
	.trilogy-title h2 {font-size: 34px;}
	/*********/
	.trilogy-block {
		margin-top: 47px; margin-bottom: 90px;
	}
	.trilogy-block:before {
		width: 270px; height: 380px;
		right: -100px; top: -115px;
	}
	.trilogy-block:after {
		width: 397px; height: 402px;
		left: -105px; bottom: -90px;
	}
	/***** info *****/
	.trilogy-info-text h1, .trilogy-info-text h2, .trilogy-info-text h3, .trilogy-info-text p {
		margin-top: 15px; margin-bottom: 15px;
		font-size: 15.5px;
	}
	.trilogy-info-text-line {margin-left: -20px; width: 110px;}
	.trilogy-info-text ul, .trilogy-info-text ol {margin: 25px 0 25px 55px;}
	.trilogy-info-text li {margin-top: 18px; margin-bottom: 18px; font-size: 15.5px;}
	.trilogy-info-text li:before {
		left: -35px; top: -1px;
		width: 24px; height: 24px;
	}
	/** link **/
	.trilogy-info-link {margin-top: 30px;}
	.trilogy-info-link a {padding: 10px 20px 9px 20px; font-size: 18px;}
	/***** sliders *****/
	.trilogy-slider-small .slick-slide {margin: 0 4px;}
	/* arrows */
	.trilogy-slider-small .slick-prev, .trilogy-slider-small .slick-next {width: 14px; height: 28px;}
	.trilogy-slider-small .slick-prev {left: -24px;}
	.trilogy-slider-small .slick-next {right: -24px;}
	.trilogy-slider-small .slick-prev:before, .trilogy-slider-small .slick-next:before {width: 14px; height: 28px;}
	/******** about ********/
	.about-slider, .about-slider.slick-dotted.slick-slider {margin: 30px 0 55px 5%; width: 32%;}
	/***** about-text *****/
	.about-text-block {width: calc(63% - 95px);}
	/** title **/
	.about-title {margin-top: 9px; margin-left: 240px;}
	.about-title:after {width: 1030px; height: 66px;}
	.about-title h2 {font-size: 38px;}
	/*** text ***/
	.about-text {margin-top: 53px;}
	/****/
	.about-text h1, .about-text h2, .about-text h3, .about-text p {
		margin-top: 15px; margin-bottom: 15px;
		font-size: 15px;
	}
	.about-text ul, .about-text ol {margin: 7px 0 7px 15px;}
	.about-text li {
		margin-top: 8px; margin-bottom: 8px;
		font-size: 15px;
	}
	/** link **/
	.about-text-link {margin-top: 30px;}
	.about-text-link a {font-size: 20px;}
	.about-text-link a:after {
		left: -55px; bottom: -10px;
		width: 100px;
	}
	.about-text-link a:before {
		right: -87px; top: -10px;
		width: 135px;
	}
	/******** books ********/
	.books-block {margin-bottom: 73px;}
	/** title **/
	.books-title:after {width: 880px; height: 101px;}
	.books-title h2 {font-size: 54px;}
	/********/
	.book-item {margin-top: 55px;}
	.book-item:nth-child(1) {margin-top: 45px;}
	/***** info *****/
	.book-item-text-block {margin-top: 30px;}
	.book-item3 .book-item-text-block {margin-top: 25px;}
	/** title **/
	.book-item-title h2 {padding: 10px 18px 9px 18px; font-size: 20px;}
	/*** text ***/
	.book-item-text {margin-top: 15px;}
	.book-item3 .book-item-text {margin-top: 12px;}
	/****/
	.book-item-text h1, .book-item-text h2, .book-item-text h3, .book-item-text p {
		margin-top: 12px; margin-bottom: 12px;
		font-size: 15.5px;
	}
	.book-item-text ul, .book-item-text ol {margin: 6px 0 6px 20px;}
	.book-item-text li {
		margin-top: 6px; margin-bottom: 6px;
		font-size: 15.5px;
	}
	/** link **/
	.book-item-btn {margin-top: 17px;}
	.book-item3 .book-item-btn {margin-top: 12px;}
	.book-item-btn a {padding: 9px 23px 8px 23px; font-size: 18px;}
	/***** sliders *****/
	.book-slider-big {
		width: calc(100% - 18px); margin: 9px 9px 0 9px;
	}
	/* arrows */
	.book-slider-big .slick-prev, .book-slider-big .slick-next {width: 29px; height: 55px;}
	.book-slider-big .slick-prev:before, .book-slider-big .slick-next:before {width: 29px; height: 55px;}
	/*** small ***/
	.book-slider-small {margin: 9px auto 9px auto;}
	/******** otzivi ********/
	.otzivi-block:before {
		width: 360px; height: 263px;
		right: -101px; 
	}
	.otzivi-block:after {
		width: 357px; height: 362px;
		left: -100px; top: -21px;
	}
	.otzivi-block {padding-bottom: 125px;}
	/** title **/
	.otzivi-title {margin-top: 16px;}
	.otzivi-title:after {
		width: 1085px; height: 112px;
	}
	.otzivi-title h2 {font-size: 54px;}
	/***** slider *****/
	.otzivi-slider .slick-prev, .otzivi-slider .slick-next {width: 36px; height: 36px;}
	.otzivi-slider .slick-prev {left: 165px;}
	.otzivi-slider .slick-next {right: calc(100% - 250px);}
	.otzivi-slider .slick-prev:before, .otzivi-slider .slick-next:before {width: 36px; height: 36px;}
	/*******/
	.otziv-name-block {padding: 12px 27px 10px 27px;}
	.otziv-name-block p {font-size: 24px;}
	/*** text ***/
	.otziv-text h1, .otziv-text h2, .otziv-text h3, .otziv-text p {
		margin-top: 14px; margin-bottom: 14px;
		font-size: 15px;
	}
	.otziv-text ul, .otziv-text ol {margin: 7px 0 7px 15px;}
	.otziv-text li {
		margin-top: 7px; margin-bottom: 7px;
		font-size: 15px;
	}
	/******** upakovka ********/
	.upakovka-title {margin-top: 13px; margin-right: 50px;}
	.upakovka-title:after {width: 1440px; height: 92px;}
	.upakovka-title:before {width: 1430px; top: 30px;}
	.upakovka-title h2 {font-size: 50px;}
	/***** sliders *****/
	.upakovka-sliders-block {margin: 55px auto 0 auto;}
	/**** big ****/
	.upakovka-slider-big {
		width: calc(100% - 50px); margin: 15px 25px 0 25px;
	}
	/**** small ****/
	.upakovka-slider-small .slick-prev, .upakovka-slider-small .slick-next {width: 18px; height: 36px;}
	.upakovka-slider-small .slick-prev {left: -33px;}
	.upakovka-slider-small .slick-next {right: -33px;}
	.upakovka-slider-small .slick-prev:before, .upakovka-slider-small .slick-next:before {width: 18px; height: 36px;}
	/**** text ****/
	.upakovka-text h1, .upakovka-text h2, .upakovka-text h3, .upakovka-text p {
		margin-top: 15px; margin-bottom: 15px;
		font-size: 15.5px;
	}
	.upakovka-text ul, .upakovka-text ol {margin: 7px 0 7px 15px;}
	.upakovka-text li {
		margin-top: 7px; margin-bottom: 7px;
		font-size: 15.5px;
	}
	/*** buy ***/
	.upakovka-buy-block {margin: 34px auto 0 auto; width: 90%;}
	/****/
	.upakovka-buy-item p {font-size: 18.5px;}
	.upakovka-buy-price {font-size: 22px;}
	/** btn **/
	.upakovka-buy-btn a {padding: 8px 20px 7px 20px; font-size: 18px;}

	/****************** Other ******************/
	.tops {width: 49px; height: 49px;}
	/******** anhors ********/
	#trilogy, #about, #books, #upakovka, #otzivi, #contacts {top: -83px;}

	/****************** Popups ******************/
	.window-info {width: 900px; height: 450px;}
	.window-book {width: 900px; height: 470px;}
	/***** text *****/
	.window-info-text {height: 450px;}
	.window-book-text {height: 398px;}
	/******/
	.window-info-text h1, .window-info-text h2, .window-info-text h3, .window-info-text p, .window-book-text h1, .window-book-text h2, .window-book-text h3, .window-book-text p {
		margin-top: 14px; margin-bottom: 14px;
		font-size: 15.5px;
	}
	.window-info-text ul, .window-info-text ol, .window-book-text ul, .window-book-text ol {
		margin: 7px 0 7px 15px;
	}
	.window-info-text li, .window-book-text li {
		margin-top: 7px; margin-bottom: 7px;
		font-size: 15.5px;
	}
	/***** book-more *****/
	.window-book-more {margin: 16px auto;}
	/** price **/
	.window-book-price {margin-right: 65px;}
	.window-book-price p {font-size: 25px;}
	/** link **/
	.window-book-buy a {padding: 8px 20px 7px 20px; font-size: 18px;}

	/****************** Popup Send ******************/
	.window-send {
		width: 340px; height: 358px;
		padding: 16px 27px 16px 27px;
	}
	/****** form ******/
	.popup-feedback-form input.feedback-form-border {font-size: 17.5px;}
	.popup-feedback-form textarea {font-size: 15px;}
	/** submitFF **/
	.feedback-form-btn .submitFF {padding: 13px 0 11px 0; font-size: 18px;}
}

/* Width < 1020 ****************************************************/
@media screen and (max-width:1020px){

	.wraper-1240 {
		width:700px;	min-width:700px; max-width:700px;
	}
	.wraper-1300 {
		width:720px;	min-width:720px; max-width:720px;
	}
	.wraper-1360 {
		width:740px;	min-width:740px; max-width:740px;
	}
	.wraper-1440 {
		width:760px;	min-width:760px; max-width:760px;
	}
	.wraper-1640 {
		width:780px;	min-width:780px; max-width:780px;
	}

	/****************** Header ******************/
	.header-padding {height: 76px;}
	/****** logo ******/
	.header-logo {width: 198px; height:76px;}
	/****** nav ******/
	.cmn-toggle-switch {height: 76px; left: 235px;}
	.cmn-toggle-switch span {top: 37px;}
	/**********/
	.header-nav > ul {
		margin: -127px auto 0 auto; width: 290px; height: 290px; 
	}
	.header-nav > ul > li {margin: 7px auto;}
	.header-nav > ul > li > a {font-size: 24px; }
	/****** header-right ******/
	.header-socials li a {width: 23px; height: 23px;}
	/*** languages ***/
	#languages li a {font-size: 13px;}
	/*** tel ***/
	.header-tel a {font-size: 16px;}

	/****************** Footer ******************/
	.footer-wrap  {background-size: 70px, 70px;}
	.footer-block {display: block;}
	/****** nav ******/
	.footer-nav {margin: 0 auto;} .footer-nav ul {text-align: center;}
	.footer-nav ul li {display: inline-block; margin: 0 5px;}
	.footer-nav ul li a {font-size: 16px;}
	/****** logo ******/
	.footer-logo {
		margin: 27px auto 0 auto;
		width: 280px; height: 100px;
	}
	/****** footer-right ******/
	.footer-right {margin: 30px auto 0 auto;}
	/*** tel and mail ***/
	.footer-tel a, .footer-mail a {font-size: 18px;}

	/****************** Home ******************/
	.main-slider .slick-slide {
		height: calc(100vh - 86px);
		min-height: 420px; max-height: 420px; height: 420px;
	}
	/** arrows **/
	.main-slider .slick-prev, .main-slider .slick-next {width: 31px; height: 48px;}
	.main-slider .slick-prev {left: calc(50% + 290px);}
	.main-slider .slick-next {right: calc(50% - 367px);}
	.main-slider .slick-prev:before, .main-slider .slick-next:before {width: 31px; height: 48px;}
	/***** slider-text *****/
	.main-slider-text {margin-top: 10px;}
	/******/
	.main-slider-text h2 {font-size: 26px;}
	.main-slider-text h2:after {margin: 10px 0 8px -18px; width: 30%;}
	.main-slider-text p {font-size: 26px;}
	/** link **/
	.main-slider-text-link {margin-top: 42px;}
	.main-slider-text-link a {padding: 11px 21px; font-size: 19px;}
	/******** trilogy ********/
	.trilogy-title {margin-top: 20px;}
	.trilogy-title:after {
		width: 1200px; height: 72px;
	}
	.trilogy-title h2 {font-size: 28px;}
	/*********/
	.trilogy-block {
		margin-top: 45px; margin-bottom: 60px;
		flex-flow: row wrap; -ms-flex-flow: row wrap;
	}
	.trilogy-block:before, .trilogy-block:after {display: none;}
	/***** info *****/
	.trilogy-info-block {margin: 20px auto 0 auto; width: 80%; order: 2;}
	/***** sliders *****/
	.trilogy-sliders-block {width: 60%; margin: 0 auto; order: 1;}
	/******** about ********/
	.about-block {flex-flow: row wrap; -ms-flex-flow: row wrap;}
	/***** slider *****/
	.about-slider, .about-slider.slick-dotted.slick-slider {margin: 50px auto 60px auto; width: 50%; order: 2;}
	/***** about-text *****/
	.about-text-block {width: 80%; order: 1; margin: 0 auto;}
	/** title **/
	.about-title {margin-left: 320px;}
	.about-title:after {width: 1065px; height: 62px;}
	.about-title h2 {font-size: 32px;}
	/******** books ********/ 
	.books-block {margin-bottom: 68px;}
	/** title **/
	.books-title:after {width: 840px; height: 85px;}
	.books-title h2 {font-size: 44px;}
	/********/
	.book-item {
		margin-top: 125px;
		flex-flow: row wrap; -ms-flex-flow: row wrap;
	}
	.book-item:nth-child(1) {margin-top: 145px;}
	.book-item3 {margin-top: 150px}
	/***** info *****/
	.book-item-text-block, .book-item3 .book-item-text-block {margin: 5px auto 0 auto; width: 80%; order: 2;}
	/** title **/
	.book-item-title {
		position: absolute; left: 0; right: 0;
		top: -610px;
	}
	.book-item3 .book-item-title {top: -635px;}
	.book-item-title h2 {font-size: 19px;}
	/*** text ***/
	.book-item-text, .book-item3 .book-item-text {margin-top: 15px;}
	/** link **/
	.book-item-btn, .book-item3 .book-item-btn {margin-top: 17px;}
	/***** sliders *****/
	.book-sliders-block {width: 60%; margin: 0 auto;}
	/******** otzivi ********/
	.otzivi-block:before, .otzivi-block:after {display: none;}
	.otzivi-block {padding-bottom: 120px;}
	/** title **/
	.otzivi-title {margin-top: 15px;}
	.otzivi-title:after {
		width: 1035px; height: 98px;
	}
	.otzivi-title h2 {font-size: 46px;}
	/***** slider *****/
	.otziv-name-block {padding: 12px 25px 10px 25px;}
	.otziv-name-block p {font-size: 22px;}
	/******** upakovka ********/
	.upakovka-title {margin-right: 20px;}
	.upakovka-title:after {width: 1320px; height: 84px;}
	.upakovka-title:before {width: 1335px; top: 25px;}
	.upakovka-title h2 {font-size: 42px;}
	/***** sliders *****/
	.upakovka-slider-small .slick-prev, .upakovka-slider-small .slick-next {width: 16px; height: 32px;}
	.upakovka-slider-small .slick-prev {left: -29px;}
	.upakovka-slider-small .slick-next {right: -29px;}
	.upakovka-slider-small .slick-prev:before, .upakovka-slider-small .slick-next:before {width: 16px; height: 32px;}
	/*** buy ***/
	.upakovka-buy-block {margin: 34px auto 0 auto; width: 100%;}
	/****/
	.upakovka-buy-item p {font-size: 18px;}
	.upakovka-buy-price {font-size: 21px;}
	/** btn **/
	.upakovka-buy-btn a {font-size: 18px;}

	/****************** Other ******************/
	.tops {width: 48px; height: 48px;}
	/******** anhors ********/
	#trilogy, #about, #books, #upakovka, #otzivi, #contacts {top: -74px;}

	/****************** Popups ******************/
	.window-info {width: 700px;}
	.window-book {width: 700px;}

		/****************** Popup Suc ******************/
	#window-suc {
		width: 320px; height: 33px;
		padding: 45px 30px 45px 30px;
	}
	/*********/
	#window-suc p {font-size: 22px;}
}

/* Width < 800 ****************************************************/
@media screen and (max-width:800px){

	.wraper-1240 {
		padding-left: 5px; padding-right: 5px;
		width:410px;	min-width:410px; max-width:410px;
	}
	.wraper-1300 {
		padding-left: 5px; padding-right: 5px;
		width:430px;	min-width:430px; max-width:430px;
	}
	.wraper-1360 {
		padding-left: 5px; padding-right: 5px;
		width:450px;	min-width:450px; max-width:450px;
	}
	.wraper-1440 {
		padding-left: 5px; padding-right: 5px;
		width:470px;	min-width:470px; max-width:470px;
	}
	.wraper-1640 {
		padding-left: 5px; padding-right: 5px;
		width:470px;	min-width:470px; max-width:470px;
	}

	/****************** Header ******************/
	.header-padding {height: 69px;}
	/****** logo ******/
	.header-logo {
		width: 69px; height:69px;
		background: url(../img/socials/logo-mini.png)no-repeat center center; background-size: 100%;
	}
	/****** nav ******/
	.cmn-toggle-switch {width: 94px; height: 69px; left: 85px;}
	.cmn-toggle-switch span {top: 32px;}
	.cmn-toggle-switch span::before {top: -16px;}
	.cmn-toggle-switch span::after {bottom: -16px;}
	/**********/
	.header-nav > ul {
		margin: -117px auto 0 auto; width: 255px; height: 275px;  
	}
	.header-nav > ul > li > a {font-size: 22px;}
	/****** header-right ******/
	.header-right {
		width: 160px;
		flex-flow: row wrap; -ms-flex-flow: row wrap;
	}
	/*** socials ***/
	.header-socials {margin-left: 3px;}
	.header-socials li {float: left; margin: 0 3px;}
	.header-socials li a {width: 22px; height: 22px;}
	/*** languages ***/
	#languages {margin-left: 20px;}
	#languages li {float: left; margin: 0 3px;}
	#languages li a {font-size: 13px;}
	/*** tel ***/
	.header-tel {margin: 10px auto 0 auto; text-align: center; width: 100%}
	.header-tel a {font-size: 16px;}

	/****************** Footer ******************/
	.footer-wrap  {background-size: 56px, 56px;}
	/****** nav ******/
	.footer-nav ul li {margin: 0 3px;}
	.footer-nav ul li a {font-size: 15px; text-transform: none;}
	/****** logo ******/
	.footer-logo {
		margin: 26px auto 0 auto;
		width: 250px; height: 88px;
	}
	/****** footer-right ******/
	.footer-right {margin: 28px auto 0 auto;}
	/*** tel and mail ***/
	.footer-tel a, .footer-mail a {font-size: 17px;}

	/****************** Home ******************/
	.main-slider:after {width: 60%;}
	.main-slider .slick-slide {
		height: calc(100vh - 79px);
		min-height: 390px; max-height: 390px; height: 390px;
	}
	/** arrows **/
	.main-slider .slick-prev, .main-slider .slick-next {width: 28px; height: 44px;}
	.main-slider .slick-prev {left: calc(100% - 75px); top: calc(100% - 33px);}
	.main-slider .slick-next {right: 10px; top: calc(100% - 33px);}
	.main-slider .slick-prev:before, .main-slider .slick-next:before {width: 28px; height: 44px;}
	/***** slider-text *****/
	.main-slider-text-block {
		padding: 0 20px !important; 
		width: 100%!important; max-width: 100%!important; min-width: 100%!important;
	}
	.main-slider-text {width: 60%;}
	/******/
	.main-slider-text h2 {font-size: 24px;}
	.main-slider-text h2:after {margin: 9px 0 8px -10px; width: 35%;}
	.main-slider-text p {font-size: 24px;}
	/** link **/
	.main-slider-text-link {margin-top: 35px;}
	.main-slider-text-link a {padding: 10px 21px; font-size: 17px;}
	/******** trilogy ********/
	.trilogy-title {margin-top: 20px;}
	.trilogy-title:after {
		width: 1020px; height: 63px;
	}
	.trilogy-title h2 {font-size: 20px;}
	/*********/
	.trilogy-block {margin-top: 50px; margin-bottom: 58px;}
	/***** info *****/
	.trilogy-info-block {margin: 15px auto 0 auto; width: 90%;}
	/***** sliders *****/
	.trilogy-sliders-block {width: 80%;}
	/*** small ***/
	.trilogy-slider-small {width: 80%;}
	/******** about ********/
	.about-slider, .about-slider.slick-dotted.slick-slider {width: 63%;}
	/***** about-text *****/
	.about-text-block {width: 90%;}
	/** title **/
	.about-title {margin-left: 160px;}
	.about-title:after {width: 1035px; height: 50px;}
	.about-title h2 {font-size: 24px;}
	/******** books ********/ 
	.books-block {margin-bottom: 67px;}
	/** title **/
	.books-title:after {width: 810px; height: 75px;}
	.books-title h2 {font-size: 38px;}
	/********/
	.book-item {margin-top: 115px;}
	.book-item:nth-child(1) {margin-top: 135px;}
	.book-item3 {margin-top: 138px}
	/***** info *****/
	.book-item-text-block, .book-item3 .book-item-text-block {width: 90%;}
	/** title **/
	.book-item-title {top: -510px;}
	.book-item3 .book-item-title {top: -532px;}
	.book-item-title h2 {font-size: 17.5px;}
	/*** text ***/
	.book-item-text, .book-item3 .book-item-text {margin-top: 15px;}
	/** link **/
	.book-item-btn a {font-size: 17px;}
	/***** sliders *****/
	.book-sliders-block {width: 80%;}
	/******** otzivi ********/
	.otzivi-slider {margin-top: 70px;}
	.otzivi-block {padding-bottom: 120px;}
	/** title **/
	.otzivi-title {margin-top: 15px;}
	.otzivi-title:after {
		width: 1000px; height: 85px;
	}
	.otzivi-title h2 {font-size: 38px;}
	/***** slider *****/
	.otzivi-slider .slick-prev {left: 65px;}
	.otzivi-slider .slick-next {right: calc(100% - 150px);}
	/*******/
	.otziv-name-block p {font-size: 21px;}
	/******** upakovka ********/
	.upakovka-title {margin: 10px auto 0 auto;}
	.upakovka-title:after {width: 1162px; height: 74px;}
	.upakovka-title:before {width: 1165px; top: 21px;}
	.upakovka-title h2 {font-size: 36px;}
	/***** sliders *****/
	.upakovka-sliders-block {width: 95%;}
	/**** small ****/
	.upakovka-slider-small {width: 78%;}
	/* arrows */
	.upakovka-slider-small .slick-prev, .upakovka-slider-small .slick-next {width: 15px; height: 30px;}
	.upakovka-slider-small .slick-prev {left: -28px;}
	.upakovka-slider-small .slick-next {right: -28px;}
	.upakovka-slider-small .slick-prev:before, .upakovka-slider-small .slick-next:before {width: 15px; height: 30px;}
	/*** buy ***/
	.upakovka-buy-block {
		margin: 34px auto 0 auto; width: 100%;
		flex-flow: row wrap; -ms-flex-flow: row wrap;
		-webkit-box-pack: center;	-ms-flex-pack: center; justify-content: center;
	}
	/****/
	.upakovka-buy-item {width: calc(50% - 20px);}
	.upakovka-buy-item:nth-child(3) {margin-top: 35px;}
	.upakovka-buy-item p {font-size: 17px;}
	.upakovka-buy-price {font-size: 20px;}
	/** btn **/
	.upakovka-buy-btn a {font-size: 18px;}

	/****************** Other ******************/
	.tops {width: 45px; height: 45px;}
	/******** anhors ********/
	#trilogy, #about, #books, #upakovka, #otzivi, #contacts {top: -63px;}

	/****************** Popups ******************/
	.window-info {width: 450px;}
	.window-book {width: 450px;}
	/***** text *****/
	.window-book-text {height: 402px;}
	/***** book-more *****/
	.window-book-more {margin: 15px auto; width: 100%;}
	/** price **/
	.window-book-price {margin-right: 40px;}
	.window-book-price p {font-size: 23px;}
	/** link **/
	.window-book-buy a {font-size: 16.5px;}

	/****************** Popup Send ******************/
	.window-send {width: 330px; height: 355px;}
	/****** form ******/
	.feedback-form-btn .submitFF {font-size: 17px;}

			/****************** Popup Suc ******************/
	#window-suc {
		width: 300px; height: 30px;
		padding: 42px 20px 42px 20px;
	}
	/*********/
	#window-suc p {font-size: 20px;}
}

/* Width < 480 ****************************************************/
@media screen and (max-width:480px){

	.wraper-1240 {
		width:280px;	min-width:280px; max-width:280px;
	}
	.wraper-1300 {
		width:290px;	min-width:290px; max-width:290px;
	}
	.wraper-1360 {
		width:300px;	min-width:300px; max-width:300px;
	}
	.wraper-1440 {
		width:310px;	min-width:310px; max-width:310px;
	}
	.wraper-1640 {
		width:310px;	min-width:310px; max-width:310px;
	}

	/****************** Header ******************/
	.header-padding {height: 62px;}
	/****** logo ******/
	.header-logo {width: 62px; height:62px;}
	/****** nav ******/
	.cmn-toggle-switch {width: 90px; height: 62px; left: 75px;}
	.cmn-toggle-switch span {top: 29px;}
	.cmn-toggle-switch span::before {top: -15px;}
	.cmn-toggle-switch span::after {bottom: -15px;}
	/**********/
	.header-nav > ul {
		margin: -100px auto 0 auto; width: 230px; height: 245px; 
	}
	.header-nav > ul > li {margin: 5px auto;}
	.header-nav > ul > li > a {font-size: 19px;}
	/****** header-right ******/
	.header-right {width: 145px;}
	/*** socials ***/
	.header-socials {margin-left: 5px;}
	.header-socials li a {width: 20px; height: 20px;}
	/*** languages ***/
	#languages {margin-left: 15px;}
	#languages li {margin: 0 2px;}
	#languages li a {font-size: 12px;}
	/*** tel ***/
	.header-tel a {font-size: 15px;}
	
	/****************** Footer ******************/
	.footer-wrap  {background-size: 48px, 48px;}
	/****** logo ******/
	.footer-logo {
		margin: 26px auto 0 auto;
		width: 200px; height: 70px;
	}
	/****** footer-right ******/
	.footer-right {margin: 25px auto 0 auto;}
	/*** socials ***/
	.footer-socials li {margin: 0 5px;}
	.footer-socials li a {width: 29px; height: 29px;}
	/*** tel and mail ***/
	.footer-tel a, .footer-mail a {font-size: 15.5px;}

	/****************** Home ******************/
	.main-slider:after {width: 65%;}
	.main-slider .slick-slide {
		height: calc(100vh - 72px);
		min-height: 320px; max-height: 320px; height: 320px;
	}
	/** arrows **/
	.main-slider .slick-prev, .main-slider .slick-next {width: 25px; height: 40px;}
	.main-slider .slick-prev {left: calc(100% - 68px); top: calc(100% - 30px);}
	.main-slider .slick-next {right: 10px; top: calc(100% - 30px);}
	.main-slider .slick-prev:before, .main-slider .slick-next:before {width: 25px; height: 40px;}
	/***** slider-text *****/
	.main-slider-text-block {padding: 0 10px !important; }
	.main-slider-text {width: 70%;}
	/******/
	.main-slider-text h2 {font-size: 20px;}
	.main-slider-text h2:after {margin: 8px 0 7px -10px; height: 3px;}
	.main-slider-text p {font-size: 20px;}
	/** link **/
	.main-slider-text-link {margin-top: 30px;}
	.main-slider-text-link a {padding: 9px 18px; font-size: 15px;}
	/******** trilogy ********/
	.trilogy-title:after {
		width: 850px; height: 85px;
	}
	.trilogy-title h2 {font-size: 20px;}
	/*********/
	.trilogy-block {margin-bottom: 57px;}
	/***** info *****/
	.trilogy-info-block {margin: 12px auto 0 auto; width: 100%;}
	/***** sliders *****/
	.trilogy-sliders-block {width: 90%;}
	/*** small ***/
	.trilogy-slider-small {width: 75%;}
	/* arrows */
	.trilogy-slider-small .slick-prev, .trilogy-slider-small .slick-next {width: 13px; height: 26px;}
	.trilogy-slider-small .slick-prev {left: -23px;}
	.trilogy-slider-small .slick-next {right: -23px;}
	.trilogy-slider-small .slick-prev:before, .trilogy-slider-small .slick-next:before {width: 13px; height: 26px;}
	/******** about ********/
	.about-slider, .about-slider.slick-dotted.slick-slider {width: 73%;}
	/***** about-text *****/
	.about-text-block {width: 100%;}
	/** title **/
	.about-title {margin-left: 145px;}
	.about-title:after {width: 942px; height: 45px;}
	.about-title h2 {font-size: 22px;}
	/** link **/
	.about-text-link a {font-size: 18px;}
	.about-text-link a:after {
		left: -48px; bottom: -8px;
		width: 95px;
	}
	.about-text-link a:before {
		right: -80px; top: -8px;
		width: 125px;
	}
	/******** books ********/ 
	.books-block {margin-bottom: 65px;}
	/** title **/
	.books-title:after {width: 780px; height: 64px;}
	.books-title h2 {font-size: 30px;}
	/********/
	.book-item {margin-top: 100px;}
	.book-item:nth-child(1) {margin-top: 115px;}
	.book-item3 {margin-top: 118px}
	/***** info *****/
	.book-item-text-block, .book-item3 .book-item-text-block {width: 100%;}
	/** title **/
	.book-item-title {top: -385px;}
	.book-item3 .book-item-title {top: -404px;}
	.book-item-title h2 {padding: 10px 12px 9px 12px; font-size: 13.5px;}
	/*** text ***/
	.book-item-text, .book-item3 .book-item-text {margin-top: 12px;}
	/***** sliders *****/
	.book-sliders-block {width:89%;}
	/******** otzivi ********/
	.otzivi-slider {margin-top: 65px;}
	.otzivi-block {padding-bottom: 120px;}
	/** title **/
	.otzivi-title {margin-top: 13px;}
	.otzivi-title:after {
		width: 975px; height: 75px;
	}
	.otzivi-title h2 {font-size: 32px;}
	/***** slider *****/
	.otzivi-slider .slick-prev {left: 45px;}
	.otzivi-slider .slick-next {right: calc(100% - 130px);}
	/*******/
	.otziv-name-block p {font-size: 18px;}
	/*** text ***/
	.otziv-text h1, .otziv-text h2, .otziv-text h3, .otziv-text p {
		margin-top: 10px; margin-bottom: 10px;
		font-size: 13px;
	}
	.otziv-text ul, .otziv-text ol {margin: 5px 0 5px 15px;}
	.otziv-text li {
		margin-top: 5px; margin-bottom: 5px;
		font-size: 13px;
	}
	/******** upakovka ********/
	.upakovka-title:after {width: 1070px; height: 62px;}
	.upakovka-title:before {width: 1072px; top: 15px;}
	.upakovka-title h2 {font-size: 28px;}
	/***** sliders *****/
	.upakovka-slider-small {width: 73%;}
	/* arrows */
	.upakovka-slider-small .slick-prev, .upakovka-slider-small .slick-next {width: 13px; height: 28px;}
	.upakovka-slider-small .slick-prev {left: -25px;}
	.upakovka-slider-small .slick-next {right: -25px;}
	.upakovka-slider-small .slick-prev:before, .upakovka-slider-small .slick-next:before {width: 13px; height: 28px;}
	/*** buy ***/
	.upakovka-buy-item {width: 100%;}
	.upakovka-buy-item:nth-child(2), .upakovka-buy-item:nth-child(3) {margin-top: 30px;}
	/** btn **/
	.upakovka-buy-btn a {font-size: 17px;}

	/****************** Other ******************/
	.tops {width: 42px; height: 42px;}
	/******** anhors ********/
	#trilogy, #about, #books, #upakovka, #otzivi, #contacts {top: -67px;}

	/****************** Popups ******************/
	.window-info {width: 285px; height: 410px;}
	.window-book {width: 285px; height: 425px;}
	/***** text *****/
	.window-info-text {height: 410px;}
	.window-book-text {height: 372px;}
	/***** book-more *****/
	.window-book-more {margin: 12px auto;}
	/** price **/
	.window-book-price {margin-right: 20px;}
	.window-book-price p {font-size: 16px;}
	/** link **/
	.window-book-buy a {font-size: 14.5px; padding: 5px 10px 4px 10px;}

	/****************** Popup Send ******************/
	.window-send {width: 265px; height: 350px;}
	/****** form ******/
	.feedback-form-btn .submitFF {font-size: 16px;}

				/****************** Popup Suc ******************/
	#window-suc {
		width: 280px; height: 28px;
		padding: 35px 20px 35px 20px;
	}
	/*********/
	#window-suc p {font-size: 19px;}
}