body, html { font-family: 'Montserrat', sans-serif; font-weight: 400; text-align: left; padding: 0px; margin: 0px; font-size: 14px; color: #000; background: #fff; }

h1 { width: 100%; float: left; clear: both; color: white; text-align: center; font-size: 33px; font-weight: 600; margin: 0 0 10px 0; padding: 0; }
h2 { width: 100%; float: left; clear: both; color: white; text-align: center; font-size: 33px; font-weight: 300; margin: 0 0 20px 0; padding: 0; }
h3 { width: 100%; float: left; clear: both; color: white; text-align: center; font-size: 20px; font-weight: 400; margin: 0 0 20px 0; padding: 0; }

.clear { width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 0px; }
.clear1 { clear: both; margin: 0; padding: 0; font-size: 1px; height: 10px; }
.clear2 { clear: both; margin: 0; padding: 0; font-size: 1px; height: 20px; }
.clear3 { clear: both; margin: 0; padding: 0; font-size: 1px; height: 30px; }
.clearhr { width: 100%; height: 13px; display: block; clear: both; margin: 40px auto 20px auto; padding: 0; background: url("images/bg-hr.png") no-repeat center center; background-size: cover; }
.line { clear: both; margin: 10px 0 10px 0; padding: 0; font-size: 1px; height: 0; border-top: 2px dashed #003557; }

.center { text-align: center; }
a { text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover { text-decoration: none !important; }
p a { text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
p a:hover { text-decoration: none !important; }
.pleft { width: 45%; float: left; }
.pright { width: 45%; float: right; }

#page { width: 100%; height: 100%; float: left; }
     
  header { width: 100%; height: auto; float: left; clear: both; margin: 0 0 0 0; padding: 0; background: none; }
  #header { position: absolute; z-index: 333; width: 100%; height: auto; float: left; clear: both; margin: 0; padding: 0; }
  
    #tophead { width: 100%; height: 50px; display: block; float: left; clear: both; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.75); font-weight: 500; font-size: 16px; text-align: left; }
      #phone { width: auto; height: 34px; line-height: 34px; float: left; margin: 8px 0 0 12px; padding: 0 0 0 40px; text-align: left; background: url("images/ico-tel.png") no-repeat left 0 center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #phone a { color: #a5a5a5; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #phone a:hover { color: yellow; text-decoration: none; }
      #mail { width: auto; height: 34px; line-height: 34px; float: right; margin: 8px 12px 0 0; padding: 0 0 0 40px; text-align: left; background: url("images/ico-mail.png") no-repeat left 0 center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #mail a { color: #a5a5a5; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        #mail a:hover { color: yellow; text-decoration: none; }

    #logo a { width: 750px; height: auto; display: block; margin: 15% auto 0 auto; color: white; font-size: 70px; text-align: center; font-weight: 600; }
      #logo a span { font-weight: 400; margin: 30px 0 0 0; clear: both; float: left; }
  
    .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto 0 auto; z-index: 1; border: 0; }
    .rslides li { -webkit-backface-visibility: hidden; position: absolute;  display: none; width: 100%; left: 0; top: 0; margin: 0; }
    .rslides li:first-child { position: relative;  display: block; float: left; }
    .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

  #content { width: 100%; margin: 0 auto; }
    #content-01 { width: 100%; float: left; background: #503719; border-top: 5px solid #f0cb9f; color: #fff; }
      #content-01 h2 { color: #fff; }
      #content-01 p { width: 100%; font-size: 17px; line-height: 30px; float: left; clear: both; margin: 0 0 30px 0; text-align: justify; font-weight: 300; }
      #content-01 a { color: #FF7E00; }
      #content-01 a:hover { color: white; }
      #content-01 table { border-collapse: collapse; margin: 10px 0 30px 0; float: left; clear: both; border: 0; border-spacing: 1px; width: 98%; }
      #content-01 th { padding: 10px; vertical-align: center; color: #000; background: #fff; border-bottom: 1px solid #fff; font-size: 17px; }
      #content-01 td { padding: 10px; vertical-align: center; color: #fff; border-bottom: 1px solid #726e69; font-size: 17px; }
    #content-02 { width: 100%; float: left; color: #000; background: #fff; }
      #content-02 h2 { color: #503719; text-align: center; font-size: 33px; font-weight: 600; }
      #content-02 p, #content-022 p { width: 100%; font-size: 18px; line-height: 30px; float: left; clear: both; margin: 0 0 15px 0; text-align: center; }
      #content-02 a, #content-022 a { color: #FF7E00; }
      #content-02 a:hover, #content-022 a:hover { color: black; }
        
    .cmain { width: 1200px; display: block; margin: 0 auto 0 auto; }
    .cmain0 { width: 90%; display: block; margin: 0 auto 0 auto; }
    .content { width: 100%; float: left; padding: 30px 0 30px 0; margin: 0; font-weight: 400; }
    .content0 { width: 100%; float: left; padding: 0 0 0 0; margin: 0; }
      .content ul { font-size: 16px; float: left; clear: both; text-align: justify; padding: 0px; margin: 10px 0 10px 40px; }
      .content ul li { line-height: 32px; list-style-type: disc !important; margin: 3px 0 3px 0; }
      .content ol { width: 92%; font-size: 16px; float: left; clear: both; text-align: justify; padding: 0px; margin: 10px 0 10px 40px; }
      .content ol li { line-height: 32px; float: left; clear: both; list-style-type: decimal; margin: 3px 0 3px 0; }
      .content a img { background: transparent; padding: 2px 2px 2px 2px; border: 1px solid white; border-radius: 5px; margin: 0 5% 0 5%; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      .content a:hover img { background: transparent; border: 1px solid #503719; -webkit-filter: brightness(110%); -moz-filter: brightness(110%); filter: brightness(110%); }
  
  #contacts { width: 100%; height: auto; float: left; background: url("images/bg-contacts.jpg") no-repeat center center; background-size: cover;
   color: white; font-size: 20px; font-weight: 300; line-height: 36px; padding: 30px 0 30px 0; }
    #contacts h2 { color: #fff; margin: 30px 0 0 0; padding: 0; }
    #contacts strong { font-size: 24px; font-weight: 600; }
    #contacts a { color: #fff; }
    #contacts a:hover { color: #fff000; }
    .contacts1 { width: 33.333%; height: auto; float: left; margin: 0; font-weight: 300; text-align: left; }
    .contacts2 { width: 33.333%; height: auto; float: left; margin: 0; font-weight: 300; text-align: center; }
    .contacts3 { width: 33.333%; height: auto; float: left; margin: 0; font-weight: 300; text-align: right; }

  #layout-map { width: 100%; float: left; margin: 0; }
    .map-wrapper { width: 100%; height: 450px; }
    #map { width: 100%; height: 100%; }
      #map iframe { width: 100%; height: 450px; float: left; border: 0; }
    .find-us-box { width: 240px; margin: 0 auto; position: relative; height: 60px; margin-bottom: -60px; z-index: 1; }
    .find-us-button { width: 240px; height: 60px; line-height: 60px; left: 0; margin: 20px 0 0 0; position:absolute; z-index:10000; background: #503719; color: #fff; font-size: 24px; text-align: center; border-radius: 5px; border: 0;
    padding: 0 10px 0 10px; cursor:pointer; margin-bottom:-40px; text-decoration: none; font-weight: 600; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    .find-us-button:hover { background: #291f14; }

  #backtop { position:fixed; left:auto; right:20px; top:auto; bottom:20px; outline:none; overflow:hidden; color:#fff; text-align:center; background-color:rgba(0,0,0,.6); height:40px; width:40px; line-height:40px; font-size:17px;
             cursor:pointer; transition:all .3s linear; z-index:999999; opacity:1; display:none}
  #backtop:hover{background-color:rgba(255, 126, 0, 0.6);}
  #backtop.mcOut{opacity:0}

  footer { width: 100%; height: 120px; float: left; clear: both; color: #876235; background: #291f14; font-size: 15px; font-weight: 400; }
    .footer-row { width: 100%; height: 30px; float: left; clear: both; line-height: 30px; padding: 0; margin: 20px 0 0 0; text-align: center; }
    footer a { color: #876235; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    footer a:hover { color: #fff; text-decoration: none; }

#cookies-information { position: fixed; left: 0; bottom: 0; width: 100%; line-height: 30px; color: white; background: rgba(0, 0, 0, 0.85); z-index: 1000; padding: 10px; text-align: center; font-size: 14px; }
#cookies-information a { color: #EB7D23; text-decoration: none; }
#cookies-information a:hover { color: #fff; text-decoration: none; }
  .cookies-text { width: 70%; margin: 0 auto; }
a#allow-cookies-button { width: 120px; height: 20px; line-height: 20px; display: inline; margin: 0 auto; background: green; color: white; padding: 5px; cursor: pointer; border: 0; border-radius: 3px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover#allow-cookies-button { background: #EB7D23; color: white; text-decoration: none; }

/*media*/
@media (max-width: 1240px) {
.cmain { width: 94%; display: block; margin: 0 auto 0 auto; }
}
@media (max-width: 1080px) {
#logo a { width: 450px; margin: 15% auto 0 auto; font-size: 45px; }
#logo a span { font-weight: 400; margin: 15px 0 0 0; }
.content a img { margin: 0 1% 0 1%; }
}
@media (max-width: 810px) {
.pleft { width: 100%; float: left; clear: both; }
.pright { width: 100%; float: left; clear: both; }
.content a img { width: 28%; height: auto; margin: 0 1% 0 1%; }

#contacts { width: 100%; height: auto; }
    .contacts1 { width: 100%; height: auto; float: left; clear: both; text-align: center; }
    .contacts2 { width: 100%; height: auto; float: left; clear: both; margin: 30px 0 30px 0; text-align: center; }
    .contacts3 { width: 100%; height: auto; float: left; clear: both; margin: 30px 0 30px 0; text-align: center; }
}
@media (max-width: 640px) {
#logo a { width: 250px; margin: 15% auto 0 auto; font-size: 30px; }
#logo a span { font-weight: 400; margin: 5px 0 0 0; }
}
@media (max-width: 580px) {

}