/*
Theme Name: Тема компании
Theme URI: http://
Author: Компаия
Author URI: http://
Description: Компания занимается продажей товара
Version: 1.0.0
*/

#wpadminbar {display: none !important;}


/*~~~~  Шрифт DM_Sans  ~~~~*/
@font-face {
    font-family: DMSans_Italic;
    src: url('/wp-content/themes/mytheme/assets/fonts/DM_Sans/DMSans-Italic.ttf'),
}
@font-face {
    font-family: DMSans;
    src: url('/wp-content/themes/mytheme/assets/fonts/DM_Sans/DMSans-Regular.ttf'),
}
@font-face {
    font-family: DMSans_Medium;
    src: url('/wp-content/themes/mytheme/assets/fonts/DM_Sans/DMSans-Medium.ttf'),
}
@font-face {
    font-family: DMSans_MediumItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/DM_Sans/DMSans-MediumItalic.ttf'),
}
@font-face {
    font-family: DMSans_Bold;
    src: url('/wp-content/themes/mytheme/assets/fonts/DM_Sans/DMSans-Bold.ttf'),
}
@font-face {
    font-family: DMSans_BoldItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/DM_Sans/DMSans-BoldItalic.ttf'),
}
/*~~~~  Шрифт DM_Sans^  ~~~~*/


/*~~~~  Шрифт Poppins  ~~~~*/
@font-face {
    font-family: Poppins_Thin;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-Thin.ttf'),
}
@font-face {
    font-family: Poppins_ThinItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-ThinItalic.ttf'),
}
@font-face {
    font-family: Poppins_Italic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-Italic.ttf'),
}
@font-face {
    font-family: Poppins_Light;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-Light.ttf'),
}
@font-face {
    font-family: Poppins_LightItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-LightItalic.ttf'),
}
@font-face {
    font-family: Poppins_ExtraLight;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-ExtraLight.ttf'),
}
@font-face {
    font-family: Poppins_ExtraLightItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-ExtraLightItalic.ttf'),
}
@font-face {
    font-family: Poppins;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-Regular.ttf'),
}
@font-face {
    font-family: Poppins_Medium;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-Medium.ttf'),
}
@font-face {
    font-family: Poppins_MediumItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-MediumItalic.ttf'),
}
@font-face {
    font-family: Poppins_SemiBold;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-SemiBold.ttf'),
}
@font-face {
    font-family: Poppins_SemiBoldItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-SemiBoldItalic.ttf'),
}
@font-face {
    font-family: Poppins_Black;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-Black.ttf'),
}
@font-face {
    font-family: Poppins_BlackItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-BlackItalic.ttf'),
}
@font-face {
    font-family: Poppins_Bold;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-Bold.ttf'),
}
@font-face {
    font-family: Poppins_BoldItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-BoldItalic.ttf'),
}
@font-face {
    font-family: Poppins_ExtraBold;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-ExtraBold.ttf'),
}
@font-face {
    font-family: Poppins_ExtraBoldItalic;
    src: url('/wp-content/themes/mytheme/assets/fonts/Poppins/Poppins-ExtraBoldItalic.ttf'),
}
/*~~~~  Шрифт Poppins^  ~~~~*/
   


html {
    position: relative;
    margin: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: initial;
    background: #fff;
}

body {
    font-family: DMSans;
    font-weight: 400;
    display: block;
    background-size: 100px;
    width: 100%;
    overflow-x: hidden;
    font-size: 18px;
    color: #47403d;
}
b, strong {font-weight: bold; font-family: DMSans;}

.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.verCenter {
	vertical-align: middle;
	display: table-cell;
}


/*~~~~  Стили для container  ~~~~*/
@media (min-width: 767.5px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 991.5px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1199.5px) {
    .container {
        width: 1170px;
    }
}
@media (min-width: 1350.5px) {
    .container {
        width: 1320px;
    }
}
/*
@media (min-width: 1366px) {
    .container {
        width: 1330px;
    }
}
@media (min-width: 1640px) {
    .container {
        width: 1600px;
    }
}*/
.container {
    margin: 0 auto;
    max-width: 100%;
}
.container:before, .container:after {
    display: table;
    content: " ";
}
.container:after {
    clear: both;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row:before, .row:after {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666666666666%;
}
.col-xs-10 {
    width: 83.33333333333334%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666666666666%;
}
.col-xs-7 {
    width: 58.333333333333336%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666666666667%;
}
.col-xs-4 {
    width: 33.33333333333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.666666666666664%;
}
.col-xs-1 {
    width: 8.333333333333332%;
}

@media (min-width: 767.5px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666666666666%;
    }
    .col-sm-10 {
        width: 83.33333333333334%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666666666666%;
    }
    .col-sm-7 {
        width: 58.333333333333336%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666666666667%;
    }
    .col-sm-4 {
        width: 33.33333333333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.666666666666664%;
    }
    .col-sm-1 {
        width: 8.333333333333332%;
    }
}
@media (min-width: 991.5px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666666666666%;
    }
    .col-md-10 {
        width: 83.33333333333334%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666666666666%;
    }
    .col-md-7 {
        width: 58.333333333333336%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666666666667%;
    }
    .col-md-4 {
        width: 33.33333333333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.666666666666664%;
    }
    .col-md-1 {
        width: 8.333333333333332%;
    }
}
@media (min-width: 1199.5px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666666666666%;
    }
    .col-lg-10 {
        width: 83.33333333333334%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666666666666%;
    }
    .col-lg-7 {
        width: 58.333333333333336%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666666666667%;
    }
    .col-lg-4 {
        width: 33.33333333333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.666666666666664%;
    }
    .col-lg-1 {
        width: 8.333333333333332%;
    }
}
/*~~~~  Стили для container^  ~~~~*/



/*~~~~  Стили блока 'header'  ~~~~*/
.header {
	position: relative;
}
.header__content {padding: 41px 0 72px;}
.header__content:before {
	display: table;
    content: '';
}
.header__content:after {
	display: table;
    content: '';
    clear: both;
}
.header__logo {
	width: 34%;
    float: left;
    height: 59px;
    display: table;
}
.header__logo a {
	position: relative;
    background: #D9D9D9;
    padding: 15px 60px;
    font-size: 20px;
    color: #000;
    font-family: DMSans_Bold;
	transition: all .25s;
	text-decoration: none;
}
.header__logo a:hover {
	background: #a7a7a7;
}
.header__menu {
	width: 50%;
    float: left;
    height: 59px;
    display: table;
}
.header__menu .menu {}
.header__menu .menu:before {
	display: table;
    content: '';
}
.header__menu .menu:after {
	display: table;
    content: '';
    clear: both;
}
.burgerClose {
	display: none;
}
.header__menu .menu {}
.header__menu ul {
	display: block;
    margin: 0;
    padding: 0;
}
.header__menu li {
    padding: 5px 25px;
    margin: 0;
    float: left;
}
.header__menu li:before {display: none;}
.header__menu li a {
    color: #666;
    font-family: DMSans_Medium;
    font-size: 20px;
    text-decoration: none;
}
.header__menu li a:after {
	position: relative;
	top: 1px;
	content: '';
	display: table;
	width: 0;
	height: 1px;
	background: #666;
	transition: all .25s;
}
.header__menu li a:hover:after {
	width: 100%;
}
.header__social {
	width: 16%;
    float: left;
    height: 59px;
    display: table;
	text-align: right;
}
.header__social .verCenter:before {
	display: table;
    content: '';
}
.header__social .verCenter:after {
	display: table;
    content: '';
    clear: both;
}
.header__socialElem {
	display: block;
	float: left;
	padding-left: 20px;
    width: 33.333%;
    text-align: center;
}
.header__socialElem a {
    display: block;
    height: 30px;
    width: 30px;
	transition: all .5s;
	margin: auto;
}
.header__socialElem a svg {}
.header__socialElem a svg path {
	transition: all .5s;
}
.header__socialElem:nth-child(1) a:hover svg path {
	fill: #252a2f;
}
.header__socialElem:nth-child(2) a:hover svg path {
	fill: #1c96e8;
}
.header__socialElem:nth-child(3) a:hover svg path {
	fill: #1c63bc;
}
.burgerBlock {display: none;}
.burgerBlock .burger {
    display: block;
    height: 40px;
    width: 40px;
    padding: 5px;
    margin: 0 0 0 auto;
    cursor: pointer;
}
.burgerBlock .bar {
	height: 10px;
    display: block;
	padding: 5px 0;
}
.burgerBlock .bar svg {
	display: block;
    margin: 0 0 0 auto;
}
.burgerBlock .burger:hover .bar svg {
	
}
.burgerBlock .bar svg path {
	stroke: #555;
	stroke-width: 1;
	transition: all .5s;
}
.burgerBlock .burger:hover .bar svg path {
	stroke: #000;
	stroke-width: 2;
}

@media(max-width: 1350px) {
	.header__menu li {padding: 5px 16px;}
}
@media(max-width: 1200px) {
	.header__menu li {padding: 5px 16px;}
	.header__menu li a {font-size: 16px;}
	.header__socialElem {padding-left: 12px;}
}
@media(max-width: 992px) {
	.header__logo {
		width: 40%;
		float: left;
		height: 59px;
		display: table;
	}
	.header__menu {
		position: absolute;
		width: auto;
		top: -50px;
	}
	.header__menu .menu {
		position: fixed;
		background: #d9d9d9;
		top: 0;
		right: 0;
		width: 100%;
		max-width: 350px;
		height: 100%;
		z-index: 50;
		padding: 25px;
		display: none;
	}
	.burgerClose.active ~ .menu {
		display: block;
	}
	.burgerClose.active ~ .menu ul.menu {
		display: block;
	}
	.header__social {
		width: 40%;
		float: left;
		height: 59px;
		display: table;
		text-align: center;
	}
	.header__menu li {
		float: none;
	}
	.header__menu li a {
		font-size: 20px;
		color: #000;
	}
	.header__menu li a:after {display: none;}
	.header__socialElem {
		padding: 0 7px;
	}
	.burgerBlock {
		width: 20%;
		float: left;
		height: 59px;
		display: table;
		text-align: right;
	}
	#closeBg {
        position: fixed;
        background: rgba(0,0,0,0.37);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
        z-index: 30;
        display: none
    }
    #closeBg.active {
        display: block
    }
	#burgerClose {
		position: fixed;
		z-index: 100000;
		right: 17px;
		top: 17px;
		width: 30px;
		height: 30px;
		background: rgba(0, 0, 0, 0);
		border-radius: 5px;
		display: none;
		cursor: pointer;
    }
    #burgerClose.active {
        display: block
    }
    #burgerClose .bar:nth-child(1) {
        position: absolute!important;
        transform: rotate(-45deg);
        left: 0!important;
        top: 0!important
    }
    #burgerClose .bar:nth-child(2) {
        display: none!important
    }
    #burgerClose .bar:nth-child(3) {
        position: absolute!important;
        transform: rotate(45deg);
        top: 0;
        left: 7px!important
    }
}
@media(max-width: 768px) {
	.header__logo {
		width: 100%;
		float: none;
		margin: 0 0 20px;
		text-align: center;
	}
	.header__social {
		width: 70%;
	}
	.burgerBlock {
		width: 30%;
	}
}
/*~~~~  Стили блока 'header'^  ~~~~*/


/*~~~~  Стили главной страницы  ~~~~*/
.mainBlock {
	position: relative;
	padding: 0 0 60px;
}
.introductionBlock {}
.introductionBlock:before {
	display: table;
    content: '';
}
.introductionBlock:after {
	display: table;
    content: '';
    clear: both;
}
.introductionBlock__textBlock {
	width: 57%;
	float: left;
    display: table;
	height: 488px;
}
.introductionBlock__text {
	color: #42446E;
    font-family: Poppins_Bold;
    font-size: 58px;
}
.introductionBlock__textElem {
	color: #42446E;
    font-family: Poppins_Bold;
    font-size: 58px;
}
.introductionBlock__textElem.textColor {
	background: linear-gradient(90deg, #13B0F5 -2.06%, #E70FAA 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.introductionBlock__imageBlock {
	width: 43%;
	float: left;
    display: table;
	height: 488px;
}
.introductionBlock__image {}
.introductionBlock__image img {
	display: block;
    margin: 0 0 0 auto;
    max-width: 100%;
}
.mainBlock__content {}

@media(max-width: 1200px) {
	.introductionBlock__textBlock {height: 410px;}
	.introductionBlock__textElem {
		font-size: 48px;
	}
	.introductionBlock__imageBlock {height: 410px;}
}
@media(max-width: 992px) {
	.introductionBlock__textBlock {height: 310px;}
	.introductionBlock__textElem {
		font-size: 37px;
	}
	.introductionBlock__imageBlock {height: 310px;}
}
@media(max-width: 768px) {
	.introductionBlock__textBlock {
		height: initial;
		float: none;
		width: 100%;
		margin: 0 0 25px;
		text-align: center;
	}
	.introductionBlock__textElem {
		font-size: 28px;
	}
	.introductionBlock__imageBlock {
		height: initial;
		float: none;
		width: 100%;
	}
	.introductionBlock__image img {
		margin: 0 auto;
	}
}
/*~~~~  Стили главной страницы^  ~~~~*/


/*~~~~  Стили блока технологий на главной странице  ~~~~*/
.technologies {
	position: relative;
	padding: 60px 0;
}
.technologies__content {position: relative;}
.technologies__image {}
.technologies__image:before {
	display: table;
    content: '';
}
.technologies__image:after {
	display: table;
    content: '';
    clear: both;
}
.technologies__image a {
	display: block;
	width: 18.2%;
	float: left;
    text-align: center;
}
.technologies__image a:first-child {
	width: 13.4%;
    text-align: left;
}
.technologies__image a:last-child {
	width: 13.4%;
    text-align: right;
}
.technologies__image img {
	max-width: 100%;
	width: auto;
}

@media(max-width: 992px) {
	.technologies {
		padding: 40px 0;
	}
	.technologies__image a {
		display: block;
		width: 33.333%;
		float: left;
		text-align: center;
		padding: 20px 0;
	}
	.technologies__image a:first-child {
		width: 33.333%;
		text-align: center;
	}
	.technologies__image a:last-child {
		width: 33.333%;
		text-align: center;
	}
}
@media(max-width: 768px) {
	.technologies__image a {
		display: inline-table;
		width: 48%;
		float: none;
		text-align: center;
		padding: 20px 0;
	}
	.technologies__image a:first-child {
		width: 48%;
		text-align: center;
	}
	.technologies__image a:last-child {
		width: 48%;
		text-align: center;
	}
}
/*~~~~  Стили блока технологий на главной странице^  ~~~~*/




/*~~~~  Стили блока 'projects'  ~~~~*/
.projects {
	position: relative;
	padding: 70px 0;
}
.projects__title {}
.projects__title h2 {
    font-family: Poppins_Bold;
    font-size: 52px;
    color: #42446E;
    margin: 0;
    padding: 0;
    text-align: center;
}
.projects__content {
	padding: 70px 0;
}
.projects__row {
	margin: 0 -10px;
}
.projects__row:before {
	display: table;
    content: '';
}
.projects__row:after {
	display: table;
    content: '';
    clear: both;
}
.projects__item {
	width: 33.333%;
    float: left;
    padding: 0 10px;
	margin-bottom: 20px;
}
.projects__elem {
	background: #FFFFFF;
	box-shadow: 2px 2px 100px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}
.projects__itemImage {
	position: relative;
}
.projects__itemImage img {
	width: 100%
}
.projects__itemTitle {
	padding: 25px 35px 15px;
    font-family: Poppins_Medium;
    font-size: 28px;
    color: #000000;
}
.projects__itemText {
	font-family: Poppins_Light;
    font-size: 18px;
    color: #666666;
    padding: 0 35px;
}
.projects__itemLink {
	padding: 20px 35px 25px;
    font-size: 16px;
    color: #000000;
}
.projects__itemLink span {
	display: inline-block;
    position: relative;
    top: -1px;
}
.projects__itemLink a {
    font-size: 16px;
    color: #000000;
	text-decoration: none;
	transition: all .25s;
}
.projects__itemLink a:hover {
	color: #777;
}

@media(max-width: 1200px) {
	.projects__itemTitle {
		padding: 20px 25px 15px;
	}
	.projects__itemText {
		padding: 0 25px;
	}
	.projects__itemLink {
		padding: 15px 25px 20px;
		font-size: 16px;
		color: #000000;
	}
}
@media(max-width: 992px) {
	.projects__item {
		width: 50%;
	}
}
@media(max-width: 768px) {
	.projects__item {
		width: 100%;
		float: none;
		max-width: 350px;
		width: 100%;
		margin: 0 auto 20px;
	}
	.projects__itemTitle {
		font-size: 23px;
	}
	.projects__itemText {
		font-size: 16px;
	}
}
/*~~~~  Стили блока 'projects'^  ~~~~*/






/*~~~~  Стили блока 'Кнопки вверх'  ~~~~*/
.toTop {
    position: fixed;
    background: #d11717;
    opacity: 0.7;
    bottom: 26px;
    right: 26px;
    border-radius: 8px;
    transition: .5s;
    z-index: 10000000000;
    cursor: pointer;
    display: none;
    outline: none;
    border: 0;
}
.toTop_dsTable {
    display: table;
    width: 40px;
    height: 40px;
    text-align: center;
    outline: none;
    border: 0;
}
.toTop_center {
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    font-size: 26px;
    opacity: 1;
    position: relative;
    line-height: 1;
    top: -1px;
    outline: none;
    border: 0;
}
.toTop:hover {
    opacity: 1;
    transition: 1s;
}

@media (max-width: 1920px) {
    .toTop {
        bottom: 26px;
        right: 26px;
        border-radius: 8px;
    }
    .toTop_dsTable {
        width: 40px;
        height: 40px;
    }
    .toTop_center {
        font-size: 26px;
        top: -1px;
    }
}

@media(max-width: 480px) {
    .toTop {
        bottom: 26px;
        right: 26px;
    }
    .logo-block>div{
        width: 100%;
    }
}
/*~~~~  Стили блока 'Кнопки вверх'^  ~~~~*/


/*~~~~  Стили страниц записей  ~~~~*/
.pageArticle {
	position: relative;
}
.pageArticle__content {
	position: relative;
}
.pageArticle__title {
	position: relative;
}
.pageArticle__title h1 {
	position: relative;
	margin: 0 0 25px;
}
.pageArticle__date {
	position: relative;
    margin: 0 0 20px;
}
.pageArticle__element {
	position: relative;
	margin: 0 -15px;
}

.pageArticle__element:before {
	display: table;
    content: '';
}
.pageArticle__element:after {
	display: table;
    content: '';
    clear: both;
}
.pageArticle__image {
    position: relative;
    width: 35%;
    float: left;
    display: table;
    height: 250px;
    padding: 0 15px;
}
.pageArticle__image img {
	position: relative;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.pageArticle__text {
    position: relative;
    width: 65%;
    float: left;
    display: table;
    height: 250px;
    padding: 0 15px;
}
.pageArticle__text p {
	position: relative;
	margin: 0;
	padding: 0;
}

@media(max-width: 992px) {
	.pageArticle__image {
		height: 200px;
	}
	.pageArticle__text {
		height: 200px;
	}
}
@media(max-width: 768px) {
	.pageArticle__image {
		width: 100%;
		height: auto;
		max-width: 350px;
		display: block;
		margin: 0 auto 25px;
	}
	.pageArticle__text {
		height: auto;
		float: none;
		width: 100%;
	}
}
/*~~~~  Стили страниц записей^  ~~~~*/




/*~~  Стили блока 'пагинации'  ~~*/
.paginationBlock {overflow-x: auto; width: 100%;}
.navigation {
    text-align: center;
    padding: 17px 0;
    position: relative;
    display: block;
    width: 100%;
    min-width: 350px;
}
.navigation .tw-pagination {position: relative;}
.navigation .tw-pagination li {position: relative;}
.navigation .tw-pagination li .title {display: none;}
.navigation .tw-pagination .current {
    position: relative;
    color: #666666;
    background: #eeeeee;
    border: 0 solid #dddddd;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-right: 0px;
    padding: 8px 12px;
    z-index: 1;
}
.navigation .tw-pagination a {
    background: #ffffff;
    border: 0 solid #dddddd;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #d11717;
    margin-right: 0px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    position: relative;
    transition: .5s;
    z-index: 3;
}
body .navigation .tw-pagination a:hover {background: #d11717; transition: .5s; color: #ffffff;}
.navigation .tw-pagination a.prev {
    color: #ababab;
    border-radius: 5px 0 0 5px;
}
.navigation .tw-pagination a.next {
    color: #ababab;
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #dddddd;
}
body .navigation .tw-pagination .gap {
    background: #eeeeee;
    border: 0 solid #dddddd;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #474747;
    margin-right: 0px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    position: relative;
    transition: .5s;
    z-index: 3;
}
/*~~  Стили блока 'пагинации'^  ~~*/




/*~~~~  Стили хлебных крошек сайта  ~~~~*/
.blockBreadCrumbs {
    display: block;
    box-shadow: 0px 30px 25px 0px rgba(0, 0, 0, .05);
    padding: 12px 0;
    background: #fff;
    z-index: 2;
    position: relative;
    margin: 0 0 70px;
}
.blockBreadCrumbs #breadcrumbs {margin: 0;}
.blockBreadCrumbs #breadcrumbs a {/*color: #3986de;*/color: #222; text-decoration: none; font-size: 14px; padding: 0 5px;}
.breadcrumb_last {color: #d11717; font-size: 14px; padding: 0 5px;}
.bandBlock {border: 1.5px solid #d11717; width: 100%; position: absolute; left: 0; margin-top: 10px; display: none;}
.blockBreadCrumbs .container {position: relative; z-index: 1; background: #fff;}
/*~~~~  Стили хлебных крошек сайта^  ~~~~*/




/*~~~~  Стили страницы поиска  ~~~~*/
.searchPage {
    position: relative;
    margin: 25px 0 35px;
}
.searchPage__content {
    width: 100%;
    background: #fff;
    padding: 20px;
}
.searchPage .titleBlock {}
.searchPage .titleBlock h1 {
    font-weight: 400;
    margin: 0 0 25px;
    padding: 0;
    line-height: 1.4;
}
.searchPage__link {}
.searchPage__link a {
    color: #d11717;
    display: inline-table;
}
.searchPage__link a:hover {
    color: #d11717;
    text-decoration: none;
}
.searchPage__link a:after {
    position: relative;
    content: '';
    height: 1px;
    background: #d11717;
    width: 0;
    transition: all .5s;
    display: table;
    top: 0px;
}
.searchPage__link a:hover:after {
    width: 100%;
}
.searchPage__item {
    background: #f7f7f7;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.17);
    padding: 15px;
    margin-bottom: 35px;
    overflow: hidden;
}
.searchPage__item.active {background: #d7d7d7;}
.searchPage__item:last-child {margin-bottom: 0;}
.searchPage__hide {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: 0s;
}
.searchPage__item.active .searchPage__hide {
    visibility: visible;
    height: 100%;
    opacity: 1;
    transition: 1s;
}
.searchPage__element {}
.searchPage__moreInfo {
    color: #d11717;
    text-decoration: none;
    margin: 20px 0 0;
    display: inline-table;
}
.searchPage__moreInfo:hover {
    color: #d11717;
    text-decoration: none;
}
.searchPage__moreInfo:after {
    position: relative;
    content: '';
    height: 1px;
    background: #d11717;
    width: 0;
    transition: all .5s;
    display: table;
    top: 0px;
}
.searchPage__moreInfo:hover:after {
    width: 100%;
}
.searchPage__item.active .searchPage__moreInfo .true {display: none;}
.searchPage__item .searchPage__moreInfo .false {display: none;}
.searchPage__item.active .searchPage__moreInfo .false {display: block;}
.searchPage__moreInfo span {cursor: pointer;}
.searchPage__blockNone {}
.searchPage__textNone {}
.searchPage__opportunity {}
.searchPage__opportunityMainPage {}
.searchPage__opportunitySearch {}
.searchPage__opportunitySearch p {}

@media (max-width: 1199.5px) {
    .searchPage__content {width: 100%;}
}
@media (max-width: 767.5px) {
    .searchPage {padding: 25px 0px;}
    .searchPage__content {padding: 20px 0px;}
}
/*~~~~  Стили страницы поиска^  ~~~~*/


/*~~~~  Стили страницы ошибки^  ~~~~*/
.errorPage {
    position: relative;
    padding: 0 0 50px;
}
.errorPage__title {
    position: relative;
    margin: 0 0 50px;
}
.errorPage__title h1 {
    position: relative;
}
.errorPage__title h2 {
    position: relative;
}
.errorPage__content {
    position: relative;
}
.errorPage__search {
    position: relative;
}
.errorPage__search form {
    position: relative;
    margin: 20px 0;
}
.errorPage__search form label {
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    overflow: visible;
    height: auto;
    clip: initial;
    clip-path: initial;
    display: none;
}
.errorPage__search form input {
    border: 1px solid #eee;
    padding: 7px 15px;
    color: #000;
    outline: none;
    min-width: 320px;
}
.errorPage__search form input[type="submit"] {
    width: auto;
    min-width: auto;
    background: #d11717;
    color: #fff;
}
.titleBlock {
    position: relative;
}
.titleBlock h4 {
    position: relative;
}
.errorPage a {
    position: relative;
}
.errorPage a {
    color: #d11717;
    text-decoration: none;
    margin: 0;
    display: inline-table;
}
.errorPage a:hover {
    color: #d11717;
    text-decoration: none;
}
.errorPage a:after {
    position: relative;
    content: '';
    height: 1px;
    background: #d11717;
    width: 0;
    transition: all .5s;
    display: table;
    top: 0px;
}
.errorPage a:hover:after {
    width: 100%;
}

@media (max-width: 480px) {
    .errorPage__search form input {
        padding: 7px 8px;
        min-width: 200px;
    }
}
/*~~~~  Стили страницы ошибки^  ~~~~*/


/*~~~~  Стили списков сайта  ~~~~*/
ul {position: relative; padding: 0; list-style: none; margin: 0;}
ul li {position: relative; color: rgba(0, 0, 0, 0.77); margin: 0 0 10px;}
ul li.scroll a {position: relative; color: rgba(0, 0, 0, 0.77); margin: 0 0 10px; text-decoration: none;}
ul li.scroll a:hover {text-decoration: none;}
ul li.scroll a:focus {text-decoration: none;}
ul li:before {
    position: relative;
    content: "\f111";
    color: #d11717;
    font: normal normal normal 8px/1 FontAwesome;
    top: -3px;
    margin: 0 8px 0 0;
}
ol ul li:before {
    position: relative;
    content: "\f111" !important;
    color: #d11717 !important;
    font: normal normal normal 8px/1 FontAwesome !important;
    top: 0px !important;
    margin: 0 8px 0 0 !important;
    counter-increment: unset !important; /* Задаём имя счетчика */
}
ol {
    position: relative;
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  item; /* Обнуляем счетчик списка */
    padding: 0;
    margin: 0;
}
ol li {position: relative; color: rgba(0, 0, 0, 0.77); margin: 10px 0 0; width: 100%;}
ol li:before {
    content: counter(item) '. '; /* Добавляем к числам скобку */
    counter-increment: item; /* Задаём имя счетчика */
    color: #d11717;
    top: 5px;
    margin: 0 8px 0 0;
}
/*~~~~  Стили списков сайта^  ~~~~*/


/*~~~~  Стилизуем скролл  ~~~~*/
::-webkit-scrollbar-track {
    background-color: #fff;
}
/*~~~~  Цвет дорожки, по которой двигается бегунок прокрутки.^  ~~~~*/
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 100px;
    -webkit-border-radius: 10.2vh;
    border-radius: 100px;
    border-radius: 10.2vh;
    background-color: #777;
    border-left: 1px solid #fff;
    border-left: 0.1vh solid #fff;
    border-right: 1px solid #fff;
    border-right: 0.1vh solid #fff;
}
/*~~~~  Цвет бегунка полосы, а так же его закругление.^  ~~~~*/
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 100px;
    -webkit-border-radius: 10.2vh;
    border-radius: 100px;
    border-radius: 10.2vh;
    background-color: #777;
}
/*~~~~  Цвет бегунка при наведении на него курсора.^  ~~~~*/


::-webkit-scrollbar{
    width: 8px;
    width: 0.84vh;
    padding: 0 5px;
    padding: 0 0.52vh;
    margin: 0 5px;
    margin: 0 0.52vh;
}
/*~~~~  Основная ширина полосы прокрутки.^  ~~~~*/
/*~~~~  Стилизуем скролл^  ~~~~*/


@media (max-width: 1920px) {
    body {
        font-size: 16px;
    }
    .importantInfo {
        margin: 35px auto;
        box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.35);
        border-left: 5px solid #d11717;
        padding: 20px;
    }
    /*~~~~  Стилизуем скролл  ~~~~*/
    /*~~~~  Цвет дорожки, по которой двигается бегунок прокрутки.^  ~~~~*/
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 100px;
        border-radius: 100px;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    /*~~~~  Цвет бегунка полосы, а так же его закругление.^  ~~~~*/
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }
    /*~~~~  Цвет бегунка при наведении на него курсора.^  ~~~~*/
    ::-webkit-scrollbar{
        width: 8px;
        padding: 0 5px;
        margin: 0 5px;
    }
    /*~~~~  Основная ширина полосы прокрутки.^  ~~~~*/
    /*~~~~  Стилизуем скролл^  ~~~~*/
}