/*
Theme Name:     FromFoto New
Description:    Дочерняя тема для темы blankslate
Author:         Андрей Анкудинов
Author URI:     http: //example.com/about/
*/
/* Template:       blankslate */
@import url("./css/bootstrap-4.min.css");
@import url("./assets/css/main.css?02");
/*@import url("./css/home.css?01");*/

html {
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-height: 100vh;
	position: relative;
}

body {
	min-height: 100vh;
	font-size: 1rem;
	line-height: 1.42857143;
	background-color: #ffeaf1;
	background-repeat: no-repeat;
	font-family: Montserrat, sans-serif;
}

body, html {
	width: 100%;
	color: #272727;
	box-sizing: border-box;
}

iframe {
	border-width: 0px;
}

a {
	color: #fd508a;
}

a:hover {
	color: #272727;
}

#content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 990px;
}

.lang-selector .lang.rus {
	background: url(./img/lang_rus.png) center no-repeat;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.wp-block-video,
.wp-video
{
	margin: auto;
	display: block;
}

.wp-block-video video,
.wp-video video {
	width: 100%;
	max-height: 600px;
}

/* /WordPress Core */


/* Edit Bootstrap 4 */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
	text-align: center;
}
h1, .h1 {
	/*font-size: 1.2rem; 2025-04-14 16:03 AA: слишком мелкие заголовки, которые вроде бы нигде не используются */
	font-size: 1.9rem;
	margin-top: 1.2rem;
	margin-bottom: 20px;
}
h2, .h2 {
	font-size: 1.4rem;
}
h3, .h3 {
	font-size: 1rem;
	text-align: left;
}
h4, .h4 {
	font-size: .85rem;
}
/*
.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6,
.modal .h1, .modal .h2, .modal .h3, .modal .h4, .modal .h5, .modal .h6 {
	font-weight: 500;
}
*/
.btn {
	display: inline-block;
	font-family: Montserrat, sans-serif;
	font-size: .85rem;
	box-shadow: none;
	border-radius: 5px;
	cursor: pointer;
	padding: .225rem 1.5rem;
	-webkit-transition: background .3s, border .3s;
	transition: background .3s, border .3s;
	min-height: 36px;
	height: auto;
	line-height: 30px;
}

.btn-success,

.btn-primary
{
	color: #fff;
	background-color: #fd508a;
	border-color: #fd508a;
}

.btn.btn-success:hover,
.btn.btn-success:not(:disabled):not(.disabled).active,
.btn.btn-success:not(:disabled):not(.disabled):active,
.btn-success.focus, .btn-success:focus,
.show > .btn.btn-success.dropdown-toggle,

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.focus,.btn-primary:focus,
.show > .btn-primary.dropdown-toggle
{
	color: #fd508a;
	border-color: #fd508a;
	background: transparent;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.btn:hover, .btn a:hover {
	text-decoration: none;
}

.btn:hover a {
	color: #fd508a;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus,
.btn.focus, .btn:focus,
.btn-secondary.focus, .btn-secondary:focus {
	box-shadow: none!important;
}

.btn-group-sm>.btn,.btn-sm {
	padding: .5rem 1.65rem;
	font-size: .75rem;
	min-width: 120px;
	border-width: 1px
}

.btn-lg {
	padding: .5rem 3rem;
	font-size: 0.95rem;
	line-height: 1.5;
	border-radius: .3rem;
	text-transform: uppercase;
}

.btn-extra-lg {
	padding: .75rem 3rem;
	font-size: 1.3rem;
	line-height: 1.75;
	border-radius: .3rem;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.desc {
		font-size: inherit !important;
	}
}

.progress {
	height: auto;
	background-color: transparent;
}

.single-slideshow .main-header {
	position: relative;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #FD508A;
	background-color: #fff;
	border-color: #FD508A #FD508A #fff;
}
.nav-tabs .nav-link {
	color: #495057;
}

/* /Edit Bootstrap */


/* Text meant only for screen readers. */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* HEADER */
#header {
	padding: 23px 43px;
	font-family: Montserrat, sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	margin: 0 auto;
	height: auto !important;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	position: relative;
}
#header>div>div {
	max-width: 1440px;
	margin: auto;
}
.navbar a {
	font-weight: 600;
	text-transform: uppercase;
}
.navbar li {
	margin-right: 28px;
}
#header .row {
	display: flex;
	text-align: center;
	margin-right: 0;
	margin-left: 0;
}
.col-free {
	flex: 1;
}
.hide {
	display: none;
}
.reset-margin {
	margin-right: 0 !important;
}
@media (max-width: 960px) {
	#header {
		padding: 23px 35px;
	}
}
@media (max-width: 425px) {
	#header{
		padding: 18px 15px;
	}
	#header img{
		max-width: 75%;
		height: auto;
	}
}

/* Header Steps */
#header .steps {
	font-size: 12px;
	display: inline-block;
	margin: -4px 0 -12px;
}

#header .steps li {
	float: left;
	list-style: none;
	font-weight: 300;
	transition: all .3s;
}

#header .steps li:before {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 13px;
	margin: 0 13px;
	text-align: center;
	vertical-align: middle;
	content: '';
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #fd508a;
	transition: all .3s;
	color: #FFF
}

#header .steps li:before {
	color: #fd508a;
	border-color: #fd508a;
}
#header .steps li:nth-child(1):before {
	content: '1';
}

#header .steps li:nth-child(2):before {
	content: '2';
}

#header .steps li:nth-child(3):before {
	content: '3';
}

#header .steps li.active:before {
	content: '✓';
	font-size: 28px;
	line-height: 17px;
	text-shadow: -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px 2px 0 #FFF;
}


@media screen and (max-width: 1000px) {
	#header .steps li {
		align-items: center
	}
}
@media (max-width: 450px) {
	#header .steps li {
		font-size: 16px
	}
}

/* /HEADER */

/* FOOTER */
footer {
	position: initial;
	bottom: initial;
	width: initial;
	background-color: initial;
	background-image: initial;
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	max-width: 1440px;
	-webkit-font-smoothing: antialiased;
	margin: 0 auto;
}

.footer-area {
	min-height: 106px; /* 70px 2021-09-07 */
	padding: 44px 43px 0; /* 70px 2021-10-20 */
	align-items: center;
}

footer .ltd {
	font-size: 13px;
	line-height: 1.4;
	color: #a0a5a7;
}

footer .social_buttons {
	padding: 0 10px;
}

footer .support {
	font-size: 13px;
	color: #252525;
	padding: 0;
}

footer .support span {
	color: #2196f3;
}

footer ul, #header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

footer ul li {
	display: inline;
}
footer ul li:not(:last-child) {
	padding-right: 10px;
}

/* социальные кнопки */
@font-face {
	font-family: 'fontello';
	font-display: fallback;
	src: url('./assets/fonts/fontello.eot?32536026');
	src: url('./assets/fonts/fontello.eot?32536026#iefix') format('embedded-opentype'),
	url('./assets/fonts/fontello.woff2?32536026') format('woff2'),
	url('./assets/fonts/fontello.woff?32536026') format('woff'),
	url('./assets/fonts/fontello.ttf?32536026') format('truetype'),
	url('./assets/fonts/fontello.svg?32536026#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('./assets/fonts/fontello.svg?32536026#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-music:before          { content: '\e800'; }
.icon-reply:before          { content: '\e801'; }
.icon-play:before           { content: '\e803'; }
.icon-facebook:before       { content: '\f09a'; }
.icon-youtube-play:before   { content: '\f16a'; }
.icon-instagram:before      { content: '\f16d'; }
.icon-vkontakte:before      { content: '\f189'; }
.icon-odnoklassniki:before  { content: '\f263'; }


li .circle {
	width: 31px;
	height: 31px;
	color: #fff;
	border-radius: 50%;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	display: inline-block;
	font: normal normal normal 14px/1 fontello;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

li .circle div {
	padding-top: 8px;
	font-size: 15px;
}

.vk { background: #5c93ff; }
.vk:hover { background: #226af7; }
.vk div:before { content: "\F189"; }
.facebook { background: #5c5cff; }
.facebook:hover { background: #2020f9; }
.facebook div:before { content: "\F09A"; }
.youtube { background: #ff324f; }
.youtube:hover { background: #d6001e; }
.youtube div:before { content: "\f16a"; }
.inst { background: #9f3ba9; }
.inst:hover { background: #890496; }
.inst div:before { content: "\f16d"; }
.odnok { background: #dd4e41; }
.odnok:hover { background: #b91809; }
.odnok div:before { content: "\F263"; }

footer .blog {
	flex: 1;
}


/* || ЦВЕТА */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
#chooseFormat {
	color: #760d40;
}
.text-primary {
	color: #2D002B!important;
}

.bg-warning {
	background-color: #FCDEE6!important;
}
.border {
	border-color: 1px solid #dee2e6!important;
}

.title-w-line:before,
.title-w-line:after {
	height: 3px;
	background-color: #2D002B;
}

.btn-primary,
.btn-danger {
	background-color: #FD508A;
	border-color: #FD508A;
}

.btn-primary:hover,
.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-danger:hover, .btn-danger:active,
.btn-danger.focus, .btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle
{
	background-color: transparent;
	color: #FD508A;
	border-color: #FD508A;
}

.btn-light {
	background-color: #FCF6FF!important;
}
.btn-light.border {
	box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.1);
}
.shadow-sm {
	box-shadow: 0px 4px 13px rgba(253, 80, 138, 0.21)!important;
}
.btn-light,
.btn-outline-dark {
	border-color: #FD508A!important;
}

.btn-light:hover, .btn-light:active,
.btn-outline-dark:hover, .btn-outline-dark:active{
	background-color: #FD508A!important;
	color: #FFFFFF!important;
}

.navbar-light .navbar-nav .nav-link {
	color: #250036;
}

h1 strong,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #FD508A;
}

.btn-outline-danger {
	color: #FD508A;
	border-color: #FD508A;
}

.btn-outline-danger:hover,
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle
{
	background-color: #FD508A;
	border-color: #FD508A;
}

.text-danger,
.text-primary {
	color: #fd508a !important;
}

.text-primary:hover {
	color: #fd508a;
}


/* || ЭФФЕКТЫ */

/* .bubbly-button */
.bubbly-button {
	position: relative;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
	outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
	position: absolute;
	content: "";
	display: block;
	width: 180%;
	height: 110%;
	left: -30%;
	z-index: -1000;
	transition: all ease-in-out 1.0s;
	background-repeat: no-repeat;
}

.bubbly-button:before {
	display: none;
	top: -105%;
	background-image: radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, transparent 20%, #FD508A 20%, transparent 30%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, transparent 10%, #FD508A 15%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%);
	background-size: 10% 20%, 13% 26%, 15% 30%, 12% 24%, 18% 36%, 10% 20%, 15% 30%, 10% 20%, 18% 36%;
	/*background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;*/
}

.bubbly-button:after {
	display: none;
	bottom: -115%;
	background-image: radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, transparent 10%, #FD508A 15%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%), radial-gradient(circle, #FD508A 20%, transparent 20%);
	background-size: 15% 30%, 12% 24%, 18% 36%, 12% 24%, 15% 30%, 10% 20%, 20% 40%;
	/*background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;*/
}

.bubbly-button.animate /*:active Прерывало анимацию после клика*/
{
	/* transform: scale(0.9); 2022-05-14, Ankudinov: делало кнопку меньше */
	/* box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); 2022-06-14, Ankudinov: Все тени у кнопок теперь не нужны */
}

.bubbly-button.animate:focus, .bubbly-button.animate:hover {
	/*color: #FFF !important;*/
}

.bubbly-button.animate:before {
	display: block;
	animation: topBubbles ease-in-out 1.3s forwards;
}

.bubbly-button.animate:after {
	display: block;
	animation: bottomBubbles ease-in-out 1.3s forwards;
}

@keyframes topBubbles {
	0% {
		background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}
	50% {
		background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}
	100% {
		background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@keyframes bottomBubbles {
	0% {
		background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}
	50% {
		background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}
	100% {
		background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

	
/* общие медиа-запросы */
/* || NOT MOBILE */

@media (min-width: 576px) {
	
	/* EDIT BOOTSTRAP 4 */
	h1, .h1 {
		font-size: 1.9rem;
		margin-top: 1.5rem;
		margin-bottom: 30px;
		/*margin-top: 2.5rem;*/
	}
	
	h2, .h2 { /* 2025-12-21 AA: Добавил H2 от себя, так как его стиля не было на сайте по умолчанию */
		font-size: 1.4rem;
		margin-top: 1.25rem;
		margin-bottom: 20px;
	}
	
	h3, .h3 { /* 2025-12-21 AA: Добавил H2 от себя, так как его стиля не было на сайте по умолчанию */
		font-size: 1.0rem;
		margin-top: 1.15rem;
		margin-bottom: 10px;
	}

}

@media (max-width: 960px) {
	.footer-area {
		padding: 14px 20px 0;
	}
}

@media (max-width: 750px) {

	.footer-area {
		padding: 14px 15px 0;
	}

	footer .social_buttons {
		order: -1;
	}

	footer .ltd {
		order: 3;
	}

	.btn-extra-lg {
		padding: .75rem 2rem;
		font-size: 1.25rem;
	}

}

@media (max-width: 535px) {

	footer .support {
		font-size: 12px;
	}
}

/*
@media (max-width: 425px){
	footer .blog{
		display: none;
	}
}
*/

/* Большая кнопка плей на видео */
.videowrapper {
	position: relative;
}

.videowrapper video {
	/*width: 600px;*/
	max-width: 100%;
}

.playpause {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	margin: auto;
	cursor: pointer;
	opacity: .8;
	text-align: center;
}

.playpause i, .playpause b {
	font-size: 80px;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: #FFF;
}

/* ПОЛЬЗОВАТЕЛЬСКОЕ СОГЛАШЕНИЕ */
ol.list_number_point, ol.list_number_point ol {
	counter-reset: item;
	margin: 0;
	padding: 0;
}

ol.list_number_point li {
	display: table;
	margin-bottom: 0.6em;
}

ol.list_number_point li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
	display: table-cell;
	padding-right: 0.6em;
}

@media (min-width: 768px) {

	body {
		background-image: url(./assets/img/bg/home_header.png),url(./assets/img/bg/bg_white_down.svg),url(./assets/img/bg/bg_white_down.svg);
		background-position: center 0,left -300px top 300px,right -140px bottom -240px;
		background-size: 100% 130px,780px 550px,1000px 890px
	}

}