/****Krasnove Framework v.1.1 @06.06.2022****/
//Детали
html {min-height:100%; height: 100%;}
body {font-size:16px; color: @txt; .regular; font-weight:300; margin:0; background:#fefefe; line-height:1.2; height: 100%; -webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; font-feature-settings: "lnum"; letter-spacing: 0.5px; &.hold {overflow:hidden;} .regular; } .wrapper {.flex; flex-direction: column; position:relative; min-height:100%;}
.container_wrap {flex: 1 0 auto;}
footer {flex: 0 0 auto; margin-top:100px;}
* {box-sizing:border-box;}
p {margin: 10px 0;}
a{color:#202945; text-decoration: none;}
a:hover {color:#0052ff; text-decoration: underline;}
:focus {outline: none;}
img{border:0; max-width:100%; display:inline-block;}
table {border-collapse: collapse;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0;}
audio, canvas, img, svg, video {max-width: 100%; height: auto; box-sizing: border-box;}
iframe {max-width:100%;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
input[type=number]{-moz-appearance: textfield;}
.anchor {position:relative; top:-0;}
fieldset {padding:0;}
select {-moz-appearance: none;}
ul {padding:0; margin:0;}
fieldset {border:none;}
label {display:block; margin-bottom:5px; font-size:18px;}
.tooltip {display:none !important;}
.animated {-webkit-transition: @animate-speed !important; -moz-transition: @animate-speed; -o-transition: @animate-speed; transition: @animate-speed; animation-timing-function:ease-in-out;}
.animated-slow {-webkit-transition: @animate-speed-slow !important; -moz-transition: @animate-speed-slow; -o-transition: @animate-speed-slow; transition: @animate-speed-slow; animation-timing-function:ease-in-out;}
.shadow {-webkit-box-shadow: @shadow; -moz-box-shadow: @shadow; box-shadow: @shadow;}
.sys-messages {text-align: left;}

//Цвета
@yellow: #F9D375;
@brand: #8F52B1;
@brand-hov: #8F52B1;
@txt: #202945;
@link: #583f91;
@hover: #583f91;
@border: #dedede;

//Скорость анимации
@animate-speed: all 200ms; 
@animate-speed-slow: all 600ms; 

//Тени блоков
@shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);


@font-face {font-family: 'Bold'; src: url('../fonts/Manrope-Bold.ttf') format('truetype');}
@font-face {font-family: 'Regular'; src: url('../fonts/Manrope-Regular.ttf') format('truetype');}
@font-face {font-family: 'Merriweather'; src: url('../fonts/Merriweather-Regular.ttf') format('truetype');}
@font-face {font-family: 'Montserrat'; src: url('../fonts/Montserrat-Bold.ttf') format('truetype');}
@font-face {font-family: 'MontserratLight'; src: url('../fonts/Montserrat-Light.ttf') format('truetype');}

.bold {font-family: 'Bold';}
.regular {font-family: 'Regular';}
.merriweather {font-family: 'Merriweather';}
.montserrat {font-family: 'Montserrat';}
.montserratLight {font-family: 'MontserratLight';}

.upper {text-transform:uppercase;}
.underline {text-decoration:underline;}

//Миксины
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.wrap {-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.nowrap {-webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;}
.between {-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.around {-webkit-justify-content: space-around; justify-content: space-around;}
.start {-webkit-justify-content: flex-start; justify-content: flex-start;}
.end {-webkit-justify-content: flex-end; justify-content: flex-end;}
.center {-webkit-justify-content: center; justify-content: center;}
.align-top {align-items:flex-start; align-content: flex-start;}
.align-center {align-items:center; align-content: center;}
.align-bottom {align-items:flex-end;}
.align-baseline {align-items: baseline;}
.shrink {flex-shrink:1;}
.noshrink {flex-shrink:0;}
.column {flex-direction: column;}
.stretch {align-items: stretch;}

.centered {width:100%; max-width:1280px; margin-left:auto; margin-right:auto;
	&.thinner {max-width:1170px;}
}

.align {text-align:center;}

.breadcrumbs {
	ul, ol {.flex; .start; .align-center; .wrap; padding-left: 0px; margin-left:0;
		li {list-style:none; padding-left: 0px;
			&::after, &::before {display: none;}
			&:nth-child(1) {display:none;}
			&:last-child a::after {display:none;}
			a {color:@txt;
				&:hover {color:@hover;}
			}
		}
	}
}
b {.bold; font-weight:normal;}

.dog-navi {
	ul, ol {.flex; .start; .align-center; .wrap; padding-left: 0px; margin-left:0;
		li {list-style:none; padding-left: 0px;
			&::before {display: none;}
			&::after {content: '/'; display: inline-block; margin: 0 3px;}
			&:last-child::after {display:none;}
			a {color:@txt;
				&:hover {color:@hover;}
			}
		}
	}
}


/*Swiper*/
.navi-parent {position: relative;
	.prev {background:url(../../../images/arrow-left.svg) no-repeat center center; background-size:contain; width:50px; height:50px; position:absolute; top:45%; left:-60px; cursor:pointer; z-index: 5;}
	.next {background:url(../../../images/arrow-right.svg) no-repeat center center; background-size:contain; width:50px; height:50px; position:absolute; top:45%; right:-60px; cursor:pointer; z-index: 5;}
}

.swiper-scrollbar {margin-top:30px;}

/**/


//Мобильная панель
.mob-panel {display:none; background:white; color:@txt;}

//Попапы
.overlay {position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); display: none; z-index: 100; top: 0; left: 0;
	.layout {height:100%;}
	.inner {max-width: 620px; margin: 0 auto; background: white; padding: 60px 40px; border: 1px solid #eef2f4; border-radius: 10px; position: relative;}
	.form {width:100%; max-width:630px;
		.formRow  {
			.rsform-block {width:49%;}
		}
	}
	h2 {margin-bottom: 40px; line-height: 50px;}
	button {width: 100%;}
	&.opened {top:0;}
	input {.align;}
	.data-info {line-height:28px;}
	.title {text-align: center; font-size: 24px; margin-bottom: 20px; line-height: 30px;} 
}


/*==============КНОПКИ И ФОРМЫ==============*/


.rsfp_thankyou_popup_inner {.align;
	button {font-size:16px; margin-top:10px;}
}


//Кнопка открытия
.menu-btn {width: 40px; height: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 10;
	span {display: block; position: absolute; height: 4px; width: 100%; background:@brand; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
		span:nth-child(1) {top:0px;}
		span:nth-child(2) {top:14px;}
		span:nth-child(3) {top:27px;}
		&.open {
			span:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
			span:nth-child(2) {opacity: 0; left: -60px;}
			span:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
			span {background:@brand;}
		}
}

//Кнопка закрытия
.close-btn {width: 30px; height: 24px; position: absolute; top:10px; right:10px; cursor: pointer; z-index: 10;
	span {display: block; position: absolute; height: 3px; width: 100%; background:@brand; border-radius: 9px; opacity: 1; left: 0; 
		&:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
		&:nth-child(2) {opacity: 0; left: -60px;}
		&:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
	}
}


//Инпуты и формы
input, textarea {.animated; color:@txt; border: 1px solid #e0e2e2; .regular;
	&:hover {border-bottom:1px solid @brand;}
	&:focus {border-bottom:1px solid @brand;}
}


div.formBody {display: block; float: none;}

input[type="text"], input[type="phone"], input[type="tel"], input[type="email"] {height:40px; line-height:40px; padding:0 20px; font-size: 16px; width:100%; max-width: 100%; background:white; border:1px solid #e7e7e7; text-align:left; border-radius:20px;}
select {height:50px; line-height:50px; padding:0 20px; .align; font-size: 16px; width:100%; max-width: 100%;color: #353535; border: 1px solid #e0e2e2; .bold;}


//Placeholders
@placeholder-txt-size: 16px;
::-webkit-input-placeholder {font-size:@placeholder-txt-size; color: @txt; .regular; letter-spacing:1px;}
::-webkit-textarea-placeholder {font-size:@placeholder-txt-size; color: @txt; .regular; letter-spacing:1px;}
::-moz-placeholder {font-size:@placeholder-txt-size; color: @txt; .regular; letter-spacing:1px;}
:-moz-placeholder {font-size:@placeholder-txt-size; color: @txt; .regular; letter-spacing:1px;}
:-ms-input-placeholder {font-size:@placeholder-txt-size; color: @txt; .regular; letter-spacing:1px;}

/*--------------------------------DESKTOP------------------------------------------------*/

.paddings-LR {padding:0 100px;}
.paddings-L {padding:0 0 0 100px;}
.paddings-R {padding:0 100px 0 0;}

section {max-width:1920px; margin-left:auto; margin-right:auto; width:100%; margin-top:150px;
	>.title {font-size: 32px; .merriweather; text-transform: uppercase; margin-bottom:50px; position: relative; text-align: center;
		&::after {content: ''; display: block; width: 100px; height: 2px; background: #D3C7AD; position: relative; top: 20px; margin:0 auto;}
	}
}

.border {border-radius:20px; border:1px solid #D9D9D9; .animated;
	&:hover {border:1px solid #D3C7AD;}
}

.btn {background:#202945; border-radius:50px; padding:0 50px; height:50px; line-height:50px; display: inline-block; color:white; text-align: center; cursor:pointer; .animated;
	&.white {background:white; color: #202945;}
	&.white:hover {background:#202945; color: white;}
	&:hover {background:#475788; text-decoration: none; color:white;}
}

header {padding:20px 0; position: fixed; top:0; left:0; width:100%; background:white; padding-top:15px; padding-bottom:15px; z-index: 3; border-bottom:1px solid #D9D9D9;
	.left {cursor:pointer;
		img {display: block; margin-right:10px; width:100px;}
	}
	.center {
		ul.mod-menu {.flex; .between; .align-center;
			li.active>a, li.current>a {color: #0052ff;}
			> li {list-style:none; margin:0 30px; cursor:pointer;
				a, span {.montserrat;
					&:hover {text-decoration:none;}
				}
				&.parent {position: relative; }
				&.parent::after {position: absolute; content: ''; right: -14px; top: 4px; width: 12px; height: 12px; background-size: cover; background-position: center; background-image: url(../../../images/icons/menu-arrow.svg); -webkit-transition: .4s all ease; -o-transition: .4s all ease; transition: .4s all ease; }
				.parent:hover::after {-webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }
				.mod-menu__sub {position: absolute; top: 30px; left: 0; background: #fff; border-radius: 20px; padding: 5px 15px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; -webkit-transition: .4s all ease; -o-transition: .4s all ease; transition: .4s all ease; opacity: 0; border: 1px solid #D6D6D6; visibility: hidden; 
					.mod-menu__sub {display: none !important;} 
				}
				.mod-menu__sub li {list-style:none; margin: 15px 0;
					a {.regular;}
				}
				&.parent:hover .mod-menu__sub {opacity: 1; visibility: visible; }
			}
		}
	}
	.right {}
} 


.firstline {margin-top:200px;
	.logo {width:480px;}
	.we {margin-left:30px;
		.first {.merriweather; font-size:40px; color:#D3C7AD; position: relative; text-transform: uppercase;
				&::after {content: ''; display: block; width: 100px; height: 2px; background: #D3C7AD; position: absolute; top: 22px; left: 90px;}
			}
		.second {font-size: 18px; line-height:27px; text-transform: uppercase; width:300px; .montserratLight;}
	}
	.success {width:300px; position: relative; left:-200px;
		.success-slider {position: relative; z-index: 2; border-radius: 50%; border: 1px solid #D9D9D9; overflow: hidden;  width: 300px; height: 300px; text-align: center; padding-top: 70px; background:white;}
		.swiper-wrapper {} 
		.swiper-slide { 
			.num {.montserrat; font-size: 96px; color:#D3C7AD;}
			.text {.regular; font-size: 16px;}
		}
		.slider-arrows {position: absolute; z-index: 1; top: 100px; right: -80px;
			.success-next {cursor:pointer;}
		}
	}
}

.advantages {margin-top:100px;
	.left {width:24%;
		.title {font-size: 32px; .merriweather; margin-bottom:40px; text-transform: uppercase;}
		ul {
			li {list-style:none; font-size: 20px; margin:20px 0; position: relative; padding-left:30px; cursor:pointer; .animated;
				&::before {content: ''; display: block; width: 20px; height: 1px; background: #202945; position: absolute; top: 12px; left: 0px;}
				&:hover {transform:translateX(20px); color:#0052ff;}
				&.active {color:#0052ff;}
			}
		}
	}
	.right {width:74%;
		.advantages-slider {
			.swiper-wrapper {
				.swiper-slide {min-height:700px; background-size:cover !important; background-position: center center !important; .flex; .start; .align-bottom; padding:0 0 40px 40px; border-radius:20px;
					.btn {}
				}
			}
		}
	}
}

.breeds {
	.container {
		.title {.montserrat; font-size: 27px; text-transform: uppercase; color:#D3C7AD;}
		.left, .right {width:49%;
			&:hover {text-decoration:none;
				span.title {color: #D3C7AD;}
			}
			img {border-radius:20px; display: block; width: 100%;}
			span.title {display: block; margin-top:10px; .animated; color: #202945; }
		}
	}
}



.btn-all {text-align:center; margin-top:100px;
	a {display: inline-block;}
}

.list-container {position: relative;
	.slider-arrows {position: absolute; top:33%; width:100%;
		.slider-arrow-prev {position: absolute; left:-60px; cursor:pointer; .animated;
			&:hover {transform: translate(-20px);}
		}
		.slider-arrow-next {position: absolute; right:-60px; cursor:pointer; .animated;
			&:hover {transform: translate(20px);}
		}
	}
} 

.swiper-info-slide {border:1px solid #D9D9D9; background:white; border-radius:20px; overflow: hidden;
	.photo {height:400px; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important;}
	.info {padding:25px; background: white;
		.date {color:#AFAFAF; font-size: 14px;}
		.title {font-size: 18px; line-height:30px; color:#202945; text-transform: uppercase; .montserrat; min-height:55px; display: block; margin-top:10px;}
		.infoline {font-size: 16px; color:#AFAFAF; margin-bottom:10px;
			.category {}
			.gender img {height:30px; display: inline-block; margin:0 5px;}
			.years {}
		}
		.father {margin-bottom:10px; font-size: 14px;
			b {}
		}
		.mother {margin-bottom:10px; font-size: 14px;
			b {}
		}
		.birthdate { font-size: 14px;
			b {}
		}
		.tituls {margin-top:10px; font-size: 14px;}
		.btn {margin-top:30px;}
		.intro {min-height:20px;
			p {margin:0;}
		}
	}
	&.empty {border:none; height:1px;}
}

.swiper-info-slide.dead .info .title {color:#c9c9c9;}

.swiper-info-slide.empty {margin:0 padding:0; height:1px; margin-bottom:0;}

.ourlife {
	.col {.flex; .between; flex-direction:column; width:32%;}
	.photo {background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; height:400px; width:100%; border-radius:10px;}
	.text {padding:15px; .flex; .align-center; .wrap;
		.title {font-size: 21px; .montserrat; color:#D3C7AD; margin-bottom:20px; text-transform: uppercase;}
		.inner-text {font-size: 16px; line-height:24px;}
		a {color: #D3C7AD; .bold;}
	}
}

.history {
	.left {width:49%;
		.photo {background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; border-radius:10px;}
		.col {.flex; .between; flex-direction:column; width:49%; height:700px;}
			.cell1-3 {height:32%;}
			.cell2-3 {height:65%;}
			.cell3-3 {height:100%;}
		}
	.right {width:49%;
		>.title {font-size: 32px; .merriweather; text-transform: uppercase; margin-bottom:50px; position: relative;
			&::after {content: ''; display: block; width: 100px; height: 2px; background: #D3C7AD; position: relative; top: 20px;}
		}
		.text {font-size: 20px; margin-bottom:40px;
			p {margin-bottom:20px; line-height:30px;}
		}
		.btn {}
	}
}

.formContainer {
	input {width:100%; border:none; border-bottom:1px solid #202945; background:#F8F8F8; border-radius:20px 5px 0 0; height: 60px; .animated;
		&:focus {background:#e8e8e8;}
	}
	textarea {width:100%; border:none; border-bottom:1px solid #202945; background:#F8F8F8; padding: 20px; border-radius:20px 5px 0 0; height: 160px; .animated;
		&:focus {background:#e8e8e8;}
	}
	button {.regular; border:none; font-size: 16px; letter-spacing: 0.5px;}
	.rsform-block {margin-bottom:40px;}
	.rsform-block-name {width:32%;}
	.rsform-block-phone {width:32%;}
	.rsform-block-email {width:32%;}
	.rsform-block-message {width:100%;}
	.rsform-block-send {width:100%; text-align:right;}
}


footer {padding-top:50px; padding-bottom:50px; border-top:1px solid #D9D9D9; text-align: center;
	.col1 {flex-basis:300px; flex-shrink:0;
		.logo {width:100%;}
		.descriptor {text-transform: uppercase; font-size: 16px; max-width: 270px; line-height: 22px; margin: 10px 0; .montserratLight;}
		a {font-size: 14px; margin-bottom:5px;}
	}
	.col2, .col3 {flex-basis:300px; flex-shrink:0;
		.title {font-size: 20px; .montserrat; margin-bottom:25px;}
		ul {
			li {list-style:none; margin-bottom:15px;
				a {}
			}
		}
	}
	.col4 {flex-basis:300px; flex-shrink:0;
		ul {
			li {list-style:none; margin-bottom:15px;
				a {font-size: 20px; .montserrat;}
			}
		}
	}
	.logo {display: block; text-align: center; width:200px; margin: 0 auto;}
	.descriptor {display: block; text-align: center; margin:10px 0;}
	.copyright {display: block; text-align: center;}
	.copyright-pit {display: block; text-align: center; margin:10px 0; .bold;}
}

.breadcrumbs {
	ol {.flex; .start; .align-top; .wrap; padding:0;
		li {list-style:none;
			&:nth-child(1) {display: none;}
			a {.bold; position: relative;
				&::after {content:'/'; display: inline-block; margin:0 3px;}
			}
		}
	}
}

h1 {.merriweather; font-size: 36px; line-height:42px; text-transform: uppercase; margin-bottom:50px;}
.comcontent h2 {.merriweather; font-size: 32px; line-height:40px; text-transform: uppercase; margin-bottom:50px; border-bottom: 1px solid #D3C7AD;}

.go-down {text-align: center; margin-top:-50px; width:100%;
	img {display: inline-block; width:30px; animation: spin 1.4s infinite ease-in-out;}
}

@keyframes spin {
  0% {transform: translate3d(0, -10px, 0);}
  50% {transform: translate3d(0, 10px, 0);}
  100% {transform: translate3d(0, -10px, 0);}
}

.breed-page {
	.top {height: auto; margin-top: 140px;
		.left {flex-basis:540px; flex-shrink:0; margin-right:20px;
			.breedmenu {
				ul {
					li {list-style:none; font-size: 20px; margin:20px 0; position: relative; padding-left:30px; cursor:pointer; .animated;
						&::before {content: ''; display: block; width: 20px; height: 1px; background: #202945; position: absolute; top: 12px; left: 0px;}
						&:hover {transform:translateX(20px); color:#0052ff;}
						&.active {color:#0052ff;}
					}
				}
			}
		}
		.category-image {flex-basis:100%; flex-shrink:1; max-width:100%;
			img {display: block; width:100%; border-radius:20px;}
		}
	}
	.simple-articles-in-category {
		.item {width:32%;
			img {width:100%; display: block; margin-bottom:20px; border-radius:20px;}
			.title {font-weight:bold; font-size: 18px; text-transform: uppercase; text-align: center;}
		}
	}
}

.simple-head {padding-bottom:0px; margin-top:120px; margin-bottom:50px;
	.breadcrumbs {}
	h1 {border-bottom:1px solid #D3C7AD; padding-bottom:30px;}
}

.articles-list {
	.swiper-info-slide {width:32%; margin-bottom:30px;}
}


.gallery-item {width:19%; margin-bottom:30px;
	img {cursor:pointer; border-radius:20px;}
	a {display: block; width:100%; height:250px; border-radius:20px;}
	span {display: block; margin-top:20px;}
}

h2 {margin-bottom:30px; margin-top:50px;}


.article-page {
	.top {margin-bottom:50px;
		.left {width:39%;
			.date {color: #AFAFAF; font-size: 14px; margin-bottom: 15px;}
		}
		.right {width:59%;
			img {border-radius:20px;}
		}
	}
	.comcontent {margin-top:50px;
		p {margin:10px 0; line-height:27px;}
		img {border-radius:20px; display: block; margin:20px 0;}
		ul {margin:20px 0; padding-left:40px;
			li {margin:10px 0;}
		}
		a {color: #0052ff;}
	}
}

.article-gallery.margin-top {margin-top:100px;}

.tomail {text-align: center; margin-bottom: 50px;}

.dog-info {
	.info-item {margin:10px 0; line-height: 24px; font-size: 14px;
		b {display: inline-block; margin-right:10px;}
	}
	.info-seporator {height:1px; background:#DCDCDC; margin:15px 0;}
}

.pedigree {
	.container {width:1080px; margin-left:auto; margin-right:auto;}
	.parent-block {.flex; .between; .align-center;
		.col {width:280px; position: relative;
			.pair {position: relative;}
			.parent {position: relative; .flex; .align-center; .wrap; min-height: 150px;
				.name {font-size: 18px; .bold; width:100%; position: relative; .flex; .align-bottom;
					.tituls {.regular; font-size: 12px; margin-bottom:0px; width:100%; position: absolute; top: -65px; height: 60px; .flex; .align-bottom;}
				}
			}
			.pair::before {content:''; display: block; height:1px; width:50px; background:#202945; position: absolute; bottom: 50%; left: -110px;}
			
			&:nth-child(1) .name {
				&::before {display: none !important;}
				&::after {display: none !important;}
			}
			
			&:nth-child(2) .parent {min-height:300px;
				&:nth-child(1) .name::after {content:''; height:200px; width:1px; background:#202945; position: absolute; top:50%; left:-60px;}
				&:nth-child(1) .name::before {content:''; display: block; height:1px; width:50px; background:#202945; position: absolute; top:50%; left:-60px;}

				&:nth-child(2) .name::after {content: ''; height: 200px; width: 1px; background: #202945; position: absolute; bottom: 10px; top: initial; left: -60px;}
				&:nth-child(2) .name::before {content:''; display: block; height:1px; width:50px; background:#202945; position: absolute; bottom: 10px; left:-60px;}
			}
			
			&:nth-child(3) .parent {
				&:nth-child(1) .name::after {content:''; height:100px; width:1px; background:#202945; position: absolute; top:50%; left:-60px;}
				&:nth-child(1) .name::before {content:''; display: block; height:1px; width:50px; background:#202945; position: absolute; top:50%; left:-60px;}

				&:nth-child(2) .name::after {content: ''; height: 100px; width: 1px; background: #202945; position: absolute; bottom: 10px; top: initial; left: -60px;}
				&:nth-child(2) .name::before {content:''; display: block; height:1px; width:50px; background:#202945; position: absolute; bottom: 10px; left:-60px;}

				&:nth-child(3) .name::after {content:''; height:100px; width:1px; background:#202945; position: absolute; top:50%; left:-60px;}
				&:nth-child(3) .name::before {content:''; display: block; height:1px; width:50px; background:#202945; position: absolute; top:50%; left:-60px;}
				
				&:nth-child(4) .name::after {content: ''; height: 100px; width: 1px; background: #202945; position: absolute; bottom: 10px; top: initial; left: -60px;}
				&:nth-child(4) .name::before {content:''; display: block; height:1px; width:50px; background:#202945; position: absolute; bottom: 10px; left:-60px;}
			}
		}
	}
}

.puppies-ad {position: relative; width:100%; max-width:800px; margin:100px auto 0; text-align: center; .flex; .align-center;
	&::before {content:''; display: block; width:130px; height:200px; background:url(../../../images/icons/quotes-left.svg) no-repeat center center; background-size:contain; position: absolute; left:-200px;}
	&::after {content:''; display: block; width:130px; height:200px; background:url(../../../images/icons/quotes-right.svg) no-repeat center center; background-size:contain; position: absolute; right:-200px;}
	.title {.montserrat; font-size: 32px; color:#D3C7AD; margin-bottom:10px;}
	.text {font-size: 18px; line-height:27px;}
}

.about-puppies {margin-top:100px;
	.intro-text {
		p {line-height:27px;}
	}
}

.puppies-list {
	table {margin:100px auto; border-radius:20px;
		tr {
			&:nth-child(odd) td {background:#f6f6f6;} 
			th {padding:20px; border:1px solid #d8d8d8;
				&:nth-child(1) {width:70px; text-align: center;}
				&:nth-child(2) {width:400px;}
				&:nth-child(3) {width:50px; text-align: center;}
				&:nth-child(4) {width:250px;}
			}
			td {padding:20px; border:1px solid #d8d8d8;
				&:nth-child(1) {text-align: center;}
				&:nth-child(2) {}
				&:nth-child(3) {text-align: center;}
				&:nth-child(4) {}
				img {height:30px;}
			}
		}
	}
}

.dogs-champions-list .swiper-info-slide {width:32%; margin-bottom:50px;
	&.empty {height:1px; border:0;}
}

.mob-panel {display: none;}

.closemenu {display: none;}

.champs-list {margin-top:50px;}

.mod-languages {width: 90px;
	p {display: none;}
}

.photo .noimage {text-align: center; width:100%; height:100%; .flex; .align-center; .center; .wrap;
	img {width:150px;}
	p {width: 100%; font-size: 24px;}
}

div.mod-languages li {margin:0;}

.dog-page h1 .name {display: block;}

/*--------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:1200px) and (max-width:1430px) and (max-height:790px) {

}

@media all and (min-width:1200px) and (max-width:1430px) and (max-height:690px) {

}

@media all and (max-width:1950px) {
.history .left {flex-basis:900px; flex-shrink:0;}
.history .right {width: 100%; flex-shrink:1; padding-left:20px;}




}

@media all and (max-width:1750px) {
.articles-list .swiper-info-slide .photo {height: 350px;}
}

@media all and (max-width:1700px) {
.swiper-info-slide .photo {height: 350px;}
.gallery-item {width: 24%;}
.gallery-item a {height: 280px;}

}

@media all and (max-width:1620px) {
header .center ul.mod-menu > li {list-style: none; margin: 0px 20px;}
.swiper-info-slide .info .title {font-size: 16px; line-height: 27px;}
.paddings-LR {padding: 0 50px;}
.paddings-L {padding: 0 0 0 50px;}
.paddings-R {padding: 0 50px 0 0;}
.news.paddings-LR, .dogs.paddings-LR {padding: 0 60px; }
.swiper-info-slide .photo {height: 330px;}
.articles-list .swiper-info-slide .photo {height: 330px;}
}


@media all and (max-width:1500px) {
.swiper-info-slide .photo {height: 300px;}
.articles-list .swiper-info-slide .photo {height: 300px;}
.gallery-item {width: 32%;}

}


@media all and (max-width:1450px) {
.firstline .success {left: -70px;}


}

@media all and (max-width:1420px) {
header .center ul.mod-menu > li > a, header .center ul.mod-menu > li.parent a, header .center ul.mod-menu > li.parent span {font-size: 14px;}
.advantages .right .advantages-slider .swiper-wrapper .swiper-slide {min-height: 480px;}
.advantages .left {width: 39%;}
.advantages .right {width: 60%;}
.article-page .top .left {width: 49%;}
.article-page .top .right {width: 49%;}
.dog-page h1 {font-size: 30px; line-height: 36px; margin-bottom: 10px;}
.dog-page .comcontent {margin-top: 50px; }
}

@media all and (max-width:1375px) {
.paddings-LR {padding: 0 20px;}
.paddings-L {padding: 0 0 0 20px;}
.paddings-R {padding: 0 20px 0 0;}
header .center ul.mod-menu > li {margin: 0px 15px;}
.history .left {flex-basis: 600px;}
.history .left .col {height: 500px;}
.history .right .text {font-size: 18px;}
.history .right .text p {margin-bottom: 10px; line-height: 27px;}
.ourlife .col {height: 900px;}

}

@media all and (max-width:1250px) {
.mob-panel {display: block; background:white; position: fixed; top:0; left:0; width:100%; padding-top:10px; padding-bottom:10px; z-index: 2;
	.logo {max-width:100px;}
	.openmenu {margin-left:20px; cursor:pointer;}
	div.mod-languages li {margin: 0 10px;}
	.mod-languages {width: 120px;}
}
header {display: none; height: 100%; z-index: 3; overflow: scroll;
	.paddings-LR  {.wrap;
		.left {width:100%; text-align: center;
			img {display: inline-block;}
		}
		.center {
			.mod-menu {.wrap;
				> li {width:100%;
					> a, > span {font-size:24px !important; display: block; margin-top: 20px; margin-bottom: 20px;}
					.mod-menu__sub {display: block; position: static; background: none; border: none; visibility: visible; opacity: 1; padding-top: 0; padding-bottom: 0;
						a::before {content:'— ';}

					}
				}
			}
		}
		.right {display: none;}
	}
	.closemenu {display: block; position: absolute; top: 25px; right: 20px; width: 40px;}
}
header .center ul.mod-menu > li.parent::after {display: none;}
header .center ul.mod-menu > li.parent a, header .center ul.mod-menu > li.parent span {font-size: 16px;}
.firstline .logo {width: 300px; }
.ourlife .col {width:49%; height:auto; margin-bottom:30px;}
.ourlife .container {.wrap;}
.ourlife .cell2-3 {height: 800px;}
.ourlife .cell1-3 {height: 400px;}
.ourlife .container .col:nth-child(1) .cell1-3 {margin-top:30px;}
.ourlife .container .col:nth-child(2) .cell1-3:nth-child(3) {margin-top:30px;}
.ourlife .container .col:nth-child(3) .cell2-3 {margin-top:30px;}
.ourlife .container .col:nth-child(4) .cell1-3:nth-child(2) {margin-top:30px;}
.history {.wrap; padding:0;}
.history .left {flex-basis: 100%; margin-bottom:40px; }
.history .left .col {height: 900px; }
.formContainer .rsform-block-phone {width: 100%;}
.formContainer .rsform-block-name {width: 100%;}
.formContainer .rsform-block-email {width: 100%;}
.swiper-info-slide .photo {height: 400px; }
.articles-list .swiper-info-slide .photo {height: 400px;}
.articles-list .swiper-info-slide {width: 49%;}
.about-puppies .intro-text p {max-width: 100%;}
.puppies-ad::before,.puppies-ad::after {display: none;}
.puppies-ad {text-align:left; margin: 50px auto 0; padding: 0 20px; max-width: 100%;}
.about-puppies {margin-top: 50px;}
h1 {font-size: 30px; line-height: 36px;}
.pedigree {overflow:scroll;}





}

@media all and (max-width:1150px) {
.breed-page .top {.wrap;
	.left {order:1; flex-basis:100%;}
	.category-image {order:0; margin-bottom:50px; flex-basis:100%;}
}
.breed-page .top {height: auto; padding-bottom: 70px; padding-top: 90px;}
.gallery-item a {height: 240px; }
}

@media all and (max-width:1100px) {
.swiper-info-slide .photo {height: 350px; }
.articles-list .swiper-info-slide .photo {height: 350px;}




}

@media all and (max-width:1050px) {
.breeds .container {.wrap;}
.breeds .container .left {width: 100%; margin-bottom:50px;} 
.breeds .container .right {width: 100%;}


}

@media all and (max-width:1050px) {
.firstline .logo {width: 200px; }
.firstline .success .success-slider {width: 250px; height: 250px; padding-top: 40px;}
.firstline .success .slider-arrows {position: absolute; z-index: 1; top: 70px; right: -50px; }
.advantages {.wrap;}
.advantages .left {width: 100%; margin-bottom:50px;}
.advantages .right {width: 100%;}





}

@media all and (max-width:960px) {
.firstline {.wrap;}
.firstline .left {width:100%; .center;}
.firstline .success {margin:0 auto; left: -70px; margin-top:50px;}
.ourlife .col {width: 100%;}
.ourlife .container .col:nth-child(1) .cell2-3 {display: none;}
.ourlife .container .col:nth-child(3) .cell2-3 {display: none;}
.ourlife .container .text {height: auto;}
.history .left .col {height: 700px; }
.swiper-info-slide .photo {height: 300px; }
.articles-list .swiper-info-slide .photo {height: 300px;}
.gallery-item a {height: 220px; }
.article-page .top {.wrap;
	.left {width:100%;}
	.right {width:100%;}
}
section {margin-top: 100px;}
.article-page .comcontent {margin-top: 50px; }
.article-page .comcontent p {max-width: 100%;}


}

@media all and (max-width:850px) {
.swiper-info-slide .photo {height: 260px;}
.articles-list .swiper-info-slide .photo {height: 260px;}
.gallery-item {width: 49%;}
.gallery-item a {height: 260px;}
.advantages {padding-right:50px;}
.advantages .right .advantages-slider .swiper-wrapper .swiper-slide {min-height: 400px; }


}



@media all and (max-width:780px) {
.history .left .col {height: 600px;}
.gallery-item a {height: 260px; }
}


@media all and (max-width:750px) {
.swiper-info-slide .photo {height: 500px;}
.articles-list .swiper-info-slide .photo {height: 500px;}
.articles-list .swiper-info-slide {width: 100%;}
}

@media all and (max-width:700px) {
.swiper-info-slide .photo {height: 420px; }
.breed-page .simple-articles-in-category {.wrap;
	.item {width:100%; margin-bottom:40px;}
}
.gallery-item a {height: 220px; }
.advantages .right .advantages-slider .swiper-wrapper .swiper-slide {min-height: 350px; }

}

@media all and (max-width:650px) {
.history .left .col {height: 500px; }
h1 {font-size: 27px; line-height: 36px;}
.swiper-info-slide .photo {height: 360px; }
.articles-list .swiper-info-slide .photo {height: 360px;}
.advantages .right .advantages-slider .swiper-wrapper .swiper-slide {min-height: 300px; }
}


@media all and (max-width:580px) {
.firstline .logo {display: none;}
.firstline .we {margin-left: 0px; }
.history .left .col {height: 400px; }
.swiper-info-slide .photo {height: 320px; }
.articles-list .swiper-info-slide .photo {height: 320px;}
.gallery-item a {height: 200px; }
}


@media all and (max-width:520px) {
.history .left {.wrap;}
.history .left .col:nth-child(1) {display: none;}
.history .left .col:nth-child(2) {width:100%;}
.history .left .col {height: 800px; }
.swiper-info-slide .photo {height: 260px; }
.articles-list .swiper-info-slide .photo {height: 260px;}
.gallery-item a {height: 180px; }
}



@media all and (max-width:450px) {
header .paddings-LR .center .mod-menu > li > a, header .paddings-LR .center .mod-menu > li > span {font-size: 18px !important;}
.history .left .col {height: 600px; }
.swiper-info-slide .photo {height: 220px; }
.articles-list .swiper-info-slide .photo {height: 220px;}
.gallery-item {width: 100%; }
.gallery-item a {height: 320px; }
.firstline .success {left: -40px;}
.firstline {margin-top: 120px; }
.breeds .container .title {font-size: 18px;}
.warning {font-size: 14px; margin-bottom:10px;}
.formContainer .rsform-block-message {margin-bottom:10px;}
}


@media all and (max-width:390px) {
.btn {padding: 0 30px;}
.list-container .slider-arrows .slider-arrow-prev {left: -30px;
	img {width: 60px;}
}
.list-container .slider-arrows .slider-arrow-next {right: -30px;
	img {width: 60px;}
}
.list-container .slider-arrows {top: 45%;}
.news.paddings-LR, .dogs.paddings-LR {padding: 0 30px; }
.btn-all {margin-top: 50px; }
.gallery-item a {height: 250px; }

}

@media all and (max-width:360px) {


}


@media all and (max-width:850px) and (orientation:landscape) {

}

@media all and (max-width:700px) and (orientation:portrait) {


}

@media all and (max-width:360px) {


}