.uc-btns { display: inline-block; position: relative; padding: 8px 20px; text-decoration: none !important; font-size: 16px; transition: all .3s ease-out 0s; color: #fff!important; background: #007bbb; }
.uc-btns:hover { background: #333333; transition: all .3s ease-out 0s; }
.uc-title-wrapper { display: block; margin: 30px 0 0!important; border-bottom: 2px solid #007bbb; } .uc-title { display: inline-block!important; margin: 0 0 0 15px!important; background: #007bbb; display: block; box-sizing: border-box; padding: 10px 15px; color: #fff; text-align: left; font: 18px/18px 'Arimo',Arial,sans-serif; }
.ucv-a2-panel strong { font-size: 20px; color: #fff; } .ucv-a2-panel { background: #777 url('https://i.ibb.co/tM5JkxS/image.jpg') center; background-size: cover; display: flex; justify-content: center; align-items: flex-start; background-repeat: no-repeat; margin: 120px 0; } .ucv-a2-panel1 { background: #777 url('https://i.ibb.co/5GBS81y/image.jpg') center; background-size: cover; display: flex; justify-content: center; align-items: flex-start; background-repeat: no-repeat; margin: 120px 0; }.ucv-a2-container { background-color: rgba(83, 83, 83, 0.85); margin: 0; padding: 25px; width: 450px; height: 450px; text-align: center; transform: rotate(45deg); } .ucv-a2-content { transform: rotate(-45deg); display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; padding: 10px; box-sizing: border-box; margin: 51px; } .ucv-a2-header { font-size: 26px; line-height: 32px; color: #007bbb; margin: 0px; } .ucv-a2-sub-header { font-size: 17px; line-height: 26px; padding: 7px 15px; color: #fff; margin: 0px; } .ucv-a2-text { position: relative; font-size: 14px; line-height: 22px; color: #fff; margin: 0px; } .ucv-a2-link { display: inline-block; box-sizing: border-box; height: 120px; width: 120px; text-decoration: none!important; text-align: center; background: #007bbb; color: #fff!important; padding: 10px; border: 2px solid #007bbb; font-size: 19px; transform: rotate(45deg); } .ucv-button-container { margin: 45px 0 0!important; } .ucv-button-rot { transform: rotate(-45deg) translatex(-22%) translatey(35%); display: inline-block; word-spacing: normal; } .ucv-a2-link:hover { color: #007bbb!important; border-color: #fff; background: #333333; color: #fff!important; } @media screen and (max-width: 1200px) { .ucv-a2-texts { width: auto; text-align: left!important; border-radius: 0; } .ucv-a2-container { width: 100%; transform: rotate(0deg); padding: 20px 10px; height: 100%; } .ucv-a2-panel { padding: 0; margin: 0; } .ucv-a2-link { transform: rotate(0deg); height: auto; width: auto; } .ucv-a2-content { transform: rotate(0deg); padding: 20px; margin: 0 auto; } .ucv-button-rot { transform: rotate(0deg); } }
.ucv-b1-panel { padding: 20px 0; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; border: 1px solid #ebebeb; } .ucv-b1-img-holder img { display: block; height: auto !important; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(83, 83, 83, 0.8); text-align: left; color: #fff; transition: all .7s cubic-bezier(0.31, 0.57, 0.31, 2.0); overflow: hidden; } .ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { font-size: 15px; color: #222; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #007bbb; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 31%; text-decoration: none; } @media screen and (max-width: 768px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper { width: 51%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 51%; } } @media screen and (max-width: 500px) { .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } }
:root { --infograph-color2: #535353; --infograph-color1: #007bbb; } .four-panel { padding: 20px; } .four-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .four-item { display: flex; flex-direction: column; width: 40%; border-radius: 0px; padding: 30px; box-shadow: 15px 15px 44px 5px rgba(0, 0, 0, 0.38); margin: 20px 0; } .four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; padding: 25px; display: flex; flex-direction: column; align-items: center; height: 100%; } .four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 0; } .four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 0px; } .four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 0px; } .four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 0px; } .four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color1); border-radius: 0px; } .four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 100%; background: var(--infograph-color1); border-radius: 0px; } .four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 15px; background: var(--infograph-color2); border-radius: 0px; } .four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 100%; background: var(--infograph-color2); border-radius: 0px; } .four-header { font-size: 20px!important; line-height: 20px; } .four-text {} .four-icon {} @media screen and (max-width: 1100px) { .four-item { width: 80%; } .four-content-1:after, .four-content-1:before, .four-content-2:after, .four-content-2:before, .four-content-3:after, .four-content-3:before, .four-content-4:after, .four-content-4:before { display: none; } .four-content-1, .four-content-3 { border: 15px solid var(--infograph-color2); border-radius: 0px; } .four-content-2, .four-content-4 { border: 15px solid var(--infograph-color1); border-radius: 0px; } }
.uc-oco-panel { padding: 20px 0px 30px; } .uc-oco-header { text-align: center; padding-bottom: 20px; } .uc-oco-table { border-width: 0px !important; width: 50% !important; table-layout: fixed; float: left; } .uc-oco-table+.uc-oco-table { margin-left: 0%; } .uc-oco-table td { padding: 10px; transition: all 0.5s; } .uc-oco-table img { transition: all 0.4s; } .uc-oco-table tr:hover td { box-shadow: 0 100px 0 #535353 inset; transition: all 0.5s; color: #fff; } .uc-oco-table tr:hover img {} .uc-oco-table-col1 { width: 50px; position: relative; height: 50px; padding-left: 15px; transition: all 0.85s; } .uc-oco-table tr:hover .uc-oco-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #007bbb inset !important; } .uc-oco-table tr img { position: absolute; top: 50%; left: 50%; } .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(1.0); } .uc-table_ocons2 { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -o-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; } .uc-oco-table tr:hover .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(0.0); } .uc-oco-table tr:hover .uc-table_ocons2 { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); } @media screen and (max-width: 1100px) { .uc-oco-table { float: none; width: 100% !important; } .uc-oco-table+.uc-oco-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top!important; } } .uc-clear { clear: both; heigh: 0;}
.uc-infogr strong { font-size: 17px; color: #007bbb; } .uc-infogr { padding: 20px 0; text-align: center; } .uc-infogr_title { padding-bottom: 20px; } .uc-infogr_container { display: flex; flex-flow: row wrap; align-content: center; justify-content: space-around; } .uc-infogr_content { display: flex; margin: 10px 0; width: 46%; justify-content: center; position: relative; color: #fff; } .uc-number { color: #007bbb; font-weight: 600; font-size: 8em; line-height: 0.5; text-shadow: 14px 0 1px white; transition: 0.5s; z-index: 99; margin-top: 15%; } .uc-infogr_content:hover .uc-number { transform: scale(1.1); transition: 0.5s; } .uc-text img { position: relative; width: 70px; margin: 0 auto; padding-bottom: 5px; border-bottom: 2px solid transparent; transition: 0.5s; } .uc-text:hover img { border-color: #007bbb; transition: 0.5s; } .uc-text { display: flex; flex-direction: column; justify-content: center; width: 450px; min-height: 300px; margin-left: -35px; transition: 0.5s; background: #F2F2F2; border: 3px solid #fafafa; box-shadow: 0 0 20px rgba(83, 83, 83,0.5); color: #000; } .uc-text h3 { margin: 15px 0 0; color: #007bbb; font-size: 16px; } .uc-text:hover { box-shadow: 5px 5px 20px #535353; transition: 0.5s; } .uc-text p { margin: 10px 0 0 50px; width: 75%; }
@media screen and (max-width: 1600px) { .uc-infogr_content { width: 45%; } }
@media screen and (max-width: 800px) { .uc-infogr_content { width: 95%; } }
.uc-b5-panel { padding: 20px 0; text-align: center; }
.uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.uc-b5-header { margin-bottom: 40px !important; }
.uc-b5-wrapper { display: inline-block; vertical-align: top; width: 19%; margin: 10px 1%; }
.uc-b5-text { margin: 10px 0 0; }
.uc-b5-arr { width: 2%!important; font-size: 30px; color: #535353; vertical-align: middle; padding-top: 10px; }
.uc-b5-text { margin: 10px 0 0; }
@media screen and (max-width: 650px) { .uc-b5-wrapper { width: 44%; } .uc-b5-arr2 { display: none; } }
@media screen and (max-width: 500px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } }
.uc-footer { padding: 10px 20px; text-align: center; }
ТД«Строительные материалы» — надежный поставщик любых стройматериалов!
Если рассматривать, какие строительные материалы будут востребованы в течении нескольких сезонов, то это скорее всего утеплители, каменная вата или минвата. Все дома, как частные, так и высотные жилые здания, утепляются снаружи и внутри. Невозможно пройти мимо дома и не заметить, что некоторые квартиры немного "выступают" от стены - значит было произведено утепление фасада. Не стоит забывать, что одних утеплителей недостаточно, необходимы еще и вспомогательные материалы, вроде клея или креплений. Будет намного удобней заказывать комплексные поставки строительных материалов, поскольку это намного выгодней.
Если Вы находитесь в поиске нового поставщика строительных материалов в Самаре и Самарской области, то Вы попали по адресу. ООО "ТД Строительные Материалы" уже несколько лет активно занимается реализацией строительных материалов и может обеспечить доставку в любой город страны. Свяжитесь с нами для получения дополнительной информации.
Наши контакты
Доставка и оплата