@font-face {font-family: 'Circe_0';src: url('../fonts/Circe_0.eot');src: url('../fonts/Circe_0.eot') format('embedded-opentype'),url('../fonts/Circe_0.woff2') format('woff2'),url('../fonts/Circe_0.woff') format('woff'),url('../fonts/Circe_0.ttf') format('truetype');}
@font-face {font-family: 'CirceExtraBold';src: url('../fonts/CirceExtraBold.eot');src: url('../fonts/CirceExtraBold.eot') format('embedded-opentype'),url('../fonts/CirceExtraBold.woff2') format('woff2'),url('../fonts/CirceExtraBold.woff') format('woff'),url('../fonts/CirceExtraBold.ttf') format('truetype');}

@font-face {font-family: 'GothamProRegular';src: url('../fonts/GothamProRegular.eot');src: url('../fonts/GothamProRegular.eot') format('embedded-opentype'),url('../fonts/GothamProRegular.woff') format('woff'),url('../fonts/GothamProRegular.ttf') format('truetype');}
@font-face {font-family: 'GothamProBold';src: url('../fonts/GothamProBold.eot');src: url('../fonts/GothamProBold.eot') format('embedded-opentype'),url('../fonts/GothamProBold.woff') format('woff'),url('../fonts/GothamProBold.ttf') format('truetype');}
html,body,p,ul,li,button,input{margin:0;padding:0}
html{font-family:'Circe_req'}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4{font-weight:400;margin:0;padding:0}
button{cursor:pointer;font-family:inherit;border:0;outline:none;color:#fff;font-size:.9vw;font-family:Circe_req}
body{background:#fff;color:#000}
.input_error{position:absolute;background:#fff;color:red;font-size:.8vw;padding:.9vw;z-index:9999}
.input_error svg{width:1vw;height:1vw;position:absolute;top:-.8vw;left:5vw}
.slidesjs-container,.slidesjs-control{height:100%}
.content{font-size: 2.6vw;/* font-family:'Circe-Light' */}
.content p{padding-bottom:3vw}
.content a{text-decoration:underline}
.content li{list-style:square}
.rubl{font-family:'ALS Rubl'}
.img_fon{background-size:cover;height:100%;background-position:center;background-repeat: no-repeat;}
.fail{border-color:red!important}
.fail_f p{color:red}
.fail_f input{border-color:red!important}
.done{border-color:green!important}
.hid_content{display:none}
#lb_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;opacity:0;justify-content:center;/* color:#fff */}
#lb_wrap{position:relative;width: 80%;max-height: 90%;padding: 4vw 7vw 7vw;height:1px;border-radius:5px;background: white;}
#lb_close{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,53,81,0.82);cursor:pointer}
#lb_close_ico{position:absolute;top:-10vw;right:2vw;width:6.9vw;fill:none;stroke:#fff;cursor:pointer;z-index:900}
#lb_wrap_scroll.scroll{overflow-x:hidden;height:100%;overflow-y:scroll}
.block_scrool{overflow:hidden}
.input_error{position:absolute;background:#fff;color:red;font-size:5vw;padding:2vw;z-index:9999;font-family:'Circe_req'}
.input_error svg{width:5vw;height:5vw;position:absolute;top:-4vw;left:5vw}
.floatingBarsG{position:relative;width:10vw;height:12vw;margin:0 auto}
.blockG{position:absolute;background-color:transparent;width:1vw;height:2vw;border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;-ms-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;transform:scale(0.4);-o-transform:scale(0.4);-ms-transform:scale(0.4);-webkit-transform:scale(0.4);-moz-transform:scale(0.4);animation-name:fadeG;-o-animation-name:fadeG;-ms-animation-name:fadeG;-webkit-animation-name:fadeG;-moz-animation-name:fadeG;animation-duration:1.04s;-o-animation-duration:1.04s;-ms-animation-duration:1.04s;-webkit-animation-duration:1.04s;-moz-animation-duration:1.04s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
.rotateG_01{left:0;top:4.3vw;animation-delay:.39s;-o-animation-delay:.39s;-ms-animation-delay:.39s;-webkit-animation-delay:.39s;-moz-animation-delay:.39s;transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}
.rotateG_02{left:1.3vw;top:1.5vw;animation-delay:.52s;-o-animation-delay:.52s;-ms-animation-delay:.52s;-webkit-animation-delay:.52s;-moz-animation-delay:.52s;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
.rotateG_03{left:4vw;top:.4vw;animation-delay:.65s;-o-animation-delay:.65s;-ms-animation-delay:.65s;-webkit-animation-delay:.65s;-moz-animation-delay:.65s;transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}
.rotateG_04{left:6.9vw;top:1.5vw;animation-delay:.78s;-o-animation-delay:.78s;-ms-animation-delay:.78s;-webkit-animation-delay:.78s;-moz-animation-delay:.78s;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.rotateG_05{left:8vw;top:4.3vw;animation-delay:.91s;-o-animation-delay:.91s;-ms-animation-delay:.91s;-webkit-animation-delay:.91s;-moz-animation-delay:.91s;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.rotateG_06{left:6.9vw;top:7.1vw;animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg)}
.rotateG_07{top:8.2vw;left:4vw;animation-delay:1.17s;-o-animation-delay:1.17s;-ms-animation-delay:1.17s;-webkit-animation-delay:1.17s;-moz-animation-delay:1.17s;transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.rotateG_08{left:1.3vw;top:7.1vw;animation-delay:1.3s;-o-animation-delay:1.3s;-ms-animation-delay:1.3s;-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg)}
#top_desc{
    padding: 11vw 0vw 4.7vw;
    text-align: center;
    border-bottom: 3px solid #f5f5f5;
    margin-bottom: 8vw;
    margin: 0 3vw 8vw;
}
#logo{
    width: 39.6vw;
    height: 10.9vw;
    background-image: url(../img/logo.png);
    margin: 0 auto 6vw;
}
#desc_content{
    color: #2f2f2f;
    font-size: 3.6vw;
	font-family: 'Circe_0';
}
#feedback_list{
    margin: 0 3vw;
}
.feedback_item{
    margin-bottom: 4vw;
    box-shadow: 0px 10px 43.7px 2.3px rgba(0, 0, 0, 0.1);
    padding: 2vw;
    border-radius: 2vw;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.feedback_img_wrap{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.feedback_img_wrap .img_fon{background-position: top center;width: 44vw;height: 78vw;border-radius: 1vw;}
.feedback_img_wrap .img_fon:nth-child(1){
    width: 100%;
    /* height: 53vw; */
}
.feedback_img_wrap .img_fon:nth-child(2){
    display: none;
}
.feedback_result{
    position: absolute;
    bottom: -6vw;
    right: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14vw;
    height: 14vw;
    background: #ff0066;
    color: white;
    font-size: 3.4vw;
    border-radius: 14vw;
    box-shadow: 0px 5px 7.6px 0.4px rgba(0, 0, 0, 0.14);
    font-family: 'CirceExtraBold';
}
.feedback_desc{
    padding: 3vw 0;
    color: #373737;
}
.feedback_desc > p{
    font-size: 5.8vw;
    /* color: #373737; */
    font-family: 'CirceExtraBold';
}
.feedback_short_view{
    font-family: 'GothamProRegular';
}
.feedback_more{
    font-size: 14px;
    display: block;
    font-family: 'GothamProRegular';
    color: #007eff;
}
#footer{
    margin: 0 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 10vw;
    font-size: 2.6vw;
    color: #272727;
    font-family: 'Circe_0';
    opacity: 0.7;
    border-top: 3px solid rgba(39, 39, 39, 0.13);
}
#footer p{}
#footer a{}
.hover_layer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 102, 0.71);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
	transition: opacity 0.3s ease-out;
}
.hover_layer a{
    color: #ff0066;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 10vw;
    box-shadow: 0px 20px 76.95px 4.05px rgba(0, 0, 0, 0.31);
    font-family: 'CirceExtraBold';
    font-size: 5vw;
    width: 70vw;
    height: 13vw;
    margin: 3vw 0;
}
.open .hover_layer{opacity: 1;pointer-events: all;}
#popup{}
#desc_block{}
#desct_title{
    display: flex;
    align-items: center;
}
#desct_title p{
    font-size: 5vw;
    font-family: 'CirceExtraBold';
    color: #373737;
}
#desct_title .feedback_result{
    position: relative;
    bottom: auto;
    right: auto;
    margin-left: 4vw;
}
#desc_block .content{
    padding: 3vw 0 0;
    font-size: 3.2vw;
    font-family: 'GothamProRegular';
}
#callback{}
#callback p{
    font-size: 3.3vw;
    color: #373737;
    font-family: 'GothamProBold';
    padding-bottom: 4vw;
}
#callback_input_wrap{
    width: 81vw;
    margin: 0 auto;
}
#callback_input_wrap input{
    font-size: 3.8vw;
    color: #828282;
    width: calc(100% - 10px - 8vw);
    border: 2px solid #d4d4d4;
    height: 11.6vw;
    border-radius: 20vw;
    margin-bottom: 2.6vw;
    padding: 0 4vw;
	-webkit-appearance:none;
}
#callback_input_wrap button{
    background: #ff0066;
    height: 11.6vw;
    width: calc(100% - 8px);
    border-radius: 20vw;
    font-size: 3.2vw;
    text-transform: uppercase;
    font-family: 'CirceExtraBold';
}
#more_feedback_view{
    text-align: center;
    padding: 3vw 0 6vw;
}
#more_feedback_view button{
    background: #ff0066;
    height: 11.6vw;
    width: 50vw;
    border-radius: 20vw;
    font-size: 3.2vw;
    text-transform: uppercase;
    font-family: 'CirceExtraBold';
    box-shadow: 0px 20px 76.95px 4.05px rgba(0, 0, 0, 0.31);
    }
@media screen and (min-width:760px){
	#more_feedback_view{
    padding: 1vw 0 3vw;
}
#more_feedback_view button{
    height: calc(3.9vw + 4px);
    width: 20vw;
    font-size: 1vw;
    }
	#lb_close_ico{
    width: 1vw;
    height: 1vw;
    padding: 0.4vw;
    border: 1px solid white;
    border-radius: 10vw;
    top: 0vw;
    right: -3vw;
}
	#lb_wrap{
    padding: 1vw 2vw 2vw;
    width: 45vw;
}
	#popup{
    padding-bottom: 5vw;
}
#desc_block{}
#desct_title{}
#desct_title p{
    font-size: 1.3vw;
}
#desct_title .feedback_result{
    margin-left: 2vw;
}
#desc_block .content{
    font-size: 1vw;
    padding: 1vw 0 2vw;
}
#callback {
   margin-top: 2.7vw;
}
#callback p{
    font-size: 0.9vw;
    padding-bottom: 2vw;
}
#callback_input_wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#callback_input_wrap input{
    font-size: 1vw;
    height: 3.9vw;
    padding: 0 1vw;
    width: calc(33% - 4px - 2vw);
    margin: 0;
}
#callback_input_wrap button{
    height: calc(3.9vw + 4px);
    width: 30%;
    font-size: 1vw;
}
	.hover_layer{}
.hover_layer a{
    font-size: 1vw;
    width: 14.5vw;
    height: 4vw;
    /* border-radius: 10vw; */
    margin: 0.7vw 0;
}
	.content p{
    padding-bottom: 0.7vw;
}
	#top_desc{
    padding: 1.7vw 0 2vw;
    margin-bottom: 1.3vw;
}
	#logo{
    width: 14vw;
    height: 4.2vw;
    margin-bottom: 2vw;
}
	#desc_content{
    width: 66vw;
    margin: 0 auto;
    font-size: 1.3vw;
}
	#feedback_list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 2%;
}
.feedback_item{
    border-radius: 0.3vw;
    padding: 0.4%;
    height: 28vw;
    margin: 0 0.7% 1.6vw;
}
.feedback_img_wrap{}
	.feedback_img_wrap .img_fon{
    border-radius: 0.3vw;
    width: 49%;
    height: 100%;
}
.feedback_img_wrap .img_fon:nth-child(1){}
.feedback_img_wrap .img_fon:nth-child(2){}
.feedback_result{
    font-size: 1vw;
    width: 3.5vw;
    height: 3.5vw;
    bottom: -1.7vw;
    right: 1vw;
    /* border-radius: 0.3vw; */
}
.feedback_desc{
    /* padding: 1vw 0; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    /* height: 8.7vw; */
}
.feedback_desc > p{
    font-size: 1.3vw;
}
.feedback_short_view{
    font-size: 0.9vw;
    overflow: hidden;
    /* height: 1.7vw; */
    margin-bottom: 0.5vw;
    /* max-height: 1.7vw; */
}
.feedback_more{
    font-size: 0.9vw;
}
	#footer{
    font-size: 0.8vw;
    height: 2vw;
}
#footer p{}
#footer a{}
	.type1{
    width: 27%;
}
	.type1 .feedback_img_wrap{
    height: 20vw;
}
	.type1 .feedback_desc{
    height: 8.7vw;
}
	.type1 .feedback_short_view{
    height: 3.6vw;
}
	.type2{
    width: 18.3%;
}
	.type2 .feedback_img_wrap{
    height: 17.5vw;
}
	.type2 .feedback_desc{
    height: 12vw;
}
	.type2 .feedback_short_view{
    height: 5.5vw;
}
	.type3{
    width: 38.9%;
}
	.type3 .feedback_img_wrap{
    height: 22vw;
}
	.type3 .feedback_desc{
    height: 6vw;
}
	.type3 .feedback_short_view{
    /* display: none; */
    height: 1.9vw;
}
	.content{font-size: 1vw;}
	.feedback_item:hover .hover_layer{opacity: 1;pointer-events:all;}
}
::-webkit-input-placeholder{color:#828282}
::-moz-placeholder{color:#828282}
:-moz-placeholder{color:#828282}
:-ms-input-placeholder{color:#828282}
:focus::-webkit-input-placeholder{color:transparent}
:focus::-moz-placeholder{color:transparent}
:focus:-moz-placeholder{color:transparent}
:focus:-ms-input-placeholder{color:transparent}


@media screen and (max-width:760px){
	#lb_close_ico {   
		top: 2vw;   
		stroke: #000;    
	}
}