.td-contact-bar {float: left; width: 100%; background-color: #111; padding: 15px 0;}
.td-contact-bar .container {display: flex; justify-content: space-between; align-items: center;}

.td-contact-item {position: relative; color: white; float: left; white-space: nowrap; width: auto; display: flex; justify-content: center; align-items: center;  margin-right: 35px;}
.td-contact-flag {position: relative; color: white; float: right; white-space: nowrap; width: auto; display: flex; justify-content: center; align-items: center; }

.td-flex-box {display: flex; justify-content: center; align-items: center;}
.td-full-width {float: left; width: 100%;}

.td-contact-item span {color: white; float: left; white-space: nowrap; display: inline-block;}
.td-contact-bar img {width: 25px;  margin-right: 15px;  float: left; opacity: 0.5; }
.td-contact-flag img {margin: 0 5px; opacity: 0.7;}
.td-contact-flag img:hover {opacity: 1;}

.td-box-container {float: left; width: 100%; margin-top: 15px;}
.td-box {float: left; width: 25%;}
.td-box h2 {float: left; width: 100%; text-align: center; }
.td-box .td-box-img {display: flex; justify-content: center; align-items: center; float: left; width: 100%;}
.td-box .td-box-img img {width: 50%;}
.td-box .td-box-content {display: flex; justify-content: center; text-align: center; align-items: center; float: left; width: 100%; flex-wrap: wrap; padding: 0 25px;}
.td-box .td-box-content p {text-align: center !important;}

.td-multibox {width: 100%; float: left; min-height: 1024px; display: block; position: relative;}
.td-multibox-box:nth-of-type(1) {top:0; left: 0; width: 65%; float: left; position: absolute; height: 65%; background-color: #36a9e1;}
.td-multibox-box:nth-of-type(2) {bottom: 35%; right: 0; width: 35%; float: left; position: absolute; height: 55%; background-color: rgb(212, 114, 114);}
.td-multibox-box:nth-of-type(3) {bottom: 0; right: 35%; width: 55%; float: left; position: absolute; height: 35%; background-color: rgb(77, 94, 189);}
.td-multibox-box:nth-of-type(4) {bottom: 0; right: 0;width: 35%; float: left; position: absolute; height: 35%; background-color: #ffffff;}
.td-multibox-box:nth-of-type(1)  .td-multibox-box-collector, .td-multibox-box:nth-of-type(2)  .td-multibox-box-collector {position: absolute; width: 100%; padding: 35px; bottom: 5px; transition: 200ms;}
.td-multibox-box:nth-of-type(3)  .td-multibox-box-collector, .td-multibox-box:nth-of-type(4)  .td-multibox-box-collector {position: absolute; width: 100%; padding: 35px; bottom: 5px; transition: 200ms;}
.td-multibox-box .td-multibox-header {color: #ffffff; font-size: 20pt; font-weight: 600;}
.td-multibox-box .td-multibox-text p {color: inherit; font-size: inherit; font-weight: inherit;}
.td-multibox-box .td-multibox-text {color: #ffffff;  font-weight: 200;}
.td-multibox-box .td-multibox-link {background-color: #ffffff; padding: 10px 40px;  font-weight: 200;}
.td-multibox-box .td-multibox-link-light {background-color: #ffffff; color: #000000; padding: 10px 40px;  font-weight: 200;}
.td-multibox-box .td-multibox-link-dark {background-color: #000000; color: #ffffff; padding: 10px 40px;  font-weight: 200;}
.td-multibox-box .td-multibox-link-light:hover {text-decoration: none; background-color: #000000; color: #ffffff;}
.td-multibox-box .td-multibox-link-dark:hover {text-decoration: none; background-color: #ffffff; color: #000000;}

.td-multibox-box {overflow: hidden; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment:scroll; border: 5px solid white;}
.td-multibox-box:hover  .td-multibox-box-collector {bottom: 25px;}

.td-text-paticka-left {width: 40%; max-width: 400px; padding-right: 25px;}
.td-text-paticka-right {width: 60%; max-width: 600px; padding-left: 25px;}
.td-text-paticka-right h2 { margin-top: 20px;}
.td-text-paticka-left .addressBox2 {width: 100%;}


 
.w-5 {width: 5%;}  
.w-10 {width: 10%;}  
.w-15 {width: 15%;}  
.w-20 {width: 20%;}  
.w-25 {width: 25%;}  
.w-30 {width: 30%;}  
.w-35 {width: 35%;}  
.w-40 {width: 5%;}  
.w-45 {width: 45%;}  
.w-50 {width: 50%;}  
.w-55 {width: 55%;}  
.w-60 {width: 60%;}  
.w-65 {width: 65%;}  
.w-70 {width: 70%;}  
.w-75 {width: 75%;}  
.w-80 {width: 80%;}  
.w-85 {width: 85%;}  
.w-90 {width: 90%;}  
.w-95 {width: 95%;}  
.w-100 {width: 100%;}  



.td-panel {width: calc(25% - 20px); margin: 10px; float: left; position: relative; }
.td-panel:after {
    content: "";
    display: block;
    padding-bottom: calc(100% + 41px);
  }
.td-panel img.mainPic {width: 100%; position: absolute; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1);}
.td-panel .td-panel-collect {width: 100%; position: absolute; bottom: -20px; left: 0; padding: 0; z-index: 50;}
.td-panel .td-panel-collect .buttonBG { margin: 0; width: 100%;}
.td-panel .td-panel-collect a.buttonBG span:nth-of-type(1) {  width: calc(100% - 41px); font-size: 9pt;}

.td-thumbnails {display: flex; justify-content: center; text-align: center; align-items: center; float: left; width: 100%; flex-wrap: wrap;}
.td-thumbnail {width: calc(25% - 20px); margin: 10px; position: relative;}
.td-thumbnail-image {width: 100%;}
.td-thumbnail-shader, .td-panel-shader {display: flex; opacity: 0; transition: 200ms; justify-content: center; text-align: center; align-items: center; position: absolute; z-index: 5; width: 100%; height: 100%; flex-wrap: wrap; background-color: rgba(255,255,255,0.5); color: #36a9e1; font-size: 78pt; font-weight: 600;}
.td-thumbnail-shader:hover {opacity: 1;}
.td-panel-shader:hover {opacity: 1;}

@media only screen and (max-width: 1023px) {
  .td-box {width: 50%; margin: 25px 0;}
  div.td-multibox-box {width: 100% !important; position: relative !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; height: auto !important; margin: 10px 0; padding: 0;}
  div.td-multibox-box-collector {width: 100% !important; position: relative !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; height: auto !important;}
  .td-panel {width: calc(50% - 20px); }
}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
.td-contact-bar .container div:nth-of-type(1) {display: none;}
.td-panel {width: calc(100% - 20px); }
.td-thumbnail {width: calc(50% - 20px); margin: 10px; position: relative;}
.td-box {width: 100%; margin: 25px 0;}

}