/* my_presets */
.main-form input.field:focus::-webkit-input-placeholder {opacity:0;}
.main-form input.field:focus::-moz-placeholder          {opacity:0;}
.main-form input.field:focus:-moz-placeholder           {opacity:0;}
.main-form input.field:focus:-ms-input-placeholder      {opacity:0;}
.main-form input.field::-webkit-input-placeholder {color: #222; opacity: 1;}
.main-form input.field:-moz-placeholder {color: #222; opacity: 1;}
.main-form input.field::-moz-placeholder {color: #222; opacity: 1;}
.main-form input.field:-ms-input-placeholder {color: #222; opacity: 1;}
.hidden{display: none;}
.left{float: left;}
.right{float: right;}
.center{text-align: center;}
.just {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
p.par {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    padding: 0 20px 20px;
}
.img {
    display: block;
    margin: 0 auto 20px;
}
.clearfix:after{content: '';display: block;clear: both;}
.clear{clear: both;height: 0px;}
.ulfix {font-size: 0;}
.ulfix li {font-size: 16px;}
/* END my_presets */

h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', Helvetica, sans-serif; font-weight: 700; text-transform: uppercase;line-height: 1.3em;}
b,strong{font-weight: 700;}

::-webkit-scrollbar{
  display: none;
}

body{
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    font-family: 'Montserrat', Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #000;
    background: #f3f3f3;
}
.wrap {
    width: 480px;
    padding: 0;
    margin: 0 auto;
    background: #fff;
}
.gradient {
	background: orange;
	
}

section, footer {
	width: 100%;
    position: relative;
}
.wrap:after {
    clear: both;
    content: "";
    display: table;
}
section:after, footer:after {
    clear: both;
    content: "";
    display: table;
}
.main-form input.field {
    position: relative;
    display: block;
    outline: 0;
    border: none;
    -webkit-border-radius: 10px;
    width: 100%;
    height: 75px;
    line-height: 75px;
    margin: 0 auto 15px;
    padding: 0 20px;
    background:#fff;
    text-align: center;
    font-weight: 400;
    height: 70px;
    font-size: 16px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    color: #747474;
    border-radius: 20px;
    margin-bottom: 10px;
   
    
}
.btn{
    width: 100%;
    border: none;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 380px;
    height: 74px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    background: #fec50c;
    background: -moz-linear-gradient(45deg, #fec50c 1%, #fedf0c 100%);
    background: -webkit-linear-gradient(45deg, #fec50c 1%,#fedf0c 100%);
    background: linear-gradient(45deg, #fec50c 1%,#fedf0c 100%);
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 22px;
    line-height: 70px;
    border-bottom: 4px solid #cb9e03;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
}


   
h2.title {
    margin: 0 0 35px 0;
    font-size: 30px;
	letter-spacing: .6px;
	font-weight: 900;
    text-align: center;

}
h2.title > span{
    color: rgba(255,240,0,1);
}


.catalog__slider {
    margin-bottom: 20px;
  }
  
  .catalog__slider .slick-slide img {
    display: block;
    
    margin: 0 auto;
  }
  
  .catalog__slider .slick-prev,
  .catalog__slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 36px);
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url("../img/slider-arrow.png") 50% 50% no-repeat;
    width: 21px;
    height: 33px;
    z-index: 33;
  }
  
  .catalog__slider .slick-prev {
    left: 15px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .catalog__slider .slick-next {
    right: 15px;
  }
  
  .catalog__slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    text-align: center;
    margin-top: 20px;
  }
  
  .catalog__slider .slick-dots li {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
  }
  
  .catalog__slider .slick-dots li button {
    
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    text-indent: -9999px;
    background: orangered;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
  
  .catalog__slider .slick-dots li.slick-active button {
    background: orangered;
    width: 24px;
    height: 24px;
  }