@font-face {
	font-family			:font-1;
	src					:url(/tmp/europec.ttf);
}

body  {
	font-family			:font-1, Arial;
	font-size			:14px;
	margin				:0;
	padding				:0;
}

h1, .mod-title {
	font-size			:24px !important;
	font-weight			:normal !important;
	padding				:0px 0px 0px 0px !important;
	font-family			:font-1 !important;
}

.mod-title {
	margin-bottom		:15px;
}

h4 {
	font-family			:font-1, Arial;
	font-size			:14px;
}

td {
	vertical-align		:top;
	font-family			:font-1, Arial;
	font-size			:14px;
	line-height			:20px;
}

a:link, a:visited {
	color				:#0099ff;
}

a:hover {
	color				:#ff6600;
}

a.za5:link, a.za5:visited, a.za5:hover {
	color				:#bebebe;
}

img {
	border				:0px;
}

p {
	padding				:0px;
	margin				:0px;
}

.clearfloat {
	clear				:both;
    height				:0px;
    line-height			:0px;
	width				:100%;
}

.advantages_main {
	line-height			:normal !important;
	border-collapse		:collapse;
	border-spacing		:0px;
}

.advantages_inside td {
	line-height			:normal !important;
	padding				:0px;
	vertical-align		:middle;
}

.advantages_title {
	font-size			:18px;
	padding				:0px 0px 5px 0px;
	margin				:0px 0px 20px 0px;
}

.advantages_title_1 {
	color				:#0099ff;
	border-bottom		:1px solid #0099ff;
}

.advantages_title_2 {
	color				:#00A55C;
	border-bottom		:1px solid #00A55C;
}

.advantages_title_3 {
	color				:#FF8F12;
	border-bottom		:1px solid #FF8F12;
}

.advantages_title_4 {
	color				:#8615E3;
	border-bottom		:1px solid #8615E3;
}

.top {
	height				:30px;
	background-color	:#f5f5f5;
}

.top_center {
	margin				:0px auto;
	height				:30px;
	line-height			:30px;
	min-width			:1000px;
	max-width			:1200px;
}

.header_container {
	height				:120px;
}

.header_center {
	margin				:0px auto;
	height				:180px;
	min-width			:1000px;
	max-width			:1200px;
	overflow			:hidden;
}

.header_main {
	height				:120px;
}

.header_left {
	margin-right		:220px;
}

.header_right {
	float				:right;
	padding-top			:15px;
	width				:200px;
}

.header_right #calltoorder {
	margin-bottom		:15px;
}

.cpanel {
	height				:60px;
	min-width			:1000px;
	border-top			:1px solid #e0e0e0;
	background-color	:#f0f0f0;
}

.cpanel-def {
	border-top			:0px solid #eeeeee;
	background			:linear-gradient(to bottom, #00a8ff, #0074eb);
}

.slider {
	height				:400px;
	background			:linear-gradient(to bottom, #00a8ff, #0074eb);
}

.slider_center {
	height				:360px;
	min-width			:1000px;
	max-width			:1200px;
	margin				:0 auto;
	padding				:20px 0px 0px 0px;
	overflow-x			:hidden;
	position			:relative;
	left				:0px;
	top					:0px;
}

.content {
	padding				:30px 0px 30px 0px;
	width				:100%;
	background-color	:#f4f4f4;
}

.content-def {
	background-color	:#f4f4f4;
}

.content_center {
	margin				:30px auto;
	min-height			:700px;
	min-width			:1000px;
	max-width			:1200px;
}

.bottom {
	background			:#ffffff;
}

.bottom_center {
	margin				:30px auto 30px auto;
	min-height			:300px;
	min-width			:1000px;
	max-width			:1200px;
}

.footer {
	height				:60px;
	background			:#202020;
}

.footer_center {
	margin				:0 auto;
	height				:60px;
	min-width			:1000px;
	max-width			:1200px;
}

.mod_breadcrumbs {
	margin				:0px 0px 20px 0px !important;
}





/* ======= МЕНЮ ВЕРХНЕЕ ===================================================================== */

.tab {
	border-collapse		:collapse;
	margin				:0 auto;
}

.tab td {
	padding				:0px;
	vertical-align		:top;
	white-space			:nowrap;
}

.topmenu-0 {
	height				:60px;
	width				:1px;
}

.topmenu-4 {
	height				:60px;
	width				:1px;
}

.topmenu {
	font-size			:18px;
	line-height			:60px;
	text-decoration		:none;
}

.topmenu-1 {
	height				:60px;
	width				:1px;
}

.topmenu-2 {
	font-size			:18px;
	line-height			:60px;
	text-decoration		:none;
}

.topmenu-3 {
	height				:60px;
	width				:1px;
}

a.topmenu:link {
	margin				:0px 10px 0px 10px;
	font-family			:font-1;
}

a.topmenu:visited {
	margin				:0px 10px 0px 10px;
	font-family			:font-1;
}

a.topmenu:hover {
	color				:#ff6600;
	text-decoration		:none;
	margin				:0px 10px 0px 10px;
	font-family			:font-1;
}

.cpanel-def a.topmenu:link {
	color				:#ffffff;
}

.cpanel-def a.topmenu:visited {
	color				:#ffffff;
}

.cpanel-def a.topmenu:hover {
	color				:#ffffff;
	text-decoration		:underline;
}

.activetopmenu {
	color				:#ff6600;
	font-size			:18px;
	line-height			:60px;
	text-decoration		:none;
}

.activetopmenu-1 {
	color				:#ff6600;
	height				:60px;
	width				:1px;
}

.activetopmenu-2 {
	color				:#ff6600;
	font-size			:18px;
	line-height			:60px;
	text-decoration		:none;
}

.activetopmenu-3 {
	color				:#ff6600;
	height				:60px;
	width				:1px;
}

a.activetopmenu:link {
	color				:#ff6600;
	margin				:0px 10px 0px 10px;
	font-family			:font-1;
}

a.activetopmenu:visited {
	color				:#ff6600;
	margin				:0px 10px 0px 10px;
	font-family			:font-1;
}

a.activetopmenu:hover {
	color				:#ff6600;
	margin				:0px 10px 0px 10px;
	font-family			:font-1;
}

.cpanel-def a.activetopmenu:link {
	color				:#ffffff;
	text-decoration		:underline;
}

.cpanel-def a.activetopmenu:visited {
	color				:#ffffff;
	text-decoration		:underline;
}

.cpanel-def a.activetopmenu:hover {
	color				:#ffffff;
	text-decoration		:underline;
}



/* ------- Выпадающее меню ------- */
.menutop_sub	{
	display				:block;
	line-height			:25px;
	border-bottom-style	:solid;
	border-bottom-width	:1px;
	border-bottom-color	:#268378;
	font-size			:12px;
	font-weight			:normal;
	text-decoration		:none;
	padding				:0px 15px 0px 15px;
}

a.menutop_sub:link {
	color				:#000000;
}

a.menutop_sub:visited {
	color				:#000000;
}

a.menutop_sub:hover {
	font-weight			:bold;
	color				:#000000;
	background-color	:#ffffff;
}
/* ------- / Выпадаюшее меню ------- */

/* ------- Уровень 2 ------- */

.topmenu-2	{
	position			:relative;
}

.activetopmenu-2	{
	position			:relative;
}

.topmenu-2-parent	{
	position			:relative;
}

.menutop_lvl_2_block	{
	position			:absolute;
	text-align			:left;
	display				:none;
	border-style		:solid;
	border-width		:1px;
	border-color		:#dadada;
	background			:#eeeeee;
}
/* ------- / Уровень 2 ------- */

/* ------- Уровень 3 ------- */
.menutop_lvl_3_block	{
	position			:absolute;
	top					:-1px;
	left				:100%;
	display				:none;
	border-style		:solid;
	border-width		:1px;
	border-color		:#dadada;
	background			:#eeeeee;
}
/* ------- / Уровень 3 ------- */

/* left */

#left .mod-main {
	background			:#ffffff;
	box-shadow			:0px 1px 3px #cccccc;
	border-radius		:5px;
	padding				:20px;
	margin				:0px 0px 20px 0px;
}

#left .mod-title {
	padding				:0px 0px 5px 0px;
	font-size			:20px;
	color				:#646358;
	font-family			:font-1;
}

/* ======= ЛЕВОЕ МЕНЮ ============================================================================= */

.leftmenu-1 {
	display				:block;
	padding				:10px 0px 10px 0px;
	margin				:0px 0px 0px 0px;
	font-weight			:bold;
	text-decoration		:none;
	font-size			:16px;
	border-bottom		:1px solid #dadada;
}

a.leftmenu-1:link {
	color				:#646358;
	font-family			:font-1;
}

a.leftmenu-1:visited {
	color				:#646358;
	font-family			:font-1;
}

a.leftmenu-1:hover {
	padding				:10px 20px 10px 20px;
	margin				:0px -20px 0px -20px;
	color				:#900;
	text-decoration		:none;
	font-family			:font-1;
	background			:#ECEBE0;
	border-bottom		:1px solid #ECEBE0;
}

.activeleftmenu-1 {
	display				:block;
	padding				:10px 20px 10px 20px;
	margin				:0px -20px 0px -20px;
	background			:#ECEBE0;
	font-weight			:bold;
	text-decoration		:none;
	font-size			:16px;
	color				:#900;
	border-bottom		:1px solid #ECEBE0;
}

a.activeleftmenu-1:link {
	color				:#900;
	font-family			:font-1;
}

a.activeleftmenu-1:visited {
	color				:#900;
	font-family			:font-1;
}

a.activeleftmenu-1:hover {
	color				:#900;
	font-family			:font-1;
}

/* --- 2 --- */

.leftmenu-2 {
	display				:block;
	padding				:5px 0px 5px 0px;
	margin				:0px 0px 0px 10px;
	text-decoration		:none;
	font-size			:14px;
	color				:#646358;
	border-bottom		:1px solid #dadada;
}

a.leftmenu-2:link {
	color				:#646358;
	font-family			:font-1;
}

a.leftmenu-2:visited {
	color				:#646358;
	font-family			:font-1;
}

a.leftmenu-2:hover {
	color				:#900;
	text-decoration		:underline;
	font-family			:font-1;
}


.activeleftmenu-2 {
	display				:block;
	padding				:5px 0px 5px 0px;
	margin				:0px 0px 0px 10px;
	text-decoration		:none;
	font-size			:14px;
	color				:#900;
	border-bottom		:1px solid #dadada;
}

a.activeleftmenu-2:link {
	color				:#900;
	font-family			:font-1;
}

a.activeleftmenu-2:visited {
	color				:#900;
	font-family			:font-1;
}

a.activeleftmenu-2:hover {
	color				:#900;
	text-decoration		:none;
	font-family			:font-1;
}


/* --- 3 --- */


.leftmenu-3 {
	display				:block;
	padding				:5px 0px 5px 20px;
	text-decoration		:none;
	font-size			:12px;
	color				:#646358;
}

a.leftmenu-3:link {
	color				:#646358;
	font-family			:font-1;
}

a.leftmenu-3:visited {
	color				:#646358;
	font-family			:font-1;
}

a.leftmenu-3:hover {
	color				:#900;
	text-decoration		:underline;
	font-family			:font-1;
}


.activeleftmenu-3 {
	display				:block;
	padding				:5px 0px 5px 20px;
	text-decoration		:underline;
	font-size			:12px;
	color				:#900;
}

a.activeleftmenu-3:link {
	color				:#900;
	font-family			:font-1;
}

a.activeleftmenu-3:visited {
	color				:#900;
	font-family			:font-1;
}

a.activeleftmenu-3:hover {
	color				:#900;
	text-decoration		:underline;
	font-family			:font-1;
}

.demo_container {
	background-color	:#4a4a4a;	
}

.demo_container .mod-main {
	margin				:0 auto;
	max-width			:1200px;
	padding				:30px 20px 40px 20px;
}

.demo_container .mod-main .mod-title {
	color				:#ffffff;
}

.mod_icon_content {
    background-color: rgba(255, 255, 255, 0) !important;
}

#mod_cart_table td {
   	font-size				:12px !important;
   	line-height				:15px !important;
}

.image_scroll {
    transition: box-shadow 1s;
    border: 1px solid #ccc;
    width: 100%;
}

.lr_text {
    width: 1200px;
    margin:0px auto;
    padding:0px 20px;
}

.long_read .title {
    max-width: 1200px;
    margin: 0px auto;
    padding:0px 20px !important;
}

.img_lr {	
    overflow: scroll;
    height: 800px;
}

.img_1 {
	background: url(/files/demo68/full.png) no-repeat center;
    background-position: top;
    height: 5100px;
}

.img_2 {
	background: url(/files/demo69/full.png) no-repeat center;
    background-position: top;
    height: 4130px;
}

.img_3 {
	background: url(/files/demo70/full.png) no-repeat center;
    background-position: top;
    height: 4964px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 20px;
}

.grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 20px;
}

.grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 500px));
    grid-gap: 20px;
	grid-row-gap: 50px;
}

/**/

.prevu_kit {
    display:inline-block;
    border:0;
    width:196px;
    height:210px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    font-size: 0;
}

.prevu_kit:hover {
    box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
}

.prevu_kit:hover .prevu_kit_back {
	opacity: 1;
}

.prevu_kit_back {
	opacity: 0;
	position: absolute;
	overflow: hidden;
}

.prevu_kit_back video {
	width: 196px;
	height: 210px;
	object-fit: cover;
}

.prevu_kit_container {
	text-align: center;
}
	
/**/