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


/*  Basic
================================================== */
    html {height: 100%; font-size: 14px; background: transparent;}
    body {min-height:100%; height: 100%; background: transparent;}


/*  Decorators
================================================== */
    a.covid {
        display: block;
        color: #d21c18 !important;
        border: 2px solid #d21c18;
        padding: 10px;
        text-decoration: none !important;
        font-weight: bold;
    }
    a.covid:hover {text-decoration: underline !important;}
    .content_wrapper {
      padding: 20px 40px;
    }
    .chain {
      display: inline-block;
      padding: 10px 15px; margin: 10px 0;
      font-size: 14px;
      border: 1px solid #eee;
      border-radius: 10px;
      background: #fafafa;
    }
    .w660 {width: 660px !important;}
    a.download {text-decoration: underline;}
    .mt4 {margin-top: 4px;}
    .mt10 {margin-top: 10px;}
    .informer {width: 50%; padding: 20px; margin: 20px auto;
      text-align: center; font-size: 20px; font-weight: bold; color: red;
      border: 1px solid red; border-radius: 15px;
    }
    div.chain a:hover {text-decoration: underline;}
    .block_wrapper {padding: 5px 10px;
                    background: transparent;}
    a.photo_wrapper {display: inline-block; max-width: 200px; padding: 2px; margin: 4px;
                    /*border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;*/
                    border: 1px solid #666;
                    box-shadow: 1px 1px 6px #333; -moz-box-shadow: 1px 1px 6px #333; -webkit-box-shadow: 1px 1px 6px #333; -khtml-box-shadow: 1px 1px 6px #333;
                    background: #fff;}
    a.photo_wrapper img {display: block;}
    a.photo_wrapper.mh100 img {max-height: 100px;}
    h1.main {margin: 0 auto;
            text-align: center;}
    h2.main {margin: 10px auto;
            text-align: center;}

/*  Main
================================================== */
    div#mainwrapper {height: auto !important; min-height: 100%; height: 100%; min-width: 1000px; padding: 0; margin: 0 auto; position: relative; z-index: 2;
                    background: #fff;}
    div#header_wrapper {height: auto; min-width: 1000px; margin: 0 auto;
                    box-shadow: 0 0 5px #ccc;
                    background: #fff;}
      #header {
        position: relative;
        height: auto; min-width: 1000px;
        padding: 20px 130px; margin: 0 auto;
        text-align: center;
        background: #005885;
      }
      #company_title {
        display: block;text-transform: uppercase;
        font-size: 24px; font-weight: bold; text-align: center; color: #fff;
      }
      #logo_main {
        position: absolute; left: 10px; top: 10px;
        height: 117px; width: 110px;
        border-radius: 5px;
        background: url('../images/logo_main.jpg') no-repeat center center transparent;
      }
      #envelops {position: absolute; right: 10px; top: 10px;}
        #envelops a {display: block; margin-bottom: 10px;}
        #envelops .fas {font-size: 24px; color: #fff;}
      #simple {
        display: block;
        margin-top: 20px;
        font-size: 20px; color: #fff;
      }
      #simple::before {content: "\f06e"; margin: 0 10px 0 0;
                      font-family: 'Font Awesome\ 5 Free'; font-weight: 900;}
      #simple:hover {text-decoration: underline;}

    #middle_wrapper {
      min-height: 600px; width: 100%; min-width: 1000px; margin: 0 auto; overflow: hidden;
    }
    #middle {min-height: 200px; width: 100%; margin: 0 auto; overflow: hidden;}
      div#middle_left_center {
        min-height: 100px; width: 100%; margin: 0 auto; overflow: hidden;
      }
      #mlc_wrapper {display: flex;}
        #middle_left {
          min-height: 100px;
          min-width: 300px;
          max-width: 300px;
        }
        #middle_center {
          flex-grow: 1; min-height: 100px; min-width: 900px;
        }
    #footer_guarantor {height: 100px; clear: both;}
    #footer_wrapper {
      min-height: 120px; min-width: 1000px; margin: -100px auto 0; position: relative; z-index: 10;
      border-top: 1px solid #fff;
      box-shadow: 0 0 5px #ccc;
    }
      #footer {
        min-height: 120px; min-width: 1000px; padding: 20px 0 0; margin: 10px auto 0; position: relative; overflow: hidden;
        border-top: 10px solid #005885;
      }
        .footer_content {
          min-height: 65px; padding: 5px 0 5px 5px; overflow: hidden;
          border: 1px solid #fff;
        }
            .footer_content a {margin: 10px;}
                .footer_content a img {height: 65px;}


/*  Adminpanel
================================================== */
    div#adminpanel {min-height: 27px; width: 974px; padding: 2px; margin: 0 auto; clear: both;
                    border: 1px solid #aaa;
                    border-radius: 2px;
                    background: #ddd;}


/*  Phones
================================================== */
    #phones {padding: 20px; text-align: center; font-size: 14px; color: #07225b;}
    #phones > div {display: inline-block; margin: 0 10px;}
    #phones > div::before {
      font-family: 'Font Awesome\ 5 Free'; font-weight: 900; content: "\f098";
    }
    #phones span {padding: 0 5px;}


/*  Main_menu
================================================== */
  #main_menu {
    padding: 10px 0;
    text-align: center; font-size: 14px;
    box-shadow: 0 0 5px #666;
  }
  #main_menu a {
    padding: 8px 6px;
    display: inline-block;
  }


/*  Top_menu
================================================== */
  #top_menu_wrapper {
    height: 80px; min-width: 1000px; margin: 0 auto;
    background: transparent;
  }
    div#top_menu {
      height: 80px; min-width: 1000px; margin: 0 auto; position: relative;
      background: transparent;
    }

    #post_login {width: 220px; position: absolute; left: 0; top: 5px;
                line-height: 22px;}
        #post_login .title {font-size: 16px; text-align: center; font-weight: bold; color: #005885;}
        #post_login .row {overflow: hidden;}
            #post_login .row span {width: 60px; overflow: hidden;}
            #post_login .row input {float: right; width: 150px;
                                    border: 1px solid #fff;
                                    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
                                    box-shadow: inset 0px 0px 5px #666; -moz-box-shadow: inset 0px 0px 5px #666; -webkit-box-shadow: inset 0px 0px 5px #666; -khtml-box-shadow: inset 0px 0px 5px #666;}
        #post_login .remember {float: left; text-align: center; line-height: 22px;}
            #post_login .remember input {height: 22px; line-height: 22px;}
        #post_login .enter input {float: right; height: 22px !important; line-height: 22px;}


/*  Superfish
================================================== */
    .sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
    .sf-menu {line-height: 1.0; white-space: nowrap;}
    .sf-menu li {white-space: normal;}
    .sf-menu ul {position: absolute; top: -999em; font-size: 100%;}
    .sf-menu ul li {width: 100%;}
    .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
    .sf-menu li {float: left; 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; /* match top ul list item height */ z-index: 99;
                box-shadow: 1px 1px 6px #000; -moz-box-shadow: 1px 1px 6px #000; -webkit-box-shadow: 0px 0px 10px #333; -khtml-box-shadow: 1px 1px 6px #000;}
    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:  1.75em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
    .sf-sub-indicator {display: block; height: 10px; width: 10px; position: absolute; right: .5em; top: 1.1em; overflow: hidden;
                        text-indent: -999em;
                        background: url('../images/arrows-ffffff.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-weight: bold; font-style: normal; font-family: Arial;}
    .sf-menu li.sfHover > a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
    .sf-menu li.sfHover > a.bolded, .sf-menu a.bolded:focus, .sf-menu a.bolded:hover, .sf-menu a.bolded:active {
                color: #fff; outline: 0;
                box-shadow: inset 0 0 6px #000; -webkit-box-shadow: inset 0 0 6px #000; -khtml-box-shadow: inset 0px 0px 6px #000; -moz-box-shadow: inset 0 0 6px #000;
                background: #41b800;}

    /*главное меню*/
    .sf-menu > li > a {height: 40px; padding: 0 6px;
                        font-size: 14px; line-height: 40px; color: #00a4da;
                        border-right: 1px solid #ebf2f3;}
    .sf-menu > li > a.bolded {color: #dd5025;}
    /*.sf-menu > li:first-child > a {border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px;}*/
    .sf-menu > li:last-child > a {border-right: 1px solid transparent;}

    /*подменю*/
    .sf-menu li li a {line-height: 20px;
                        border: 1px solid #3c444e;
                        background: #4c5b6b;}


/*  Main_page
================================================== */
    div#main_page_text .page_text {padding: 10px 20px; margin: 10px; overflow: hidden;
                        border: 1px solid #fff;;}



/*  Left_menu
================================================== */
    div#left_menu_wrapper {padding: 10px; display: block; margin: 10px 0;
                    background: transparent;}
    ul#left_menu {font-size: 14px;}
    ul#left_menu ul {padding: 0 0 0 10px; margin: 0; list-style: none; cursor: pointer;}
    ul#left_menu li {position: relative; list-style: none;}
    ul#left_menu div.switcher {height: 16px; width: 16px; display: block; position: absolute; top: 5px; left: 5px; cursor: pointer;
                                background: url('../images/switcher16.png') 16px -8px transparent;}
        ul#left_menu li.opened > div.switcher {background: url('../images/switcher16.png') 0px -8px transparent;}
        ul#left_menu li.closed > div.switcher {background: url('../images/switcher16.png') 32px -8px transparent;}
        ul#left_menu li.opened > ul {display: block;}
        ul#left_menu li.closed > ul {display: none;}
    ul#left_menu a {padding: 4px 8px 4px 24px; margin: 2px 0 0; display: block; line-height: 20px;}
        ul#left_menu a.active {
          color: #fff;
          border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
          background: #005885;
        }
            ul#left_menu a.active:hover {color: #fff;}


/*  Search
================================================== */
    div#search {width: 1000px; padding: 5px; margin: 0 auto 10px; overflow: hidden;
                border-radius: 0 0 8px 8px;
                background: #2f97cb;}
        div#search input[type="text"] {display: block; width: 880px; padding: 2px 4px; float: left;
                                        outline: none; color: #000;
                                        border-radius: 5px;
                                        background: #fff;}
        a#search_button {display: block; width: 100px; float: right;
                        text-align: center; font-size: 16px; line-height: 30px; color: #fff;}
            a#search_button:hover {text-decoration: underline;}

        a#vyzov {display: block; height: 85px; width: 230px; margin: 10px auto;
                background: url('../images/vyzov.jpg') no-repeat center center transparent;}
        a#zapis {display: block; height: 85px; width: 230px; margin: 10px auto;
                background: url('../images/zapis.jpg') no-repeat center center transparent;}


/*  Sections
================================================== */
    .section_list {margin: 0 auto; padding: 0 10px; overflow: hidden;}
    .section_item {height: 160px; width: 200px; margin: 10px; float: left;}
            .section_item:hover img {border: 1px solid #aaa;}
    .section_item .image {height: 120px; padding: 10px; overflow: hidden;}
        .section_item img {display: block; max-height: 100px; max-width: 150px; margin: 0 auto;
                            border: 1px solid #eee;
                            border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px;}
    .section_item .title {text-align: center;}

    .page_list {padding: 10px; margin: 10px;
                border: 1px solid #eee;
                border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;}
        .page_list a {display: block; padding: 5px 5px 5px 15px;
                        border-bottom: 1px dotted #eee;
                        background: url('../images/dot.png') no-repeat 0px 10px transparent}


/*  Main buttons
================================================== */
  #main_buttons {
    display: grid;
    column-gap: 20px;
    grid-template-columns: repeat(2, 480px);
    justify-content: center;
    margin: 40px;
    text-align: center;
  }
  #main_buttons a {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase; font-weight: bold; color: #fff;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #aaa;
    background: #c51a00;
  }
    #main_buttons a:hover {
      background: #961500;
    }


/*  Main sections
================================================== */
  .main_sections {
    margin: 40px;
    display: grid;
    grid-template-columns: repeat(3, 300px);
    justify-content: center;
    column-gap: 40px;
    row-gap: 40px;
  }
  .main_sections a {
    display: block;
    text-align: center;
  }
  .main_sections a .image {
    overflow: hidden;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #aaa;
  }
  .main_sections a .title {
    margin-top: 10px;
  }


/*  Lent
================================================== */
    .lent a.page_item {
      display: flex; padding: 20px 0; margin: 0; overflow: hidden;
      border-bottom: 1px solid #fff;
      background: transparent;}
    .lent a.page_item:first-child {border-top: 1px solid #fff;}
        .lent a.page_item:hover .title {text-decoration: underline;}
        .lent .image {
          flex-basis: 0;
          min-width: 300px; text-align: center;
        }
        .lent .image img {max-width: none;}
        .lent .info {padding: 0 0 0 20px; width: auto;}
        .lent .title {text-align: left; font-size: 26px; color: #000;}
        .lent .date {margin: 6px 0 20px; text-align: left; font-size: 16px; color: #333;}
        .lent .description {text-align: justify; font-size: 13px; color: #333;}


/*  News
================================================== */
    .news a.page_item {display: block; padding: 20px 0px; margin: 0px; overflow: hidden;
                    border-bottom: 1px solid #eee;
                    background: #fff;}
    .news a.page_item:first-child {border-top: 1px solid #eee;}
        .news a.page_item:hover .title {text-decoration: underline;}
        .news .image {height: 300px; width: 300px; float: left;
                    border: 1px solid #aaa;
                    background: url('../images/noimage_300.jpg') no-repeat center center transparent;}
        .news .info {width: 386px; padding: 0 0 0 10px; float: right;}
        .news .title {text-align: left; font-size: 26px; color: #333;}
        .news .date {margin: 6px 0 20px; text-align: left; font-size: 16px; color: #888;}
        .news .description {text-align: justify; font-size: 13px; color: #333;}

    div.news_viewlet {padding: 10px 0 10px 0; margin: 10px 0;
                        border: 1px dashed #ff7e00; border-right: none;
                        box-shadow: 0 0 4px #666; -webkit-box-shadow: 0 0 4px #666; -khtml-box-shadow: 0 0 6px #000;
                        background: #fff;}
    div.news_viewlet h2 {padding: 10px 0; margin: 0 0 10px; text-align: center; 
                        background: #ffff00;}
    a.news_item {display: block; padding: 0; margin: 6px 5px 0px 0; overflow: hidden;}
        a.news_item .date {padding: 0 0 4px 10px; margin: 0;
                    color: #888; font-size: 16px; font-style: bold;}
        a.news_item .title {padding: 6px; margin: 0 10px 0 0;
                    text-align: left; color: #fff;
                    border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0;
                    box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; -khtml-box-shadow: 0 0 6px #000;
                    background: url('../images/news_bg.jpg') repeat-y left center transparent;}
        a.news_item .description {padding: 10px; color: #333;}


/*  Text
================================================== */
    .page_text {
      font-size: 14px;
    }
        .page_text.catalog {margin: 20px 10px;}
        .page_text a {text-decoration: underline; color: #00a4da;}
            .page_text a:hover {color: #DD5025;}
    .page_text ul, div.page_text ol {margin: 0 0 0 30px;}
    .page_text ul li {list-style: disc outside;}
    .page_text p {margin: 10px 0;}
    .page_text table p {margin: auto;}
    .page_text .date {margin: 6px 0 20px; text-align: left; font-size: 16px; color: #888;}

    .main_page_wrapper {padding: 10px; margin: 0 20px;
                color: #ccc; text-align: justify;
                border-left: 1px solid #333; border-right: 1px solid #333;}
    .main_page_wrapper a {color: #ccc;}
        .main_page_wrapper a:hover {color: #fff;}


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


/*  Paginator 3000
================================================== */
    .paginator {font-size:1em;width:100%;}
    .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 {display:block; padding:3px 0 15px 0;}
    .paginator span em, .paginator span a {padding:0 4px;}
    .paginator span em {
      display: inline-block; padding: 4px 8px; margin: 0 auto;
      font-style:normal; color: #fff;
      border: 1px solid #555;
      border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
      background:#005885;
    }
    .paginator span a {
      display: inline-block; padding: 4px 8px; margin: 0 auto;
      font-style:normal; color: #005885;
      border: 1px solid #555;
    }
    .paginator span a:hover {
      background: #eee;
    }
    .paginator .scrollbar {width:100%; height:20px; position:relative;}
    .paginator .scrollbar .line {width:100%; height:3px; background:#ccc; overflow:hidden;}
    .paginator .scrollbar .slider {
      position:absolute; width:3px; height:3px; top:0; left:0; font-size:1px;
      background:#005885;
    }
    .paginator .scrollbar .current_page_point {position:absolute; top:0; left:0; width:3px; height:3px; overflow:hidden; background:#555;}
    .paginator .scrollbar .slider_point {position:absolute; top:-5px; left:50%; margin-left:-10px; width:20px; height:20px; overflow:hidden; background:url('../js/paginator3000/slider_knob.gif') no-repeat 50% 50%; cursor:pointer; cursor:hand;}


/*  Crop images
================================================== */
    .imgedit {margin: 5px; float: left; position: relative; overflow: hidden;
                border: 1px solid #aaa;}
        .imgedit.w300 {width: 300px; height: 300px;}
        .imgedit.w300x200 {width: 300px; height: 200px;}
        .imgedit.w150x100 {width: 150px; height: 100px;}
        .imgedit.w200 {width: 200px; height: 200px;}
        .imgedit.w150 {width: 150px; height: 150px;}
        .imgedit.w100 {width: 100px; height: 100px;}
        .imgedit.w40 {width: 40px; height: 40px;}
        .imgedit img {max-width: none;}


/*  Voting
================================================== */
    div.voting_results {width: 580px; padding: 10px; margin: 10px auto 0; font-size: 11pt;
                        border: 1px solid #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
    div.voting_results .subform_title {margin-top: 0;}
    div.voting_bar {height: 12px; float: left; margin-top: 3px;
                    border: 1px solid #000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
    div.voting_info {float: right;}
    div.votecount {padding: 10px 0 0; text-align: center;}


    div.voting_viewlet {padding: 5px; margin: 5px 0 0;
                        border-bottom: 1px solid #eee;}
    div.voting_viewlet h2 {padding: 4px; margin: 0;
                            font-style: normal; color: #fff;
                            border: 1px solid #eee;
                            border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
                            box-shadow: 1px 1px 6px #000; -moz-box-shadow: 1px 1px 6px #000; -webkit-box-shadow: 1px 1px 6px #000; -khtml-box-shadow: 1px 1px 6px #000;
                            background: #c14019;}
    div.voting_viewlet div.question {padding: 0 10px; margin: 15px 0;
                                    text-align: left; font-size: 14px; font-weight: bold; color: #005885;}
    div.voting_viewlet div.voting_answer {padding: 0 10px; margin: 4px 0 0;}
    div.voting_viewlet div.answer_item {padding: 0 10px; margin: 10px 0;}
    div.voting_viewlet div.control {height: 20px; width: 16px; padding: 2px 0 0; float: left; line-height: 20px; vertical-align: bottom;}
    div.voting_viewlet div.answer {width: 190px; float: right;}
    div.voting_viewlet.results div.voting_bar {height: 6px; float: left; margin: 5px 0 0 10px;
                                               border: 1px solid #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
    div.voting_viewlet input[type="submit"] {margin: 4px auto;}


/*  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;}


/*  Slider
================================================== */
.slider_wrapper {width: 100%; max-width: 1000px; margin: 40px 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;}