body, html{
    margin : 0;
    padding: 0;
    border : 0;
}
.ap_container{
    width : 958px;
    height: 940px;
    border: 0px solid #000;
}

@font-face {
    font-family: "RobotoRegular";
    src        : url("../font/Roboto/RobotoRegular.eot"),
                 url("../font/Roboto/RobotoRegular.woff") format("woff"),
                 url("../font/Roboto/RobotoRegular.ttf") format("truetype");
}
@font-face {
    font-family: "RobotoMedium";
    src        : url("../font/Roboto/RobotoMedium.eot"),
                 url("../font/Roboto/RobotoMedium.woff") format("woff"),
                 url("../font/Roboto/RobotoMedium.ttf") format("truetype");
}
@font-face {
    font-family: "RobotoBold";
    src        : url("../font/Roboto/RobotoBold.eot"),
                 url("../font/Roboto/RobotoBold.woff") format("woff"),
                 url("../font/Roboto/RobotoBold.ttf") format("truetype");
}
@font-face {
    font-family: "RobotoItalic";
    src        : url("../font/Roboto/RobotoItalic.eot"),
                 url("../font/Roboto/RobotoItalic.woff") format("woff"),
                 url("../font/Roboto/RobotoItalic.ttf") format("truetype");
}
@font-face {
    font-family: "RobotoLight";
    src        : url("../font/Roboto/RobotoLight.eot"),
                 url("../font/Roboto/RobotoLight.woff") format("woff"),
                 url("../font/Roboto/RobotoLight.ttf") format("truetype");
}

.ap_clear{
    clear: both;
}
input:focus, select:focus{
    outline: none;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* -------------------------------------------------------------------------- */
/* precontrol */
.ap_precontrol{
    width: 730px;
    height: 220px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.precontrolBtn{
    width        : 226px;
    height       : 216px;
    border       : 2px solid #000;
    border-radius: 10px;
    float        : left;
    cursor       : pointer;
}
.precontrolBtn[data-number='1'], .precontrolBtn[data-number='2']{
    margin-right: 20px;
}
.precontrolBtn[data-number='2'], .precontrolBtn[data-number='3']{
    border-color: #fff;
}
.precontrolBtn[data-number='1']{
    background: url("../img/page/tab_1.png") no-repeat center 20%;
}
.precontrolBtn[data-number='2']{
    background: url("../img/page/tab_2.png") no-repeat center 20%;
}
.precontrolBtn[data-number='3']{
    background: url("../img/page/tab_3.png") no-repeat center 20%;
}
.precontrolTitle{
    height    : 52px;
    margin-top: 160px;
    text-align: center;
    font      : normal 18px RobotoRegular;
    padding   : 0 5px;
}

/* -------------------------------------------------------------------------- */
/* title */
.ap_title{
    /* background-color: rgb(250, 172, 172); */
    background: url("../img/page/title_arrow.png") no-repeat left bottom;
    height               : 52px;
    font                 : normal 32px RobotoRegular;
    text-align           : center;
    margin-bottom        : 0px;
    text-decoration      : underline;
    text-decoration-style: dotted;
    text-decoration-color: #007ACC;
    cursor               : pointer;
}

/* -------------------------------------------------------------------------- */
/* control */
.ap_control{
    /* background-color: rgb(155, 186, 248); */
    height: 160px;
}

/* controlSelectAndBtn */
.ap_controlSelectAndBtn{
    /* background-color: rgb(250, 115, 115); */
    height: 58px;
}
.ap_controlHouse, .ap_controlSection, .ap_controlRoom, .ap_controlView{
    font  : normal 14px RobotoRegular;
    color : #A6A6A6;
    float : left;
}

/* Номер корпуса */
.ap_controlHouse{
    /* background-color: rgb(178, 237, 255); */
    margin-left : 10px;
    margin-right: 20px;
}
.ap_controlHouseLabel{
    text-align   : center;
    margin-bottom: 5px;
    color        : #007ACC;
    font         : normal 14px RobotoBold;
}
.ap_controlHouseSelectGroup select{
    cursor          : pointer;
    width           : 140px;
    height          : 32px;
    background      : url("../img/page/select_arrow_1.png") no-repeat center right;
    background-color: #F9F9F9;
    border-radius   : 0px;
    font            : normal 14px RobotoRegular;
    padding-left    : 10px;
    padding-right   : 30px;
    border          : 1px solid #007ACC;
    background-color: #DBF6FF;
}
.ap_controlHouseSelectGroup select:hover{
    background      : url("../img/page/select_arrow_2.png") no-repeat center right;
    background-color: #fff;
}

/* Номер секции */
.ap_controlSection{
    /* background-color: rgb(182, 243, 113); */
    margin-right: 20px;
}
.ap_controlSectionLabel{
    text-align   : center;
    margin-bottom: 5px;
}
.ap_controlSectionSelectGroup select{
    cursor          : pointer;
    width           : 160px;
    height          : 32px;
    background      : url("../img/page/select_arrow_1.png") no-repeat center right;
    background-color: #F9F9F9;
    border-radius   : 0px;
    font            : normal 14px RobotoRegular;
    padding-left    : 10px;
    padding-right   : 30px;
}
.ap_controlSectionSelectGroup select:hover{
    background: url("../img/page/select_arrow_2.png") no-repeat center right;
}

/* Кол-во комнат */
.ap_controlRoom{
    /* background-color: rgb(86, 210, 248); */
    margin-right    : 30px;
    width           : 195px;
}
.ap_controlRoomLabel{
    text-align   : center;
    margin-bottom: 5px;
}
.ap_controlRoomBtnGroup{
    /* background-color: rgb(127, 233, 118); */
    width           : 118px;
    width           : 156px;
    height          : 32px;
    margin          : 0 auto;
}
.ap_controlRoomBtn{
    width           : 32px;
    height          : 30px;
    border          : 1px solid #A9A9A9;
    font            : normal 18px RobotoRegular;
    float           : left;
    border-radius   : 0px;
    color           : #242424;
    background-color: #F9F9F9;
    text-align      : center;
    line-height     : 30px;
    cursor          : pointer;
}
.ap_controlRoomBtn{
    margin-right: 5px;
}
.ap_controlRoomBtn[data-number="с"], .ap_controlRoomBtn[data-number="4"]{
    display: none;
}

/* Вид */
.ap_controlViewLabel{
    text-align   : center;
    margin-bottom: 5px;
}
.ap_controlViewBtn{
    height          : 30px;
    border          : 1px solid #A9A9A9;
    font            : normal 14px RobotoRegular;
    float           : left;
    border-radius   : 0px;
    color           : #000;
    background-color: #F9F9F9;
    text-align      : center;
    line-height     : 30px;
    cursor          : pointer;
}
.ap_controlViewBtn[data-number="1"]{
    width       : 130px;
    margin-right: 12px;
}
.ap_controlViewBtn[data-number="2"]{
    background-color: #00304D;
    border-color    : #00304D;
    width           : 96px;
    margin-right    : 12px;
}
.ap_controlViewBtn[data-number="3"]{
    width: 116px;
}
.ap_controlViewIco, .ap_controlViewText{
    float: left;
}
.ap_controlViewIco{
    width       : 16px;
    height      : 30px;
    margin-right: 5px;
}
.ap_controlViewBtn[data-number="1"] .ap_controlViewIco{
    margin-left: 12px;
    background : url("../img/page/view_ico_1.png") no-repeat center left;
}
.ap_controlViewBtn[data-number="2"] .ap_controlViewIco{
    margin-left: 12px;
    background: url("../img/page/view_ico_2.png") no-repeat center right;
}
.ap_controlViewBtn[data-number="3"] .ap_controlViewIco{
    margin-left: 12px;
    background: url("../img/page/view_ico_3.png") no-repeat center left;
}
.ap_controlViewBtn[data-number="2"] .ap_controlViewText{
    color: #fff;
}

/* -------------------------------------------------------------------------- */
/* controlRange */
.ap_controlRange{
    /* background-color: rgb(250, 115, 198); */
    height: 80px;
}

.ap_controlPrice, .ap_controlArea, .ap_controlFloor{
    font       : normal 14px RobotoRegular;
    color      : #A6A6A6;
    float      : left;
    height     : 68px;
    text-align : center;
    padding-top: 12px;
}

.theme-green .back-bar{
    height: 10px;
}
.theme-green .back-bar .pointer{
    width: 20px;
    height: 20px;
}
.theme-green .back-bar .pointer-label{
    color    : #000;
    font-size: 12px;
}
.theme-green .back-bar .selected-bar{
    background-image: none;
}

/* Стоимость */
.ap_controlPrice{
    width           : 300px;
    margin-left     : 10px;
    margin-right    : 20px;
}
.ap_controlPriceLabel{
    margin-bottom: 18px;
}
.ap_controlPriceGroup .slider-container{
    margin: 0 auto;
}
.ap_controlPriceRange{
    width           : 180px;
    height          : 12px;
    background-color: #ccc;
    margin          : 0 auto;
}

/* Площадь общая */
.ap_controlArea{
    width           : 300px;
    margin-right    : 20px;
}
.ap_controlAreaLabel{
    margin-bottom: 18px;
}
.ap_controlAreaGroup .slider-container{
    margin: 0 auto;
}

/* Этаж */
.ap_controlFloor{
    width: 300px;
}
.ap_controlFloorLabel{
    margin-bottom: 18px;
}
.ap_controlFloorGroup .slider-container{
    margin: 0 auto;
}

/* -------------------------------------------------------------------------- */
/* controlInfo */
.ap_controlInfo{
    /* background-color: rgb(250, 246, 39); */
    height          : 28px;
    text-align      : right;
    margin-top      : 2px;
}
.ap_controlInfoEmpty{
    /* background-color: rgb(114, 114, 114); */
    height     : 28px;
    width      : 10px;
    margin-left: 736px;
    float      : left;
}
.ap_controlInfoGreen, .ap_controlInfoRed{
    display         : none;
    float           : left;
    font            : normal 12px RobotoRegular;
    color           : #242424;
    width           : 90px;
    height          : 18px;
    padding-top     : 2px;
    padding-left    : 5px;
    margin-left     : 5px;
    margin-bottom   : 6px;
}
.ap_controlInfoQuad, .ap_controlInfoText{
    float: left;
    line-height: 14px;
}
.ap_controlInfoQuad{
    width        : 14px;
    height       : 14px;
    border-radius: 2px;
    margin-right : 5px;
    margin-top   : 1px;
    border       : 0px solid #fff;
}
.ap_controlInfoGreen .ap_controlInfoQuad{
    background-color: #00304D;
}
.ap_controlInfoRed .ap_controlInfoQuad{
    background-color: #FD5E6C;
}

/* -------------------------------------------------------------------------- */
/* table */
.ap_plan, .ap_table, .ap_chess, .ap_box{
    background-color: #fff;
    border          : 1px solid #ccc;
    width           : 940px;
    height          : 450px;
    margin          : 0 auto;
    overflow-y      : auto;
    position        : relative;
    opacity         : 0;
}
.ap_table{
    z-index: 50;
    top    : -452px;
    opacity: 1;
}

.ap_table table{
    width          : 100%;
    font-family    : RobotoRegular;
    font-size      : 14px;
    border-collapse: collapse;
    border-spacing : 0;
    text-align     : center;
}
.ap_table thead{
    font-family: RobotoBold;
    font-size  : 14px;
}
.ap_table table td, .ap_table thead th{
    border: 1px solid #ccc;
}
.ap_table thead th{
    height          : 32px;
    position        : relative;
    background-color: #55C4E1;
    border-top      : 0px solid #ccc;
}

/* Кол-во комнат */
.ap_table thead th:nth-child(1){
    cursor: pointer;
    width: 150px;
    /* background-color: rgb(233, 72, 72); */
}
.ap_tableHeadCountRoom{
    /* background-color: rgb(136, 236, 123); */
    margin          : 0 auto;
    width           : 140px;
    height          : 26px;
}
.ap_tableHeadCountRoomText, .ap_tableHeadCountRoomBtn{
    float: left;
}
.ap_tableHeadCountRoomText{
    /* background-color: rgb(253, 200, 200); */
    width      : 114px;
    height     : 23px;
    padding-top: 3px;
}
.ap_tableHeadCountRoomBtn{
    background-color: #F9F9F9;
    border          : 1px solid #ccc;
    border-radius   : 3px;
    width           : 24px;
    height          : 24px;
    color           : #ccc;
    opacity         : 0.7;
}
.ap_tableHeadCountRoomBtnText{
    /* background-color: rgb(133, 235, 248); */
    font            : normal 10px RobotoRegular;
    line-height     : 8px;
    float           : left;
    width           : 8px;
    margin-left     : 3px;
    margin-right    : 0px;
    margin-top      : 4px;
}
.ap_tableHeadCountRoomBtnArrow{
    float: left;
    font : normal 16px RobotoRegular;
    width: 5px;
}

/* Секция */
.ap_table thead th:nth-child(2){
    cursor: pointer;
}
.ap_tableHeadSection{
    /* background-color: rgb(136, 236, 123); */
    margin          : 0 auto;
    width           : 86px;
    height          : 26px;
}
.ap_tableHeadSectionText, .ap_tableHeadSectionBtn{
    float: left;
}
.ap_tableHeadSectionText{
    /* background-color: rgb(253, 200, 200); */
    width           : 60px;
    height          : 23px;
    padding-top     : 3px;
}
.ap_tableHeadSectionBtn{
    background-color: #F9F9F9;
    border          : 1px solid #ccc;
    border-radius   : 3px;
    width           : 24px;
    height          : 24px;
    color           : #ccc;
    opacity         : 0.7;
}
.ap_tableHeadSectionBtnText{
    /* background-color: rgb(133, 235, 248); */
    font            : normal 10px RobotoRegular;
    line-height     : 8px;
    float           : left;
    width           : 8px;
    margin-left     : 3px;
    margin-right    : 0px;
    margin-top      : 4px;
}
.ap_tableHeadSectionBtnArrow{
    float: left;
    font : normal 16px RobotoRegular;
    width: 5px;
}

/* Этаж */
.ap_table thead th:nth-child(3){
    cursor: pointer;
}
.ap_tableHeadFloor{
    /* background-color: rgb(136, 236, 123); */
    margin          : 0 auto;
    width           : 76px;
    height          : 26px;
}
.ap_tableHeadFloorText, .ap_tableHeadFloorBtn{
    float: left;
}
.ap_tableHeadFloorText{
    /* background-color: rgb(253, 200, 200); */
    width           : 50px;
    height          : 23px;
    padding-top     : 3px;
}
.ap_tableHeadFloorBtn{
    background-color: #F9F9F9;
    border          : 1px solid #ccc;
    border-radius   : 3px;
    width           : 24px;
    height          : 24px;
    color           : #ccc;
    opacity         : 0.7;
}
.ap_tableHeadFloorBtnText{
    /* background-color: rgb(133, 235, 248); */
    font            : normal 10px RobotoRegular;
    line-height     : 8px;
    float           : left;
    width           : 8px;
    margin-left     : 3px;
    margin-right    : 0px;
    margin-top      : 4px;
}
.ap_tableHeadFloorBtnArrow{
    float: left;
    font : normal 16px RobotoRegular;
    width: 5px;
}

/* № квартиры */
.ap_table thead th:nth-child(4){
    cursor: pointer;
}
.ap_tableHeadFlatNum{
    /* background-color: rgb(136, 236, 123); */
    margin          : 0 auto;
    width           : 122px;
    height          : 26px;
}
.ap_tableHeadFlatNumText, .ap_tableHeadFlatNumBtn{
    float: left;
}
.ap_tableHeadFlatNumText{
    /* background-color: rgb(253, 200, 200); */
    width           : 96px;
    height          : 23px;
    padding-top     : 3px;
}
.ap_tableHeadFlatNumBtn{
    background-color: #F9F9F9;
    border          : 1px solid #ccc;
    border-radius   : 3px;
    width           : 24px;
    height          : 24px;
    color           : #ccc;
    opacity         : 0.7;
}
.ap_tableHeadFlatNumBtnText{
    /* background-color: rgb(133, 235, 248); */
    font            : normal 10px RobotoRegular;
    line-height     : 8px;
    float           : left;
    width           : 8px;
    margin-left     : 3px;
    margin-right    : 0px;
    margin-top      : 4px;
}
.ap_tableHeadFlatNumBtnArrow{
    float: left;
    font : normal 16px RobotoRegular;
    width: 5px;
}

/* Площадь */
.ap_table thead th:nth-child(5){
    cursor: pointer;
}
.ap_tableHeadArea{
    /* background-color: rgb(136, 236, 123); */
    margin          : 0 auto;
    width           : 106px;
    height          : 26px;
}
.ap_tableHeadAreaText, .ap_tableHeadAreaBtn{
    float: left;
}
.ap_tableHeadAreaText{
    /* background-color: rgb(253, 200, 200); */
    width           : 80px;
    height          : 23px;
    padding-top     : 3px;
}
.ap_tableHeadAreaBtn{
    background-color: #F9F9F9;
    border          : 1px solid #ccc;
    border-radius   : 3px;
    width           : 24px;
    height          : 24px;
    color           : #ccc;
    opacity         : 0.7;
}
.ap_tableHeadAreaBtnText{
    /* background-color: rgb(133, 235, 248); */
    font            : normal 10px RobotoRegular;
    line-height     : 8px;
    float           : left;
    width           : 8px;
    margin-left     : 3px;
    margin-right    : 0px;
    margin-top      : 4px;
}
.ap_tableHeadAreaBtnArrow{
    float: left;
    font : normal 16px RobotoRegular;
    width: 5px;
}

/* Цена */
.ap_table thead th:nth-child(6){
    cursor: pointer;
}
.ap_tableHeadPrice{
    /* background-color: rgb(136, 236, 123); */
    margin          : 0 auto;
    width           : 76px;
    height          : 26px;
}
.ap_tableHeadPriceText, .ap_tableHeadPriceBtn{
    float: left;
}
.ap_tableHeadPriceText{
    /* background-color: rgb(253, 200, 200); */
    width           : 50px;
    height          : 23px;
    padding-top     : 3px;
}
.ap_tableHeadPriceBtn{
    background-color: #F9F9F9;
    border          : 1px solid #ccc;
    border-radius   : 3px;
    width           : 24px;
    height          : 24px;
    color           : #ccc;
    opacity         : 0.7;
}
.ap_tableHeadPriceBtnText{
    /* background-color: rgb(133, 235, 248); */
    font            : normal 10px RobotoRegular;
    line-height     : 8px;
    float           : left;
    width           : 8px;
    margin-left     : 3px;
    margin-right    : 0px;
    margin-top      : 4px;
}
.ap_tableHeadPriceBtnArrow{
    float: left;
    font : normal 16px RobotoRegular;
    width: 5px;
}

.ap_table table tbody tr{
    background-color: #fff;
    height: 32px;
}
.ap_table table tbody tr:hover{
    background-color: #EBEDF1;
}
.ap_table table tr td:nth-child(1), .ap_table table tr th:nth-child(1){
    border-left: 0px solid #ccc;
}
.ap_table table tr td:nth-child(8), .ap_table table tr th:nth-child(8){
    border-right: 0px solid #ccc;
}
.ap_table table td sup{
    font-size: 10px;
}
.ap_table table tr td:nth-child(7){
    cursor               : pointer;
    text-decoration      : underline;
    text-decoration-style: dotted;
}
.ap_table table tr td:nth-child(7):hover{
    font-family: RobotoBold;
}
.ap_tableStatus{
    width           : 80px;
    height          : 18px;
    font-family     : RobotoRegular;
    font-size       : 12px;
    border-radius   : 3px;
    background-color: #38C0A2;
    margin          : 0 auto;
    color           : #fff;
}

/* -------------------------------------------------------------------------- */
/* plan */
.ap_plan{
    background-color: #fff;
    z-index         : 40;
}
.ap_planCard{
    width        : 210px;
    height       : 304px;
    border       : 1px solid #a9a9a9;
    border-radius: 4px;
    float        : left;
    margin-top   : 15px;
    margin-left  : 15px;
    margin-bottom: 5px;
    font         : normal 14px RobotoRegular;
    text-align   : center;
    color        : #242424;
}
.ap_planCard:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border    : 1px solid #3EBD9E;
}
.ap_planCardFlatCount{
    /* background-color: rgb(248, 186, 186); */
    height          : 26px;
    padding-top     : 3px;
    font            : normal 16px RobotoBold;
    letter-spacing  : 1px;
}
.ap_planCardSections{
    /* background-color: rgb(248, 186, 186); */
    height        : 20px;
    font          : normal 14px RobotoRegular;
    color         : #a9a9a9;
    letter-spacing: 1px;
}
.ap_planCardImg{
    background     : url("../img/page/no_photo.png") no-repeat center center;
    background-size: contain;
    height         : 120px;
    /* background-color: rgb(235, 255, 182); */
}
.ap_planCardPrice{
    background-color: #3EBD9E;
    color           : #fff;
    border-radius   : 4px;
    width           : 135px;
    height          : 28px;
    font            : normal 16px RobotoBold;
    margin-top      : 7px;
    margin-left     : 67px;
    line-height     : 28px;
}
.ap_planCardArea{
    border-top  : 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    width       : 105px;
    height      : 50px;
    float       : left;
    margin-top  : 15px;
}
.ap_planCardAreaText{
    margin-top: 4px;
}
.ap_planCardAreaVal{
    margin-top: 2px;
    color     : #a9a9a9;
}
.ap_planCardAreaVal sup{
    font: normal 10px RobotoRegular;
}
.ap_boxDescWrap .ap_boxDescLine:nth-child(6) .ap_boxDescVal sup{
    font: normal 10px RobotoRegular;
}
.ap_planCardCountText{
    margin-top: 4px;
}
.ap_planCardCountVal{
    margin-top: 3px;
    color     : #a9a9a9;
}
.ap_planCardRoomCount{
    border-top: 1px solid #a9a9a9;
    width     : 104px;
    height    : 50px;
    float     : left;
    margin-top: 15px;
}
.ap_planCardBtn{
    background-color: #3EBD9E;
    height          : 34px;
    font            : normal 16px RobotoRegular;
    color           : #fff;
    line-height     : 34px;
    cursor          : pointer;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.ap_planCardBtn:hover{
    background-color: #00B192;
}
/* -------------------------------------------------------------------------- */
/* chess */
.ap_chess{
    background-color: #fff;
    z-index         : 30;
    top             : -904px;
}
.ap_chessCard{
    min-height   : 480px;
    width        : 428px;
    border       : 0px solid #a9a9a9;
    float        : left;
    margin-top   : 15px;
    margin-left  : 15px;
    margin-bottom: 5px;
    font         : normal 14px RobotoRegular;
    color        : #242424;
    padding-right: 10px;
}
.ap_chessCardKorpus{
    /* background-color: rgb(243, 196, 196); */
    height     : 22px;
    margin-left: 60px;
}
.ap_chessCardSection{
    /* background-color: rgb(196, 215, 243); */
    height     : 26px;
    font       : normal 12px RobotoRegular;
    color      : #a9a9a9;
    margin-left: 60px;
}
.ap_chessCard table{
    width          : 100%;
    font-family    : RobotoRegular;
    font-size      : 10px;
    border-spacing : 3px;
    text-align     : center;
    position       : relative;
}
.ap_chessCard table td{
    background-color: #ECECEC;
    border          : 2px solid #ECECEC;
    border-radius   : 2px;
    height          : 18px;
    color           : #fff;
    position        : relative;
    z-index         : 10;
}
.ap_chessCard table td:nth-child(1){
    background-color: #fff;
    border          : 2px solid #fff;
    width           : 50px;
    color           : #242424;
}

.ap_chessCard table td[data-active='on']:hover{
    box-shadow   : 0 0 0 3px #fff, 0 0 0 7px #242424;
    z-index      : 100;
    border-radius: 0px;
    cursor       : pointer;
}
.ap_chessCard table td[data-active='on'][data-status='free']:hover{
    background-color: #00B192;
    border-color    : #00B192;
}
.ap_chessCard table td[data-active='on'][data-status='sold']:hover{
    background-color: #EB4C5A;
    border-color    : #EB4C5A;
}

/* -------------------------------------------------------------------------- */
/* box */
.ap_box{
    background-color: #fff;
    border          : 1px solid #fff;
    z-index         : 20;
    top             : -1356px;
}
.ap_boxWindow{
    width           : 760px;
    height          : 440px;
    border          : 1px solid #ccc;
    margin          : 0 auto;
    margin-top      : 4px;
    background-color: #fff;
    box-shadow      : 0 0 5px rgba(0,0,0,0.3);
}
.ap_boxPhotoStatus{
    width           : 80px;
    height          : 18px;
    font-family     : RobotoRegular;
    font-size       : 12px;
    border-radius   : 3px;
    background-color: #38C0A2;
    color           : #fff;
    text-align      : center;
    margin-left     : 210px;
    margin-top      : 12px;
    float           : left;
}
.ap_boxCloseBtn{
    width      : 24px;
    height     : 24px;
    color      : #B93726;
    background : url("../img/page/close_ico.png") no-repeat center center;
    margin-top : 6px;
    margin-left: 440px;
    cursor     : pointer;
    float      : left;
}

/* Мини фото и описание */
.ap_boxDesc{
    /* background-color: rgb(186, 250, 186); */
}
.ap_boxPhotoMinWrap{
    width           : 500px;
    height          : 410px;
    /* background-color: #ccc; */
    float           : left;
}
.ap_boxPhotoMin{
    width           : 480px;
    height          : 360px;
    background-color: rgb(255, 255, 255);
    border          : 0px solid rgb(89, 103, 231);
    margin-top      : 20px;
    margin-left     : 10px;
    background      : url("../img/page/no_photo.png") no-repeat center center;
    background-color: #fff;
}

.ap_boxDescWrap{
    width           : 260px;
    height          : 410px;
    /* background-color: rgb(190, 248, 113); */
    float           : left;
    font-family     : RobotoRegular;
    font-size       : 14px;
}
.ap_boxDescLine{
    /* background-color: rgb(151, 46, 46); */
    width        : 230px;
    height       : 40px;
    margin-left  : 10px;
    line-height  : 38px;
    border-bottom: 1px solid #ccc;
}
.ap_boxDescLine:nth-child(1){
    margin-top: 30px;
}
.ap_boxDescName, .ap_boxDescVal{
    float     : left;
    height    : 30px;
    margin-top: 2px;
}
.ap_boxDescLine:nth-child(5) select{
    display      : none;
    height       : 40px;
    width        : 100px;
    cursor       : pointer;
    background   : url("../img/page/select_arrow_1.png") no-repeat center right;
    border-color : #fff;
    padding-left : 25px;
    padding-right: 30px;
    line-height  : 42px;
}
.ap_boxDescLine:nth-child(5) select:hover{
    background: url("../img/page/select_arrow_2.png") no-repeat center right;
}

.ap_boxDescName{
    width           : 130px;
    /* background-color: rgb(255, 143, 143); */
    color           : #242424;
}
.ap_boxDescVal{
    width           : 100px;
    /* background-color: rgb(118, 245, 80); */
    text-align      : right;
}
.ap_boxOrderBtn{
    margin-left     : 10px;
    margin-top      : 24px;
    width           : 200px;
    height          : 38px;
    background-color: #3EBD9E;
    color           : #fff;
    border-radius   : 4px;
    text-align      : center;
    font-family     : RobotoRegular;
    font-size       : 18px;
    cursor          : pointer;
    line-height     : 36px;
}
.ap_boxOrderBtn[data-status="on"]:hover{
    background-color: #33B293;
}

/* Форма */
.ap_boxForm{
    background-color: #ccc;
    display         : none;
}
.ap_boxFormBack{
    /* background-color: rgb(253, 181, 181); */
    float           : left;
    width           : 219px;
    height          : 410px;
}
.ap_boxFormBackBtn{
    width      : 80px;
    height     : 18px;
    font-family: RobotoRegular;
    font-size  : 12px;
    color      : #808080;
    text-align : center;
    margin-left: 10px;
    margin-top : 385px;
    cursor     : pointer;
}
.ap_boxFormBackBtn:hover{
    color: #242424;
}
.ap_boxFormWrap{
    /* background-color: #ccc; */
    width           : 322px;
    height          : 410px;
    margin          : 0 auto;
    font-family     : RobotoRegular;
    font-size       : 12px;
    float           : left;
}
.ap_boxFormTitle{
    text-align      : center;
    font-family     : RobotoRegular;
    font-size       : 28px;
    color           : #242424;
    letter-spacing  : 1px;
    /* background-color: rgb(241, 161, 161); */
    line-height     : 24px;
}
.ap_boxFormRoomNum{
    text-align    : center;
    font-family   : RobotoBold;
    font-size     : 12px;
    color         : #a9a9a9;
    letter-spacing: 2px;
    margin-top    : 2px;
}
.ap_boxFormName, .ap_boxFormPhone, .ap_boxFormEmail{
    height       : 32px;
    width        : 300px;
    border-radius: 4px;
    font-family  : RobotoRegular;
    font-size    : 16px;
    border       : 1px solid #A9A9A9;
    padding      : 0 10px;
}
.ap_boxFormMessage{
    height       : 66px;
    width        : 300px;
    border-radius: 4px;
    font-family  : RobotoRegular;
    font-size    : 16px;
    border       : 1px solid #A9A9A9;
    padding      : 0 10px;
    resize       : none;
    outline      : none;
}
.ap_boxFormNameText, .ap_boxFormPhoneText, .ap_boxFormEmailText, .ap_boxFormMessageText{
    font-family  : RobotoRegular;
    font-size    : 14px;
    color        : #808080;
    margin-bottom: 2px;
    margin-top   : 5px;
}
.ap_boxFormNameText{
    margin-top: 15px;
}
.ap_boxFormStar{
    color: #B4321B;
}
.ap_boxFormSubmit{
    margin          : 0 auto;
    margin-top      : 12px;
    width           : 265px;
    height          : 38px;
    background-color: #3EBD9E;
    color           : #fff;
    border-radius   : 4px;
    text-align      : center;
    font-family     : RobotoRegular;
    font-size       : 18px;
    cursor          : pointer;
    line-height     : 36px;
}
.ap_boxFormSubmit:hover{
    background-color: #33B293;
}
.ap_boxFormStatus{
    /* background-color: rgb(252, 164, 164); */
    width      : 322px;
    height     : 20px;
    text-align : center;
    font-family: RobotoRegular;
    font-size  : 12px;
    margin-top : 6px;
    color      : #a9a9a9;
    opacity    : 0;
}

/* Окно "Спасибо" */
.ap_boxThank{
    /* background-color: #ccc; */
    display         : none;
    width           : 322px;
    margin          : 0 auto;
    text-align      : center;
}
.ap_boxThankText_1{
    /* background-color: rgb(172, 236, 119); */
    font-family     : RobotoRegular;
    font-size       : 28px;
    color           : #242424;
    letter-spacing  : 1px;
    margin-top      : 110px;
}
.ap_boxThankText_2{
    /* background-color: rgb(77, 139, 233); */
    font-family     : RobotoRegular;
    font-size       : 20px;
    color           : #242424;
    margin-top      : 5px;
}
.ap_boxThankCloseBtn{
    width           : 200px;
    height          : 38px;
    background-color: #3EBD9E;
    color           : #fff;
    border-radius   : 4px;
    text-align      : center;
    font-family     : RobotoRegular;
    font-size       : 18px;
    cursor          : pointer;
    line-height     : 36px;
    margin          : 0 auto;
    margin-top      : 40px;
}