body {margin: 0; padding: 0; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 90%; color: #303030; font-weight: 400}
a {color: #264E9D}
a img {border: none}
h2 {color: #264E9D; font-weight: 300; font-size: 230%; line-height: 1.3em; margin: 0 0 20px 0}
h3 {color: #264E9D; font-weight: 300; font-size: 170%; line-height: 1.3em; margin: 0 0 20px 0}
p {margin: 0 0 25px 0; line-height: 1.6em}


.slider {position: relative; z-index: 40}
.slider ul {margin: 0; padding: 0; background: url("../images/slider_image2025.jpg") center top no-repeat; background-size: cover; position: relative; z-index: 30}
.slider ul li {list-style-type: none; width: 100%}
.slider-block {margin: 0 auto; text-align: left; width: 1100px; padding: 190px 0 100px 0; color: #FFFFFF}
.slider-block a {color: #E8C621}
.slider-block-in {width: 400px}
.slider-block p {line-height: 1.5em; margin: 0 0 30px 0}
.slider-block h2 {font-weight: 800; line-height: 1.3em; margin: 0 0 30px 0; font-size: 230%; color: #FFFFFF}
.slider-block h3 {color: #FFFFFF}
.button {display: inline-block; text-decoration: none; font-weight: 700; line-height: 1.4em; text-transform: uppercase; font-size: 85%; padding: 14px 30px 12px 30px; background-color: #EFCB1B; border-radius: 30px; color: #214B97 !important}
.slider .button {vertical-align: middle; margin: 0 15px 20px 0}
.slider-contact {display: inline-block; vertical-align: middle; margin-bottom: 20px; font-size: 90%; line-height: 1.4em; font-weight: 500; color: #94A3C1}
.slider-contact strong {color: #FFFFFF; font-weight: 600; display: block; font-size: 110%}
.slider-arrows {position: absolute; left: 0; top: 55%; z-index: 40; width: 100%; height: 1px}
.slider-arrows-in {margin: 0 auto; text-align: left; width: 1275px; height: 1px}
.slider-left, .slider-right {display: inline-block; width: 50px; height: 50px}
.slider-left {background: url("../images/slider_left.png") left top no-repeat}
.slider-right {background: url("../images/slider_right.png") left top no-repeat; float: right}
.slider-nav {position: absolute; left: 0; bottom: 40px; width: 100%; z-index: 40}
.slider-nav-in {margin: 0 auto; text-align: left; width: 1100px}
.slider-nav-in a {color: #94A3C1 !important; line-height: 1.4em; text-decoration: none; display: inline-block; margin-right: 10px; vertical-align: top; padding-top: 15px}
.slider-nav-in a.cycle-pager-active {color: #000 !important; font-weight: 700; background: url("../images/slider_nav.png") center top no-repeat}
.slider-block img { border-radius:10px; }
.slider-block img.soc { max-width:80px }

.head {position: absolute; left: 0; top: 0; width: 100%; background-color: #FFFFFF; z-index: 50}
.head-in {margin: 0 auto; text-align: left; width: 1250px; padding: 20px 0 20px 0}
.logo {display: inline-block; vertical-align: middle; background: url("../images/logo.png") left top no-repeat; width: 174px; height: 53px}
.menu-whole {display: inline-block; vertical-align: middle; text-align: center; width: calc(100% - 428px); position: relative; z-index: 50}
.menu {margin: 0; padding: 0}
.menu li {list-style-type: none; display: inline-block; margin: 0 10px; line-height: 1.4em; text-transform: uppercase; font-weight: 500}
.menu li a {text-decoration: none}
.head-contact {display: inline-block; vertical-align: middle; width: 175px; padding-left: 45px; box-sizing: border-box; background: url("../images/ico_phone.png") left top no-repeat; font-size: 90%; line-height: 1.4em; font-weight: 500; color: #94A3C1}
.head-contact strong {color: #303030; font-weight: 600; display: block; font-size: 110%}
.head-social { display:inline-block; width:66px; vertical-align: middle;}
.head-social img {  border-radius:4px;}


.main {margin: 0 auto; text-align: left; width: 1125px; padding: 50px 0}
.sell-text {padding: 0 15px 20px 15px}
.sell-text .button {float: right; margin: 0 0 20px 20px}
.sell-text p {line-height: 1.5em; font-size: 135%; margin: 0 0 30px 0; max-width: 495px}
.sell-text h2 {margin-bottom: 15px}
.sell-offer:after {content: ""; display: block; clear: both}
.sell-item {display: inline-block; float: left; width: 25%; box-sizing: border-box; margin-right: -1px; margin-bottom: -1px; /*height: 175px;*/ position: relative; z-index: 40}
.sell-item-in {border: 1px solid #E3E8F0; background-color: #FFFFFF}
.si-visible {padding: 4px 18px 17px 18px; box-sizing: border-box}
.sell-image {display: block; text-align: center; height: 118px; line-height: 118px; vertical-align: middle}
.sell-image img {vertical-align: middle; max-height: 100%; max-width: 100%}
.sell-item h3 {color: #264E9D; font-weight: 700; line-height: 1.3em; font-size: 120%; margin: 0; text-transform: uppercase}
.sell-item p {line-height: 1.4em; margin: 0; font-size: 85%}
.si-hidden {display: none; padding: 0 20px 10px 20px; position: absolute; left: 0; background-color: #FFFFFF; width: 100%; box-sizing: border-box; border: 1px solid #E3E8F0; border-top: none; box-shadow: 0px 4px 5px 0px #D2DAE6}
.sell-item:hover {z-index: 45}
.sell-item:hover .si-hidden {display: block}
.sell-item:hover {box-shadow: #D2DAE6 0 0 5px}
.sell-item:hover .si-visible {padding-top: 0; border-top: 4px solid #EFCB1B}
.si-hidden ul {margin: 0; padding: 0}
.si-hidden ul li {list-style-type: none; line-height: 1.4em; margin-bottom: 7px; font-size: 85%}

.service-rental {background: url("../images/bg_service-rental.png") center top repeat-y}
.service-rental-in {margin: 0 auto; text-align: left; width: 1100px; padding: 50px 0 70px 0}
.service {display: inline-block; vertical-align: top; width: 44%; margin-right: 11%; box-sizing: border-box; padding-left: 85px; background: url("../images/ico_service.png") left top no-repeat}
.rental {display: inline-block; vertical-align: top; width: 44%; box-sizing: border-box; padding-left: 85px; background: url("../images/ico_rental.png") left top no-repeat}

.realize {background-color: #EFCB1B}
.realize-in {margin: 0 auto; text-align: left; width: 1100px; padding: 60px 0 60px 0}
.realize-in h2 {margin-bottom: 45px}
.realize-block {display: inline-block; vertical-align: top; width: 200px; margin: 0 20px 30px 0}
.realize-blocks .realize-block:nth-child(5n) {margin-right: 0}
.realize-block p {margin: 0}
.realize-number {display: inline-block; padding-left: 70px; font-weight: 800; font-size: 160%; line-height: 1.4em; margin-bottom: 20px; color: #264E9D; background: url("../images/realize_line.png") left center no-repeat}

.news {background-color: #E8EBF2}
.news-in {margin: 0 auto; text-align: left; width: 1100px; padding: 70px 0 60px 0}
.news-in h2 {margin-bottom: 50px}
.news-next {float: right; display: inline-block; margin: 10px 0 20px 20px; line-height: 1.4em}
.news-blocks a {display: inline-block; vertical-align: top; width: 31%; margin: 0 3% 30px 0; color: #303030; text-decoration: none}
.news-blocks a:nth-child(3n) {margin-right: 0}
.news-blocks a:after {content: ""; display: block; clear: both}
.news-image {float: left; width: 107px}
.news-image img {display: block; width: 100%}
.news-text {margin-left: 128px}
.news-text p {font-size: 115%; margin: 0 0 15px 0; padding-top: 5px}
.news-more {display: inline-block; font-weight: 700; line-height: 1.4em; text-transform: uppercase; font-size: 75%; color: #264E9D; padding: 2px 27px 2px 0; background: url("../images/arrow_right.png") right top no-repeat}

.footer {margin: 0 auto; text-align: left; width: 1100px; padding: 70px 0 30px 0}
.footer h2 {margin-bottom: 40px}
.footer-col1 {display: inline-block; vertical-align: top; width: 31%; margin-right: 1%; margin-bottom: 40px}
.footer-col2 {display: inline-block; vertical-align: top; width: 67%; margin-bottom: 40px}
.footer .phone, .pc-contact .phone {padding-left: 50px; background: url("../images/ico_phone.png") left center no-repeat; margin-bottom: 15px; font-size: 90%; line-height: 1.4em; font-weight: 500; color: #94A3C1}
.footer .phone span, .pc-contact .phone span {display: block; line-height: 1.3em; font-size: 170%; color: #303030; font-weight: 400}
.footer .phone span strong, .pc-contact .phone span strong {font-weight: 700}
.footer .email, .pc-contact .email {padding-left: 50px; background: url("../images/ico_email.png") left center no-repeat; line-height: 1.4em; font-size: 155%}
.footer-col2 p {font-size: 90%; margin-bottom: 20px}
.address {padding: 6px 0 6px 40px; background: url("../images/ico_address.png") left center no-repeat; line-height: 1.4em; font-size: 115%; margin-bottom: 25px; display: inline-block}
.ic-dic {display: inline-block; vertical-align: bottom; width: 32%}
.copyright {display: inline-block; vertical-align: bottom; width: 67%}

.subpage .head {position: relative; top: 0}
.subpage-top {background-color: #264E9D; color: #FFFFFF}
.subpage-top a {color: #FFFFFF}
.subpage-top-in {margin: 0 auto; text-align: left; width: 1100px; padding: 20px 0 40px 0}
.navigation {line-height: 1.5em; margin-bottom: 45px; font-size: 90%}
.navigation a {color: #8EA8DC}
.nav-arrow {display: inline-block; vertical-align: middle; margin: 0 12px; background: url("../images/nav_arrow.png") left top no-repeat; width: 6px; height: 10px}
.subpage-top h1 {font-size: 230%; line-height: 1.3em; margin: 0 0 10px 0; font-weight: 800}
.subpage-top p {font-size: 135%}
.subpage-main {margin: 0 auto; text-align: left; width: 1100px; padding: 40px 0 50px 0}
.colleft {display: inline-block; vertical-align: top; width: 262px; margin: 0 50px 50px 0}
.subpage-main .menu-left {margin: 0; padding: 8px 0; border: 1px solid #DDE3ED; background-color: #FFFFFF}
.subpage-main .menu-left li {list-style-type: none; padding: 0; background-image: none}
.menu-left > li {font-weight: 500; text-transform: uppercase; line-height: 1.4em; font-size: 105%}
.menu-left > li > a {display: block; text-decoration: none; padding: 6px 18px}
.menu-left > li > a:hover { text-decoration:underline; }
.menu-left > li > a.active { font-weight:bold;}
.menu-left li ul {margin: 0; padding: 0; background-color: #E8EBF2}
.menu-left li ul li {font-weight: 400; text-transform: none; font-size: 85%}
.menu-left li ul li a {text-decoration: none; padding: 6px 5px 6px 23px; display: block}
.menu-left li ul li a.active { font-weight:bold;}
.menu-left li ul li a:hover, .menu-left li ul li.active a {background-color: #DBE0EB}
.colright {display: inline-block; vertical-align: top; width: calc(100% - 320px); padding-top: 0px}
.company-logo {float: right; max-width: 40%; margin: 0 0 20px 40px}
.company-logo img {display: block; max-width: 100%}
.subpage-main ol {margin: 0; padding: 0 0 30px 35px}
.subpage-main ol li, .subpage-main ul li {line-height: 1.4em; margin-bottom: 5px}
.subpage-main ol li {color: #264E9D; font-weight: 600; font-size: 120%}
.subpage-main ol li span {color: #303030; font-weight: 400; font-size: 80%}
.subpage-main ul {margin: 0; padding: 0 0 30px 15px}
.subpage-main ul li {list-style-type: none; padding-left: 20px; background: url("../images/list.png") left 6px no-repeat}
.inquiry {background: #E8EBF2 url("../images/ico_inquiry.png") -20px center no-repeat; padding: 55px 5px 30px 135px; margin-bottom: 50px}
.inquiry-text {display: inline-block; vertical-align: middle; width: 315px; margin-bottom: 25px}
.inquiry-text h3 {font-weight: 700; margin: 0; font-size: 135%}
.inquiry-text p {margin: 0; font-size: 125%}
.inquiry .button {display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 25px}
.inquiry-contact {display: inline-block; vertical-align: middle; width: 140px; font-size: 90%; line-height: 1.4em; font-weight: 500; color: #94A3C1; margin-bottom: 25px}
.inquiry-contact strong {color: #264E9D; font-weight: 600; display: block; font-size: 110%}
.subpage-main table {width: 75%; margin: 0 0 50px 0; border-collapse: collapse}
.subpage-main table td, .subpage-main table th {font-size: 90%; line-height: 1.4em; padding: 11px 20px; text-align: left; vertical-align: top}
.subpage-main table th {font-weight: 500; color: #EFCB1B; background-color: #264E9D}
.subpage-main table tr:nth-child(odd) td {background-color: #E8EBF2}
.gallery-image {display: inline-block; vertical-align: top; width: 63%; margin-bottom: 50px}
.gallery-image img {display: block; width: 100%}
.gallery-images {display: inline-block; vertical-align: top; width: 36%; margin-bottom: 50px}
.gallery-images-block a {display: inline-block; vertical-align: top; margin: 0 0 20px 4.8%; width: 44%}
.gallery-images-block a img {display: block; width: 100%}
.other-photos {margin-left: 5%; display: inline-block; text-decoration: none}
.other-photos span {color: #7192D4}
.other-photos .op-left {text-decoration: underline; color: #264E9D}
.contact-form {border: 1px solid #DDE3ED; padding: 50px 30px 50px 60px}
.contact-form h2 {font-size: 170%; margin-bottom: 35px}
.contact-form h2 strong {font-weight: 700}
.contact-form form {display: inline-block; vertical-align: top; width: 57%; margin: 0 6% 0 0}
.contact-form form label {display: block; line-height: 1.4em; margin-bottom: 5px; font-size: 95%}
.contact-form form label .star {color: #E2001A}
.contact-form form input[type=text], .contact-form form textarea {border: 2px solid #DDE3ED; background-color: #E8EBF2; padding: 8px 10px; box-sizing: border-box; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-size: 90%; color: #303030; font-weight: 400}
.contact-form form input[type=text] {width: 220px; height: 35px}
.contact-form form textarea {width: 100%; height: 120px}
.contact-form form input[type=submit] {font-weight: 700; line-height: 1.4em; text-transform: uppercase; width: auto; height: auto; display: inline-block; cursor: pointer; border: none; font-family: 'Montserrat', sans-serif; font-size: 90%; padding: 14px 30px 12px 30px; background-color: #EFCB1B; border-radius: 30px; color: #214B97 !important; margin-top: 20px}
.radio {width:13px !important;  height:13px;  line-height: 13px;  float: left; margin: 3px 0 15px 0!important;  display:inline-block;  position:relative; vertical-align:middle; background: url("../images/radio.png") left top no-repeat}
.radio span{display:inline-block;  position:absolute;  left:0;  top:0;  width:13px;  height:13px}
.radio input{opacity:0;  filter:alpha(opacity=0);  -moz-opacity:0;  border:none;  background:none;  display:-moz-inline-box;  display:inline-block;  *display:inline;  zoom:1; width: 13px !important; height: 13px !important; margin: 0 !important}
.radio .checked {background: #FFFFFF url("../images/radio_checked.png") center center no-repeat}
.checker {width:17px !important;  height:13px;  line-height: 13px; float: left; margin: 3px 0 15px 0 !important;  display:inline-block;  position:relative; vertical-align:middle; background: url("../images/checkbox.png") left top no-repeat}
.checker span{display:inline-block;  position:absolute;  left:0;  top:0;  width:13px;  height:13px}
.checker input{opacity:0;  filter:alpha(opacity=0);  -moz-opacity:0;  border:none;  background:none;  display:-moz-inline-box;  display:inline-block;  *display:inline;  zoom:1; width: 13px !important; height: 13px !important; margin: 0 !important}
.checker .checked{background: #FFFFFF url("../images/checked.png") center center no-repeat}
.contact-form form .check-radio label {margin: 0 0 15px 23px}
.fancy-select {width: 320px; height: 35px; line-height: 35px; border: 2px solid #DDE3ED; display: inline-block; vertical-align: middle; text-align: left; padding: 0; position: relative; font-family: 'Montserrat', sans-serif; font-size: 90%; color: #303030; font-weight: 400; margin: 0 0 15px 0!important; background: #E8EBF2 url("../images/select.png") right center no-repeat}
.fancy-select.active {z-index: 40 !important}
.fancy-select select {width: 100%; height: 35px; z-index: 45;}
.fancy-select .trigger {padding: 0; height: 35px; line-height: 35px; padding: 0 0 0 10px; cursor: pointer; z-index: 30 !important; color: #303030; margin: 0; overflow: hidden}
.fancy-select .trigger.open {z-index: 40 !important}
.fancy-select ul {display: none; padding: 0; margin: 0 !important; width: 100%; z-index: 40 !important; position: absolute !important; background-color: #FFFFFF; border: 2px solid #DDE3ED; left: -2px}
.fancy-select ul.open {display: block;}
.fancy-select ul li {list-style-type: none; line-height: 1.3em; cursor: pointer; color: #303030; padding: 10px; background: none; margin: 0; font-size: 100%;}
.fancy-select ul li:hover {background-color: #E8EBF2}
.person-contact {display: inline-block; vertical-align: top; width: 36%; padding-top: 25px}
.person {float: right; width: 130px; text-align: center; margin-bottom: 50px}
.person-image {border-radius: 50%; display: block; width: 95px; overflow: hidden; height: 95px; margin: 0 auto 12px auto}
.person-image img {display: block; width: 100%}
.person-name {line-height: 1.4em; font-size: 95%}
.pc-text {margin: 0 30px 50px 0}
.pc-text h3 {font-size: 120%}
.pc-text p {margin: 0; font-size: 95%}
.pc-contact {clear: both}



@media(max-width: 1330px){
  .slider-arrows-in {width: 94%}
  .slider-block, .slider-nav-in {width: 94%; box-sizing: border-box; padding-left: 70px; padding-right: 70px}
}

@media(max-width: 1180px){
  .main {width: 94%}
}

@media(max-width: 1160px){
  .footer, .news-in, .realize-in, .service-rental-in, .head-in, .subpage-top-in, .subpage-main {width: 94%}
  .realize-blocks .realize-block:nth-child(5n) {margin-right: 20px}
}

@media(max-width: 1100px){
  .slider-block {padding-top: 200px}
  .slider-block-in {width: 300px}
  .slider-block h2 {font-size: 180%}
}

@media(max-width: 1010px){
  .news-blocks a {width: 46%; margin: 0 3% 30px 0}
  .news-blocks a:nth-child(3n) {margin-right: 3%}
  .news-in {padding: 50px 0 30px 0}
}

@media(max-width: 930px){
  .footer-col1, .footer-col2 {width: 49%}
  .ic-dic, .copyright {display: block; width: auto}
  .ic-dic {margin-bottom: 15px}
}

@media(max-width: 900px){
  .slider ul {background-position: left top}
  .slider-block-in {width: auto}
  .head {top: 0}
  .slider-block {padding-top: 170px}
}

@media(max-width: 860px){
  .contact-form {border: 1px solid #DDE3ED; padding: 30px}
  .contact-form form {display: block; width: auto; margin: 0 0 30px 0}
  .person-contact {display: block; width: auto}
}

@media(max-width: 840px){
  .colleft {display: block; margin: 0 auto 20px auto}
  .colright {display: block; width: auto}
}

@media(max-width: 820px){
  .sell-item {width: 50%}
}

@media(max-width: 790px){
  .menu {display: none; position: absolute; right: 20px; top: 40px; width: 200px; padding: 5px 0; background-color: #FFFFFF; border: 1px solid #274E9D}
  .menu li {display: block; margin: 0; padding: 10px 20px}
  .menu li a {display: block}
  .menu-whole {text-align: right; padding-right: 20px; box-sizing: border-box}
  .mobile-menu {display: inline-block; width: 42px; height: 35px; background: url("../images/mobile_menu.png") left top no-repeat}
}

@media(max-width: 700px){
  .news-in h2 {margin-bottom: 30px}
  .news-blocks a {width: auto; display: block; margin: 0 0 30px 0}
  .news-blocks a:nth-child(3n) {margin-right: 0}
  .service-rental {background-image: none}
  .service-rental-in {width: 100%; padding: 0}
  .service, .rental {display: block; width: auto; margin: 0; padding: 50px 20px 50px 105px; background-position: 20px 50px}
  .service {background-color: #E8EBF2}
  .rental {background-color: #DDE3ED}
}

@media(max-width: 620px){
  .footer, .news-in, .realize-in, .main, .head-in, .subpage-top-in, .subpage-main {width: 92%}
  .footer {padding: 50px 0 10px 0}
  .footer h2 {margin-bottom: 30px}
  .footer-col1, .footer-col2 {width: auto; display: block; margin-right: 0}
}

@media(max-width: 550px){
  .sell-text .button {float: none; margin-left: 0}
  .sell-text p {font-size: 120%; margin-bottom: 15px}
}

@media(max-width: 530px){
  .company-logo {float: none; max-width: 100%; margin: 0 0 30px 0}
  .inquiry {background-image: none; padding: 30px 20px 10px 20px}
  .gallery-image {display: block; width: auto; margin-bottom: 25px}
  .gallery-images {display: block; width: auto; margin-bottom: 50px}
  .gallery-images-block a {display: inline-block; vertical-align: top; margin: 0 5% 20px 0; width: 46.5%}
  .gallery-images-block a:nth-child(2n) {margin-right: 0}
  .other-photos {margin-left: 0}
  .inquiry-text {width: auto}
}

@media(max-width: 500px){
  h2 {font-size: 190%}
  .realize-block {display: block; width: auto; margin-right: 0}
  .realize-in {padding: 50px 0 40px 0}
  .realize-in h2 {margin-bottom: 30px}
  .head-in {text-align: center; padding: 25px 0}
  .head-contact {display: block; margin: 20px auto 0 auto}
  .menu-whole {width: 42px; padding: 0; margin-left: 20px}
  .menu {right: 0}
  .slider-block {padding-top: 190px}
}

@media(max-width: 480px){
  .sell-item {width: 100%}
  .sell-item .si-visible {height: auto !important}
}

@media(max-width: 440px){
  .slider-left, .slider-right {width: 25px; height: 25px; background-size: 100% auto}
  .slider-block, .slider-nav-in {padding-left: 35px; padding-right: 35px}
  .slider .button {padding: 14px 15px 12px 15px}
  .contact-form {padding: 30px 15px}
  .fancy-select {width: 250px}
  .person {float: none; margin-bottom: 25px}
  .pc-text {margin-right: 0}
}

@media(max-width: 360px){
  .news-text p {font-size: 100%}
  .service, .rental {padding-left: 80px}
}

@media screen and (min-width: 791px) {
.menu {
display: block !important;}
}