/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
body {font-family: 'Montserrat', sans-serif !important; background: white;}
h2 {font-family: 'Montserrat', sans-serif !important; text-transform: none !important; font-weight:bold !important;}
div .logo {position:relative;}
.main_menu {position:relative;}
div.head_contact {width:300px; text-align:right; line-height: 140%;}
a.phone{color:#000000; font-size:20px; font-weight:bold;}
span.adress{color:#000000; }
.container {
    width: 100%;
}
.av_minimal_header #header_main {
    padding: 20px 0;
}
.iconbox {
    margin-bottom: 10px;
    position: relative;
    clear: both;
}
#collections h3 {line-height:140%; padding:0 30px;}

#collections .av-special-heading {
    margin-top: 30px;
}

body #banner_top  .column-top-margin{margin-top:50px !important;}
.av-main-nav > li > a {
    font-size: 16px;
}
.header_color .main_menu ul:first-child > li > a{color: #128419;}
#price table tr td {font-size:18px; color:black;}
#price table tr td:last-child {
    background:#f2f7ea; /* Цвет фона */
}

.avia_transform .av-extra-border-element.border-extra-diagonal .av-extra-border-inner
{
    top: 315px;
}

#collections h3 {
    line-height: 140%;
    padding: 0 0px;
    text-align: center;
}
.mfp-counter {display:none;}
#faq {color:black;}
#faq  .toggler {color:black;}
#faq section { border-color:#128419;}
#faq div { border-color:#128419;}
#faq p { border-color:#128419;}
#faq span { border-color:#128419;}

#otkos .av-masonry-col-6 .av-masonry-entry {padding:0 30px;}
#otkos  .av-masonry-entry .av-inner-masonry-content {padding:10px 5px ;text-align: center;}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */
    .header-flex{
        display: flex;
        align-items: center;
        justify-content: space-between;}
}
@media only screen and (max-width: 1030px) {
    #menu-item-624 {display: none;}
    .av-main-nav > li > a {
        padding: 0 8px;
        font-size: 14px;

    }
}

@media only screen and (max-width: 1000px) {
    #menu-item-624 {display: list-item;}
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    div.head_contact {    text-align: left; margin:30px 0 0 0;}
    a.phone{font-size: 24px;}
    #advanced_menu_toggle { top: 30%;}
    #advanced_menu_hide{ top: 10%;}
    #collections {background-image: none !important;}
}

.av_minimal_header #header_main {    padding: 40px 0;}