/*research.html*/
#receach1{ background:url(http://yarpromo.ru/images/researchBg.jpg) 50% 50% no-repeat; background-size: cover; color:#fff; }
#receach1 .grid { background:url(../images/grid.png) repeat; margin:0 0 0px 0; padding:0; border-top:solid #036199 1px; }
#receach1 .container { background:url(http://yarpromo.ru/images/researchBg1.png) no-repeat 50% 140px; padding-top:85px; padding-bottom:160px; }
#receach1 h1 { color: #ffffff; font-size: 30px; font-weight: 700; text-align: center; text-transform:uppercase; margin-bottom:110px; }
#receach1 div.block { width:33%; float:left; margin-bottom:100px; }
#receach1 div.block .blockContainer { width:260px; padding:0 20px; min-height:485px; height:100%; margin:0 auto; border:dashed 1px #fff; text-align:center; }
#receach1 div.block .blockContainer:hover { background-color: rgba(48, 191, 244, 0.2); }
#receach1 div.block h2 { text-transform:uppercase; background:url(http://yarpromo.ru/images/researchBgh2.png) 50% 100% no-repeat; font-size: 18px; font-weight: 700; line-height: 20px; margin:30px 0 10px 0; }
#receach1 div.block .price { font-size: 20px; font-weight: 400; line-height: 20px; }
#receach1 div.block .order { display:block; width:180px; margin:25px auto; height:32px; padding:10px 0 0 0; text-align:center; background:#30bff4; border-radius:3px; border:solid 0px #30bff4; color:#fff; text-decoration:none;
font-size:14px; font-weight:600; text-transform:uppercase; border:solid 1px #30bff4; }
#receach1 div.block .order:hover { }
#receach1 div.block p{ font-size: 14px; font-weight: 400; line-height: 20px; }
#receach1 div.block h3 {font-size: 18px; font-weight: 400; line-height: 20px; text-transform:uppercase; margin:0 0 15px 0; }
#receach1 div.block .more { display:block; width:165px; margin:25px auto; height:31px; padding:9px 0 0 0; border:solid 1px #fff; color:#fff; text-decoration:none;
font-size: 12px; font-weight: 700; line-height: 20px; text-transform:uppercase; }
#receach1 div.block .more:hover { background-color:#fff; color:#194268; }
/*creation.html*/
#creation1{ background:url(../images/creationBg.jpg) 50% 50% no-repeat; background-size: cover; color:#fff; }
#creation1 .grid { background:url(../images/grid.png) repeat; margin:0 0 0px 0; padding:0; border-top:solid #036199 1px; }
#creation1 .container { background:url(http://yarpromo.ru/images/researchBg2.png) no-repeat 50% 103px; padding-top:55px; padding-bottom:160px; }
#creation1 h1 { color: #ffffff; font-size: 30px; font-weight: 700; text-align: center; text-transform:uppercase; margin-bottom:110px; max-width:350px; }
#creation1 .block1 { width:50%; float:left; margin-bottom:100px; }
#creation1 .block1 .blockContainer { width:536px; min-height:562px; border:dashed 1px #fff; margin:0 auto; }
#creation1 .block1 .blockContainer h2.first { background:none; height:41px; padding:21px 0 0 0; margin:0; border-bottom:dashed 1px #fff; text-transform:uppercase; font-size: 18px; font-weight: 700; line-height: 20px; }
#creation1 div.block { width:227px; float:left; padding:0 20px; min-height:500px; height:100%; margin:0 auto; text-align:center; }
#creation1 div.block.first { border-right:solid 1px #fff; }
#creation1 div.block:hover { background-color: rgba(48, 191, 244, 0.2); }
#creation1 div.block h2 { text-transform:uppercase; background:url(http://yarpromo.ru/images/researchBgh2.png) 50% 100% no-repeat; border-bottom:0; font-size: 18px; font-weight: 700; line-height: 20px; margin:30px 0 10px 0; }
#creation1 div.block .price { font-size: 20px; font-weight: 400; line-height: 20px; }
#creation1 div.block .order { display:block; width:180px; margin:25px auto; height:32px; padding:10px 0 0 0; text-align:center; background:#30bff4; border-radius:3px; border:solid 0px #30bff4; color:#fff; text-decoration:none;
font-size:14px; font-weight:600; text-transform:uppercase; border:solid 1px #30bff4; }
#creation1 div.block .order:hover { }
#creation1 div.block p { font-size: 14px; font-weight: 400; line-height: 20px; min-height:180px; }
#creation1 div.block h3 {font-size: 18px; font-weight: 400; line-height: 20px; text-transform:uppercase; margin:0 0 15px 0; }
#creation1 div.block .more { display:block; width:165px; margin:25px auto; height:31px; padding:9px 0 0 0; border:solid 1px #fff; color:#fff; text-decoration:none;
font-size: 12px; font-weight: 700; line-height: 20px; text-transform:uppercase; }
#creation1 div.block .more:hover { background-color:#fff; color:#194268; }
/**/
h2 span { font-size: 24px;}
#shop1{ padding:0; background:url(../images/creationBg.jpg) 50% 0 no-repeat; background-size: cover; /*margin-top:80px;*/ color:#fff; }
#shop1 .container { padding-top:15px; padding-bottom:20px; text-align:center; }
#shop1 h1 { color: #ffffff; font-size: 30px; font-size: 30px; font-weight: 400; text-transform:uppercase; margin-bottom:15px; }
#shop1.type2 { background:url(http://yarpromo.ru/images/headerBg1.jpg) 50% 0 no-repeat; background-size: cover; }
#shop1.type4 { background:url(http://yarpromo.ru/images/kim_bg_1.png) 50% 0 no-repeat; background-size: cover; }
#shop1.type4 .container { height:140px; padding-top:15px; padding-bottom:20px; }
#shop1.type4 h1 { margin-top:30px; }
#shop1 .grid { background:url(../images/grid.png) repeat; }
#shop1 .switch { width:240px; height:40px; margin:0 auto 15px auto; border-radius:4px; border:solid #fff 1px; line-height:36px; }
#shop1 .switch .butt { color:#fff; text-decoration:none; width:123px; height:40px; border-radius:4px; background:#30bff4; float:left; cursor:pointer; }
#shop1 .switch .buttr { color:#fff; text-decoration:none; width:123px; height:40px; border-radius:4px; background:#30bff4; float:right; cursor:pointer; }
#shop1 .switch .butt.type1 { border-top-right-radius:0px; border-bottom-right-radius:0px; border-right:solid #fff 1px; }
#shop1 .switch .buttr.type1 { border-top-left-radius:0; border-bottom-left-radius:0; border-left:solid #fff 1px; }
#shop1 .switch1 { position:relative; width:240px; height:40px; margin:0 auto 15px auto; border-radius:4px; border:solid #fff 1px; line-height:36px;
background: -moz-linear-gradient(top, rgba(0,6,22,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,6,22,0.25)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,6,22,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,6,22,0.25) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,6,22,0.25) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,6,22,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000616', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#shop1 .switch1 div { width:115px; height:40px; line-height:36px; display:inline-block; cursor:pointer; }
#shop1 .switch1 .butt { display:block; position:absolute; left:0px; top:0px; color:#fff; text-decoration:none; width:123px; height:40px; border-radius:4px; background:#30bff4; cursor:pointer; }
#shop1 .switch1 .buttr { display:block; position:absolute; left:117px; top:0px; color:#fff; text-decoration:none; width:123px; height:40px; border-radius:4px; background:#30bff4; cursor:pointer; }
.butt:hover, .buttr:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.switch1:hover {
}
#shop2 .container { text-align:center; padding-bottom:200px; background:url(http://yarpromo.ru/images/shop1Bg.jpg) 50% 100% no-repeat; }
#shop2.type2 .container { background:url(http://yarpromo.ru/images/shop2Bg.jpg) 50% 100% no-repeat; }
#shop2.type3 .container { background:url(http://yarpromo.ru/images/shop3Bg.jpg) 50% 100% no-repeat; }
.shop2.type4 { background:#f6f6f6; padding-top:0px; margin-bottom:90px; }
.shop2.type4 .container { background:url(../images/prodvigenie1.png) #f6f6f6 87% 100% no-repeat; padding-bottom:90px; }
.shop2.type4 span.h2 { margin:0; }
.shop2.type5 { background:#f6f6f6; padding-top:0px; margin-bottom:20px; }
.shop2.type5 .container { background:url(../images/reklama1.png) #f6f6f6 93% 100% no-repeat; padding-bottom:160px; }
.shop2.type7 { margin-bottom:90px; }
.shop2.type7 .container { background:url(http://yarpromo.ru/images/shop4Bg.png) 50% 100% no-repeat; padding-bottom:200px; padding-top:50px; }
.shop2 .container { text-align:center; padding-bottom:200px; background:url(http://yarpromo.ru/images/shop1Bg.jpg) 50% 100% no-repeat; }
.shop2.type2 .container { background:url(http://yarpromo.ru/images/shop2Bg.jpg) 50% 100% no-repeat; }
.shop2.type3 .container { background:url(http://yarpromo.ru/images/shop3Bg.jpg) 50% 100% no-repeat; }
.shop3 { /*padding-bottom:50px;*/ }
.shop3 p { text-align:center; }
.shop3 .left { width:50%; float:left; }
.shop3 .right { width:50%; float:left; margin-top:140px; }
.shop3 .block { padding:25px 20px 20px 180px; min-height:250px; }
.shop3 .b1 { background:url(http://yarpromo.ru/images/shopPict1.jpg) left top no-repeat; }
.shop3 .b2 { background:url(http://yarpromo.ru/images/shopPict2.jpg) left top no-repeat; }
.shop3 .b3 { background:url(http://yarpromo.ru/images/shopPict3.jpg) left top no-repeat; }
.shop3 .b4 { background:url(http://yarpromo.ru/images/shopPict4.jpg) left top no-repeat; }
.shop3 .b5 { background:url(http://yarpromo.ru/images/shopPict5.jpg) left top no-repeat; }
.shop3 h3 { color: #78b833; font-size: 18px; font-weight: 600; line-height: 20px; padding-bottom:10px; }
.shop3 .block p { color: #222222; font-size: 14px; font-style: italic; line-height: 20px; text-align: left; }
.shop3.type2 .left { width:45%; float:left; padding-left:10%; }
.shop3.type2 .right { width:45%; float:left; padding-left:0%; margin-top:0px; }
.shop3.type2 .block { padding:25px 20px 20px 180px; min-height:200px; }
.shop3.type2 .b1 { width:auto; margin-left:10%; }
.shop3.type6 .left { width:45%; float:left; padding-left:10%; }
.shop3.type6 .right { width:45%; float:left; padding-left:0%; margin-top:0px; }
.shop3.type6 .block { padding:25px 20px 20px 180px; min-height:200px; }
.shop3.type6 .b1 { background:url(http://yarpromo.ru/images/pict24.jpg) left top no-repeat; }
.shop3.type6 .b2 { background:url(http://yarpromo.ru/images/pict25.jpg) left top no-repeat; }
.shop3.type6 .b3 { background:url(http://yarpromo.ru/images/pict26.jpg) left top no-repeat; }
.shop3.type6 .b4 { background:url(http://yarpromo.ru/images/pict27.jpg) left top no-repeat; }
.shop3.type6 .b5 { background:url(http://yarpromo.ru/images/pict28.jpg) left top no-repeat; }
.shop3.type6 .b6 { background:url(http://yarpromo.ru/images/pict29.jpg) left top no-repeat; }
.shop3.type4 { }
.shop3.type4 .container { padding-bottom:50px; background:url(../images/sectionBg1.jpg) 50% 100% no-repeat; }
.shop3.type4 table { margin-top:30px; margin-left:8%; }
.shop3.type4 .block { float:left; width:37%; padding:25px 3% 20px 10%; min-height:90px; font-weight:400; }
.shop3.type4 .b1 { background:url(http://yarpromo.ru/images/pictNum1.jpg) 12% 15px no-repeat; }
.shop3.type4 .b2 { background:url(http://yarpromo.ru/images/pictNum2.jpg) 12% 15px no-repeat; }
.shop3.type4 .b3 { background:url(http://yarpromo.ru/images/pictNum3.jpg) 12% 15px no-repeat; }
.shop3.type4 .b4 { background:url(http://yarpromo.ru/images/pictNum4.jpg) 12% 15px no-repeat; }
.shop3.type4 .list h3 { color:#000; font-size:16px; }
.shop3.type5 .block { width:28%; display:inline-block; padding:25px 0px 20px 5%; min-height:250px; vertical-align:top; }
.shop3.type5 .b1 { background:url(http://yarpromo.ru/images/pictNum1.jpg) 4% 15px no-repeat; }
.shop3.type5 .b2 { background:url(http://yarpromo.ru/images/pictNum2.jpg) 4% 15px no-repeat; }
.shop3.type5 .b3 { background:url(http://yarpromo.ru/images/pictNum3.jpg) 4% 15px no-repeat; }
.shop3.type5 h3 { color:#000; font-size:16px; }
.shop3.type5 p { font-style:normal; padding-bottom:10px; font-size:16px; }
.shop3.type5 .container { padding-bottom:80px; background:url(../images/sectionBg1.jpg) 50% 100% no-repeat; }
#shop4 .container { text-align:center; /*padding-bottom:80px;*/ background:url(../images/sectionBg1.jpg) 50% 100% no-repeat; }
#shop4.type2 .container { background:none; }
.shop4 .container { text-align:center; /*padding-bottom:80px;*/ background:url(../images/sectionBg1.jpg) 50% 100% no-repeat; }
.shop4.type2 .container { background:none; }
#schema1 { }
#schema1 .container { text-align:center; /*padding-bottom:100px;*/ background:url(../images/sectionBg1.jpg) 50% 100% no-repeat; }
#schema1 #schema { width:1250px; padding-top:115px; background:url(http://yarpromo.ru/images/schemaB.jpg) 50% 0 no-repeat; }
#schema1 #schema div { width:20%; float:left; }
#schema1 #schema.type2 { background:url(http://yarpromo.ru/images/schemaBB.jpg) 50% 0 no-repeat; }
#schema1.type3 #schema { background:url(http://yarpromo.ru/images/schemaA.jpg) 50% 0 no-repeat; }
#schema1.type3 .container { padding-bottom:130px; background:none; }
#schema1.type4 #schema { width:auto; padding:0 0 20px 170px; margin-left:150px; background:url(http://yarpromo.ru/images/schemaD.jpg) 0% 0 no-repeat; }
#schema1.type4 #schema div { width:60%; vertical-align:middle; min-height:150px; padding:10px 0 5px 0; /*width:100%;*/ float:none; text-align:left; /*border:solid 1px;*/ }
#schema1.type4 #schema div.m1 { padding:30px 0 5px 0; min-height:120px; }
#schema1.type4 #schema div.m2 { min-height:170px; }
#schema1.type4 #schema div h3 { color: #78b833; font-size: 18px; font-weight: 600; line-height: 20px; padding-bottom:10px; }
#schema1.type4 #schema div p { color: #222222; font-size: 14px; font-style: italic; line-height: 20px; text-align: left; }
#schema { margin-left:-50px; padding-bottom:50px; }
.schema1 .container { text-align:center; /*padding-bottom:100px;*/ background:url(../images/sectionBg1.jpg) 50% 100% no-repeat; }
.schema1 .schema { width:1250px; padding-top:115px; background:url(http://yarpromo.ru/images/schemaB.jpg) 50% 0 no-repeat; }
.schema1 .schema div { width:20%; float:left; }
.schema1 .schema.type2 { background:url(http://yarpromo.ru/images/schemaBB.jpg) 50% 0 no-repeat; }
.schema1.type3 .schema { background:url(http://yarpromo.ru/images/schemaA.jpg) 50% 0 no-repeat; }
.schema1.type3 .container { padding-bottom:130px; background:none; }
.schema1.type4 .schema { width:auto; padding:0 0 20px 170px; margin-left:150px; background:url(http://yarpromo.ru/images/schemaD.jpg) 0% 0 no-repeat; }
.schema1.type4 .schema div { width:60%; vertical-align:middle; min-height:150px; padding:10px 0 5px 0; /*width:100%;*/ float:none; text-align:left; /*border:solid 1px;*/ }
.schema1.type4 .schema div.m1 { padding:30px 0 5px 0; min-height:120px; }
.schema1.type4 .schema div.m2 { min-height:170px; }
.schema1.type4 .schema div h3 { color: #78b833; font-size: 18px; font-weight: 600; line-height: 20px; padding-bottom:10px; }
.schema1.type4 .schema div p { color: #222222; font-size: 14px; font-style: italic; line-height: 20px; text-align: left; }
.schema { margin-left:-50px; padding-bottom:50px; }
#schema2 { text-align:center; }
#schema2 #schemaC { padding:30px 0 50px 0; }
#schema2 .left { /*display:inline-block;*/ float:left; width:30%; padding-top:130px; }
#schema2 .center { /*display:inline-block;*/ float:left; width:38%; height:600px; background:url(http://yarpromo.ru/images/schemaE.jpg) 50% 50% no-repeat; /*border:solid 1px;*/ }
#schemaE { padding:40px; }
#schema2 .right { /*display:inline-block;*/ float:left; width:30%; padding-top:130px; }
#schema2 .left .block { text-align:right; min-height:170px; padding-top:50px; /*border:solid 1px;*/ }
#schema2 .right .block { text-align:left; min-height:170px; padding-top:50px; /*border:solid 1px;*/ }
#schema2 h3 { color: #78b833; font-size: 18px; font-weight: 600; line-height: 20px; padding-bottom:10px; }
#schema2 .block { max-width:400px; margin:0 auto; }
#schema2 .block p { color: #222222; font-size: 14px; font-style: italic; line-height: 20px; font-weight:600; padding-bottom:10px; }
#schema2 .block p a { color:#00aeef; padding-right:14px; background:url(http://yarpromo.ru/images/bArrow.jpg) 100% 50% no-repeat; }
#shop5 { padding-bottom:50px; }
#shop5 ul { width:100%; margin:0 auto; }
/*#shop5 ul li { width:28%; padding:15px 0 0 5%; min-height:35px; float:left; font-size: 18px; font-weight: 400; line-height: 20px; text-transform:uppercase; list-style-type:none; }*/
#shop5 ul li a { color:#000; text-decoration:none; }
#shop5 ul li a:hover { text-decoration:underline; }
/*
#shop5 ul li.b1 { background:url(../images/shopPictSmall1.jpg) left top no-repeat; }
#shop5 ul li.b2 { background:url(../images/shopPictSmall2.jpg) left top no-repeat; }
#shop5 ul li.b3 { background:url(../images/shopPictSmall3.jpg) left top no-repeat; padding:3px 0 0 5%; }
*/
#shop5 ul li { display:inline-block; min-height:35px; width:28%; padding:10px 0 0 5%; vertical-align:middle; font-size: 18px; font-weight: 400; line-height: 20px; text-transform:uppercase; list-style-type:none; }
#shop5 ul li.b1 { background:url(../images/shopPictSmall1.jpg) left 50% no-repeat; width:30%; }
#shop5 ul li.b2 { background:url(../images/shopPictSmall2.jpg) left 50% no-repeat; width:22%; }
#shop5 ul li.b3 { background:url(../images/shopPictSmall3.jpg) left 50% no-repeat; width:32%; padding:0px 0 0 5%; }
.shop5 { /*padding-bottom:90px; padding-top:30px;*/ }
.shop5 ul { width:100%; margin:0 auto; text-align:center; }
.shop5 ul li a { color:#000; text-decoration:none; }
.shop5 ul li a:hover { text-decoration:underline; }
.shop5 ul li { display:inline-block; text-align:left; min-height:35px; width:28%; margin-bottom:25px; padding:10px 0 0 5%; vertical-align:middle; font-size: 18px; font-weight: 400; line-height: 20px; text-transform:uppercase; list-style-type:none; }
.shop5 ul li.b1 { background:url(../images/shopPictSmall1.jpg) left 50% no-repeat; width:30%; }
.shop5 ul li.b2 { background:url(../images/shopPictSmall2.jpg) left 50% no-repeat; width:22%; }
.shop5 ul li.b3 { background:url(../images/shopPictSmall3.jpg) left 50% no-repeat; width:32%; padding:0px 0 0 5%; }
.shop5 ul li.b4 { background:url(../images/shopPictSmall5.png) left 50% no-repeat; width:23%; padding:10px 0 0 5%; }
.shop5 ul li.b5 { background:url(../images/shopPictSmall8.png) left 50% no-repeat; width:28%; padding:10px 0 0 5%; }
.shop5 ul li.b6 { background:url(../images/shopPictSmall7.png) left 50% no-repeat; width:26%; padding:10px 0 0 5%; }
.shop5 ul li.b7 { background:url(../images/shopPictSmall10.png) left 50% no-repeat; width:26%; padding:10px 0 0 5%; }
.shop5 ul li.b8 { background:url(../images/shopPictSmall11.png) left 50% no-repeat; width:26%; padding:10px 0 0 5%; }
.shop5 ul li.b9 { background:url(../images/shopPictSmall9.png) left 50% no-repeat; width:26%; padding:10px 0 0 5%; }
.shop5 ul li.b10 { background:url(http://yarpromo.ru/images/shopPictSmall12.png) left 50% no-repeat; width:26%; padding:10px 0 0 5%; }
.shop5.type2 { text-align:center; }
.shop5.type2 ul li { width:auto !important; display:inline-block; min-height:40px; padding:15px 15px 0 57px !important; vertical-align:middle !important; }
.shop5.type7 { padding-bottom:0px; }
.shop5.type7 .container { text-align:center; padding-top:90px; padding-bottom:100px; }
.shop5.type7 ul li { /*width:auto !important;*/ display:inline-block; width:33% !important; min-height:40px; padding:15px 15px 0 57px !important; vertical-align:middle !important; }
.shop5.type7 ul li.left { width:30% !important; margin-left:15%; }
.shop5.type7 ul li.right { width:38% !important; }
#shop6 { padding-bottom:50px; }
#shop6 ul { width:90%; margin:0 auto; }
#shop6 ul li { width:28%; padding:15px 0 0 5%; min-height:35px; float:left; font-size: 18px; font-weight: 400; line-height: 20px; /*text-transform:uppercase;*/ list-style-type:none; }
#shop6 ul li a { color:#30bff4; text-decoration:underline; }
#shop6 ul li a:hover { text-decoration:none; }
#shop6 ul li.b1 { background:url(../images/shopPictSmall1.jpg) left top no-repeat; }
#shop6 ul li.b2 { background:url(../images/shopPictSmall2.jpg) left top no-repeat; }
#shop6 ul li.b3 { background:url(http://yarpromo.ru/images/shopPictSmall4.jpg) left top no-repeat; }
.shopGains .container { padding-bottom:80px; background:url(../images/sectionBg1.jpg) 50% 100% no-repeat; }
.shopGains p { text-align:center; }
.shopGains .block { display:inline-block; vertical-align:top; width:27%; padding:190px 3% 20px 3%; min-height:100px; }
.shopGains .right { margin-top:140px; }
.shopGains .b1 { background:url(http://yarpromo.ru/images/pict15.jpg) 50% 20px no-repeat; }
.shopGains .b2 { background:url(http://yarpromo.ru/images/pict16.jpg) 50% 20px no-repeat; }
.shopGains .b3 { background:url(http://yarpromo.ru/images/pict17.jpg) 50% 20px no-repeat; }
.shopGains h3 { color: #ef7f1a; font-size: 18px; font-weight: 600; line-height: 20px; padding-bottom:10px; }
.shopGains .block p { color: #222222; font-size: 14px; font-style: italic; line-height: 20px; text-align: left; }
.shopGains.type2 .b1 { background:url(http://yarpromo.ru/images/pict18.jpg) 50% 20px no-repeat; }
.shopGains.type2 .b2 { background:url(http://yarpromo.ru/images/pict19.jpg) 50% 20px no-repeat; }
.shopGains.type2 .b3 { background:url(http://yarpromo.ru/images/pict20.jpg) 50% 20px no-repeat; }
.shopGains.type2 .b4 { background:url(http://yarpromo.ru/images/pict21.jpg) 50% 20px no-repeat; }
.shopGains.type2 .b5 { background:url(http://yarpromo.ru/images/pict22.jpg) 50% 20px no-repeat; }
.shopGains.type2 .b6 { background:url(http://yarpromo.ru/images/pict23.jpg) 50% 20px no-repeat; }
.shopGains.type2 .block h3 { color: #78b833; text-align:center; }
.shopGains.type2 .block p { text-align:center; }
.shopGains.type3 h3 { color: #78b833; }
.shopGains.type3 .b1 { background:url(http://yarpromo.ru/images/pict9.jpg) 50% 20px no-repeat; }
.shopGains.type3 .b2 { background:url(http://yarpromo.ru/images/pict10.jpg) 50% 20px no-repeat; }
.shopGains.type3 .b3 { background:url(http://yarpromo.ru/images/pict11.jpg) 50% 20px no-repeat; }
.shopGains.type4 h3 { color: #78b833; }
.shopGains.type4 .b1 { background:url(http://yarpromo.ru/images/pict12.jpg) 50% 20px no-repeat; }
.shopGains.type4 .b2 { background:url(http://yarpromo.ru/images/pict13.jpg) 50% 20px no-repeat; }
.shopGains.type4 .b3 { background:url(http://yarpromo.ru/images/pict14.jpg) 50% 20px no-repeat; }
.shopGains.type5 .container { padding-bottom:100px; background:none; }
.shopGains.type5 .block { padding:230px 3% 20px 3%; min-height:100px; }
.shopGains.type5 h3 { color: #5fb656; }
.shopGains.type5 .b1 { background:url(http://yarpromo.ru/images/pict33.jpg) 50% 20px no-repeat; }
.shopGains.type5 .b2 { background:url(http://yarpromo.ru/images/pict34.jpg) 50% 20px no-repeat; }
.shopGains.type5 .b3 { background:url(http://yarpromo.ru/images/pict35.jpg) 50% 20px no-repeat; }
.shopGains.type6 .container { padding-bottom:100px; background:none; }
.shopGains.type6 .block { padding:230px 3% 20px 3%; min-height:100px; }
.shopGains.type6 h3 { color: #5fb656; }
.shopGains.type6 .b1 { background:url(http://yarpromo.ru/images/pict30.jpg) 50% 20px no-repeat; }
.shopGains.type6 .b2 { background:url(http://yarpromo.ru/images/pict31.jpg) 50% 20px no-repeat; }
.shopGains.type6 .b3 { background:url(http://yarpromo.ru/images/pict32.jpg) 50% 20px no-repeat; }
#price .container { text-align:center; padding-bottom:100px; }
h3.decor.green { font-size: 24px; font-weight: 400; text-align: center; text-transform:uppercase; line-height:30px; padding-bottom:15px; margin:40px 0 30px 0; background:url(../images/h2Blue.jpg) 50% 100% no-repeat; }
h3.decor.green span { color:#5fb656; text-align:center; font-size: 30px; font-weight: 700; text-transform:uppercase; }
#price p { padding:0 0 10px 0; }
#price p.green { color:#5fb656; }
#price p.arrow { }
/**/
/*progress*/
#portfolioTop { /*margin-top:80px;*/ background:#f6f6f6; }
#portfolioTop .container { padding-bottom:1px; padding-top:60px; }
#portfolioTop ul { width:100%; text-align:center; border-bottom:solid #b4b4b4 1px; padding-bottom:15px; padding-top:15px; margin-bottom:30px; }
#portfolioTop ul li { display:inline; padding:0 20px; list-style-type: none; font-weight: 700; text-transform:uppercase; white-space: nowrap; }
#portfolioTop ul li a { color: #30bff4; font-size: 14px; text-decoration:none; }
#portfolioTop ul li a.active { color: #000; }
#portfolio { background:#f6f6f6; padding-bottom:150px; text-align:center; }
#portfolio .container { padding-bottom:0px; padding-top:0px; }
#portfolio .item { width:275px; min-height:385px; /*float:left;*/ display:inline-block; margin:0 6px; vertical-align:top; }
#portfolio .item h3 { display:table-cell; text-align:left; height:50px; vertical-align:bottom; font-size: 16px; line-height:20px; font-weight: 400; padding:20px 15px 15px 0px; }
#portfolio .item .block { text-align:left; width:268px; min-height:315px; border:solid #b4b4b4 1px; background:#fff; }
#portfolio .item .block img { width:268px; max-height:230px; }
#portfolio .item .block p { text-align:left; color: #767676; font-size: 14px; font-weight: 400; padding:10px 10px 10px 10px; }
#portfolio .item .block table { display:none; padding:10px 10px 5px 10px; text-align:left; }
#portfolio .item .block .captionHide { display:none; }
#portfolio .item .block table td { /*color: #767676;*/ color: #000; font-size: 14px; font-weight: 400; }
#portfolio .item .block table td { padding:0; margin:0; }
#portfolio .item .block a.more { text-align:left; color: #00aeef; font-size: 14px; font-style: italic; padding:3px 10px 3px 10px; }
#portfolio .item .block a.gallery { display:block; position:relative; overflow:hidden; line-height:0; }
#portfolio .item .block a.gallery .hover { display:none; position:absolute; z-index:100; top:0px; left:0px; width:100%; height:100%; background:url(http://yarpromo.ru/images/hover1Bg.png) 45% 45% no-repeat; }
#portfolio .item .block a.gallery:hover .hover { display:block; }
.content { max-width:800px; margin:0 auto 70px auto; }
.content p { font-size:16px; font-weight:400; line-height:130%; margin:5px 0 20px 0; }
.links1 { text-align:center; line-height:28px; }
.links1 a { display:block; color:#010101; }
/*project*/
#article { background:#f6f6f6; padding:30px 0; text-align:center; }
#article .content { max-width:1000px; }
#article h1 { font-size:30px; line-height:33px; font-weight:700; text-transform:uppercase; padding:10px 0 0px 0; }
#article h2 { font-size:22px; line-height:28px; }
#article .pictNum1 { height:60px; margin-top:20px; width:100%; background:url(http://yarpromo.ru/images/pictNumF1.jpg) 50% 50% no-repeat; }
#article .pictNum2 { height:60px; margin-top:20px; width:100%; background:url(http://yarpromo.ru/images/pictNumF2.jpg) 50% 50% no-repeat; }
#article .pictNum3 { height:60px; margin-top:20px; width:100%; background:url(http://yarpromo.ru/images/pictNumF3.jpg) 50% 50% no-repeat; }
#article .pictNum4 { height:60px; margin-top:20px; width:100%; background:url(http://yarpromo.ru/images/pictNumF4.jpg) 50% 50% no-repeat; }
#article .pictNum5 { height:60px; margin-top:20px; width:100%; background:url(http://yarpromo.ru/images/pictNumF5.jpg) 50% 50% no-repeat; }
.arrowDown { height:80px; margin:0; width:100%; background:url(http://yarpromo.ru/images/big_arrow.jpg) 50% 100% no-repeat; }
.content h2 { padding-top:0; margin-top:5px; font-weight:700; text-transform:uppercase; }
.content .header { font-weight:400; text-transform:none; }
.content .list .block { display:inline-block; vertical-align:top; text-align:left; width:28%; padding-right:3%; padding-left:12px; font-style:italic; background:url(http://yarpromo.ru/images/listPict.jpg) 0 4px no-repeat; }
.content .list.type3 .block { display:inline-block; vertical-align:top; text-align:left; width:68%; padding-right:3%; padding-left:12px; font-style:italic; background:url(http://yarpromo.ru/images/listPict.jpg) 0 4px no-repeat; }
.content ul.list{ margin:0 auto; width:35%; }
.content ul.list.type4 { margin:0 auto; width:35%; }
.content ul.list.type5 { margin:0 auto; width:65%; }
.content ul.list.type7 { margin:0 auto; width:65%; }
.content ul.list.type7 a { color:#000; margin:0 auto; width:85%; }
.content ul.list li { list-style-type:none; text-align:left; padding-right:5%; padding:0px 0 12px 12px; font-style:italic; background:url(http://yarpromo.ru/images/listPict.jpg) 0 4px no-repeat; }
.content ul.list.type6 { margin:0 auto; width:100%; text-align:center; }
.content ul.list.type6 li { width:30%; display:inline-block; vertical-align:top; }
.content .list .left { display:inline-block; width:40%; padding-left:9%; vertical-align:top; }
.content .list .right { display:inline-block; width:40%; padding-right:5%; padding-left:5%; vertical-align:top; }
.content .list .left .block, .content .list .right .block { width:98%; padding-left:12px; }
.content table.text { border-collapse: collapse; border-spacing: 0px; border-top:solid #ddd 1px; border-left:solid #ddd 1px; }
.content table.text td { padding:5px; font-style:italic; text-align:left; font-size:14px; border-bottom:solid #ddd 1px; border-right:solid #ddd 1px; }
.content table.text td.head { font-style:normal; text-align:center; font-size:14px; font-weight:600; }
#article p { max-width:800px; margin-left:auto; margin-right:auto; }
.content .list.type2 p { padding:0; margin:7px auto !important; }
#schemaC { background:#5fb656; /*padding-top:90px;*/ margin-top:-5px; }
#schemaC .schemaC { width:1000px; position:relative; margin:0px 0 0 80px; background:url(http://yarpromo.ru/images/schemaC.jpg) 0 0 no-repeat; padding-left:0px; padding-top:70px; padding-bottom:120px; }
#schemaC.type2 .schemaC { background:url(http://yarpromo.ru/images/schemaC2.jpg) 0 0 no-repeat; }
#schemaC.type3 .schemaC { background:url(http://yarpromo.ru/images/schemaC3.jpg) 0 0 no-repeat; }
#schemaC.type4 .schemaC { background:url(http://yarpromo.ru/images/schemaC4.jpg) 0 0 no-repeat; }
#schemaC.type5 .schemaC { background:url(http://yarpromo.ru/images/schemaC5.jpg) 0 0 no-repeat; }
#schemaC .schemaC div { width:14%; padding-left:6%; color:#fff; float:left; font-weight:600; font-size:18px; line-height:18px; }
#schemaC .schemaC div a { color:#fff; font-size:16px; text-decoration:none; font-weight:400; }
#schemaC .schemaC div a:hover { text-decoration:underline; }
#schemaC .schemaC div a.active { font-weight:600; font-size:18px; }
#schemaC .schemaC.type2 { width:1105px; position:relative; margin:0px 0 0 20px; background:url(../images/prodvigenie_schema_green_bg_1_nopicts.png) 0 0 no-repeat; padding-left:50px; padding-top:42px; padding-bottom:180px; }
#schemaC .schemaC.type2 div { width:10%; padding:25px 2% 0 0; color:#fff; float:left; font-weight:400; font-size:14px; line-height:18px; background:url(../images/green_shema_pict_static.png) 0 0 no-repeat; }
#schemaC .schemaC.type2 div.active { background:url(../images/green_shema_pict_active.png) 0 0 no-repeat; margin-top:-3px; padding:28px 2% 0 0; font-weight:600; }
#schemaC .schemaC.type2 div a { color:#fff; font-size:14px; text-decoration:none; font-weight:400; }
#schemaC .schemaC.type2 div a:hover { text-decoration:underline; }
#schemaC .schemaC.type2 div a.active { font-weight:600; font-size:14px; }
/*contacts*/
#map { height:495px; width:100%; margin:0; padding:0; background:url(../images/map.jpg) 50% 50% no-repeat; background-size:cover; }
#map img { width:100%; margin:0; padding:0; }
#contacts { background:#f6f6f6; }
#contactsList { /*width:100%;*/ position:relative; margin:20px 100px 40px 150px; min-height:80px; }
#contacts .block { float:left; width:24%; height:80px; padding:0 0 0 9%; }
#contacts .block.b1 { background:url(../images/contactPict1.jpg) 11% 0px no-repeat; border-right:solid #c9c9c9 1px; font-size:22px; font-weight:600; }
#contacts .block.b2 { background:url(../images/contactPict2.jpg) 11% 0px no-repeat; border-right:solid #c9c9c9 1px; font-size:16px; }
#contacts .block.b3 { background:url(../images/contactPict3.jpg) 11% 0px no-repeat; font-size:16px; }
.timer { width:400px; height:90px; margin:0px auto; text-align:center; font-style:normal; }
.carusel { overflow:hidden; position:relative; margin:0 60px;}
.carusel_cont { position:absolute; }
.feed .arrows { width:100%; margin:0px 0 0 0; position:absolute; top:260px; left:0; height:60px; }
.feed .arrow_left { float:left; width:52px; height:52px; background:url(../images/arrow_left_grey.png) 0 0 no-repeat; cursor:pointer; }
.feed .arrow_left:hover { background-position:0 -52px; }
.feed .arrow_left.active { background:url(../images/arrow_left_grey.png) 0 0 no-repeat; }
.feed .arrow_right { float:right; width:52px; height:52px; background:url(../images/arrow_right_grey.png) 0 0 no-repeat; cursor:pointer; margin-left:30px;}
.feed .arrow_right:hover { background-position:0 -52px;}
.feed .arrow_right.active { background:url(../images/arrow_right_grey.png) 0 0 no-repeat; }
/*галерея отзывов*/
.feed { text-align:center; padding:65px 0 40px 0; }
.feed .container { width:1025px; position:relative; padding:00px 0px 120px 0; background:url(../images/sectionBg1.jpg) 50% 100% no-repeat; }
.feed .carusel { height:400px; }
.feed .carusel_cont { height:400px; padding-top:2px; }
.feed .block { display:table-cell; }
.feed .block .inner { margin:0 10px; position:relative; position:relative; border:solid 1px #b4b4b4; background-color:#ffffff; width:280px; height:396px; /*line-height:310px;*/ }
.feed .block img { max-width:280px; max-height:396px; padding:0; }
.feed .block .hover { display:none; position:absolute; left:1px; top:1px; width:278px; height:394px; outline:solid 2px #00aeef; background:url(../images/im/im_pict_lupa.png) rgba(255,255,255,0.8) 50% 50% no-repeat; cursor:pointer; }
.feed .block .hover p { color:#232323; font-size:18px; font-weight:400; line-height:20px; padding:50px 20px 0 20px; }
.feed .block:hover .hover { display:block; }
/* Layout */
@media (max-width: 1280px) {
#creation1 .block1 .blockContainer { width:462px; min-height:582px; }
#creation1 div.block { width:210px; padding:0 10px; min-height:520px;}
#creation1 .container { }
#creation1 div.block p { min-height:200px; }
/*#promotion1 div.block1 .block2 { margin:0px auto 15px auto; width:480px; height:60px; border:dashed 1px #fff; }
#promotion1 div.block .blockContainer { width:190px; padding:0 15px; min-height:470px; }*/
#shop5 ul li { padding:10px 0 0 6%; }
#shop5 ul li.b1 { width:29%; }
#shop5 ul li.b2 { width:22%; }
#shop5 ul li.b3 { width:29%; padding:0px 0 0 6%; }
.shop5 ul li { padding:10px 0 0 6%; }
.shop5 ul li.b1 { width:29%; }
.shop5 ul li.b2 { width:22%; }
.shop5 ul li.b3 { width:29%; padding:0px 0 0 6%; }
#shop6 ul li { width:26%; padding:15px 0 0 7%; }
#shop6 ul li.b2 { width:22%; padding:15px 0 0 7%; }
#shop6 ul li.b3 { width:30%; padding:15px 0 0 6%; }
#contactsList { margin:100px 20px 120px 50px; }
#schema1.type4 #schema { width:auto; padding:0 0 20px 170px; margin-left:150px; background:url(http://yarpromo.ru/images/schemaD.jpg) 0% 0 no-repeat; background-size:auto !important; }
#schema1.type4 #schema div { width:80%; vertical-align:middle; padding:10px 0 5px 0; /*width:100%;*/ float:none; text-align:left; }
#schemaC .schemaC { width:800px; position:relative; margin:0 0 0 80px; background:url(http://yarpromo.ru/images/schemaC.jpg) 0 0 no-repeat; background-size:96% !important; padding-top:50px; padding-bottom:120px; }
#schemaC .schemaC div { width:14%; padding-left:6%; /*outline:solid 1px;*/ color:#fff; float:left; font-size:14px; }
#schemaC .schemaC.type2 { width:920px; margin:0px 0 0 20px; background:url(http://yarpromo.ru/images/prodvigenie_schema_green_bg_1_nopicts_1.png) 0 0 no-repeat; padding-left:50px; padding-top:42px; padding-bottom:180px; }
#schemaC .schemaC.type2 div a { color:#fff; font-size:13px; text-decoration:none; font-weight:400; }
#schemaC .schemaC.type2 div a:hover { text-decoration:underline; }
#schemaC .schemaC.type2 div a.active { font-weight:600; font-size:13px; }
#schema2 .block p { font-size: 13px; font-style: italic; line-height: 18px; }
#schema1 #schema { width:950px; padding-top:85px; /*background:url(http://yarpromo.ru/images/schemaB1.jpg) 50% 0 no-repeat;*/ background-size:90% !important; }
#schema { margin-left:0px; padding-bottom:50px; }
.schema1 .schema { width:950px; padding-top:85px; /*background:url(http://yarpromo.ru/images/schemaB1.jpg) 50% 0 no-repeat;*/ background-size:90% !important; }
.schema { margin-left:0px; padding-bottom:50px; }
#schema1 #schema { }
}
@media (max-width: 1000px) {
#creation1 .block1 .blockContainer { width:542px; min-height:562px; }
#creation1 div.block { width:230px; padding:0 20px; min-height:500px;}
#creation1 .block1 { width:100%; float:none; margin-bottom:50px; }
#creation1 .container { background:none; padding-top:45px; padding-bottom:50px; }
#creation1 h1 { font-size: 30px; margin-bottom:40px; }
#creation1 div.block p { min-height:180px; }
#receach1 div.block .blockContainer { width:228px; padding:0 10px; min-height:485px; }
#contactsList { margin:70px 10px 70px 30px; }
#contacts .block { float:left; width:24%; height:80px; padding:0 0 0 9%; }
#contacts .block.b1 { font-size:16px; background-size:18%; }
#contacts .block.b2 { font-size:12px; background-size:18%; }
#contacts .block.b3 { font-size:12px; background-size:18%; }
.shopGains .block { display:inline-block; vertical-align:top; width:27%; padding:190px 3% 20px 2%; min-height:100px; }
#schema1 div.container { width:765px; }
#schema1 #schema { width:765px; padding-top:75px; padding-right:0; /*background:url(http://yarpromo.ru/images/schemaB1.jpg) 50% 0 no-repeat;*/ }
#schema1.type4 #schema { margin-left:30px; background:url(http://yarpromo.ru/images/schemaD.jpg) 0 20px no-repeat; }
#schema1.type4 #schema div h3 { font-size:16px; }
.schema1 div.container { width:765px; }
.schema1 .schema { width:765px; padding-top:75px; padding-right:0; /*background:url(http://yarpromo.ru/images/schemaB1.jpg) 50% 0 no-repeat;*/ }
.schema1.type4 .schema { margin-left:30px; background:url(http://yarpromo.ru/images/schemaD.jpg) 0 20px no-repeat; }
.schema1.type4 .schema div h3 { font-size:16px; }
#shop5 ul li.b1 { width:26%; padding:0px 0 0 8%;}
#shop5 ul li.b2 { width:21%; padding:0px 0 0 8%;}
#shop5 ul li.b3 { width:27%; padding:0px 0 0 8%; }
.shop5 ul li.b1 { width:26%; padding:0px 0 0 8%;}
.shop5 ul li.b2 { width:21%; padding:0px 0 0 8%;}
.shop5 ul li.b3 { width:27%; padding:0px 0 0 8%; }
.shop5 ul li.b4 { width:22%; padding:0px 0 0 8%;}
.shop5 ul li.b5 { width:27%; padding:0px 0 0 8%;}
.shop5 ul li.b6 { width:25%; padding:0px 0 0 8%; }
#shop6 ul li { width:25%; padding:15px 0 0 8%; }
#shop6 ul li.b2 { width:21%; padding:15px 0 0 8%; }
#shop6 ul li.b3 { width:29%; padding:5px 0 0 7%; }
#schema2 .left { float:none; width:100%; padding-top:0px; }
#schema2 .center { display:none; }
#schemaE { padding:20px; }
#schema2 .right { float:none; width:100%; padding-top:0px; }
#schema2 .left .block { text-align:left; height:auto; min-height:20px; padding-top:20px; }
#schema2 .right .block { text-align:left; height:auto; min-height:20px; padding-top:20px; }
#schema2 .block { max-width:400px; margin:5px auto;text-align:left; }
#schemaC .schemaC { width:170px; position:relative; margin:0 auto; background:url(http://yarpromo.ru/images/Schema_1.png) 0% 0 no-repeat; background-size:35% !important; padding-top:23px; padding-bottom:120px; }
#schemaC .schemaC div { width:63%; height:83px; padding-left:39%; /*outline:solid 1px;*/ color:#fff; float:none; }
#schemaC .schemaC div a { font-size:14px; }
#schemaC .schemaC div a.active { font-size:16px; }
#schemaC.type2 .schemaC { background:url(http://yarpromo.ru/images/Schema_2.png) 0 0 no-repeat; }
#schemaC.type3 .schemaC { background:url(http://yarpromo.ru/images/Schema_3.png) 0 0 no-repeat; }
#schemaC.type4 .schemaC { background:url(http://yarpromo.ru/images/Schema_4.png) 0 0 no-repeat; }
#schemaC.type5 .schemaC { background:url(http://yarpromo.ru/images/Schema_5.png) 0 0 no-repeat; }
#schemaC .schemaC.type2 { width:760px; margin:0px 0 0 0px; background:url(http://yarpromo.ru/images/prodvigenie_schema_green_bg_1_nopicts_2.png) 0 0 no-repeat; padding-left:40px; padding-top:42px; padding-bottom:180px; background-size:761px !important; }
#schemaC .schemaC.type2 div { line-height:13px !important; padding:20px 2% 0 0; }
#schemaC .schemaC.type2 div.active { padding:22px 2% 0 0; }
#schemaC .schemaC.type2 div a { color:#fff; font-size:11px; }
#schemaC .schemaC.type2 div a.active { font-weight:600; font-size:11px; }
#schemaC .schemaC.type2 .m1 { width:11%; }
#schemaC .schemaC.type2 .m2 { width:9%; }
.feed .container { width:725px; }
}
@media (max-width: 800px) {
#receach1 .container { background:none; padding-top:35px; padding-bottom:60px; }
#receach1 h1 { margin-bottom:30px; }
#receach1 div.block { width:100%; float:none; margin-bottom:20px;}
#receach1 div.block .blockContainer { width:268px; padding:0 20px; min-height:485px; }
.shop3 .left { width:80%; float:none; margin:0 auto; }
.shop3 .right { width:80%; float:none; margin:0 auto; }
.shop3 .left .block, .shop3 .right .block { padding:10px 20px 20px 180px; min-height:180px; }
.shopGains .block { display:block; vertical-align:top; width:80%; padding:190px 0 20px 2%; margin:0 auto; min-height:100px; }
.shop3.type2 .left { width:100%; float:left; padding-left:0%; }
.shop3.type2 .right { width:100%; float:left; padding-left:0%; margin-top:0px; }
.shop3.type2 .block { width:auto; padding:25px 20px 20px 180px; margin-left:10%; min-height:180px; }
.shop3.type2 .b1 { width:auto; }
.shop3.type4 .block { display:block; width:auto; padding:15px 50px 10px 85px; min-height:60px; background-position:6% 15px; }
.shop3.type5 .block { display:block; width:auto; padding:15px 50px 10px 85px; min-height:60px; background-position:6% 15px; }
.shop3.type6 .left { width:80%; float:none; margin:0 auto; padding:0; }
.shop3.type6 .right { width:80%; float:none; margin:0 auto; padding:0; }
/*#section6 div.container { width:300px; }
#section6 #schema { width:300px; background:url(../images/schema3.png) 20px 10px no-repeat; padding-top:15px; padding-left:65px; }
#section6 #schema div { width:90%; float:none; height:112px; }*/
#schema1 div.container { width:100%; padding-bottom:10px !important; }
#schema1 #schema { width:180px; padding-top:15px; padding-left:65px; background:url(http://yarpromo.ru/images/schemaB_v.jpg) 5px 0px no-repeat; background-size:21% !important; margin:0 auto; }
#schema1 #schema.type2 { background:url(http://yarpromo.ru/images/schemaBB_v.jpg) 5px 0px no-repeat; }
#schema1.type3 #schema { background:url(http://yarpromo.ru/images/schemaA_v.jpg) 5px 0px no-repeat; }
#schema1 #schema div { width:90%; float:none; height:110px; text-align:left; }
#schema1.type4 #schema { margin-left:30px; padding:15px; background:none; }
#schema1.type4 #schema div { padding:0px 0 35px 0; font-size:16px; width:100%; height:auto; min-height:80px; }
#schema1.type4 #schema div.m1 { padding:0px 0 35px 0; min-height:80px; }
#schema1.type4 #schema div.m2 { min-height:80px; }
#schema1.type4 .container { padding-bottom:20px; }
.schema1 div.container { width:100%; padding-bottom:10px !important; }
.schema1 .schema { width:180px; padding-top:15px; padding-left:65px; background:url(http://yarpromo.ru/images/schemaB_v.jpg) 5px 0px no-repeat; background-size:21% !important; margin:0 auto; }
.schema1 .schema.type2 { background:url(http://yarpromo.ru/images/schemaBB_v.jpg) 5px 0px no-repeat; }
.schema1.type3 .schema { background:url(http://yarpromo.ru/images/schemaA_v.jpg) 5px 0px no-repeat; }
.schema1 .schema div { width:90%; float:none; height:110px; text-align:left; }
.schema1.type4 .schema { margin-left:30px; padding:15px; background:none; }
.schema1.type4 .schema div { font-size:16px; width:100%; height:auto; min-height:80px; }
#shop6 ul { width:300px; margin:0 auto; }
#shop6 ul li { width:80%; padding:15px 0 0 20%; min-height:35px; float:none; }
#shop6 ul li.b2 { width:80%; padding:15px 0 0 20%; }
#shop6 ul li.b3 { width:80%; padding:15px 0 0 20%; }
#shop5 ul { width:370px; margin:0 auto; }
#shop5 ul li { width:83%; padding:10px 0 10px 18%; min-height:35px; float:none; }
#shop5 ul li.b1 { width:82%; padding:20px 0 10px 18%;}
#shop5 ul li.b2 { width:82%; padding:20px 0 10px 18%;}
#shop5 ul li.b3 { width:82%; padding:10px 0 10px 18%; }
.shop5 ul { width:370px; margin:0 auto; }
.shop5 ul li { width:83%; padding:10px 0 10px 18%; min-height:35px; float:none; }
.shop5 ul li.b1 { width:82%; padding:20px 0 10px 18%;}
.shop5 ul li.b2 { width:82%; padding:20px 0 10px 18%;}
.shop5 ul li.b3 { width:82%; padding:10px 0 10px 18%; }
.shop5 ul li.b4 { width:82%; padding:20px 0 10px 18%;}
.shop5 ul li.b5 { width:82%; padding:20px 0 10px 18%;}
.shop5 ul li.b6 { width:82%; padding:20px 0 10px 18%; }
.shop5.type2 ul { width:370px; margin:0 auto; text-align:left;}
.shop5.type2 ul li { width:83% !important; padding:10px 0 10px 18%; min-height:35px; float:none; }
.shop5.type2 ul li.b1 { width:82%; padding:20px 0 10px 18% !important; }
.shop5.type2 ul li.b2 { width:82%; padding:20px 0 10px 18% !important; }
.shop5.type2 ul li.b3 { width:82%; padding:10px 0 10px 18% !important; }
.content img.center { max-width:500px; }
#article .list .left { display:block; width:100%; padding-left:0%; }
#article .list .right { display:block; width:100%; padding-right:0%; padding-left:0%; }
#article .list .block { display:block; width:85% !important; margin:0 0 30px 5%; }
.blogBottom { padding:30px 20px 0px 20px; position:relative; }
.blogBottom .moreLinks, .blogBottom .contextLinks { text-align:center; float:none; padding-top:30px; }
.blogBottom .share { text-align:center; width:100%; margin:0 auto; position:absolute; top:10px; left:0; }
#vkComments .container .Vk { width:89%; padding:5%; }
#schemaC .schemaC.type2 { height:auto; width:150px; position:relative; margin:0px auto 0 auto; background:url(http://yarpromo.ru/images/prodvigenie_schema_green_bg_1_nopicts_v1.png) 0 0 no-repeat; background-size:56px !important;
padding-left:41px; padding-top:42px; padding-bottom:180px; }
#schemaC .schemaC.type2 div { width:80%; padding:0 0 0 16px; height: 71px; color:#fff; float:none; font-weight:600; font-size:14px; line-height:18px; background:url(../images/green_shema_pict_static.png) 0 0 no-repeat; }
#schemaC .schemaC.type2 div.active { background:url(../images/green_shema_pict_active.png) 0 0 no-repeat; margin-left:-3px; padding:2% 0 0 19px; }
#schemaC .schemaC.type2 div a { color:#fff; font-size:14px; line-height:18px !important; text-decoration:none; font-weight:400; }
#schemaC .schemaC.type2 div a:hover { text-decoration:underline; }
#schemaC .schemaC.type2 div a.active { font-weight:600; font-size:14px; }
}
@media (max-width: 740px) {
.carusel { overflow:auto; position:relative; margin:0 60px;}
.carusel_cont { position:static; }
.feed .arrows { display:none; }
/*галерея отзывов*/
.feed { text-align:center; padding:65px 0 40px 0; }
.feed .container { width:auto; padding:00px 0px 70px 0; }
.feed .carusel { height:auto; margin:0; }
.feed .carusel_cont { height:auto; padding-top:2px; }
.feed .block { display:inline-block; margin-bottom:30px; }
.feed .block .inner { margin:0 10px; position:relative; border:solid 1px #b4b4b4; background-color:#ffffff; width:280px; height:396px; /*line-height:310px;*/ }
.feed .block img { max-width:280px; max-height:396px; padding:0; }
.feed .block .hover { display:none; position:absolute; left:1px; top:1px; width:278px; height:394px; outline:solid 2px #00aeef; background:url(../images/im/im_pict_lupa.png) rgba(255,255,255,0.8) 50% 50% no-repeat; cursor:pointer; }
.feed .block .hover p { color:#232323; font-size:18px; font-weight:400; line-height:20px; padding:50px 20px 0 20px; }
.feed .block:hover .hover { display:block; }
}
@media (max-width: 650px) {
#creation1 .block1 .blockContainer { width:292px; border:none; min-height:562px; }
#creation1 div.block { width:252px; float:none; padding:0 20px; border:dashed 1px #fff; min-height:500px; margin-bottom:10px;}
#creation1 div.block.first { border-right:dashed 1px #fff; }
#creation1 .block1 .blockContainer h2.first {border:none;}
#creation1 .block1 { width:100%; float:none; margin-bottom:50px; }
#creation1 .container { background:none; padding-top:45px; padding-bottom:50px; }
#creation1 h1 { font-size: 30px; margin-bottom:40px; }
#receach1 div.block { width:100%; float:none; margin-bottom:20px;}
#receach1 div.block .blockContainer { width:252px; padding:0 20px; min-height:485px; }
.shop3 .left { width:95%; float:none; margin:0 auto; }
.shop3 .right { width:95%; float:none; margin:0 auto; }
.shop3 .left .block, .shop3 .right .block { min-height:70px !important; padding:10px 20px 30px 26% !important; background-size: 25%; }
.shop3.type6 .left { width:95%; float:none; margin:0 auto; }
.shop3.type6 .right { width:95%; float:none; margin:0 auto; }
.shop3.type2 .block { width:auto; min-height:180px; margin-left:5%; padding:10px 20px 10px 26%; background-size: 25%; }
#contacts .container { }
#contactsList { margin:0px 10px 0px 10px; }
#contacts .block { float:none; width:170px; margin:10px auto; height:80px; padding:0 0 0 35px; background-position:0 0 !important;}
#contacts .block.b1 { font-size:18px; background-size:16%; border:none; }
#contacts .block.b2 { font-size:14px; background-size:16%; border:none; }
#contacts .block.b3 { font-size:14px; background-size:16%; }
.content img.center { max-width:350px; }
}
@media (max-width: 450px) {
#schema1 #schema { width:180px; padding-top:15px; padding-left:65px; background-size:21% !important; }
#schema1 #schema div { width:90%; float:none; height:110px; text-align:left; }
.schema1 .schema { width:180px; padding-top:15px; padding-left:65px; background-size:21% !important; }
.schema1 .schema div { width:90%; float:none; height:110px; text-align:left; }
.shopGains .block { display:block; vertical-align:top; width:94%; padding:190px 0 20px 2%; margin:0 auto; min-height:100px; }
.shop3.type4 .block { width:auto; padding:15px 10px 10px 52px; min-height:40px; background-position:2% 15px; }
#shop5 ul { width:300px; margin:0 auto; }
.shop5 ul { width:300px; margin:0 auto; }
.content img.center { max-width:280px; }
.timer { width:280px; height:70px; }
/*таймер акции на моб устройствах*/
.eTimer .etUnit .etNumber {
width: 8px; }
.eTimer .etUnit .etNumber {
margin: 1px; font-size: 22px !important; padding: 0px 2px; width:8px; }
.eTimer .etSep {
font-size: 22px !important; padding: 0px 3px;}
h3.decor.green { font-size: 22px; }
h3.decor.green span { font-size: 24px; }
#content-1 { padding-top:20px; }
#content-2 { padding-top:20px; }
}