:focus {outline: -webkit-focus-ring-color auto 0px;a}

html {font-family: 'PT Serif', serif; font-weight: 400; font-size: 14px; color: #545454}
body {margin: 0; padding: 0; text-align: center}
a {color: #545454; transition: color 0.2s ease-out}
a:hover {color: #434343}
a img {border: none}
strong {font-weight: 700}
label {display: inline-block; text-align: left; padding-bottom: 3px; max-width: 770px; width: 100%; margin-left: 10px;}


.head {position: fixed; z-index: 100; left: 0; top: 0; width: 100%; background-color: #FFFFFF; border-bottom: 3px solid #C4C2BE}
.head-in {margin: 0 auto; width: 1170px; text-align: center; padding: 14px 0 23px 0}
.head-in h1 {display: none}
.head-in:after {content: ""; display: block; clear: both}
.logo {float: left; display: inline-block; width: 250px; height: 59px; background: url("../img/logo.png") left top no-repeat; background-size: 100% auto; margin-top: 2px}
.languages {float: right}
.languages a {text-decoration: none; font-weight: 700; margin: 0 5px; color: #808369}
.menu {margin: 0; padding: 28px 0 0 0; display: inline-block; vertical-align: middle}
.menu li {list-style-type: none; display: inline-block; margin: 0 8px; line-height: 1.4; text-transform: uppercase; font-weight: 700; color: #808369}
.menu li a {text-decoration: none; color: #808369; margin-right: 14px}
.menu li a:hover {color: #434343}
.button-inquiry {display: inline-block; vertical-align: middle; margin-left: 10px; background-color: #B00057; color: #FFFFFF; text-decoration: none; line-height: 1.4; text-transform: uppercase; font-weight: 700; padding: 10px; width: 150px; text-align: center; margin-top: 15px}
.button-inquiry:hover {background-color: #9B014D; color: #FFFFFF}

.slider {position: relative; z-index: 50}
.slider ul {margin: 0; padding: 0}
.slider ul li {list-style-type: none}
.slider ul li img {display: block; width: 100%}
.slider-text {position: absolute; left: 0; top: 30%; width: 100%; text-align: center}
.slider-text-in {margin: 0 auto; width: 1000px; color: #FFFFFF}
.slider-text h2 {text-transform: uppercase; font-weight: 700; font-size: 4.2rem; line-height: 1.1; margin: 0 0 50px 0}
.slider-text h2:before {content: ""; display: block; height: 2px; width: 115px; margin: 0 auto 40px auto; background-color: #FFFFFF}
.slider-text h2:after {content: ""; display: block; height: 2px; width: 115px; margin: 40px auto 0 auto; background-color: #FFFFFF}
.button {display: inline-block; vertical-align: middle; background-color: #B00057; color: #FFFFFF; text-decoration: none; line-height: 1.4; text-transform: uppercase; font-weight: 700; padding: 25px 60px; text-align: center; margin-top: 15px; font-size: 1.1rem}
.button:hover {background-color: #9B014D; color: #FFFFFF}

.services-in {margin: 0 auto; width: 1170px; text-align: center; padding: 110px 0}
.services-in:after {content: ""; display: block; clear: both}
.h-top h2 {font-size: 1rem; line-height: 1.4; font-weight: 700; text-transform: uppercase; text-align: center; margin: 0 0 15px 0; color: #808369}
.h-top h3 {color: #434343; line-height: 1.3; font-weight: 700; font-size: 2.5rem; margin: 0 0 55px 0}
.h-top h3:after {content: ""; display: block; height: 2px; width: 115px; margin: 40px auto 0 auto; background-color: #222222}
.services-text {float: left; width: 28.5%; text-align: right}
.services-text.right {float: right; text-align: left}
.services-image {margin: 0 31.5%; /*border-radius: 50%;*/ overflow: hidden}
.services-image img {width: 100%; display: block}
.service-block {margin-bottom: 43px}
.service-number {display: inline-block; float: right; font-weight: 700; font-size: 2.7rem; line-height: 1; color: #eae7e0; transition: color 0.2s ease-out}
.services-text.right .service-number {float: left}
.service-text {margin-right: 60px}
.services-text.right .service-text {margin: 0 0 0 60px}
.service-text h4 {color: #808369; font-weight: 700; line-height: 1.3; font-size: 1.3rem; text-transform: uppercase; margin: 0 0 30px 0; padding-top: 3px}
.service-text h4 a {color: #808369; display: inline-block; text-decoration: none; transition: color 0.2s ease-out}
.service-text h4 a:after {content: ""; display: block; border-bottom: 2px solid #808369; width: 110px; height: 1px; margin: 7px 0 0 0}
.service-text p {color: #929292; line-height: 1.5; margin: 0}
.service-block:hover .service-number {color: #ffb18b}
.service-block .service-text h3 a:hover {color: #434343}

.inquiry {background: url("../img/zaujali_jsme_vas.jpg") center center no-repeat; background-size: cover}
.inquiry-in {margin: 0 auto; width: 1170px; color: #FFFFFF; padding: 130px 0; text-align: center}
.inquiry-in h2 {font-size: 1rem; line-height: 1.4; font-weight: 700; text-transform: uppercase; text-align: center; margin: 0 0 20px 0}
.inquiry-in h3 {font-weight: 700; font-size: 4rem; line-height: 1.1; margin: 0 0 50px 0}
.inquiry-in h3:after {content: ""; display: block; height: 2px; width: 115px; margin: 45px auto 0 auto; background-color: #FFFFFF}

.about-us, .contact-form {background: url("../img/main_bg.jpg") center top repeat}
.about-us-in {margin: 0 auto; width: 1170px; text-align: center; padding: 110px 0}
.about-block {background-color: #FFFFFF; position: relative; z-index: 40}
.about-image {position: absolute; left: 0; width: 0; height: 100%; width: 50%; background: url("../img/o_nas.jpg") center center no-repeat; background-size: cover}
.about-text {margin-left: 50%}
.about-text-in {text-align: left; padding: 80px}
.about-text-in p {line-height: 1.5; margin: 0 0 30px 0; color: #929292}
.about-text-in .perex {font-weight: 700; font-size: 1.5rem; line-height: 1.3; color: #808369}
.about-text-in .perex p {color: #808369; line-height: 1.3}
.about-text-in .button {padding: 20px 60px}

.our-team-in {margin: 0 auto; width: 1170px; text-align: center; padding: 110px 0 60px 0}
.team-person {display: inline-block; vertical-align: top; width: 19%; margin: 0 2.5% 50px 2.5%}
.team-person-image {border-radius: 50%; overflow: hidden; margin-bottom: 50px}
.team-person-image img {width: 100%; display: block; height: auto}
.team-person .button {padding: 20px 50px}
.team-person h4 {color: #808369; font-weight: 700; line-height: 1.3; font-size: 1.4rem; margin: 0 0 8px 0}
.team-person h4 a {text-decoration: none; color: #808369}
.team-person p {line-height: 1.5; margin: 0 0 20px 0; color: #929292}

.people-say {background: url("../img/rekli_o_nas.jpg") center center no-repeat; background-size: cover; min-height: 630px}
.people-say-in {margin: 0 auto; width: 1000px; color: #FFFFFF; padding: 130px 0 0 0; text-align: center}
.people-say h2 {font-weight: 700; font-size: 3rem; line-height: 1.1; margin: 0 0 50px 0}
.people-say h2:after {content: ""; display: block; height: 2px; width: 115px; margin: 45px auto 0 auto; background-color: #AB9C8D}
.people-say ul {margin: 0; padding: 0}
.people-say ul li {list-style-type: none}
.people-say ul li p {font-size: 1.4rem; font-weight: 700; line-height: 1.5; margin: 0 0 30px 0}
.say-name {line-height: 1.5}

.references {background: url("../img/main_bg.jpg") center top repeat}
.references-in {margin: 0 auto; width: 1170px; text-align: center; padding: 110px 0}
.references-blocks:after {content: ""; display: block; clear: both}
/*
.references-blocks a {float: left; display: block; width: 48.5%; margin-right: 3%; margin-bottom: 30px; text-decoration: none; position: relative; z-index: 30}
.references-blocks a:nth-child(2n) {margin-right: 0}
.references-blocks a img {display: block; width: 100%}
*/

.references-blocks div.reference {float: left; display: block; width: 48.5%; margin-right: 3%; margin-bottom: 30px; text-decoration: none; position: relative; z-index: 30}
.references-blocks div.reference:nth-child(2n) {margin-right: 0}
.references-blocks div.reference img {display: block; width: 100%}

.reference-text {position: absolute; left: 15px; bottom: 15px; width: calc(100% - 30px); text-align: left; color: #434343; padding: 15px 15px 5px 15px; box-sizing: border-box; background-color: rgba(255,255,255,0.7);}
.reference-text h4 {margin: 0 0 15px 0; font-weight: 700; line-height: 1.3; font-size: 1.3rem}
.reference-text p {line-height: 1.4; margin: 0 0 10px 0}
.reference-hidden {display: none}

.contact-in {margin: 0 auto; width: 1170px; text-align: center; padding: 110px 0}
.contact-in:after {content: ""; display: block; clear: both}
.contact-map {float: left; width: 50%; overflow: hidden}
.contact-text {float: left; width: 50%; padding: 60px; text-align: left; box-sizing: border-box}
.contact-text h4 {color: #808369; font-weight: 700; line-height: 1.3; font-size: 1.3rem; text-transform: uppercase; margin: 0 0 25px 0}
.contact-text h4:after {content: ""; display: block; border-bottom: 2px solid #808369; width: 110px; height: 1px; margin: 10px 0 0 0}
.contact-text p {line-height: 1.5; margin: 0 0 40px 0; color: #929292}
.contact-in a {text-decoration: none}

.contact-form {padding: 35px}

#map-block-overlay {background: transparent; position: absolute; z-index: 1; /*width: 585px;*/ height: 450px; cursor: pointer}

.subpage-top {margin-top: 100px; min-height: 331px; background: url("../img/bg_subpage-top.jpg") center center no-repeat; background-size: cover; color: #FFFFFF}
.subpage-top-bankety {background: url("../img/bg-sluzby-bankety.jpg") center center no-repeat}
.subpage-top-recepce {background: url("../img/bg-sluzby-recepce.jpg") center center no-repeat}
.subpage-top-barbecue {background: url("../img/bg-sluzby-barbecue.jpg") center center no-repeat}
.subpage-top-koktejly {background: url("../img/bg-sluzby-koktejly.jpg") center center no-repeat}
.subpage-top-svatby {background: url("../img/bg-sluzby-svatby.jpg") center center no-repeat}
.subpage-top-konference-a-meetingy {background: url("../img/bg-sluzby-konference-a-meetingy.jpg") center center no-repeat}

.subpage-top a {color: #FFFFFF}
.subpage-top-in {margin: 0 auto; text-align: center; width: 1170px; padding: 120px 0 50px 0}
.subpage-top-in h2 {font-weight: 700; font-size: 2.7rem; line-height: 1.1; margin: 0 0 15px 0}
.subpage-top-in p {line-height: 1.5; margin: 0; font-size: 1.2rem}
.main-whole {border-bottom: 2px solid #F3F1EC}
.main {margin: 0 auto; text-align: left; width: 1170px; padding: 110px 0 75px 0}
.main:after {content: ""; clear: both; display: block}
.colleft {float: left; width: 32%; margin: 0 3% 50px 0; background: url("../img/main_bg.jpg") center top repeat; padding: 80px 70px; box-sizing: border-box}
.colleft h3 {font-weight: 700; font-size: 1.6rem; line-height: 1.3; margin: 0 0 25px 0; color: #434343}
.menu-left {margin: 0; padding: 0}
.menu-left li {list-style-type: none; padding-left: 17px; line-height: 1.5; margin-bottom: 10px; position: relative; z-index: 30}
.menu-left li:before {content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #B00057; position: absolute; left: 0; top: 8px}
.menu-left li a {text-decoration: none; color: #929292}
.menu-left li a:hover {color: #B00057}
.colright {float: left; width: 65%}
.service-detail-image {display: block; margin-bottom: 50px}
.service-detail-image img {display: block; max-width: 100%}
img.service-detail-image {display: block; max-width: 100%}
.colright h2 {font-weight: 700; font-size: 2.5rem; line-height: 1.1; margin: 0 0 45px 0; color: #434343}
.colright p, .main p {line-height: 1.7; margin: 0 0 25px 0; color: #929292}
.service-detail-blocks {padding-top: 15px}
.service-detail-blocks:after {content: ""; clear: both; display: block}
.service-detail-block {display: block; float: left; width: 48.5%; margin-right: 3%; margin-bottom: 40px; text-align: center}
.service-detail-block:after {content: ""; display: block; height: 2px; width: 115px; margin: 25px auto 0 auto; background-color: #A7A99A}
.service-detail-blocks .service-detail-block:nth-child(2n) {margin-right: 0}
.sdb-image {display: block; margin-bottom: 30px}
.sdb-image img {display: block; width: 100%}
.sdb-date {text-transform: uppercase; font-weight: 700; line-height: 1.4; margin-bottom: 10px; font-size: 1.1rem; color: #929292}
.sdb-date a {text-decoration: none; color: #8F8369}
.sdb-date a:hover {color: #434343}
.service-detail-block h3 {font-weight: 700; font-size: 1.6rem; line-height: 1.3; margin: 0 0 15px 0}
.service-detail-block h3 a {text-decoration: none; color: #434343}
.service-detail-block h3 a:hover {color: #B00057}
.service-detail-block p {margin: 0}

.profile-image {float: left; width: 40%; margin-right: 3%; margin-bottom: 50px}
.profile-image img {display: block; width: 100%}
.profile-text {float: left; width: 57%}
.profile-text h2 {font-weight: 700; font-size: 1.7em; line-height: 1.3; margin: 0 0 35px 0; color: #434343}

.mw-bg {background: url("../img/main_bg.jpg") center top repeat}
.inquiry-form {max-width: 770px; margin: 0 auto 40px auto; text-align: center}
.inquiry-form h2, .contact-form h2 {color: #434343; line-height: 1.3; font-weight: 700; font-size: 2.5rem; margin: 0 0 55px 0}
.inquiry-form h2:after, .contact-form h2:after {content: ""; display: block; height: 2px; width: 115px; margin: 40px auto 0 auto; background-color: #222222}
.form-block {padding-bottom: 20px}
.inquiry-form input[type=text],
.inquiry-form input[type=number],
.inquiry-form input[type=date],
.inquiry-form input[type=time],
.inquiry-form textarea,
input[type="email"],
.intl-tel-input,
.form-datetime-local {border: 2px solid #FFFFFF; box-sizing: border-box; background-color: #FFFFFF; width: 100%; margin-bottom: 30px; height: 65px; padding: 23px 33px; font-family: 'PT Serif', serif; font-weight: 400; font-size: 1rem; color: #929292; transition: border 0.3s ease-out}
.inquiry-form input[type=date], .inquiry-form input[type=time], .form-datetime-local, .form-text hasDatepicker, #edit-datum-a-cas-konani-akce-date, .form-text ui-timepicker-input, #edit-datum-a-cas-konani-akce-time {width: 50%; float: left}
.inquiry-form input[type=text]:focus, .inquiry-form textarea:focus {border: 2px solid #A7A99A}
.inquiry-form textarea {height: 180px}
.inquiry-form input[type=text]::-webkit-input-placeholder, .inquiry-form textarea::-webkit-input-placeholder {color: #929292 !important}
.inquiry-form input[type=text]:-moz-placeholder, .inquiry-form textarea:-moz-placeholder {color: #929292 !important; opacity:  1}
.inquiry-form input[type=text]::-moz-placeholder, .inquiry-form textarea::-moz-placeholder {color: #929292 !important; opacity:  1}
input[type="email" i] {color: #929292 !important; opacity:  1}
.intl-tel-input.allow-dropdown input {color: #929292 !important; opacity:  1}
.inquiry-form input[type=text]:-ms-input-placeholder, .inquiry-form textarea:-ms-input-placeholder {color: #929292 !important}
.inquiry-form input[type=submit] {/*width: 220px; height: 60px;*/ border: none; cursor: pointer; background-color: #B00057; color: #FFFFFF; text-transform: uppercase; font-weight: 700; font-family: 'PT Serif', serif; font-size: 1rem}
.inquiry-form input[type=submit]:hover {background-color: #9B014D}

.intl-tel-input.allow-dropdown input[type=tel] {padding-right: 6px; padding-left: 52px; margin-left: 35px; border: 2px solid #FFFFFF; box-sizing: border-box; background-color: #FFFFFF; width: 100%; margin-bottom: 30px; height: 65px; font-family: 'PT Serif', serif; font-weight: 400; font-size: 1rem; color: #929292; transition: border 0.3s ease-out; position: relative; top: -25px}

.fancy-select {text-align: left; width: 100%; height: 65px; line-height: 65px; display: inline-block; padding: 0; position: relative; vertical-align: middle; color: #929292; font-family: 'PT Serif', serif; font-weight: 400; font-size: 1rem; margin: 0 0 30px 0 !important; box-sizing: border-box; background-color: #FFFFFF}
.fancy-select.active {z-index: 40 !important}
.fancy-select select {width: 100%; height: 65px; z-index: 45;}
.fancy-select .trigger {padding: 0; height: 65px; line-height: 65px; padding: 0 25px 0 33px;cursor: pointer; background: transparent url("../img/arrow_select.png") right center no-repeat; z-index: 30 !important; color: #929292; margin: 0; overflow: hidden; box-sizing: border-box; border: 2px solid #FFFFFF}
.fancy-select .trigger.open {z-index: 40 !important; border: 2px solid #A7A99A}
.fancy-select ul {display: none; padding: 0; margin: 0 !important;  width: 100%; z-index: 40 !important; position: absolute !important; border: 2px solid #A7A99A; border-top: none; left: 0; box-sizing: border-box; background-color: #FFFFFF}
.fancy-select ul.open {display: block;}
.fancy-select ul li {list-style-type: none; line-height: 1.3em; cursor: pointer; color: #929292; padding: 15px 33px; background: none; margin: 0; font-size: 1rem;}
.fancy-select ul li:hover {background-color: #A7A99A; color: #FFFFFF}

.alert {background-color: #fff; ; max-width: 770px; margin: 0 auto 40px auto; text-align: center}
.alert a.close {display: none}
.alert a:not(.close) {display: none}
.alert {}
.alert-success {}
.alert-dismissible {}
label.js-form-required:after, label.form-required:after {content: "*"}

form#user-login-form {width: 350px; margin: 0 auto; background: url("../img/aristokrat-logo-login-01.png") center top no-repeat #ccc; padding: 20px; padding-top: 80px; margin-top: 20px}
form#user-login-form div {padding: 5px 0}
form#user-login-form input {border: 0; height: 20px; width: 300px}
form#user-login-form input.button {padding: 10px 15px; height: 40px;}

@media(max-width: 1580px){
  .slider-text h2 {font-size: 3.8rem; margin-bottom: 40px}
  .slider-text .button {padding: 22px 50px; font-size: 1rem}
}

@media(max-width: 1450px){
  .slider-text h2 {font-size: 3.2rem; margin-bottom: 40px}
  .slider-text .button {padding: 18px 40px; font-size: 0.9rem}
  .slider-text h2:before {margin-bottom: 30px; width: 90px}
  .slider-text h2:after {margin-top: 30px; width: 90px}
}

@media(max-width: 1260px){
  .slider-text {top: 33%}
  .slider-text h2 {font-size: 2.5rem; margin-bottom: 30px}
  .slider-text .button {padding: 15px 40px; font-size: 0.8rem}
  .slider-text h2:before {margin-bottom: 30px; width: 70px}
  .slider-text h2:after {margin-top: 30px; width: 70px}
}

@media(max-width: 1230px){
  .services-in, .inquiry-in, .about-us-in, .our-team-in, .references-in, .contact-in, .head-in {width: 94%}
  .inquiry-in {padding: 110px 0}
  .inquiry-in h3 {font-size: 3rem}
  .inquiry-in .button {padding: 22px 50px; font-size: 1rem}
}

@media(max-width: 1160px){
  .services-image {margin-top: 90px}
  .languages {margin-left: 30px}
  .menu-whole {text-align: right; padding-top: 25px; float: right; position: relative; z-index: 80}
  .menu-whole-in {display: none; position: absolute; right: 0; top: 60px; width: 210px; background-color: #FFFFFF; padding: 0 0 20px 0; border: 1px solid #C4C2BE}
  .menu {display: block}
  .menu li {display: block; margin: 0; text-align: center}
  .menu li a {margin: 0; padding: 10px 20px; display: block; text-align: center}
  .menu li span {display: none}
  .mobile-menu {display: inline-block; background: url("../img/mobile_menu.png") left top no-repeat; width: 24px; height: 20px}
  .button-inquiry {margin-right: 20px}
  .colleft {padding: 50px}
}

@media(max-width: 1120px){
  .slider-text {top: 36%}
  #inquiry2 .slider-text {top: 20%}
  .slider-text h2 {font-size: 2rem; margin-bottom: 20px}
  .slider-text .button {padding: 10px 30px; font-size: 0.7rem}
  .slider-text h2:before {margin-bottom: 20px; width: 50px}
  .slider-text h2:after {margin-top: 20px; width: 50px}
}

@media(max-width: 1050px){
  .slider-text-in, .people-say-in {width: 94%}
  .services-image {margin-top: 120px}
}

@media(max-width: 1010px){
  .about-text-in {padding: 50px}
  .team-person .button {padding: 15px 40px; font-size: 1rem}
  .team-person h4 {font-size: 1.3rem}
  .colleft, .colright {width: auto; float: none; margin-right: auto; max-width: 710px; margin-left: auto}
}

@media(max-width: 950px){
  .slider ul {overflow: hidden; width: 100%; position: relative}
  .slider ul li {overflow: hidden; height: 370px; width: 100%; position: relative}
  .slider ul li img {width: 130%; display: block; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);}
}

@media(max-width: 900px){
  .services-image {clear: both; margin: 0 auto; max-width: 400px}
  .services-text {width: 47%; margin: 0 1%; text-align: left}
  .service-number {float: left}
  .service-text {margin: 0 0 0 60px}
  .services-in, .about-us-in, .references-in, .contact-in {padding: 80px 0}
  .main {padding: 80px 0 45px 0}
  .our-team-in {padding: 80px 0 30px 0}
  .h-top h3, .inquiry-form h2 {font-size: 2rem}
  .reference-text {padding: 10px 10px 1px 10px; left: 10px; bottom: 10px; width: calc(100% - 20px)}
  .reference-text h4 {font-size: 1rem; margin-bottom: 10px}
  .reference-text p {font-size: 0.9rem}
}

@media(max-width: 850px){
  .contact-in {padding-bottom: 50px}
  .contact-map {float: none; width: auto}
  .contact-map iframe {height: 300px !important}
  .contact-text {float: none; width: 270px; padding: 50px 0 0 0; margin: 0 auto}
  .subpage-top {min-height: 0}
  .subpage-top-in {padding: 90px 0}
  .profile-image {float: none; margin: 0 auto 50px auto; width: auto; max-width: 400px}
  .profile-text {float: none; width: auto}
  .slider-text-in a.button {display: none}
}

@media(max-width: 800px){
  .inquiry-in {padding: 100px 0}
  .people-say-in {padding: 100px 0 120px 0}
  .inquiry-in h3 {font-size: 2.5rem; margin-bottom: 40px}
  .inquiry-in .button {padding: 20px 50px; font-size: 0.9rem}
  .team-person {width: 44%}
}

@media(max-width: 760px){
  .about-image {position: static; width: auto; height: 400px}
  .about-text {margin: 0}
}

@media(max-width: 720px){
  .slider ul li img {width: 150%}
  .references-blocks a {float: none; max-width: 500px; display: block; width: auto; margin: 0 auto 30px auto}
  .references-blocks a:nth-child(2n) {margin: 0 auto 30px auto}
  .references-blocks div.reference {float: none; max-width: 500px; display: block; width: auto; margin: 0 auto 30px auto}
  .references-blocks div.reference:nth-child(2n) {margin-right: auto}

@media(max-width: 670px){
  .service-number {font-size: 2.4rem}
  .service-text {margin-left: 50px}
  .service-text h4 {font-size: 1.1rem; margin: 0 0 20px 0}
  .service-text p {font-size: 0.9rem}
  .service-text h4 a:after {width: 95px}
  .people-say h2 {font-size: 2.5rem}
  .service-detail-block h3 {font-size: 1.4rem}
}

@media(max-width: 640px){
  .slider ul li img {width: 180%}
  .rslides_tabs {display: none}
}

@media(max-width: 540px){
  .slider ul li img {width: 210%}
  .services-in, .inquiry-in, .about-us-in, .people-say-in, .references-in, .contact-in, .head-in, .main, .subpage-top-in {width: 92%}
  .services-text {float: none; width: auto; margin: 0}
  .h-top h3, .inquiry-form h2 {font-size: 1.6rem}
  .team-person {max-width: 280px; width: auto; display: block; margin: 0 auto 40px auto}
  .team-person-image {margin-bottom: 30px}
  .service-detail-block {display: block; float: none; width: auto; margin: 0 auto 40px auto; max-width: 370px}
  .service-detail-blocks .service-detail-block:nth-child(2n) {margin-right: auto}
}

@media(max-width: 470px){
  .inquiry-in {padding: 80px 0}
  .people-say-in {padding: 80px 0 100px 0}
  .inquiry-in h3 {font-size: 2rem; margin-bottom: 40px}
  .inquiry-in h3:after {margin-top: 35px}
  .inquiry-in .button {padding: 15px 30px; font-size: 0.9rem}
}

@media(max-width: 460px){
  .slider ul li img {width: 240%}
  .slider-text {top: 40%}
  .slider-text h2 {font-size: 1.6rem; margin-bottom: 20px}
  .about-image {height: 300px}
  .about-text-in {padding: 30px}
  .about-text-in .perex {font-size: 1.3rem}
  .about-text-in .button {font-size: 0.9rem; padding: 15px 40px}
  .menu-whole {clear: right; padding-top: 18px}
  .menu-whole-in {top: 50px}
  .languages {margin-left: 0}
  .colright h2 {font-size: 2rem; margin-bottom: 35px}
  .service-detail-block h3 {font-size: 1.3rem}
  .inquiry-form input[type=text], .inquiry-form textarea {padding: 23px 25px}
  .fancy-select .trigger {padding-left: 25px}
  .fancy-select ul li {padding: 15px 25px}
}

@media(max-width: 400px){
  .slider ul li img {width: 270%}
  .people-say h2 {font-size: 2rem}
  .people-say ul li p {font-size: 1.2rem}
  .logo {width: 200px; height: 47px; margin-top: 10px}
  .subpage-top-in {padding: 80px 0}
  .subpage-top-in h2 {font-size: 2.4rem}
  .colleft {padding: 40px}
}

@media(max-width: 360px){
  .slider ul li img {width: 320%}
  .inquiry-in h3 {font-size: 1.7rem}
  .about-text-in {padding: 30px 20px}
  .reference-text h4 {font-size: 0.9rem; margin-bottom: 5px}
  .reference-text p {font-size: 0.8rem; margin-bottom: 5px}
}


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