@charset 'utf-8';
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,500,500italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic);
@import url(fontello/css/fontello.css);

@font-face {
    font-family: 'GauFontExpositionR';
    src:url('/nor/webfonts/GauFontExpositionR.ttf.woff') format('woff'),
        url('/webfonts/GauFontExpositionR.ttf.svg#GauFontExpositionR') format('svg'),
        url('/webfonts/GauFontExpositionR.ttf.eot'),
        url('/webfonts/GauFontExpositionR.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

.twenty {
//    margin: 10px 0 -30px 0;
}

.gau {
   font-family: 'GauFontExpositionR';
   font-size: 300px;
   line-height: normal;
   float: left;
   color: #0D6E0D;
   margin-bottom: -30px;
}

.text {
    font-size: 70px;
    line-height: 70px;
    color: #0D6E0D;
}




/* зеленый цвет всего */

.image_wrapper .image_link:hover,.image_wrapper .image_zoom:hover {background-color:#0d6e0d;}
.post_info a:hover {color:#0d6e0d !important;}
a, a:hover, a:visited {color: #0d6e0d;}
.post_views a:hover,.post_comments a:hover {color:#0d6e0d !important;}
.post_comments a:hover .comments_number {color:#0d6e0d !important;}
.post_views a:hover [class^="icon-"]:before, .post_views a:hover [class*=" icon-"]:before, .post_comments a:hover [class^="icon-"]:before, .post_comments a:hover [class*=" icon-"]:before {color:#0d6e0d !important;}
#header_top_inner .login_or_register a:hover {color:#0d6e0d;}
#header_top_inner .social:hover [class^="icon-"]:before, #header_top_inner .social:hover [class*=" icon-"]:before {color:#0d6e0d;}
#header_top_inner .header_icons .search_link [class^="icon-"]:before, #header_top_inner .header_icons .search_link [class*=" icon-"]:before {color:#0d6e0d;}
#header_middle_inner .logo_default a:hover {color:#0d6e0d;}
#header_middle_inner .logo_norma_top {background-color:#0d6e0d;}
#header_middle_inner .logo_norma_top:before {background-color:#0d6e0d;}
#header_middle_inner .logo_norma_top:after {background-color:#0d6e0d;}
#header_middle_inner #mainmenu > li > a:hover, #header_middle_inner #mainmenu > li.sfHover > a {border-bottom-color:#0d6e0d;}
#header_middle_inner #mainmenu > li ul {background: #0d6e0d;}
.breadcrumbs li a:hover {color: #0d6e0d;}
#content .more-link:hover {color: #0d6e0d;}
.content_blog .post_title a:hover {color: #0d6e0d;}
.content_blog .post_format_quote .post_content:before {color:#0d6e0d;}
.content_blog .post_format_quote .post_content a:hover {color:#0d6e0d;}
.content_blog #portfolio_iso_filters a.current, .content_blog #portfolio_iso_filters a:hover {color:#0d6e0d;}
#nav_pages li a:hover, .nav_pages_parts a:hover, .nav_comments a:hover {color: #0d6e0d;}
.sc_slider_flex .flex-direction-nav li:before {background-color: #0d6e0d;}
.sc_slider_flex .flex-control-nav a.flex-active, .sc_slider_flex .flex-control-nav a:hover {background-color:#0d6e0d;}
.post_info_1 .post_format {	background-color:#0d6e0d; }
.blog_style_b2 .title_area { border-left-color: #0d6e0d;}
.blog_style_b3 .post_title:after, .content_blog.post_single .subtitle_area .post_subtitle:after, .content_blog.post_single #comments #reply-title:after { border-bottom-color: #0d6e0d; }
.blog_style_p1 .title_area .post_categories a:hover { color: #0d6e0d; }
.blog_style_p2 .title_area .post_categories a:hover, .blog_style_p3 .title_area .post_categories a:hover, .blog_style_p4 .title_area .post_categories a:hover {	color: #0d6e0d; }
.content_blog .post_social .social:hover [class^="icon-"]:before, .content_blog .post_social .social:hover [class*=" icon-"]:before { color:#0d6e0d; }
.content_blog .post_author_details .extra_wrap h3 a:hover { color:#0d6e0d; }
.content_blog.post_single #related_posts .related_posts_item .title_area a:hover { color:#0d6e0d; }
.content_blog.post_single #comments .comment_title_area .comment_reply a:hover { color: #0d6e0d; }
.content_blog.post_single #comments .comment_title_area .comment_title a:hover { color: #0d6e0d; }
.content_blog.post_single #commentform #submit:hover { color:#0d6e0d; }
.blog_style_p1.post_single #related_posts .post_info a:hover { color:#0d6e0d !important;}
 .blog_style_p1.post_single .post_details .post_url a { color:#0d6e0d !important; }
.content_blog article.page_404 .post_content .post_subtitle { color:#0d6e0d; }
.content_blog article.page_404 .post_content .search_form_link:hover .icon-search:before { color:#0d6e0d; }
#sidebar_main .widget .widget_title:after { border-bottom-color: #0d6e0d; }
#sidebar_main .widget ul li:hover:before, #advert_sidebar_inner .widget ul li:hover:before { background:#0d6e0d; border-color:#0d6e0d; }
#sidebar_main .widget ul li a:hover, #advert_sidebar_inner .widget ul li a:hover { color:#0d6e0d; }
#sidebar_main .widget.widget_tag_cloud a:hover, #advert_sidebar_inner .widget.widget_tag_cloud a:hover { border-color:#0d6e0d; background-color:#0d6e0d; }
#sidebar_main .widget.widget_calendar table tbody a:hover, #advert_sidebar_inner .widget.widget_calendar table tbody a:hover { color:#0d6e0d;}
#sidebar_main .widget.widget_calendar table tfoot a:hover, #advert_sidebar_inner .widget.widget_calendar table tfoot a:hover { color:#0d6e0d; }
#sidebar_main .widget .post_title a:hover, #advert_sidebar_inner .widget .post_title a:hover { color:#0d6e0d; }
#sidebar_main .widget .post_author a:hover, #advert_sidebar_inner .widget .post_author a:hover { color:#0d6e0d; }
#sidebar_main .sc_contact_form .button a, #advert_sidebar_inner .sc_contact_form .button a { background-color:#0d6e0d; }
#sidebar_main .widget_contacts .widget_inner a:hover, #advert_sidebar_inner .widget_contacts .widget_inner a:hover { color:#0d6e0d; }
#sidebar_main .widget_social a:hover [class^="icon-"]:before, #advert_sidebar_inner .widget_social a:hover [class*=" icon-"]:before { color:#0d6e0d; }
#sidebar_main .widget_qrcode_vcard .personal_data a:hover, #advert_sidebar_inner .widget_qrcode_vcard .personal_data a:hover { color:#0d6e0d; }
#advert_sidebar_inner .widget.widget_text { border-right-color:#0d6e0d; }
#footer_sidebar_inner .widget .widget_title:after { border-bottom-color: #0d6e0d; }
#footer_sidebar_inner .widget ul li:hover:before { background:#0d6e0d;	border-color:#0d6e0d; }
#footer_sidebar_inner .widget ul li a:hover { color:#0d6e0d; }
#footer_sidebar_inner .widget.widget_tag_cloud a:hover { border-color:#0d6e0d; background-color:#0d6e0d; }
#footer_sidebar_inner .widget .post_title a:hover { color:#0d6e0d; }
#footer_sidebar_inner .widget .post_author a:hover { color:#0d6e0d; }
#footer_sidebar_inner .widget.widget_popular_posts .tabs a:hover:after,#footer_sidebar_inner .widget.widget_popular_posts .tabs a.current:after {border-bottom-color: #0d6e0d;}
#footer_sidebar_inner .sc_contact_form .button a {background-color:#0d6e0d;}
#footer_sidebar_inner .widget_contacts .widget_inner a:hover {color:#0d6e0d;}
#footer_sidebar_inner .widget_social a:hover [class^="icon-"]:before { color:#0d6e0d; }
#footer_sidebar_inner .widget_qrcode_vcard a:hover { color:#0d6e0d; }
.popup_form .popup_title { border-bottom-color:#0d6e0d; }
.popup_form .popup_title .popup_arrow:after { border-color: transparent transparent #0d6e0d transparent; }
.popup_form .popup_field.popup_button a {	background-color:#0d6e0d; }
.popup_form .popup_body .result.sc_infobox_style_error { color:#0d6e0d; }
.popup_form .popup_field input.error_fields_class { border-color:#0d6e0d; }
.sc_title:after { border-bottom-color: #0d6e0d; }
.sc_title_bubble_right .sc_title_bubble_icon { 	background-color:#0d6e0d; }
.sc_title_bubble_down .sc_title_bubble_icon { background-color:#0d6e0d; }
blockquote.sc_quote {	border-left-color: #0d6e0d; }
blockquote.sc_quote cite a:hover { color:#0d6e0d; }
.sc_dropcaps.sc_dropcaps_style_2 span.sc_dropcap { background-color: #0d6e0d; }
ul.sc_list.sc_list_style_mark li span.sc_list_icon, ul.sc_list li.sc_list_style_mark span.sc_list_icon { background: #0d6e0d; }
.sc_accordion .sc_accordion_item .sc_accordion_title a:hover { color:#0d6e0d; }
.sc_accordion .sc_accordion_item .sc_accordion_title a.current { color:#0d6e0d; }
.sc_accordion .sc_accordion_item .sc_accordion_title a:hover span:before, .sc_accordion .sc_accordion_item .sc_accordion_title a:hover span:after, .sc_accordion .sc_accordion_item .sc_accordion_title a.current span:before { background: #0d6e0d; }
.sc_toggles .sc_toggles_item .sc_toggles_title a:hover { color:#0d6e0d; }
.sc_toggles .sc_toggles_item .sc_toggles_title a.current { color:#0d6e0d; }
.sc_toggles .sc_toggles_item .sc_toggles_title a:hover span:before, .sc_toggles .sc_toggles_item .sc_toggles_title a:hover span:after, .sc_toggles .sc_toggles_item .sc_toggles_title a.current span:before { background: #0d6e0d; }
.sc_skills .sc_skills_item .sc_skills_level { background:#0d6e0d; }
.sc_team .sc_team_item_social a:hover [class^="icon-"]:before, .sc_team .sc_team_item_social a:hover [class*=" icon-"]:before { color:#0d6e0d; }
.sc_contact_form .button a { background-color:#0d6e0d; }
.sc_blogger .sc_blogger_title a:hover { color:#0d6e0d;}
.sc_blogger.style_date .date_month {background-color:#0d6e0d; }
.sc_blogger.sc_blogger_slider .es-nav span:hover { background:#0d6e0d; border-color:#0d6e0d; }
#custom_options .co_options #co_bg_images_list a.current, #custom_options .co_options #co_bg_pattern_list a.current { background-color:#0d6e0d; }
.tp-caption.big_red { color:#0d6e0d; }
.tp-caption.bg_red { background-color:#0d6e0d; }
.tp-caption.norma-top { background-color:#0d6e0d; }
.tp-caption.norma-top:before { background-color:#0d6e0d; }
.tp-caption.norma-top:after { background-color:#0d6e0d; }
.tp-caption a.button-red { border:1px solid #0d6e0d; background: #0d6e0d; background: -webkit-gradient(linear, 0 0, 0 100%, from(558a4d), to(#0d6e0d)); background: -webkit-linear-gradient(558a4d 0%, #0d6e0d 100%); background: -moz-linear-gradient(558a4d 0%, #0d6e0d 100%); background: -ms-linear-gradient(558a4d 0%, #0d6e0d 100%); background: -o-linear-gradient(558a4d 0%, #0d6e0d 100%); background: linear-gradient(558a4d 0%, #0d6e0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="558a4d", endColorstr="#0d6e0d",GradientType=0 ); text-shadow:#0d6e0d 1px 1px; }
.tp-caption a.button-red:hover { background: #0d6e0d; }

/* подчеркивание ссылок телефона и почты */
a[href^="tel"], a[href^="mailto"] {
    border-bottom: 1px dashed #0d6e0d;
    display: inline-block;
    line-height: normal;
}

.home_block_announces i {
    color: #0d6e0d;
    display: block;
    margin: 0 auto 10px auto;
    font-size: 30px;
    line-height: 70px;
    text-align: center;
    vertical-align: middle;
    height: 70px;
    width: 70px;
    border: 2px solid #0d6e0d;
    border-radius: 37px;
}

.home_block_announces i + .post_content {
    text-align: center;
}

.sc_blogger_item.sc_column_item.sc_column_item_4.even i {
    background-color: #0d6e0d;
}

.sc_blogger_item.sc_column_item.sc_column_item_4.even i::before {
    color: #ffffff;
}

/****************************************************************************************/
/* таблица цен **************************************************************************/
/****************************************************************************************/

table.price {
    background: #f5ffff;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    line-height: normal;
}
table.price th {
    background: #0d6e0d;
    border: 1px solid #e3eef7;
    color: white;
    padding: 10px 15px;
    position: relative;
}

table.price tr:nth-child(odd) {
    background: #ebf3f9;
}

table.price td, table.price th {
    border: 1px solid #e3eef7;
    padding: 10px 15px;
    position: relative;
}

table.price td h2 {
    padding: 0;
    margin: 0;
}


table.pricelist td:nth-child(3) {
    width: 100px;
}

table.pricelist td {
    padding: 6px 5px 4px 10px;
}
table.pricelist td.td_2_lvl {
    padding-left: 30px;
}
table.pricelist td.td_3_lvl {
    padding-left: 55px;
}
table.pricelist tr td[colspan="3"] {
    text-align: center;
    font-weight: bold;
}

table.price tr:hover, table.price tr:hover h2 {
    background-color: #0d6e0d;
    color: #ffffff;
}

table.price {
    border: 1px solid #0d6e0d;
}

.note {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
}

.sc_title {
    margin-top: 20px !important;
}

/* фигня для "вкладки" под меню - удалено*/
/*
#header_top_inner .header_icons {
    width: auto;
}

#header_top_inner .header_icons .search_link {
    margin-left: 4px;
    width: auto;
}

#header_top_inner .header_icons .search_over {
    width: auto;
}

#header_top_inner .header_icons .search_over span {
    padding: 10px;
    display: block;
}
*/
/* конец фигни */

#header_top_inner {
    width: 100%;
    height: 100%;
}

#header_top_table {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

#header_top_table > tbody > tr > td {
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

#header_top_table > tbody > tr > td:first-child {
    text-align: left;
    padding-left: 15px;
}

#header_top_table > tbody > tr > td:last-child {
    text-align: right;
    padding-right: 15px;
}

#header_top_inner .call_us {
    width: auto;
    height: 40px;
    vertical-align: middle;
    border: none;
}

#header_top_inner .call_us_mail {
    margin-left: 15px;
}

#header_top_inner .call_us .info {
    height: 20px;
    margin: 10px auto 10px auto;
}
#header_top_inner i {
    color: #0d6e0d;
    margin-right: 5px;
}

/*
#header_top_inner a {
    border-bottom: 1px dashed #0d6e0d;
    display: inline-block;
    line-height: normal;
}*/

#header_top_inner .call_us .button {
    margin: 0 0 0 10px;
}

.call_us .button a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    background-color: #0d6e0d;
    text-transform: uppercase;
    text-align: center;
    border: none;
    padding: 12px;
    line-height: 16px;
    width: auto;
}

.call_us div {
    float: left;
}

.info table {
    margin: 0 0 0 auto;
}

.info table td {
    text-align: right;
    vertical-align: middle;
}

#header_top_inner .info span {
    color: #6f6f6f;
}

.call_us .button span {
    color: #ffffff;
}

/****************************************************************************************/
/* логотип в шапке **********************************************************************/
/****************************************************************************************/

#header_middle_inner .logo_default {
    max-height: none;
    max-width: none;
}

#header_middle_inner .logo_default a {
    text-transform: none;
}

.logo_default img {
    display: block;
    height: 90px;
    width: auto;
    padding: 5px 0;
}

.logo_default a {
    line-height: normal;
}

.logo_default > a > div:not(.clear) {
    float: left;
}

.logo-div {
    margin-right: 10px;
}

.name-div {
    color: #0D6E0D;
    padding-bottom: 14px;
}
#header_middle_wrapper .name-div {
    padding-top: 14px;
}
.comp-name {
    font-weight: bold;
}

.comp-desc {
    font-size: 14px;
}

/****************************************************************************************/
/* логотип в основном блоке *************************************************************/
/****************************************************************************************/

.post_content .logo_default {
    float: left;
    padding: 0 30px;
}

.post_content .logo_default div img {
    margin: 0 auto;
}

.post_content .logo_default div {
    text-align: center;
}

.post_content .logo_default > a > div:not(.clear) {
    float: none;
}

.post_content .logo_default a {
    font-size: 35px;
}

/****************************************************************************************/
/* баннер на главной ********************************************************************/

.main_banner {
    background-image: url(../images/bannerback.jpg);
    background-size: cover;
    width: 100%;
    height: 300px;
    line-height: normal;
}

.text_in_main_banner {
    display: inline-block;
    background-color: rgba(0,0,0,0.5);
    color: white;
    height: 300px;
    width: 400px;
}

.border_in_main_banner {
    display: inline-block;
    border-right: 120px solid transparent;
    border-bottom: 300px solid rgba(0,0,0,0.5);
    vertical-align: top;
}

#logo_banner {
    display: block;
    width: 310px;;
    margin: 85px auto 0 auto;
}

.logo_2_line {
    text-align: center;
    height: 46px;
}

.logo_1_line img, .logo_1_line div {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

/*.logo_1_line img {
    height: 75px;
    width: 100px;
}*/

.logo_1_line .comp-name {
    font-size: 65px;
    line-height: 75px;
    width: auto;
    text-align: center;
}
.logo_2_line .comp-desc {
    font-size: 20px;
}


#logo_banner2 {
    display: block;
//    width: 310px;;
    margin: 35px auto 0 auto;
}

#logo_banner2 .logo_1_line img, #logo_banner2 .logo_1_line div {
    display: block;
    margin: 0 auto;
}

#logo_banner2 .logo_1_line img {
    height: 100px;
    width: auto;
}







[class^="icon-"]:before, [class*=" icon-"]:before {
    margin: 0;
}

th {
    vertical-align: middle;
}

.content_blog article {
    margin-top: 0;
}

#mainmenu {
//    margin-top: 0;
}


#header_middle_wrapper .header_icons {
    width: auto;
    float: right;
//    overflow: hidden;
    position: relative;
top: -1px;
    margin-right: 15px;
    }

#header_middle_wrapper .header_icons .search_link {
    float: right;
    position: relative;
    height: 41px;
    display: block;
    margin-right: 4px;
    margin-left: 4px;
    width: auto;

    -webkit-box-shadow: 0 3px 2px 1px rgba(0,0,0, .3), inset 0 -2px 2px 1px rgba(0,0,0, .3);
    -moz-box-shadow: 0 3px 2px 1px rgba(0,0,0, .3), inset 0 -2px 2px 1px rgba(0,0,0, .3);
    box-shadow: 0 3px 2px 1px rgba(0,0,0, .3), inset 0 -2px 2px 1px rgba(0,0,0, .3);



}




#header_middle_wrapper .header_icons .search_over {
    position: relative;
//    height: 60px;
    background: #fff;
    z-index: 999;
    display: block;
}

#header_middle_wrapper .header_icons .search_over span {
    padding: 10px;
    display: block;
}

#header_middle_wrapper .header_icons .search_link:before {
    display: block;
    width: 0px;
    position: absolute;
    top: 1px;
    bottom: 0;
    content: "";
    right: 0;
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0, .3);
    box-shadow: 0 0 2px 1px rgba(0,0,0, .3);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

#header_middle_wrapper .header_icons .search_link:after {
    display: block;
    width: 0px;
    position: absolute;
    top: 1px;
    bottom: 0;
    content: "";
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0, .3);
    box-shadow: 0 0 2px 1px rgba(0,0,0, .3);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}

#footer_sidebar_inner .widget.big_widget {
    width: 570px;
}

#footer_sidebar_inner .sc_contact_form .field.for_2_fields input {
    width:284px;
/*    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 	font-size:14px;
    color:#888888;
    background-color:#414141;
    border:1px solid #4b4b4b;
    margin-bottom:10px;*/
}

.field.widget-column-1, .field.widget-column-2 {
    width: calc(50% - 5px);
    float: left;
}

.field.widget-column-1 {
    margin-right: 10px;
}

.sc_contact_form form table {
    width: 100%;
}

.sc_contact_form form table td {
    width: 50%;
    padding: 0;
    vertical-align: top;
}

.sc_contact_form form table tr:first-child td:first-child {
    padding-right: 5px;
}

.sc_contact_form form table tr:first-child td:nth-child(2) {
    padding-left: 5px;
}

.sc_contact_form .field textarea {
    height: 110px;
    padding: 5px 6px;
}

input[type="tel"] {
    outline: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #6f6f6f;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 6px 5px;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.04);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.04);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.04);
    border-radius: 2px;
    resize: none;
    -webkit-appearance: none;
}

#footer_sidebar_inner .sc_contact_form .button a {
    width: auto;
    height: auto;
    padding: 10px;
    line-height: normal;
}

#footer_sidebar_inner .sc_contact_form .button {
//    display: inline-block;
}

#ya_map {
    background-color: #E6E6E6;
    width: 100%;
    height: 350px;
}

.sc_blogger .sc_blogger_title {
    margin-bottom: 10px;
}


/* Tooltip ******************************************************************************/
/*.sc_tooltip_parent {
    color:#242424;
    position:relative;
}
.sc_tooltip {
    background: #242424;
    color:#ffffff;
    position: absolute;
    top: -30px;
    border-radius: 2px;
    display: none;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    padding: 0 5px;
    z-index: 999;
    white-space:nowrap;
    left:0;
}*/

.sc_tooltip_parent {
    color: inherit;
}

.sc_tooltip {
    padding: 5px 10px 5px 10px;
    top: -37px;
    left: -4px;
    font-family: 'Roboto', sans-serif;
    height: auto;
    line-height: normal;
}
.sc_tooltip.tooltip_2_line {
    top: -51px;
}
.sc_tooltip.tooltip_3_line {
    top: -65px;
}
.sc_tooltip:after {
    left: 10px;
}


.pricelist tbody tr td:nth-child(3) .sc_tooltip {
    left:auto;
    right: -4px;
}

.pricelist tbody tr td:nth-child(3) .sc_tooltip:after {
    left:auto;
    right: 6px;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: 21px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 100%;
//  margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext span {
    white-space: nowrap;
}




/* создание отступов другим способом */

#main_inner, .without_sidebar #content, .article {
    width: 100%;
}

article > .post_content {
    padding: 0 25px;
}


/* карусель фоток */
.carousel {
    position: relative;
    width: 100%;
    box-sizing: border-box;
//    padding: 10px 40px;
//    border: 1px solid #CCC;
//    background: #eee;
}

.carousel img {
    width: 160px;
    height: 120px;
    /* делаем этот элемент блочным, чтобы убрать лишнее пространство вокруг картинок */
    display: block;
}

.arrow {
    position: absolute;
    top: 0px;
    padding: 0;
    background: rgba(0,0,0,0.5);
    width: 40px;
    height: 120px;
    border: none;
    text-align: center;
    color: #ffffff;
}

.arrow i {
    font-size: 24px;
    line-height: 40px;
    margin: 40px 0;
}

.arrow.next i {
    margin-left: 3px;
}
.arrow.prev i {
    margin-right: 3px;
}
.arrow:focus {
    outline: none;
}

.arrow:hover {
    background: rgba(0,0,0,0.5);
    border: none;
    cursor: pointer;
}

.prev {
    left: 0px;
}

.next {
    right: 0px;
}

.gallery {
    width: 100%;
    overflow: hidden;
}

.gallery ul {
    height: 120px;
    width: 9999px;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: margin-left 250ms;
    /* удаляем пустое пространство между элементами li, у которых установлен inline-block */
    /* http://davidwalsh.name/remove-whitespace-inline-block */
    font-size: 0;
}

.gallery li {
    display: inline-block;
    position: relative;
}

.images  {
    height: 120px;
    width: 9999px;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: margin-left 250ms;
    /* удаляем пустое пространство между элементами li, у которых установлен inline-block */
    /* http://davidwalsh.name/remove-whitespace-inline-block */
    font-size: 0;
}

.images.notul a {
    display: block;
    float: left;
    width: 160px;
    height: 120px;
    background-position: center bottom;
    background-size: cover;
}










.notdisplay {
    display: none;
}







/****************************************************************************************/
/* Anniversary block on the main page ***************************************************/
/****************************************************************************************/

/* No background fill: the block stays as light as the page and does not turn into
   a heavy stripe in browsers that force a dark theme. Font is inherited from body,
   exactly like the "ToGIS" logo text in the banner (.comp-name). */

.anniversary {
    border-bottom: 1px solid #ededed;
    text-align: center;
    line-height: normal;
}

.anniversary_inner {
    width: 1170px;
    margin: 0 auto;
    padding: 16px 0 14px 0;
}

.anniversary_title {
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
    color: #9e1b16;
    margin: 0;
}

.anniversary_title:after {
    content: "";
    display: block;
    width: 44px;
    height: 0;
    margin: 8px auto 0 auto;
    border-bottom: 2px solid #9e1b16;
}

.anniversary_desc {
    font-size: 14px;
    line-height: 18px;
    color: #6f6f6f;
    margin: 7px 0 0 0;
}

@media (max-width: 939px) {
    .anniversary_inner { width: auto; padding: 14px 20px 12px 20px; }
    .anniversary_title { font-size: 24px; line-height: 28px; }
}

@media (max-width: 599px) {
    .anniversary_title { font-size: 20px; line-height: 24px; }
    .anniversary_title:after { width: 36px; margin-top: 7px; }
    .anniversary_desc { font-size: 13px; line-height: 17px; margin-top: 6px; }
}

@media (max-width: 379px) {
    .anniversary_title { font-size: 18px; line-height: 22px; }
}

/****************************************************************************************/
/* Price notes: text that used to sit inside hover tooltips (fa-question-circle) ********/
/* Now shown right in the cell, so it also works on touch devices.                       */
/****************************************************************************************/

.price_note {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #6f6f6f;
    margin-top: 3px;
}

table.price tr:hover .price_note {
    color: #ffffff;
}

/* Column widths for the price list.
   The old tooltips were position:absolute, so their text never affected layout.
   Now that the text is in the flow, the table must not resize itself around it:
   fixed layout keeps the original proportions and wraps long notes instead. */

table.price.pricelist {
    table-layout: fixed;
}

table.price.pricelist th:nth-child(1) { width: 58px; }
table.price.pricelist th:nth-child(3) { width: 175px; }

table.price.pricelist td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (max-width: 799px) {
    table.price.pricelist th:nth-child(1) { width: 42px; }
    table.price.pricelist th:nth-child(3) { width: 120px; }
    table.pricelist td { padding: 6px 4px 4px 6px; }
    table.pricelist td.td_2_lvl { padding-left: 16px; }
    table.pricelist td.td_3_lvl { padding-left: 28px; }
    .price_note { font-size: 11px; line-height: 14px; }
}