#content-in {width: 100%;left: 50%;height: 100%;top: 0;padding: 35px 0;box-sizing: border-box;z-index: 99;transform: translateX(-50%);position: absolute;text-align: left;}
#infoblock {position: relative;width: 100%;background: #5cc1d0;height: 400px;text-align: center;padding-bottom: 300px;}
#infoblock .google-map {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;}
#infoblock .google-map #map-canvas {width: 100%;height: 100%;margin: 0;padding: 0;}
#infoblock-in {width: 1024px;height: 100%;margin: 0 auto;position: relative;text-align: left;}


.page_main #main {height: 100%;position: relative;text-align: left;background: none;margin-top: 0;}
.page_main #main-in {margin: 0 auto;}
.page_main #content-in {padding: 0;}
#bg-blur-up {position: absolute;top: 0;left: -40px;background: green;width: 10px;}
#bg-blur-up.disabled {background: red;}
#bg-blur-down {position: absolute;top: 0;left: -20px;background: green;width: 10px;}
#bg-blur-down.disabled {background: red;}






/* main circles */
#circles {position: relative;height: 800px;overflow: hidden;}
#circles .circle {position: absolute;overflow: hidden;display: block;}
#circles .circle .circle-in {text-align: center;border: 0px solid #fff;cursor: pointer;/* z-index: 10;*/
  width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;color: #fff;}
#circles .circle .circle-inb {text-align: center;border: 7px solid #5CC1D0;cursor: pointer;z-index: 10;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;color: #fff;}
#circles .circle .circle-in.circle-flip {/*  z-index: 5;*/
}
#circles .circle .circle-in h2 {font-family: 'open_sanscondensed_light';color: #fff;margin: 0;text-transform: uppercase;letter-spacing: -0.01em;}
#circles .circle.c1 {width: 305px;height: 305px;left: 0;top: 60px;}
#circles .circle.c1 .circle-in {width: 305px;height: 305px;}
.c1_text{width:305px;height:305px;background:url(../images/pro1H.png) no-repeat top center;background-size:100%;}
#circles .circle.c1 .circle-in.circle-flip {}
#circles .circle.c1 .circle-in.circle-flip h2 {font-size: 55px;margin: 30px 0;line-height: 32px;}
#circles .circle.c1 .circle-in.circle-flip p{font-size:22px;}
#circles .circle.c2 {width: 220px;height: 220px;left: 280px;top: 330px;}
#circles .circle.c2 .circle-in {width: 220px;height: 220px;}
.c2_text{width:220px;height:220px;background:url(../images/pro2H.png) no-repeat top center;background-size:100%;}
#circles .circle.c2 .circle-in.circle-flip {}
#circles .circle.c2 .circle-in.circle-flip h2 {font-size: 28px;margin: 15px 0;line-height: 26px;padding-top:24px;}
#circles .circle.c2 .circle-in.circle-flip p{font-size:16px;}
#circles .circle.c3 {width: 200px;height: 200px;left: 110px;top: 580px;}
#circles .circle.c3 .circle-in {width: 200px;height: 200px;}
.c3_text{width:200px;height:200px;background:url(../images/pro3H.png) no-repeat top center;background-size:100%;}
#circles .circle.c3 .circle-in.circle-flip {}
#circles .circle.c3 .circle-in.circle-flip h2 {font-size: 24px;margin: 37px 0 15px 0;line-height: 20px;padding-top:8px;}

#circles .circle.c8 {width: 230px;height: 230px;left: 50px;top: 370px;z-index: 10;}
#circles .circle.c8 .circle-in {width: 170px;height: 170px;-webkit-border-radius: 190px;-moz-border-radius: 190px;-ms-border-radius: 190px;-o-border-radius: 190px;border-radius: 190px;padding: 15px;}
#circles .circle.c8 .circle-in.circle-flip {/*  background: #47c9af;background: rgba(71, 201, 175, 0.95);*/
    background: #af7ac4;background: rgba(175, 122, 196, 0.95);}
#circles .circle.c8 .circle-in.circle-flip h2 {font-size: 18px;margin: 37px 0 15px 0;line-height: 20px;}
#circles .circle.c4 {width: 255px;height: 255px;left: 420px;top: 53px;z-index: 500;}
#circles .circle.c4 .circle-in {width: 255px;height: 255px;}
.c4_text{width:255px;height:255px;background:url(../images/pro4H.png) no-repeat top center;background-size:100%;}
#circles .circle.c4 .circle-in.circle-flip {}
#circles .circle.c4 .circle-in.circle-flip h2 {font-size: 44px;margin: 40px 0 15px 0;line-height: 30px;padding-top:8px;}
#circles .circle.c4 .circle-in.circle-flip p{font-size:18px;}
#circles .circle.c5 {width: 160px;height: 160px;left: 820px;top: 45px;z-index: 500;}
#circles .circle.c5 .circle-in {width: 160px;height: 160px;}
.c5_text{width:160px;height:160px;background:url(../images/pro5H.png) no-repeat top center;background-size:100%;}

#circles .circle.c5 .circle-in.circle-flip {}
#circles .circle.c5 .circle-in.circle-flip h2 {font-size: 22px;margin: 15px 0;line-height: 22px;}
#circles .circle.c6 {width: 360px;height: 360px;left: 610px;top: 185px;}
#circles .circle.c6 .circle-in {width: 360px;height: 360px;}
.c6_text{width:360px;height:360px;background:url(../images/pro7H.png) no-repeat top center;background-size:100%;}

#circles .circle.c6 .circle-in.circle-flip {}
#circles .circle.c6 .circle-in.circle-flip h2 {font-size: 58px;margin: 80px 0 15px 0;line-height: 40px;}
#circles .circle.c6 .circle-in.circle-flip p{font-size:28px;}
#circles .circle.c7 {width: 205px;height: 205px;left: 525px;top: 580px;z-index: 500;}
#circles .circle.c7 .circle-in {width: 205px;height: 205px;}
.c7_text{width:205px;height:205px;background:url(../images/pro6H.png) no-repeat top center;background-size:100%;}

#circles .circle.c7 .circle-in.circle-flip {}
#circles .circle.c7 .circle-in.circle-flip h2 {font-size: 24px;margin: 5px 0 15px 0;line-height: 20px;padding-top:10px;}
#circles .circle.c7 .circle-in.circle-flip p{font-size:16px;}

@media (max-width:767px){}