﻿<style type="text/css">

<!--


html body { width:100%; height:100%; margin-left: auto;  margin-right: auto; padding: 0; box-sizing: border-box;}

/*body { width:100%; height:100%; background:#3a4a7e; }*/




   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    border: 0px;
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
    border: 0px;
   } 

 /*a {color:#fff;}*/


 /*a.sale:link {color:#fff;}*/

@media only screen and (min-width: 971px) {

body { width:100%; height:100%; background:#000; }

/*print"<div id='russiatitle'>";*/
#russiatitle { position:fixed; z-index: 29999; background:#000; background-image: url("./imgstartfo");  background-repeat: no-repeat; background-size: 160px; width:98%; left:1%; height:14%; top: 0%; text-align: left; border-style: 0px solid; border-bottom: 4px solid yellow; color:yellow; font-size: 12px; font:100%/1.3 Arial,Sans-serif;  padding:0px 0px 0px 0px; }

/*<div id='poisk'>"; поиск*/
#poisk {position:fixed; z-index:31000; background:none; color:#333; border: 0px solid #909090; border-top: 0px solid #909090; border-bottom: 0px solid #909090; height:8%; top: 7%; left:10%; display: block; font: 90%/1.0 normal Arial,Sans-serif; text-align: center; color:#fff; padding:0px 0px 0px 0px; width:35%; }

  .poicklus {
 // display: inline-block;
  //width: 20px;
   height: 23px;
  border-radius: 10px;
  text-align: left;
 // line-height: 30px;
 // cursor: pointer;
 }

  .hidelus {
 // display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
 // line-height: 30px;
  cursor: pointer;
 }





/*<div id='header81'>";//меню*/
/*<div id='header81'>";//меню*/
#menus { position:fixed; z-index:31000; background:none; overflow:auto; left:40%; height:13%; top: 2%; text-align: right; border: 0px solid #909090; color:#fff; font-size: 10px; font:80%/1.1 Arial,Sans-serif;  padding: 0px 0px 0px 0px; width:58%;}
#menus1 { position:fixed; z-index:32001; background:none; overflow:hidden; left:40%; height:8%; top: 0.5%; text-align: center; border: 0px solid #909090; color:#fff; font-size: 18px; font:80%/1.1 Arial,Sans-serif;  padding:px 0px 0px 0px; width:58%;}

/*#left6 { float:left; background:#000; border: 0px solid #909090; text-align: center; left:1%; margin-top:5%;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:1000px; padding:0px 0px 0px 0px; width:16.5%; }*/
#leftin6 { position:relative; background:none; overflow:hidden; border: 1px solid #999999; width:95%; height:10%;  top:0px; left:0px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:0px 0px 0px 0px; visibility:visible; }
#leftin61 { position:relative; background:none; overflow:hidden; border: 1px solid #999999; width:95%; height:auto;  margin-top:5%; left:0px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:0px 0px 0px 0px; visibility:visible; }
#leftin62 { position:relative; background:none; overflow:hidden; border: 1px solid #999999; width:95%; height:auto;  margin-top:5%; left:0px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:0px 0px 0px 0px; visibility:visible; }
#leftin63 { position:relative; background:none; overflow:hidden; border: 1px solid #999999; width:95%; height:auto;  margin-top:5%; left:0px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:0px 0px 0px 0px; visibility:visible; }
#leftin64 { position:relative; background:none; overflow:hidden; border: 0px solid #999999; width:95%; height:5%;  margin-top:1%; left:0px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:0px 0px 0px 0px; visibility:visible; }
#leftin65 { position:relative; background:none; overflow:hidden; border: 0px solid #999999; width:95%; height:auto;  margin-top:5%; left:0px; display: block;font: 0.80em/1.1em Sans-serif; color:#fff;text-align: center; padding:0px 0px 0px 0px; visibility:visible; }

#botcom { position:absolute; z-index:; background:#000; border: 0px solid #909090; text-align: center; left:1%; margin-top:0%;  color:#fff; font-size: 11px; font:70%/0.9 normal Arial,Sans-serif; height:auto; top:1000px; padding:0px 0px 0px 0px; width:98%; visibility:visible;}
#botlev { position:relative; z-index:; background:#000; overflow:auto; border: 0px solid #999999; width:48%; height:auto;  top:10px; left:1%; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#botpra { position:absolute; z-index:; background:#000; overflow:auto; border: 0px solid #999999; width:48%; height:auto;  top:40px; left:51%; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#bottoms { position:relative; z-index:; background:none; border: 0px solid #909090; text-align: center; left:-0.5%; margin-top:0%;  color:#fff; font-size: 11px; font:105%/0.9 normal Arial,Sans-serif; height:70px; top:30px; padding:0px 0px 0px 0px; width:100%; visibility:visible;}




/*#midcenter { position:fixed; z-index: 20999;  overflow:auto; background:#fff; border: 8px solid #909090; text-align: left; left:10%; margin-top:5%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:80%; padding:10px 10px 10px 10px; width:80%; visibility:hidden; }*/

#midcenter1 { position:fixed; z-index: 33999;  overflow:auto; background:none;  border: 0px solid #909090; text-align: right; left:10%; margin-top:2%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:auto; padding:10px 10px 10px 10px; width:80%; visibility:hidden; }
#midcenter2 { position:fixed;  background:#fff; z-index: 33000; overflow-y: scroll; height:90%; border: 0px solid #909090; text-align: center; left:10%; top:5%;  color:#000; font-size: 12px; font:100%/1.2 normal Arial,Sans-serif;  padding:10px 10px 10px 10px; width:80%; visibility:hidden;  }

#smallcart { position:fixed; z-index: 32999; overflow:auto; background:#fff; border: 8px solid #909090; text-align: left; left:10%; margin-top:0%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:90%; padding:10px 10px 10px 10px; width:80%; visibility:hidden; }
#cart_content {position:absolute; width:80%; visibility:visible;}
#smallcart1 { position:fixed; z-index: 31999;  background:none ; overflow:hidden; border: 0px solid #909090; text-align: right; left:85%; margin-top:0%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:10%; padding:0px 0px 0px 0px; width:5%; visibility:hidden; }
#smallcart2 { position:relative;  background:none; border: 1px solid #909090; text-align: left; left:45%; top:10%;  color:#000; font-size: 12px; font:120%/1.2 normal Arial,Sans-serif; height:60%; padding:10px 10px 10px 10px; width:40%; }

#cart_content { position:relative;  background:#fff; overflow:auto; border: 5px solid #909090; text-align: left; left:15%; top:10%;  color:#000; font-size: 12px; font:120%/1.2 normal Arial,Sans-serif; height:; padding:10px 10px 10px 10px; width:90%; visibility:hidden;}
#winor { position:fixed;  z-index: 320999; background:#fff; overflow:none; border: 5px solid #909090; text-align: center; left:30%; top:10%;  color:#000; font-size: 12px; font:100%/1.2 normal Arial,Sans-serif; height:30%; padding:10px 10px 10px 10px; width:35%; visibility:hidden;}
#visordol { position:fixed;  z-index: 320999; background:#fff; overflow:none; border: 5px solid #909090; text-align: center; left:30%; top:10%;  color:#000; font-size: 12px; font:100%/1.2 normal Arial,Sans-serif; height:auto; padding:10px 10px 10px 10px; width:35%; visibility:hidden;}
#visorru { position:fixed;  z-index: 320999; background:#fff; overflow:none; border: 5px solid #909090; text-align: center; left:30%; top:10%;  color:#000; font-size: 12px; font:100%/1.2 normal Arial,Sans-serif; height:auto; padding:10px 10px 10px 10px; width:35%; visibility:hidden;}
#stwmailer { position:fixed;  z-index: 320999; background:#fff; overflow:none; border: 5px solid #909090; text-align: center; left:30%; top:10%;  color:#000; font-size: 12px; font:80%/1.2 normal Arial,Sans-serif; height:auto; padding:10px 10px 10px 10px; width:35%; visibility:hidden;}

#findpic { position:absolute; z-index: 20998;  overflow:; background:none; border: 0px solid #909090; text-align: left; left:1%; margin-top:6%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:auto; padding:20px 0px 0px 10px; width:90%;  }
#findmore { position:fixed;  z-index: 31001; background-color: rgba(0,0,0,0.9); overflow:hidden; border: 0px solid #909090; text-align: left; left:1%; top:0%; height:100%; color:#000; font-size: 12px; font:120%/1.2 normal Arial,Sans-serif; height:; padding:0px 0px 0px 0px; width:98%; visibility:hidden;}

   /* background-color: rgb(0,0,0);*/ /* Fallback color */
   /* background-color: rgba(0,0,0,0.9);*/ /* Black w/ opacity */

#botcomer { position:relative; z-index:; background:none; border: 0px solid #909090; text-align: right; left:1%; margin-top:0%;  color:#fff; font-size: 11px; font:120%/0.9 normal Arial,Sans-serif; height:40px; top:10px; padding:0px 0px 0px 0px; width:94%; visibility:visible;}

#detki { position:relative; z-index:; background:none; overflow:auto; border: 0px solid #999999; width:48%; height:100px;  top:10px; left:1%; display: block;font: 0.90em/1.1em Sans-serif; color:yellow;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#detkir { position:relative; z-index:; background:none; overflow:auto; border: 0px solid #999999; width:55%; height:110px;  top:10px; left:1%; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }

#botcom { position:relative; z-index:; background:none; overflow:auto; border: 0px solid #909090; text-align: center; left:1%; margin-top:0;  color:yellow; font-size: 11px; font:70%/0.9 normal Arial,Sans-serif; height:140px; top:10px; padding:0px 0px 0px 0px; width:90%; visibility:visible;}


#findright { position:fixed; z-index: 20998;  overflow:red; background:none; border: 0px solid #909090; text-align: left; left:88%; margin-top:7%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:80%; padding:20px 0px 0px 10px; width:10%;  }
#foot { position:fixed; z-index: 20998;  overflow:hidden; background:none; border: 0px solid #909090; text-align: left; left:5%; top:90%;  color:#000; font-size: 11px; font:100%/1.2 normal Arial,Sans-serif; height:auto; padding:0px 0px 0px 0px; width:75%;  }


  .clear_all {
      cursor: pointer;
    }

  .submit {
      cursor: pointer;
    }

  .add_item, .check, .conti, .fotkabig {
      cursor: pointer;
    } 


.shopping_list td,
.shopping_list th {
 text-align: center;
 // cursor: pointer;
 }

  .hidel {
 // display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
 // line-height: 30px;
  cursor: pointer;
 }




  .btn {
 // display: inline-block;
  width: 50px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
 // line-height: 30px;
  cursor: pointer;
 }



  .pay_dol {
     background-color:#4CAF50;
    border: none;
    color: white;
    padding: 0px 40px;
    text-align: center;
    text-decoration: none;
   // display: inline-block;
    font-size: 16px;
  cursor: pointer;
  }

  .pay_rub {
     background-color:#4CAF50;
    border: none;
    color: white;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    //display: inline-block;
    font-size: 14px;
  cursor: pointer;
  }

   .divles {
     //background-color:#000;
     background-color:none;
    width: 18%;
    //border: 15px;
    margin-left:1%;
    margin-top: 1%;
  cursor: pointer;
   }


    divlet.block{
        display:inline-block;
       // padding:25px;
       // margin:15px;
    }

  .thumb {
    height: 54px;
    border: 0.5px solid #000;
    margin: 1px 1px 0 0;
  }

.modal {
    //display: none; /* Hidden by default */
    visibility: hidden; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 2%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modalcontent {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 800px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modalcontent {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}






/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modalcontent {
        width: 100%;
    }
}



h1 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  18px;

}

h2, h3, h4 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  14px;

}

h5 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  18px;

}

h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  24px;

}

h7 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  36px;

}


}

@media only screen and (max-width: 970px) {

body { width:100%; height:100%; background:#000; }

/*print"<div id='russiatitle'>";*/
#russiatitle { position:fixed; z-index: 19999; background:#000; background-image: url("./imgstartfo");  background-repeat: no-repeat; background-size: 100px; width:98%; left:1%; height:9%; top: 0%; text-align: left; border-style: 0px solid; border-bottom: 4px solid yellow; color:yellow; font-size: 12px; font:100%/1.3 Arial,Sans-serif;  padding:0px 0px 0px 0px; }
/*<div id='poisk'>"; поиск*/
#poisk {position:fixed; z-index:19000; background:#000; color:#333; border: 0px solid #909090; border-top: 0px solid #909090; border-bottom: 0px solid #909090; height:30px; top: 9%; left:0%; display: block; font: 90%/1.0 normal Arial,Sans-serif; text-align: center; color:#fff; padding:10px 0px 0px 0px; width:100%; }


/*<div id='header81'>";//меню*/
#menus { position:fixed; z-index:31000; background:none; overflow:auto; left:40%; height:7%; top: 1%; text-align: right; border: 0px solid #909090; color:#fff; font-size: 10px; font:80%/1.1 Arial,Sans-serif;  padding: 0px 0px 0px 0px; width:58%;}
#menus1 { position:fixed; z-index:32001; background:none; overflow:hidden; left:40%; height:8%; top: 0.5%; text-align: center; border: 0px solid #909090; color:#fff; font-size: 18px; font:80%/1.1 Arial,Sans-serif;  padding:px 0px 0px 0px; width:58%;}


/*#left6 { float:left; background:#000; border: 0px solid #909090; text-align: center; left:1%; margin-top:0%;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:auto; padding:0px 6px 0px 0px; width:48%; }*/
#leftin6 { position:relative; background:none; overflow:hidden; border: 1px solid #999999; width:90%; height:auto;  top:10px; left:5px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#leftin61 { position:relative; background:none; overflow:hidden; border: 1px solid #999999; width:90%; height:auto;  margin-top:7%; left:5px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#leftin62 { position:relative; background:none; overflow:hidden; border: 1px solid #999999; width:90%; height:auto;  margin-top:7%; left:5px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#leftin63 { position:relative; background:none; overflow:hidden; border: 0px solid #999999; width:90%; height:auto;  margin-top:7%; left:5px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#leftin64 { position:relative; background:none; overflow:hidden; border: 0px solid #999999; width:90%; height:auto;  margin-top:7%; left:5px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }

#botcom { float:left; z-index:0; background:#000; border: 0px solid #909090; text-align: center; left:1%; margin-top:5%;  color:#fff; font-size: 11px; font:70%/0.9 normal Arial,Sans-serif; height:auto; top:2000px; padding:0px 0px 0px 0px; width:98%; visibility:visible;}
#botlev { position:relative; z-index:; background:#000; overflow:auto; border: 0px solid #999999; width:48%; height:auto;  top:10px; left:1%; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#botpra {  position:relative; z-index:; background:#000; overflow:auto; border: 0px solid #999999; width:48%; height:auto;  top:0px; left:51%; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }
#bottoms { position:relative; z-index:; background:#000; border: 1px solid #909090; text-align: center; left:-0.5%; margin-top:0%;  color:#fff; font-size: 11px; font:105%/0.9 normal Arial,Sans-serif; height:70px; top:30px; padding:20px 0px 0px 0px; width:100%; visibility:visible;}

#midcenter { position:fixed; z-index: 20999;  overflow:auto; background:#fff; border: 8px solid #909090; text-align: left; left:5%; margin-top:6%;  color:#000; font-size: 11px; font:60%/1.2 normal Arial,Sans-serif; height:50%; padding:10px 10px 10px 10px; width:80%; visibility:hidden; }
#midcenter1 { position:fixed;  z-index: 36000;  overflow:auto; background:none; border: 0px solid #909090; text-align: right; left:5%; margin-top:6%;  color:#000; font-size: 11px; font:60%/1.2 normal Arial,Sans-serif; height:auto; padding:10px 10px 10px 10px; width:80%; visibility:hidden; }
#midcenter2 { position:fixed;  z-index: 35999; overflow:auto;  background:#fff;  border: 0px solid #909090; text-align: center; left:9%; top:0%; margin-top:5%; color:#000; font-size: 12px; font:80%/1.2 normal Arial,Sans-serif; height:auto; padding:0px 0px 0px 0px; width:83%; visibility:hidden;}



#smallcart { position:fixed; z-index: 22999; overflow:auto; background:#fff; border: 8px solid #909090; text-align: left; left:10%; margin-top:0%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:90%; padding:10px 10px 10px 10px; width:80%; visibility:hidden; }
##cart_content {position:absolute; width:80%; visibility:visible;}
##smallcart1 { position:fixed; z-index: 21999;  background:none ; overflow:hidden; border: 0px solid #909090; text-align: right; left:85%; margin-top:0%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:10%; padding:0px 0px 0px 0px; width:5%; visibility:hidden; }
##smallcart2 { position:relative;  background:none; border: 1px solid #909090; text-align: left; left:45%; top:10%;  color:#000; font-size: 12px; font:120%/1.2 normal Arial,Sans-serif; height:60%; padding:10px 10px 10px 10px; width:40%; }

#cart_content { position:relative;  background:#fff; overflow:auto; border: 5px solid #909090; text-align: left; left:15%; top:10%;  color:#000; font-size: 12px; font:120%/1.2 normal Arial,Sans-serif; height:; padding:10px 10px 10px 10px; width:90%; visibility:hidden;}
#winor { position:fixed;  z-index: 320999; background:#fff; overflow:none; border: 5px solid #909090; text-align: center; left:30%; top:10%;  color:#000; font-size: 12px; font:100%/1.2 normal Arial,Sans-serif; height:30%; padding:10px 10px 10px 10px; width:35%; visibility:hidden;}
#visordol { position:fixed;  z-index: 320999; background:#fff; overflow:none; border: 5px solid #909090; text-align: center; left:30%; top:10%;  color:#000; font-size: 12px; font:100%/1.2 normal Arial,Sans-serif; height:auto; padding:10px 10px 10px 10px; width:35%; visibility:hidden;}
#visorru { position:fixed;  z-index: 320999; background:#fff; overflow:none; border: 5px solid #909090; text-align: center; left:30%; top:10%;  color:#000; font-size: 12px; font:100%/1.2 normal Arial,Sans-serif; height:auto; padding:10px 10px 10px 10px; width:35%; visibility:hidden;}



  .clear_all {
      cursor: pointer;
    }

  .submit {
      cursor: pointer;
    }

  .add_item, .check, .conti, .fotkabig {
      cursor: pointer;
    } 


.shopping_list td,
.shopping_list th {
 text-align: center;
 // cursor: pointer;
 }

  .poicklus {
 // display: inline-block;
  //width: 20px;
   height: 25px;
  border-radius: 10px;
  text-align: left;
 // line-height: 30px;
 // cursor: pointer;
 }

  .hidelus {
 // display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
 // line-height: 30px;
  cursor: pointer;
 }



  .hidel {
 // display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
 // line-height: 30px;
  cursor: pointer;
 }




  .btn {
 // display: inline-block;
  width: 50px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
 // line-height: 30px;
  cursor: pointer;
 }



  .pay_dol {
     background-color:#4CAF50;
    border: none;
    color: white;
    padding: 0px 40px;
    text-align: center;
    text-decoration: none;
   // display: inline-block;
    font-size: 16px;
  cursor: pointer;
  }

  .pay_rub {
     background-color:#4CAF50;
    border: none;
    color: white;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    //display: inline-block;
    font-size: 14px;
  cursor: pointer;
  }

  .thumb {
    height: 54px;
    border: 0.5px solid #000;
    margin: 1px 1px 0 0;
  }

.modal {
    //display: none; /* Hidden by default */
    visibility: hidden; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 2%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modalcontent {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 800px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modalcontent {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modalcontent {
        width: 100%;
    }
}



h1 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  18px;

}

h2, h3, h4 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  14px;

}

h5 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  18px;

}

h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  24px;

}

h7 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  36px;

}


}

a, a:visited {text-decoration: none; color: #209034;}
a:hover, a:active {text-decoration: none; color: #6782b2;}

//-->


</style>