body{
margin:0;
padding:82px 0 0 0;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
}



h1, .h1{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.5;
color: #242426;
margin-bottom: 10px;
}

h2, .h2{
    color:#242426;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
}



a{
color:#f22d3a;
}

a:hover{
color:#f22d3a;
font-weight: bold;
}

.blue-h{
    text-transform: uppercase;
    color: #242426;
}

.important{
    background-color: #f22d3a;
    color: #fff;
    padding: 30px 50px;
display: block;
}


hr{
    height: 5px;
    background: #242426;
    border: none;
    width: 100px;
    float: left;
    margin: 0;
    margin-bottom: 50px;
}

.hr{
    display: inline-block;
}
ul{
    margin: 0 0 0 20px;
}

li{
    list-style: square;
    line-height: 1.5;
}

p{
    line-height: 1.5;
}

header{
height: 82px;
    position: fixed;
    top: 0;
    left: 0;
width: 100%;
    z-index: 100;
    background: #242426;
}


header .logo{
    margin-left: calc(50% - 130px);
    max-width: 100%;
    margin-top:15px;
}

header .phone{
margin:25px 40px 0 0;
float:right;
}
header .phone a{
    font-size: 18px;
    font-weight: bold;
margin-right: 15px;
    color: #fff;
    text-decoration: none;
}

header .phone a img{
    margin-bottom: -10px;
}

.block-text{
    margin: 20px auto 20px;
    width: 90%;
    max-width: 1360px;
    display: table;
}

.text-block{
    margin: 0 auto;
    width: 100%;
    max-width: 1360px;
    display: table;
}

.text-block .left{
	float:left;
    width: 45%;
}

.text-block .right{
	float:right;
    width: 45%;
}


.block-text-page{
    margin: 40px auto;
    width: 100%;
    max-width: 1360px;
    display: table;
}

.block-text .left{
	float:left;
    width: 35%;
color:#242426;
}

.block-text .right{
	float:right;
    width: 55%;
color:#242426;
}


.block-text-page .left{
	float:left;
    width: 45%;
color:#242426;
}

.block-text-page .right{
	float:right;
    width: 45%;
    color: #242426;
}

.block-text .text-big{
    font-size: 24px;
	text-align: left;
       font-weight: 400;
}

.block-portfolio{
    margin: 40px auto;
    width: 100%;
    max-width: 1360px;
    display: table;
}

.block-portfolio-page{
    margin: 20px auto;
    width: 100%;
    max-width: 1360px;
    display: table;
}

.block-portfolio-page h2{
    margin: 0px auto 50px auto;
    width: 90%;
    max-width: 1360px;
    text-transform: inherit;
    font-weight: 300;
    color: #1b1f29;
    font-size: 24px;
}

.block-3-coll{
    margin: 120px auto;
    width: 90%;
    max-width: 1360px;
    display: table;
}

.block-3-coll .item{
    width: calc(45% - 140px);
	margin:0 3% 0 0;
	float:left;
}

.block-3-coll .item:last-child{
    width: 220px;
	float:right;
}

.block-3-coll .item ul{
    padding: 0;
}

.block-3-coll .item ul li{
    padding: 4px 0;
}

.more{
	border-radius: 3px;
    border: 2px solid #f22d3a;
    color: #f22d3a;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 50px;
    margin-top: 20px;
    display: block;
}

.more:hover{
    border-radius: 3px;
    border: 2px solid #f22d3a;
    color: #fff;
background: #f22d3a;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 50px;
    margin-top: 20px;
    display: block;
}


.block-100pr{
    width: 100%;
    padding: 25vh 0;
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #fff;
    letter-spacing: 30px;
    display: table;
}

.identity{
    background: url(/bitrix/templates/2018/img/identity.jpg) bottom center;
    background-attachment: fixed;
    background-size: cover;
}

.packing{
    background: url(/bitrix/templates/2018/img/packing.jpg) bottom center;
    background-attachment: fixed;
    background-size: cover;
}

.logobg{
    background: url(/bitrix/templates/2018/img/logo-bg.jpg) bottom center;
    background-attachment: fixed;
    background-size: cover;
}

.firstilbg{
    background: url(/bitrix/templates/2018/img/firstil-bg.jpg) bottom center;
    background-attachment: fixed;
    background-size: cover;
}

.web{
    background: url(/bitrix/templates/2018/img/web.jpg) bottom center;
    background-attachment: fixed;
    background-size: cover;
}

.poligrafiyabg{
    background: url(/bitrix/templates/2018/img/poligrafiya-bg.jpg) bottom center;
    background-attachment: fixed;
    background-size: cover;
}

.outdoorbg{
    background: url(/bitrix/templates/2018/img/outdoor-bg.jpg) bottom center;
    background-attachment: fixed;
    background-size: cover;
}

.clients{
/    background: url(/bitrix/templates/2018/img/clients-bg.jpg) bottom center repeat;
/	color:#fff;
/    background-size: cover;
    padding: 5px 0;
    overflow: hidden;
    max-width: 1360px;
    width: 90%;
    margin: 20px auto 20px;
}

.clients-img{
    display: flex;
    flex-wrap: wrap;
}

.clients-img .item{
width: 16.6%;
    text-align: center;
}

.clients-img .item: hover{
width: 16.6%;
    text-align: center;
}





.bg-tchk{
/    background: url(/bitrix/templates/2018/img/bg-tchk.gif) repeat;
}

.clients hr{
/    background: #fff;
}

.clients img{
	margin: 30px 0;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
transition: transform 0.5s ease;
max-width: 100%;
}


.clients img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
/transition-duration: .8s;
transform: scale(1.25);

}

.preimuchestva{
    margin: 50px 0;
}

.preimuchestva li{
	list-style-image: url(/bitrix/templates/2018/img/list-style.png);
	font-weight: bold;
    margin: 20px 0;
}

.block-footer-map{ 
    margin:0 auto;
    width: 100%;
}

.block-footer-text {
    margin: 0 auto;
    width: 100%;
    max-width: 1360px;
    display: table;
    padding: 140px 0;
    text-align: center;
    font-size: 18px;
}

footer{ 
/    margin: 210px auto -400px;
/    width: 100%;
/    max-width: 1360px;
/    display: table;
/    font-size: 14px;
/    position: relative;
/    padding: 30px;
/    background-color: white;
}

.footer-menu{ 
    margin: 50px auto;
    width: 90%;
    max-width: 1360px;
    display: table;
}

.footer-soc{
    margin: 50px auto;
    width: 90%;
    max-width: 150px;
    text-align: center;
    display: table;
}

.footer-soc a{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #242426;
    display: block;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin: 0 10px;
float:left;
}

.footer-menu a{ 
    width: 20%;
    display: block;
    float: left;
    font-weight: bold;
    color: #242426;
    font-size: 17px;
}

footer .text{
	float:left;
	width: 30%;
	margin-right: 3%; 
}

footer .text span{
	text-transform: uppercase;
    color: #f22d3a;
    font-weight: bold;
}

.ofical{
/    background: #f22d3a;
/	color:#fff;
	padding:30px 0;
	text-align:center;
    font-size: 14px;
}

.ofical a{
/	color:#fff;
}

.ofical .a-mail{
    font-size: 16px;
}

.upakovka-page{
	width: 100%;
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #fff;
    letter-spacing: 30px;
	height:325px;
    background: url(/bitrix/templates/2018/img/upakovka-page.jpg) center no-repeat;
    background-size: cover;
    display: table;
}

.logo-page{
	width: 100%;
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #fff;
    letter-spacing: 30px;
	height:325px;
    background: url(/bitrix/templates/2018/img/logo-page.jpg) center no-repeat;
    background-size: cover;
    display: table;
}

.poligrafiya-page{
	width: 100%;
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #fff;
    letter-spacing: 30px;
	height:325px;
    background: url(/bitrix/templates/2018/img/poligrafiya-bg.jpg) center no-repeat;
    background-size: cover;
    display: table;
}

.web-page{
	width: 100%;
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #fff;
    letter-spacing: 30px;
	height:325px;
    background: url(/bitrix/templates/2018/img/web-page.jpg) center no-repeat;
    background-size: cover;
    display: table;
}


.narujka-page{
	width: 100%;
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #fff;
    letter-spacing: 30px;
	height:325px;
    background: url(/bitrix/templates/2018/img/narujka-page.jpg) center no-repeat;
    background-size: cover;
    display: table;
}

.free-logo{
    margin: 20px auto;
    width: 100%;
    display: table;
    height: 500px;
}

.free-logo .content{
    margin: 20px 0 0 130px;
    width: 90%;
    max-width: 650px;
	text-transform: uppercase;
    font-weight: 700;
}

.free-logo .content p{
    font-size: 33px;
    margin: 80px 0;
    color: #fff;
}

.free-logo .content i{
    font-size: 22px;
    display: block;
    color: #fff;
}

.free-logo .content strong{
    font-size: 86px;
    color: #fff;
}

.free-logo .content strong mark{
    font-size: 38px;
	background: none;
    margin-left: 180px;
}


.logotip{
    background: url(/bitrix/templates/2018/img/free-logo-site.jpg) center no-repeat;
}

.free-logo-web{
    margin: 100px auto;
    width: 100%;
    max-width: 1360px;
    display: table;
	height:418px;
    background-position: top left;
}

.free-logo-web .content{
    margin: 20px 0 0 130px;
    width: 90%;
    max-width: 650px;
	text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.free-logo-web .content p{
    font-size: 33px;
    margin: 10px 0;
}

.free-logo-web .content i{
    font-size: 22px;
    display: block;
}

.free-logo-web .content strong{
    font-size: 66px;
    margin-top: 20px;
    display: block;
}

.free-logo-web .content strong mark{
    font-size: 38px;
	background: none;
    margin-left: 180px;
    color: #fff;
}

.bilbord-bg{
    background: url(/bitrix/templates/2018/img/bilbord-bg.png) no-repeat; 
	height: 705px;
    width: 1101px;
    margin-top: -480px;
    z-index: 100;
    position: relative;
}

.upakovka{
    background: url(/bitrix/templates/2018/img/banerdushes.jpg) no-repeat;
}

#rainbowText span{
    display: table-cell;
    vertical-align: middle;
}

.m80{
	margin:80px auto;
}

.price .left b{
	font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
}

.price .left strong{
	font-size: 15px;
}

.price .right{
	text-align:center;
}


.price .right b{
	font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
	color:#f22d3a;
}

.price .right strong{
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 100;
    display: block;
    text-align: left;
}

.price .right a{
	width: 90%;
    max-width: 400px;
    border: 2px solid #f22d3a;
    display: block;
    margin: 0 auto;
    padding: 20px;
    font-weight: bold;
    color: #f22d3a;
    font-size: 18px;
}

.brif{
	font-weight: bold;
	margin-top: 50px;
	font-size: 14px;
}

.brif img{
    float: left;
    margin-right: 30px;

}

.flags{
    margin: 50px 0 80px 0;
    display: inline-block;
}

.flags .item{
	float:left;
	width: 30%;
	padding:3px;
    padding-bottom: 90px;
}
.flags .item img{
	width: 100%;
}

.flags .item p{
    display: block;
    font-size: 15px;
	width: 80%;
	margin: 0 auto;
    height: 120px;
}

.flags .item ul{
   	font-weight: bold;
	width: 80%;
	margin: 0 auto;
    font-size: 14px;
    height: 100px;
}

.flags .item .inside{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
	width: 90% !important;
	margin: 40px auto 20px auto;
	text-decoration: none;
	color:#1b1f29;
    display: block;
}

.flags .item:nth-child(1) .zakaz{
	width: 90%;
	background:#8a6d2c;
    display: block;
    margin: 10px auto;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 600;
}

.flags .item:nth-child(2) .zakaz{
	width: 90%;
	background:#0585cf;
    display: block;
    margin: 10px auto;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 600;
}

.flags .item:nth-child(3) .zakaz{
	width: 90%;
	background:#4b2d72;
    display: block;
    margin: 10px auto;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 600;
}


.flags .item:nth-child(1){
background: url(/bitrix/templates/2018/img/flags-1.jpg) no-repeat top center;
background-size: 100% 100%;
}

.flags .item:nth-child(2){
background: url(/bitrix/templates/2018/img/flags-2.jpg) no-repeat top center;
background-size: 100% 100%;
    margin: 0 5%;
}

.flags .item:nth-child(3){
background: url(/bitrix/templates/2018/img/flags-3.jpg) no-repeat top center;
background-size: 100% 100%;
}

.compozitniy-sayt{
	background: url(/bitrix/templates/2018/img/kompozitniy-sayt.jpg) no-repeat center / cover;
	height:100vh;
}

.compozitniy-sayt strong{
    font-size: 77px;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 7vh;
    display: block;
}

.compozitniy-sayt p{
    font-size: 27px;
    font-weight: 700;
    max-width: 400px;
}

.compozitniy-sayt .cnt{
    margin-top: 30vh;
}

.compozitniy-sayt .item{
	background: rgba( 0, 0, 0, 0.64); 
	width: 22%;
	margin:0 4% 0 0;
	float:left;
	height:180px;
    text-align: center;
    padding: 0 1%;
}

.compozitniy-sayt .item:nth-child(4){
	margin:0;
}

.compozitniy-sayt .item p{
    font-size: 17px;
    font-weight: 700;
	color:#fff;
}

.compozitniy-sayt .item p i{
	color:#ffc600;
}

.compozitniy-sayt .item img{
    margin-top: 32px;
}

.unikalniy-dizayn{
	background: url(/bitrix/templates/2018/img/unikalniy-dizain.jpg) no-repeat center / cover;
	height:100vh;
}

.unikalniy-dizayn .left{
    max-width: 440px;
	margin-left: calc((100% - 1360px) / 2);
    float: left;
    color: #fff;
}

.unikalniy-dizayn img{
    float: right;
    height: 80vh;
    margin-top: 10vh;
}

.unikalniy-dizayn h2{
    color: #fff;
    font-size: 72px;
    text-transform: initial;
    line-height: 1;
    margin: 10vh 0 0 0;
}

.unikalniy-dizayn p{
    margin: 60px 0;
}

.unikalniy-dizayn a{
    background-color: #851574;
    padding: 20px 0;
    width: 305px;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
}
.adaptiv{
background: #73777f; /* Old browsers */
background: -moz-linear-gradient(top, #73777f 0%, #9ea2a8 51%, #73777f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #73777f 0%,#9ea2a8 51%,#73777f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #73777f 0%,#9ea2a8 51%,#73777f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73777f', endColorstr='#73777f',GradientType=0 );
padding: 83px 0;
    text-align: center;
    color: #fff;
}
.adaptiv .m80{
margin:0 auto;
}

.adaptiv h3{
    font-size: 72px;
    margin: 0;
    color: #fff;
}

.adaptiv a{
    background-color: #0d6204;
    padding: 20px 0;
    width: 305px;
    display: inline-block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
}

.adaptiv p{
	margin: 50px 0;
}


  /* ПОРТФОЛИО ПОЛНЫЙ РАЗМЕР ---------------------------------------------------------*/

#block-big {
width: 33.333%;
float:left;
height: 100vh;
text-align: center;
display: table;
overflow: hidden;
}


section #rotate1{
height: 100vh;
background: url(/bitrix/templates/main/img/logotip.jpg) no-repeat top center;
background-size: cover;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}


section #rotate2{
height: 100vh;
background: url(/bitrix/templates/main/img/pack.jpg)no-repeat top center;
background-size: cover;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}


section #rotate3{
height: 100vh;
background: url(/bitrix/templates/main/img/web.jpg)no-repeat top center;
background-size: cover;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}


section #rotate1:hover {
height: 107vh;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}


section #rotate2:hover {
height: 107vh;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

section #rotate3:hover {
height: 107vh;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

#rotate1 #block-middle{
background: rgba(6, 39, 65, 0.5);
    padding-top: 33vh;
}

#rotate2 #block-middle{
background: rgba(1, 64, 50, 0.5);
    padding-top: 33vh;
}


#rotate3 #block-middle{
background: rgba(56, 43, 31, 0.5);
    padding-top: 33vh;
}

#rotate1 #block-middle:hover,
#rotate2 #block-middle:hover,
#rotate3 #block-middle:hover
{
background: rgba(0, 0, 0, 0.8);
    padding-top: 30vh;
}

#block-middle {
    display: block;
    color: #fff;
    width: 100%;
margin:0 auto;
    overflow: hidden;
    padding-top: 30vh;
    height: 100vh;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

#block-big #name{
     color: #fff;
    font-size: 90px;
    font-weight: bold;
    text-transform: uppercase;
	display: block;
}

#block-big p{
margin:20px auto;
width: 240px;
text-align:left;
font-weight: 300;
padding-left: 30px;
}


.img-left{
float:left;
margin-right:50px;
}

.hr-long{
display: inline-block;
    float: none;
    clear: both;
    margin: 40px 0 20px;
    height: 1px;
    background-color: #bbbbbb;
    width: 100%;
}

.smash-text{
    height: calc(100vh - 82px);
    background: url(/bitrix/templates/2018/img/smash-text-bg.jpg) center no-repeat;
    background-size: cover;
}

.smash-text img{
    width: 100%;
}

.plus{
background: rgb(177,215,237);
background: linear-gradient(141deg, rgba(177,215,237,1) 0%, rgba(177,215,237,1) 35%, rgba(224,231,237,1) 100%);
padding: 60px 0;
}
.plus-1{
background: rgb(f,f,f);
padding: 60px 0;
}
.plus-1 .header{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.horse{
    background: url(/bitrix/templates/2018/img/horse.webp) left top no-repeat #191a1c;
/    background-size:auto 100%;
padding:100px 0 ;
}

.horse .left p:nth-child(1){
    font-family: 'Montserrat';
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 900;
    color: #9b7854;
    background: #242426;
    display: block;
    padding: 10px;
    min-width: 280px;

}

.horse .left p:nth-child(2){
    font-family: 'Montserrat';
    font-size: 69px;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    margin: 0;
    line-height: 1.1;
    padding: 20px;
}

.horse .bottom{
    display: block;
    clear: both;
    max-width: 825px;
    float: right;
    text-align: left;
    margin-top: 61px;
    padding-left: 20px;
}

.horse .bottom p{
font-family: 'Montserrat';
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 900;
    color: #9b7854;
    margin: 1%;
}

.horse .bottom b{
font-family: 'Montserrat';
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 200;
    color: #fff;
}

.horse .right {
    width: 100%;
    max-width: 338px;
background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
}

.horse .right .head{
    font-weight: 200;
    color: #fff;
    font-size: 24px;
font-family: 'Montserrat';
    margin-top: 0;
}

.horse .right textarea{
width: 100%;
    height: 100px;
    border: none;
}

.horse .right input[type='text']{
width: 100%;
    border: none;
}

.horse .right input[type="submit" i] {
    background:#e9b885;
    border: none;
    font-weight: 700;
    color: #242426;
    font-size: 18px;
font-family: 'Montserrat';
    text-align: center;
    width: 100%;
padding:10px
}

.mfeedback{
    background:#9a7853;
}

.mfeedback>div{
display:flex;
flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
}

.mfeedback>div>div{
    width: 50%;
}

.mfeedback .left{
overflow: hidden;
}

.mfeedback .left p{
font-size: 42px;
    text-transform: uppercase;
    font-weight: 900;
    color: #232426;
    line-height: 1.2;
    margin-top: 47px;
}

.mfeedback .left p span{
    color: #fff;
}

.mfeedback .left img {
    max-width: 100%;
margin-bottom: -5px;
}

.mfeedback .right{
    padding-top: 37px;
}

.mfeedback .politica{
color:#fff;
    font-size: 14px;
}

.mfeedback .politica a{
color:#333;
}

.footer{
background: #242426;
    color: #fff;
    padding: 50px 017px;
}

.footer>div{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

.footer>div>div{
width: 23%;
font-size: 14px;
}

.footer>div .head{
font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
}

.footer .red{
    margin: 50px 0;
}

.footer .red a{
    font-weight: 700;
    font-size: 22px;
    display: block;
    margin-top: 20px;
    text-decoration: none;
}

.footer .link{
    color: #b6b6b8;
}

.footer img{
max-width: 60%;
}

  /* ПОРТФОЛИО МОБИЛЬНЫЙ ВАРИАНТ ---------------------------------------------------------*/

@media only screen and (max-width: 800px) {

#block-big {
width: 100%;
/float:left;
height: 33.3333vh;
text-align: center;
display: table;
overflow: hidden;
}

#block-big p {
display: none;
}

#block-middle {
    display: block;
    color: #fff;
    width: 100%;
margin:0;
    overflow: hidden;
    padding-top: 3vh;
/height: 33.3333vh;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

#rotate1{
height: 33.3333vh;
background: url(/bitrix/templates/main/img/logotip-m.jpg)no-repeat center center;
background-size: inherit;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}


#rotate2{
height: 33.3333vh;
background: url(/bitrix/templates/main/img/pack-m.jpg)no-repeat center center;
background-size: inherit;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}


#rotate3{
height: 33.3333vh;
background: url(/bitrix/templates/main/img/web-m.jpg)no-repeat center center;
background-size: inherit;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}


#rotate1:hover {
/width: 107%;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}


#rotate2:hover {
/width: 107%;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

#rotate3:hover {
/width: 107%;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

#rotate1 #block-middle{
background: rgba(6, 39, 65, 0.5);
    padding-top: 3vh;
}

#rotate2 #block-middle{
background: rgba(1, 64, 50, 0.5);
    padding-top: 3vh;
}


#rotate3 #block-middle{
background: rgba(56, 43, 31, 0.5);
    padding-top: 3vh;
}

#rotate1 #block-middle:hover,
#rotate2 #block-middle:hover,
#rotate3 #block-middle:hover
{
background: rgba(0, 0, 0, 0.8);
    padding-top: 0vh;
}

#shtorki-big {
display: none;
}
}

@media only screen and (max-width: 1000px) {
#block-big #name{
    text-transform: uppercase;
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    font-family: 'Azoft Sans';
display: block;
}

#block-big p{
margin:8px auto;
width: 180px;
font-size: 14px;
text-align:left;
font-weight: 300;
}

.footer>div>div {
    width: 47%;
}
}

@media only screen and (min-width: 800px) {
#shtorki-mini {
display: none;
}
}

#shtorki-big {
  height: 100vh;
  overflow: hidden;
}




#block-big span{
display: none;
transition: all 2s linear; 
bottom: 20px;
    right: 20px;
    position: absolute;
    color: #fff;
padding: 5px 15px;
border:2px solid #fff;
    width: 150px !important;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;

}

#block-big span:hover{
padding: 5px 20px;
opacity:0.5
}

#block-big a{

margin: 50px auto 0 auto;
    color: #fff;
padding: 5px 15px;
    width: 150px !important;
}

#block-big a:hover{
opacity:1 !important;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

  /* КОНЕЦ ПОРТФОЛИО ---------------------------------------------------------*/


  /* НАВИГАЦИЯ ПО РАБОТАМ ---------------------------------------------------------*/

.prev_nex {
    max-width: 520px;
    margin: 50px auto;
height: 100px;
}

.prev_nex a{
/width: 50%;
float:left;
padding:20px;
text-align: right;
}

.prev_nex a:nth-child(3){
text-align: left;
}

#next img{
    float: left;
    margin-right: 20px;
}

#prev img{
    float: right;
    margin-left: 20px;
}

#up img{
    float: left;
}

#next span{
   display: inline-block;
    width: 100px;
    color: #242426;
    line-height: 1.5;
    margin-top: 3px;
}

#prev span{
   display: inline-block;
    width: 100px;
    color: #242426;
    line-height: 1.5;
    margin-top: 3px;
}


   /* ПОРТФОЛИО ОФОРМЛЕНИЕ РАБОТ ---------------------------------------------------------*/


#center-white {
margin:0;
    text-transform: inherit;
    font-size: 18px;
    font-family: 'Open Sans', Arial, sans-serif;
    width: 100%;
    text-align: center;
    color: #fff;
}

#center-white h1{
color: #fff;
font-weight: bold;
margin:0  0 20px 0;
}

#center-color {
margin:0;
    text-transform: uppercase;
    font-size: 36px;
    font-family: 'Open Sans', Arial, sans-serif;
    width: 100%;
    text-align: center;
}

#center-color h1{
font-weight: bold;
margin:0  0 20px 0;
}

#center-portfolio {
margin:0 auto;
text-align: center;
 font-size: 16px;
}

#center-portfolio img {

}

#center-portfolio h1{
margin:0;
color:#242426;
}

#center-portfolio p {
margin:0 auto;
 line-height: 1.6;
    width: 60%;
}

#center-portfolio h2,
#center-portfolio h1 {
    display: block;
/    font-size: 36px;
text-transform: uppercase;
margin:0;
}


#contact-all {
background-color:#6e87b0;
min-height: 50vh;
padding:66px 0 0 96px;
    color: #fff;
    display: inline-block;
    width: 100%;
}

#content-all p{
line-height:1.3;
}

#contact-all h1{
    display: table;
    color: #fff;
    font-size: 60px;
padding:10px 0;
    font-weight: normal;
font-weight: 300;
}

#contact-block-map{
height: 50vh;
padding:0;
}

#adres {
float:left;
width: 50%;
line-height: 1.5;
}

#adres-phone{
float:left;
width: 25%;
line-height: 1.5;
}

#adres-phone p{
    font-size: 25px;
    margin: 5px 0;
}


#adres-e {
float:left;
width: 25%;
line-height: 1.5;
}

.client{
	border-bottom: 1px solid #bbb;
    padding-bottom: 50px;
}

.client-img{
margin-top:30px;
width: 100%;
}

.god{
color: #f22d3a;
    font-size: 60px;
    margin-top: 20px;
    display: block;
}

.god span{
    font-size: 30px;
}

.price-cnt {
margin:30px 0;
width:100%;
border:0;
text-align:left;
}

.price-cnt th{
    background: #f22d3a;
    color: #ffffff;
}

.price-cnt tr:nth-child(odd){
    background: #ccc;
}

.price-cnt td,
.price-cnt th{
    padding:15px 10px;
}

.price-cnt span{
    color: #f22d3a;
    font-weight: bold;
}

.bx-breadcrumb {
    padding-top: 30px;
    width: 90%;
    max-width: 1360px;
	margin: 0 auto;
    text-transform: uppercase;
	color:#f22d3a;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-size: 13px;
	white-space: normal;
font-weight: 600;

}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none; color:#777; font-weight: 600;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {color:#f22d3a;}

.fa-angle-right:before {
    content: "\00A6" !important;
}

@media only screen and (max-width: 1360px) {
.block-100pr,
.upakovka-page {
    font-size: 80px;
    letter-spacing: 20px;
    color: #fff;
}
}

@media only screen and (max-width: 1200px) {
.block-100pr,
.upakovka-page {
    font-size: 70px;
    letter-spacing: 15px;
    color: #fff;
}


.block-3-coll .item {
    width: 45%;
    float: right;
}

.block-3-coll .item:last-child {
    width: 220px;
    display: block;
    margin: 0px auto;
    clear: both;
    float: none;
}

.more {
    margin-top: 40px;
    display: inline-block;
}

#adres {
float:left;
width: 100%;
line-height: 1.5;
margin-bottom:30px;
}

#adres-phone{
float:left;
width: 50%;
line-height: 1.5;
}

#adres-e {
float:left;
width: 50%;
line-height: 1.5;
}
.mfeedback .right .description {
    display: none;
}
}


@media only screen and (max-width: 1000px) {
#contact-all {
padding:30px 10px 0 10px;
}
.block-100pr,
.upakovka-page {
    font-size: 60px;
    letter-spacing: 10px;
    color: #fff;
}
}

@media only screen and (max-width: 880px) {
.block-100pr,
.upakovka-page {
    font-size: 50px;
    letter-spacing: 5px;
}

.free-logo .content {
    margin: 20px 0 0 20px;
    width: 100%;
    display: inline-block;
}

.free-logo {
    display: block;
}

#center-portfolio h2 {
    font-size: 26px;
}

#center-portfolio p {
    width: 80%;
}

.free-logo-web .content p {
    font-size: 20px;
    margin-top: 30px;
}

.free-logo-web .content strong {
    font-size: 46px;
    margin-top: 40px;
}
}


@media only screen and (max-width: 800px) {
.horse .right,
.horse .left  {
    width: 100%;
    max-width: 100%;
}

.horse .right {
    margin-top: 40px;
}


.horse {
    padding: 50px 0;
    background-position: right top;
}

.horse .left p:nth-child(1) {
    font-size: 45px;
    display: inline-block;
}

.horse .left p:nth-child(2) {
    font-size: 49px;
}
.horse .bottom p {
    font-size: 38px;
}

.clients-img .item {
    width: 25%;
}

.uslugi-wrap .uslugi {
    width: 45% !important;
}
.nashp-wrap .nashp {
    width: 90% !important;
}
}


@media only screen and (max-width: 750px) {
body {
    padding: 150px 0 0 0;
}

header {
    height: 152px;
	}

#hamburger {
   margin-top: -147px;
}

header .phone {
    margin: 25px auto;
    float: none;
	width: 250px;
}

.block-text .left,
.block-text .right {
    width: 100%;
    color: #242426;
}

.text-block.left,
.text-block .right {
    width: 100%;
}

.block-100pr,
.upakovka-page {
    font-size: 40px;
    letter-spacing: 0px;
}

.form-page h3 {
margin-top: 70px;
    font-size: 20px;
}

.block-text-page .left,
.block-text-page .right
{
    float: none;
    width: 100%;
}

#prev span, #next span{
   display: none;
}
.prev_nex {
    max-width: 320px;
}
.img-left {
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
    display: block;
}

.free-logo .content strong {
    font-size: 50px;
    margin-top: 50px;
    display: block;
}
.footer-menu a {
    margin: 10px 0;
    width: 100%;
text-align: center;
}

.text-block .left {
    float: none;
    width: 100%;
}

#center-portfolio img{
    margin: 0 auto;
}
.mfeedback .left img {
    display: none;
}
.mfeedback .right {
    padding-top: 0;
}
}

@media only screen and (max-width: 600px) {
.block-3-coll .item {
    width: 100%;
}

footer .text {
    float: none;
    width: 100%;
    margin-bottom: 40px;
}

.free-logo-web .content {
    margin: 20px 0 0 20px;
}

footer {
    margin: 10px auto -550px;
}
.footer>div>div {
    width: 100%;
}
}


@media only screen and (max-width: 550px) {
header .logo {
    display: block;
        margin-left: auto;
        margin-right: auto;
    width: 260px;
    margin-top: 20px;
}

#hamburger {
    margin-left: 0px;
}

h1, .h1 {
    font-size: 30px;
}

.block-100pr,
.upakovka-page {
    font-size: 30px;
    letter-spacing: 5px;
    color: #fff;
}

.ofical {
    font-size: 12px;
}

.free-logo .content p {
    font-size: 23px;
}

.free-logo .content strong mark {
    font-size: 32px;
    margin-left: 0;
}

#adres {
width: 100%;
line-height: 1.2;
margin-bottom:10px;
}

#adres-phone{
width: 100%;
line-height: 1;
margin-bottom:10px;
}

#adres-e {
width: 100%;
line-height: 1;
}

h2, .h2 {
    font-size: 20px;
}

.horse .left p:nth-child(1) {
    font-size: 30px;
}
.horse .left p:nth-child(2) {
    font-size: 30px;
}
.horse .bottom p {
    font-size: 25px;
}
.horse .bottom b {
    font-size: 25px;
    margin-top: 20px;
    display: block;
}

.horse .bottom {
    margin-top: 20px;
}
.mfeedback .left p {
       font-size: 22px;
}
}

@media only screen and (max-width: 450px) {
header .logo {
    display: block;
        margin-left: auto;
        margin-right: auto;
    width: 200px;
    margin-top: 20px;
}

.god {
    font-size: 80px;
}

.block-100pr,
.upakovka-page {
    font-size: 25px;
    letter-spacing: 0px;
}

.free-logo .content strong {
    font-size: 40px;
}

.free-logo .content p {
    font-size: 18px;
}

.free-logo-web .content strong {
    font-size: 36px;
}

.clients-img .item {
    width: 50%;
}
}

#ToTop {
	display: none;
	position: fixed;
	right: 50px;
	bottom: 50px;               
	cursor: pointer;
}

.primer-portfolio{
    color: #242426 !important;
    font-weight: 700 !important;
}

.uslugi-wrap {
display: flex;
    margin: 30px auto;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.uslugi-wrap .uslugi{
    width: 30%;
    margin-bottom: 30px;
}
.uslugi-wrap .uslugi img{
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    max-width: 90%;
}

.uslugi-wrap .uslugi .header{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}



.nashp-wrap {
    display: flex;
    margin: 30px auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.nashp-wrap .nashp{
    width: 20%;
    margin-bottom: 30px;
}
.nashp-wrap .nashp img{
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}

.nashp-wrap .nashp .header{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}



.easy-zoom-effect {
  transition: transform 0.5s ease;
}

.easy-zoom-effect:hover {
  transform: scale(1.25);
}



.main-grid {
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    grid-column-gap: 20px;
    position: relative;
}

.price-item .price-topic {
    grid-column: 1 / span 5;
}
.price-item .price-text {
    grid-column: span 10;
    margin-bottom: 15px;
}
.price-item .price-cost {
    grid-column: 16 / span 3;
    text-align: right;
}
.price-item .border {
    margin: 10px 0 10px;
    background:  #242426;
    height: 1px;
    grid-column: 3 / span 16;
}
@media (max-width: 998px) {
    .main-grid {
      display: block;
    }
}

.svg text{
  font-family:Montserrat;
  font-size:24px;
  font-weight:900px;
  fill:url(#grad);
}

p.number{
  font-size: 60px;
  font-weight: 900;
  margin: 10px 0 10px;
  background-image: linear-gradient(to bottom, #f22d3a, #f25d3a);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.head{
  font-family:Montserrat;
  font-size:20px;
  font-weight: 600;
  color: #242426;
  margin:5px 5px 0 0;
  text-transform: inherit;
}






/*СЛАЙД-ШОУ*/

.slideshow-container{
    position:relative;
    overflow: hidden;
}

.mySlides{
   position: relative;
    display:block;
    width:100%;
    height:100%;
  opacity: 0;
  transition: opacity 1s;
}
.mySlides:first-child {
  opacity: 1;
}
.mySlides-text{
    font-size: 36px;
    text-transform: inherit;
    font-weight: 900;
    line-height: 1.5;
    color: #fff;
    float:left;
    margin-bottom: 60px;
    justify-content: left;
    align-items: center;
    margin: 40px auto;
    width: 40%;
    max-width: 1360px;
    display: table;
}
.mySlides-button {
    position: absolute
    width: 100%;
    height: auto;
    float: left;
    left: 50%;
}
.mySlides-button .button {
    position: relative;
    bottom: 20px;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    padding: 18px 50px;
    background-color: #f22d3a;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
}
.mySlides-button .button:hover {
    position: relative;
    bottom: 20px;
    left: 50%;
    float: left;
    transform: translateX(-50%);
    padding: 18px 50px;
    background-color: #242426;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
}




/* ВПЕРЕД НАЗАД СТРЕЛОЧКИ */

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}






/* БАННЕР В НАЧАЛЕ КАЖДОЙ СТРАНИЦЫ */



.begin-page {
max-height: 800px;
    height: 100vh;
}

.begin-page .left{
    width: 50% !important;
}

.begin-page .left .mobile-img-900,
.begin-page .left .mobile-img-450{
    display: none;
}

.begin-page .left h1{
font-size: 70px;
    color: #fff;
    line-height: 1.2;
}

.begin-page .left p{
font-size: 16px;
    color: #fff;
    line-height: 1.7;
}

.begin-page .bx-breadcrumb {
    padding-top: 30px;
    width: 100%;
    max-width: 100%;
}


.hero {
    background-position: right bottom;
background-image: url(/bitrix/templates/2018/img/hero.webp);
    background-repeat: no-repeat;
}

.hero .left h1 span{
    color: #f22d3a;
}

.hero .left a{
    color: #fff;
    text-decoration: none;
    background: #f22d3a;
    padding: 18px 20px;
    margin-top: 30px;
    display: inline-block;
}

@media (max-width: 1260px) {
.hero {
    background-position: center;
   background-image: url(/bitrix/templates/2018/img/hero1200.webp);
}

.begin-page .left h1{
font-size: 50px;
    color: #fff;
    line-height: 1.2;
        padding-top: 50px;
}
}



@media (max-width: 900px) {
.hero {
    background: #242426;
    background-image: url(/bitrix/templates/2018/img/hero900.webp);
}
.begin-page .left .mobile-img-900{
    display: block;
width: 100%;
}

.begin-page .left h1{
font-size: 30px;
    color: #fff;
    line-height: 1.2;
}
}

@media (max-width: 450px) {
.hero {
    background: #242426;
}
.begin-page .left {
    width: 100% !important;
padding-top: 20px;
}
.begin-page .left .mobile-img-900{
    display: none;
}
.begin-page .left .mobile-img-450{
    display: block;
width: 100%;
}
.begin-page .left h1{
font-size: 20px;
    color: #fff;
    line-height: 1.2;
        padding-top: 0;
}
}


.hero .bg-dark {
    background-color: #242426 !important;
}

.hero .section {
    padding: 0;
    overflow: hidden;
    border-bottom: none !important;
}
.hero .h1 {
    margin-bottom: 2.5rem;
    color: #fff;
    line-height: 1.1;
    font-size: 3.5rem;
    margin: 0;
    text-transform: uppercase;
    color: var(--color);
}
.container-fluid {
    position: relative;
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
    z-index: 1;
}
(max-width: 1360px) {
    .container-fluid {
        max-width: calc(100%* var(--coef_w));
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}



ПРОБНЫЙ СЛАЙДЕР

.main-slider .slider-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 8%;
    padding-top: 6.6%;
    z-index: 7;
}
.main-slider .slider-text h2 {
    color: #fff;
    font-size: 47px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 29px;
}
.main-slider .slider-img {
    height: 410px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.container, .product-slider.hiddenBlock {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 1200px) {
    .container, .product-slider.hiddenBlock {
        width: 1200px;
}
@media (min-width: 992px) {
    .container, .product-slider.hiddenBlock {
        width: 970px;
}

@media (min-width: 768px) {
    .container, .product-slider.hiddenBlock {
        width: 750px;
}
.icon.arrows-dis-right, .main-slider .arrows-dis-right.slick-prev, .main-slider .slick-next, .companies .arrows-dis-right.slick-prev, .companies .slick-next {
    background-position: -49px 0;
    width: 49px;
    height: 49px;
}
.icon, .main-slider .slick-prev, .main-slider .slick-next, .companies .slick-prev, .companies .slick-next, .sprite, .select2-container--default .select2-selection--single .select2-selection__arrow, .header-menu .hidden-menu-toggle.active i, .navigator>ul>li>a:after, .product-slider .slick-prev, .product-slider .slick-next, .rating span, .icon-socials, .icon-filter, .button, .form input[type="submit"], .location-select .select2-container--default .select2-selection__rendered, .header-phone a, .header-detail span, .header-authorization a, .footer-smenu a, .product-item-image a, .product-item-rate .rating, .product-item-rate a, .product-item-compare span, .companies-slider .slide, .companies img, .catalog-list.list-type .product-item-rate, .pagination-custom li, .pagination-custom li>a, .pagination-custom li>span {
    display: inline-block;
    vertical-align: middle;
}
.button, .form input[type="submit"] {
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    padding: 0 15px;
    position: relative;
    text-decoration: none !important;
    text-align: center;
    color: #fff !important;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #9e1b4c !important;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.2);
    border: 0px solid #8a004e;
    border-radius: 5px;
    outline: none;
    z-index: 2;
    cursor: pointer;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
}


.block-button .seeall{
    margin: 80px auto 80px;
    max-width: 1360px;
    display: table;
}