/*fonts.css*/
@font-face {
    font-family: "SquareSansPro";
    font-style: normal;
    font-weight: 100;
    src: local("☺"),
    url("../fonts/pfsquaresanspro-thin.woff") format("woff"),
    url("../fonts/pfsquaresanspro-thin.ttf") format("truetype");
}
@font-face {
    font-family: "SquareSansPro";
    font-style: normal;
    font-weight: 300;
    src: local("☺"),
    url("../fonts/pfsquaresanspro-light.woff") format("woff"),
    url("../fonts/pfsquaresanspro-light.ttf") format("truetype");
}
@font-face {
    font-family: "SquareSansPro";
    font-style: normal;
    font-weight: 400;
    src: local("☺"),
    url("../fonts/pfsquaresanspro-regular.woff") format("woff"),
    url("../fonts/pfsquaresanspro-regular.ttf") format("truetype");
}
@font-face {
    font-family: "SquareSansPro";
    font-style: normal;
    font-weight: 600;
    src: local("☺"),
    url("../fonts/pfsquaresanspro-medium.woff") format("woff"),
    url("../fonts/pfsquaresanspro-medium.ttf") format("truetype");
}
@font-face {
    font-family: "SquareSansPro";
    font-style: normal;
    font-weight: 700;
    src: local("☺"),
    url("../fonts/pfsquaresanspro-bold.woff") format("woff"),
    url("../fonts/pfsquaresanspro-bold.ttf") format("truetype");
}

@font-face {
    font-family: "Meta Bold C";
    font-style: normal;
    src: local("☺"),
    url("../fonts/MetaBoldC.woff") format("woff");
}

@font-face {
    font-family: "Meta Bold";
    font-style: normal;
    src: local("☺"),
    url("../fonts/MetaBoldCapsC.woff") format("woff");
}

@font-face {
    font-family: "MetaBC";
    font-style: normal;
    src: local("☺"),
    url("../fonts/MetaBookC.woff") format("woff");
}

@font-face {
    font-family: "MetaBCC";
    font-style: normal;
    src: local("☺"),
    url("../fonts/MetaBookCapsC.woff") format("woff");
}

@font-face {
    font-family: "MetaM";
    font-style: normal;
    src: local("☺"),
    url("../fonts/MetaMediumC.woff") format("woff");
}

@font-face {
    font-family: "Meta";
    font-style: normal;
    src: local("☺"),
    url("../fonts/MetaNormalC.woff") format("woff");
}

/*SYSTEM*/
html, body, table, td, div, p, img, span, form, select, input, textarea, figure, a, h1, h2, h3, h4, h5, h6, button { padding: 0px; margin: 0px; line-height: 1px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block; }
html, body { height: 100%; width: 100%; background: #fff; }
body, input, textarea, select, button { font-family: Tahoma, sans-serif; font-weight: normal; }
body { width: 100%; margin: 0px auto; }
.preload * { transition: none !important; }
.preload #slide-show .slide-prev, .preload #slide-show .slide-next { display: none; }
.preload #slide-show .w { width: 5000%; }
.preload #slide-show li { float: left; }
input::-moz-focus-inner { border: 0px; padding: 0px; margin: 0px; }
img { border: 0px; }
.hide { display: none; }
#go-up { width: 40px; height: 40px; background: url(../img/ico-up.png) no-repeat left top; background-size: contain; cursor: pointer; position: fixed; right: 2.5em; bottom: 0.5em; display: none; }
#go-up:hover { opacity: 0.8; }
#plans-box { display: none; }
/*END OF SYSTEM*/
/*HEADER*/
#header-box { min-width: 320px; background: #fff; }
#header-box, #header-box a { font-family: Meta, sans-serif; }
#header-box .wrapper { max-width: 1004px; margin: 0px auto; position: relative; padding: 30px 0px; overflow: hidden; }
#header-box .logo { overflow: hidden; width: 155px; height: 71px; float: left; margin: 37px 20px 0px 28px; }
#header-box .logo a { display: inline-block; width: 155px; height: 71px; background: url(../img/logo-top.png) no-repeat left top; overflow: hidden; text-indent: 100%; white-space: nowrap; background-size: contain; cursor: pointer; outline: none; text-decoration: none; }
#header-box .contacts { text-align: right; float: right; width: 270px; margin: 15px 25px 0px 20px; }
#header-box .contacts .callback, #header-box .contacts .skype { color: #EA1A32; font-size: 13px; line-height: 25px; text-decoration: none; padding-left: 25px; position: relative; display: inline-block; }
#header-box .contacts .callback { padding-right: 3px; }
#header-box .contacts .callback:before, #header-box .contacts .skype:before { content: ""; position: absolute; left: 0px; top: 0px; width: 21px; height: 25px; background-repeat: no-repeat; background-position: left center; }
#header-box .contacts .callback:before { background-image: url(../img/tweed-callback.png); }
#header-box .contacts .skype:before { background-image: url(../img/tweed-live-call.png); }
#header-box .contacts .phone { font-size: 26px; line-height: 30px; color: #000; text-decoration: none; font-weight: 600; }
#header-box .text { float: right; text-align: center; margin: 15px 0px 0px 0px; max-width: 400px; font-size: 20px; line-height: 22px; color: #000; font-weight: 600;  }
#header-box .text b { font-size: 31px; font-weight: 600; line-height: 22px; }
#header-box .text a { font-size: 14px;line-height: 15px; color: #000; text-decoration: none; font-weight: 500; letter-spacing: 1.2px; letter-spacing: 0.07em; opacity: 0.6; text-shadow: 0px 0px 2px rgba(100,100,100,0.2);}
#header-box .text .section { display: inline-block; margin-top: 20px; text-transform: uppercase; }

@media all and (max-width: 880px) {
    #header-box .text { float: none; clear: both; max-width: none; padding-top: 20px; }
}

@media all and (max-width: 520px) {
    #header-box .contacts { float: none; text-align: center; width: auto; }
    #header-box .logo { float: none; margin: 0px auto; }
}
/*END OF HEADER*/
/*HEADER
#header-box { min-width: 320px; background: #fff; }
#header-box .wrapper { max-width: 1005px; margin: 0px auto; position: relative; padding: 0px 0px 35px 0px; overflow: hidden; }
#header-box .logo { overflow: hidden; width: 208px; height: 166px; float: left; margin: 0px 25px 0px 25px; }
#header-box .logo a { display: inline-block; width: 208px; height: 166px; background: url(../img/nikolino-logo.jpg) no-repeat left top; overflow: hidden; text-indent: 100%; white-space: nowrap; background-size: contain; cursor: pointer; outline: none; text-decoration: none; }
#header-box nav.menu { float: left; margin: 30px 0px 0px 25px; width: 330px; }
#header-box nav ul { padding: 0px; margin: 0px; list-style: none; text-align: justify; }
#header-box nav ul:after { content: ""; width: 100%; height: 1px; overflow: hidden; display: inline-block; line-height: 0px; position: relative; z-index: 1; }
#header-box nav ul li { vertical-align: top; padding: 0px; margin: 0px; list-style: none; display: inline-block; position: relative; z-index: 50; }
#header-box nav ul li, #header-box nav ul li a { font-size: 16px; line-height: 18px; color: #b0760c; }
#header-box nav ul li a { text-decoration: none; border-bottom: 1px dashed #b0760c; }
#header-box nav ul li a:hover { color: #edab32; border-bottom: 1px dashed #edab32; }
#header-box .callback { float: left; width: 345px; margin: 15px 0px 0px 25px; }
#header-box .callback, #header-box .callback p, #header-box .callback a { font-size: 15px; line-height: 16px; color: #1a1a18; }
#header-box .callback .desc { padding-bottom: 2px; }
#header-box .callback a { color: #b0760c; text-decoration: none; border-bottom: 1px dashed #b0760c; }
#header-box .callback a:hover { color: #edab32; border-bottom: 1px dashed #edab32; }
#header-box .order { float: right; margin: 45px 25px 0px 25px; width: 200px; text-align: center; }
#header-box .order .phone, #header-box .order .phone a { font-size: 22px; line-height: 26px; color: #1a1a18; text-decoration: none; font-family: "Times New Roman", Times, serif; }
#header-box .order .send-order { padding-top: 10px; }
#header-box .order .send-order input { border: 0px; background: #79320c; width: 200px; height: 34px; border-radius: 17px; box-shadow: 3px 3px 3px 0px #d2d2d2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 36px; color: #ffebae; cursor: pointer; }
#header-box .order .send-order input:hover { opacity: 0.9; }
#header-box .order .email { padding-top: 11px; }
#header-box .order .email, #header-box .order .email a { font-size: 16px; line-height: 18px; color: #b0760c; }
#header-box .order .email a { text-decoration: none; border-bottom: 1px dashed #b0760c; }
#header-box .order .email a:hover { color: #edab32; border-bottom: 1px dashed #edab32; }

@media all and (max-width: 930px) {
    #header-box .logo { width: 20%; }
    #header-box .logo a { width: 100%; }
    #header-box nav.menu, #header-box .callback { width: 330px; }
    #header-box .order { width: 150px; }
    #header-box .order .phone, #header-box .order .phone a { font-size: 16px; }
    #header-box .order .send-order input { width: 150px; font-size: 12px; height: 24px; line-height: 24px; border-radius: 12px; }
    #header-box .order .email, #header-box .order .email a { font-size: 11px; }
}

@media all and (max-width: 830px) {
    #header-box .logo { width: 30%; min-width: 200px; margin-right: 0px; }
    #header-box .logo a { width: 100%; }
    #header-box .callback .desc, #header-box .order .send-order, #header-box .order .email { display: none; }
    #header-box nav.menu { float: right; width: 330px; margin: 20px 30px 0px 0px; }
    #header-box .callback { width: 335px; float: right; margin: 15px 25px 0px 0px; }
    #header-box .order { width: 335px; float: right; text-align: left; margin-top: 15px; }
    #header-box .order .phone { font-size: 34px; font-weight: 400; }
}

@media all and (max-width: 630px) {
    #header-box .logo { float: none; width: 200px; margin: 15px auto 0px auto; }
    #header-box nav.menu, #header-box .callback, #header-box .order { float: none; }
    #header-box nav.menu { margin: 10px auto 0px auto; }
    #header-box nav.menu ul { text-align: center; }
    #header-box nav.menu ul li { margin: 5px; }
    #header-box .callback, #header-box .order { width: 295px; margin: 0px auto; text-align: center; }
    #header-box .order .phone { font-size: 34px; line-height: 38px; }
}
/*END OF HEADER*/
/*TOP MENU*/
#top-menu { min-width: 320px; background: url(../img/bg-tweed.png) repeat center center; height: 95px; position: relative; margin-bottom: 0px; width: 100%; }
#top-menu:after { content: ""; position: absolute; bottom: -10px; width: 100%; height: 20px; line-height: 1px; box-shadow: 0px 6px 10px rgba(100, 100, 100, 0.15); }
#top-menu .wrapper1 { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhMWEzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2VhMWEzMiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2VhMWEzMiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTFhMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,rgba(234,26,50,1) 0%,rgba(234,26,50,0) 26%,rgba(234,26,50,0) 73%,rgba(234,26,50,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(234,26,50,1)),color-stop(26%,rgba(234,26,50,0)),color-stop(73%,rgba(234,26,50,0)),color-stop(100%,rgba(234,26,50,1)));background:-webkit-linear-gradient(left,rgba(234,26,50,1) 0%,rgba(234,26,50,0) 26%,rgba(234,26,50,0) 73%,rgba(234,26,50,1) 100%);background:-o-linear-gradient(left,rgba(234,26,50,1) 0%,rgba(234,26,50,0) 26%,rgba(234,26,50,0) 73%,rgba(234,26,50,1) 100%);background:-ms-linear-gradient(left,rgba(234,26,50,1) 0%,rgba(234,26,50,0) 26%,rgba(234,26,50,0) 73%,rgba(234,26,50,1) 100%);background:linear-gradient(to right,rgba(234,26,50,1) 0%,rgba(234,26,50,0) 26%,rgba(234,26,50,0) 73%,rgba(234,26,50,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea1a32',endColorstr='#ea1a32',GradientType=1); }
#top-menu .wrapper2 { max-width: 998px; margin: 0px auto; max-height: 95px; }
#top-menu ul { padding: 0px; margin: 0px; list-style: none; }
#top-menu ul li { cursor: pointer; float: left; padding: 0px; margin: 0px; list-style: none; width: 50%; height: 95px; vertical-align: top; background-position: left top; background-repeat: no-repeat; }
#top-menu ul li:hover { opacity: 0.7; background-color: rgba(0, 0, 0, 0.55); }
#top-menu ul li.active:hover { opacity: 1; background-color: #fff; }
#top-menu ul li { background-position: 60px center; background-repeat: no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA0CAYAAAG7lIsHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAARDSURBVHjaYvj//z8DEnaAsVkYIOA/Ayr4wMSAHUyEGYEMwMZh0yEAIhhBsljswNAxAaQYhAECCKaDAZuOAKhRyNgBJGGPpvgAyB/ITu0H4v0wDsiO/7jsuIBF3BDdH4wwGYAAYkALXWT8Hzm0YRhniOACTAwkAlwaGqHhwoDuSWJsMETWSMgPD4BYAYmfCBBAuCLVAJtz8AUrLAox5LAlTVxgPSwe7qO5Ex9oJCbiQB5fCA3mA6TGNCO2eGDEQRMdce8JaYA5LwFKC4KzDlo8IAMGLPR9GJsJauIFLDYg06Bg3wDKvcg2vCcQceeRYxpbbBtgSxoAAYQvi+JLY1izLzbMQiAK/qNlQpIBcvb5z0B9AE55BjQyHOxouviAHHAAjS2IJe9hlEj4AEi+AY1/Hy01oeek/4TSNTLY/594EECOBQzQ6hJmGbqLGXDJIcfBBQLh/hGJnYCWV2AJxAE9sWArUS8gVSOkRPpGINZHs5wBWw1OKngPTQACpJRFyFWTA4nlFQoGCMB6FdwgDMPATwcoG8AGjBA2gA3KBnSDMEnYoGwQskE3oCOwQSFSgowVR3awJUttVNlJHZ/vSPpEmCn0ARuLWK1PNpQW35Fap73j2gnWglPJqO+j+49bfE3dqm9DvkU9Jg+acE0ycCW7dql4ERomAc2j5kNI7G75rhXYgpZ5SlOpWmuCBTxvwPsB9EuACUIl2Bk1WXzeQTEKEjxaTnATns5IoIJjHgQlZXANfifUiBhGDJqGM4zJ+UXHrNZBkDsBglEHjtIajIUgJ80azIJ6ODD0X1xmh5nbHrG8Gpf6EVHbirSRsoxLitvj3dtG3LEJ//FmTGngPJm7rJ3MZc0Ga+D+QE2SO+EFx5Cag4R4lRYdhxJy/S1Ad1Z0mzAMRA3iv2UCskHTDcIGsAEj0AkYIWzQjsAGTSeoMwHuBGknoAo6S9fT2bEdx7F6EgpyBL473/m9Zy8mRMx32nRoS2/mxptsbEwAlM91kPVDygBcS6gkgKBLxEaQuN/YSFW/9bbwlOjpFUA/4dVj4jlMYUazJCjXZe68AOp8pQHUlpLINYh7speQ8S9P2pCD3cud9kCNTlQeoBGriJPSxtRsfuOpqqRmjitmt6kmzlplYpf/EcgkIPeZWUk2gI8Rk52ZiQRRhGvLuwVDMfYw9kLG25i6jCqbvn9OBnD7hu+upaPGnkHFKgMRWPf1EKKnCKAAjHk0HPHa8Oc4mBTmWjy1dSAyOL2mtcLOoESjrsAb1PiBWXJ8H3hj3mk7MQQvSQ9gkfIT4ogDG3YKYA46cQQkLplmvw1QdhaJ19BYZWDDbjwcwfQlyFZEYWGk26JtzEX/xrYGgPWCdrAn8feedYvJ3KfB2QuMF5Ed1KpLf4oAbvTMScrX1LrWgMASVkDaTjFsmniqQBrinBrzZy6i3jUQBc61Q1mb41Sitx2qXSUysV9NWw2hC8hJFgAAAABJRU5ErkJggg==); }
#top-menu ul li + li {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAsCAYAAAFUEQvxAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAVNSURBVHjaYvz//z8DCDyXMQExEv//+7cAxGcESYAEgQKMjExMYFUgNhMDFMAEYWy4BBA8AOILGDqA4AMQG8A4yBIwwUagUfcBAghmuQJQ4D4QOwKNOQB3FQg8kzKCOUARKPmA8Zm0MUilAgMaYEISbIQaxYhuuT0Q74eyD8B9DpOFhQBAADEihZWA5JMzH0COwAeQrXgP1LQfbAoODFLEAvWzAFSTAz7TwWEOdAYorM/jUHMA5n6orw8wAW1IgElgAQ5Qkw2AGGSoA0AAwT0N9fh6IBUAxBuAeCIQ+wNNLoTJSz07x8CCbBxQMhCbkzBCCRQ6yGEOtD4BPXRgANmGQnRJ5NCBRTUocYCC9D0DceACKFhBKXUBMaqBag1BEdcAZCcgiTdCk/sFKH8/ck5iwWJQPVIeuYAvLSHbcACaXDCSCsjTIKsmAHEBHuc3wmyGpfv3SAkQJVRAwQ11HihpHAAIIJSkAcsX0GAGKd6IFNsO0FwGc+YBYGA44gtVjKQESiEwA0BBjpb5DqBFvgIQg9KqA9AiQWIyKK48Nh9HZr0PzQgCSOLzibYAlNahBiUwEA+Q84QDLJb3EyopoAXyAyIsOIgRAtBUMZ9El2IDjtAi4QAsFwDjEV47PMSj8QCsCIMVY2h8GIgHl1hMTA1IOQlrViMLAC1LhCaKAqQ8wQAqUx2AXmnAo9cBLfU44CrcoBZNwBYHsOoQZrMBlTy2AFtObkAqkZAzGSiFbAC68AKxpoNyMkAA1qvoBkEYiEbjvziBjIAb4ASu4AhsIEyAI+gEsoE6AW6gG4AbeDXvmstZbYtcYhQi77j27r3XjwQiUYFEiWjVo5hocz/VS+JNQMA1mO8ALuoxJ0t8sy2wnic4AYFntOF2CXxGIGSJNFW0hiJAej6OKiQlDCY7zZ6iPWvWMNgCZ8x8oBCOxJM/Q9IF7UsfUkEF53APAJfRiUn+meD8x97WlKTTXqeUXmeESKSDDAG+hNgg+jydeoAqtpjcdCR2nVjRH2F52K480BRtUJsKUySXqgaYbIjeHkrU4M0CSi3VbFgwXPMc8P/mUQlcokL3zkrkb/wiqKCIqWCiwaWjo+ud+J1FUQUeKsXhLP9S1RUvc/vYA7Rn5VAx7bcHBdtrE+aIcxqIw6eEDeaIZ2nNot8Koe8jCe5bGJzVlJ00O7NI8AbSySZsrxLkLk12TfVbnwmkiZXMlwDNmo1NwzAQhSuUAbwBbEBGcDdINoAJIiYoG4QNYIN2A8oGYYMwAWYC6kPvJMc4jmNdmliq1FZtctf7+96po1QRoAzKjgbILnEmBcyU8UllYA2vEJbOhqqWAg6pU0QM9xVDb987WSeepG5ua16h/k3uNWJQdBd4XWYaWtlH+7faGnL/NzDk12l4MhHIMFKjD+lMRw9o+wad4bSEAx0DuL1ZIyBKgzhFDR1TmPihjumdmLZhac7LpDJBqi95znDGuF3oZsT4BycNFPBAr9xwtFMvrTuL2cBGaERe7dAOpABA6AilK5bCAlxs5lJ/6PtErJxCripoUZSbjwIrDr8GfjZg/GDD5UDWfsk5EGUa1g9jn/HovHT0hlu8iw4yhSFWBiJ4z90MhqmJIdeFHMX130MqWsQB/Ep+kZI8fJ4ZgVVQove1bSRKOy8KtwGVMthyQbPVKQ7kEqFO/BVTVkKfXrchhfQSW9MVzt6VuOMRqfC6k1v2Sh8q9KO1m6T4G4vWCkYrb5h9bHxC72N75LVOP6JHgi08RqNqBDNyEKJHfnco+m7OBbASqpAV1GrNP5RIEPRHpNIZBn3xc/pLwLXDxA5cAIOKm+v204FIAAAAAElFTkSuQmCC);}
#top-menu ul li + li + li { background-image: url(../img/nav-icon-com-inactive.png); }
#top-menu ul li + li + li + li { background-image: url(../img/nav-icon-ino-inactive.png); }
#top-menu ul li a {display: block;padding: 41px 87px 0px 137px;text-align: left;font-family: Meta, sans-serif;font-weight: 600;color: #fff;text-transform: uppercase;text-decoration: none;font-size: 18px;line-height: 20px;left: 87px;}
#top-menu ul li a span { font-size: 10px; color: #fff; opacity: 0.7; line-height: 15px; }
#top-menu ul li.active { background-color: #fff; box-shadow: 0px -3px 5px rgba(100, 100, 100, 0.1); }
#top-menu ul li.active a { color: #000; }
#top-menu ul li.active a span { color: #000; }
.header-slogan {
    display: table-cell;
    height: 170px;
    width: 400px;
    position: relative;
}

.header-slogan-middle {
    top: 61px;
    height: 39px;
    width: 400px;
    position: absolute;
    text-align: center;
    font-family: Meta;
    font-size: 20px;
    font-weight: 500;
}

.header-slogan-middle-digits {
    font-size: 31px;
}

@media all and (max-width: 1024px) {
    #header-box .text { display: none; }
}

@media all and (max-width: 850px) {
    #top-menu ul li, #top-menu ul li + li, #top-menu ul li + li + li, #top-menu ul li + li + li + li { }
    #top-menu ul li a {padding-left: 120px;padding-top: 30px; }
    #top-menu ul {    width: 100%;}
    #header-box .logo {margin: 38px 20px 0px 80px;}
}

@media all and (max-width: 640px) {
    
    /*#top-menu:after { display: none; }*/
    #top-menu .wrapper2 { width: 320px; margin: auto; position: relative; }
    /*#top-menu ul li { width: 100%; float: none;}*/
    #top-menu ul li { width: 160px; }
    #top-menu ul li a, #top-menu ul li a{ display: none; }

}
/*END OF TOP MENU*/
/*SLIDE SHOW*/
#slide-show { margin: 40px auto 45px auto; overflow: hidden; min-width: 320px; max-height: 850px; position: relative; max-width: 1280px;}
#slide-show #awards-overlay { position: absolute; right: 7%; top: 5%; width: 220px; height: 107px; background: url(../img/ico-award.png) no-repeat left top; z-index: 50; background-size: contain; }
#slide-show ul { padding: 0px; margin: 0px; list-style: none; }
#slide-show li { padding: 0px; margin: 0px; list-style: none; text-align: center; max-width: 1280px; }
#slide-show li img { max-width: 100%; width: 100%; position: relative; z-index: 10; }
#slide-show .slide-prev, #slide-show .slide-next { transition: opacity ease-in 200ms ; width: 75px; height: 75px; opacity: 0.6; position: absolute; top: 50%; margin-top: -32px; z-index: 50; cursor: pointer; }
#slide-show .slide-prev { background: url(../img/slider-prev.png) no-repeat left top; background-size: contain; left: 5%; }
#slide-show .slide-next { background: url(../img/slider-next.png) no-repeat left top; background-size: contain; right: 5%; }
#slide-show .slide-prev:hover, #slide-show .slide-next:hover { opacity: 0.8; }

@media all and (max-width: 900px) {
    #slide-show #awards-overlay { width: 200px; height: 97px; }
}

@media all and (max-width: 600px) {
    #slide-show #awards-overlay { width: 100px; height: 49px; }
}

@media all and (max-width: 570px) {
    #slide-show #awards-overlay { display: none; }
    #slide-show .slide-prev, #slide-show .slide-next { width: 50px; height: 50px; margin-top: -25px; }
    #slide-show .slide-prev { left: 5%; }
    #slide-show .slide-next { right: 5%; }
}
/*END OF SLIDE SHOW*/

/*TEXT BLOCK*/
.text-block { max-width: 955px; margin: 0px auto; padding: 0px 25px 20px 25px; }
.text-block.center { text-align: center; }
.text-block figure { margin-top: 15px; max-width: 560px; margin: 0px auto;}
.text-block.nopadding { padding-bottom: 0px; }
.text-block.nopadding .block-title { padding-bottom: 10px; }
.text-block.goup { margin-top: -100px; z-index: 1; position: relative; }
.text-block, .text-block a, .text-block p, .text-block .text-list li { font-size: 14px; line-height: 17px; color: #181818; text-align: justify; }
.text-block a { color: #b0760c; border-bottom: 1px dashed #b0760c; text-decoration: none; }
.text-block a:hover { color: #edab32; border-bottom: 1px dashed #edab32; }
.text-block .text-list li { text-align: left; }
.text-block .block-title { margin-top: 20px; padding-bottom: 25px; position: relative; }
.text-block .block-title:first-child { margin-top: 0px; }
.text-block .block-title:before { content: ""; width: 57px; height: 7px; position: absolute; left: 0px; top: -10px; background: #d89c2e; }
.text-block .block-title, .text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6 { font-size: 30px; line-height: 36px; color: #75310c; font-family: Lobster, cursive; text-transform: uppercese; font-weight: normal; text-align: left; }
.text-block p { padding-bottom: 18px; }
.text-block .text-list { padding: 0px; margin: 0px 0px 18px 0px; list-style: none; }
.text-block .text-list li { position: relative; padding: 0px 0px 15px 20px; margin: 0px; list-style: none; }
.text-block .text-list li:before { position: absolute; content: ""; left: 2px; top: 4px; width: 8px; height: 8px; border-radius: 4px; background: #b1ac7f; }
.text-block b { font-size: 14px; line-height: 17px; }

@media all and (max-width: 760px) {
    .text-block figure { margin-bottom: 30px; width: 100%; }
}
/*END OF TEXT BLOCK*/

/*MAP*/
#map-box { padding-top: 25%; min-height: 150px; overflow: hidden; position: relative; min-width: 320px; margin: -35px auto 40px auto; }
#map-box > ymaps { position: absolute; left: 0px; top: 0px; }
/*END OF MAP*/

/*TEXT AND FORM*/
.text-form-box { max-width: 955px; margin: 0px auto 45px auto; padding: 10px 25px 0px 25px; overflow: hidden; position: relative; z-index: 10; }
.text-form-box .block-title { padding-bottom: 25px; }
.text-form-box .text-block { float: left; width: 560px; padding: 0px; margin: 0px; }
.text-form-box figure { margin-top: 15px; max-width: 560px; }
.text-form-box .order-form { margin-top: -10px; }
.text-form-box .order-form.nomargin { margin-top: 0px; }
.text-form-box .order-form, #floating-form-box .order-form { width: 325px; height: 313px; border: 1px solid #ebcd96; border-radius: 8px; float: right; background: #fff; overflow: hidden; }
.text-form-box .order-form .form-title, #floating-form-box .order-form .form-title { text-align: center; padding: 16px 25px 5px 25px; font-size: 16px; line-height: 18px; color: #181818; text-transform: lowercase; }
.text-form-box .order-form .form-title b, #floating-form-box .order-form .form-title b { font-size: 20px; line-height: 35px; font-weight: normal; text-transform: uppercase; color: #181818; }
.text-form-box .order-form .fields, #floating-form-box .order-form .fields { padding: 0px; margin: 0px; list-style: none; width: 100%; }
.text-form-box .order-form .fields li, #floating-form-box .order-form .fields li { padding-top: 10px; margin: 0px; display: block; list-style: none; text-align: center; }
.text-form-box .order-form .fields li:last-child, #floating-form-box .order-form .fields li:last-child { padding-top: 22px; }
.text-form-box .order-form .fields li input[type="text"], .text-form-box .order-form .fields li input[type="tel"], .text-form-box .order-form .fields li input[type="email"] { width: 240px; padding: 9px 15px; border: 1px solid #f7ebd5; font-size: 14px; line-height: 16px; color: #181818; transition: border 200ms ease-in; outline: none; font-family: Tahoma, Geneva, sans-serif; }
#floating-form-box .order-form .fields li textarea, #floating-form-box .order-form .fields li input[type="text"], #floating-form-box .order-form .fields li input[type="tel"], #floating-form-box .order-form .fields li input[type="email"] { width: 240px; padding: 9px 15px; border: 1px solid #f7ebd5; font-size: 14px; line-height: 16px; color: #181818; transition: border 200ms ease-in; outline: none; font-family: Tahoma, Geneva, sans-serif; }
#floating-form-box .order-form .fields li textarea { height: 100px; }
.text-form-box .order-form .fields li input[type="text"]:focus, .text-form-box .order-form .fields li input[type="tel"]:focus, .text-form-box .order-form .fields li input[type="email"]:focus { border: 1px solid #ebcd96; }
#floating-form-box .order-form .fields li textarea:focus, #floating-form-box .order-form .fields li input[type="text"]:focus, #floating-form-box .order-form .fields li input[type="tel"]:focus, #floating-form-box .order-form .fields li input[type="email"]:focus { border: 1px solid #ebcd96; }
.text-form-box .order-form .fields li input[type="submit"], #floating-form-box .order-form .fields li input[type="submit"] { border: 0px; background: #75310c; width: 180px; height: 34px; border-radius: 17px; box-shadow: 3px 3px 3px 0px #ddd; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 36px; color: #e9d199; cursor: pointer; outline: none; }
.text-form-box .order-form .fields li input[type="submit"]:hover, #floating-form-box .order-form .fields li input[type="submit"]:hover { opacity: 0.9; }
.text-form-box .order-form #ajStaticResults, #floating-form-box .order-form #ajFloatResults { text-align: center; }
.text-form-box .order-form #ajStaticResults-second { text-align: center; }
.text-form-box .order-form #ajStaticResults.ajsuccess, #floating-form-box .order-form #ajFloatResults.ajsuccess { color: #809401; height: 200px; padding: 50px 30px 0px 30px; font-size: 18px; line-height: 20px; font-weight: bold; text-transform: none; background: url(../img/ico-sent.png) no-repeat center bottom; }
.text-form-box .order-form #ajStaticResults-second.ajsuccess { color: #809401; height: 200px; padding: 50px 30px 0px 30px; font-size: 18px; line-height: 20px; font-weight: bold; text-transform: none; background: url(../img/ico-sent.png) no-repeat center bottom; }
.text-form-box .order-form #ajStaticResults.ajfail, .text-form-box .order-form #ajStaticResults.ajedit, #floating-form-box .order-form #ajFloatResults.ajfail, #floating-form-box .order-form #ajFloatResults.ajedit { color: #09ace2; font-size: 18px; font-weight: bold; line-height: 20px; padding: 50px 30px 0px 30px; text-transform: none; }
.text-form-box .order-form #ajStaticResults-second.ajfail, .text-form-box .order-form #ajStaticResults-second.ajedit { color: #09ace2; font-size: 18px; font-weight: bold; line-height: 20px; padding: 50px 30px 0px 30px; text-transform: none; }
.order-form .placeholder { font-size: 14px; line-height: 16px; color: #181818; }
.order-form input::-webkit-input-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #181818; }
.order-form input:focus::-webkit-input-placeholder { opacity: 0; }
.order-form textarea::-webkit-input-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #181818; }
.order-form textarea:focus::-webkit-input-placeholder { opacity: 0; }
.order-form input:-moz-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #181818; }
.order-form input:focus:-moz-placeholder { opacity: 0; }
.order-form textarea:-moz-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #181818; }
.order-form textarea:focus:-moz-placeholder { opacity: 0; }
.order-form input::-moz-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #181818; }
.order-form input:focus::-moz-placeholder { opacity: 0; }
.order-form textarea::-moz-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #181818; }
.order-form textarea:focus::-moz-placeholder { opacity: 0; }
.order-form input:-ms-input-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #181818; }
.order-form input:focus:-ms-input-placeholder { opacity: 0; }
.order-form textarea:-ms-input-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #181818; }
.order-form textarea:focus:-ms-input-placeholder { opacity: 0; }

@media all and (max-width: 970px) {
    .text-form-box .text-block, .text-form-box .block-title { width: 50%; }
    .text-block.goup { margin-top: 0px; }
}

@media all and (max-width: 760px) {
    .text-form-box .text-block, .text-form-box .block-title { width: auto; }
    .text-form-box .order-form { float: none; margin-top: 30px; }
    .text-form-box figure { margin-bottom: 30px; clear: both; width: 100%; }
    .text-form-box .text-block { float: none; clear: both; }
}

@media all and (max-width: 450px) {
    .text-form-box .order-form { width: auto; }
    .text-form-box .order-form .fields li input[type="submit"] { width: 150px; font-size: 12px; height: 28px; line-height: 28px; border-radius: 14px; }
    .text-form-box .order-form .form-title b { font-size: 18px; }
    .text-form-box .order-form .fields li:last-child { padding-top: 17px; }
    .text-form-box .order-form .fields li input[type="text"], .text-form-box .order-form .fields li input[type="tel"], .text-form-box .order-form .fields li input[type="email"] { width: 70%; }
}
/*END OF TEXT AND FORM*/

/*SPECIAL OFFER*/
#special-offer-box .wrapper { max-width: 955px; margin: 0px auto; padding: 10px 25px 35px 25px; overflow: hidden; }
#special-offer-box .block-title { padding-bottom: 25px; position: relative; font-size: 30px; line-height: 40px; color: #75310c; font-family: Lobster, cursive; font-weight: 400; }
#special-offer-box .step-down { margin-top: 30px; }
#special-offer-box .block-title:before { content: ""; width: 57px; height: 7px; position: absolute; left: 0px; top: -7px; background: #d89c2e; }
#special-offer-box .filters { padding: 0px 0px 0px 15px; margin: 0px 0px 30px 0px; list-style: none; overflow: hidden; }
#special-offer-box .filters .filter { margin: 0px; padding: 10px 5% 0px 0px; list-style: none; width: 260px; float: left; }
#special-offer-box .filters .filter:last-child { padding-bottom: 10px; }
#special-offer-box .filters .filter .title {  margin-bottom: 10px; font-size: 18px; line-height: 20px; color: #181818; text-align: center; }
#special-offer-box .filters .filter .counters { overflow: hidden; padding: 9px 0px 0px 0px; }
#special-offer-box .filters .filter .counters, #special-offer-box .filters .filter .counters div, #special-offer-box .filters .filter .counters input { font-size: 16px; line-height: 20px; color: #181818; font-weight: 300; }
#special-offer-box .filters .filter .counters div { float: right; width: 47%; text-align: right; }
#special-offer-box .filters .filter .counters div:first-child { float: left; text-align: left; }
#special-offer-box .ui-widget-content { background: #ebecee; height: 6px; border: 0px; border-radius: 3px; }
#special-offer-box .ui-slider-range { background: #d8d8da; }
#special-offer-box .ui-slider-handle { width: 12px; height: 12px; border-radius: 8px; background: #fff; border: 2px solid #fd9705; box-shadow: 2px 2px 3px 0px #9f9fa0; outline: none; }
#special-offer-box ul.items { padding: 0px; margin: 0px; list-style: none; overflow: hidden; text-align: justify; width: 100%;}
#special-offer-box ul.items li { display: inline-block; text-align: left; vertical-align: top; width: 24%; box-sizing: border-box; overflow: hidden; padding: 10px; margin: 0px 0px 15px 0px; position: relative; background: #f3e1c0; border: 1px solid #f3d8ba; }
#special-offer-box ul.items li:before { -webkit-backface-visibility: hidden; -webkit-transform: rotate( -40deg ); -ms-transform: rotate( -40deg ); transform: rotate( -40deg ); position: absolute; left: -65px; top: 25px; padding: 0px 40px 0px 40px; width: 140px; height: 30px; text-align: center; font-size: 12px; line-height: 30px; color: #fff; text-transform: uppercase; background: #a0ae19; }
#special-offer-box ul.items li.turnkey:before { content: "Под ключ"; }
#special-offer-box ul.items li.finishing:before { content: "Под отделку"; }
#special-offer-box ul.items li.forrent:before { content: "Аренда"; }
#special-offer-box ul.items li.bighouse:before { content: "Большой дом"; }
#special-offer-box ul.items li.empty { background: none; border: none; }
#special-offer-box ul.items li .price { display: none; }
#special-offer-box ul.items:after { content: ""; width: 100%; height: 1px; line-height: 1px; display: inline-block; }
#special-offer-box ul.items li a:first-child { display: block; }
#special-offer-box ul.items li img { max-width: 100%; border: 0px; margin-bottom: 20px; vertical-align: text-bottom; }
#special-offer-box ul.items li .title { font-size: 15px; color: #181818; line-height: 20px; text-decoration: none; font-weight: 600; }
#special-offer-box ul.items li .title:hover { border-bottom: 1px dashed #181818; }
#special-offer-box ul.items li p, #special-offer-box ul.items li span { font-size: 15px; color: #181818; line-height: 20px; font-weight: 400; text-align: left; }
#special-offer-box ul.items li p span { float: right; }

@media all and (max-width: 800px) {
    #special-offer-box ul.items li { width: 49%; }
    #special-offer-box ul.items li:before { left: -50px; top: 30px; padding: 0px 40px 0px 40px; width: 140px; height: 40px; font-size: 16px; line-height: 40px; }
}

@media all and (max-width: 640px) {
    #special-offer-box ul.items li { width: 100%; }
}
@media all and (max-width: 950px) {
    #special-offer-box .filters { float: none; }
}

@media all and (max-width: 1100px) {
    #special-offer-box .ui-widget-content { height: 10px; }
    #special-offer-box .ui-slider-handle { margin-top: -5px; width: 30px; height: 30px; border-radius: 15px; }
    #special-offer-box .filters .filter .title { margin-bottom: 15px; }
    #special-offer-box .filters .filter .counters { padding-top: 15px; }
    #special-offer-box .filters .filter { padding: 10px 30px 10px 20px; }
}

@media all and (max-width: 600px) {
    #special-offer-box .filters .filter { width: 80%; }
}
/*END OF SPECIAL OFFER*/

/*EASY CALL ICO*/
a.easy-call { display: none; }
@media all and (max-width: 600px) {
    a.easy-call { position: fixed; display: block; bottom: 8%; left: 41%; width: 18%; z-index: 100; outline: none; border: 0px; -webkit-animation-name: pulse; -webkit-animation-duration: 1.3s; -webkit-animation-iteration-count: infinite; animation-name: pulse; animation-duration: 1.3s; animation-iteration-count: infinite; }
    a.easy-call img { width: 100%; border: 0px; }
}
@keyframes pulse {
    0%      { transform: scale(.9); opacity: .7; }
    50%     { transform: scale(1); opacity: 1; }
    100%    { transform: scale(.8); opacity: .7; }
}
@-webkit-keyframes pulse{
    0%      { -webkit-transform: scale(.85); opacity: .7; }
    50%     { -webkit-transform: scale(1); opacity: 1; }
    100%    { -webkit-transform: scale(.85); opacity: .7; }
}
/*END OF EASY CALL ICO*/

/*СHOISE OF APARTAMENTS*/
#apartaments-map { margin: 0px auto 45px auto; padding-top: 10px; max-height: 1300px; overflow: hidden; position: relative; }
#apartaments-map .block-title { max-width: 960px; margin: 0px auto; padding: 0px 25px 22px 25px; position: relative; font-size: 30px; line-height: 36px; color: #75310c; font-family: Lobster, cursive; }
#apartaments-map .block-title:before { content: ""; width: 57px; height: 7px; position: absolute; left: 25px; top: -7px; background: #d89c2e; }
#apartaments-map .wrapper { position: relative; overflow: hidden; height: auto; display: block; }
#apartaments-map .main-img, #apartaments-map .main-markers { display: block; }
#apartaments-map .zoom-img, #apartaments-map .zoom-markers { display: none; }
#apartaments-map .main-markers, #apartaments-map .main-markers a path { pointer-events: all; cursor: pointer; }
#apartaments-map .main-markers .zoom { fill: none; stroke: none; stroke-width: 2px; }
#apartaments-map .main-markers .zoom:hover { stroke: #444549; }
#apartaments-map .zoom-markers .zoom { fill: none; stroke: none; pointer-events: all; cursor: pointer; }
#apartaments-map .zoom-markers, #apartaments-map .zoom-markers a, #apartaments-map .zoom-markers path, #apartaments-map .zoom-markers text { pointer-events: all; cursor: pointer;  }
#apartaments-map .zoom-markers text { fill: #ffecb0; stroke: none; font-size: 11px; }
#apartaments-map .zoom-markers text:first-of-type { font-size: 15px; }
#apartaments-map .zoom-markers path { fill: #ffecb0non;  }
#apartaments-map .zoom-markers path:first-of-type { fill: none; }
#apartaments-map .zoom-markers a:hover path:first-of-type { stroke: #007F0E; fill: none; stroke-width: 3px;}
#apartaments-map .zoom-markers a {stroke: #007F0E; stroke-width: 3px;}
#apartaments-map .zoom-markers a {display: none;}



@media all and (max-width: 640px) {
    #apartaments-map { display: none; }
}
/*END OF СHOISE OF APARTAMENTS*/

/*APARTAMENTS FILTER*/
#apartaments-filter { margin: 0px auto 45px auto; max-width: 955px; padding: 10px 25px 0px 25px; position: relative; overflow: hidden; }
#apartaments-filter .block-title { padding-bottom: 17px; position: relative; font-size: 30px; line-height: 36px; color: #75310c; font-family: Lobster, cursive; clear: both; }
#apartaments-filter .block-title:before { content: ""; width: 57px; height: 7px; position: absolute; left: 0px; top: -7px; background: #d89c2e; }
#apartaments-filter .filters { padding: 0px; margin: 0px; list-style: none; float: left; width: 290px; }
#apartaments-filter .filters .filter { margin: 0px; padding: 10px 7% 0px 7%; list-style: none; }
#apartaments-filter .filters .filter:last-child { padding-bottom: 10px; }
#apartaments-filter .filters .filter .title {  margin-bottom: 10px; font-size: 18px; line-height: 20px; color: #181818; text-align: center; }
#apartaments-filter .filters .filter .counters { overflow: hidden; padding: 9px 0px 0px 0px; }
#apartaments-filter .filters .filter .counters, #apartaments-filter .filters .filter .counters div, #apartaments-filter .filters .filter .counters input { font-size: 16px; line-height: 20px; color: #181818; font-weight: 300; }
#apartaments-filter .filters .filter .counters div { float: right; width: 47%; text-align: right; }
#apartaments-filter .filters .filter .counters div:first-child { float: left; text-align: left; }
#apartaments-filter .ui-widget-content { background: #ebecee; height: 6px; border: 0px; border-radius: 3px; }
#apartaments-filter .ui-slider-range { background: #d8d8da; }
#apartaments-filter .ui-slider-handle { width: 12px; height: 12px; border-radius: 8px; background: #fff; border: 2px solid #fd9705; box-shadow: 2px 2px 3px 0px #9f9fa0; outline: none; }
#apartaments-filter .items { float: right; max-width: 580px; height: 358px; overflow: hidden; width: 100%; margin-top: -47px; }
#apartaments-filter .items table { width: 100%; border: 0px; border-collapse: collapse; }
#apartaments-filter .items table tr.sold, #apartaments-filter .items table tr.hidden { display: none; }
#apartaments-filter .items table, #apartaments-filter .items table th, #apartaments-filter .items table td, #apartaments-filter .items table td a { font-size: 14px; line-height: 16px; text-decoration: none; color: #b0760c; }
#apartaments-filter .items table td span { border-bottom: 1px dashed #b0760c; }
#apartaments-filter .items table tr:hover td span { border-bottom: 1px dashed #edab32; color: #edab32; }
#apartaments-filter .items table th { background: #82360e; vertical-align: middle; height: 47px; text-align: center; padding: 0px 5px; color: #ffebae; font-weight: normal; font-size: 16px; }
#apartaments-filter .items table td { cursor: pointer; background: #fcf9f7; border-top: 1px solid #fff; font-family: "Times New Roman", Times, serif; vertical-align: middle; text-align: center; padding: 7px 6px; color: #b0760c; white-space: nowrap; }
#apartaments-filter .items .mCSB_scrollTools .mCSB_draggerRail { background: #ebecee; width: 4px; border-radius: 2px; }
#apartaments-filter .items .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fd9705; width: 4px; border-radius: 2px; }
#apartaments-filter .items .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, #apartaments-filter .items .mCSB_inside > .mCSB_container { margin-right: 20px; }
#apartaments-filter .items table th:nth-of-type(5), #apartaments-filter .items table td:nth-of-type(5), #apartaments-filter .items table th:nth-of-type(4), #apartaments-filter .items table td:nth-of-type(4) { display: none; }
#apartaments-filter .small-size { display: none; }

@media all and (max-width: 950px) {
    #apartaments-filter .filters { float: none; }
    #apartaments-filter .items { float: none; margin-top: 47px; }
}

@media all and (max-width: 1100px) {
    #apartaments-filter .items { height: 480px; }
    #apartaments-filter .ui-widget-content { height: 10px; }
    #apartaments-filter .ui-slider-handle { margin-top: -5px; width: 30px; height: 30px; border-radius: 15px; }
    #apartaments-filter .filters .filter .title { margin-bottom: 15px; }
    #apartaments-filter .filters .filter .counters { padding-top: 15px; }
    #apartaments-filter .filters .filter { padding: 10px 30px 10px 20px; }
}

@media all and (max-width: 600px) {
    #apartaments-filter .small-size { display: block; }
    #apartaments-filter .items table, #apartaments-filter .items table th, #apartaments-filter .items table td, #apartaments-filter .items table td a { font-size: 12px; }
    #apartaments-filter .filters { width: 255px; }
    #apartaments-filter .buttons li { margin-top: 20px; }
    #apartaments-filter .buttons li input[type="button"] { width: 235px; font-size: 16px; }
}
/*END OF APARTAMENTS FILTER*/

/*FLOATING FORM*/
#floating-form-box { display: none; }
#floating-form-overlay, #imagelightbox-overlay { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #595959; background-color: rgba(89,89,89,.9); z-index: 10000; }
#imagelightbox-overlay { z-index: 9998; }
#floating-form-box .order-form { position: fixed; left: 50%; top: 50%; margin-left: -162px; margin-top: -157px; z-index: 10001; float: none; }
#floating-form-box .order-form.ff { height: 455px; margin-top: -227px; }
#floating-form-close, #imagelightbox-close { position: fixed; right: 2.5em; top: 0.5em; width: 40px; height: 40px; text-align: left; background-color: #75310c; border-radius: 50%; z-index: 10009; border: 0px; cursor: pointer; outline: none; -webkit-transition: color .3s ease; transition: color .3s ease; }
#imagelightbox-close { z-index: 10002; }
#floating-form-close:hover, #floating-form-close:focus, #imagelightbox-close:hover, #imagelightbox-close:focus { background-color: #914924; }
#floating-form-close:before, #floating-form-close:after, #imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; }
#floating-form-close:before, #imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
#floating-form-close:after, #imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); }
#floating-form-close, #imagelightbox-close { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; }

@media all and (max-width: 1200px) {
    #floating-form-close, #imagelightbox-close { right: 7%; margin-right: 10px; }
}

@media all and (max-width: 1000px) {
    #floating-form-close, #imagelightbox-close { right: 1%; }
}
/*END OF FLOATING FORM*/

/*POPUP WINDOWS*/
#popup-box, #popup-box-b, #popup-box-bp {  }
#popup-overlay, #popup-overlay-b, #popup-overlay-bp { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #595959; background-color: rgba(89,89,89,.9); z-index: 9998; }
#popup-overlay-b { z-index: 8888; }
#popup-overlay-bp { z-index: 7777; }
#popup-window, #popup-window-b { position: fixed; left: 50%; top: 10%; bottom: 10%; margin-left: -482px; width: 965px; background: #fff; z-index: 9999; line-height: 20px; }
#popup-window-b { top: 50%; bottom: auto; z-index: 8889; }
#popup-window-bp { position: fixed; left: 50%; top: 50%; width: 600px; height: 200px; margin: -150px 0px 0px -300px; background: #fff; z-index: 7778; line-height: 20px; }
#popup-close, #popup-close-b, #popup-close-bp { position: fixed; right: 2.5em; top: 0.5em; width: 40px; height: 40px; text-align: left; background-color: #75310c; border-radius: 50%;	z-index: 10002; border: 0px; cursor: pointer; outline: none; -webkit-transition: color .3s ease; transition: color .3s ease; }
#popup-close-b { z-index: 8899; }
#popup-close-bp { z-index: 7779; }
#popup-close:hover, #popup-close:focus, #popup-close-b:hover, #popup-close-b:focus, #popup-close-bp:hover, #popup-close-bp:focus { background-color: #914924; }
#popup-close:before, #popup-close:after, #popup-close-b:before, #popup-close-b:after, #popup-close-bp:before, #popup-close-bp:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; }
#popup-close:before, #popup-close-b:before, #popup-close-bp:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
#popup-close:after, #popup-close-b:after, #popup-close-bp:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); }
#popup-close, #popup-close-b, #popup-close-bp { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; }

@media all and (max-width: 1200px) {
    #popup-window { left: 7%; right: 7%; width: auto; margin: 0px; }
    #popup-window-b { margin-left: 0px; left: 1%; right: 1%; width: auto; }
    #popup-close { right: 7%; margin-right: 10px; }
    #popup-close-b, #popup-close-bp { right: 1%; margin-right: 10px; }
}

@media all and (max-width: 1000px) {
    #popup-window { left: 1%; right: 1%; top: 1%; bottom: 1%; }
    #popup-window-b { left: 5%; right: 5%; }
    #popup-close { right: 1%; margin-right: 10px; }
    #popup-close-b, #popup-close-bp { right: 5%; margin-right: 10px; }
}

@media all and (max-height: 690px) {
    #popup-window-b { top: 1%; bottom: 1%; height: auto !important; margin-top: 0px !important; }
}
/*END OF POPUP WINDOWS*/

/*LAYOUT POPUP*/
#layout-data { float: left; margin: 45px 0px 0px 0px; padding: 0px; list-style: none; }
#layout-data li { margin: 0px 0px 2px 0px; padding: 6px 10px 6px 20px; width: 190px; list-style: none; font-size: 14px; line-height: 16px; color: #181818; background: #f5f3f3; }
#make-order { position: absolute; left: 0px; top: 0px; height: 43px; width: 200px; padding: 0px 0px 0px 20px; cursor: pointer; text-align: left; font-size: 16px; font-weight: 600; background: #75310c; line-height: 43px; color: #f1d99f; }
#make-order:hover { background: #914924; }
#content-toggle { position: absolute; left: 200px; right: 0px; top: 0px; padding: 0px; margin: 0px; list-style: none; text-align: center; }
#content-toggle li { display: inline-block; margin: 0px; list-style: none; min-width: 120px; vertical-align: top; text-align: center;  background: #f5f5f5; }
#content-toggle li a { display: inline-block; padding: 0px 5%; width: 90%; height: 43px; font-size: 14px; font-weight: normal; line-height: 43px; outline: none; cursor: pointer; text-decoration: none; }
#content-toggle li, #content-toggle li a { color: #181818; }
#popup-window .object-tabs { position: absolute; top: 10px; right: 10px; left: 230px; overflow: hidden; text-align: center; }
#popup-window .object-tabs .slide-prev, #popup-window .object-tabs .slide-next { transition: opacity ease-in 200ms ; width: 75px; height: 75px; opacity: 0.6; position: absolute; top: 50%; margin-top: -32px; z-index: 50; cursor: pointer; z-index: 10010; }
#popup-window .object-tabs .slide-prev { background: url(../img/slider-prev.png) no-repeat left top; background-size: contain; left: 5%; }
#popup-window .object-tabs .slide-next { background: url(../img/slider-next.png) no-repeat left top; background-size: contain; right: 5%; }
#popup-window .object-tabs .slide-prev:hover, #popup-window .object-tabs .slide-next:hover { opacity: 0.8; }
#popup-window .object-tabs ul { padding: 0px; margin: 0px; list-style: none; min-width: 320px; max-height: 100%; }
#popup-window .object-tabs ul li { padding: 0px; margin: 0px; list-style: none; max-width: 100%; text-align: center; }
#popup-window .object-tabs ul li img { max-width: 100%; max-height: 500px; height: auto; border: 0px; position: relative; z-index: 10000; }
#popup-window .bx-wrapper .bx-viewport { box-shadow: none; background: none; }
#popup-window .bx-caption { z-index: 10001; background: rgba(80, 80, 80, 0.7); text-align: center; }
#popup-window .bx-caption span { color: #fff; font-size: 16px; line-height: 20px; font-weight: bold; }
#content-toggle li.active, #content-toggle li.active a { background: #75310c; color: #f1d99f; font-weight: bold; }
#popup-window .bx-wrapper img { display: inline-block; }
#project-description { position: absolute; left: 0px; bottom: 0px; right: 0px; padding: 20px; }
#project-description div { display: none; }
#project-description, #project-description p { padding-top: 5px; font-size: 12px; line-height: 16px; color: #181818; }
#project-description h1 { font-size: 14px; line-height: 16px; color: #181818; font-weight: 600; }

@media all and (max-width: 800px) {
    #popup-window { overflow: auto; }
    #layout-data { float: none; }
    #layout-image { position: relative; padding: 0px 30px 30px 30px; right: auto; left: auto; bottom: auto; height: auto; clear: both; }
    #popup-window .object-tabs { position: relative; left: auto; right: auto; bottom: auto; top: auto; height: auto; clear: both; margin-top: 30px; }
    #popup-window #content-toggle { position: relative; left: auto; top: auto; right: auto; height: auto; margin-bottom: 30px; }
    #project-description { position: relative; }
}
@media all and (max-width: 400px) {
    #level-switch { max-width: 300px; }
    #popup-window .object-tabs .slide-prev, #popup-window .object-tabs .slide-next { width: 50px; height: 50px; margin-top: -25px; }
    #popup-window .object-tabs .slide-prev { left: 5%; }
    #popup-window .object-tabs .slide-next { right: 5%; }
}
/*END OF LAYOUT POPUP*/

/*FOOTER*/
#footer-box { background: url(../img/footer-img.jpg) no-repeat right bottom; background-size: contain; margin-top: 20px; font-family: MetaBC;}
#footer-box .wrapper { max-width: 955px; margin: 0px auto; padding: 10px 25px 40px 25px; overflow: hidden; }
#footer-box, #footer-box p, #footer-box a, #footer-box b { font-size: 18px; line-height: 19px; color: #342824; }
#footer-box b { font-weight: 600; }
#footer-box p { padding-bottom: 25px; }
#footer-box p:last-child { padding: 0px; }
#footer-box a { color: #490f03; text-decoration: none; border-bottom: 1px dashed #490f03; }
#footer-box a[href^=tel] { color: #342824; text-decoration: none; border: none; }
#footer-box a:hover { border: none; }
#footer-box .block-title { padding-bottom: 20px; position: relative; font-size: 26px; line-height: 40px; color: #490f03; font-weight: 400; }
#footer-box .block-title:before { content: ""; width: 57px; height: 7px; position: absolute; left: 0px; top: -7px; background: #92837e; }

@media all and (max-width: 1000px) {
    #footer-box { background: none; }
}
/*END OF FOOTER*/

/*FOOTER*/
#footer-box { background: url(../img/footer-img.jpg) no-repeat right bottom; background-size: contain; margin-top: 20px; font-family: MetaBC;}
#footer-box .wrapper { max-width: 955px; margin: 0px auto; padding: 10px 25px 40px 25px; overflow: hidden; }
#footer-box, #footer-box p, #footer-box a, #footer-box b { font-size: 18px; line-height: 19px; color: #342824; }
#footer-box b { font-weight: 600; }
#footer-box p { padding-bottom: 25px; }
#footer-box p:last-child { padding: 0px; }
#footer-box a { color: #490f03; text-decoration: none; border-bottom: 1px dashed #490f03; }
#footer-box a[href^=tel] { color: #342824; text-decoration: none; border: none; }
#footer-box a:hover { border: none; }
#footer-box .block-title { padding-bottom: 20px; position: relative; font-size: 26px; line-height: 40px; color: #490f03; font-weight: 400; }
#footer-box .block-title:before { content: ""; width: 57px; height: 7px; position: absolute; left: 0px; top: -7px; background: #92837e; }

@media all and (max-width: 1000px) {
    #footer-box { background: none; }
}
/*END OF FOOTER*/

/*FOOTER*/
#footer-box { min-width: 320px; background: url(../img/bg-tweed.png) repeat center center; height: 280px; position: relative; margin-top: 20px; font-family: Meta, sans-serif; }
#footer-box .wrapper1 { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: -moz-linear-gradient(left, rgba(189,21,41,1) 0%, rgba(189,21,41,0.35) 35%, rgba(189,21,41,0.35) 63%, rgba(189,21,41,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(189,21,41,1)), color-stop(35%,rgba(189,21,41,0.35)), color-stop(63%,rgba(189,21,41,0.35)), color-stop(100%,rgba(189,21,41,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(189,21,41,1) 0%,rgba(189,21,41,0.35) 35%,rgba(189,21,41,0.35) 63%,rgba(189,21,41,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(189,21,41,1) 0%,rgba(189,21,41,0.35) 35%,rgba(189,21,41,0.35) 63%,rgba(189,21,41,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(189,21,41,1) 0%,rgba(189,21,41,0.35) 35%,rgba(189,21,41,0.35) 63%,rgba(189,21,41,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(189,21,41,1) 0%,rgba(189,21,41,0.35) 35%,rgba(189,21,41,0.35) 63%,rgba(189,21,41,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd1529', endColorstr='#bd1529',GradientType=1 ); /* IE6-8 */ }
#footer-box .wrapper2 { max-width: 1004px; margin: 0px auto; overflow: hidden; position: relative; }
#footer-box .logo { overflow: hidden; width: 120px; height: 53px; float: left; margin: 31px 20px 0px 25px; }
#footer-box .logo a { display: inline-block; width: 120px; height: 53px; background: url(../img/logo-bottom.png) no-repeat left top; overflow: hidden; text-indent: 100%; white-space: nowrap; background-size: contain; cursor: pointer; outline: none; text-decoration: none; }
#footer-box .copyright { position: absolute; left: 18px; top: 135px; width: 140px; text-align: center; padding: 10px 0px; background: rgba(0, 0, 0, 0.6); border-radius: 5px; font-size: 12px; line-height: 18px; color: #E9001B; overflow: hidden; }
#footer-box .contacts { text-align: right; float: right; max-width: 50%; margin: 20px 0px 0px 20px; }
#footer-box .contacts .callback, #footer-box .contacts .skype { color: #fff; font-size: 13px; line-height: 25px; letter-spacing: 1px; text-decoration: none; padding-left: 3px; position: relative; display: inline-block; }
#footer-box .contacts .phone { font-size: 31px; line-height: 40px; color: #fff; text-decoration: none; font-weight: 600; }
#footer-box .contacts .address { background: rgba(0, 0, 0, 0.6) url(../img/map-icon-mark.png) no-repeat 30px 12px; border-radius: 5px; letter-spacing: 1px; margin-top: 4px; padding: 10px 10px 10px 85px; text-align: left; font-weight: 600; font-size: 15px; color: #fff; line-height: 22px; }
#footer-box .contacts .address a { font-size: 15px; line-height: 25px; letter-spacing: 1px; color: #E9001B; text-decoration: none; }
#footer-box .contacts .address a:hover { text-decoration: underline; }
#footer-box .contacts .address span { color: #C8C8C8; padding: 0px 2px; font-size: 12px; line-height: 25px; }
#footer-box .menu { float: left; width: 310px; margin: 30px 0px 0px 10px; }
#footer-box .menu ul { padding: 0px; margin: 0px; list-style: none; float: left; width: 155px; }
#footer-box .menu ul li { padding: 0px 0px 2px 13px; margin: 0px 0px 12px 0px; list-style: none; background: url(../img/foo-mark.png) no-repeat left 2px; }
#footer-box .menu ul li a { font-size: 14px; line-height: 15px; text-decoration: none; color: #fff; }
#footer-box .menu ul li a:hover { text-decoration: underline; color: #ED394D; }

@media all and (max-width: 1000px) {
    #footer-box .contacts { max-width: 40%; }
    #footer-box .contacts .address { padding-right: 25px; }
    #footer-box .contacts .address span { display: none; }
}

@media all and (max-width: 885px) {
    #footer-box .contacts { max-width: 30%; }
    #footer-box .contacts .address { background-image: none; padding-left: 20px; padding-right: 20px; }
    #footer-box .contacts .phone { font-size: 26px; }
    #footer-box .contacts .callback, #footer-box .contacts .skype { font-size: 12px; letter-spacing: normal; }
}

@media all and (max-width: 760px) {
    #footer-box { height: 400px; }
    #footer-box .logo { float: right; }
    #footer-box .copyright { left: auto; right: 18px; }
    #footer-box .contacts { float: none; clear: both; max-width: none; text-align: center; }
    #footer-box .contacts .callback, #footer-box .contacts .skype { font-size: 13px; letter-spacing: 1px; }
    #footer-box .contacts .phone { font-size: 31px; }
    #footer-box .contacts .address { text-align: center; }
    #footer-box .contacts .address a {font-size: 13px;}
    #footer-box .contacts .address span { display: inline; }

}

@media all and (max-width: 500px) {
    #footer-box { height: 480px; }
    #footer-box .logo { clear: both; float: none; }
    #footer-box .copyright { top: 31px; right: 18px; }
    #footer-box .menu { float: none; margin: 20px auto 20px auto; clear: both; }
}

@media all and (max-width: 380px) {
    #footer-box .contacts .address span { display: none; }
}
/*END OF FOOTER*/

/*FOOTER2*/
#footer-box2 { background: url(../img/footer-bg.jpg) no-repeat right bottom; background-size: contain;max-width: 955px;margin: 20px auto 0; }
#footer-box2 .wrapper { max-width: 955px; margin: 0px auto; padding: 15px 25px 40px 25px; overflow: hidden; }
#footer-box2, #footer-box2 p, #footer-box2 a, #footer-box2 b { font-size: 17px; line-height: 19px; color: #4b2b25; }
#footer-box2 b { font-weight: 600; }
#footer-box2 p { padding-bottom: 25px; }
#footer-box2 p:last-child { padding: 0px; }
#footer-box2 a { color: #915145; text-decoration: underline; }
#footer-box2 a[href^=tel] { color: #404041; text-decoration: underline; }
#footer-box2 a:hover { text-decoration: none; }
#footer-box2 .block-title:before { content: ""; width: 57px; height: 7px; position: absolute; left: 0px; top: -14px; background: #915145; }
#footer-box2 .block-title { position: relative; font-size: 30px; line-height: 40px; color: #915145;; font-weight: 400; text-transform: uppercase; }
@media all and (max-width: 1000px) {
    #footer-box2 { background: none; }
}
/*END OF FOOTER2*/