интернет- маркет "Алл торг"

.uc-btn1 { display: inline-block; text-align: center; text-decoration: none !important; color: #ff9403!important; border: 2px solid #ff9403!important;border-radius: 3px; padding: 8px 10px; min-width: 150px; transition: all 0.6s; } .uc-btn1:hover { color: #fff !important; border: 2px solid #fff!important; } .ucv-a2-panel strong{ font-size:20px; color:#ff9403;} .ucv-a2-panel { background: #777 url(http://content.s3.prom.st/August/29095glav.png) center top; padding: 40px; } .ucv-a2-texts { background-color: rgba(53, 66, 79, 0.8); border: 2px solid #353d44; width: 90%; margin: 0 auto; padding: 20px 15px; text-align: center; } .ucv-a2-header { font-size: 24px; line-height: 32px; color: #ff9403; margin: 0px 0px 5px; } .ucv-a2-sub-header { font-size: 16px; line-height: 32px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-text { font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none; text-align: center; color: #4ec0f9; min-width: 150px; border: 2px solid #4ec0f9; font-size: 15px; } .ucv-a2-link:hover { color: #fff; border-color: #fff; } .ucv-b1-panel { padding: 20px; text-align: center; border-bottom:1px solid #35424f;} .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: 20px; text-decoration: none !important; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 270px;border:1px solid #e5e5e5; margin: 0 auto; } .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: rgba(53, 66, 79, 0.94); text-align: left; color: #fff; transition: all 0.6s ease 0s; overflow: hidden; font-size:12.5px;} .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 { color: #6a97ea; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #5f76a2; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 28%; margin-right: 2%; margin-left: 2%; } @media screen and (max-width: 1300px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper { width: 44%; margin-right: 2%; margin-left: 2%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 44%; margin-right: auto; margin-left: 5%; } } @media screen and (max-width: 900px) { .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; } } .uc-f10-panel { padding: 20px 15px 20px;border-bottom:1px solid #35424f;} .uc-f10-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-f10-header { text-align: center; } .uc-f10-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-f10-table td { padding-bottom: 10px; } .uc-f10-table+.uc-f10-table { margin-left: 4%; } .uc-f10-table-col1 { width: 60px; } .uc-f10-table-marker { width: 40px; height: 40px; margin: 0px auto; line-height: 41px; border-radius: 100%; border: 2px solid #6a97ea; text-align: center; color: #5f76a2; font-size: 28px; } .uc-f10-table tr:hover .uc-f10-table-marker { background: #6a97ea; color: #ffffff; border: 2px solid #6a97ea; } @media screen and (max-width: 1000px) { .uc-f10-table { float: none; width: 100% !important; } .uc-f10-table+.uc-f10-table { margin: 0; } } .uc-e1-panel { border-bottom:1px solid #35424f; padding: 20px; } .uc-e1-header { text-align: center; margin-bottom: 40px; } .uc-box { text-align: center; overflow: hidden; padding: 20px 10px; border-bottom:1px solid #35424f;} .uc-box__icons { width:48%; margin: 20px 1%; min-height: 80px; float: left; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset; border-radius: 3px; padding: 20px 30px; box-sizing: border-box; transition: all .2s ease; vertical-align: top; } .uc-box__icons:hover { transition: all .2s ease; box-shadow: 0 0 5px #6a97ea; } @media screen and ( max-width: 1000px ) { .uc-box__icons { width: 90%; margin: 20px 5%; } } .uc-e4-panel { border-bottom:1px solid #35424f; padding: 20px; text-align: center; } .uc-e4-header { text-align: center; margin-bottom: 40px; } /* Bob */ @-webkit-keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .uc-bob { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-name: uc-bob-float, uc-bob; animation-name: uc-bob-float, uc-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .uc-f16-table tr:hover td { background: #f7f7f7; } .uc-f16-table tr:hover img { transform: translateX(10px); } .uc-f16-table img { transition: all 0.3s; } .uc-f16-panel { padding: 20px 15px 20px; border-bottom:1px solid #35424f; } .uc-f16-header { text-align: center; } .uc-f16-table { border-width: 0px !important; width: 100% !important; table-layout: fixed; } .uc-f16-table td { padding: 5px; transition: all 0.3s; } .uc-f16-table-col1 { width: 60px; padding-left: 15px; } .uc-arr-panel { padding: 20px 5px 20px; border-bottom:1px solid #35424f; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align: center; } .uc-arr-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-arr-table td { padding: 10px; } .uc-arr-table+.uc-arr-table { margin-left: 4%; } .uc-arr-table-col1 { width: 60px; } .uc-arr-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 61px; border-radius: 100%; border: 2px solid #6a97ea; text-align: center; color: #000000; font-size: 30px; transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker { background: rgba(51,51,51,0.1); } .uc-arr-table-marker img { transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker img { transform: translateX(5px) } @media screen and (max-width: 1000px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } .uc-btns{ display: inline-block; padding: 8px 22px; color: #fff !important; text-decoration: none !important; font-size: 16px; transition: all .3s ease; background: #ff9403;box-shadow: inset 0 -3px 0 0 #e98600; border-radius: 3px;} .uc-btns:hover { transition: all .3s ease; background: #ffac3b;box-shadow: inset 0 -3px 0 0 #e98600; }