.p-head{
    background: #444;
    padding: 3rem 0 0;
    text-align: center;
}
.p-head h4 {
    color: var(--primary-color);
    font-family: roboto\ condensed;
    position: relative;
    padding: 0 0 2rem;
}
.p-form {
    padding: 2rem 3rem;
    max-width: 40rem;
    margin: 0 auto;
}

.p-form .intro{
    font-size: 1.2rem;
    text-align: center;
}
.wpcf7 p{position:relative;}
.wpcf7 p i {
    position: absolute;
    top: 1.6rem;
    left: 1.5rem;
    z-index: 11;
}
.wpcf7 input {
    width: 100%;
    margin: .5rem;
    height: 4rem;
    border: 0;
    box-shadow: 0 0 0.1rem #666 inset;
    padding: 0 0 0 3.5rem;
    line-height: 1;
    margin-bottom: 0;
}
.wpcf7 input.wpcf7-submit{
width:100%;
}

@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?fy0tfu');
  src:  url('/fonts/icomoon.eot?fy0tfu#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?fy0tfu') format('truetype'),
    url('/fonts/icomoon.woff?fy0tfu') format('woff'),
    url('/fonts/icomoon.svg?fy0tfu#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phub-01:before {content: "\e900";}
.icon-phub-02:before {content: "\e901";}
.icon-phub-03:before {content: "\e902";}
.icon-phub-04:before {content: "\e903";}
.icon-phub-05:before {content: "\e904";}
.icon-phub-06:before {content: "\e909";}
.icon-phub-07:before {content: "\e90a";}
.icon-phub-08:before {content: "\e90b";}
.icon-phub-09:before {content: "\e90c";}
.icon-phub-10:before {content: "\e90d";}
.icon-phub-11:before {content: "\e90e";}
.icon-phub-12:before {content: "\e90f";}
.icon-phub-13:before {content: "\e910";}
.icon-phub-14:before {content: "\e911";}
.icon-phub-15:before {content: "\e912";}
.icon-phub-16:before {content: "\e918";}
.icon-phub-17:before {content: "\e919";}
.icon-phub-19:before {content: "\e91a";}
.icon-phub-20:before {content: "\e913";}
.icon-phub-21:before {content: "\e914";}
.icon-phub-22:before {content: "\e915";}
.icon-phub-23:before {content: "\e916";}
.icon-phub-24:before {content: "\e917";}
.icon-wear-print-01:before {content: "\e905";}
.icon-wear-print-02:before {content: "\e906";}
.icon-wear-print-03:before {content: "\e907";}
.icon-wear-print-04:before {content: "\e908";}


/*BLOG*/

.category-blog{
background-color:#f5f5f5;
}

.postlist article {
    margin-bottom: 40px;
    padding: 0 2rem;
    background: white;
}

.postlist article .entry-title:after {
    content: '';
    width: 7.5rem;
    border-bottom: .2rem solid var(--primary-color);
    display: block;
    margin: .7rem 0;
}

.postlist .entry-content a {
    display: block;
    width: 13rem;
    padding: 1rem 2rem;
    background: #333;
    margin-top: 1.5rem;
}

.postlist .entry-content a:hover{
background:var(--primary-color);
color: var(--body-color);
}

.list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list a{width:100%;}

.list i {
    font-size: 5rem;
    color: var(--white-color);
    margin-bottom: 3rem;
    display: block;
}

.list li,
.list li .box-price,
.list li  h3,
.list li  .box-price p{
  transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
}
.list li:hover i,
.list li:hover .box-price,
.list li:hover .box-price p{
  color: var(--body-color);
border-color:var(--body-color);
}

.list li:hover h3{color:var(--white-color);}

.list li:hover .box.box-min{
background: var(--primary-color);
}

.box.box-min {
  height: 230px;
  background: rgba(48, 48, 48, .95);
  text-align: center;
  display: blok;
  position: relative;
}
.box.box-min {
  background: rgba(48, 48, 48, .95);
}
.box.box-question {
  background: #ffc000;
}

.box h3, .box-question h3 {
  text-transform: uppercase;
  font-weight: 700;
  padding: 25px 0;
  margin: 0;
}

.box h3 {
    color: #ffc000;
    font-family: roboto condensed;
    line-height: 1.45;
}

.box.box-min p {
  color: white;
}

.box-price {
  position: absolute;
  bottom: 0rem;
  width: 50%;
  text-transform: uppercase;
  font-size: 1.2rem;
  display: inline-block;
  padding: 1rem 0;
  border-top: 1px solid rgba(255, 255, 255, .5);
  margin: 0 1rem;
}
.box-price > p {
  margin: 0;
}

.box-price > p:nth-of-type(1) {
  font-size: 1rem;
  margin-bottom: .2rem;
  opacity:.7;
}

.bp-1 {
  left: 0;
}
.bp-2 {
  right: 0;
}

.box.box-min p strong {
  font-weight: 900;
}
.bq-info {
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.bq-info span {
  font-size: 2rem;
  color: black;
  display: block;
  margin: 1rem;
  text-transform: uppercase;
}
.bq-info span:first-child, .bq-info span:last-child {
  font-size: 1.2rem;

}

:root {
    --body-color: #000;
    --primary-color: #f4ad33;
    --secondary-color: #f5b233;
    --white-color: #ffffff;
    --grey-color: #333;
    --light-grey-color: #f5f5f5;
    --dark-grey-color: #444;
    --transparent-color: transparent;
}

/*AKCII*/
#akcii li {
    max-height: 180px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#akcii .box:before {
    background: rgba(255,180,0,.95);
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -7px;
    top: 30px;
    transform: rotate(45deg);
}

#akcii .box {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background: rgba(244,173,51,.95);
    padding: 0 25px;
    font-size: 14px;
    text-align: left;
}

#akcii li:nth-of-type(2) .box{
    background: rgba(48, 48, 48, .95);
}

#akcii li:nth-of-type(2) .box:before {
     background: rgba(48, 48, 48, .95);
}

#akcii li:nth-of-type(2) .box h2{
color: var(--primary-color);
}

#akcii .box h2 {
    color: #fff;
    margin: 30px 0 20px;
    padding: 0;
    line-height: 22px;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}
#akcii .box h3 {
    text-transform: uppercase;
    font-weight: 700;
    padding: 1rem 0 0;
    margin: 0;
    line-height: 1;
    font-size: 1.8rem;
    color: var(--white-color);
}

#akcii a section.text {
    color: #000;
}
#akcii li:nth-of-type(2) a section.text{
color:var(--white-color);
}

/*WHY*/
#why{margin-top:6rem;}
#why i{font-size:10rem;}
#why h2{
    text-transform: uppercase;
    font-weight: bold;
    color: var(--white-color);
}
#why h4{
    text-align: center;
    text-transform: uppercase;
    font-family: roboto condensed;
    line-height: 1.2;
}

#why li{position:relative;}
#why li:nth-of-type(1):before{
content:'';
display:block;
    position: absolute;
    width: 6rem;
    height: 7rem;
    top: -.5rem;
    right: -0.5rem;
    background: var(--primary-color);
}

#why li:nth-of-type(1){border: .5rem solid white;
}
#why li:nth-of-type(1) img{
    position: absolute;
    top: -10.2rem;
    right: -3rem;
    z-index: 2;
}
#why li:nth-of-type(1) h3{
    display: block;
    width: 100%;
    padding: 2rem;
    text-transform: uppercase;
    text-align: left;
    color: white;
    font-weight: bold;
}

/*TRUST*/
#trust .block-title{color:var(--primary-color);}

/*SPECIAL*/
.highlight{color:var(--primary-color);}
.pad-left{padding-left: 2.5rem;}
.block-wide{padding:6rem 0;}
.block-title{
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
}
article {
    position: relative;
    box-sizing: border-box;
    height: 100%;
}

/*TOPBAR*/
#topbar ul.sf-menu>li>a{text-transform:uppercase;}
#topbar .sf-menu li a i{color:var(--primary-color);}
#topbar .sf-menu li:hover a i {color:var(--body-color);}

.topbar_social_area{text-align:right;}
#topbar .widget p{line-height:30px; margin-bottom:0;}
.top-phone {
    color: var(--white-color);
    font-family: roboto condensed;
    font-weight: 300;
    padding: 0 1.5rem;
    font-size: 1.2rem;
}
.top-phone{border-right: .1rem solid #444;}
.top-phone:last-child{border-right: 0;}
.top-phone i {
    color: var(--primary-color);
    margin-right: .5rem;
}

/*MAIN MENU*/
.kad-header-style-basic #nav-main ul.sf-menu>li>a span{
    padding-top: .7rem;
    border-top: .3rem solid var(--transparent-color);
}
/*.kad-header-style-basic #nav-main ul.sf-menu>li>a:hover span{
    border-top: .3rem solid var(--white-color);
}*/

.menu-aktsii{
    background: var(--primary-color);
    transform: skewX(-13.5deg);
}
.menu-aktsii a{
    transform: skewX(13.5deg);
}

.sf-menu ul li i {
    font-size: 18px;
}

/*PAGE TITLE*/
.page-header {
    padding:1rem 0;
}

#kadbreadcrumbs {
    font-size: 10px;
    text-align: left;
    padding: 0;
float:none;
    clear: right;
    margin-top: 0;
}

/*COLUMNS-STYLE*/
.columns{
  width:100%;
  list-style:none;
  margin:0;
  padding:0;
}

.columns{
  display: -webkit-flex;
  display:flex;
  
  -webkit-flex-direction:row;
  flex-direction: row;
  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
  -webkit-justify-content: center;
  justify-content: center;
  
  /*çàïîëíåíèå äî÷åðíèõ ýëåìåíòîâ*/
  -webkit-align-items: stretch; /* Safari */
  align-items: stretch;
  
  -webkit-align-content: stretch;
  align-content: stretch;
}

.columns li{
  box-sizing:border-box;
  margin: .1rem;
}

.columns li{
  display: -webkit-flex;
  display:flex;
  
  -webkit-flex-direction:column;
  flex-direction: column;
    
  /*âåðòèêàëüíîå âûðàâíèâàíèå*/
  -webkit-justify-content: center;
  justify-content: center;
  /*ãîðèçîíòàëüíîå âûðàâíèâàíèå*/
  -webkit-align-items: center; /* Safari */
  align-items: center;
  -webkit-align-content: center;
  align-content: flex-start;
}

.columns-8>li{width: calc(100% / 8 - .2rem);}
.columns-7>li{width: calc(100% / 7 - .2rem);}
.columns-6 li{width: calc(100% / 6 - .2rem);}
.columns-5 li{width: calc(100% / 5 - .2rem);}
.columns-4 li{width: calc(100% / 4 - .2rem);}
.columns-3 li{width: calc(100% / 3 - .2rem);}
.columns-2 li{width: calc(100% / 2 - .2rem);}

/*-------------------- END BLOCK --------------------*/

.list li {
    margin: .1%;
    margin: 0;
    padding: 0.2rem;
    width: calc(100% / 5);
}

/*FOOTER*/
.footerclass a{color:var(--white-color);}
.footerclass i {
    margin-right: .5rem;
    width: 17.5px;
    display: inline-block;
    text-align: right;
}

.footercredits{
    background: var(--primary-color);
    padding: 10px 0 0;
    margin-top: 30px;
    text-align: center;
    color: black;
    text-transform: uppercase;
    font-family: roboto condensed;
    font-weight: 400;
}

.f-social {
    text-transform: uppercase;
    font-family: roboto\ condensed;
    font-weight: 300;
    font-size: 1.2rem;
    padding: 0 1rem;
    border-right: .1rem solid #666;
}

.f-social:last-child{
   border-right:0;
}

@media(max-width:1023px){
.top-phone:nth-of-type(2),
.kad-topbar-right{display:none;}
.kad-topbar-left{width:100%;}
.topbar_social_area {
    text-align: center;
}

/*LIST STYLE*/
.columns-6 li{width: calc(100% / 3 - .2rem);}
.columns-5 li{width: calc(100% / 2 - .2rem);}
.columns-4 li{width: calc(100% / 2 - .2rem);}
.columns-3 li{width: calc(100% / 3 - .2rem);}
.columns-2 li{width: calc(100% / 2 - .2rem);}

#why li:nth-of-type(-n+2){
margin-bottom:2rem;
}
/*-------------------- END BLOCK --------------------*/

}

@media(max-width:599px){
/*Mobile Font Size*/
h1{font-size:2rem;}
h2{font-size:1.8rem;}
h3{font-size:1.6rem;}
h4{font-size:1.4rem;}
h5{font-size:1.2rem;}
h6{font-size:1em;}
body{font-size:13px;}
/*-------------------- END BLOCK --------------------*/

#akcii{display:none;}

/*LIST STYLE*/
.columns-8 li{width: calc(100% / 3 - .2rem);}
.columns-6 li{width: calc(100% / 2 - .2rem);}
.columns-5 li{width: calc(100% / 2 - .2rem);}
.columns-4 li{width: calc(100% / 2 - .2rem);}
.columns-3 li{width: calc(100% / 1 - .2rem);}
.columns-2 li{width: calc(100% / 1 - .2rem);}

/*-------------------- END BLOCK --------------------*/


}