@font-face {
	font-family: "Montserrat";
	src: url("/templates/rostsayt/fonts/Montserrat-Bold.ttf");
	font-weight: 700;
	}
@font-face {
	font-family: "Montserrat";
	src: url("/templates/rostsayt/fonts/Montserrat-Regular.ttf");
	font-weight: 400;
	}
@font-face {
	font-family: "Montserrat";
	src: url("/templates/rostsayt/fonts/Montserrat-Medium.ttf");
	font-weight: 500;
	}
/* Настройки шаблона */
	:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 120%; color: #000; outline: 1px solid #ddd; overflow-x: hidden;}

h1, .h1 {font-family: Montserrat, sans-serif;  font-size: 45px; font-weight: 700; color: #242121; line-height: 130%;}
h2, .h2 {font-family: Montserrat, sans-serif;  font-size: 30px; font-weight: 700; color: #242121; line-height: 120%; text-transform: uppercase}
h3, .h3 {font-family: Montserrat, sans-serif;  font-size: 24px; font-weight: 400; color: #242121; line-height: 130%;}
h4, .h4 {font-family: Montserrat, sans-serif;  font-size: 20px; font-weight: 700; color: #242121; line-height: 120%;}
h5, .h5 {font-family: Montserrat, sans-serif;  font-size: 18px; font-weight: 700; color: #242121; line-height: 120%;}
h6, .h6 {font-family: Montserrat, sans-serif;  font-size: 14px; font-weight: 400; color: #242121; line-height: 130%;}

a {text-decoration: none;}

/* Общие классы */
#center main {overflow: unset;}
.shadow-warning {box-shadow: 7px 0 15px rgba(255, 161, 27, .5);}
.btn-sliderCallOrder {background: #FFA11B; border-radius: 50px; text-align: center;  width:auto; height: 50px; color: white; margin-top: 2rem; text-transform: uppercase; font-weight: 700}
.btn-sliderCallOrder:hover {color: white; box-shadow: 0 0 15px rgba(255, 161, 27, .5);}
.introtext {margin-top: 3rem}
/* Переопределения Bootstrap */

i.fa.fa-angle-up {background: url('/images/icons/angle-up-solid.svg') no-repeat center; width: 100%; height: 100%; }

/* Шапка */
header {z-index: 10; margin-top: 20px;}
header .headerTime img {padding-right: 1rem}
header .headerTime {font-weight: 500; line-height: 130%; text-align: right}
header .headerMail img {padding-right: 1rem}
header .headerMail {font-weight: 500; line-height: 130%; text-align: right	}
header .headerAdress img {padding-right: 1rem}
header .headerAdress{font-weight: 500; line-height: 130%; text-align: center}
header .headerPhone img {padding-right: 1rem}
header .headerPhone {font-weight: 500; line-height: 130%; text-align: right}
header #header_items{border-bottom: 1px solid #BBBBBB; }

header #top_menu {order: 3; width:100%;border-bottom: 1px solid #BBBBBB}
header #top_menu > div {width:100%}
header #top_menu ul {display:flex; margin-top: 15px;  width:100%; justify-content:start;}
header #top_menu ul li {margin-right: 7%;}
header #top_menu ul li a:hover {color: #FFA11B}
header #top_menu ul li a {color: #242121; font-weight: 700}
header #top_menu .main::before {content: url('/images/modules/header/005.png');padding-right: 0.5rem}
header #top_menu #btn-onlineOrder {float: right; margin-bottom: 0.5rem;}
header #top_menu #btn-onlineOrder .btn-onlineOrder {position: relative; width: 175px; height: 40px; border-radius: 50px; background: #fff; text-align: center; margin-top: 0.5rem; }
header #top_menu #btn-onlineOrder .btn-onlineOrder::before {top: -3px; bottom: -3px; left: -3px; right: -3px; content: ""; position: absolute; background: linear-gradient(90deg, rgba(253,239,37,1) 24%, rgba(237,80,80,1) 98%); border-radius: 34px; z-index: -1;}
header #top_menu #btn-onlineOrder .btn-onlineOrder:hover {background: none; color: white}

header #top_menu ul li.parent:hover ul {position: absolute}

header #top_menu .nav li ul {position: absolute;display: none; background: white; padding-top: .5rem; padding-bottom: .5rem;}
header #top_menu ul li ul li {margin-bottom: 1rem; margin-left: 1.7rem; margin-top: .7rem;border-bottom: 1px solid #929090}
header #top_menu ul li:hover ul {display: block; position: absolute; top: 100%; left: 0; width: 350px; background: white; font-size: 16px;}
header #top_menu ul li.parent:hover ul {display: block;}
header #top_menu ul.nav ul {width: 100%;}
header #top_menu ul li:hover > ul {position: relative; top: 0; width: 100%;}
header #top_menu ul li > ul {padding-top: 0; padding-bottom: 0;}
header #top_menu ul li {display:block; position: relative;}
header #top_menu ul li.parent::after {display: none;}

/* Подвал */

footer {margin-top: 100px;}
footer .col-3 {margin-top: 55px;}
footer ul {flex-direction: column}
footer ul li {margin-right: 10%; margin-bottom: 16px}
footer ul li a {text-decoration: none; color: #242121}
footer .footer_items {align-items: center}
footer .footer_items .footerWebsText {text-decoration: none; color: #242121}
footer .footer_items .footerWebs img {margin-right: 30px}
footer .footer_items .footerWebs .lastImg {margin-right: 0}
footer .footer_items .footerAbout { text-decoration: none; color: #242121}
footer .author {margin-top: 3rem; margin-bottom: 2rem;}
footer .allRights {text-align: left;font-weight: 500; white-space: nowrap;}
footer .politica {text-align: center; font-weight: 500}
footer .rostsayt {text-align: right; font-weight: 500}

/* Модули */
.mod-slider .title {margin-top: 7.5rem}
.mod-slider .sliderImg {float: right; margin-top: 3rem; }
.mod-slider .sliderBackground {position: absolute; z-index: -1;top: -440px; left: -900px; transform: rotate(47deg)}

.mod-about-slider .title {margin-top: 6.5rem}
.mod-about-slider .sliderImg {float: right; margin-top: 6.5rem}
.mod-about-slider .sliderBackground {position: absolute; z-index: -1;top: -130px; left: -312px;transform: rotate(-45deg)}

.mod-packages-slide {position: relative}
.mod-packages-slide #titlePackages {font-weight: 700; margin-bottom: 1rem}
.mod-packages-slide .title {margin-top: 6.5rem}
.mod-packages-slide .sliderImg {float: right; margin-top: 6.5rem}
.mod-packages-slide .sliderBackground {position: absolute; z-index: -1;top: -440px; left: -900px; transform: rotate(47deg)}

.mod-packing-slider {position: relative}
.mod-packing-slider .title {margin-top: 6.5rem}
.mod-packing-slider .packingImg {float: right; margin-top: 6.5rem}
.mod-packing-slider .packingBackground {position: absolute; z-index: -1;top: -440px; left: -900px; transform: rotate(47deg)}

.mod-polygraphy-slide {position: relative}
.mod-polygraphy-slide .title {margin-top: 6.5rem}
.mod-polygraphy-slide .polygraphyImg {float: right; margin-top: 6.5rem}
.mod-polygraphy-slide .polygraphyBackground {position: absolute; z-index: -1;top: -440px; left: -900px; transform: rotate(47deg)}

.mod-stickers-title {margin-top: 4.5rem }
.mod-stickers-title .backgroundSticker {position: absolute;z-index: -1;top: -440px; left: -900px; transform: rotate(47deg)}

.mod-stickers-slide {position: relative}
.mod-stickers-slide .title {margin-top: 6.5rem}
.mod-stickers-slide .polygraphyImg {float: right; margin-top: 6.5rem}
.mod-stickers-slide .one .design0 {transform: translate(0, -10%); margin-top: 2rem;}
.mod-stickers-slide .two .design1 {transform: translate(0,20%);margin-top: 2rem;}
.mod-stickers-slide .three .design1 {transform: translate(0,50%);margin-top: 2rem;}
.mod-stickers-slide .row .backgroundSticker {position: absolute;z-index: -1;top: 60px; left: -312px;}
.mod-stickers-slide	.row .row .backgroundSticker {position: absolute;z-index: -1; top: 400px; left: 1150px;}

.mod-home-popular {position: relative}
.mod-home-popular a {background: white;box-shadow: 0 0 15px rgba(0, 0, 0, .2);padding-bottom: 2rem}
.mod-home-popular a:hover{box-shadow: 0 0 15px rgba(255, 161, 27, .2);}
.mod-home-popular .popularTitle {text-align: center; margin-top: 9rem; margin-bottom: 6rem}
.mod-home-popular .img {text-align: center; margin-top: 5rem}
.mod-home-popular .text {text-align: center; color: #242121; margin-top: 2rem}
.mod-home-popular .popularBackground {position: absolute; z-index: -1; top: -150px; right: -312px}

.mod-home-about {position: relative}
.mod-home-about .title {margin-top: 12rem}
.mod-home-about .aboutImg1 {margin-top: 15rem}
.mod-home-about .aboutImg2 {margin-top: 9rem}
.mod-home-about .aboutBackground {position: absolute; z-index: -1; top: -50px; left: -312px; }

.mod-home-pluses {position: relative}
.mod-home-pluses a {box-shadow: 0 0 15px rgba(0, 0, 0, .2);padding-bottom: 2rem}
.mod-home-pluses a:hover{box-shadow: 0 0 15px rgba(255, 161, 27, .2);}
.mod-home-pluses .plusesTitle {text-align: center; margin-top: 9rem; margin-bottom: 4rem}
.mod-home-pluses .col-md-3 #img {text-align: center; margin-top: 5rem}
.mod-home-pluses .col-md-3 .text {text-align: center; color: #242121;  margin-top: 1rem}
.mod-home-pluses .plusesBackground1 {position: absolute; z-index: -2; left: -312px}
.mod-home-pluses .plusesBackground2 {position: absolute; z-index: -1; top: 350px;right: -312px}

.mod-packing-pluses {position: relative}
.mod-packing-pluses .plusesTitle {text-align: center; margin-top: 9rem; margin-bottom: 3rem}
.mod-packing-pluses .col-md-3 #img {text-align: center; margin-top: 5rem}
.mod-packing-pluses .col-md-3 .text {text-align: center; color: #242121;  margin-top: 1rem}
.mod-packing-pluses .pluses2Background {position: absolute; z-index: -2; right: -312px; top: -160px}

.mod-packages-pluses {position: relative}
.mod-packages-pluses .plusesTitle {text-align: center; margin-top: 9rem; margin-bottom: 3rem}
.mod-packages-pluses .col-md-3 #img {text-align: center; margin-top: 5rem}
.mod-packages-pluses .col-md-3 .text {text-align: center; color: #242121;  margin-top: 1rem}

.mod-polygraphy-pluses {position: relative}
.mod-polygraphy-pluses .plusesTitle {text-align: center; margin-top: 9rem; margin-bottom: 3rem}
.mod-polygraphy-pluses 	#img {text-align: center; margin-top: 5rem}
.mod-polygraphy-pluses .text {text-align: center; color: #242121;  margin-top: 1rem}
.mod-polygraphy-pluses .desc {text-align: center; color: #242121;  margin-top: 1rem}
.mod-polygraphy-pluses .plusesBackground2 {position: absolute; z-index: -1; right: -600px}

.mod-packages-table .titleTable {text-align: center; margin-top: 9.25rem; margin-bottom: 4.5rem;}
.mod-packages-table table {margin: auto;text-transform: uppercase; text-align: center; border-right: 1px solid #FFA11B; border-bottom: 1px solid #FFA11B;border-left: 1px solid #FFA11B; border-top: none;border-collapse: collapse; width: 1044px; height: 440px; opacity: 1}
.mod-packages-table .orangeBg {background: rgba(255, 161, 27, .15);}
.mod-packages-table #circulation {color: #FFA11B}
.mod-packages-table .tableInfo {text-align: center;margin-top: 1.5rem}
.mod-packages-table th {border-bottom: 1px solid #FFA11B; border-right: 1px solid #FFA11B;}
.mod-packages-table td {border: 1px solid #FFA11B}

.mod-home-news {position: relative}
.mod-home-news .newsTitle {margin-top: 7rem; margin-bottom: 2rem}
.btn-newsAllNews {position: relative; width: 217px; height: 40px; border-radius: 50px; background: #fff; text-align: center; margin-top: 7rem; float: right}
.btn-newsAllNews::before {top: -3px; bottom: -3px; left: -3px; right: -3px; content: ""; position: absolute; background: linear-gradient(90deg, rgba(253,239,37,1) 24%, rgba(237,80,80,1) 98%); border-radius: 34px; z-index: -1;}
.btn-newsAllNews:hover {background: none; color: white}

.mod-home-news a {color: #242121}
.mod-home-news a .img img {max-height: 261px}
.mod-home-news a .date {margin-top: 1rem; color: #929090}
.mod-home-news a .title {margin-top: 1rem}

.news .h2 {margin-top: 3rem;}
.news .col-md-4 img {max-height: 261px; margin-top: 3rem;}
.news a {color: #242121}
.news a .date {margin-top: 1rem; color: #929090}
.news a .title {margin-top: 1rem; font-weight: 700}
.news .back1 img {position: absolute; z-index: -1; top: 500px; right: -160px; height: 500px; width: 500px} /*png 10*/
.news .back2 img {position: absolute; z-index: -1; top: 120px; left: -130px; height: 550px; width: 450px} /*png 11*/


.newsSEO {position: relative}
.newsSEO .title {margin-top: 6rem;}
.newsSEO .introtext {margin-top: 4.5rem;}
.newsSEO .images {margin-top: 6rem;}
.newsSEO .imgFull {transform: translate(0,-15%)}
.newsSEO .newsSEOback .img1 {position: absolute; z-index: -1; top: 400px; right: -312px}
.newsSEO .newsSEOback .img2 {position: absolute; z-index: -1; top: 583px; left: -365px}

.mod-home-order {position: relative}
.mod-home-order form {padding: 4.5rem}
.mod-home-order .container .row {margin-top: 7rem; margin-bottom: 3rem}
.mod-home-order .orderTitle {line-height: 130%; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.mod-home-order #orderMenager {line-height: 130%; font-weight: 500;}
.mod-home-order #orderFile {color: #929090;	margin-top: 2rem; padding-bottom: 1rem;border-bottom: 1px solid #929090;}
.mod-home-order .orderGrey {margin-top: 1rem; padding-bottom: -1rem;border-bottom: 1px solid #929090; margin-bottom: -1px}
.mod-home-order .orderPolit {color: #929090; margin-top: 50px;}
.mod-home-order .orderSend {font-weight: 700; width: 210px}
.mod-home-order .orderField {color: #929090; margin-top: 1.5rem;	margin-bottom: -1.5rem;}
.mod-home-order .orderBackground {position: absolute; z-index: -2; left: -312px; top: -237px; }

.modal-body {position: relative}
.modal-body form {padding: 4.5rem}
.modal-body .orderTitle {line-height: 130%; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.modal-body #orderMenager {line-height: 130%; font-weight: 500;}
.modal-body #orderFile {color: #929090;	margin-top: 2rem; padding-bottom: 1rem;border-bottom: 1px solid #929090;}
.modal-body .orderGrey {margin-top: 1rem; padding-bottom: -1rem;border-bottom: 1px solid #929090; margin-bottom: -1px}
.modal-body .orderPolit {color: #929090; margin-top: 50px;}
.modal-body .orderSend {font-weight: 700; width: 210px}
.modal-body .orderField {color: #929090; margin-top: 1.5rem;	margin-bottom: -1.5rem;}
.modal-body .orderBackground {position: absolute; z-index: -2; left: -312px; top: -237px; }

.mod-home-find {position: relative}
.mod-home-find img {float: left; margin-right: 20px}
.mod-home-find form {background: white}
.mod-home-find .findTitle {transform: translate(2.5%, 165%); margin-bottom: 1rem}
.mod-home-find .findText {line-height: 130%; font-weight: 500; text-align: start; margin-left: 45px; margin-bottom: 2rem}
.mod-home-find .findTitleText {line-height: 130%; font-weight: 700; color: #ffa11b; text-align: start; }
.mod-home-find .findBackground {position: absolute; z-index: -1; right: -322px; bottom:	-350px}

.mod-about-welove {margin-top: 100px}
.mod-about-welove .slider-column {position: relative;}
.mod-about-welove .slider-column .imgWelove {margin-left: -40px}
.mod-about-welove .slider-column::before {box-shadow: 0 0 15px rgba(0, 0, 0, .2); ;content: ''; position: absolute; top: 0; right: 0; left: -97px; bottom: 0; max-width: 599px; background: #FFFFFF; z-index: -1}
.mod-about-welove .elementTitle {text-transform: uppercase; font-weight: 700}
.mod-about-welove .titleWelove {word-wrap: break-word; max-width: 410px}

.pagination {float: right;}
.pagination .counter {display: none;}
.pagination ul {display: flex; flex-wrap: wrap; justify-content: center; list-style: none;}
.pagination ul li {padding-left: .5rem !important;}
.pagination ul li::before {display: none;}
.pagination ul li .pagenav {color: #000; border-color: #ffa11b; background: transparent; }
.pagination ul .pagination-prev,
.pagination ul .pagination-next {width: 18px; height: 21px; display: flex !important; align-items: center; justify-content: center;}
.pagination ul li:not(.pagination-prev):not(.pagination-next) .pagenav {width: 18px; height: 21px; display: flex; align-items: center; justify-content: center;}
.pagination .pagination-start, .pagination .pagination-end {display: none !important;}
.pagination ul li.pagination-prev .pagenav, .pagination ul li.pagination-next .pagenav {border: 0;}
.pagination ul li.pagination-prev .pagenav {content: url('/images/modules/news/007.png');}
.pagination ul li.pagination-next .pagenav {content: url('/images/modules/news/007.png'); transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.pagination ul li:not(.pagination-prev):not(.pagination-next) span.pagenav {background: #FFA11B; color: #fff; border-radius: 1px;}
.pagenav {border: 0;}

/* Адаптация */
@media (max-width: 576px) {

	h1, .h1 {font-size: 32px;}
	h2, .h2 {font-size: 23px;}
	h3, .h3 {font-size: 20px;}
	h4, .h4 {font-size: 18px;}
	h5, .h5 {font-size: 16px;}
	h6, .h6 {font-size: 14px;}

	body {font-size: 16px;}

	header #header_items{border-bottom: none }
	header #header_items .headerTime {text-align: center}
	header #header_items .headerAdress {text-align: center}
	header #header_items .headerMail {text-align: center}
	header #header_items .headerPhone {text-align: center}

	header #top_menu .menu {flex-direction: column}
	header #top_menu .nav-child {flex-direction: row; display: flex;flex-wrap: wrap}
	header #top_menu ul.nav ul {width: 100%;}
	header #top_menu ul li{margin-bottom: 2rem; text-align: center; display: block}
	header #top_menu ul .item-101 .nav-child {display: flex; position: relative;}
	header #top_menu ul li::before:hover ul {display: block; position: absolute; top: 100%; left: 0; width: 350px; background: white; font-size: 16px;}
	header #top_menu ul li ul {display: none; background: white; padding-top: 0rem; padding-bottom: 0rem;}
	header #top_menu ul li ul li {margin-bottom: 1rem; margin-left: 1.7rem; border-bottom: 1px solid #929090}
	header #top_menu ul li.parent::before:hover ul {display: block;}
	header #top_menu ul li.parent::after {display: none;}
	header #top_menu ul li::before:hover > ul {position: relative; top: 0; width: 100%;}
	header #top_menu ul li {display:block; position: relative;}

	.mod-stickers-slide .title {margin-top: 6.5rem}

	header #top_menu .main::before {content: ''}

	header #top_menu ul li ul li {margin-left: 0; border-bottom: none}
	header #top_menu .nav-child > li {flex: 0 0 40%; text-align: center}
	header #top_menu ul li {margin-right: 0;margin-top: 0;}
	header #top_menu ul {justify-content: center; }

	header #top_menu {border-bottom: none}
	header #top_menu #btn-onlineOrder { float: none; text-align: center; font-size: 21px }
	header #top_menu #btn-onlineOrder .btn-onlineOrder {font-size: 16px}

	footer .allRights {text-align: center; margin-bottom: 1rem; white-space: normal;}
	footer .politica {text-align: center; margin-bottom: 1rem;}
	footer .rostsayt {text-align: center; margin-bottom: 1rem;}

	footer .footerAbout p { margin-bottom: 2rem;}
	footer .footerMenu {margin-top: 2rem;}

	footer ul li {margin-right: 0; margin-bottom: 2rem}

	footer .footer_items {text-align: center}

	.mod-slider .sliderBackground {top: -400px;}

	.mod-home-about .aboutImg1 {margin-top: 6rem}
	.mod-home-about .aboutImg2 {margin-top: 3rem}

	.mod-home-news .newsTitle {margin-top: 6rem; margin-bottom: 2rem}
	.mod-home-news .newsAllNews .btn-newsAllNews {margin-top: 6rem; margin-bottom: 2rem; margin-right: 0.1rem;width: auto; font-size: 13px}
	.mod-home-news .title {font-size: 14px}

	.mod-home-find .findTitle {transform: translate(0, 0)}
	.mod-home-find .order-md-first {margin-top: 1rem;}
	.mod-home-find .findBackground {bottom:	-630px}

	.mod-about-slider .introtext {font-size: 18px}
	.mod-about-slider .sliderBackground {transform: rotate(-45deg)}

	.mod-packing-slider .introtext {font-size: 18px}

	.mod-packages-table .fullTable {overflow-x: auto}

	.mod-polygraphy-pluses .desc {font-size: 14px}

	.mod-polygraphy-slide .polygraphyBackground {transform: rotate(60deg); }

	.mod-stickers-slide .title {font-size: 20px; margin-top: 5rem}
	.mod-stickers-slide .introtext {font-size: 18px}

	.mod-stickers-title .title {font-size: 26px}
	.mod-stickers-title .introtext {font-size: 18px}
}

/* Анимации */
.delay-1 {-webkit-animation-delay:200ms; animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms; animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms; animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms; animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms; animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms; animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms; animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms; animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms; animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms; animation-delay:2000ms}

@keyframes opacity {
0% {opacity: 0;}
50% {opacity: 0.5;}
100% {opacity: 1;}
}

#logo > img {padding-top: 1.3rem;}
#top_menu > div.moduletable {width: fit-content;}

table { width: fit-content !important; height: fit-content !important; margin: auto; text-transform: uppercase; text-align: center; border-collapse: collapse; opacity: 1; font-size: 24px; }
table * { width: fit-content !important; height: fit-content !important; white-space: pre;}
td { padding: 2rem; border: 1px solid #FFA11B; }
table tr:nth-child(2n) {background: rgba(255, 161, 27, .15);}

.mod-stickers-title .owl-prev {
	position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mod-stickers-title .owl-next {
	position: absolute;
    right: 20%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1440px) {
	.mod-stickers-title .owl-nav {
		display: none;
	}
}