/*-----------------------------------------------
CSS Framework Lisena
Author:   hmelii
Web:      http://www.hmelii.ru
Email:    anufry@inbox.ru
Version:  6.00 25.04.15 nn
----------------------------------------------- */


/*---------------------- basic styles --------------------------------------*/

@import url("bases.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700,700i');

@import url("modals/fade_in_and_scale.css");




/*---------------------- end basic styles ----------------------------------*/


/*---------------------- global --------------------------------------*/

html {
    height: 100%;

    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
      overflow-x: hidden;
}

body {
    background: #fff;
    height: 100%;
    color: #1d1d1d;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    text-align: left;
    overflow-x: hidden;
}

input,
button,
select,
textarea,
html {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #05C;
    text-decoration: underline;
}

a:hover,
a:hover:visited {
    text-decoration: none;
}

.nu a:hover,
a.nu:hover {
    text-decoration: underline;
}

.nu a,
a.nu {
    text-decoration: none;
}

a.link_dashed,
.link_dashed a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

a.link_dashed:hover,
.link_dashed a:hover {
    border: 0;
    text-decoration: none;
}

.h1 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.h2 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.h3 {
    margin: 0 0 20px;
    color: #2b2b2b;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.h3 .thin {
    display: block;
    margin-bottom: 2px;
    font-weight: 100;
}

.h3 .red {
    display: block;
    color: #bb2c26;
    font-size: 72px;
    font-weight: bold;
}

.h4 {
    margin: 0 0 10px 0;
    color: #1d1d1d;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}

.h5 {
    margin: 0 0 30px 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 100;
}

.h6 {
    margin: 0 0 40px 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 72px;
    font-weight: bold;
}

.h7 {
    text-transform: uppercase;
    color: #2b1817;
    font-family: "Roboto", sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 10px;
}

.h8 {
    color: #2b1817;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px;
}


/*colors*/


/*end colors*/


/*fonts*/

.f-10 {
    font-size: 10px;
    font-size: 1rem;
}

.f-11 {
    font-size: 11px;
    font-size: 1.1rem;
}

.f-12 {
    font-size: 12px;
    font-size: 1.2rem;
}

.f-13 {
    font-size: 13px;
    font-size: 1.3rem;
}

.f-14 {
    font-size: 14px;
    font-size: 1.4rem;
}

.f-15 {
    font-size: 15px;
    font-size: 1.5rem;
}

.f-16 {
    font-size: 16px;
    font-size: 1.6rem;
}

.f-17 {
    font-size: 17px;
    font-size: 1.7rem;
}

.f-18 {
    font-size: 18px;
    font-size: 1.8rem;
}

.f-20 {
    font-size: 20px;
    font-size: 2rem;
}


/*end fonts*/


/*forms fields*/

.field {
    border: 1px solid #ddd;
    padding: 12px 20px;
    color: #3c3c3c;
    font-size: 16px;
    margin:0;
}
.field.error{
     width: 100%;
    margin: 0 0 0 0;   
}

.field:focus {
    border-color: #51cbee;
    -webkit-box-shadow: rgba(81, 203, 238, 1) 0 0 5px;
    box-shadow: rgba(81, 203, 238, 1) 0 0 5px;
}

.field:-moz-placeholder {
    opacity: 1;
    color: #3c3c3c;
    font-style: normal;
}

.field::-moz-placeholder {
    opacity: 1;
    color: #3c3c3c;
    font-style: normal;
}

.field::-webkit-input-placeholder {
    opacity: 1;
    color: #3c3c3c;
    font-style: normal;
}

.field:-ms-input-placeholder {
    opacity: 1;
    color: #3c3c3c;
    font-style: normal;
}

.field.placeholder {
    color: #3c3c3c;
    font-style: normal;
}

.field.invalid {
    border-color: red;
}

.parent_field {
    display: inline-block;
    vertical-align: top;
}

.invalid_message {
    display: block;
    color: red;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
}

.valid_message {
    display: none;
    color: green;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
}


/*end forms fields*/


/*over blocks*/

.o {
    overflow: hidden;
}

.cx:before,
.cx:after {
    content: "";
    display: table;
}

.cx:after {
    clear: both;
}

.ct {
    display: table;
}

.ct:after {
    content: '. . . . . . . . . . .';
    display: block;
    word-spacing: 99in;
    height: 0;
    overflow: hidden;
    font-size: 0.05em;
    line-height: 0.05em;
}


/*end over blocks*/


/*other*/

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 0;
    margin: 0 0 10px;
    height: 0;
    display: block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    border-top: 1px solid #a5b136;
}

::-moz-selection {
    background-color: rgba(255, 0, 0, 0.5);
    color: #fff;
    text-shadow: none;
}

::selection {
    background-color: rgba(255, 0, 0, 0.5);
    color: #fff;
    text-shadow: none;
}

img::-moz-selection {
    background-color: transparent;
    -moz-box-shadow: none;
}

img::selection {
    background-color: transparent;
    box-shadow: none;
}


/*end other*/


/*---------------------- end global ----------------------------------*/


/*---------------------- wrapper ------------------------------------*/

.wrapper {
    min-width: 980px;
    min-height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.inner {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1003px;
    position: relative;
}

.inner:before,
.inner:after {
    content: "";
    display: table;
}

.inner:after {
    clear: both;
}


/*---------------------- *** ----------------------------------------*/


/*---------------------- header -------------------------------------*/

.main_page .header {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 123px 0 0 0;
    z-index: 2;
}

.header {
    position: relative;
    z-index: 2;
    padding: 170px 0 0 0;
    margin-right: auto;
    margin-left: auto;
}

.contact {
    position: absolute;
    height: 41px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.contact:before {
    background-color: #2b1817;
    position: absolute;
    content: '';
    top: 0;
    right: -10000px;
    left: -10000px;
    bottom: 0;
    z-index: -2;
}

.header .address {
    position: absolute;
    top: 9px;
    left: 0;
    padding: 0 0 0 24px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    z-index: 1;
    line-height: 19px;
}

.header .address .fig {
    background: url("../images/map.png") no-repeat;
    height: 19px;
    width: 13px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.header .address .fig:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.header .phone {
    position: absolute;
    top: 10px;
    left: 332px;
    line-height: 18px;
}

.header .phone .link {
    text-decoration: none;
}

.header .phone .link .fig {
    background: url("../images/phone.png") no-repeat;
    height: 18px;
    width: 13px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.header .phone .link:hover .fig {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.header .phone .text {
    display: block;
    padding: 0 0 0 24px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.time {
    background: url("../images/clock.png") no-repeat;
    position: absolute;
    top: 9px;
    left: 710px;
    padding: 0 0 0 34px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.logo {
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 11;
}

.page_with-fixed-nav .logo {
    margin-left: -490px;
    position: fixed;
    top: 1px;
    left: 50%;
}

.logo .fig {
    background: url("../images/logo.png") no-repeat;
    background-size: 100% auto;
    height: 79px;
    width: 198px;
}

.page_with-fixed-nav .logo .fig {
    width: 125px;
    height: 52px;
}

.logo .title {
    width: 230px;
    position: absolute;
    top: 0;
    left: 203px;
    color: #251f1d;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
}

.page_with-fixed-nav .logo .title {
    top: 5px;
}

.logo .text {
    white-space: nowrap;
    position: absolute;
    top: 46px;
    left: 203px;
    color: #6b6b6b;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.page_with-fixed-nav .logo .text {
    display: none;
}

.header .nav {
    width: 980px;
    margin: auto;
    position: absolute;
    top: 41px;
    left: 0;
    right: 0;
    z-index: 10;
}

.header .nav:before {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1000em;
    right: -1000em;
    z-index: -1;
}

.page_with-fixed-nav .nav {

    position: fixed;
    top: 0;
}

.header .nav> .list {
    display: table;
    width: 494px;
    position: relative;
    margin: 0 0 0 482px;
    z-index: 1;
}

.header .nav> .list::before,
.header .nav> .list::after,
.header .nav> .list> .item::before,
.header .nav> .list> .item::after {
    display: none;
}

.header .nav> .list> .item {
   /*  background: url("../images/fig_2.png") no-repeat 90% 50%; */
    display: table-cell;
    vertical-align: top;
    position: relative;
    text-align: center;
}

.header .nav> .list> .item> .link {
    display: table;
    width: 100%;
    height: 83px;
    color: #303030;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.page_with-fixed-nav .nav> .list> .item> .link {
    height: 50px;
}

.header .nav> .list> .item> .link> .text {
    display: table-cell;
    padding-right: 5px;
    vertical-align: middle;
}

.header .nav> .list> .item.active> .link,
.header .nav> .list> .item:hover> .link {
    background-color: #bb2c26;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.header .nav .sub {
    display: none;
    width: 220px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
}

.header .nav .sub .list {
    background-color: #bb2c26;
    text-align: left;
    display: block;
}

.header .nav .sub .list .item:hover .link {
    background-color: #303030;
    color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.header .nav .sub .list .item .link {
    padding: 10px 32px 14px;
    color: #303030;
    display: block;
    text-decoration: none;
}

.header .nav .sub .list .item .text {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.header .nav .item:hover .sub {
    display: block;
}

.promo {
    position: relative;
    height: 416px;
}

.promo:before {
    background: #202430;
    position: absolute;
    content: '';
    top: 0;
    right: -10000px;
    bottom: 0;
    left: -10000px;
    z-index: -2;
}

.promo .main_list> .item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1s ease, visibility 1s ease;
    transition: opacity 1s ease, visibility 1s ease;
}

.promo .main_list> .active {
    opacity: 1;
    visibility: visible;
}

.promo .main_list .fig {
    position: absolute;
    left: -298px;
    top: 0;
    bottom: 0;
}

.promo .main_list .fig .img {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.promo .main_list .active {
    display: block;
}

.promo .context {
    margin: auto;
    position: absolute;
    right: 0;
    bottom: 24px;
}

.promo  .text_1 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
}

.promo  .text_2 {
    margin-bottom: 14px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 72px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.promo  .text_3 {
    margin-bottom: 20px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.promo .text {
    margin: 0 0 16px 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.3;
}

.request {
    position: absolute;
    top: 138px;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}

.promo .prev {
    background: url("../images/prev.png") no-repeat;
    width: 20px;
    height: 29px;
    position: absolute;
    top: 191px;
    left: -150px;
    bottom: 0;
    z-index: 1;
}

.promo .next {
    background: url("../images/next.png") no-repeat;
    width: 20px;
    height: 29px;
    position: absolute;
    top: 191px;
    right: -150px;
    bottom: 0;
    z-index: 1;
}

.btn {
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #7d2d2b;
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .42), inset 0 3px 5px rgba(188, 43, 38, .75);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .42), inset 0 3px 5px rgba(188, 43, 38, .75);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .42), inset 0 3px 5px rgba(188, 43, 38, .75);
    padding: 10px 37px 12px 37px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.btn:hover {
    text-decoration: underline;
}

.btn_up {
    background: url("../images/fig_35.png") no-repeat;
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: block;
    width: 76px;
    height: 22px;
    padding: 54px 0 0;
    color: #045070;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 5;
}

.application {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: center;
    padding: 10px 0 10px 0;
}

.application:before {
    background: url("../images/fig_18.png");
    height: 46px;
    width: 1564px;
    position: absolute;
    content: '';
    right: -302px;
    left: -302px;
    bottom: 0;
    z-index: -2;
}


/*---------------------- end header ----------------------------------*/


/*---------------------- side ---------------------------------------*/

.side {
    width: 190px;
    position: relative;
    float: left;
    margin: 0 12px 0 0;
    padding: 17px 0 0 0;
}

.side + .content {
    float: left;
    width: 754px;
}

.list_3 .item {
    margin-bottom: 14px;
    font-size: 14px;
}

.list_3 .link {
    color: #573534;
    text-decoration: none;
}

.list_3 .fig {
    float: left;
    margin-right: 12px;
}

.list_3 .context {
    overflow: hidden;
}

.catalogue_list> .item {
    margin-bottom: 3px;
}

.catalogue_list> .item> .link {
    background: url("../images/fig_19.png") no-repeat;
    position: relative;
    padding: 12px 16px 10px 16px;
    z-index: 1;
}

.catalogue_list> .item> .link:before {
    background-color: rgba(43, 24, 23, .87);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.catalogue_list> .item> .link {
    display: block;
    text-decoration: none;
    position: relative;
}

.catalogue_list> .item> .link> .text {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    z-index: 2;
}

.catalogue_list> .item:hover> .link:before,
.catalogue_list> .item.active> .link:before {
    background-color: rgba(84, 43, 41, .87);
}

.catalogue_list .sub {
    padding: 10px 0 0 17px;
    margin:0;
}

.catalogue_list .sub .list .item {
    margin: 0 0 9px 0;
}

.catalogue_list .sub .list .item .link {
    text-decoration: none;
    color: #573533;
}

.catalogue_list .sub .list .item .text {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.catalogue_list .sub .list .item:hover .link,
.catalogue_list .sub .list .item.active .link {
    color: #bb2c26;
}


/*---------------------- end side ------------------------------------*/


/*---------------------- content -------------------------------------*/

.content {
    position: relative;
    z-index: 1;
    padding: 20px 0 0 0;
}

.our_products {
    position: relative;
    text-align: center;
    margin: -20px 0 26px 0;
    padding: 10px 0 30px 0;
}

.our_products:before {
    background: #92332d url("../images/fig_7.png") no-repeat 50% 0;
    position: absolute;
    content: '';
    top: 0;
    right: -1000em;
    left: -1000em;
    bottom: 0;
    z-index: -2;
}

.products_list {
    margin: 0 0 0 -20px;
}

.products_list> .item {
    width: 467px;
    margin: 0 0 20px 20px;
}

.products_list> .item .link {
    text-decoration: none;
}

.products_list .fig {
    position: relative;
}

.products_list .fig .img {
    max-height: 100%;
    max-width: 100%;
}

.products_list .fig .context {
    background: rgba(43, 24, 23, .87);
    padding: 10px 36px 8px 36px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

.products_list .fig .context .title {
    margin: 0 0 8px 0;
    color: #fff;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.products_list .fig .context .title:hover {
    text-decoration: underline;
}

.products_list .fig .context p {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.products_list .list {
    padding: 0 0 10px 0;
}

.products_list .list .item {
    border-right: 1px solid #7d2c28;
    margin: 0 8px 4px 0;
    padding: 0 8px 0 0;
}

.products_list .list .item:last-child {
    border: none;
}

.products_list .list .item .link {
    color: #fff;
    text-decoration: underline;
}

.products_list .list .item .link:hover {
    text-decoration: none;
}

.products_list .list .item .link .text {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.company {
    width: 460px;
    margin: 0 40px 0 0;
    float: left;
}



.specialization_list {
    margin: 0 0 6px 0;
}

.specialization_list .item {
    background: url("../images/fig_8.png") no-repeat 0 6px;
    margin: 0 0 12px 0;
}

.specialization_list .text {
    padding: 0 0 12px 36px;
    color: #1d1d1d;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.company .btn_1 {
    margin: 0 0 36px 60px;
}

.btn_1 {
    background-color: #542b29;
    display: inline-block;
    padding: 11px 31px 11px 31px;
    color: #ebd6d6;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.btn_1:hover {
    text-decoration: underline;
}

.service {
    width: 408px;
    float: left;
}

.service_list {
    margin: 0 0 30px 0;
}

.service_list .item {
    position: relative;
    margin: 0 0 8px 0;
}

.service_list .link {
    display: block;
    text-decoration: none;
}

.service_list .fig {
    display: inline-block;
    height: 98px;
    width: 98px;
    position: relative;
    vertical-align: middle;
    margin: 0 20px 0 0;
}

.service_list .title {
    display: inline-block;
    width: 238px;
    vertical-align: middle;

    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.service_list .link:hover .title {
    text-decoration: underline;
}

.why {
    clear: both;
    position: relative;
    padding: 36px 0 40px 0;
}

.why:before {
    background: #2b1817 url("../images/fig_15.png") no-repeat;
    position: absolute;
    content: '';
    top: 0;
    right: -1000em;
    left: -1000em;
    bottom: 0;
    z-index: -2;
}

.why:after {
    content: "";
    display: table;
}

.why:after {
    clear: both;
}

.why .h5 .thin {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 100;
    line-height: 1;
}

.why .h5 .white {
    display: block;
    margin: 0 0 20px 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 72px;
    font-weight: bold;
    line-height: 1;
}

.why .h5 .small {
    display: block;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 1;
}

.why_list {
    margin: 0 0 20px -50px;
}

.why_list .item {
    width: 182px;
    margin: 0 0 8px 50px;
    text-align: center;
}

.why_list .link {
    color: #fff;
    text-decoration: none;
}

.why_list .link:hover {
    text-decoration: underline;
}

.why_list .fig {
    height: 82px;
    width: 182px;
    position: relative;
    margin: 0 0 20px 0;
}

.why_list .fig .img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.why_list .title {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
color: #fff;
}

.btn_2 {
    background-color: #bb2c26;
    border: 0;
    display: inline-block;
    padding: 11px 31px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_2:hover {
    text-decoration: underline;
}

.scheme_work {
    position: relative;
    padding: 40px 0 0 0;
}

.scheme_work:before {
    background-color: #542b29;
    content: "";
    position: absolute;
    top: 0;
    right: -10000px;
    left: -10000px;
    bottom: 0;
    z-index: -1;
}

.work_list {
    margin: 0 0 0 -40px;
}

.work_list>.item {
    width: 460px;
    position: relative;
    margin: 0 0 35px 40px;
}

.work_list .fig {
    background: #bb2c26;
    border-radius: 50%;
    height: 88px;
    width: 88px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 88px;
    margin: 0 20px 0 0;
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
}

.work_list .link {
    text-decoration: none;
}

.work_list .text {
    padding: 0 0 0 110px;
    width: 310px;
    color: #573533;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.4;
}

.work_list .link:hover {
    text-decoration: underline;
}

.work_list .tabs {
    margin: 0 0 10px 0;
}

.work_list .tabs .item {
    display: inline-block;
}

.work_list .tabs .link {
    text-decoration: none;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
}

.work_list .tabs .active {
    text-decoration: underline;
    color: #f06a68;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
}

.work_list .tabs .active:hover {
    text-decoration: none;
}

.work_list .title {
    margin: 0 0 10px 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
}

.work_list p {
    color: #ebd6d6;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.partners {
    position: relative;
    height: 510px;
}

.partners:before {
    background: url("../images/fig_16.png") no-repeat;
    height: 510px;
    width: 973px;
    position: absolute;
    content: '';
    top: 0;
    left: -490px;
    bottom: 0;
    z-index: -2;
}

.right {
    margin: 0 0 0 550px;
    padding: 60px 0 0 0;
    width: 494px;
}

.right .link {
    text-decoration: none;
}

.right .link:hover {
    text-decoration: underline;
}

.right .caption {
    margin: 0 0 30px 0;
    text-transform: uppercase;
    color: #2b2b2b;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
}

.right .caption .big {
    color: #3267db;
    font-family: "Roboto", sans-serif;
    font-size: 50px;
    font-weight: bold;
}

.order_now_form {
    position: relative;
    padding: 30px 0 30px 0;
    text-align: center;
    z-index: 1;
}

.order_now_form:before {
    background: #2b1817;
    position: absolute;
    content: '';
    top: 0;
    right: -10000px;
    bottom: 0;
    left: -10000px;
    z-index: -1;
}

.order_now_form .field {
    border: 1px solid #aaa3a2;
    background-color: #fff;
    padding: 9px 16px 9px 16px;
    text-align: center;
    margin:0;
}

.order_now_form .field:focus {
    border-color: #51cbee;
    -webkit-box-shadow: rgba(81, 203, 238, 1) 0 0 5px;
    -moz-box-shadow: rgba(81, 203, 238, 1) 0 0 5px;
    box-shadow: rgba(81, 203, 238, 1) 0 0 5px;
}

.order_now_form .field:-moz-placeholder {
    opacity: 1;
    color: #3b3b3b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.order_now_form .field::-moz-placeholder {
    opacity: 1;
    color: #3b3b3b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
}

.order_now_form .field::-webkit-input-placeholder {
    opacity: 1;
    color: #3b3b3b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
}

.order_now_form .field:-ms-input-placeholder {
    opacity: 1;
    color: #3b3b3b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
}

.order_now_form .field.placeholder {
    color: #3b3b3b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
}

.order_now_form .field.invalid {
    border-color: red;
}

.order_now_form .parent_field {
    display: inline-block;
    vertical-align: top;
}

.order_now_form .invalid_message {
    display: block;
    color: red;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
}

.order_now_form .valid_message {
    display: none;
    color: green;
    font-size: 11px;
    line-height: 1.2;
}

 .captcha {
    display: inline-block;
    padding-left: 102px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

 .captcha .fig {
    background: #fff;
    border: 1px solid #aaa3a2;
    width: 102px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

 .captcha .fig img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

 .captcha .field {
    width: 100%;
}

.btn_3 {
    background-color: #bb2c26;
    border: none;
    display: inline-block;
    padding: 9px 57px 8px 57px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.btn_3:hover {
    text-decoration: underline;
}

.map {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.map:before {
    background: url("../images/fig_17.png") no-repeat;
    position: absolute;
    content: '';
    top: 0;
    right: -492px;
    left: -492px;
    bottom: 0;
    z-index: -2;
}

.map .point {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    margin: 0 0 16px 0;
    padding: 20px 0 20px 0;
    max-width: 980px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: white;
}

.map .point:before {
    background: rgba(255, 255, 255, .80);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -2;
}

.content .phone .link {
    color: #3b3b3b;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.content .phone .link:hover {
    text-decoration: underline;
}

.email .link {
    color: #3b3b3b;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    text-decoration: none;
}

.email .link:hover {
    text-decoration: underline;
}

.crumbs {
    margin: 0 0 16px;
    color: #6b6b6b;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.crumbs .list:before,
.crumbs .list:after {
    display: none;
}

.crumbs .list .item {
    background: url("../images/fig_24.png") no-repeat 4px 3px;
    display: inline;
    padding: 0 0 0 15px;
}

.crumbs .list .item:before,
.crumbs .list .item:after {
    display: none;
}

.crumbs .item:first-child {
    background: none;
    padding-left: 0;
}

.crumbs .link {
    color: #6b6b6b;
}

.why_list .item {
    margin: 0 0 22px 50px;
}

.why_list .text {
    width: 364px;
    text-align: left;
}

.promobody {
    margin: 0 0 20px 0;
    color: #2b1817;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.why_1 {
    width: 478px;
    position: relative;
    margin: 0 0 2px 0;
    padding: 4px 0 48px 0;
    float: left;
}

.why_1 .h5 {
    margin-bottom: 20px;
}

.why_1:before {
    background: #2b1817;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: -1000px;
    bottom: 0;
    z-index: -1;
}

.why_1 .thin {
    margin-bottom: 7px;
    display: block;
    font-size: 36px;
    font-weight: 100;
    line-height: 1;
}

.why_1 .h5 .white {
    display: block;
    margin-bottom: 14px;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
}

.why_1 .h5 .small {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    text-transform: none;
}

.why_list_1 {
    margin: 0 0 20px -42px;
    text-align: center;
}

.why_list_1 .item {
    width: 130px;
    margin: 0 0 8px 22px;
    text-align: center;
}

.why_list_1 .item:last-child {
    width: 200px;
}

.why_list_1 .link {
    color: #fff;
    text-decoration: none;
}

.why_list_1 .link:hover {
    text-decoration: underline;
}

.why_list_1 .fig {
    height: 82px;
    width: 130px;
    position: relative;
    margin: 0 auto 20px;
}

.why_list_1 .fig .img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.why_list_1 .title {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.scheme_work_1 {
    width: 447px;
    position: relative;
    padding: 40px 0 40px 35px;
    float: left;
}

.scheme_work_1:before {
    background: #542b29;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: -1000px;
    bottom: 0;
    z-index: -1;
}

.work_list_1>.item {
    width: 460px;
    position: relative;
    margin: 0 0 35px 0;
}

.work_list_1 .fig {
    background: #bb2c26;
    border-radius: 50%;
    height: 44px;
    width: 44px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 44px;
    margin: 0 20px 0 0;
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}

.work_list_1 .link {
    text-decoration: none;
}

.work_list_1 .text {
    padding: 0 0 0 60px;
    width: 336px;
    color: #573533;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.4;
}

.work_list_1 .link:hover {
    text-decoration: underline;
}

.work_list_1 .title {
    margin: 0 0 2px 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}

.scheme_work_1 .h6 {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
}

.work_list_1 p {
    color: #ebd6d6;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.work_list_1 .tabs {
    margin: 0 0 2px 0;
}

.work_list_1 .tabs .item {
    display: inline-block;
}

.work_list_1 .tabs .link {
    text-decoration: none;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}

.work_list_1 .tabs .active {
    text-decoration: underline;
    color: #f06a68;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}

.work_list_1 .tabs .active:hover {
    text-decoration: none;
}

.fig_1 {
    border: 5px solid #e6dfdf;
    max-width: 389px;
    position: relative;
    float: left;
    margin: 0 30px 26px 0;
}

.fig_1 .img {
    max-width: 100%;
    vertical-align: top;
}

.content .tabs {
    display: block;
    margin: 0 0 20px;
    color: #6b6b6b;
    font-size: 16px;
}

.content .tabs .list:before,
.content .tabs .list:after {
    display: none;
}

.content .tabs .list .item {

    position: relative;
    width: 243px;
    height: 36px;
    margin: 0 -26px 0 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #6b6b6b;
    font-size: 16px
}

.content .tabs .list .item:before,
.content .tabs .list .item:after {
    display: none;
}


.content .tabs .list .item .link {
    background: url("../images/fig_21.png") no-repeat;
    width: 243px;
    height: 36px;
    margin: -10px 0 0 0;
    padding: 0;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #573533;
    font-size: 16px;
}

.content .tabs .list .item .active {
    background: url("../images/fig_20.png") no-repeat;
}

.content .tabs .list .item .text {
    display: block;
    padding: 7px 0;
}

.price {
    margin-bottom: 5px;
    color: #2b1817;
    font-size: 18px;
    font-weight: bold;
}

.btn_5 {
    background-color: #bb2c26;
    display: inline-block;
    padding: 10px 44px 8px 44px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.btn_5:hover {
    text-decoration: underline;
}

.order {
    margin: 0 0 10px 0;
}

.questions {
    position: relative;
    margin: 0 0 24px 0;
    display: inline-block;
}

.questions:before {
    border-left: 4px solid #e6dfdf;
    position: absolute;
    height: 45px;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
}

.questions .title {
    display: inline-block;
    padding: 3px 0 0 14px;
}

.questions .phone .text {
    padding-left: 14px;
    color: #6b6b6b;
    font-size: 13px;
}

.questions .phone .link .text {
    font-size: 15px;
    color: #2b1817;
}

.back {
    margin: 0 0 30px 0;
}

.service_list_1 {
    margin: 0 0 24px -44px;
}

.service_list_1 .item {
    width: 336px;
    position: relative;
    margin: 0 0 0 44px;
}

.service_list_1 .link {
    display: block;
    text-decoration: none;
}

.service_list_1 .fig {
    border: 4px solid #e6dfdf;
    display: inline-block;
    height: 124px;
    width: 160px;
    position: relative;
    vertical-align: middle;
    margin: 0 10px 0 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.service_list_1 .link:hover .fig {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.service_list_1 .title {
    display: inline-block;
    width: 146px;
    vertical-align: middle;
    color: #573533;
    font-size: 16px;
}

.service_list_1 .link:hover .title {
    text-decoration: underline;
}

.error {
    float: left;
    width: 380px;
    margin: 0 0 108px 0;
    text-align: center;
}

.factory {
    background: url("../images/fig_26.png") no-repeat;
    height: 443px;
    width: 545px;
    float: left;
}

.error .big {
    color: #2b1817;
    font-family: "Roboto", sans-serif;
    font-size: 180px;
    font-weight: bold;
}

.error p {
    margin: 0 0 30px 0;
    color: #2b1817;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.btn_6 {
    display: inline-block;
    color: #6b6b6b;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.catalog_list {
    margin: 0 0 10px -10px;
}

.catalog_list .item {
    background-color: #e6dfdf;
    margin: 0 0 10px 10px;
    padding: 10px 10px 10px 10px;
    width: 220px;
    min-height: 251px;
    text-align: center;
}

.catalog_list .link {
    text-decoration: none;
    color: #573533;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.catalog_list .title {
    margin: 0 0 4px 0;
}

.catalog_list .link:hover {
    text-decoration: underline;
}

.catalog_list .fig {
    margin: 0 0 10px 0;
}

.catalog_list p {
    margin-bottom: 2px;
    color: #6b6b6b;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.catalog_list .price {
    margin: 0 0 10px 0;
}

.btn_7 {
    background-color: #bb2c26;
    display: inline-block;
    padding: 10px 24px 8px 24px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.btn_7:hover {
    text-decoration: underline;
}

.page {
    margin: 0 0 38px 0;
}

.page .item {
    margin: 0 7px 0 0;
}

.page .item.active {
    background-color: #2b1817;
    padding: 5px 10px 5px 10px;
    color: #ebd6d6;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.page .link:hover {
    display: block;
    background-color: #2b1817;
   padding: 5px 10px 5px 10px;
}

.page .link {
    display: block;
    background-color: #542b29;
   padding: 5px 10px 5px 10px;
    color: #ebd6d6;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.list_2 {
    margin-bottom: 18px;
}

.list_2 .item {
    margin-bottom: 3px;

}

.list_2 .link {
    background: #e6dfdf;
    border: 1px solid #dbd4d4;
    display: block;
    padding: 10px;
    position: relative;
    color: #573534;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}

.list_2 .link:after,
.list_2 .link:before {
    content: '';
    background: url("../images/fig_36.png") no-repeat;
    width: 10px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
}

.list_2 .link:after {
    left: auto;
    right: 15px;
}

.list_2 .active:after,
.list_2 .active:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.list_2 .active {
    background: #fff;
}

.list_2 .sub {
    display: none;
    padding: 9px 18px;
    color: #1d1d1d;
    font-size: 14px;
}

.list_2 .active + .sub {
    display: block;
}

.rules {
    background: url("../images/rules.png") no-repeat 50% 0;
    padding-top: 32px;
    color: #8f7b7a;
    font-size: 13px;
    text-align: center;
}

.modal {
    position: fixed;
    z-index: 1000;
}

.modal__inner {
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modal,
.modal__bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal__horisontal_inner {
    display: table;
    height: 100%;
    margin: auto;
}

.modal__vertical_inner {
    display: table-cell;
    vertical-align: middle;
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.modal__bg {
    background: #000;
    opacity: 0;
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.show .modal__bg {
    opacity: 0.65;
}

.modal__content {
    background: #2b1817;
    padding: 24px 14px;
    position: relative;
    color: #fff;

    font-size: 13px;
}

.modal__close_btn {
    background: url("../images/close.png") no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    top: -23px;
    right: -23px;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    z-index: 2;
    text-indent: -1000em;
}

.modal_lightbox__prev,
.modal_lightbox__next {
    cursor: pointer;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.modal_lightbox__next {
    left: auto;
    right: 0;
}

#modal_lightbox .modal__content {
    padding: 0;
}

.modal_lightbox__title {
    background: rgba(43, 24, 23, .87);

    padding: 18px 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.modal_lightbox__image img {
    vertical-align: top;
}

.modal_lightbox__next:before,
.modal_lightbox__prev:before {
    content: '';
    background: url("http://amt-ru.ru/templates/2018/amt/images/prev2.png") no-repeat 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.modal_lightbox__next:before {
    left: auto;
    right: 0;
}

/*---------------------- end content ----------------------------------*/


/*---------------------- footer ---------------------------------------*/

.footer {
    width: 980px;
    padding-bottom: 73px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
body.index .footer{
 position: relative;   
}
body.index .inner{
    margin-bottom: 0!important;    
}

.footer:before {
    background: #011706;
    position: absolute;
    content: '';
    bottom: 0;
    left: -1000em;
    right: -1000em;
    top: 0;
    z-index: -1;
}

.counter {
    background: url("../images/counter.png"), no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    bottom: 26px;
    left: 0;
}

.copyright {
position: absolute;
    left: 0;
    bottom: 15px;
    color: #d9d0cf;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.subscribe {
    position: absolute;
    bottom: 32px;
    left: 338px;
}

.btn_4 {
    background-color: #4c2220;
    display: inline-block;
    padding: 4px 44px 5px 44px;
    text-decoration: none;
    color: #d9d0cf;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.btn_4:hover {
    text-decoration: underline;
}

.design .link {
    position: absolute;
    bottom: 36px;
    right: 0;
    color: #ed7570;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    text-decoration: none;
}

.design .link:hover {
    text-decoration: underline;
}


/*---------------------- end footer -----------------------------------*/


/* media queries */


/* small screens (portrait and landscape) */


/* small screens (landscape) */


/* small screens (portrait) */


/* medium small screens */


/* medium screens (excludes iPad & iPhone) */


/* ipads (portrait and landscape) */


/* ipads (landscape) */


/* ipads (portrait) */


/* medium large screens */


/* large screens */


/* extra large screens */


/* iphone 4 and high pixel ratio (1.5+) devices */


/* iphone 4 and higher pixel ratio (2+) devices (retina) */


/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/


/* print media */

@media print {
    * {
        color: black !important;
        background: transparent !important;
        text-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
        float: none !important;
        clear: none !important;
    }
    html,
    body,
    article,
    header,
    section,
    footer,
    aside,
    div {
        width: 100% !important;
    }
    a,
    a:link,
    a:visited,
    a:hover,
    a:active,
    abbr,
    acronym {
        text-decoration: none;
        border-bottom: 0 none;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li {
        page-break-inside: avoid;
        orphans: 3;
        widows: 3;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    nav {
        display: none;
    }
}










.panel {
width: 100%;
    max-height: 100%;
    position: relative;
    clear: both;
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px;
}
.clearfix{
  clear: both; 
     display: inline-block;
}
.panel .img {
    width: 13%;
    text-align: center;
    float: left;
    margin: 0 15px 15px 0;
}
.panel img { 
   width : 100%;


}
/*== Removal Start
png images background
==*/
.panel:nth-of-type(1) img {
 
}
.panel:nth-of-type(2) img {
    background : #db4646 ;
}
.panel:nth-of-type(3) img {
    background : #96c465 ;
}
/*== Removal End==*/

.panel p {
    float: left;
    width: 80%;
    clear: right;
    text-align: justify;
    margin: 5px 0 10px 0;
    font-size: 15px;
    color: #2b1817;
    line-height: 1.4em;
}
.panel h7 { 
    float: left;
 width: 80%;
    font-size: 14px;
    color: #221a17;
    font-weight: bold;

}






				    .submenu {
  background: white;
  border: 2px solid #003559;
  position: absolute;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 5;

padding: 1em 2em;
  transform-origin: 0% 0%;
  transition: .6s ease-in-out;
}
nav .list > li:hover .submenu{
  visibility: visible;
  opacity: 1;
  transform: perspective(600px) rotateX(0deg);
}
.submenu li a {
padding: 0;
color: #303030;
    line-height: 18px;
    font-size: 15px;
    margin: 0 0 10px;
    display: block;
}
.submenu li a:hover{
 color: #bb2c26;   
}