html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
	width: 100%;
	background-color: #fff;
	margin: 0
}

body,
html {
    height: 100%
}
	
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

body,
input,
textarea,
select,
button {
    font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 100%;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	line-height: 1.35;
	font-weight: 400;
	letter-spacing: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: 'liga', 'kern';
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

input {
    line-height: normal
}

button {
    overflow: visible
}

a {
    color: #1a73e8;
}

p {
	margin:0px;
}

svg:not(:root) {
    overflow: hidden
}

img {
    border: 0;
	display: block;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

figure {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	}

ul {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	padding: 0;
}

[role=button] {
    cursor: pointer
}

.page-content {
	
}

.content{
    width: 88vw;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    min-width: 281.6px;
    position: relative;
}

.under-menu{
	/*margin-top: 115px;*/
	width:100%;
}



.pagetitle-small {
    padding-left: 22px;
    padding-right: 22px;
}

.pagetitle-small-line {
    border-bottom: 1px solid #D4D4D4;
}

.pagetitle-small-text {
    font-size: 26px;
    margin-bottom: 0px;
    padding-top: 40px;
}

.background-grey{
	background-color: #F2F2F2;
}

.promos {
	border-bottom: 1px solid #e3e3e3;;
}



.section {
    display: block;
    overflow: hidden;
	background-color: white;
}

.section-content {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
}

.pagetitle {
	width:100%;
	height:500px;
}

.pagetitle-overlay {
	top: 0px;
    height: 100%;
    opacity: 1;
    width: 100%;
    position: absolute;
    z-index: 97;
    background: #000;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
    background: -o-linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
    background: -ms-linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
}

.pagetitle-img {
	height: 100%;
    position: relative;
    min-height: 400px;
    display: block;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden!important;
    width: 100%;
    background-color: black;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    overflow: hidden;
    background-position: 50% 50%;
}

.pagetitle-arrow-content {
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.pagetitle-arrow{
    background-image: url(http://images.sugaris.com.ua/icons/svg/arrow-down_white.svg);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    display: inline-block;
    width: 50px;
    height: 50px;
    /*cursor: pointer;*/
}

.pagetitle-info{
	text-align:	center;
	opacity: 1;
    margin-top: 170px;
    position: relative;
    left: 0px;
    right: 0px;
	z-index: 98;
    -webkit-transition-timing-function: cubic-bezier(0.01, 0.90, 0.65, 1);
    -moz-transition-timing-function: cubic-bezier(0.01, 0.90, 0.65, 1);
    -o-transition-timing-function: cubic-bezier(0.01, 0.90, 0.65, 1);
    transition-timing-function: cubic-bezier(0.01, 0.90, 0.65, 1);
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;

}

.pagetitle-title{
	color: #FFF;
    margin: 0 auto;
    position: relative;
    margin-bottom: 5px;
    font-size: 60px;
    font-weight: 700;
    line-height: 125%;
}

.pagetitle-text{
    font-size: 32px;
    font-weight: 400;
    width: 50%;
    margin: 0 auto;
    position: relative;
    color: #FFF;
    line-height: 120%;
}

.white-mat {
    background-color: white;
    width: 890px;
    margin-top: 90px;
    margin-bottom: 70px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0px 2px 5px 2px rgba(173,173,173,1);
    -moz-box-shadow: 0px 2px 5px 2px rgba(173,173,173,1);
    box-shadow: 0px 2px 5px 2px rgba(173,173,173,1);
    border-radius: 5px;
}

.white-mat-content {
    padding: 22px;
}

.column {
	float:left;
}

.center{
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.paste-blue{
	color:#1a80cc;
	font-weight: 700;
}

.paste-ultra-blue{
    color:#00acd3;
    font-weight: 700;
}

.paste-green{
	color:#8bbd12;
	font-weight: 700;
}

.paste-red {
	color:#f97762;
	font-weight: 700;
}

.violator {
	color: #f46c0e;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: normal;
    background: transparent;
    border: 1px solid #f46c0e;
    border-radius: 4px;
	padding: 4px 11px 3px;
}

.violator-middle {
	vertical-align: middle;
}

.violator-top {
	vertical-align: top;
}

.old-price {
    position: relative;
    top: -18px;
    border-bottom: 1px #f56c0e solid;
    display: inline;
    margin-left: 10px;
}

.old-price-text {
	position: relative;
    top: 18px;
    font-size: 26px;
    font-weight: 400;
    color: #afafaf;
}


#fadein {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}
#fadein.onload {
    opacity: 1;
}


.btn-link {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*.btn-link:after {
	content:' ›';	
}*/


/* Стилі для кнопок перенесено до _custom.scss */

.jquery-modal.blocker {
    background-color: rgba(0,0,0,0.40);
    z-index: 100;
}
.jquery-modal .modal {
    overflow: visible;
    z-index: 200;
    font-weight: 400;
    font-size: 14px;
    height: auto;
    min-height: fit-content;
    max-height: fit-content;
    max-width: 90%;
}

.jquery-modal .modal ol li {
    list-style: auto;
}

.sms-popup-tip .accordion-button:not(.collapsed)::after,
.sms-popup-tip .accordion-button::after {
    background: none;
    
}
.sms-popup-tip .accordion-button:not(.collapsed) {
    box-shadow: none;
}
/*======================================================
             min-width 601
======================================================*/


@media (min-width: 601px){

	.content{
		width: 95vw;
	}


}





/*======================================================
					979
======================================================*/


@media (max-width: 979px){
	.section-content {
		width:100%;
		min-width: 350px;
	}

	.white-mat{
		width:100%;
		min-width: 350px;
	}

}





/*======================================================
					580
======================================================*/


@media (max-width: 580px){

    .pagetitle-small-text {
        font-size: 20px;
    }

    .pagetitle-title{
        font-size: 46px;
    }

    .pagetitle-text {
        font-size: 19px;
    }
}

.faq-section__title {
	color: #000000;
}

/* ========================================
   Material Symbols Icons
   ======================================== */
.material-symbols-outlined {
    /* Оптичне центрування іконки відносно тексту */
    vertical-align: -0.27em; /* Трохи нижче middle для кращого візуального вирівнювання */
    
    /* Згладжування шрифту */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Забезпечує правильне відображення ligatures */
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
}