/*  Temp
================================================== */
    div.toolbar {margin: 0 auto; font-size: 12px; color: #333;}
        div.toolbar pre {white-space: normal;}

#bg_switcher {text-align: center;}
#bg_switcher div {display: inline-block; height: 40px; width: 40px; cursor: pointer;
                border: 1px solid #aaa;
                border-radius: 5px;}
   #bg_switcher span {display: block; height: 50%; width: 50%; margin: 10px auto;
                    line-height: 20px; font-size: 10px;
                    border-radius: 2px;
                    background: rgba(0,0,0,0.5);}

/*  Main
================================================== */
* {box-sizing: border-box;}
html {height: 100%; min-width: 100%; width: auto !important; font-size: 16px; background: transparent;}
body {min-height:100%; height: 100%; background: transparent;}
#mainwrapper {height: auto !important; min-height: 100%; height: 100%; min-width: 100%; padding: 0; margin: 0 auto; position: relative;
                /*background: url('../images/dark_bg.jpg') repeat center top #333;}*/
                background: url('../images/bg/sky.jpg') repeat center top #333;}
                /*background: url('http://365psd.ru/images/backgrounds/metall-pat-005.jpg') repeat center top #333;}*/
#global_wrapper {min-height: 400px; max-width: 1200px; padding: 0; margin: 0 auto;
                box-shadow: 0 0 10px #1c4a72;
                background: url('../images/bg_grey.png') repeat center top #eee;}
    #global_wrapper2 {min-height: 400px; min-width: 100%; padding: 0; margin: 0 auto;
                        background: transparent;}
        #top_wrapper {height: auto; padding: 0; margin: 0 auto; position: relative;
                    color: #fff;
                    /*background: rgba(0, 0, 0, 0.3);*/}
            #top_wrapper * {color: #fff;}
            #header_wrapper {box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
                            background: #1e7bbf;}
#middle_wrapper {width: 100%; min-height: 300px; min-width: 100%; padding: 15px 0; margin: 0 auto; overflow: hidden;
                background: transparent;}
    #premiddle {min-width: 100%; padding: 0; margin: 0 auto; overflow: hidden; z-index: 10;
                background: #fff;}
    #middle {min-height: 100px; max-width: 1200px; padding: 0; margin: 0 auto; overflow: hidden;}
        #middle_left {min-height: 10px; width: 25%; float: left; overflow: hidden;}
        #left_content {overflow: hidden;}
        #middle_center {min-height: 100px; width: 75%; padding-left: 10px; margin: 0 auto; overflow: hidden;
                            background: transparent;}
    #bottom_content {margin: 0 auto;}
    #footer_guarantor {height: 100px; width: 100%; min-width: 100%; margin: 0 auto; overflow: hidden;
                        background: transparent;}
    #footer_wrapper {width: 100%; min-width: 100%; padding: 0; margin: 0 auto; position: absolute; bottom: 0;}
        #footer {max-width: 1200px; height: 100px; padding: 0; margin: 0 auto; position: relative; overflow: hidden;
                color: #fff;
                border-top: 1px solid rgba(0, 0, 0, 0.1);
                background: #1c4a72;}
            #footer a {color: #eee;}
            #agreement {margin: 10px auto 5px;
                        text-align: center; font-size: 12px;}
                #agreement a {border-bottom: 1px dashed #fff;}
                    #agreement a:hover {color: #ffc364;
                                    border-bottom: 1px dashed #ffc364;}
        .counter {width: 100%; margin: 10px 0 0;
                text-align: center;}
        .spec_version_switcher {margin: 10px 0;
                                text-align: center; font-size: 14px;}
        .spec_version_switcher a {display: inline-block;
                                border-bottom: 1px dashed #fff;}
            .spec_version_switcher a:hover {color: #ffc364 !important;
                                    border-bottom: 1px dashed #ffc364;}


/*  Header
================================================== */
    #header {height: auto; max-width: 1200px; padding: 20px 0 10px; margin: 0 auto; position: relative; overflow: hidden;}

    #contact_info {padding: 0;
                    text-align: center;
                    border-bottom: 1px solid rgba(0,0,0,0.3);
                    background: #1c4a72;
    }
        #contact_info > div {display: inline-block; padding: 10px 20px;
                            font-size: 15px;}
            #contact_info ::before {font-family: 'Font Awesome\ 5 Free'; font-weight: 900;}
            #contact_info .phone::before {content: "\f098";}
            #contact_info .address::before {content: "\f3c5";}
            #contact_info .email::before {content: "\f0e0";}
            #contact_info span {color: #ffc364;}

    #callback {display: block; margin: 0 auto;
                text-align: center; font-size: 16px;}
        #callback:hover {text-decoration: underline;}
        #callback::before {content: "\f095"; margin: 0 10px 0 0;
                        font-family: 'Font Awesome\ 5 Free'; font-weight: 900;}
    #special {margin: 0 auto; text-align: center; font-size: 16px;}
        #special a:hover {text-decoration: underline;}
        #special a::before {content: "\f06e"; margin: 0 10px 0 0;
                        font-family: 'Font Awesome\ 5 Free'; font-weight: 900;}

    a#site_link {display: block; padding: 0; margin: 10px auto 20px;
                text-align: center;}
        a#site_link .company_caption {text-transform: uppercase; font-weight: bold; font-size: 36px;}
        a#site_link .company_caption span {font-size: 48px; color: #ffc364;}
        a#site_link .slogan {font-size: 16px; color: #ffc364;}

    .search_form {height: 46px; width: 500px; margin: 0 auto; position: relative;}
        .search_form input, .search_form input:focus {height: 46px; padding: 10px 15px;
                                                    font-size: 16px; color: #333 !important;
                                                    border: 3px solid #00a0e3;
                                                    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;
                                                    background: #fff;}
            #search_button {display: block; height: 40px; width: 40px; position: absolute; right: 3px; top: 3px;
                            text-align: center; font-size: 30px; color: #1c4a72;}
                #search_button::before {content: "\f002"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900;}
                #search_button:hover {color: #00a0e3;}
            #no_search_results {display: inline-block;
                                text-align: center; font-size: 30px; color: #1c4a72;}
                #no_search_results::before {content: "\f119"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900;}

    #location_wrapper {background: #838383;}
    #location {max-width: 1200px; margin: 0 auto; padding: 0 10px;}
        #location h1 {padding-top: 20px;}
        .chain {padding: 20px 0;
                font-size: 14px;}
            .chain a, .chain span {padding: 0 5px;
                                color: #666;}
                .chain a:hover {text-decoration: underline;}
            .chain a:first-child {padding-left: 0;
                                color: #ffc364 !important;}


/*  Top_menu
================================================== */
    #top_menu_wrapper {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
                    border-top: 1px solid rgba(0,0,0,0.1);
                    border-bottom: 1px solid rgba(0,0,0,0.2);
                    background: #1c4a72;
    }
        #top_menu {max-width: 1200px; height: auto; margin: 0 auto;
                    text-align: center;}
            #top_menu a {text-transform: uppercase; font-size: 14px; color: #fff;
                        -webkit-transition: text-shadow 0.4s ease-out;
                        -moz-transition: text-shadow 0.4s ease-out;
                        -o-transition: text-shadow 0.4s ease-out;
                        transition: text-shadow 0.4s ease-out;}
                #top_menu a:hover {text-shadow: 0 0 5px #fff;}
            #top_menu .home.fa::before {margin-right: 0;}

    .sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
    .sf-menu {height: auto; line-height: 1.0; /*white-space: nowrap;*/}
    .sf-menu li {white-space: normal;}
    .sf-menu ul {position: absolute; top: -999em; font-size: 100%;
                text-align: left;
                background: #1c4a72;}
    .sf-menu ul li {width: 100%;}
    .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
    .sf-menu li {display: inline-block; position: relative;}
    .sf-menu a {display: block; position: relative; white-space: nowrap;}
    .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 40px; z-index: 99;}
    ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
    ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 100%; /* match ul width */ top: 0;}
    ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
    ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 100%; /* match ul width */ top: 0;}

    .sf-menu a.sf-with-ul {padding-right:  2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
    .sf-sub-indicator {display: block; height: 10px; width: 10px; position: absolute; right: .75em; top: 23px; overflow: hidden;
                        text-indent: -999em;
                        background: url('../images/arrows-superfish.png') no-repeat -10px -100px;}
    .sf-menu li li .sf-sub-indicator {top: 0.75em;}
    a > .sf-sub-indicator {background-position: 0 -100px;}
    a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;}
    .sf-menu ul .sf-sub-indicator {background-position: -10px 0;}
    .sf-menu ul a > .sf-sub-indicator {background-position: 0 0;}
    .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator,
    .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}

    /*пункты меню*/
    .sf-menu a {padding: 4px 10px; text-decoration: none;
                color: #fff; font-style: normal;}
    .sf-menu > li:hover, .sf-menu li.sfHover > a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
                color: #fff; outline: 0;
                border-top-color: rgba(0,0,0,0.2);
                background: rgba(0,0,0,0.1);}

    /*главное меню*/
    .sf-menu > li > a {height: 40px; padding: 0 12px; line-height: 40px;
                        color: #fff;}
    /*подменю*/
    .sf-menu li li a {line-height: 20px; white-space: normal; text-transform: none !important;
                        border: 1px solid rgba(0,0,0,0.1);
                        border-top: 1px solid rgba(255,255,255,0.1);}


/*  Bot_menu
================================================== */
    #bot_menu_wrapper {padding: 30px 20px 40px; overflow: hidden;
                        color: #ddd;
                        background: #1e7bbf;
    }
        #bot_menu_wrapper > div {max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden;}
        /*#bot_menu_wrapper * {line-height: 1;}*/
        .bot_section {max-width: 33%; padding: 0 40px 0 0; float: left;}
            .bot_section.right {padding: 0 0 0 40px; float: right;}
        .bot_section a {display: block; margin-bottom: 10px;
                    font-size: 14px; line-height: 1; color: #ddd;
                    -webkit-transition: all 0.4s ease-out;
                    -moz-transition: all 0.4s ease-out;
                    -o-transition: all 0.4s ease-out;
                    transition: all 0.4s ease-out;}
            .bot_section .column_title {margin: 0;
                                        font-weight: bold; font-size: 14px;}
            .bot_section .column_title::after {display: block; content: ''; width: 70px; margin: 15px 0 25px;
                                                border-bottom: 1px solid rgba(255,255,255,0.1);}
            .bot_section a:hover {color: #fff;
                                text-shadow: 0 0 5px #fff;}

    .bottom_contacts {padding-bottom: 50px;}
    .bottom_contacts a {margin: 0;}
    .bottom_contacts > * {margin-bottom: 5px;}
    .bottom_contacts > div * {display: inline-block;}
        .bottom_contacts ::before {font-family: 'Font Awesome\ 5 Free'; margin-right: 10px; font-weight: 900;}
        .bottom_contacts .phone::before {content: "\f098";}
        .bottom_contacts .email::before {content: "\f0e0";}
        .bottom_contacts .address::before {content: "\f3c5";}
        .bottom_contacts span {color: #ffc364;}
        .bottom_contacts .callback {margin-top: 15px;
                                    /*color: #6cc4f0;}*/
                                    color: #ffc364;}
            .bottom_contacts .callback::before {content: "\f098";}

    .log_link {position: absolute; right: 0; bottom: 0;
                color: rgba(255,255,255,0.3); font-size: 12px;}

/*  Decorators
================================================== */
    .warning_message {
      padding: 20px; margin: 20px;
      background: #f8e6b7;
      border: 1px solid #FFAA00;
      border-radius: 10px;
    }
      .warning_message i {color: #FFAA00;}
    .ml {margin-left: 20px !important;}
    .flash {display: none; position: fixed; top: 40px; right: 40px; padding: 10px; z-index: 999999; cursor: pointer;
            color: #000;
            border: 4px solid #fa4623; border-radius: 10px;
            box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
            background: #fff;}

    a.fancy_image {cursor: -webkit-zoom-in;}
    .photo_wrapper {display: inline-block; margin: 5px;
                    border: 3px solid #fff; overflow: hidden;
                    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);}
        .photo_wrapper img {display: block;}

    .fancy_image.hidden {display: none !important;}
    .fancybox-wrap {overflow: visible !important;}

    .scrollTop {display: block; height: 50px; width: 50px; margin: 0; position: fixed; bottom: 20px; right: 5%; z-index: 2000;
                background: url('../images/to_top.png') no-repeat 0 0 transparent;}
        .scrollTop:hover {background-position: 0 -58px;}

    h1, h2, h3, h4, h5, h6 {color: #1c4a72;}
    h1.main {margin: 0 auto;
            text-align: center;}
    h2.main {margin: 10px auto;
            text-align: center;}

    .dialog_box h1 {padding: 5px 10px;
                    text-align: center;
                    color: #1c4a72; font-size: 20px;}
        .dialog_box p {text-align: center;}
    .lw {border: 2px solid #eee;
        border-radius: 10px;
        background: #fff;}


/*  Location map
================================================== */
.pre-footer {margin: 0 20px 20px;}
.pre-footer .left {padding: 0 20px 0 0; float: left; width: 50%;}
.pre-footer .right {float: right; width: 50%;}
.location_map {overflow: hidden; border: 1px solid #aaa; border-radius: 10px;}
.location_map iframe {display: block; width: 100%; max-width: 100%;}


/*  Left_menu
================================================== */
    #left_menu_wrapper {padding: 10px; display: block; overflow: hidden;
                    border: 2px solid #eee;
                    border-radius: 10px;
                    background: #fff;}
        #left_menu_wrapper.scroll-to-fixed-fixed {width: 25% !important; max-width: 300px; z-index: 600 !important; /*top: 50px !important;*/}
    #left_menu {margin: 0;}
    #left_menu ul {display: block; padding: 0; margin: 0 0 0 10px; list-style: none; cursor: pointer;}
        #left_menu li {position: relative; list-style: none;}
            #left_menu .switcher {height: 20px; width: 20px; display: block; position: absolute; top: 5px; left: 8px; cursor: pointer;
                                    background: url('../images/switcher.png') no-repeat right center transparent;}
                #left_menu li.opened > .switcher {background: url('../images/switcher.png') left center transparent;}
                #left_menu li.closed > .switcher {background: url('../images/switcher.png') center center transparent;}
        #left_menu li.closed > ul {display: none;}
    #left_menu a {padding: 5px 5px 5px 35px; margin: 3px 0; display: block;
                    line-height: 20px; font-size: 16px; color: #1c4a72;
                    border-radius: 5px;
    }
        #left_menu a:hover, #left_menu a.active {color: #fff;
                                                background: #1c4a72;}


/*  Adminpanel
================================================== */
    #adminpanel_switcher {height: 30px; width: 30px; padding: 4px 5px; position: fixed; right: 0px; top: 0px; cursor: pointer; z-index: 80001;
                        text-align: center; font-size: 22px;
                        border-radius: 0 0 2px 2px;
                        box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
                        background: #fff;}
    #adminpanel {display: none; min-height: 27px; width: 100%; padding: 15px 0; margin: 0 auto; position: relative;
                border-bottom: 1px solid rgba(0,0,0,0.8);
                border-radius: 0 0 2px 2px;
                box-shadow: inset 0px 0px 6px rgba(0,0,0,0.3);
                background: rgba(0,0,0,0.6);}
        #adminpanel > div {margin: 0 auto; max-width: 1200px;}
        #adminpanel.active {display: block;}
        #adminpanel .button {color: #1c4a72;
                            border: 1px solid #eee;
                            border-radius: 0px; font-size: 12px;
                            text-shadow: rgba(255, 255, 255, .75) 0 1px 0;
                            background-color: #fff;}
            #adminpanel .button:hover {color: #1e96e6;}
            #adminpanel .button:active {color: #fff;
                                        border: 1px solid #9bd728;
                                        text-shadow: rgba(0,0,0,.4) 0 -1px 0;
                                        background-color: #9bd728;}


/*  Counter_buttons
================================================== */
.counter_buttons {
  font-size: 28px;
  box-shadow: 0 0 10px #666;
  background: #fff;
}
/*.counter_buttons .fa.water::before {color: #0e90d2;}*/
/*.counter_buttons .fa.energy::before  {color: #ff8400;}*/
.counter_buttons .fa::before {color: #fff;}
.counter_buttons a {padding: 15px; margin: 10px 5px 0; display: inline-block;
                  border: 1px solid #fff;
                  border-radius: 10px;
                  /*box-shadow: 0 0 5px #666;*/
                  background: #ee3131;
                  background: linear-gradient(to bottom, #ee3131, #df2c2c, #d02726, #c12121, #b31c1c);}
.counter_buttons a span {font-weight: normal; color: #fff;}
.counter_buttons a:hover {background: #b31c1c;}


/*  Simple_section_list
================================================== */
    #simple_section_list {padding: 5px 10px; margin: 0; overflow: hidden;
                        border: 3px solid #eee;
                        border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
        #simple_section_list a {display: inline-block; margin-right: 10px; overflow: hidden;}
            #simple_section_list a:hover {text-decoration: underline; color: #1eb4e6;}


/*  Last_Pages
================================================== */
    .last_pages {margin: 20px 0; overflow: hidden;}
        .last_pages a {display: block; width: 365px; margin: 0 0 0 25px; position: relative; float: left;}
            .last_pages img {display: block;}
            .last_pages .title {position: absolute; width: 100%; padding: 5px 10px; bottom: 0px;
                                text-align: center; line-height: 30px; color: #fff;
                                background: rgba(0,0,0,0.3);}
            .last_pages a:hover .title {text-decoration: underline;}


/*  News viewlet
================================================== */
    .news_viewlet {overflow: hidden; clear: both;}
    .news_viewlet .item {display: block; width: 50%; overflow: hidden; position: relative; float: left;
                        background: transparent;}
            .news_viewlet .item > div {margin: 30px 15px;}
        .news_viewlet .image {display: block; width: 100%; margin: 5px auto 0; overflow: hidden; position: relative;
                        border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
            .news_viewlet .image img {display: block; margin: 0 auto;}
        .news_viewlet .info {padding: 0; margin: 10px 0 0; position: relative;}
            .news_viewlet .title {display: block; margin: 0 0 15px;
                        text-align: left; font-size: 22px; text-transform: uppercase; color: #1e1e41;}
            .news_viewlet .date {position: absolute; left: 0px; bottom: 10px;
                                color: rgba(0,0,0,0.2);}
            .news_viewlet .guarantor {height: 50px;}
            .news_viewlet a.read_more {position: absolute; right: 0px; bottom: 10px;}
            .news_viewlet a:hover {text-decoration: underline;
                            color: #00aa55;}
    .news_viewlet .inactive {padding: 10px; position: absolute; left: 0px; top: 10px;
                    color: #fff;
                    border: 1px solid #fff; border-left: none;
                    border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -khtml-border-radius: 0 10px 10px 0;
                    box-shadow: 0 0 5px #666;
                    background: #ff0000;}


/*  Item_list
================================================== */
.item_list {margin: 0 10px; overflow: hidden;}
.item_list .item {width: 33.2%; padding: 10px; float: left; overflow: hidden; position: relative;}
    .item_list .white {
        border: 3px solid #fff;
        box-shadow: 0 0 6px #666;
        border-radius: 10px;
        background: #fff;}
    .item_list a {display: block;}
        .item_list a .image {display: block; margin: 0 auto; overflow: hidden; position: relative;
                            border-radius: 6px;}
            .item_list a img {display: block; width: 100%; margin: 0 auto;
                            border-radius: 6px;
                            -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
                .item_list a:hover img {transform: scale(1.1);}
                .item_list.catalog a:hover img {transform: none;}
        .item_list .title {width: 100%; margin: 10px 0;
                            font-weight: bold; font-size: 18px; text-align: center; color: #1c4a72;
                            -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
            .item_list a:hover {text-decoration: underline; color: #1c4a72;}
        .item_list .cost_selector {margin: 10px 0 10px 10px;}
        .item_list .cost_info {padding: 0 10px 10px;}
        .item_list .nobasket .cost {float: none; line-height: 1;}
.item_list .item.inactive:after {content: 'Неактивно';
                            padding: 5px 10px; position: absolute; left: 10px; top: 10px;
                            color: #fff;
                            border: none;
                            border-radius: 0 0 10px 0;
                            background: #ff0000;}

.item_list.detailed {padding: 0 10px 10px;}
.item_list.detailed .item {width: 50%;}
.item_list.detailed .item > div {padding: 7px;}
.item_list.detailed .description {margin-top: 10px;}
.item_list.detailed .item:nth-child(3n+1) {clear: none;}
.item_list.detailed .item:nth-child(2n+1) {clear: left;}


/*  Item_list Main
================================================== */
.item_list.main {margin: 0; padding: 10px;}
.item_list.main .item .image {border: 2px solid #eee;}


/*  Lent
================================================== */
    .lent .item {padding: 10px; margin: 10px 0; position: relative; overflow: hidden;
                border: 1px solid #eee;
                background: #fff;}
        .lent .image {display: block; max-width: 100px; margin: 0; float: left; position: relative;
                        text-align: center;}
            .lent .image img {
                        display: block; margin: 0 auto;
                        border: 2px solid #eee;}
            .lent a {display: block;
                    color: #6e0f0f;}
            .lent .annotation a {display: inline-block;}
                .lent a:hover {text-decoration: underline;}
            .lent .info {margin-left: 110px;}
            .lent .title {
                margin: -5px 0 5px;
                text-transform: uppercase;
                font-size: 22px; text-align: left;}
            .lent .date {position: absolute; left: 20px; bottom: 20px; display: none;
                        color: #aaa;}
            .lent .guarantor {height: 40px; clear: both; display: none;}
            .lent a.read_more {position: absolute; right: 20px; bottom: 20px; display: none;}
    .lent .item.inactive:after {content: 'Неактивно';
                            padding: 5px 10px; position: absolute; left: 0; top: 0px;
                            color: #fff;
                            border: 1px solid #fff; border-left: none;
                            border-radius: 0 0 10px 0;
                            background: #ff0000;}


/*  Login
================================================== */
    .login {width: 300px; margin: 0 auto;}


/*  Page
================================================== */
    .main_page {margin: 20px 20px 0;}
    .main_image {display: block; margin: 20px auto; position: relative; overflow: hidden;}
        .main_image img {display: block;}
        .main_image.show_left {float: left; margin-right: 20px; max-width: 50%;}
    .page_text {position: relative; overflow: hidden; clear: both;}
    .page_text p {margin: 0;}
    .page_text ul, div.page_text ol {margin: 0 0 0 30px;}
        .page_text ul li {list-style: disc outside;}
    .page_text hr {width: 400px; margin: 20px auto 0;
                    background-color: #eee;}
    .page_text table p {margin: auto;}
    .page_text strong {color: #1c4a72;}
    .page_text a {color: #1c4a72;}
        .page_text a:hover {text-decoration: underline;}
    .page_text.fullwidth iframe {width: 100%;}
    .page_text .googleview {width: 100%; height: 600px;}
        .page_text .googleview iframe {width: 100% !important; height: 100% !important;}

    .page_text img.left {float: left; margin: 0 20px 20px 0; max-width: 50%;}
    .page_text img.right {float: right; margin: 0 0 20px 20px; max-width: 50%;}

    .page_text .mp4_video {max-width: 100%;}

    .page_text h1 {text-shadow: 0.07em 0.07em 0 rgba(0, 0, 0, 0.1);
                    text-align: center; text-transform: uppercase; font-size: 36px;}
    .page_text h2 {display: inline-block; padding: 10px 40px 10px 20px; margin-left: -20px;
                    color: #fff; font-size: 18px; text-transform: uppercase; text-align: center;
                    border-radius: 0 22px 22px 0;
                    background: #1c4a72;}
                    /*background: #9ab0ca;}*/

    .page_text .photo_wrapper {max-width: 269px;}

    table.pad td {padding: 10px;}
    table.double {width: 100%;
                border: 1px solid #f3f3f3;}
    table.double td {padding: 10px;}
    table.double tr:nth-child(odd) {background: #f3f3f3;}
    /*table.double td:first-child > *::before {display: inline; content: "\f105"; margin-right: .5rem;*/
        /*font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: .5rem; vertical-align: middle; color: #aaa;}*/
    table.double td:last-child {text-align: right; white-space: nowrap;}

/*  Share
================================================== */
    #share {width: 100%; padding: 0; margin: 20px auto 0; overflow: hidden; clear: both;
            text-align: center;}
        #share > div {display: block;}
        #share .caption {padding: 0 0 10px; font-size: 16px;}
    #share ul {margin: 0;}

/*  Questions
================================================== */
    div.message {padding: 20px; margin: 0;}
    div.message .person {font-weight: bold;}
        div.message .date {margin: 0; color: #aaa;}
    div.message .question {margin: 0px 0 0;}
    div.message .answer {margin: 20px 0 0; padding: 0 0 0 20px;
                        border-left: 1px solid #eee;}
    div.message .text {margin: 10px 0 0; font-style: italic;}


/*  Paginator 3000
================================================== */
    #paginator {padding: 10px; margin: 10px 0; overflow: hidden;
                /*border: 3px solid #eee;*/
                /*box-shadow: inset 0px 0px 6px rgba(0,0,0,0.3);*/
                border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
                background: #fff;}
    .paginator {font-size: 1em;}
    .paginator table {border-collapse:collapse;table-layout:fixed;width:100%;}
    .paginator table td {padding:0;white-space:nowrap;text-align:center;}
    .paginator table {border-collapse:collapse;table-layout:fixed;width:100%;}
    .paginator table td {padding:0;white-space:nowrap;text-align:center;}
    .paginator span em, .paginator span a {display: block; padding: 5px 0;
                                            font-style: normal;}
    .paginator span {display: block; padding: 0;
                    background: #f9f9f9;}
        .paginator span:hover, .paginator span em {background: #eee;}
    .paginator .scrollbar {width: 100%; height: 23px; position: relative; overflow: hidden;}
    .paginator .scrollbar .line {width: 100%; height:3px; overflow: hidden;
                                background: #eee;}
    .paginator .scrollbar .slider {width: 5px; height: 3px; top: 0; left: 0; position:absolute;
                                    font-size: 1px;
                                    background: #666;}
    .paginator .scrollbar .current_page_point {position:absolute; top:0; left:0; width:3px; height:3px; overflow:hidden; color: #000; background:#555;}
    .paginator .scrollbar .slider_point {width: 40px; height: 20px; margin-left: -20px; position: absolute; top: 3px; left: 50%; overflow: hidden; cursor: pointer; cursor: hand;
                                        background:url('../js/paginator3000/slider_knob.gif') no-repeat 50% 5px #eee;}


/*  Crop images
================================================== */
    .imgedit {margin: 5px; float: left; position: relative; overflow: hidden;
                border: 1px solid #aaa;}
        .imgedit.w300 {width: 300px; height: 300px;}
        .imgedit.w200x150 {width: 200px; height: 150px;}
        .imgedit.w100x75 {width: 100px; height: 75px;}
        .imgedit.w220 {width: 220px; height: 220px;}
        .imgedit.w200 {width: 200px; height: 200px;}
        .imgedit.w150 {width: 150px; height: 150px;}
        .imgedit.w100 {width: 100px; height: 100px;}
        .imgedit.w50 {width: 50px; height: 50px;}
        .imgedit.w40 {width: 40px; height: 40px;}
        .imgedit img {max-width: none;}
        .imgedit.w345 {width: 345px; height: 209px;}
        .imgedit.w173 {width: 173px; height: 105px;}
        .imgedit.w280 {width: 280px; height: 200px;}
        .imgedit.w140 {width: 140px; height: 100px;}


/*  Slider
================================================== */
.slider_wrapper {width: 100%; margin: 0 auto; overflow: hidden;
                /*box-shadow: 0 0 10px #666;*/
}
.owl-stage .item {border: 1px solid #666;}
.owl-prev, .owl-next {
    width: 100px; height: 100%; position: absolute; top: 0; overflow: hidden;
    font-size: 60px; color: #fff;
}
.owl-prev i, .owl-next i {
    display: block; width: 100%; margin-top: -30px; position: absolute; top: 50%;
    text-align: center;
}
.owl-prev:hover, .owl-next:hover {background: rgba(255, 255, 255, 0.1);}
.owl-prev {left: 0;}
.owl-next {right: 0;}
.owl-prev i:before, .owl-next i:before {margin: 0;}
.owl-dots {width: 100%; margin-top: -20px; position: absolute;
            text-align: center; line-height: 21px;}
.owl-dot {display: inline-block; width: 50px; height: 6px; margin: 5px;
        border: 1px solid #666;
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.3);}
    .owl-dot.active {background: #fff;}


/*  Banners
================================================== */
    .banners {width: 100%;}
    .banners tr:first-child {background: #eee;}
    .banners td {width: 20%; padding: 10px;
                text-align: center;}
        .banners a.image {display: block; overflow: hidden;}
            .banners a.image img {display: block; max-height: 50px; margin: 0 auto;}
        .banners a:hover {text-decoration: underline;}

    .banner_example {padding: 10px 0;}
        .banner_example .caption {padding: 10px;
                                text-align: center; font-weight: bold;}
        .banner_example .banner {margin: 0 auto;}

    .banner {margin: 0 auto; overflow: hidden;
            background: transparent;}
        .banner img {display: block; max-height: 100%; max-width: 100%; margin: 0 auto;}
        .banner a {display: block; height: 100%; width: 100%;}
        .banner object {display: block; margin: 0 auto; height: 100%; width: 100%;}
        .banner embed {display: block; margin: 0 auto; height: 100%; width: 100%;}
    .banner.bottom {margin: 10px auto 0;}
    .banner.middle {margin: 10px auto 0;}


/*  Item_Slider
================================================== */
.section_slider {margin: 20px 100px;}
.section_slider .owl-prev {left: -100px;}
.section_slider .owl-next {right: -100px;}
.section_slider .owl-prev, .section_slider .owl-next {color: #ddd;}
.section_slider .owl-dot {width: 12px; height: 12px; margin: 3px;
        border: 1px solid #ccc;
        border-radius: 6px;
        box-shadow: inset 0 0 3px #ccc;
        background: #eee;}
    .section_slider .owl-dot.active {
        box-shadow: inset 0 0 3px #fff;
        background: #aaa;}

.section_slider .owl-stage {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.section_slider .owl-item {display: -webkit-flex; display: -ms-flexbox; display: flex;}

.section_slider .item_container {display: flex; max-width: 340px; padding: 10px; margin: 0 auto; overflow: hidden;}
.section_slider .item {max-width: 320px; padding: 10px; margin: 0 auto 40px;
                        text-align: center;
                        border-radius: 10px;
                        box-shadow: 0 0 10px #666;
                        background: #fff;}
    .section_slider .item .image {display: block; max-width: 300px; margin: 0 auto; overflow: hidden;
                    border-radius: 6px;}
        .section_slider .item img {display: block; width: 100%; margin: 0 auto;
                                -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
            .section_slider .item:hover img {transform: scale(1.1);}
    .section_slider .name {margin: 10px 0 0;
                        color: #1c4a72;}
    .section_slider .more {display: inline-block; padding: 5px 10px; margin-top: 10px;
                        text-align: center; color: #fff;
                        border: 1px solid #fff;
                        border-radius: 10px;
                        box-shadow: 0 0 3px #aaa;
                        background: #1c4a72;}
        .section_slider .more:hover {background: #ffc364;}
    .section_slider .annotation {margin: 10px 0;}
.section_slider .owl-dots {margin-top: -30px;}
.section_slider .owl-prev i,
.section_slider .owl-next i {margin-top: -60px;}


/*  Reviews
================================================== */
.reviews_wrapper {margin: 20px;
                border: 1px solid #eee;
                background: #fff;}
    .reviews_wrapper h2.main {margin: 10px auto;
                            font-size: 24px;}
.reviews_wrapper .owl-prev, .reviews_wrapper .owl-next {color: #ddd;}
.reviews_wrapper .owl-prev:hover, .reviews_wrapper .owl-next:hover {color: #6e0f0f;}
.reviews_wrapper .owl-dot {width: 12px; height: 12px; margin: 3px;
        border: 1px solid #ccc;
        border-radius: 6px;
        box-shadow: inset 0 0 3px #ccc;
        background: #eee;}
    .reviews_wrapper .owl-dot.active {
        box-shadow: inset 0 0 3px #fff;
        background: #aaa;}
.reviews_wrapper .item {padding: 0 10% 40px;}
    .reviews_wrapper .splitter {width: 60%; height: 1px; margin: 10px auto;
                                background-color: #eee;}
    .reviews_wrapper .author {text-align: center;}
    .reviews_wrapper .date {text-align: center; font-size: 12px; color: #aaa;}
.reviews_wrapper .owl-dots {margin-top: -30px;}
.reviews_wrapper .owl-prev i,
.reviews_wrapper .owl-next i {margin-top: -60px;}


/*  DateRangePicker
================================================== */
    .daterangepicker {display: none; width:278px; padding: 4px; margin-top: 1px; position: absolute; left: 20px; top: 100px;
                    border: 1px solid #aaa;
                    border-radius: 6px;
                    box-shadow: 0px 0px 3px #666;
                    background: #fff;}
    .daterangepicker.opensleft:before {display: inline-block; position: absolute; top: -7px; right: 9px; content: '';
                                        border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2);}
    .daterangepicker.opensleft:after {display: inline-block; position: absolute; top: -6px; right: 10px; content: '';
                                        border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent;}
    .daterangepicker.openscenter:before {display: inline-block; width: 0; margin-left: auto; margin-right: auto; position: absolute; top: -7px; left: 0; right: 0; ;content: '';
                                        border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2);}
    .daterangepicker.openscenter:after {display: inline-block; width: 0; margin-left: auto; margin-right: auto; position: absolute; top: -6px; left: 0; right: 0; content: '';
                                        border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent;}
    .daterangepicker.opensright:before {display: inline-block; position: absolute; top: -7px; left: 9px; content: '';
                                        border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2);}
    .daterangepicker.opensright:after {display: inline-block; position: absolute; top: -6px; left: 10px; content: '';
                                        border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent;}
    .daterangepicker.dropup{margin-top: -5px;}
    .daterangepicker.dropup:before{top: initial; bottom:-7px;
                                    border-bottom: initial; border-top: 7px solid #ccc;}
    .daterangepicker.dropup:after{top: initial; bottom:-6px;
                                    border-bottom: initial; border-top: 6px solid #fff;}
    .daterangepicker.dropdown-menu {max-width: none; z-index: 3000;}
    .daterangepicker.single .ranges, .daterangepicker.single .calendar {float: none;}
    .daterangepicker .calendar {display: none; max-width: 270px; margin: 4px;}
    .daterangepicker.show-calendar .calendar {display: block;}
    .daterangepicker .calendar.single .calendar-table {border: none;}

    /* Calendars */
    .daterangepicker .calendar th, .daterangepicker .calendar td {min-width: 32px; padding: 5px;
                                                                white-space: nowrap; text-align: center;}
    .daterangepicker .calendar-table {padding: 4px;
                                        border: 1px solid #ddd;
                                        border-radius: 4px;
                                        background: #fff;}
    .daterangepicker table {width: 100%; margin: 0;}
    .daterangepicker td, .daterangepicker th {height: 20px; width: 20px; cursor: pointer;
                                                white-space: nowrap; text-align: center;
                                                border-radius: 4px;}
    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {color: #999;
                                                                                                                                    background: #fff;}
    .daterangepicker td.disabled, .daterangepicker option.disabled {cursor: not-allowed;
                                                                    text-decoration: line-through; color: #999;}
    .daterangepicker th.prev i, .daterangepicker th.next i {line-height: 23px;}
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {color: #fff; background: #ff6432;}
    .daterangepicker td.in-range {border-radius: 0;
                                    background: #ebf4f8;}
    .daterangepicker td.start-date {border-radius: 4px 0 0 4px;}
    .daterangepicker td.end-date {border-radius: 0 4px 4px 0;}
    .daterangepicker td.start-date.end-date {border-radius: 4px;}
    .daterangepicker td.active, .daterangepicker td.active:hover {color: #fff;
                                                                    border-color: #3071a9;
                                                                    background-color: #357ebd;}
    .daterangepicker td.week, .daterangepicker th.week {font-size: 80%; color: #ccc;}
    .daterangepicker select.monthselect, .daterangepicker select.yearselect {height: 23px; padding: 1px; margin: 0; cursor: default;
                                                                            font-size: 12px;}
    .daterangepicker select.monthselect {width: 56%; margin-right: 2%;}
    .daterangepicker select.yearselect {width: 40%;}
    .daterangepicker select.hourselect,
    .daterangepicker select.minuteselect,
    .daterangepicker select.secondselect,
    .daterangepicker select.ampmselect {width: 50px; margin-bottom: 0;}
    .daterangepicker th.month {width: auto;}

    /* Text Input Above Each Calendar */
    .daterangepicker .input-mini {display: block; height: 30px; width: 100%; padding: 0 6px 0 28px; margin: 0 0 5px 0;
                                vertical-align: middle; line-height: 30px; color: #555;
                                border: 1px solid #ccc;
                                border-radius: 4px;}
    .daterangepicker .input-mini.active {border: 1px solid #357ebd;}
    .daterangepicker .daterangepicker_input i {position: absolute; left: 8px; top: 8px;}
    .daterangepicker .daterangepicker_input {display: none; position: relative;}

    /* Time Picker */
    .daterangepicker .calendar-time {padding-left: 28px; margin: 5px auto; position: relative;
                                    text-align: center; line-height: 30px;}
    .daterangepicker .calendar-time select.disabled {cursor: not-allowed;
                                                    color: #ccc;}

    /* Predefined Ranges */
    .daterangepicker .ranges {margin: 4px; float: none;
        text-align: left; font-size: 11px;}
    .daterangepicker .ranges ul {width: 100%; padding: 0; margin: 0 auto;
                                list-style: none;}
    .daterangepicker .ranges li {padding: 3px 12px; margin-bottom: 8px; cursor: pointer;
                                font-size: 13px; color: #08c;
                                border: 1px solid #f5f5f5;
                                border-radius: 5px;
                                background: #f5f5f5;}
    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {color: #fff;
                                                                            background: #08c;
                                                                            border: 1px solid #08c;}

    /*  Larger Screen Styling */
    @media (min-width: 564px) {
        .daterangepicker {width: auto;}
        .daterangepicker .ranges ul {width: 160px;}
        .daterangepicker.single .ranges ul {width: 100%;}
        .daterangepicker .calendar.left .calendar-table {border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0;}
        .daterangepicker .calendar.right .calendar-table {border-left: none;
                                                            border-top-left-radius: 0; border-bottom-left-radius: 0;}
        .daterangepicker .calendar.left {clear: left; margin-right: 0;}
        .daterangepicker.single .calendar.left {clear: none;}
        .daterangepicker.single .ranges,
        .daterangepicker.single .calendar{float:left;}
        .daterangepicker .calendar.right {margin-left: 0;}
        .daterangepicker .left .daterangepicker_input {padding-right: 12px;}
        .daterangepicker .calendar.left .calendar-table {padding-right: 8px;}
        .daterangepicker .ranges,
        .daterangepicker .calendar {float: left;}
    }

    @media (min-width: 730px) {
        .daterangepicker .ranges {width: auto; float: left;}
        .daterangepicker .calendar.left {clear: none;}
    }


/*  Vertlist
================================================== */
    .vertlist {padding: 5px; overflow: hidden;
                font-size: 14px;
                border-radius: 10px;
                background: #fff;}
        .vertlist .caption {padding: 10px; overflow: hidden;
                            text-align: center; font-size: 16px;}
        .vertlist .item {display: block; padding: 10px; overflow: hidden;
                        border-top: 1px solid #eee;}
            .vertlist .item.inactive {background: rgba(255, 0, 0, 0.04);}
            .vertlist .item:first-child {border-top: none;}
            .vertlist .item:hover {text-decoration: underline; color: #1c4a72;
                                    background: #f6f6f6;}


/*  Item_counter
================================================== */
    .item_counter {width: 100px; height: 40px; margin: 0 auto; overflow: hidden;
                text-align: center;}
    .item_counter .count {
        display: inline-block; width: 40px; height: 40px; padding: 0; overflow: hidden;
        text-align: center; font-size: 16px; line-height: 40px;
        border: 1px solid #aaa;
        background: #fff;}
    .decrease, .increase {
        display: block; width: 30px; height: 40px; padding: 0; margin: 0;
        cursor: pointer;
        border: 1px solid #aaa;
        background: #f6f6f6;}
    .decrease {float: left;
                border-right-color: transparent;
                border-radius: 6px 0 0 6px;}
        .decrease::before,
        .item_minus::before {content: "\f068";}
    .increase {float: right;
                border-left-color: transparent;
                border-radius: 0 6px 6px 0;}
        .increase::before {content: "\f067";}
        .increase::before, .decrease::before {
            font-family: 'Font Awesome\ 5 Free'; color: #555;
            font-size: 20px; line-height: 40px;}
    .item_counter .fa::before {margin: 0 auto !important;}


/*  Simple_table
================================================== */
    table.simple {width: 100%;
                    border: 1px solid #aaa;
                    background: #fff;}
        table.simple tr {border: 1px solid #aaa;}
            table.simple tr:hover {background: #f6f6f6;}
        table.simple td {padding: 10px;}
        table.simple tr.caption td {text-align: center; font-weight: bold;}
            table.simple td > a {display: block; padding: 10px 20px;
                                text-align: center;}


/*  Voting
================================================== */
    .voting_list a {display: block; padding: 5px 0;}
        .voting_list a:hover {text-decoration: underline;}

    .question {padding: 0; margin: 0;
                text-align: center; font-size: 16px; font-weight: bold; color: #1c4a72;
                background: transparent;}

    .voting_results {margin: 0 auto;}
        .voting_answer {margin: 10px 0 0;}

        .voting_line {margin: 5px 0 0; overflow: hidden;
                        border-radius: 10px;
                        background: #f6f6f6;}
        .voting_bar {height: 20px; float: left; margin: 0;
                    border-radius: 10px;}
        .votecount {display: block; padding: 0; margin: 10px auto 0;
                    text-align: center; color: #666;}

    .voting_viewlet {padding: 20px; margin: 10px 0; display: block;
                    border: 2px solid #eee;
                    background: #fff;}
    .voting_viewlet .voting_answer {padding: 0 10px;}

    .voting_viewlet .answer_item {padding: 0; margin: 10px 0 0; overflow: hidden;}
    .voting_viewlet .control {height: 20px; width: 20px; padding: 2px 0 0; float: left; line-height: 20px; vertical-align: bottom;}
    .voting_viewlet .answer {margin-left: 30px;}

    .voting_viewlet input[type="submit"] {
        height: auto; padding: 5px 0;
        width: 90px; overflow: hidden;
        color: #fff; font-weight: normal;
        text-shadow: none; border: 1px solid #fff;
    }
    .voting_viewlet input[name="vote"] {background-color: #9dd30b;}
    .voting_viewlet input[name="show_results"] {background-color: #ff0000;}
    .voting_viewlet .vote_buttons {margin-top: 10px;
                                    text-align: center;}

    .voting_viewlet .all_votes {display: block; padding: 0; margin: 10px auto 0;
                                text-align: center; color: #1c4a72;}
        .voting_viewlet .all_votes:hover {text-decoration: underline;}


/*  Remodal
================================================== */
.remodal.modal_form {/*width: auto;*/ max-width: 400px; padding: 15px;
                    background: #eee;}
    .remodal.modal_form > div {padding: 15px;
                                border: 1px solid #aaa;}
    .caption {margin: 0 auto;
                text-align: center; font-weight: bold; font-size: 18px; color: #666;}
    .modal_form .remodal-close {right: 0; left: auto; top: 0;
                                border: none;
                                box-shadow: none;
                                background: #fff;}
        .modal_form .remodal-close:hover {color: #fff;
                                            background: #ff3f4d;}
    .modal_form input {width: 304px; height: 40px; padding: 0 15px; margin: 15px 0 0;
                    font-size: 14px;
                    border: 1px solid #d3d3d3;
                    border-radius: 2px;
                    outline: none;
                    background: #fff;}
    .modal_form input:focus {color: #333;
                            border-color: #aaa;
                            box-shadow: inset 0 0 2px rgba(0,0,0,.2);
                            -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
                            -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2);}
    .modal_form .g-recaptcha > div {margin: 15px auto 0;}
    .modal_form input[type="submit"],
    .modal_form .remodal-confirm {width: auto; margin: 15px auto 0;
                                    transition: background 0.2s; -webkit-transition: background 0.2s;
                                    border: 0; outline: 0;
                                    font: inherit; line-height: 1; color: #fff;
                                    text-shadow: none;
                                    border-radius: 0;
                                    background: #81c784;}
        .modal_form input[type="submit"]:hover,
        .modal_form .remodal-confirm:hover {color: #fff; background: #00a527;}
    .modal_form .error_message {margin: 0 auto; width: 304px;}