/* *********************** Tabs ********************** */


#mainview0tab, #mainview1tab {
    height:50px;
}

#mainview0tab span, #mainview1tab span{
    font-size: 16pt;
    padding-top: 5px;
}

.rightFieldHeader {background-color: #e8e8e8;
    height: 50px;
    width: 100%;
}

#imgMapTab {
    position: absolute;
    left:0;
    z-index: 200;
}
#imgTilesTab {
    position: absolute;
    left: 0;
    z-index: 100;
}
#btnTilesTab {
    float: left;
    z-index: 300;
}
#btnMapTab {
    float: left;
    z-index: 400;
}
.btnTabs {
    position: relative;
    width: 400px;
    text-align: center;
    padding-top: 15px;
    color: whitesmoke;
    font-size: 16pt;
    height: 40px;
    cursor: pointer;
}

.rightFieldHeader {
    width: 800px;
    margin: auto;
    /*margin-top: 20px;*/
    position: relative;
    margin-left: 20px;
}

#rightFieldTilesComplex {
    /*display: block;*/
    display: none;
    /*height: 1062px;*/
}

#rightFieldMapComplex{
    /*display: none;*/
    display: block;

}

#YMapUC {
    width: 1164px;
    height: 350px;
    /*box-shadow:  0 0 10px rgba(0,0,0,0.5);*/
    margin: auto;
    /*margin-top: 100px;*/
}

#YMap01 {
    width: 800px;
    height: 800px;
    /*box-shadow:  0 0 10px rgba(0,0,0,0.5);*/
    margin: auto;
    margin-left: 20px;
    /*margin-top: 100px;*/
    /*padding-top: 55px;*/
}

.tileRow {
    margin-left: 20px;
}

.tileItem {
    float: left;
    width: 230px;
    /*height: 295px;*/
    text-align: center;
    margin-top: 45px;
    /*margin-left: 30px;*/
    box-shadow:  0 0 6px rgba(0,0,0,0.5);
    cursor: pointer;
}
.tileItemCenter {
    margin-left: 55px;
    margin-right: 55px;
}
.tileHeader {
    width: 100%;
    height: 60px;
    background-color: rgb(15,99,23);
    color: whitesmoke;
}
.tileHeader span {
    display: block;
    padding-top: 22px;
}
#tile00 .tileHeader {
    background: rgb(15,99,23) url("../images/gift_32.png") no-repeat 30px 12px ;
}
#tile00 span {
    margin-left: 30px;
}
#tile02 span {
    padding-top: 14px;
}
#tile10 .tileHeader,#tile11 .tileHeader,#tile12 .tileHeader {
    background: rgb(15,99,23) url("../images/compas.png") no-repeat 12px 12px ;
}
#tile10 .tileHeader span,#tile11 .tileHeader span,#tile12 .tileHeader span {
    margin-left: 12px;
}
#tile20 .tileHeader {
    background: rgb(15,99,23) url("../images/LowLevel.png") no-repeat 12px 8px ;
}
#tile21 .tileHeader {
    background: rgb(15,99,23) url("../images/MediumLevel.png") no-repeat 12px 8px ;
}
#tile22 .tileHeader {
    background: rgb(15,99,23) url("../images/HighLevel.png") no-repeat 12px 8px ;
}
#tile20 .tileHeader span,#tile21 .tileHeader span {
    margin-left: 25px;
}
.tilePicture {
    width: 100%;
    height: 230px;

}
#tile00 .tilePicture {
    background: none, url("../images/imgAction.png") no-repeat 0 0;
}
#tile01 .tilePicture {
    background: none, url("../images/imgBestOffer.png") no-repeat 0 0;
}
#tile02 .tilePicture {
    background: none, url("../images/imgComplete.png") no-repeat 0 0;
}
#tile10 .tilePicture {
    background: none, url("../images/imgSouth.png") no-repeat 0 0;
}
#tile11 .tilePicture {
    background: none, url("../images/imgCenter.png") no-repeat 0 0;
}
#tile12 .tilePicture {
    background: none, url("../images/imgNorth.png") no-repeat 0 0;
}
#tile20 .tilePicture {
    background: none, url("../images/imgEconomy.png") no-repeat 0 0;
}
#tile21 .tilePicture {
    background: none, url("../images/imgComfort.png") no-repeat 0 0;
}
#tile22 .tilePicture {
    background: none, url("../images/imgElit.png") no-repeat 0 0;
}

.complexTextWrapper {
    width: 820px;
    text-indent: 50px;
    text-align: justify;
    padding-left: 20px;
    margin-top: 100px;
    clear: both;
}

.complexTextWrapper h2 {
    font-size: 16pt;
    color: #105237;
    font-weight: 600;
    /*text-transform: uppercase;*/
    /*text-indent: 20px;*/
    display: block;
    margin-bottom: 20px;
    margin-top: 40px;
    margin-left: 20px;
    max-width: 800px;
    font-family:"Roboto Condensed", sans-serif;

}

.complexTextItem {
    margin-bottom: 15px;
    line-height: 18px;
}
.complexTextItem span {
    font-weight: 600;
    font-style: italic;
}
.complexTextBox {
    padding-left: 40px;
    border-left: 5px solid #3db53d;
}
.complexCheckedItem {
    background-color: #ececec;
    padding: 20px 0 20px 0;
    margin: 10px 0 20px 50px;
    font-size: 12pt;
}

.complexCheckedItemTitle {
    margin-bottom: 12px;
    font-weight: 600;
    color: dimgrey;
}
.complexCheckedItemLine {
    color: #494949;
    display: block;
    padding-left: 35px;
    margin-left: 40px;
    background: url(../images/check_alt_gray.png) no-repeat 40px 1px;
    line-height: 20px;
    margin-bottom: 5px;

}
.aboutServiceBoldText2 {
    text-align: center;
    font-size: 15pt;
    line-height: 27px;
    width: 640px;
    margin: auto;
    margin-top: 30px;
    color: #ad2b33;
    font-weight: 700;
}


/************  map Hint ************/

.myHint {
    padding:3px;
    margin:3px;
    border:1px solid darkgreen;
    border-radius:3px;
}

.myHint span {
    font-weight: 600;
}

.myHintTitle {
    font-family: "Roboto Condensed", sans-serif;
    /*font-size: 16pt;*/
    color: #ad2b33;
    font-weight: 600;
    font-size: larger;
}

#complexPreview {
    width: 360px;
    height: 130px;
    background-color: whitesmoke;
    display: none;
    position: absolute;
}

#complexPreviewIcon {
    width: 70px;
    height: 70px;
    margin: 30px;
    margin-top: 0;
    float: left;
}
.complexPreviewText {
    float: left;
}

#complexPreviewClose {
    float: right;
    width:40px;
    height:40px;
    background:  url(../images/gtk-close.png) no-repeat 0 0;
    cursor: pointer;
}

#complexPreviewTitle {
    width: 270px;
    max-width: 300px;
    font-family: "Roboto Condensed", sans-serif;
    /*font-size: 16pt;*/
    color: #ad2b33;
    font-weight: 600;
    font-size: larger;
    margin: 10px;
    float: left;
}

#complexPreviewMore {
    margin: 10px;
    color: #ad2b33;
    text-decoration: underline;
    cursor: pointer;
}

.complexPreviewLine {
    font-weight: 300;
    margin-bottom: 5px;
}
.complexPreviewLine span{
    font-weight: 600;
}

/*****************  ROW COMPLEX *****************/

.singleRowComplex {
    clear: both;
    width: 97%;
    height: 200px;
    margin-left: 20px;
    border-bottom: 2px solid darkgrey;
    padding-top: 25px;
}
.rowComplexImg {
    width:150px;
    height: 150px;
    cursor: pointer;
}
.rowComplexLeft {
    float: left;
    margin-left: 20px;
}
.rowComplexCenter {
    float: left;
    margin-left: 50px;
}
.rowComplexTitle {
    font-size: 14pt;
    font-family:"Roboto Condensed", sans-serif;
    font-weight: 600;
    color: #ad0103;
    margin-bottom: 15px;
    max-width: 327px;
}
.rowBodyDescrLine{
    clear: both;
    margin-bottom: 9px;
    height: 10px;
    padding-left: 20px;
}
.rowBodyParamName {
    float: left;
}
.rowBodyParamValue {
    float: left;
    font-weight: 600;
    margin-left: 10px;
}
.rowBodyDetails {
    cursor: pointer;
    /* font-weight: 600; */
    text-decoration: underline;
    font-style: italic;
    /*color: #205151;*/
    font-size: 12pt;
    padding-left: 0px;
    padding-top: 3px;
}
.rowBodyDetails:hover {
    color: #337ab7;
}
.rowComplexRight {
    float: right;
}
.rowComplexPriceWrapper{
    background-color: #00663314;
    padding: 10px;
    margin-bottom: 15px;
    min-height: 105px;
}
.featuresLine {
    width: 220px;
    margin-bottom: 5px;
    height: 12px;
}
.featuresName {
    float: left;
    width: 49%;
    text-align: right;
}
.featuresValue {
    float: left;
    padding-left: 10px;
    font-weight: 600;
    color: brown;
}

.featuresValue span{
    font-weight: 300;
    color: black;
}
/************************************************/
.abcCTA {
    margin-left: 60px;
}
/******************************************/
.actionSaveBtn54, .actionOrderBtn54, .actionCallBtn54 {
    float: left;
    width: 70px;
    height: 70px;
    border: 2px solid darkslategray ;
    border-radius: 8px;
    margin-left: 30px;
    cursor: pointer;
}
.actionSaveBtn18, .actionOrderBtn18, .actionCallBtn18 {
    float: left;
    width: 24px;
    height: 24px;
    border: 1px solid darkslategray ;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
}
.actionSaveBtn54 {
    background: url(../images/favorites_spline_54.svg) no-repeat 6px 6px;
}
.actionOrderBtn54 {
    background: url(../images/order_spline_54.svg) no-repeat 6px 6px;
}
.actionCallBtn54 {
    background: url(../images/phone_spline_54.svg) no-repeat 6px 6px;
}

.actionSaveBtn54:hover , .actionOrderBtn54:hover, .actionCallBtn54:hover {
    background-position-x: -93px;
}

.actionSaveBtn18 {
    background: url(../images/favorites_spline_18.svg) no-repeat 2px 2px;
}
.actionOrderBtn18 {
    background: url(../images/order_spline_18.svg) no-repeat 2px 2px;
}
.actionCallBtn18 {
    background: url(../images/phone_spline_18.svg) no-repeat 2px 2px;
}

.actionSaveBtn18:hover , .actionOrderBtn18:hover, .actionCallBtn18:hover {
    background-position-x: -30px;
}


/*************** simplemodal **************************/

#simplemodal-overlay {
    background-color:#000;
}

#simplemodal-container {
    height:572px; width:832px;
    background-color:white;
    padding:5px;
}

#simplemodal-container a.modalCloseImg {
    background:url(../images/gtk-close.png) no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:12px;;
    right:20px;
    cursor:pointer;
}

#abcModalFlat {
    display: none;
}

.leftFlatColumnAbcModal {
    /*width: 50%;*/
    float: left;
    padding-left: 20px;
}
.rightFlatColumnAbcModal {
    /*width: 50%;*/
    float: left;
    padding-left: 30px;
}
.centerFlatSubcolumnAbcModal {
    float: left;
    max-width: 180px;
}

#abcModalFlatImgWrapper {
    width: 400px;
    height: 400px;
}

#abcModalFlatTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 26px;
    padding-top: 20px;
    margin-bottom: 15px;
    color: rgba(102, 51, 51, 1.0);
}

#abcModalFlatAddress{
    font-size: 11pt;
    font-weight: 600;
    /*margin-left: 20px;*/
    margin-bottom: 10px;
}

#abcModalFlatFloor {
    font-size: 11pt;
    /*margin-left: 20px;*/
    margin-bottom: 10px;
}
#abcModalFlatFloor span{
    font-weight: 600;
}

#abcModalFlatObjectId {
    font-style: italic;
}

#abcModalFlatPrice {
    font-family: "Roboto Condensed", sans-serif;
    padding-right: 45px;
    font-size: 36px;
    padding-top: 20px;
    margin-bottom: 5px;
    color: rgba(102, 51, 51, 1.0);
    text-align: right;
}
#abcModalFlatPrice span{
    font-weight: 600;
}
#abcModalFlatPricePerMeter {
    font-family: "Roboto Condensed", sans-serif;
    padding-right: 45px;
    font-size: 22px;
    margin-bottom: 10px;
    text-align: right;
}
#abcModalFlatPricePerMeter span {
    font-weight: 600;
}
#abcModalFlatSquare {
    font-family: "Roboto Condensed", sans-serif;
    padding-right: 45px;
    font-size: 32px;
    font-size: 32px;
    margin-bottom: 15px;
    text-align: right;
    color: #006633;
}
#abcModalFlatSquare span {
    font-weight: 600;
}
.itemHide {
    display: none;
}

.abcModalFlatItem {
    margin-bottom: 5px;
    font-size: 12pt;
}
.abcModalFlatItem span {
    font-weight: 600;
}

#abcCTAModal {
    /*width: 80%;*/
    text-align: center;
    margin: auto;
}
#abcModalFlatCTA {
    float: left;
    text-align: center;
    margin-left: 30px;
    margin-bottom: 35px;
}

/**********************/

#abcFlat_formCTA {
    padding: 10px;
    width: 200px;
    background-color: #d3ebff;
    border-radius: 6px;

}
#abcFlat_formCTA img {
    margin: 10px;
    height: 150px;
}

.abcFlat_sloganImg {
    width: 48px;
    height: 48px;
    background: url(../images/info_gray.png) no-repeat 0 0;
    float: left;
}
.abcFlat_slogan {
    float: left;
    font-weight: 600;
    text-align: center;
    width: 130px;
    padding-top: 4px;
}

.abcFlat_agentPhone {
    margin-top: 5px;
    background: url(../images/phone_telephone_call.png) no-repeat 15px -8px;
    padding-left: 50px;
    padding-top: 3px;
    font-weight: 600;
    font-size: 10pt;
    margin-bottom: 5px;
    height: 20px;
}

.abcFlat_invite {
    text-align: center;
    margin: auto;
    margin-top:10px;
    margin-bottom: 10px;
}

.abcFlat_inputForm {
    height: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.abcFlat_dataSubmit {
    width: 150px;
    text-align: center;
    margin: auto;
    background-color: #f0e9e9;
    color: #333333;
    padding: 6px;
    border-radius: 10px;
    font-weight: 600;
    border: 1px solid darkseagreen;
}

.abcFlat_dataSubmit:hover {
    color: whitesmoke;
    background-color:  brown;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}


/***********************  send request ***************************/
#requestForm, #requestFormModal {
    display: none;
    /*border: 2px solid  #054D24;*/
    padding: 10px;
    /*height: 626px;*/
}

#requestFormModal {
    display: block;
    position: absolute;
    background-color: #f0e9e9;
    width: 480px;
    top: 14%;
    left: 45%;
    box-shadow:  0 0 10px rgba(0,0,0,0.5);
}

#requestPhone, #requestEmail, #requestFIO, #requestPhoneModal, #requestEmailModal, #requestFIOModal {
    float: right;
    height: 35px;
    width: 300px;
}
#requestBody, #requestBodyModal {
    width: 415px;
    height: 100px;
    position: relative;
    top: 14px;
    /*margin-bottom: 20px;*/
}


.requestFormBtn {
    height: 35px;
    margin-right: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11pt;
    margin-left: 20px;
    cursor: pointer;
}

.requestFormBtn:hover {
    color: whitesmoke;
    background-color:  brown;
    transition-delay: 0.15s;
}


.confidenceRequest {
    margin-left: 20px;
    font-size: 9pt;
}

.confidenceText {
    float: left;
    width: 400px;
    margin-bottom: 15px;
    margin-left: 15px;
}

.confidenceText span {
    text-decoration: underline;
    color: #1a297b;
    cursor: pointer;
}

.registrationLine {
    margin-top: 23px;
    margin-left: 30px;
    margin-bottom: 25px;
    margin-right: 25px;
}

.registrationLine label {
    position: relative;
    top: 9px;
    font-weight: 300;
    font-size: 12pt;
}


/* ****************** pagination *********************** */

.paginatorNav {
    /*cursor: pointer;*/
}

#paginationTop , #paginationBottom {
    list-style-type: none;
    text-indent: 0;
    padding-left: 20px;
    clear: both;
}
#paginationTop li , #paginationBottom li {
    display: block;
    float: left;
    text-align: center;
    /* border: 1px solid; */
    height: 40px;
    width: 40px;
    border-radius: 20px;
    margin: 10px;
    margin-left: 0;
    background-color: #cccccc;
    font-size: 14pt;
    cursor: pointer;
}

#paginationTop li a,
#paginationBottom li a,
#paginationTop li span,
#paginationBottom li span {
    text-decoration: none;
    display: table-cell;
    height: 50px;
    width: 50px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    position: relative;
    top: -4px;
}

#paginationTop li a,
#paginationBottom li a {
    color: #505050;
}


#paginationTop li span,
#paginationBottom li span {
    color: white;
}


#paginationTop .paginatorNav ,
#paginationBottom .paginatorNav {
    font-size: 26pt;
}

#paginationTop .paginatorNav a ,
#paginationBottom .paginatorNav a,
#paginationTop .paginatorNav span ,
#paginationBottom .paginatorNav span,
#paginationTop li .paginatorNav  ,
#paginationBottom li .paginatorNav
{
    position: relative;
    top: -7px;
}

#paginationTop {
    /*position: relative;*/
    /*top:20px;*/
}

/***********************/

.rightFieldComplex h1 {
    margin-left: 20px;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 35px;
}