@font-face{
    font-family:roboto-black;
    src:url('/themes/fonts/Roboto-Black.woff') format('woff'),
    url("/themes/fonts/Roboto-Black.otf") format('opentype'),
    url("/themes/fonts/Roboto-Black.woff2") format('woff2'),
    url("/themes/fonts/Roboto-Black.ttf") format('truetype'),
    url("/themes/fonts/Roboto-Black.svg") format("svg");
}

@font-face{
    font-family:roboto-bold;
    src:url('/themes/fonts/Roboto-Bold.woff') format('woff'),
    url("/themes/fonts/Roboto-Bold.otf") format('opentype'),
    url("/themes/fonts/Roboto-Bold.woff2") format('woff2'),
    url("/themes/fonts/Roboto-Bold.ttf") format('truetype'),
    url("/themes/fonts/Roboto-Bold.svg") format("svg");
}

@font-face{
    font-family:roboto-medium;
    src:url('/themes/fonts/Roboto-Medium.woff') format('woff'),
    url("/themes/fonts/Roboto-Medium.otf") format('opentype'),
    url("/themes/fonts/Roboto-Medium.woff2") format('woff2'),
    url("/themes/fonts/Roboto-Medium.ttf") format('truetype'),
    url("/themes/fonts/Roboto-Medium.svg") format("svg");
}

html *{
    max-height:99999999px;
}


body {
    font-size: 16px;
    font-family: roboto-medium, calibri, arial;
    color: #42434A;
    padding-top: 100px;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
}

img{
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    -webkit-user-drag: none;
}


.img-block img{
    max-width:100%;
}

/* СТИЛИ ДЛЯ ОБЩИХ ЭЛЕМЕНТОВ */

div.fon {
    display: none;
    background: #000;
    width: 200%;
    height: 200%;
    position: fixed;
    z-index: 400;
    opacity: 0.8;
    top: -20px;
}

input[type="button"] {
    font-size: 18px;
    font-family: roboto-bold, calibri,arial;
    padding: 12px 50px;
    background:  #FFB703;
    color: #42434A;
    border: 2px solid  #FFB703;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    cursor: hand;
    border-radius: 10px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.25);
}

input[type="button"]:hover {
    background:#fff;
    color:#42434A;
}

div.but-block{
    margin-top: 10px;
}

div.but-block a{
    font-size:16px;
    color:#FFB703;
    text-decoration:underline;
    transition:all 0.5s ease;
    display:inline-block;
    cursor:pointer;
}

div.but-block a:hover{
    text-decoration:none;
}

input[type="text"],
input[type="password"],
textarea,
select{
    max-width: 450px;
    font-size: 16px;
    font-family: roboto,calibri,arial;
    width: 100%;
    padding: 10px 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    color: #9E9E9E;
    border: 2px solid #FFB703;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 2px solid #FFB703;
}


input.fail,
textarea.fail,
select.fail {
    background: #fff3f3;
    border: 2px solid #ff8888;
}

input.fail:focus,
textarea.fail:focus,
select.fail:focus {
    border: 2px solid #9A1414;
}

textarea{
    resize:none;
}


a {
    text-decoration: none;
    color: #42434A;
}

a:hover {
    text-decoration: none;
    color: #371111;
}

div.relative {
    position: relative;
}

div.deliver {}

div.inline {
    display: inline-block;
    vertical-align: middle;
}

div.delivercent {
    display: flex;
    flex-direction: column;
    margin: 0;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 49%;
}

div.incenter {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.nothingfound {
    color: #ff8888;
    text-align: center;
    margin: 20px auto;
}

div.textfail {
    color: #ff8888;
    font-size: 90%;
    padding: 2px;
}

span.star {
    color: #ff8888;
}

/*-- ВСПЛЫВАЮЩЕЕ ОКНО ОТВЕТА --*/

div.answerform {
    position: fixed;
    background: #fff;
    box-shadow: 0px 0px 0px 20px 292929;
    padding: 30px;
    display: none;
    z-index: 500;
    width: 500px;
    max-width: 90%;
}

div.answer_main {
    width: 100%;
}

div.answer_mainin {}

div.answer_closeline {
    height: 40px;
}

div.answer_close {
    float: right;
}

div.answer_title {
    text-align: center;
    padding: 20px;
}

.center-block{
    max-width:1200px;
    width:100%;
    box-sizing:  border-box;
    margin:0 auto;
}

.flex-block{
    display:flex;
}

/* СТИЛИ РАЗМЕТКИ */

div.body {}

header{
    background:#42434A;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.2s ease;
    z-index: 101;
}

header.active{
    box-shadow:0 3px 10px 0 rgba(0,0,0,0.3);

}

header .center-block{
    display:flex;
    justify-content:space-between;
    align-items: center;
    height: 100px;
}


header.active .center-block{
    height: 60px;
}

header *{
    transition: all 0.2s ease;
}

div.headcolumnlogo {
    text-align: center;
}

div.headcolumnlogo a{
    display: inline-block;
    line-height: 0;
}

div.headcolumnlogo img{
    height:28px;
}

header.active div.headcolumnlogo img{
    height: 20px;
}

p.descriptor{
    font-family: roboto-bold, calibri,arial;
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0;
}

header.active p.descriptor {
    font-size: 6px;
    line-height: normal;
    margin-top: 0;
}

div.phones a{
    font-size: 28px;
    color: #fff;
    font-family: roboto-black, calibri, arial;
    transition:all 0.2s ease;
}


header div.phones a:first-child{
    margin-right: 70px;
}

.navigation-block{
    background: url(/themes/img/bg-our-clients-and-partners.jpg) no-repeat center -135px;
}



nav{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
}

div.allcentermain {
    margin: 0 auto;
    width: 100%;
    min-height: 600px;
}

div.allcentermain_chapter_home {
    margin: 0 auto;
    max-width: 100%;
}

div.allcenterblock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

div.leftmain {
    padding: 5px 10px 5px 5px;
	margin: 5px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;
}


div.leftcolumn {}

div.centermain {
    padding: 0;
	margin: 0;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 70%;
}

div.centermain_chapter_home {
	padding: 0;
	margin: 0px;
}

div.centercolumn {
}

div.rightmain {
    padding: 5px 10px 5px 5px;
	margin: 5px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;
}

@media all and (max-width: 800px) {
    div.rightmain {
        display: none;
    }
}

div.rightcolumn {}

div.centerunderslider {}

div.centerunderslider_in {}

div.leftunderslider {}

div.rightunderslider {}

div.delivercent_chapter7_home {
	flex-basis:60%;
	margin:0;
}

div.allfooter {
    background: #371111;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color:#c7c7c7;
}

div.allfooterinfo {
    padding: 10px;
    max-width: 1400px;
    margin: 0 auto;
}

div.overfooter {
	display:flex;
	flex-wrap:wrap;
}

@media all and (max-width: 600px) {
	div.overfooter {
		display:flex;
		flex-wrap:wrap;
		flex-direction:column;
	}
}

div.footer_1, div.footer_2, div.footer_3, div.footer_4 {
	flex-basis:25%;
	flex-grow:1;
	padding:5px;
	box-sizing:border-box;
}	

div.footer_1 a, div.footer_2 a, div.footer_3 a, div.footer_4 a {
	color:#fff;
}	

div.footer_1 ul, div.footer_2 ul, div.footer_3 ul, div.footer_4 ul {
    list-style: none;
    padding: 0;
}

div.footer_title {
	font-size:14px;
	margin:5px 0 15px 0;
	color:#fff;
}

div.underfooter {}

div.underfooterleft {}

div.underfooterright {}

div.counter {}


/* футер */



/* МОДУЛИ РАЗДЕЛОВ */


/* Разделы на шапке */


div.topchapters_separator {
    display: none;
}

nav a:last-child{
    margin-right:0;
}

a.topchapter_link {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 17px;
    font-family: roboto-bold, calibri, arial;
    position:relative;
}

a.topactivechapter_link {
    color: #fff;
    font-size: 18px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 17px;
    font-family: roboto-bold, calibri, arial;
    position:relative;
}

a.topchapter_link:hover {
    color: #fff;
}

a.topchapter_link:before,
a.topactivechapter_link:before {
    content:'';
    height:4px;
    width:0;
    background:#FFB703;
    transition:all 0.5s ease;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    bottom:-20px;
    width:0;
}

a.topchapter_link:hover:before,
a.topactivechapter_link:before  {
    width:80%;
}

/* Адаптивное меню разделов */

div.mobiletopchapters {
    display: none;
}

@media all and (max-width: 699px) {
    div.topchapters {
        display: none;
    }
    div.mobiletopchapters {
        position: relative;
        display: block;
        width: 32px;
        height: 32px;
        margin-left: 0px;
        margin-top: 4px;
        margin-bottom: 4px;
    }
}

div.mobiletopchapters #seeChapters {
    width: 32px;
    height: 32px;
    cursor: pointer;
    cursor: hand;
    font-size: 0;
    background: url("/themes/images/menu.png") no-repeat center;
}

div.menuchapters_name {
    color: #371111;
}

div.menuchapters {
    display: none;
    position: fixed;
    height: 100%;
    width: 0px;
    top: 0px;
    left: 0;
    z-index: 4292929;
    max-height: 100%;
    overflow-y: auto;
    background: #fff;
    border-right: 1px solid #371111;
}

div.menuchapters_block {
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #c7c7c7;
}

div.menuchapters_block a {
    text-decoration: none;
}

div.menuchapters_block:hover a {
    text-decoration: none;
}


/* Разделы в колонке */

div.columnchapters_main {
    margin-bottom: 10px;
}

div.columnchapters_title {
    font-size: 110%;
    color: #371111;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #c7c7c7;
}

div.columnchapters {}

div.columnchapter0 {
    padding: 5px;
    cursor: pointer;
    cursor: hand;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

div.columnchapter0 a {
    text-decoration: none;
    color: #aa8787;
}

div.columnchapter0:hover {
    text-decoration: none;
    padding: 5px;
}

div.columnchapter0:hover a {
    text-decoration: none;
    color: #371111;
}

div.columnchapteractive0 {
    padding: 5px;
    cursor: pointer;
    cursor: hand;
}

div.columnchapteractive0 a {
    text-decoration: none;
    color: #371111;
}

div.columnchapter1 {
    padding: 4px 0px 4px 10px;
    cursor: pointer;
    cursor: hand;
}

div.columnchapter1 a {
    text-decoration: none;
    color: #aa8787;
    font-size: 90%;
}

div.columnchapter1:hover {
    padding: 4px 0px 4px 10px;
}

div.columnchapter1:hover a {
    text-decoration: none;
    color: #371111;
}

div.columnchapteractive1 {
    padding: 4px 0px 4px 10px;
    cursor: pointer;
    cursor: hand;
}

div.columnchapteractive1 a {
    text-decoration: none;
    color: #371111;
    font-size: 90%;
}

div.columnchapter2 {
    padding: 4px 0px 4px 20px;
    cursor: pointer;
    cursor: hand;
}

div.columnchapter2 a {
    text-decoration: none;
    font-size: 90%;
    color: #aa8787;
}

div.columnchapter2:hover {
    padding: 4px 0px 4px 20px;
}

div.columnchapter2:hover a {
    text-decoration: none;
    color: #371111;
}

div.columnchapteractive2 {
    padding: 4px 0px 4px 20px;
    cursor: pointer;
    cursor: hand;
}

div.columnchapteractive2 a {
    text-decoration: none;
    color: #371111;
    font-size: 90%;
}


/* Разделы в центре */

div.centerchapters {
    padding: 30px 0;
	margin:10px 0 0 0;
    text-align: center;
	background:#f5f5f7;
}

div.centerchapters_in {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.centerchapter {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
	padding: 20px;
	max-width:400px;
    box-sizing: border-box;
	
}

div.centerchapter_topname {
    display: none;
}

div.centerchapter_img {
    width: 100%;
    max-height: 230px;
    overflow: hidden;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.centerchapter_imgin {
    width: 100%;
}

div.centerchapter_imgin img {
    max-width: 100%;
    max-height: 230px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.centerchapter_img {
        max-height: auto;
    }
    div.centerchapter_imgin img {
        max-height: 100%;
    }
}

div.centerchapter_infoblock {
    vertical-align: top;
    text-align: left;
	background:#fff;
	padding:10px;
	box-sizing:border-box;
}

div.centerchapter_bottomname {
    padding: 10px 0px 2px 0;
	border-bottom:1px solid #371111;
    text-align: center;
}

div.centerchapter_bottomname a {
	color:#371111;
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

div.centerchapter_bottomname a:hover {
    font-size: 20px;
    text-decoration: none;
    te
}

div.centerchapter_info {
    margin: 10px 0px;
    height: 30px;
	font-size:15px;
    color: #aa8787;
}

div.centerchapter_button {
    text-align: center;
}



/* МОДУЛИ ПОИСК */

div.search {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}

div.search form{
	display: flex;
    flex-direction: row;
	position: relative;
    align-items: center;
}

div.search_input {
    position: relative;
    max-width: 100%;
    width: 100%;
}

div.search_input input {
    width: 100%;
    max-width: 500px;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 110%;
}

div.search_button {
    position: absolute;
    right:5px;
}

div.search_button input {
    padding: 0;
    background: url("/themes/templates/icon_search.png") no-repeat center;
    width: 24px;
    height: 24px;
    font-size: 0;
    border: 0;
}

div.search_button input:hover {
    padding: 0;
    background: url("/themes/templates/icon_search_hover.png") no-repeat center;
    width: 24px;
    height: 24px;
    font-size: 0;
    border: 0;
}


/* НОВОСТНАЯ ЛЕНТА */


/* Новостная лента в колонке */

div.columnarticles_main {}

div.columnarticles_title {
    font-size: 110%;
    color: #371111;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #c7c7c7;
}

div.columnarticles {}

div.columnarticle_separator {
    display: none;
}

div.columnarticle {
    text-align: left;
    border-bottom: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    padding: 10px 0;
	display: flex;
    flex-direction: row;
}

div.columnarticle_imgleft {
    display: none;
}

div.columnarticle_imgright {
    display: none;
}

div.columnarticle_info {
    vertical-align: top;
}

div.columnarticle_name {
    padding: 3px 0;
}

div.columnarticle_name a {
    text-decoration: none;
    color: #aa8787;
}

div.columnarticle_date {
    color: #aa8787;
    font-size: 90%;
    text-align: left;
}

div.columnarticle_seeall {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}



/* Новостная лента в центре */

div.centerarticles_main {
    text-align: Center;
    margin: 10px 0;
}

div.centerarticles_title {
    font-size: 33px;
    color: #371111;
    padding: 10px 0 30px 0;
    font-weight: 500;
    margin-bottom: 10px;
}

div.centerarticle_wrap {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.centerarticle {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
	padding: 20px;
	max-width:380px;
    box-sizing: border-box;
}

div.centerarticle_img {
    width: 100%;
    max-height: 230px;
    overflow: hidden;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.centerarticle_imgin {
    width: 100%;
}

div.centerarticle_img img {
    max-width: 100%;
    max-height: 230px;
    border: 0;
	margin: 0 auto;
    display: inline-block;
}

@media all and (max-width: 599px) {
    div.centerarticle_img {
        max-height: unset;
    }
	div.centerarticle_imgin img {
        max-height: 100%;
    }
}

div.centerarticle_info {
    text-align: center;
    margin-top: 20px;
}

div.centerarticle_topname {
    display: none;
}

div.centerarticle_name {
    text-align: left;
    margin: 8px 0;
}

div.centerarticle_name a {
    text-decoration: none;
    color: #371111;
	font-size:15px;
}

div.centerarticle_name a:hover {
    text-decoration: none;
    color: #371111;
	font-size:15px;
}

div.centerarticle_short {
    margin: 5px 0px;
    text-align: left;
    color: #aa8787;
    font-size: 13px;
}

div.centerarticle_date {
    padding: 8px;
}

div.centerarticle_seeall {
    text-align: center;
}


/* Новостная лента страница */

div.pagearticles {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

div.pagearticle {
    margin: 5px 0;
    padding: 15px 0 15px;
    justify-content: left;
    display: flex;
    flex-direction: row;
    text-align: center;
    border-bottom: 1px solid #cfcfcf;
}

@media (max-width: 500px) {
    div.pagearticle {
		flex-direction: column;
	}
}

div.pagearticle_img {
    width: 250px;
}

@media (max-width: 500px) {
    div.pagearticle_img {
        width: 98%;
		margin: 0 auto;
    }
}

div.pagearticle_imgin {
	width:100%;
}

div.pagearticle_imgin img {
    max-width: 250px;
    max-height: 200px;
}

@media (max-width: 500px) {
    div.pagearticle_imgin img {
        max-width: 100%;
		max-height: 100%;
    }
}

div.pagearticle_info {
    text-align: left;
    padding-left: 15px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 90%;
}

div.pagearticle_info {}

div.pagearticle_topname {
    display: none;
}

div.pagearticle_name {
    margin-bottom: 3px;
}

div.pagearticle_name a {
    display: block;
    font-size: 20px;
    font-family: roboto-bold, calibri, arial;
    color: #FFB703;
    margin: 7px 0;
}

div.pagearticle_name a:hover {
    text-decoration: underline;
}

div.pagearticle_short {
    margin: 10px 0;
}

div.pagearticle_date {
    text-align: right;
    color: rgba(0,0,0,0.2)
}

/* Страница элемента ленты */

div.articleback {
    margin: 10px 0;
}

div.articlename {
    margin-bottom: 20px;
}

div.articlename h1{
        text-align: center;
    font-size: 46px;
    font-family: roboto-bold, calibri, arial;
    margin: 40px 0 40px;
    position: relative;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

div.articletext {
    padding:0 10px;
}

div.articledate {
    padding: 8px 0;
    text-align: right;
    color: rgba(0,0,0,0.2);
}

div.article_commall {}

div.articlecomments {}

div.commenthorseparator {}

div.commentquote {}

div.oneartcomm {}


/* ХЛЕБНЫЕ КРОШКИ */

div.breads {
    margin: 0 auto;
    padding: 15px 20px;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    max-width: 1200px;
}

div.linkicon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}

div.link {
    display: inline-block;
    vertical-align: middle;
}

div.link a {
    text-decoration: none;
    font-size: 90%;
}

div.link a:hover {
    font-size: 90%;
    text-decoration: underline;
}

div.linkactive {
    display: inline-block;
    vertical-align: middle;
}

div.linkactive a {
    font-size: 90%;
}

div.linkactive a:hover {
    text-decoration: underline;
    font-size: 90%;
}


/* ПАГИНАЦИЯ */

div.paging {
    align-items: center;
    margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
	display: flex;
    flex-direction: row;
}

div.pagingbutton {
    vertical-align: middle;
}

div.pagingleft {}

div.pagingright {}

div.pagingall {
    background: #aa8787;
    border: 1px solid #aa8787;
    color: #c7c7c7;
    font-size: 100%;
    width: 28px;
    height: 28px;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    margin: 0 2px;
    line-height: 28px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

div.pagingall a {
    color: #c7c7c7;
}

div.pagingall:hover {
    background: #fff;
    border: 1px solid #aa8787;
    color: #aa8787;
    font-size: 100%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    margin: 0 2px;
}

div.pagingall:hover a {
    color: #aa8787;
}

div.pagingnow {
    background: #fff;
    border: 1px solid #aa8787;
    color: #aa8787;
    font-size: 100%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    margin: 0 2px;
}


/* ЗАКАЗАТЬ ЗВОНОК */

div.callme {}

div.callmeform {
    position: fixed;
    background: #fff;
    box-shadow: 0px 0px 0px 20px #371111;
    padding: 30px;
    display: none;
    z-index: 500;
    width: 500px;
    max-width: 90%;
}

div.callme_main {
    width: 100%;
}

div.callme_mainin {}

div.callme_closeline {
    height: 40px;
}

div.callme_close {
    float: right;
}

div.callme_title {
    text-align: center;
    font-size: 110%;
}

div.callme_line {
    margin: 3px 0;
}

div.callme_block {}

div.callme_button {}


/* СЛАЙДЕР */

div.sliderback {}

div.slider {}

div.sliderimg {
    margin: 0 auto;
}

div.advbanner {
    position: absolute;
    height: auto !important;
    min-height: 880px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slidertext{
    min-height: 400px;
    width: 100%;
    background: rgba(66, 67, 74, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.slidertext h1{
    font-size: 96px;
    color: #fff;
    font-family: roboto-black, calibri, arial;
    text-align: center;
    text-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
    margin: 0 0 20px;
}

.slidertext .center-block > h2, 
.slidertext .center-block  > h3{
    position: relative;
    margin: 0;
    color: #FFB703;
    font-size: 56px;
}

.slidertext h2:before, 
.slidertext h3:before{
    display:none;
}

.sliderimg{
    height: auto !important;
    min-height: 880px;
    width: 100%;
}

div.sliderarrows {
    margin: 0 auto;
    display:none;
}

@media all and (max-width: 600px) {
	div.sliderarrows {
		display:none;
	}
}

div.sliderleft {
    position: absolute;
    z-index: 100;
	top: 49%;
    left: 15px;
}

div.sliderleft input {
   
}

div.sliderleft input:hover {
    
}

div.sliderright {
    position: absolute;
    z-index: 100;
    right: 15px;
    top: 49%;
}

div.sliderright input {
    
}

div.sliderright input:hover {
   
}

div.sliderbuttons {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    height: auto;
    z-index: 100;
    text-align: center;
}

div.sliderbuttonsin {}

div.sliderbutton {
    display: inline-block;
}

div.slidernext {
    background: #42434A;
    width: 20px;
    height: 20px;
    margin: 0 15px;
    font-size: 0;
    cursor: pointer;
    cursor: hand;
    border-radius: 20px;
}


div.slidernextact {
    background: #FFB703;
    width: 20px;
    height: 20px;
    margin: 0 15px;
    font-size: 0;
    cursor: pointer;
    cursor: hand;
    border-radius: 20px;
}


/* ГАЛЕРЕЯ */


/* Страница галереи */

div.pagegallery {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.gallery {
    display: flex;
    flex-direction: column;
    margin: 10px 5px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 23.8%;
}

@media all and (min-width: 1300px) and (max-width: 1399px) {
    div.gallery {
        flex-basis: 23.8%;
    }
}

@media all and (min-width: 1200px) and (max-width: 1299px) {
    div.gallery {
        flex-basis: 23.7%;
    }
}

@media all and (min-width: 1000px) and (max-width: 1199px) {
    div.gallery {
        flex-basis: 31.6%;
    }
}

@media all and (min-width: 900px) and (max-width: 999px) {
    div.gallery {
        flex-basis: 31.4%;
    }
}

@media all and (min-width: 799px) and (max-width: 899px) {
    div.gallery {
        flex-basis: 31.7%;
    }
}

@media all and (min-width: 600px) and (max-width: 798px) {
    div.gallery {
        flex-basis: 31%;
    }
}

@media all and (max-width: 599px) {
    div.gallery {
        flex-basis: 97%;
    }
}

div.gallery_img {
	width: 100%;
    height: 120px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.gallery_imgin {
    width: 100%;
}

div.gallery_imgin img {
    max-width: 100%;
    max-height: 120px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.gallery_img {
        height: auto;
    }
	div.gallery_imgin img {
        max-height: 100%;
    }
}

div.gallery_text {
    text-align: center;
    padding-top: 10px;
}


/* Слайдер галереи */

div.slidergallerys {
    padding: 30px 0;
    margin: 0 0 10px 0;
    text-align: center;
    background: #f5f5f7;
}

div.slidergallery_title {
    font-size: 33px;
    color: #371111;
    padding: 10px 0 30px 0;
    font-weight: 500;
    margin-bottom: 10px;
}

div.slidergallery_info {
    display: flex;
    flex-direction: row;
	align-items: center;
}

div.slidergallery_left {
    padding-right: 8px;
	box-sizing: border-box;
}

div.slidergallery_right {
    padding-left: 8px;
	box-sizing: border-box;
}

div.slidergallery_center {
     width: 100%;
}

div.slidergallery_cont {}

div.slidergallery_contin {
   display: flex;
    flex-direction: row;
}

div.slidergallery_main {
    vertical-align: top;
}

div.slidergallery {
    margin: 5px 1px;
    width: 353px;
}

@media all and (min-width: 1501px) and (max-width: 1720px) {
    div.slidergallery {
        width: 381px;
    }
}

@media all and (min-width: 1400px) and (max-width: 1500px) {
    div.slidergallery {
        width: 322px;
    }
}

@media all and (min-width: 1300px) and (max-width: 1399px) {
    div.slidergallery {
        width: 304px;
    }
}

@media all and (min-width: 1200px) and (max-width: 1299px) {
    div.slidergallery {
        width: 376px;
    }
}

@media all and (min-width: 1000px) and (max-width: 1199px) {
    div.slidergallery {
        width: 290px;
    }
}

@media all and (min-width: 900px) and (max-width: 999px) {
    div.slidergallery {
		width: 290px;
    }
}

@media all and (min-width: 799px) and (max-width: 899px) {
    div.slidergallery {
        width: 290px;
    }
}

@media all and (min-width: 600px) and (max-width: 798px) {
    div.slidergallery {
        width: 290px;
    }
}

@media all and (min-width: 400px) and (max-width: 599px) {
    div.slidergallery {
		width: 265px;
    }
}

@media all and (min-width: 365px) and (max-width: 399px) {
    div.slidergallery {
        width: 265px;
    }
}

@media all and (min-width: 330px) and (max-width: 364px) {
    div.slidergallery {
        width: 265px;
    }
}

@media all and (max-width: 329px) {
    div.slidergallery {
        width: 265px;
    }
}

div.slidergallery_topname {
    display: none;
}

div.slidergallery_bottomname {
    text-align: center;
}

div.slidergallery_bottomname a {}

div.slidergallery_bottomname a:hover {
    color: #371111;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}

div.slidergallery_img {
	width: 100%;
    height: 200px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.slidergallery_imgin {
    width: 100%;
}

div.slidergallery_imgin img {
    max-width: 100%;
    max-height: 200px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.slidergallery_img {
        height: auto;
    }
	div.slidergallery_imgin img {
        max-height: 100%;
    }
}

div.slidergallery_seeall {
    text-align: center;
    margin: 15px 0;
}


/* Колонка галереи */

div.columngallerys_main {}

div.columngallery_title {
    font-size: 110%;
    color: #371111;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #c7c7c7;
}

div.columngallerys {}

div.columngallery {
    border-bottom: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    padding: 10px 0;
}

div.columngallery_topname {}

div.columngallery_bottomname {}

div.columngallery_imgleft {
    width: 100%;
}

div.columngallery_imgleft img {
    max-width: 100%;
}

div.columngallery_imgright {
    width: 100%;
}

div.columngallery_imgright img {
    max-width: 100%;
}

div.columngallery_separator {}

div.columngallery_seeall {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}


/* ОТЗЫВЫ */


/* Форма добавления */

div.addcomment {
    min-width: 50%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
}

div.addcomment_title {
    text-align: center;
    color: #ff8888;
}

div.addcommenttitle {
    padding: 10px 0px 10px;
    font-size: 110%;
    text-align: center;
    margin: 0px auto 10px;
}

div.addcomment_line {
    margin: 10px 0;
}

div.addcomment_block {}

div.addcomment_button {
    text-align: center;
}

div.addcomment_info {}

div.addcomment_vote {
    margin-top: 10px;
}

div.addcomment_votename {
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
}

div.addcomment_voterate {
    display: inline-block;
    vertical-align: middle;
}

div.itemactvote {
    background: url('/themes/templates/star1.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    cursor: hand;
}

div.itemvote {
    background: url('/themes/templates/star.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    cursor: hand;
}



/* Страница отзывов */

div.pagecomments {}

div.pagecomment {
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.pagecomment_info {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

@media all and (max-width: 500px) {
	
	div.pagecomment_info {
		display: flex;
		flex-direction: column;
		justify-content: baseline;
	}
	
}

div.pagecomment_name {
	color: #aa8787;
}

div.pagecomment_text {}

div.pagecomment_date {
    
}

div.pagecomment_separator {}

/* Отзывы в колонке */

div.columncomments {}

div.columncomments_title {
    font-size: 110%;
    color: #371111;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #c7c7c7;
}

div.columncomment {}

div.columncomment_name {}

div.columncomment_text {}

div.columncomment_date {}

div.columncomment_separator {}

div.columncomment_seeall {}


/* Отзывы в центре */

div.centercomments {
    vertical-align: top;
}

div.centercomments_title {
    font-size: 110%;
    color: #371111;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #c7c7c7;
}

div.centercomment {}

div.centercomment_info {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

@media all and (max-width: 500px) {
	
	div.centercomment_info {
		display: flex;
		flex-direction: column;
		justify-content: baseline;
	}
	
}

div.centercomment_name {
 
}

div.centercomment_text {
    font-size: 110%;
    margin: 5px 0;
}

div.centercomment_date {
   
}

div.centercomment_seeall {}

/* Отзывы слайдер */

div.slidercomments {
	vertical-align: top;
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
	padding:40px 0;
	text-align:center;
}

div.slidercomments_title {
	font-size: 33px;
    color: #371111;
    padding: 10px 0 30px 0;
    font-weight: 500;
    margin-bottom: 10px;
}

div.slidercomments_info {
	display:flex;
	flex-direction:row;
	align-items:center;
	padding:30px 0;
	width: 90%;
	 margin: 0 auto;
}

div.slidercomment {
	margin: 0 auto;
    width: 70%;
    min-height: 200px;
}

div.slidercomment_name {
	font-size:14px;
	font-weight: bolder;
	
}


div.slidercomment_text {
	margin:15px 0;
	text-align:left;
	font-size:16px;
}

div.slidercomment_left {
    padding-right: 8px;
	box-sizing: border-box;
}

div.slidercomment_right {
    padding-left: 8px;
	box-sizing: border-box;
}

/* FAQ */


/* Форма добавления */

div.addfaq {
    min-width: 50%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
}

div.addfaqtitle {
    padding: 10px 0px 10px;
    font-size: 110%;
    text-align: center;
    margin: 0px auto 10px;
}

div.addfaq_line {
    margin: 10px 0px;
}

div.addfaq_block {}

div.addfaq_button {
    text-align: center;
}

div.addfaq_info {}


/* Страница отзывов */

div.pagefaqs {}

div.page_faq {
    padding: 10px;
    margin: 10px auto;
}

div.pagefaq_info {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

@media all and (max-width: 500px) {
	
	div.pagefaq_info {
		display: flex;
		flex-direction: column;
		justify-content: baseline;
	}
	
}

div.pagefaq_name {
    
}

div.pagefaq_text {
    font-size: 110%;
}

div.pagefaq_date {
    
}

div.pagefaq_textseparator {}

div.pagefaq_answerinfo {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

@media all and (max-width: 500px) {
	
	div.pagefaq_answerinfo {
		display: flex;
		flex-direction: column;
		justify-content: baseline;
	}
	
}

div.pagefaq_answername {
    padding-top: 20px;
}

div.pagefaq_answertext {
    background: #f5f5f7;
	padding: 10px 10px 10px 30px;
    color: #371111;
    font-size: 110%;
	border-radius: 10px;
}

div.pagefaq_answerdate {
    
}

div.pagefaq_separator {}


/* ФОРМА СВЯЗИ */


div.feedback_button {
    text-align: center;
}

div.feedback_button input {}


/* ГОЛОСОВАНИЯ */

div.columnpolls {
    margin-top: 20px;
    padding: 5px;
}

div.columnpolls_title {
    font-size: 110%;
    color: #371111;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #c7c7c7;
}

div.columnpoll {}

div.columnpoll_info {}


div.columnpoll_infoin {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
	align-items:center;
}

div.columnpoll_radio {
    flex-basis:1px;
    vertical-align: middle;
   
}

div.columnpoll_name {
   flex-basis:99%;
    vertical-align: middle;
    padding: 5px 0;
}

div.columnpoll_votes {
    flex-basis:1px;
    vertical-align: middle;
  
}

div.columnpoll_line {
    background: #c7c7c7;
}

div.columnpoll_linein {
    background: #371111;
    height: 25px;
}


/* РЕГИСТРАЦИЯ */

div.registration_main {
    max-width: 800px;
    min-width: 50%;
    margin: 0 auto;
    margin-top: 20px;
}

div.registration_title {
    padding: 10px 0px;
    text-align: right;
    margin: 0px auto 10px;
}

div.registration_blockin {}

div.registration_line {
    display: table;
    width: 100%;
}

div.registration_blockname {
    display: table-cell;
    width: 25%;
    padding: 4px;
    vertical-align: middle;
}

div.registration_blockparam {
    display: table-cell;
    padding: 4px;
    vertical-align: middle;
}

@media all and (max-width: 899px) {
    div.registration_blockname {
        display: none;
    }
    div.registration_blockparam {
        display: block;
        padding: 4px;
        margin: 3px;
        vertical-align: middle;
    }
}

div.registration_button {
    text-align: center;
    margin: 20px;
}

div.registration_maincomp {}


/* ОКНО ВХОДА */

div.loginform {
    position: fixed;
    background: #fff;
    box-shadow: 0px 0px 0px 20px #371111;
    padding: 30px;
    display: none;
    z-index: 500;
    width: 500px;
    max-width: 90%;
}

div.login_main {
    width: 100%;
}

div.login_mainin {}

div.login_closeline {
    height: 40px;
}

div.login_close {
    float: right;
}

div.login_title {
    text-align: center;
    font-size: 110%;
    padding: 10px;
    color: #371111;
}

div.login_line {}

div.login_block {
    margin-bottom: 10px;
}

div.login_button {}

div.login_info {}

div.login_forget {
    margin-top: 3px;
    float: right;
    cursor: pointer;
    cursor: hand;
}

div.login_maininsocial {}

div.login_titlesocial {
    text-align: center;
    font-size: 110%;
    text-transform: uppercase;
    padding: 10px;
    color: #371111;
}

div.login_titlesocialin {
    text-align: center;
}

div.login_socialfb {
    display: inline-block;
    padding: 5px;
}

div.login_socialfb input {
    width: 50px;
    height: 50px;
    background: url('/themes/templates/f.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialfb input:hover {
    width: 50px;
    height: 50px;
    background: url('/themes/templates/f.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialod {
    display: inline-block;
    padding: 5px;
}

div.login_socialod input {
    width: 50px;
    height: 50px;
    background: url('/themes/templates/od.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialod input:hover {
    width: 50px;
    height: 50px;
    background: url('/themes/templates/od.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialgg {
    display: inline-block;
    padding: 5px;
}

div.login_socialgg input {
    width: 50px;
    height: 50px;
    background: url('/themes/templates/g.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialgg input:hover {
    width: 50px;
    height: 50px;
    background: url('/themes/templates/g.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialvk {
    display: inline-block;
    padding: 5px;
}

div.login_socialvk input {
    width: 50px;
    height: 50px;
    background: url('/themes/templates/vk.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialvk input:hover {
    width: 50px;
    height: 50px;
    background: url('/themes/templates/vk.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}


/* АВТОРИЗАЦИЯ */


/* Кнопки */

div.buttonsusers {
    margin-top: 5px;
}

div.buttonsusers_main {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:center;
}

div.buttonsusers_button1 {
    
}

div.buttonsusers_button2 {
    margin-left:5px;
}

div.buttonsusers_button3 {
   
}

div.buttonsusers_button4 {
	margin-left:5px;
}


/* Поля */

div.polesusers {}

div.polesusers_main {}

div.polesusers_enter {}

div.polesusers_enter1 {
    margin: 3px 0;
}

div.polesusers_enter2 {
    margin: 3px 0;
}

div.polesusers_button {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:center;
}

div.polesusers_titlesoc {}

div.polesusers_social {}

div.polesusers_fb {}

div.polesusers_gg {}

div.polesusers_vk {}

div.polesusers_od {}

div.polesusers_forget span {
    cursor: pointer;
    cursor: hand;
}

div.polesusers_mainin {}

div.polesusers_enterin {}

div.polesusers_buttonsin {}

div.polesusers_buttonsin1 {}

div.polesusers_buttonsin2 {}

div.polesusers_buttonsin3 {}

div.polesusers_buttonsin4 {}


/* АККАУНТ */

div.accountinfo {}

div.userwelcome {
    color: #371111;
    padding: 10px 0px;
    font-size: 120%;
    text-align: center;
    margin: 0px auto 10px;
    border-bottom: 1px solid #c7c7c7;
}

div.accounttabs {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #371111;
    position: relative;
    top: 0px;
	display: flex;
    flex-direction: row;
}

@media all and (max-width: 700px) {
	
	div.accounttabs { 
		flex-direction: column;
	}
	
}

div.accounttabposition {
    vertical-align: bottom;
    position: relative;
    top: 1px;
	margin:0 2px;
    line-height: 56px;
}

div.accounttab {
    padding: 10px 20px;
    border: 1px solid #371111;
    height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    cursor: hand;
    background: #fff;
    color: #aa8787;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.accounttab:hover {
    padding: 10px 20px;
    border: 1px solid #371111;
    height: 30px;
    color: #fff;
    background: #371111;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.accountactivetab {
    padding: 10px 20px;
    border: 1px solid #371111;
    height: 30px;
    color: #fff;
    background: #371111;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

@media all and (max-width: 899px) {
    div.accounttabposition {
        display: block;
        top: 0px;
        line-height: initial;
    }
    div.accounttab {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.accounttab:hover {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.accountactivetab {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
}

div.accounttabinfo {
    padding: 20px;
}


div.account_userdata {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

div.account_userdatacolumn1 {
    flex-basis: 50%;
    padding: 10px;
	flex-grow:1;
}

div.account_userdatacolumn2 {
    flex-basis: 50%;
    padding: 10px;
	flex-grow:1;
}

@media all and (max-width: 899px) {
	
	div.account_userdata {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
    div.account_userdatacolumn1 {
        flex-basis:100%;
        padding: 10px 0;
    }
    div.account_userdatacolumn2 {
        flex-basis:100%;
        padding: 10px 0;
    }
}

div.account_button {
    text-align: center;
    margin-top: 20px;
}

div.account_blockname {
    color: #aa8787;
    font-size: 110%;
    padding: 10px 0px 0px 0px;
}

div.account_title {
    font-size: 110%;
    text-align: center;
    border-bottom: 1px solid #c7c7c7;
    padding: 0px 0px 10px 0px;
    width: 50%;
    margin: 0 auto;
}

div.account_orders {}

div.account_order {
    border: 1px solid #aa8787;
    padding: 10px;
}

div.account_ordertitle {}

div.account_ordertitlein {}

div.ordernumber {
    display: inline-block;
}

div.orderinfo {
    padding: 5px;
    text-align: right;
    float: right;
    margin-bottom: 10px;
    display: inline-block;
}

div.account_orderinfo {}

div.account_ordertable {}

div.account_ordertable table {
    width: 100%;
}

span.seemoreorder {
    cursor: hand;
    cursor: pointer;
    margin: 10px 0;
    color: #371111;
}


/* ПОИСК */

div.searchtextpage {}

div.searchtextname {}

div.searchtext {}

div.searchtexthorseparator {}

div.searchtextfail {}


/* МАТЕРИАЛЫ */

div.notemenu {
    padding-top: 20px;
}

div.notetabposition {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    top: 1px;
    line-height: 56px;
}

div.notetab {
    padding: 10px 20px;
    border: 1px solid #371111;
    height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    cursor: hand;
    background: #fff;
    color: #aa8787;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.notetab:hover {
    padding: 10px 20px;
    border: 1px solid #371111;
    height: 30px;
    color: #fff;
    background: #371111;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.notetab:hover a {
    color: #fff;
}

div.notetabact {
    padding: 10px 20px;
    border: 1px solid #371111;
    height: 30px;
    color: #fff;
    background: #371111;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.notetabact a {
    color: #fff;
}

@media all and (max-width: 899px) {
    div.notetabposition {
        display: block;
        top: 0px;
        line-height: initial;
    }
    div.notetab {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.notetab:hover {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.notetabact {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
}

div.notetabinfo {
    padding: 20px;
}

div.notetext {}


/* ЯЗЫКИ */

div.languages > div:first-child{
    position: relative;
}

div.languages > div {
    padding: 0 10px;
}

div.languages > div:first-child:before {
    content: '';
    height: 18px;
    background: #fff;
    width: 1px;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    margin: auto;
}

div.language {
    display: inline-block;
}

div.language a{
    font-size: 14px;
    color: #fff;
    font-family: roboto-bold, calibri,arial;
    transition:all 0.5s ease;
}

div.language a:hover{
    color: #FFB703;
}

div.languageact {
    display: inline-block;
}

div.languageact a{
    font-size: 14px;
    color: #FFB703;
    font-family: roboto-bold, calibri,arial;
}



/*effe-line*/

.effe-line{
    /* background: #E8E8E8; */
    background: #2F2F2F;
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
}

.effe-line a{
    text-decoration:none;
    /*color: #303030;*/
    color:#fff;
}

.effe-line a:hover{
    
}

.effe-line a span{
    
}

.effe-line a br{
    display:none;
}

.effe-line img{
    max-width: 18px;
    margin-top: -9px;
    margin-left: -12px;
    left: 13px;
    top: 6px;
    position: relative;
}

@media screen and (max-width:499px){
    .effe-line a br{
        display:block;
    }
}

/*effe-line*/


.center-block > h2,
.center-block > h3,
.center-block .text-block > h2,
.center-block .text-block > h3{
    text-align: center;
    font-size: 46px;
    font-family: roboto-bold, calibri, arial;
    margin: 60px 0 88px;
    position: relative;
}

.center-block > h2:before,
.center-block > h3:before,
.center-block .text-block > h2:before,
.center-block .text-block > h3:before{
    content: "";
    position: absolute;
    bottom: -42px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 4px;
    background: #FFB703;
}


/*three-reasons*/


.reasons{
    display:flex;
    justify-content:space-around;
}

.reason{
    max-width:308px;
    width:100%;
}

.reason .number-r{
    color: #FFB703;
    font-size: 72px;
    line-height: 57px;
    font-family: roboto-bold, calibri, arial;
    margin: 0;
    position:relative;
}


.reason .number-r:before{
    color:rgba(23, 23, 23, 0.04);
    font-size:144px;
    position:absolute;
    top:0;
    right: 99%;
}

.reason:first-child .number-r:before{
    content:"1";
}

.reason:nth-child(2) .number-r:before{
    content:"2";
}

.reason:last-child .number-r:before{
    content:"3";
}

.zagl-r{
    font-size: 21px;
    line-height: 30px;
    margin: 40px 0 20px;
    text-transform: uppercase;
    font-family: roboto-bold, calibri, arial;
}

/*end-three-reasons*/
 
/*slick-slider*/

.sliderbrands .slider {
        width: 50%;
        margin: 100px auto;
    }

  .sliderbrands  .slick-slide {
      margin: 0px 20px;
    }

  .sliderbrands  .slick-slide img {
    }

  .sliderbrands  .slick-prev:before,
  .sliderbrands  .slick-next:before {
      color: black;
    }


  .sliderbrands  .slick-slide {
      transition: all ease-in-out .3s;
    }
    
  .sliderbrands  .slick-active {
    }

  .sliderbrands  .slick-current {
      opacity: 1;
    }
    
    /* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: 0 auto;

}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
    outline: none;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-loading .slick-list
{
    
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next{
    cursor: pointer;
    cursor: hand;
    width: 60px;
    height: 90px;
    font-size: 0;
    padding: 0;
    border: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: absolute;
    top: calc(50% - 30px);
    z-index: 1;
}


.slick-next{
    background: url(/themes/img/next.svg) no-repeat right center;
}


.slick-prev{
    background: url(/themes/img/prev.svg) no-repeat left center;
}
.slick-prev:hover,
.slick-prev:focus{
    color: transparent;
    outline: none;
    left: -90px;
}
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    right: -90px;
}
.slick-prev:hover,
.slick-prev:focus{
    background-image: url(/themes/img/prev.svg);
}
.slick-next:hover,
.slick-next:focus{
    background-image: url(/themes/img/next.svg);
}
.slick-prev:hover:before,
.slick-prev:focus:before{
 
}
.slick-next:hover:before,
.slick-next:focus:before
{

}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{

    opacity: .1;
}

.slick-prev:before,
.slick-next:before
{
        width:50px;
    height:50px;
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    display: block;
    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.slick-prev
{
    left: -100px;
}
[dir='rtl'] .slick-prev
{
    right: -100px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next
{
    right: -100px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -100px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

.slick-disabled{
    opacity: 0.2;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



@media screen and (max-width:600px){
    .slick-prev {
    left: -20px;
    z-index:1;
}

.slick-next {
    right: -20px;
}
}

/*slick-slider*/

/*effe-line*/

.effe-line{
    /*background: #E8E8E8;*/
    background:#666666;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
}

.effe-line a{
    text-decoration:none;
    /*color: #303030;*/
    color:#fff;
}

.effe-line a:hover{
    
}

.effe-line a span{
    
}

.effe-line a br{
    display:none;
}

.effe-line img{
    max-width: 18px;
    margin-top: -9px;
    margin-left: -12px;
    left: 13px;
    top: 6px;
    position: relative;
}

@media screen and (max-width:499px){
    .effe-line a br{
        display:block;
    }
}

/*effe-line*/


.our-products{
    background: #42434A;
    margin: -1px 0;
}

.our-products .center-block{
    padding-top:1px;
    padding-bottom: 55px;
}

.our-products h3{
    color:#fff;
}

.our-products .product{
    position:relative;
}

.our-products .product:before{
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 0;
    border-top: 1px solid #FFB703;
    border-bottom: 1px solid #FFB703;
    margin: auto;
    z-index:1;
    transition:all 0.5s ease 0.3s;
}

.our-products .product:hover:before{
    width:85%;
}


.our-products h4{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFB703;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    background: rgba(66, 67, 74, 0.6);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    transition:all 0.3s ease;
}

.our-products .product:hover h4{
    height: 100%;
}

.our-products .product a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.product:nth-child(3n+2){
    margin: 0 30px;
}



.product .img-block{
    line-height: 0;
}

/*our-products*/


/*--end--our-products*/

/*prei-block*/


.prei-block{
    position: relative;
    width:100%;
    overflow:hidden;
}

.prei-block .center-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 140px 0;
    position:relative;
    z-index:1;
}


.prei-block:before{
    content:'';
    top: 0;
    bottom:0;
    position:absolute;
    right:0;
    left:calc(50% + 425px);
    background: #42434A;
}


.prei{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 90px;
    position: relative;
}

.prei:before{
    content: '01';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -121px;
    font-size: 140px;
    line-height: 98px;
    font-family: roboto-bold, calibri, arial;
    color: #F3F3F3;
    margin: auto;
}

.prei:nth-child(3):before{
    content:'02';
}

.prei:nth-child(4):before{
    content:'03';
}


.prei-block .img-block{
    width: 483px;
    height:800px;
    position:relative;
}

.prei-block .text-block{
    max-width: 720px;
    width: 100%;
}

.prei-block .img-block{
    width: 483px;
    height: 800px;
    position: relative;
}

.prei-block  .slider-slick{
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
}

.slider-slick {
    width: 700px;
    line-height: 0;
    height: 800px;
    position:absolute;
    top:0;
    left:0;
}


.prei-block .img-block img {
    max-width: 700px;

}


.prei-block .slick-prev {
    left: 0;
    bottom: 0;
    top: auto;
    background: url(/themes/img/prev-black.svg) no-repeat center center;
    border-right:4px solid #42434A;
}

.prei-block .slick-next {
    right: 0;
    bottom: 0;
    left: 128px;
    top: auto;
    background: url(/themes/img/next-black.svg) no-repeat center center;
}

.prei-block .slick-prev, 
.prei-block .slick-next{
    background-color:#FFB703;
    width:128px;
    height:60px;
}

.center-block .text-block > h3{
    text-align:left;
}

.center-block .text-block > h3:before{
    margin:0;
}

.prei > span{
    font-size: 82px;
    font-family: roboto-bold, calibri, arial;
    color: #FFB703;
    margin-right: 10px;
    position:relative;
    z-index:1;
}

.prei p{
    font-size: 24px;
    font-family: roboto-medium, calibri, arial;
    margin: 0;
    position:relative;
    z-index:2;
}

.prei p span{
    font-size: 36px;
    line-height: 42px;
    font-family: roboto-bold, calibri, arial;
    display: block;
}

/*--end--prei-block*/

/*history-block*/

.history-block{
    position: relative;
    background: url(/themes/img/bg-history.jpg) no-repeat center top;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-block .center-block{
    position:relative;
    z-index:1;
}

.history-block:before{
    content: '';
    background: rgba(66, 67, 74, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.history-block p{
    font-size: 36px;
    line-height: 42px;
    color: #fff;
    font-family: roboto-bold, calibri, arial;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.history-block p strong{
    color:#FFB703;
}

/*--end--history-block*/

/*d-and-s-block*/

.d-and-s-block{
    background:#42434A;
}

.d-and-s-block h3{
    color:#fff;
}

.d-and-s-block .center-block{   
    padding-bottom: 50px;
}

/*d-and-s-block*/

/*proizvodstvo*/

.proizvodstvo .center-block{
    padding: 146px 0 134px;
    position:relative;
    z-index:1;
}

.proizvodstvo:before{
    content:'';
    top: 0;
    bottom:0;
    position:absolute;
    left:0;
    right:calc(50% + 425px);
    background: #42434A;
}

.proizvodstvo{
    position:relative;
    width:100%;
    overflow:hidden;
}

.proizvodstvo .center-block .text-block > h2 {
    text-align: left;
    margin-top: 0;
}

.proizvodstvo .center-block .text-block > h2:before {
    margin: 0;
}

.proizvodstvo .img-block{
    width: 483px;
    height:800px;
    position:relative;
}

.proizvodstvo .img-block img{
    max-width:700px;
    position:absolute;
    top:0;
    right:0;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
}

.proizvodstvo .text-block{
    padding-left: 102px;
    max-width:717px;
    box-sizing: border-box;
}

div.opisanie{
    line-height: 23px;
    font-family: roboto-medium, calibri, arial;
}

div.opisanie p{
    margin: 0 0 32px;
}

div.opisanie p:last-child{
    margin:0;
}


/*--end--proizvodstvo*/


/*footer*/


.map-block{
    min-height: 600px;
    position: relative;
}

.map-block div{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: rgba(66, 67, 74, 0.7);
    font-size: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.5s ease;
    cursor:pointer;
}

.map-block:hover div{
    opacity:1;
}

.map-block div.active{
    display:none;
}


.map-block iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border:none;
}

footer{
    background: #42434A;
    color: #fff;
    font-family: roboto-bold;
    margin-top: 20px;
}

footer .center-block{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 50px;
}

.chapters-block{
    display:block;
}

p.title-y{
    display: block;
    font-size: 20px;
    font-family: roboto-bold, calibri, arial;
    color: #FFB703;
    margin: 7px 0;
}

footer .chapters-block a:last-child{
    margin-bottom:0;
}

footer .chapters-block a, 
footer .chapters-block a.topactivechapter_link {
    margin: 7px 0;
    font-size: 18px;
    justify-content: flex-start;
}

footer .chapters-block a:hover,
footer .chapters-block a.topactivechapter_link{
    text-decoration:underline;
}

footer a.topchapter_link:before, 
footer a.topactivechapter_link:before{
    display:none;
}

.adress{
    line-height: 27px;
}

footer .headcolumn{
    margin-top:89px;
}

.footer-con-con-block a{
    color:#fff;
}

.mail-block a:hover{
    text-decoration: underline;
}

/*end-footer*/


/*feedback_block*/

.feedback_block{   
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    height:100%;
    z-index: 111;
    background:#42434A;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
    transition: opacity 0.5s ease, top 0.5s ease;
    opacity: 0;
}

.feedback_block.active{
    top:0;
    opacity: 1;
}

.feedback_block div.feedback_in {
    background: #42434A;
    max-width: 1000px;
    width: 100%;
    position:relative;
}


.feedback_in > div{
    position:relative;
    z-index:1;
}


.feedback_in:before{
    content: url(/themes/img/phone-form.jpg);
    position:absolute;
    top:-150px;
    left:-300px;
}


.feedback_titlein {
    font-size: 20px;
    text-align: center;
    margin: 0 0 40px;
    font-family: roboto-medium, calibri, arial;
    color:#fff;
}


div.feedback_title {
    font-size: 36px;
    color: #fff;
    text-align: center;
    font-family: roboto-bold, calibri, arial;
    margin-bottom: 65px;
    position: relative;
}

div.feedback_title span{
    display:none;
}

div.feedback_title:before{
    content: "";
    position: absolute;
    bottom: -31px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 4px;
    background: #FFB703;
}

.feedback_blockname {
    display:none;
}


.feedback_line{
    text-align: center;
    margin-bottom: 20px;
}

.close_but{
    background: url(/themes/img/close-but.png) no-repeat center center;
    background-size: 100%;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    cursor: hand;
    z-index: 3;
    transform: rotate(0);
    transition:all 0.8s ease;
}

.close_but:hover{
    transform: rotate(180deg);
}

/*--end--feedback_block*/


/*up*/


#scroller{
    position: fixed;
    right: 20px;
    top: 121px;
    display: block;
    padding: 30px 15px 10px;
    z-index: 100;
    background: rgba(20, 23, 26, 0.67);
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.5s ease;
}

span.b-top-but{
    position: relative;
    display: block;
    font-family: robotolight, calibri, arial;
    color: #fff;
    font-size: 15px;
}

#scroller:hover{
    opacity:0.9;
}

#scroller:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 13px;
    right: 13px;
    border-bottom: 12px solid #fff;
    border-left: 27px solid transparent;
    border-top: 10px solid transparent;
    border-right: 27px solid transparent;
}

/*--end--up*/



/*mobile-manu*/


.h-menu{
    right: -30%;
    width: 30%;
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    z-index: 106;
    transition:all 0.8s ease;
}

.h-menu.active{
    right: 0;
}

.open-hamburger-menu{
    position: fixed;
    top: 42px;
    right: 30px;
    z-index: 110;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    display:none;
    cursor:pointer;
    cursor:hand;
    transition:all 0.2s ease;
}

header.active ~ .open-hamburger-menu{
    top:5px;
}

.open-hamburger-menu.active{
    top: 10px;
    right: 10px;
    background: url(/themes/img/close-but.svg) no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
}



.open-hamburger-menu span{
    height: 4px;
    background: #fff;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    transition:all 0.2s ease;
    position: relative;
    top:0;
}


.open-hamburger-menu.active span {
    background: #000;
}

.open-hamburger-menu.active span:first-child{
    transform:rotate(45deg);
    top: 7px;
}

.open-hamburger-menu.active span:nth-child(2){
    display:none;
}

.open-hamburger-menu.active span:last-child{
    transform:rotate(-45deg);
    top: -7px;
}

.open-hamburger-menu span:last-child{
    margin:0;
}



.h-menu .content-block a.topactivechapter_link {
    color: #FFB703;
}

.h-menu .content-block  a{
    color: #2F2F2F;
    margin-right: 0;
    justify-content: flex-start;
    margin: 0 25px;
    font-size: 19px;
}

.h-menu .content-block  div.topchapters_separator{
        display: block;
    height: 1px;
    background: #eee;
    margin: 15px 0;
}

.h-menu .languages{
        height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.h-menu  div.languageact a,
.h-menu  div.language:hover a {
    font-size: 25px;
    color: #fff;
    font-family: roboto-bold, calibri,arial;
    border-bottom: 2px solid #FFB703;
    background:#FFB703;
    padding:5px;
}

.h-menu  div.language a {
    font-size: 25px;
    color: #2f2f2f;
    font-family: roboto-bold, calibri,arial;
    border-bottom: 2px solid transparent;
        padding:5px;
}

.h-menu  .content-block{
    margin-top: 50px;
}

.h-menu div.languages > div:first-child:before{
    content: '';
    height: 36px;
    background: #eee;
    width: 2px;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width:1000px){
    
.open-hamburger-menu{
    display:flex;
}
}

@media screen and (max-width:900px){
    .h-menu {
    right: -45%;
    width: 45%;
}
}

@media screen and (max-width:700px){
.open-hamburger-menu,
header.active ~ .open-hamburger-menu {
    top: 6px;
}

.h-menu {
    right: -50%;
    width: 50%;
}
}

@media screen and (max-width:600px){
.h-menu {
    right: -60%;
    width: 60%;
}

}

@media screen and (max-width:500px){
.h-menu {
    right: -70%;
    width: 70%;
}

.open-hamburger-menu, header.active ~ .open-hamburger-menu {
    top: 5px;
}

.h-menu .content-block a {
    color: #2F2F2F;
    margin-right: 0;
    justify-content: flex-start;
    margin: 0 25px;
    font-size: 16px;
}
}



@media screen and (max-width:400px){
    .open-hamburger-menu, header.active ~ .open-hamburger-menu {
    top: 5px;
    right: 15px;
}

.h-menu {
    right: -100%;
    width: 100%;
}
}

body.active{
    overflow:hidden;
}

.centertext {
    max-width: 1200px;
    margin: 0 auto;
}


/* content */

.centertext {
    max-width: 1200px;
    margin: 0 auto;
}

.centertext h1 {
    text-align:center;
}

.table_produkt {

}

.head_table {
    text-align:center;
}

table.table_produkt {
    border-collapse: collapse;
    padding: 5px;
    margin: 20px auto;
    text-align: left;
    max-width: 950px;
    width: 98%;
    position: relative;
    cursor: auto;   
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25); 
}

.table_produkt td {
    border: 1px solid #898989;
    padding: 8px 0px 8px 20px;
}


.table_produkt tr:nth-child(2n) {
    background: #f3f3f3;
}

.table_produkt tr td:nth-child(1) {
    width: 50%;
}

.table_produkt tr td:nth-child(2) {
    width: 50%;
    text-align: center;
}

.table_produkt .head_table {
    padding: 5px 0px!important;
    background-color: #666666;
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-family: calibri,sans-serif;
}

.block_sert {
    
}

.block_sert {
    background: #f3f3f3;
    padding: 20px;
    border-bottom: solid 4px #ffc700;
    border-top: solid 4px #ffc700;
    border-radius: 15px;
    transition: 0.5s;    
    background-image: url(/themes/armada/left_ugol_shap.png), url(/themes/armada/right_ugol_shap.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right bottom;
    text-align: center;
    margin-bottom: 50px;
}
.block_sert:hover {
    border-radius: 35px;
    transition: 0.5s;    
}
.block_sert div {
    width: 24%;
    display: inline-block;
    vertical-align: middle;
}

.block_sert div img {
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
}


.sp_bold {
    font-weight: bold;
    font-size: 20px;
}


.contact_map {
    width: 60%;
}
.contact_inf {
    width: 35%;
    float: right;
}

.contact_map iframe {
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
}

@media screen and (max-width:400px){

.centertext {
    padding: 0 15px;
}

.contact_inf {
    width: 100%;
    float: none;
}

.contact_map {
    width: 100%;
}


}


/* END content*/

.des-t{
    border-collapse: collapse;
    margin-bottom: 24px;
    width:100%;
}

.des-t tr.title-row{
    background: #ccc;
    color:#000;
}

.des-t tbody{
    margin-bottom: 24px;
}

.des-t tr{

}

.des-t td{
    padding:8px;
    border:1px solid #000;
}

.des-t .no-border td{
    border-left:none;
    border-right: none;
}