/* Enter Your Custom CSS Here */ .center { margin: 0 auto; } .bold { font-weight: bold; } .right { text-align: right; } .large { font-size: x-large; } .unerline { text-decoration: underline; } .catalog-table-wrapper .catalog-table { width: 85%; text-align: center; } .catalog-table .catalog-cell { vertical-align: top; display: inline-block; width: 200px; height: 350px; padding: 5px; border: 1px solid #ddd; margin: 5px; } .menu-table-wrapper .menu-table { } .menu-table .menu-cell { vertical-align: top; display: inline-block; width: 300px; height: 200px; margin: 5px; margin-right: 15px; margin-left: 15px; } .image-strip { text-align: center; } .image-strip > div { vertical-align: top; display: inline-block; } .image-strip img { height: 245px; } .image-strip-whith-text { text-align: center; } .image-strip-whith-text > div { vertical-align: top; display: inline-block; } .image-strip-whith-text img { box-shadow: none; -webkit-box-shadow: none; } .image-strip2 { text-align: center; } .image-strip2 > div { vertical-align: top; display: inline-block; } .image-strip2 img { height: 300px; } .image-strip2-whith-text { text-align: center; } .image-strip2-whith-text > div { vertical-align: top; display: inline-block; } .image-strip2-whith-text img { box-shadow: none; -webkit-box-shadow: none; } .goft-strip > div { width: 200px; } .two-column > div { vertical-align: top; display: inline-block; padding: 5px; min-width: 250px; max-width: 525px; } .two-column img.alignleft { margin: 0; margin-right: 1.5em; } .two-column table.mini { width: 525px; margin: 0; } .benefits-table > div > div { height: 90px; } .two-column-middle > div { vertical-align: middle; } .contact-block div.contact-image { min-width: 250px; max-width: 345px; } .contact-block div.contact-info { min-width: 250px; max-width: 680px; } .contact-block > div { vertical-align: middle; display: inline-block; padding: 5px; } .contact-info h2 { text-decoration: underline; } .two-column-right > div { vertical-align: top; display: inline-block; padding: 5px; } .two-column-right > div:nth-child(1) { min-width: 250px; max-width: 250px; } .two-column-right > div:nth-child(2) { min-width: 250px; max-width: 750px; } .two-column-right { padding: 5px; } .two-column-left > div { vertical-align: top; display: inline-block; padding: 5px; } .two-column-left > div:nth-child(2) { min-width: 250px; max-width: 250px; float: right; } .clearfix:after { content: ''; display: block; clear: both; } .two-column-left:after { content: ''; display: block; clear: both; } .two-column-left > div:nth-child(1) { min-width: 250px; max-width: 700px; } .two-column-left { border-bottom: 1px solid #0074a2; padding: 5px; } .blue-table { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; text-align: left; border-collapse: collapse; border: 1px solid #69c; } .blue-table th { font-weight: normal; font-size: 14px; color: #039; padding: 15px 10px 10px; } .blue-table td { color: #669; border-top: 1px dashed #fff; padding: 10px; background: #ccddff; } .switch > div { vertical-align: middle; background: #2ea2cc; display: inline-block; width: 120px; height: 45px; padding: 5px; text-align: center; } .switch-home > div { width: 165px; } .switch a { text-decoration: none; font-size: larger; line-height: 45px; color: #fff; } .switch > div:hover a { color: #fff; } .switch .active { background: #0074a2; } .switch > div:hover { background-color: #0074a2; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; } .switch a > div { width: 100%; height: 100%; } .youtube-embed { max-width: 640px; max-height: 360px; } #menu-verxnee-menyu > li { border-right: 1px solid #fff; } #menu-verxnee-menyu > li.menu-item-48 { border-left: 1px solid #fff; } .news-date { font-weight: bold; } .price { text-align: center; font-weight: bold; padding: 5px; font-size: larger; } .middle-col { width: 750px; margin: 0 auto; } .middle-col .two-column-left > div:nth-child(1) { max-width: 450px; } @media only screen and (max-width: 999px) { /* rules that only apply for canvases narrower than 1000px */ } @media only screen and (device-width: 768px) and (orientation: landscape) { /* rules for iPad in landscape orientation */ } @media only screen and (min-device-width: 320px) and (max-device-width: 640px) { .image-strip img { height: auto; } .two-column table.mini { width: 250px; } .two-column.benefits-table > div > div { height: auto; } .metaslider { display: none; } .mobile-hide { display: none; } .view .mask, .view .content { width: 250px; } .menu-table .menu-cell { width: 250px; } } .view-fifth .content > div { text-transform: uppercase; font-weight: bold; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(255, 255, 255, 0.5); color: #222; box-shadow: 0px 1px 3px rgba(46, 46, 46, 0.5); margin: 20px 0 0 0; } .hatom-extra { display: none; } .proect-list li { border-bottom: 1px solid #0074a2; padding-bottom: 15px; padding-top: 15px; list-style-type: decimal; }