54 отзыва

Интернет магазин - Prosportline

8 показать номер
+7 показать номер

Интернет магазин - Prosportline

.ucv-a2-panel strong { font-size: 20px; color:#7cb342; }.ucv-a2-panel{background:#777 url(http://content.s3.prom.st/Sep2016/10202gl.jpg); padding: 20px; background-size: cover} .ucv-a2-texts{background-color: rgba(71, 71, 71, 0.85); border: 2px solid #555; width: 45%; max-width:430px; padding:20px 15px; text-align: right;} .ucv-a2-header{font-size: 26px; line-height: 32px; color:#7cb342; margin: 0px 0px 5px;} .ucv-a2-sub-header{font-size: 18px; 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!important; text-align: center; color: #7cb342!important; border: 2px solid #7cb342; font-size: 15px; min-width: 160px;} .ucv-a2-link:hover{color: #fff!important; border-color:#fff;} @media screen and (max-width: 1600px) { .ucv-a2-texts{width: 50%; max-width:100%;} } @media screen and (max-width: 1000px) { .ucv-a2-texts{width: 80%;} } @media screen and (max-width: 500px) { .ucv-a2-texts{width: auto;} .ucv-a2-link{width:100%;} } .ucv-b1-panel { background: #f9f9f9; padding: 20px 0; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 20px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none !important; width: 31.9%; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; 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(71, 71, 71, 0.85); text-align: left; color: #fff; transition: all 0.6s ease 0s; 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 { color: #7cb342; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #333333; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } @media screen and (max-width: 1000px) { .ucv-b1-wrapper { width: 45%; } } @media screen and (max-width: 600px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-wrapper { width: 80%; } } .uc-arr-panel { padding: 20px 15px 20px; background-color: #f4f4f4; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align: center; margin-bottom: 25px!important; } .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 #333333; 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: 768px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } .uc-clear {clear:both; height:0px;} .uc-btn-2 { display: inline-block; padding: 8px 30px; font-size: 16px; color:#fff!important; text-decoration: none!important; background:#333333; transition: all .3s ease; } .uc-btn-2:hover { background:#7cb342; transition: all .3s ease; } .uc-arca-panel { padding: 20px 15px 20px; background-color: #f9f9f9;} .uc-arca-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arca-header { text-align: center; margin-bottom: 25px; } .uc-arca-table { border-width: 0px !important; width: 100% !important; table-layout: fixed; float: left; } .uc-arca-table td { padding: 10px; } .uc-arca-table+.uc-arca-table { margin-left: 0%; } .uc-arca-table-col1 { width: 60px; } .uc-arca-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 70px; text-align: center; font-size: 30px; transition: all 0.3s; } .uc-arca-table-marker img { transition: all 0.3s; } .uc-arca-table tr:hover .uc-arca-table-marker img { transform: translateX(5px) } @media screen and (max-width: 768px) { .uc-arca-table { float: none; width: 100% !important; } .uc-arca-table+.uc-arca-table { margin: 0; } } .uc-clear {clear:both; height:0px;} .uc-e12-panel { padding: 20px; text-align: center; background-color: #f4f4f4; } .uc-e12-header { text-align: center; margin-bottom: 40px; margin-bottom: 25px!important;} /* 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-box { text-align: center; overflow: hidden; padding: 20px;margin-top:-5px; background-color: #f9f9f9;} .uc-box__icons { width:48%; margin: 30px 1%; min-height: 140px; float: left; box-shadow: 0 0 5px #7cb342; border-radius: 2px; padding: 20px 10px; box-sizing: border-box; transition: all .2s ease; vertical-align: top; } .uc-box__icons:hover { box-shadow: 0 0 10px #7cb342; } @media screen and ( max-width: 900px ) { .uc-box__icons { width: 90%; margin: 20px 5%; } } .uc-blink-panel { padding: 20px 15px 20px; background-color: #f4f4f4;} .uc-blink-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-blink-header { text-align: center; margin-bottom: 25px!important; } .uc-blink-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-blink-table tr:hover .uc-blink-table-marker { background: #333333; color: #ffffff; } .uc-blink-table td { padding-bottom: 10px; } .uc-blink-table+.uc-blink-table { margin-left: 4%; } .uc-blink-table-col1 { width: 60px; } .uc-blink-table-marker { width: 40px; height: 40px; margin: 0px auto; line-height: 41px; border-radius: 100%; border: 2px solid #333333; text-align: center; color: #7cb342; font-size: 30px; transition: all 0.3s; } @media screen and (max-width: 768px) { .uc-blink-table { float: none; width: 100% !important; } .uc-blink-table+.uc-blink-table { margin: 0; } } .uc-clear {clear:both; height:0px;}
gg

Интересные статьи