.t-clear,.t-container:after,.t-container_100:after,.t-container_10:after,.t-container_8:after{clear:both}*,:after,:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}a,b,blockquote,center,code,div,h1,h2,h3,h4,h5,h6,i,img,p,pre,span,table,td,th,tr,u,video{margin:0;padding:0;border:0}.t-row{margin:0}.t-container,.t-container_10,.t-container_8{margin-left:auto;margin-right:auto;padding:0;width:100%}.t-container{max-width:1200px}.t-container.flexx,.t-container_flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.t-container_100{width:100%;padding:0}.t-container_10{max-width:1000px}.t-container_8{max-width:800px}.t-container:after,.t-container:before,.t-container_100:after,.t-container_100:before,.t-container_10:after,.t-container_10:before,.t-container_8:after,.t-container_8:before{display:table;content:" "}.t-col{display:inline;float:left;margin-left:20px;margin-right:20px;width:100%}.t-col.flexx,.t-col_flex{align-items:stretch;height:inherit;margin-top:auto;margin-bottom:auto}.t-col_1{max-width:60px}.t-col_2{max-width:160px}.t-col_3{max-width:260px}.t-col_4{max-width:360px}.t-col_5{max-width:460px}.t-col_6{max-width:560px}.t-col_7{max-width:660px}.t-col_8{max-width:760px}.t-col_9{max-width:860px}.t-col_10{max-width:960px}.t-col_11{max-width:1060px}.t-col_12{max-width:1160px}.t-col_100{max-width:100vw}.t-prefix_1{padding-left:100px}.t-prefix_2{padding-left:200px}.t-prefix_3{padding-left:300px}.t-prefix_4{padding-left:400px}.t-prefix_5{padding-left:500px}.t-prefix_6{padding-left:600px}.t-prefix_7{padding-left:700px}.t-prefix_8{padding-left:800px}.t-prefix_9{padding-left:900px}.t-prefix_10{padding-left:1000px}.t-prefix_11{padding-left:1100px}.t-prefix_12{padding-left:1200px}.t-width{width:100%}.t-width_1{max-width:60px}.t-width_2{max-width:160px}.t-width_3{max-width:260px}.t-width_4{max-width:360px}.t-width_5{max-width:460px}.t-width_6{max-width:560px}.t-width_7{max-width:660px}.t-width_8{max-width:760px}.t-width_9{max-width:860px}.t-width_10{max-width:960px}.t-width_11{max-width:1060px}.t-width_12{max-width:1160px}.t-width_100{max-width:100%}.t-cell{display:table-cell;vertical-align:middle;height:100%;margin-left:0;margin-right:0}.t-cell_25{width:25vw}.t-cell_33{width:33.3333333vw}.t-cell_50{width:50vw}.t-cell_100{width:100vw}@media screen and (max-width:1200px){.t-container{max-width:960px;padding:0}.t-container_10{max-width:780px}.t-container_8{max-width:640px}.t-col{display:inline;float:left;margin-left:10px;margin-right:10px;width:100%}.t-col_1{max-width:60px}.t-col_2{max-width:140px}.t-col_3{max-width:220px}.t-col_4{max-width:300px}.t-col_5{max-width:380px}.t-col_6{max-width:460px}.t-col_7{max-width:540px}.t-col_8{max-width:620px}.t-col_9{max-width:700px}.t-col_10{max-width:780px}.t-col_11{max-width:860px}.t-col_12{max-width:940px}.t-prefix_1{padding-left:80px}.t-prefix_2{padding-left:160px}.t-prefix_3{padding-left:240px}.t-prefix_4{padding-left:320px}.t-prefix_5{padding-left:400px}.t-prefix_6{padding-left:480px}.t-prefix_7{padding-left:560px}.t-prefix_8{padding-left:640px}.t-prefix_9{padding-left:720px}.t-prefix_10{padding-left:800px}.t-prefix_11{padding-left:880px}.t-prefix_12{padding-left:960px}.t-width_1{max-width:60px}.t-width_2{max-width:140px}.t-width_3{max-width:220px}.t-width_4{max-width:300px}.t-width_5{max-width:380px}.t-width_6{max-width:460px}.t-width_7{max-width:540px}.t-width_8{max-width:620px}.t-width_9{max-width:700px}.t-width_10{max-width:780px}.t-width_11{max-width:860px}.t-width_12{max-width:940px}.t-width_100{max-width:100%}}@media screen and (max-width:960px){.t-col,.t-container.flexx,.t-container_flex{display:block}.t-container{max-width:640px}.t-col,.t-col_1,.t-col_10,.t-col_11,.t-col_12,.t-col_2,.t-col_3,.t-col_4,.t-col_5,.t-col_6,.t-col_7,.t-col_8,.t-col_9{width:100%;max-width:100%}.t-col{float:none;padding-left:20px;padding-right:20px;margin:0;box-sizing:border-box}.t-prefix_1,.t-prefix_10,.t-prefix_11,.t-prefix_12,.t-prefix_2,.t-prefix_3,.t-prefix_4,.t-prefix_5,.t-prefix_6,.t-prefix_7,.t-prefix_8,.t-prefix_9{padding-left:none}}
.my-modal{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 20px;
    padding-right: 17px;
    background-color: rgba(0,0,0,.6);
    z-index: 9999999;
    visibility: hidden;
}
.my-modal .modal-body{
	display: block;
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
    /* align-items: start; */
    padding: 40px 45px;
    max-width: 460px;
    background: #fff;
    box-shadow: 0px 0px 10px #222;
    margin: 65px auto;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin: 65px auto;
    top: 0;
    position: relative;
    left: auto;
    right: auto;
    width: 100%;
    z-index: 99999999999;
    transition: all 0.3s ease-in-out;
}
.my-modal form{
	display: flex;
    flex-direction: column;
}
.my-modal form label, .my-modal input{
	margin-bottom: 25px;
    font-family: arial;
    font-size: 16px;
    line-height: 1.55em;
    color: #121945;
    text-align: left;
}
.my-modal input{
	    background-color: transparent;
    -webkit-appearance: none;
    color: #121945;
    border: 1px solid #ededed;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
        margin: 0 auto 25px auto;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 100%;
    height: 60px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.33;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
}
.my-modal textarea{
	color: #121945;
	font-family: 'Open Sans',Arial,sans-serif;
    border: 1px solid #ededed;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 102px;
    outline: none;
    padding: 17px 20px;
    margin-bottom: 25px;
        font-size: 16px;
    line-height: 1.33;

}
.my-modal button{
	    width: 100%;
    height: 54px;
    -webkit-appearance: none;
    color: #ffffff;
    border: 1px solid #de0000;
    background-color: #de0000;
    outline: none;
    border-radius: 5px;
    display: block;
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.my-modal button:hover{
	    background-color: #e6b222 !important;
    color: #ffffff !important;
    border-color: #e6b222 !important;
}
.modal-title{
	font-size: 30px;
    font-family: arial;
    font-weight: 300;
    margin-bottom: 10px;
    color:#121945;
}
.my-modal p{
	font-size: 16px;
    font-weight: 300;
    font-family: arial;
    margin-bottom: 35px;
    color:#121945;
}
.overlay{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.close{
	position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 25px;
    height: 25px;
    text-indent: -999999px;
}
.close span{
    width: 2px;
    height: 12px;
    background: #121945;
    display: block;
}
.close span:nth-of-type(1){
	
}
.close span:nth-of-type(2){
	
}
.close svg{
	display: block;

}
.close svg g{
	transition: all 0.3s ease-in-out;
	fill: #e6b222 !important;
	opacity: 0.5;
}
.close:hover svg g{
	fill: #e6b222 !important;
	opacity: 1;
}
.overlay.active{
	opacity: 1;
    visibility: visible;
}
.my-modal.active{
	opacity: 1;
    visibility: visible;
}
.modal-open{
	height: 100vh;
    min-height: 100vh;
    position: relative;
}
/* хром, сафари */
.modal-open::-webkit-scrollbar { width: 0; }

/* ie 10+ */
.modal-open { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.modal-open { overflow: -moz-scrollbars-none; }

.answer{
        padding: 20px;
    border-radius: 3px;
    /* opacity: 0; */
    /* visibility: hidden; */
    display: none;
}
.answer p{
    color:white;
    font-size: 18;
    font-weight: 300;
    font-family: arial;
    margin: 0px;
}
.succes{
    background: #62C584;
    display: block;
}
.error{
    background: #de0000;
    display: block;
}
.peper1{
       width: 142px;
    height: 77px;
    position: absolute;
    top: 190px;
    left: -40px;
}
.peper2{
    width: 232px;
    height: 308px;
    position: absolute;
    top: 50px;
    left: -50px;    
}
.parallax-element{
    position: absolute;
}
.salad{
        width: 240px;
    height: 169px;
    position: absolute;
    right: -67px;
    top: 25px;
}
#rec64232857, #rec64232860, #rec64846880{
    position: relative;
}
.peper3{
    width: 157px;
    height: 207px;
    left: 72px;
    top: 95px;
    z-index: 1;
}
.salad2{
    width: 210px;
    height: 117px;
    left: -5px;
    top: 221px;
    z-index: 2;
}
.kolbasa{
    width: 264px;
    height: 242px;
    right: -150px;
    top: -40px;
}
.garlic1{
    width: 107px;
    height: 101px;
    right: 100px;
    top: 160px;
    z-index: 2;
}
.garlic2{
    width: 81px;
    height: 122px;
    right: 165px;
    top: 115px;
    z-index: 1;
}
.tomato1{
        width: 132px;
    height: 131px;
    top: 10px;
    left: 200px;
}
.tomato2{
    width: 240px;
    height: 280px;
    right: -130px;    
}