@font-face {
    font-family:PN-L; /* Гарнитура шрифта */
    src: url(../fonts/ProximaNova-Light.ttf); /* Путь к файлу со шрифтом */
   }

@font-face {
    font-family:PN-TT; /* Гарнитура шрифта */
    src: url(../fonts/ProximaNovaT-Thin.ttf); /* Путь к файлу со шрифтом */
   }

@font-face {
    font-family:PN-R; /* Гарнитура шрифта */
    src: url(../fonts/ProximaNova-Regular.ttf); /* Путь к файлу со шрифтом */
   }

@font-face {
    font-family:PN-B; /* Гарнитура шрифта */
    src: url(../fonts/ProximaNova-Bold.ttf); /* Путь к файлу со шрифтом */
   }

@font-face {
    font-family:PN-SB; /* Гарнитура шрифта */
    src: url(../fonts/ProximaNova-Semibold.ttf); /* Путь к файлу со шрифтом */
   }
@font-face {
	font-family: Roboto;
	src:url(../fonts/RobotoRegular.ttf);
}



@font-face {
	font-family: IB;
	src:url(../fonts/RobotoBold.ttf);
}
@font-face {
	font-family: IBl;
	src:url(../fonts/RobotoBold.ttf);
}
@font-face {
	font-family: Il;
	src:url(../fonts/RobotoLight.ttf);
}

.pp1{padding-left: 1vw;padding-right: 1vw;}
.pp2{padding-left: 2vw;padding-right: 2vw;}
.pp3 {padding-left: 3vw;padding-right: 3vw;}
.pp4 {padding-left: 4vw;padding-right: 4vw;}
.pp5 {padding-left: 5vw;padding-right: 5vw;}
.pp6 {padding-left: 6vw;padding-right: 6vw;}
.pp7 {padding-left: 7vw;padding-right: 7vw;}
.pp8 {padding-left: 8vw;padding-right: 8vw;}
.pp9 {padding-left: 9vw;padding-right: 9vw;}
.pp10 {padding-left:10vw; padding-right:10vw;}

.mb1 {margin-bottom: 1vw;}.mb2 {margin-bottom: 2vw;}.mb3 {margin-bottom: 3vw;}.mb4 {margin-bottom: 4vw;}.mb5 {margin-bottom: 5vw;}.mb6 {margin-bottom: 6vw;}.mb7 {margin-bottom: 7vw;}.mb8 {margin-bottom: 8vw;}.mb9 {margin-bottom: 9vw;}.mb10 {margin-bottom: 10vw;}.mt1{margin-top: 1vw;}.mt2{margin-top: 2vw;}.mt3{margin-top: 3vw;}.mt4{margin-top: 4vw;}.mt5{margin-top: 5vw;}.mt6{margin-top: 6vw;}.mt7{margin-top: 7vw;}.mt8{margin-top: 8vw;}.mt9{margin-top: 9vw;}.mt10{margin-top: 10vw;}.ml1{margin-left: 1vw;}.ml2{margin-left: 2vw;}.ml3{margin-left: 3vw;}.ml4{margin-left: 4vw;}.ml5{margin-left: 5vw;}.ml6{margin-left: 6vw;}.ml7{margin-left: 7vw;}.ml8{margin-left: 8vw;}.ml9{margin-left: 9vw;}.ml10{margin-left: 10vw;}.mr1{margin-right: 1vw;}.mr2{margin-right: 2vw;}.mr3{margin-right: 3vw;}.mr4{margin-right: 4vw;}.mr5{margin-right: 5vw;}.mr6{margin-right: 6vw;}.mr7{margin-right: 7vw;}.mr8{margin-right: 8vw;}.mr9{margin-right: 9vw;}.mr10{margin-right: 10vw;}
.pl1{padding-left:1vw;}.pl2{padding-left:2vw;}.pl3{padding-left:3vw;}.pl4{padding-left:4vw;}.pl5{padding-left:5vw;}.pl6{padding-left:6vw;}.pl7{padding-left:7vw;}.pl8{padding-left:8vw;}.pl9{padding-left:9vw;}.pl10{padding-left:10vw;}.pr1{padding-right:1vw;}.pr2{padding-right:2vw;}.pr3{padding-right:3vw;}.pr4{padding-right:4vw;}.pr5{padding-right:5vw;}.pr6{padding-right:6vw;}.pr7{padding-right:7vw;}.pr8{padding-right:8vw;}.pr9{padding-right:9vw;}.pr10{padding-right:10vw;}.pt1{padding-top:1vw;}.pt2{padding-top:2vw;}.pt3{padding-top:3vw;}.pt4{padding-top:4vw;}.pt5{padding-top:5vw;}.pt6{padding-top:6vw;}.pt7{padding-top:7vw;}.pt8{padding-top:8vw;}.pt9{padding-top:9vw;}.pt10{padding-top:10vw;}.pb1{padding-bottom:1vw}.pb2{padding-bottom:2vw}.pb3{padding-bottom:3vw}.pb4{padding-bottom:4vw}.pb5{padding-bottom:5vw}.pb6{padding-bottom:6vw}.pb7{padding-bottom:7vw}
.pb8{padding-bottom:8vw}.pb9{padding-bottom:9vw}.pb10{padding-bottom:10vw} .mt15{margin-top: 15vw;}


body {
 font-size: 1rem;
 font-family:Roboto !important;
}


img {
	width: 100%;
	height: auto;
}

h1 {
	font-size: 2vw !important;
}

.prod_zag {
	font-size: 1.5vw !important;
}

.to-cart {
	font-size: 1.2vw !important;
	color: #FFF !important;
	text-transform: uppercase;
	font-weight: normal !important;
}

.startshop-name {
	font-size: 1.2vw !important;
	color: #000 !important;
}
.startshop-value {
	font-size: 1.2vw !important;
	color: #000 !important;
	font-weight: bold;
}
/************************************************************************************/
.sogl_main {
	color: #FFF;
	padding-top: 1vw;
}
.header {
    background: #FFF;
    border-bottom: 2px solid #CCC;
	padding-top: 1vw;
	/*padding-bottom: 1vw;*/
}

.logo {
	float: left;
	width: 10vw;
	padding-right: 1vw;
	margin-left: 3vw;
	position: relative;
	top:1vw;
}

.mb5 {
	margin-bottom: 1vw;
}



.news-list-param, .news-list-value, .startshop-parameter {
	color: #000 !important;
}


.slogan {
	font-family: Roboto;
	float: left;
	font-size: 1vw;
	border-left: 3px solid #6b8727;
	padding-left: 1.5vw;
	line-height: 1.2em;
	position: relative;
	top:1.1vw;
}

.fl {
	float: left;
}

.topmess img {
	width: 26px !important;
	margin: 0 3px;
}

.call {
	transform: skewX(-15deg);
}
.call a{
	text-transform: uppercase;
	color: #6b8727;
	border: 2px solid #6b8727;
	padding: 0.8vw 1vw;
	font-size: 1vw;
	position: relative;
	top:1vw;
	cursor: pointer;
}

.call a:hover {
	background: #6b8727;
	color: #FFF;
	text-decoration: none;
}

.toptel {
	position: relative;
	top:1.0vw;
	font-size: 1.1vw;
}
.topmess {
	position: relative;
	top:1.0vw;
	font-size: 1.1vw;
}

/********************************topmenu************************************/
.topmenu {
	margin-left: 2vw;

}


.startshop-tabs .tabs .tab a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 14px 14px;
    font-size: 1vw;
	font-family: Roboto;
    -webkit-transition: 0.2s color;
    -moz-transition: 0.2s color;
    -ms-transition: 0.2s color;
    -o-transition: 0.2s color;
    transition: 0.2s color;
	text-shadow:  none !important;
}

.tab a:hover {
	background: #fbbd46;
}

.startshop-tabs .tabs .tab {
    display: inline-block;
    color: #000 !important;
    cursor: pointer;
    border: 0px;
	text-transform: uppercase !important;
    border-bottom: 2px solid transparent;
    -webkit-transition-property: background-color, border;
    -moz-transition-property: background-color, border;
    -ms-transition-property: background-color, border;
    -o-transition-property: background-color, border;
    transition-property: background-color, border;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin: 0 !important;
	transform: skewX(-15deg);
}

.startshop-tabs .tabs .tab.current, .startshop-tabs .tabs .tab.ui-state-hover, .startshop-tabs .tabs .tab:hover, .startshop-tabs .tabs .tab.ui-state-active {
    border: none !important;
	color: #1150A3 !important;
}

.startshop-menu {
    background: none !important;
    border-radius: 4px;
}

.selected {
	background: #fbbd46;
}

.searchbox {
	margin-top: 7px;
}


.search-suggest {
	width: 100% !important;
}
.sbut {
	background: url(/local/templates/rsp/img/lupa.svg) no-repeat;
    width: 20px;
    height: 20px;
    border-color: none !important;
    border: none !important;
    position: relative;
    right: 30px;
	top:0.35vw;
    z-index: 1000;
}


.breadcrumbs {
	margin-bottom: 25px;
}

.news-list-post-params > .news-list-param {
	font-family: PN-L;
	font-size: 17px !important;
}

.price_load {
	background: #f5f5f5;
	padding: 10px;
	border:1px solid #CCC;
	border-radius: 7px;
}

/***************************************main_page*********************************/
.topbg {
	background: url(/images/bg-1.png);
	background-size: cover;
	min-height:60vw;
	position: relative;
	top:-3.3vw;
	margin-bottom: 15vw;
}

.banner-zag {
	font-family: IBl;
	font-size: 2.4vw;
	color: #000;
	position: relative;
	top:4vw;
	margin-left: 11vw;
	line-height: 3vw;
}

.banner_more {
	transform: skewX(-15deg);
}

.banner_more a{
	color:#FFF;
	background: #343434;
	padding: 1vw 4vw;
	position: relative;
	top:14vw;
	margin-left: 15vw;
	text-transform: uppercase;
	font-family: IB;
}

.banner_more a:hover {
	color: #CCC;
	text-decoration: none;
}

.top30{
	position: relative;
	top:31vw;
}

.green_zag {
	color: #6b8727; 
	font-family: IB;
	font-size: 1.5vw;
	margin-left: 11vw;
}

.green_zag_r {
	color: #6b8727; 
	font-family: IB;
	font-size: 1.5vw;
	margin-left: 5vw;
}

.text_about {
	font-family: Roboto;
	margin-left: 11vw;
	font-size: 1vw;
	line-height: 1.5vw;
}

.text_about_r {
	font-family: Roboto;
	margin-left: 5vw;
	font-size: 1vw;
	line-height: 1.5vw;
}

.imgabout, .tsep_img {
	width: 80%;
}

.but_more {
	transform: skewX(-15deg);
}

.but_more a{
	color: #343434;
	border:2px solid #343434;
	padding: 0.5vw 3vw;
	font-family: Roboto;
	margin-left: 11vw;
	text-transform: uppercase;	
}

.but_more a:hover {
	color: #FFF;
	background: #343434;
	text-decoration: none;
}

.mb50 {
	margin-bottom: 10vw;
}

.ugolshow {
	background: url(/images/ugol.jpg) no-repeat;
	background-size: cover;
	height: 60vw;
}

.totopgo {
	position: relative;
	top:-20vw;
	margin-bottom: -15vw;
}

.prod_zag_main {
	font-family: IBl;
	font-size: 2vw;
	margin: 2vw 0;
}
.opis {
	padding: 1vw;
}
.prod_name, .price {
	font-family: Roboto;
}
.prod_name {
	min-height: 4vw;
}
.sku {
	font-family: Il;
}

.more_prod a{
	background: #fbbd46;
	color: #000;
	text-transform: uppercase;
	font-family: Roboto;
	padding: 0.5vw 3vw;
	
}
.more_prod {
	transform: skewX(-15deg);
	margin: 1vw 0;
}

.greyboard {
	border: 2px solid #7b7b7b;
	padding-bottom: 2vw;
	padding-top: 3vw;
}

.offers_text {
	font-family: IB;
	font-size: 2vw;
	margin-bottom: 2vw;
}

.green_dl a {
	background: #6b8727;
	padding: 1vw 0;
	text-align: center;
	color: #FFF;
	font-family: IB;
	width: 80%;
	float: right;
	text-transform: uppercase;
}

.green_dl a:hover {
	color: #FFF;
	text-decoration: none;
}

.black_dl a{
	background: #000;
	padding: 1vw 0;
	text-align: center;
	color: #FFF;
	font-family: IB;
	width: 80%;
	float: left;
	text-transform: uppercase;
}
.black_dl a:hover {
	color: #FFF;
	text-decoration: none;
}

.dark-bg {
	background: #000;
	padding-bottom: 6vw;
	padding-top: 2vw;
	min-height: 15vw;
}

.form_text {
	color: #FFF;
	font-family: Roboto;
}

.form_zag {
	color: #FFF;
	font-size: 2vw;
	text-transform: uppercase;
	font-family: IB;
}

.myinput {
	background: none !important;
	border: 2px solid #FFF !important;

	color: #FFF;
	text-transform: uppercase;
	height: 3vw !important;
}

.mybut {
	text-transform: uppercase;font-family: IB;
	color: #000 !important;
	background: #fbbd46 !important;
	font-size: 1.5vw;
	height: 3vw;
	width: 100%;
	border:none !important;
	border-radius: 0 !important;
}

/***************************************footer********************************/

.footer_bg ul{
	list-style: none;
}

.footer_bg a {
	color: #000;
}

.footer_bg {
	font-family: Roboto;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.podval {
	font-family: Il;
	color: #CCC;
	font-size: 1vw;
}