/* This is needed to target iPads in landscape and portrait mode when using PARALLAX BG images  (other non-parallax BG images are fine...) .. parallax on iPhones works without this (it doesn't do parallax effect but it shows the same image as a still, and at the correct scale... , but not iPads .. with iPads, what happens without this code is an ugly extreme zoom in.. this is the only thing that seems to work ... no customisation needed for the individual sections.. just this code in the global CSS..*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .MultipurposeP,
    .parallax-window.Home {
        background-attachment: scroll !important;
        background-size: cover;
        height: 100%;
        overflow: hidden;

    }
}

/*Parallax en ios mobile*/
/*@media (max-width: 745px) {
    .MultipurposeP{
        background-attachment: scroll !important;
    }
}*/
/*Parallax en ios mobile*/
/* This is needed to target iPads in landscape and portrait mode when using PARALLAX BG images  (other non-parallax BG images are fine...) .. parallax on iPhones works without this (it doesn't do parallax effect but it shows the same image as a still, and at the correct scale... , but not iPads .. with iPads, what happens without this code is an ugly extreme zoom in.. this is the only thing that seems to work ... no customisation needed for the individual sections.. just this code in the global CSS..*/

.nomarginbottom {
    margin-bottom: 0px !important;
}

/****************************** Home ******************************/
/***************Slider********************/
.carousel {
    background: rgba(255, 255, 255, 0);
    /* margin-top: 20px; */
    min-height: 522px !important;
}

@media (max-width: 745px) {
    .carousel {
        min-height: 250px !important;
    }
}

.carousel .item {
    min-height: auto;
    /* Prevent carousel from being distorted if for some reason image doesn't load */
}

.carousel .item img {
    margin: 0 auto;
    /* Align slide image horizontally center */
}

.carousel-container {
    /*margin: 20px;*/
}

/***************Slider********************/
.parallax-window,
.parallax-window .bannerslider {
    margin-bottom: 1px;
}

.imagesec1 {
    /*padding-top: 230px;*/
    padding-top: 0px !important;
    /*padding-bottom: 200px;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin-bottom: 1px;*/
    /*min-height: 300px;*/
}

.item .imagesec1 {
    height: 100%;
}

.bannerslider,
.slider1,
.slider2,
.slider3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 900px;
}
.section1-img.Home .bannerslider {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media all and (max-width: 991px) {

    .bannerslider,
    .slider1,
    .slider2,
    .slider3 {
        height: 500px;
    }

    .onlytext .bannerslider {
        height:auto;
    }
    .textButton .bannerslider.aligner.multip {
        height: auto;
    }
    .cpttlcnt .bannerslider {
        /*height:auto;*/
    }
}

.section1-img {
    /*background-size: contain;*/
    background-repeat: round;
    /*    background-size: cover; */
    /*min-height: 300px;*/
}

.imagesec1 .overimgsec1 {
    position: absolute;
    padding: 30px 50px;
    height: 100%;
    width: 100%;
}

.imagesec1 .overimgsec1 h1 {
    /*color: #ffffff;*/
    /*font-size: 36px;*/
    font-weight: 800;
    letter-spacing: -1px;
    line-height: normal;
    margin-bottom: 35px;
    margin-top: 0;
}

.imagesec1 .overimgsec1 h2 {
    /*color: #FFFFFF;*/
    font-weight: 300;
    margin-top: 0px;
    /*font-size: 36px;*/
    line-height: normal;
}

.imagesec2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 0;
}

.imagesec2.Guides {
    background: url(/images/common-images/bgmtabletem6.jpg) repeat scroll top center / contain;
    background-size: 100% 527px;
    margin-bottom: 1px;
}

.imagesec2.Guides .contentguidemovilimg {
    background: url(/images/common-images/bgmtabletem6.jpg) repeat scroll top center / cover;
}

.imagesec2.Guides .contentguidemovilimg-spain {
    background: url(/images/common-images/bgmtabletem6.jpg) repeat scroll top center / cover;
}

.imagesec2.Guides .contentguidemovilimg img {
    margin: 0 auto;
    max-height: 500px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.imagesec2.Guides .contentguidemovilimg-spain img {
    margin: 0 auto;
    max-height: 516px;
    padding-top: 60px;
    padding-bottom: 30px;
}

.imagesec2 .guideselector {
    padding-top: 73px;
    padding-bottom: 73px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #333;
    min-height: 516px;
}

.iti__selected-flag {max-height: 50px !important;}
.modal-high-conversion .iti__selected-flag{max-height: 42px !important;}

@media (min-width: 998px) and (max-width:1200px) {

    .imagesec2.Guides .guidebottons .guidesell,
    .imagesec2.Guides .guidebottons .guidebuy {
        width: 100%;
    }

    .imagesec2.Guides .guidebottons .guidesell {
        margin-bottom: 15px;
    }

    .imagesec2.Guides {
        background-size: 100% 735px;
    }

    .imagesec2 .guideselector {
        height: auto;
    }
}

@media all and (min-width: 1400px) {
    .imagesec2 .guideselector .contentguides {
        margin-right: 0;
    }
}

@media all and (max-width: 998px) {
    .imagesec2.Guides {
        background: url(/images/common-images/bgmtabletem6.jpg) repeat scroll top center / contain;
    }

    .imagesec2.Guides .guidebottons .guidesell {
        margin-bottom: 15px;
    }

    .imagesec2.Guides .guidebottons .guidesell button,
    .imagesec2.Guides .guidebottons .guidebuy button {
        width: 100%;
    }

    .imagesec2 .guideselector .contentguides {
        margin-right: auto;
        padding: 0;
    }

}

.imagesec2 .guideselector .tl {
    font-size: 65px;
    color: #d9bc7a;
    text-transform: uppercase;
}

.imagesec2 .guideselector .tl.firstline {
    font-weight: 800;
    margin-bottom: 0px;
}

.imagesec2 .guideselector .tl.firstline.En {
    font-weight: 300;
    margin-bottom: 0px;
}

.imagesec2 .guideselector .tl.secondline {
    font-weight: 300;
}

.imagesec2 .guideselector .tl.secondline.En {
    font-weight: 800;
}

.imagesec2 .guideselector .sbtl {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
}

.imagesec2 .guideselector .btn-guide {
    transition: all ease-in-out 300ms;
    background-color: #333;
    /*border-color: #d9bc7a;*/
    color: #fff;
}

.imagesec2 .barravertical .diagonal {
    background-color: #333;
}

.imagesec2 .guideselector .btn-guide:hover {
    background-color: #333;
}

.imagesec2 .guideselector .btn-guide:hover {}

.imagesec2 .guideselector h3 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 30px;
}

.imagesec2 .guideselector p {
    margin-bottom: 30px;
    font-size: 20px;
}

.imagesec2 .guideselector .btn {
    /*border: 1px solid #d9bc7a;*/
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 12px 30px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.imagesec2 .guideselector .guidebottons {
    margin-bottom: 20px;
    /*max-width: 587px;*/
}

.downloaditform .form-control {
    border-radius: 0px;
    height: 50px;
}

.downloaditform button {
    border-radius: 0px;
}

@media all and (max-width: 991px) {
    .section1-img {
        min-height: 522px !important;
    }

    .imagesec1 {
        min-height: 522px !important;
    }
}

@media all and (max-width: 767px) {
    .imagesec2 .guideselector .btn-guide.first {
        margin-bottom: 30px;
    }

    .bannerslider,
    .slider1,
    .slider2,
    .slider3 {
        height: 522px;
    }

    .onlytext .bannerslider {
        height:auto;
    }

    .propSearchMP .bannerslider {
        height: 100%;
    }

    .team .bannerslider {
        height: 100%;
    }

    .broker .bannerslider {
        height: 100%;
    }

    .broker .bannerslider {
        height: 100%;
    }

    .imagesec2 {
        background-image: none !important;
    }

    .imagesec2 .guideselector .btn-guide.first {
        margin-bottom: 0px;
        margin-right: 30px;
    }

    .section1-img {
        min-height: 300px;
        background-size: cover;
        min-height: 522px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        height: auto !important;
    }

    .about-text .section1-img {
        min-height: auto !important;
    }

    .imagesec1 {
        min-height: 522px !important;
    }

    .imagesec1.multip.mulltipformused.padlfrh {
        height: 522px !important;
    }

    .colorsecrandom h1 {
        font-size: 18px;
        text-align: center;
    }

    .colorsecrandom p a {
        /*font-size: 16px;*/
        line-height: 1.42857;
        font-size: 18px !important;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit;
    }

    .imagesec2 .guideselector .btn-guide {
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit;
    }

    .imagesec2 .guideselector .btn-guide.first {
        margin-bottom: 30px;
        margin-right: 0px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit;
    }
}

.cont-resp-slider {
    max-width: 80%
}

.About h2 {
    margin-top: 8px !important;
}
.shortVideoCnt .container-fluid.twoColumns.video .row .colimg {
    overflow: visible;
}
.shortVideoCnt .container-fluid.twoColumns.video iframe {
    width: 429px !important;
    height: 763px !important;
    position: static !important;
}

@media all and (max-width: 991px) {
    .MultiFormType .mulltipformused .container {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .MultiFormType .mulltipformused .container .contentform {
        padding-right: 15px;
        padding-left: 15px;
    }

    .MultiFormType .mulltipformused .container .downloaditform {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .MultiFormType .multiporpuseform input,
    .MultiFormType .multiporpuseform button {
        height: 50px;
    }

    .disabout {
        display: block !important;
    }

    .imagesec1.multip.aligner.mulltipformused {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    /*maneterner aspecto-ratio*/
    .multiiframeVim .vimeoIframe,
    .multiiframe .vimeoIframe,
    .multiiframe [title="vimeo-player"] {
        max-height: 545px;
    }

    .multiiframeVim .embed-container,
    .multiiframe .embed-container,
    .embed-container {
        position: relative;
        padding-bottom: 56.25% !important;
        height: 0;
        overflow: hidden;
        left: 0%;
    }

    .multiiframeVim .embed-container iframe,
    .multiiframe .embed-container iframe,
    .embed-container iframe {
        position: absolute;
        top: 0;
        left: 3%;
        width: 94%;
        height: 94%;
    }

    .shortVideoCnt.multiiframe .embed-container,
    .embed-container {
        position: static;
        padding-bottom: 0px !important;
        height: auto;
        overflow: visible;
        left: auto;
    }

    .shortVideoCnt.multiiframe .embed-container iframe,
    .embed-container iframe {
        position: static;
        top: auto;
        left: auto;
        width: 431px;
        height: 763px;
    }

    /*maneterner aspecto-ratio*/
}

/*iframe especifico*/
@media all and (max-width: 600px) {
    .dg_frame.js_kartra_trackable_object {
        max-width: unset !important;
    }

    .dg_frame.js_kartra_trackable_object,
    .dg_frame.js_kartra_trackable_object iframe {
        height: 500px !important;
    }
}

/*iframe especifico*/
@media all and (max-width: 558px) {

    .MultiFormType .bannerslider,
    .MultiFormType .mulltipformused {
        height: auto !important;
    }

    .multiiframe .vimeoIframe,
    .multiiframe [title="vimeo-player"] {
        max-height: 220px;
    }
}

.multiiframe iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.iframetour iframe {
    max-width: 1140px;
    height: 640px;
    box-shadow: 5px 5px 50px 0px;
    width: 100%;
}

.youtube-section iframe {
    /*max-width: 1140px;*/
    /*height: 640px;*/
    box-shadow: 5px 5px 50px 0px;
    width: 100%;
}

@media all and (max-width: 580px) {

    .MultipurposeP .parallaxformused .downloaditform .container-fluid.contacme,
    .MultipurposeP .parallaxformused .downloaditform .container-fluid.contacme .contactmeform {
        padding: 0;
    }

    .MultipurposeP .multiporpuseform button {
        min-width: 100% !important;
    }

    .colorsec3 h1,
    .colorsec4 h1,
    .PropertiesForSale h2.sale-title,
    .PropertiesForRent h2.rent-title,
    .Preconstruction h2.precons-title,
    .BusinessOpportunitties h2.bus-title,
    .FeaturedCommercial h2.featuredcommercial-title,
    .Featured h2.featured-title {
        font-size: 27px !important;
        text-transform: uppercase !important;
    }

    .item .section1-img .slider1 h1,
    .item .section1-img .slider2 h2,
    .item .section1-img .slider3 h2 {
        font-size: 27px !important;
    }

    .item .section1-img .slider1 h3,
    .item .section1-img .slider2 h3,
    .item .section1-img .slider3 h3 {
        font-size: 22.5px !important;
    }

    .item .section1-img .slider1 a button,
    .item .section1-img .slider2 a button,
    .item .section1-img .slider3 a button {
        font-size: 15px !important;
        min-width: 210px;
        width: 100%;
    }

    .gridcontent h2 {
        font-size: 27px !important;
    }

    .Youtube h2 {
        font-size: 24px !important;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit !important;
    }

    .Home .resp-cont {
        max-width: 100%
    }

    .item .cont-resp-slider {
        max-width: 80%;
        width: 80%;
    }

    .cont-resp-slider {
        max-width: 80%
    }

    .Home .text-center h1 {
        font-size: 15px !important;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .Home .text-center h2 {
        font-size: 15px !important;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    /*standart height buttons 50*/
    .threeColumns .maincol .btntxt {
        line-height: 40px !important;
    }

    .MultipurposeP a button,
    .threeColumns .maincol .btntxt {
        height: 50px !important;
    }

    .colorsec3 .buttonmore .btn {
        max-height: 50px;
    }

    .colorsec3 .btn-primary {
        padding: 12px 20px !important;
    }

    .Home .text-center a button,
    .Multipurpose a button {
        font-size: 15px !important;
        min-width: auto;
        margin-top: 0px !important;
        height: 50px !important;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit !important;
    }

    .About h2.about-title {
        font-size: 27px !important;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit;
    }

    .About.realstateagent h2 {
        font-size: 22.5px !important;
    }

    .About h2 {
        /*font-size: 16px !important;*/
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit;
    }

    .About p {
        font-size: 18px !important;
    }

    .imagesec2 .guideselector .btn-guide {
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit;
    }

    .imagesec2 .guideselector .btn-guide.first {
        margin-bottom: 30px;
        margin-right: 0px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit;
    }

    .imagesec2 .guideselector .tl {
        font-size: 45px;
    }
}

.sellerbuyermodal .modal-content .modal-header {
    border-bottom: 0px solid #e5e5e5;
    padding-bottom: 10px;
}

.sellerbuyermodal .modal-content .modal-header .close {
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 10px;
    opacity: 1;
    text-shadow: none;
}

.sellerbuyermodal .modal-content .modal-body {
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    /*font-family:'Quicksand', sans-serif, serif;  Default de modal --- Se borro lo solicitaron en una tarea*/
}

.sellerbuyermodal .modal-content .modal-body h3 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 38px;
    margin-bottom: 20px;
    margin-top: 0px;
}

.colorinfo label {
    color: #ffffff;
    font-weight: 1 !important;
    font-size: 13px;
}

.sellerbuyermodal .modal-content .modal-body p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 0px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0px;
}

.sellerbuyermodal .modal-content .modal-body span {
    color: #ffffff;
}

.sellerbuyermodal .modal-content .modal-body span a {
    text-decoration: underline;
    color: #ffffff;
}

.colorsec3 {
    background-color: #fff;
    /*Se pidio el cambio antes era #333*/
    padding-bottom: 30px;
    padding-top: 30px;
    margin-bottom: 1px;
}

.colorsec3 h1,
.colorsec4 h1,
.PropertiesForSale h2.sale-title,
.PropertiesForRent h2.rent-title,
.Preconstruction h2.precons-title,
.BusinessOpportunitties h2.bus-title {
    color: #333;
    /*Se cambio por que ahora el bg de la seccion es blanco */
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 25px;
    margin-top: 0px;
    /*text-transform: uppercase;*/
}

.colorsec3 h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0px;
}

.colorsec3 .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.colorsec3 .hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    /*background-color: rgba(75,75,75,0.7);*/
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.colorsec3 .hovereffect .overlay i {
    color: #ffffff;
    font-size: 60px;
    opacity: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out 0s;
}

.colorsec3 .hovereffect:hover .overlay i {
    opacity: 1;
}

.colorsec3 .imgtext {
    margin-bottom: 30px;
}

.colorsec3 .imgtext .boxpriceprop {
    /*background-color: #333;*/
    padding: 10px 0px;
}

.colorsec3 .imgtext .boxpriceprop h2.price,
.colorsec3 .imgtext .title .boxpriceprop h2.developmenttitle {
    margin-top: 0;
}

.colorsec3 .imgtext .boxpriceprop h2,
.colorsec3 .imgtext .title .boxpriceprop p.price.preco {
    margin-bottom: 0;
}

.colorsec3 .imgtext .boxpriceprop .price,
.colorsec3 .imgtext .boxpriceprop h2,
.colorsec3 .imgtext .title .boxpriceprop h2.developmenttitle {
    color: #000;
}

.colorsec3 .imgtext .title {
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 0px 0px;
    text-align: center;
    width: 100%;
}

.colorsec3 .imgtext .boxpriceprop h2 {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 0px;
}

.colorsec3 .imagewidth {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*border-radius: 6px;*/
}

.colorsec3 .contour {
    /*    border: 1px solid #999;
        padding: 1px;
        background-color: #FFF;*/
}

.colorsec3 h2 {
    font-size: 14px;
    font-weight: 300;
    /*    line-height: 20px;*/
    margin-bottom: 7px;
    margin-top: 0px;
    color: #444444;
}

.colorsec3 .detailscontainer {
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 300;
}

.colorsec3 .detailscontainer.detailscentered {
    /*display: flex;*/
    /*justify-content: center;*/
}

.colorsec3 .details {
    width: 33.33%;
    float: left;
    min-height: 42px;
}

.colorsec3 .details label {
    font-weight: 300;
}

.colorsec3 .details h6 {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 300;
}

.colorsec3 .details hr {
    margin: 0px;
    padding: 0px;
}

.colorsec3 .btn-primary {
    border-color: transparent !important;
    color: #fff;
    border-radius: 0;
    padding: 20px;
}

.colorsec3 .imgopportunities {
    display: table;
}

.colorsec3 .imgopportunities a {
    display: table-cell;
    vertical-align: middle;
}

/*.colorsec3 .btn-submit {
    background-color: #FFF  !important;    
}*/
.matchheight1.laimagen img {
    max-height: 260px;
    height: 260px;
}

@media all and (max-width: 768px) {
    .matchheight1.laimagen img {
        max-height: none;
    }

    .matchheight1 h3.price {
        margin-bottom: 0px;
    }
}


.centered {
    font-size: 14px;
    text-align: center;
}

.centered>div {
    display: inline-block;
    float: none;
    vertical-align: top;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 0px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.agentpayvideo .modal-content .modal-header {
    border-bottom: 0px solid #e5e5e5;
    padding-bottom: 0px;
}

.agentpayvideo .modal-content .modal-header .close {
    color: #B0252B;
    font-size: 30px;
    font-weight: 400;
    line-height: 10px;
    opacity: 1;
    text-shadow: none;
}

.agentpayvideo .modal-content .modal-body {
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

.agentpayvideo .modal-content .modal-body h3 {
    color: #B0252B;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 20px;
    margin-top: 0px;
}

.agentpayvideo .modal-content .modal-body p {
    color: #B0252B;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0px;
}

.agentpayvideo .modal-content .modal-body span {
    color: #B0252B;
}

.agentpayvideo .modal-content .modal-body span a {
    text-decoration: underline;
    color: #ffffff;
}

.agentpayvideo .modal-content .modal-body .btn-gray {
    color: #B0252B;
    background-color: #444444;
    width: 100%;
}

.agentpayvideo .modal-content {
    background-color: #ffffff;
}


/*@media all and (min-width: 768px) {
.colorsec3 .imgtext .title p {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
}
}*/
.colorsec3 .buttonmore {
    text-align: center;
}

.colorsec3 .buttonmore .btn {
    border-style: none;
    color: #fff;
    text-transform: capitalize;
}

.Home a button,
.slider1 a button,
.slider2 a button,
.slider3 a button {
    white-space: nowrap;
    text-transform: none;
    color: #444;
    width: auto;
    min-width: 330px;
    min-height: 45px;
    height: auto;
    background-color: #fff;
    border-radius: unset;
}

.Multipurpose a button ,
.Multipurpose button.multimodalbut {
    white-space: nowrap;
    text-transform: none;
    color: #444;
    width: auto;
    width: 400px;
    min-height: 50px;
    height: auto;
    background-color: #fff;
    border-radius: unset;
}

.colorsec3 .buttonmore .btn-more {
    color: #444;
    width: 31.5%;
    height: 66px;
    background-color: #d1b676;
    border-radius: unset;
    font-size: 20px;
}

.colorsec4 {
    padding-bottom: 40px;
    padding-top: 30px;
    margin-bottom: 3px;
}

.colorsec4 h3 {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 30px;
    margin-top: 0px;
    text-transform: uppercase;
    color: #FFF;
}

.colorsec4 h3.developmenttitle {
    font-size: 18px;
    margin-bottom: 0px;
}

.colorsec4 p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0;
}

.colorsec4 .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background-color: #444444;
}

.colorsec4 .hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    /*background-color: rgba(75,75,75,0.7);*/
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.colorsec4 .hovereffect .overlay i {
    color: #ffffff;
    font-size: 60px;
    opacity: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out 0s;
}

.colorsec3.newversion .hovereffect .overlay span,
.colorsec3 .hovereffect .overlay span,
.colorsec4 .hovereffect .overlay span,
.colorsecrandom .hovereffect .overlay span {
    color: #fff;
    border: 1px solid;
    border-radius: 150px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 100px;
    font-weight: bold;
    opacity: 0;
    position: relative;
    top: 80%;
    border: 1px solid;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out 0s;
    font-family: Arial, Helvetica, sans-serif;
}

.colorsec3 .hovereffect:hover .overlay i,
.colorsec3 .hovereffect:hover .overlay span,
.colorsec4 .hovereffect:hover .overlay span,
.colorsecrandom .hovereffect:hover .overlay span {
    opacity: 1;
}

.colorsec4 .imgtext {
    margin-bottom: 30px;
}

.colorsec4 .imgtext .titleprec {
    text-align: center;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.colorsec4 .imgtext .titleprec p.titleprecp {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 300;
}

.colorsec4 .imagewidth {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media all and (min-width: 768px) {
    .colorsec4 .imgtext .titleprec p.titleprecp {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}

.colorsec4 .imgtext .title {
    display: inline-block;
    padding: 10px 0px 0px;
    text-align: center;
    width: 100%;
    color: #444444;
}

/*.colorsec4 .imgtext .title p {
        margin-bottom: 0px;
}*/

@media all and (min-width: 768px) {
    .colorsec4 .imgtext .title p {
        /*position: relative;
        top: 50%;
        transform: translateY(-50%);*/
    }
}

.colorsec4 .seemoretlink {
    text-align: center;
}

.colorsec4 .seemoretlink a {
    color: #444444;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 600;
}

.colorsec4 .buttonmore {
    text-align: center;
}

.colorsec4 .buttonmore .btn {
    border-style: none;
    text-transform: uppercase;
}

.colorsec4 .buttonmore .btn-more {
    background-color: #FFFFFF;
    width: 350px;
    height: 50px;
}

.colorsec5 {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 3px;
}

.colorsec5 .disabout {
    border-radius: 6px 6px 0 0;
}

.colorsec5 .userimg {
    display: inline-block;
    float: none;
    width: 100%;
}

.colorsec5 .userimg img {
    width: 100%;
}

.colorsec5 .username {
    display: inline-block;
    position: relative;
    width: 100%;
    color: #fff;
    border-bottom: none !important;
}

.colorsec5 .username h1,
.colorsec5 .username h2.about-title {
    margin: 0;
    border-bottom: none !important;
}

.colorsec5 .infotextsection {
    /*background-color: #333*/
}

.colorsec5 .username p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
}

.colorsec5 .realstateagent {
    color: #fff;
}

/*.colorsec5 .shortbrochure{
    color: #fff;
}*/
.colorsec5 .colorsocial {
    padding-bottom: 15px;
}

/*@media all and (max-width: 991px) {
.colorsec5 .userimg {
        float: none;
        width: 100%;
}
.colorsec5 .username {
        float: none;
        height: auto;
        width: 100%;
}
.colorsec5 .username p {
        padding-left: 0;
        text-align: center;
        top: auto;
        transform: none;
}
}*/



.colorsec5 .shortbrochure {
    clear: both;
    margin-top: 30px;
    margin-bottom: 30px;
    /*display: inline-table;*/
    font-size: 16px;
    font-weight: 400;
}

.colorsec5 .colorsocial a {
    margin-right: 20px;
}

.colorsec5 .colorsocial a i {
    font-size: 30px;
}

.colorsec5 #mymap {
    width: 100%;
    height: 355px;
}

.colorsec5 .contentinfor {
    min-height: 105px;
    background-color: #333;
}

.colorsec5 .realtorinfo {
    padding: 25px;
    min-height: 105px;
}

.colorsec5 .realtorinfo.left {}

.colorsec5 .realtorinfo.right {
    background-color: #d1b676;
}

.colorsec5 .realtorinfo .rititle {
    font-weight: 700;
}

.colorsec5 .realtorinfo .riinfo {
    font-weight: 300;
}

.colorsec5 .realtorinfo .realcontent {
    font-weight: 300;
    font-size: 16px;
}

.colorsec5 .realtorinfo .rititle,
.colorsec5 .realtorinfo .riinfo {
    font-size: 16px;
}

.colorsec5 .realtorinfo.left .riinfo,
.colorsec5 .realtorinfo.left .rititle {
    color: #fff;
}

.colorsec5 .realtorinfo.right .riinfo,
.colorsec5 .realtorinfo.right .rititle {
    /*color: #000;*/
}

label.error {
    color: #FF0000;
}
.iti__flag-box, .iti__country-name{
    color: #000 !important;
}
#theresponse {
    color: #FFF;
    text-align: center;
}

.input_select_phone {
    color: #000;
}

.btn {
    white-space: normal;
}


@media all and (max-width: 767px) {
    .row {
        margin-left: 0;
        margin-right: 0;
        /*		overflow-x:hidden;*/
    }

    .colorsec5 .infotextsection {
        text-align: center;
    }

    .imagesec1 {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .imagesec1 .overimgsec1 {
        padding: 20px;
        padding-top: 100px;
        min-height: 522px !important;
    }

    .imagesec1 .overimgsec1 h1 {
        font-size: 18px !important;
        margin-bottom: 0 !important;
        line-height: normal !important;
        letter-spacing: normal !important;
        text-align: center !important;
        word-spacing: normal !important;
    }

    .imagesec1 .overimgsec1 h2 {
        font-size: 18px !important;
        line-height: normal !important;
        margin-bottom: 0 !important;
        letter-spacing: normal !important;
        text-align: center !important;
        word-spacing: normal !important;
        /*font-weight: normal !important; le quitaba el weight asignado dinamicamente se pidio en esta tarea https://app.clickup.com/t/35z49gg*/
    }

    .imagesec2 {
        padding: 0;
    }

    .imagesec2 .container {
        padding: 0;
    }

    .imagesec2 .container .row>div {
        padding: 0;
    }

    .imagesec2 .guideselector {
        padding: 15px;
    }

    .imagesec2 .guideselector h3 {
        font-size: 18px !important;
        line-height: normal;
        margin-bottom: 0;
        margin-top: 0;
    }

    .imagesec2 .guideselector p {
        font-size: 16px !important;
        margin-bottom: 10px;
    }

    /*.imagesec2 .guideselector .btn-guide.first {
      margin-bottom: 15px;
    }*/
    .colorsec3 {
        padding: 0px;
    }

    .colorsec3.Contacme {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .colorsec3 .container .row .centered>div {
        /*padding: 0px;*/
        /*margin-bottom: 0px !important;*/
    }

    .colorsec3 h3 {
        font-size: 18px;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .colorsec3.Youtube .container {
        padding-top: 0px;
    }

    .colorsec3 .container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 25px;
    }

    .colorsec3 .container.contacme {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }

    .colorsec3 .buttonmore {
        /*padding-bottom: 25px;*/
        padding-bottom: 25px;
        padding-top: 25px;
        margin-top: 0px !important;
    }

    .colorsec3 .buttonmore.youtube {
        /*padding-bottom: 25px;*/
        padding-bottom: 0px;
        padding-top: 25px;
        margin-top: 0px !important;
    }

    button#you {
        font-family: inherit !important;
    }

    .Multipurpose a button.btnsmscreen {
        min-width: 330px;
    }

    .colorsec3 .buttonmore .btn,
    .Home a button,
    .Multipurpose a button {
        font-size: 15px;
        line-height: normal;
        padding: 10px 0px;
        width: calc(100% - 5px);
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit !important;
    }

    .colorsec3 p {
        font-size: 16px;
        letter-spacing: normal;
        line-height: normal;
    }

    .colorsec4 {
        padding: 0px;
        margin-top: 3px;
    }

    .colorsec4 .container .row .centered>div {
        padding: 0px;
        margin-bottom: 0px !important;
    }

    .colorsec4 h3 {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .colorsec4 h3.price {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .colorsec4 .container {
        padding-left: 0;
        padding-right: 0;
    }

    .colorsec4 .buttonmore {
        padding-bottom: 25px;
        /*padding-top: 25px;*/
    }

    .colorsec4 .buttonmore .btn {
        font-size: 15px;
        line-height: normal;
        padding: 10px 50px;
        width: calc(100% - 10px);
        height: 45px;
    }

    .colorsec5 {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0px;
    }

    .colorsec5 .container {
        padding: 0px;
    }

    .colorsec5 .shortbrochure {
        margin-top: 10px;
    }

    .colorsec5 .colorsocial {
        margin-bottom: 40px;
    }

    /*    .colorsec5 .container .row > div {
            padding-left: 0;
            padding-right: 0;
        }*/
    .colorsec3 .contacme {
        padding-left: 0px;
        padding-right: 0px;
    }

    .colorsec3 .contacme .contactmeform {
        padding-left: 0px;
        padding-right: 0px;
    }

    .colorsec5 .text-center {
        padding-left: 15px;
        padding-right: 15px;
    }

    .colorsec3 .contacme .btn {
        font-size: 15px;
        line-height: normal;
        padding: 10px 50px;
        width: 100%;
        border-radius: 3px !important;
        height: 50px;
    }

    .movilsearch .btn-primary {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 10px);
        font-size: 15px;
    }

    .colorsec3 .imgtext:not(:last-child),
    .colorsec4 .imgtext:not(:last-child) {
        margin-bottom: 15px;
    }

    .colorsec3 .imgtext:last-child {
        margin-bottom: 0px;
    }

    .colorsec4 .imgtext:last-child {
        margin-bottom: 25px;
    }

    .imagesec2 .guideselector {
        margin-bottom: 3px;
    }
}


/* Search */
.formsearch {
    background-color: #d1b676;
    padding-top: 35px;
    padding-bottom: 35px;
    color: #000;
    margin-bottom: 1px;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes1 {
    background-color: #FFFFFF;
    border: 1px solid #414141;
    display: none;
    position: absolute;
    z-index: 1000;
    padding: 5px;
    text-align: left;
    color: #414141;
}

#checkboxes1 label {
    clear: both;
    display: block;
    float: left;
}

#checkboxes2 {
    background-color: #FFFFFF;
    border: 1px solid #414141;
    display: none;
    position: absolute;
    z-index: 1000;
    padding: 5px;
    text-align: left;
    color: #414141;
}

#checkboxes2 label {
    clear: both;
    display: block;
    float: left;
}

#checkboxes3 {
    background-color: #ffffff;
    border: 1px solid #dadada;
    display: block;
    position: relative;
    z-index: 1000;
    padding: 5px;
    text-align: left;
    overflow: hidden;
}

#checkboxes3 label {
    clear: both;
    display: block;
    float: left;
}

.formsearch h3 {
    margin: 0px;
    font-size: 20px;
}

#formsearch .form-control {
    border-radius: 0px !important;
    border-style: none;
    border: solid 1px #000;
    font-size: 12px;
    padding: 6px 4px;
    color: #000000;
    background-color: #ececec;
}

#formsearch label {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0;
}

#formsearch .btn-primary {
    border-radius: 0px;
    border-style: none;
    /*margin-top: 2px;*/
}

#formsearch .form-group {
    float: left;
    margin-right: 7px;
}

#formsearch .form-group.group1 {
    margin-right: 0px;
}

#formsearch.precon .form-group.price {
    width: 19%;
}

#formsearch.precon .form-group.room {
    width: 7%;
}

#formsearch.precon .form-group.price input {
    width: 100% !important;
    box-sizing: border-box !important;
}

/***************New Form Start***************/
#formsearch.propSearchNew .form-group {
    margin-right: 0px;
}

#formsearch.propSearchNew .form-group.room {
    width: 10% !important;
}

#formsearch.propSearchNew .form-group.roomfeat {
    width: 12% !important;
}

#formsearch.propSearchNew .form-group.price {
    width: 12%;
}

#formsearch.propSearchNew .form-group.pricefeat {
    width: 19%;
}

#formsearch.propSearchNew .form-group.buy {
    width: 7%;
}

#formsearch.propSearchNew .form-group input {
    border-radius: 0px !important;
    border: 1px solid #ccc !important;
}

/*#formsearch.propSearchNew .form-group.type select{
    border-left:none !important;
    border-right:none !important;
}*/


#formsearch.propSearchNew .form-group.price input {
    /*    border-left:none !important;
        border-right:none !important;*/
    width: 100% !important;
}

#formsearch.propSearchNew .form-group.pricefeta input {
    border-left: none !important;
    border-right: none !important;
    width: 100% !important;
}

/*#formsearch.propSearchNew .form-group.buy select{
    border-left:none !important;
    border-right:none !important;
    width:100% !important;
}*/

#formsearch.propSearchNew .form-group.room select {
    /*    border-left:none !important;
        border-right:none !important;*/
    width: 100% !important;
}

/*Comentado por Ing. Arnoldo Montero 19-01-2021*/

/*#formsearch.propSearchNew .form-group.roomfeat select{
    border-left:none !important;
    border-right:none !important;
    width:100% !important;
}*/

#formsearch.propSearchNew .form-group select {
    border-radius: 0px !important;
    border: 1px solid #ccc !important;
    font-family: 'Quicksand', sans-serif, serif !important;
}

#formsearch.propSearchNew .form-group.submit .btn-primary {
    height: 34px;
    color: #ccc;
    width: 40px;
    margin-top: 0px !important;
}

/*#formsearch.propSearchNew .form-group .form-control {
    background: #fff;
}*/

#formsearch.propSearchNew .form-group .select-list {
    border: none !important;
}

#formsearch.precon.propSearchNew .form-group.room {
    width: 14% !important;
}

#formsearch.precon.propSearchNew .form-group.price {
    width: 15% !important;
}

#formsearch.propSearchNew .form-group.location {
    width: 26%;
}

#formsearch.propSearchNew .form-group.locationfeat {
    width: 30%;
}

#formsearch.propSearchNew .form-group.location input {
    width: 100% !important;
    box-sizing: border-box !important;
}

#formsearch.propSearchNew .form-group .form-control {
    color: #000;
}

#formsearch.propSearchNew .form-group input.form-control::placeholder {
    color: #000;
    font-weight: lighter;
}

#formsearch .form-group input.form-control::placeholder {
    color: #000;
}

#formsearch .type-property {
    color: #000000;
}

/***************New Form End***************/

#movilformsearch .btn-primary {
    border-style: none;
    margin-top: 5px;
    border-radius: 0px;
}

.externalcheckboxmain {
    margin-top: 18px;
}

.externalcheckbox input[type="checkbox"] {
    float: left;
    margin: 3px 0 0;
}

.externalcheckbox label {
    float: left;
    margin: 0;
}

.movilsearch {
    display: none;
}

.movilsearch i {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: -1px;
    /* font-family: inherit; */
}

.movilsearch span {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: -1px;
    margin-left: 4px;
}


@media (min-width: 768px) and (max-width: 991px) {
    .formsearch {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .movilsearch .btn-primary {
        width: 350px;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
    }

    .section1-img {
        height: 500px;
    }
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #000 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
    opacity: 1 !important;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000 !important;
    opacity: 1 !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000 !important;
}

select {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;

    line-height: 30px !important;

    border: none !important;
}

.divclearall {
    display: none;
}

.divclearall a {
    font-size: 13px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
}

#modalformsearch .divclearall a {
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
    text-decoration: none;
}

#formsearch input[type="radio"] {
    line-height: normal;
    margin: 0;
}

#contactform .form-control,
#contactform {
    border-radius: unset;
}

#contactform .form-control {
    background-color: #333;
    color: #fff;
    border-radius: 0px;
}

#contactform #name,
#contactform #phone,
#contactform #email,
#contactform #phoneb {
    height: 50px;
}

.contactmeform .btn-submit {
    border-radius: unset;
    background-color: #d1b676;
    color: #000;    
    font-size: 20px;
}

#contactform .form-control input#name::placeholder {
    color: #fff;
}

@media all and (max-width: 991px) {
    .desktopsearch {
        display: none;
    }

    .movilsearch {
        display: block;
    }

    #movilformsearch label {
        /*float: left;*/
        margin-bottom: 0;
    }

    #movilformsearch .externalcheckbox input[type="checkbox"] {
        float: left;
    }

    #movilformsearch .externalcheckbox label {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    #movilformsearch .form-control {
        border-radius: 0px;
        width: 100% !important;
    }

    .movilsearch .btn-primary {
        border-radius: 3px;
        border-style: none;
        display: block;
        /*font-size: 22px;*/
        font-weight: 500;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-bottom: 12px;
        padding-top: 12px;
        background-color: #fff;
        color: #444444;
        /*        width: 100%; 
                margin-left: auto;
                margin-right: auto;*/
    }

    .movilsearch .btn-primary:hover {
        background-color: #fff;
        color: #444444;
    }

    .externalcheckboxmain {
        margin-top: 0px;
    }

    .formsearch .container,
    .formsearch .container .row div {
        padding-right: 0px;
        padding-left: 0px;
    }

    .form-inline .form-group {
        display: block;
        margin-bottom: 15px;
        vertical-align: middle;
    }

    /*#modalformsearch .modal-content {
      max-height: 400px;
      overflow: scroll;
    }*/


}

.select-list {
    position: relative;
    border: solid 1px #000;
}

.select-list select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    width: 100% !important;
    min-width: 50px;
    line-height: 14px !important;
}

.select-list select::-ms-expand {
    display: none;
}

.select-list.options select {
    min-width: 170px;
}

.select-list::after {
    bottom: 0;
    color: #555;
    content: "â–¼";
    font-size: 60%;
    line-height: 30px;
    padding: 2px 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}


.colorsec4 p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 7px;
    margin-top: 0px;
    color: #444444;
}

#porpuse .parallax-window.multip.widget div {
    max-width: 100%;
}

@media all and (min-width: 992px) {
    .section1-img {
        height: 750px;
        /*        margin-bottom: 3px;*/
        clear: both;
        overflow: hidden;
    }

    .parallax-window,
    .parallax-window .bannerslider {
        height: 750px;
    }

    .parallax-window.multip,
    .parallax-window .bannerslider.multip {
        height: 630px;
    }

    .onlytext .parallax-window .bannerslider.multip {        
        height: auto;
    }


    .textButton .bannerslider.aligner.multip {
        min-height:630px;
        height: auto;
    }  
       
    .parallax-window .cpttlcnt .bannerslider.multip {
        min-height:630px;
        height:auto;
        padding-top:20px;
        padding-bottom:20px;
    }

    .propSearchMP .parallax-window .bannerslider.multip {
        height: 100%;
    }

    .MultipurposeP.about-text .parallax-window.multip {
        height: auto;
    }

    .parallax-window .container-fluid.imagesec1 {
        height: 100%;
    }
}

.container-fluid.about-text.imagesec1.aligner {
    max-width: 1170px;
}

@media (max-width: 991px) {
    .about-text.imagesec1 {
        min-height: auto !important;
        width: auto;
        padding: 0px 20px !important;
    }
}

#carouselSection1.over-image-movil,
.parallax-window.over-image-movil {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.modal-header {
    background: #444444;
    color: #ffffff;
}

.btn.active,
.btn:active {
    box-shadow: inset 0 17px 16px rgba(0, 0, 0, .125) !important;
}

@media all and (max-width: 992px) {

    iframe,
    .iframetour iframe {
        width: 100%;
    }
}

@media all and (max-width: 768px) {
    .matchheight1.laimagen img.img-responsive {
        height: 300px;
    }
}

@media all and (max-width: 580px) {

    /*esto es para el usuario 3588 que usa un widget especifico*/
    .multiiframe .integrationThrid iframe#casafari-iframe {
        height: 500px !important;
    }

    /*esto es para el usuario 3588 que usa un widget especifico*/
    /* .mppYoutubeVideo .embed-container iframe.iframeYoutube,
    .vimeoContainer .embed-container iframe.MPvimeoIframe{
        height: 217px !important;
    }
    iframe,
    .iframetour iframe {
        height: 195px !important;
    } */

    .container-fluid.twoColumns.Widget iframe {
        height: 630px !important;
    }

    .container-fluid.multiiframe .integrationThrid iframe {
        
    }

    .container-fluid.multiiframe.shortVideoCnt iframe {
        height: 638px !important;
    }

    /*maneterner aspecto-ratio*/
    .multiiframeVim .embed-container,
    .multiiframe .embed-container,
    .embed-container {
        position: relative;
        padding-bottom: 56.25% !important;
        height: 0;
        overflow: visible;
        left: 0%;
    }

    .mppYoutubeVideo .embed-container iframe.iframeYoutube {
        height: 100%;
    }
    .multiiframeVim .embed-container iframe,
    .multiiframe .embed-container iframe,
    .embed-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 94%;
        box-shadow: none !important;
    }

    .multiiframe .mppYoutubeVideo {
        padding-left: 0px;
        padding-right: 0px;
    }


    .shortVideoCnt.multiiframe .embed-container,
    .embed-container {
        position: static;
        padding-bottom: 0px !important;
        height: auto;
        overflow: visible;
        left: auto;
    }

    .shortVideoCnt.multiiframe .embed-container iframe,
    .embed-container iframe {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin: auto;
        width: 100% !important;
        height: 638px;
        box-shadow: none !important;
        /* max-width: 431px !important; */
        max-height: 763px;
    }


    /*maneterner aspecto-ratio*/
}

.Properties_Search p {
    margin: 0px;
}

.Properties_Search h2 {
    margin: 0px;
}

.Contacme h2 {
    margin-top: 0px;
}

.colorsecrandom {
    padding: 0px;
}

.colorsecrandom .title h2 a {
    color: #333;
}

.colorsecrandom .title,
.colorsecrandom .content {
    text-align: center;
}

.colorsecrandom {
    margin-bottom: 1px;
}

.colorsecrandom h1 {
    color: #000;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 25px;
    margin-top: 25px;
    text-transform: uppercase;
    text-align: center;
}

.colorsecrandom .hovereffect {
    cursor: default;
    float: left;
    height: 100%;
    margin-bottom: 20px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.colorsecrandom .imagewidth {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.colorsecrandom .hovereffect .overlay {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}

.colorsecrandom .hovereffect .overlay i {
    color: #ffffff;
    font-size: 60px;
    opacity: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out 0s;
}

.colorsecrandom .hovereffect:hover .overlay i {
    opacity: 1;
}

.colorsecrandom .hovereffect:hover .overlay {
    background-color: rgba(68, 68, 68, 0.7);
}

.colorsecrandom .imgtext .title h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
}

.modal-open .modal {
    z-index: 99999999999;
}

.ssk-sticky {
    z-index: 12 !important;
}

/**/
.Multipurpose img {
    max-width: 758px;
    height: 408px;
    margin: 0 auto;
}

.Multipurpose .purposeimg {}

.Multipurpose .buttonmore {
    /*padding-top: 40px;*/

}

@media all and (max-width: 768px) {
    .Multipurpose img {
        width: 100%;

    }
}

@media all and (max-width: 580px) {
    .Multipurpose img {
        height: 210px;
    }
}

/**/
@media (max-width: 991px) {

    .Home h1,
    .Home .text-center h1,
    .item .slider1 h1,
    .item .slider2 h1,
    .item .slider2 h2,
    .item .slider3 h1,
    .item .slider3 h2,
    .MultipurposeP h1,
    .MultipurposeP h2 {
        font-size: 27px !important;
        margin-bottom: 0px;
        margin-top: 5px;
        font-weight: 300;
        letter-spacing: -1px;
        /*font-family: 'ABeeZee' !important;*/
    }

    .MultipurposeP.vimeoContainer h2 {
        margin-bottom: 10px;

    }

    .MultipurposeP h2.sndTitle,
    .colorsecrandom .imgtext .title h2 {
        font-size: 22.5px !important;
    }

    .MultipurposeP p span {
        font-size: 18px !important;
    }

    .Articles h2.articles-title,
    .Contacme h2.contacme-title {
        font-size: 27px !important;
    }

    .Home h2,
    .Home .text-center h2,
    .item .slider1 h3,
    .item .slider2 h3,
    .item .slider3 h3 {
        font-size: 27px !important;
        margin-bottom: 0px;
        margin-top: 5px;
        font-weight: 300;
        letter-spacing: -1px;
        /*font-family: 'Oswald' !important;*/
    }

    .articles-of-interest {
        font-size: 16px !important;
    }

    .articles-of-interest h4,
    .contacme h1,
    .Contacme h2.contacme-title {
        /*        font-size: 18px !important;
                text-transform: uppercase;*/
        font-weight: 300;
        letter-spacing: -1px;
        font-family: inherit;
    }

    #contactform ::placeholder {
        font-size: 18px !important;
        /*text-transform: uppercase;*/
        font-weight: 300;
        letter-spacing: -1px;
        /*font-family: inherit !important;*/
    }

}

.Contacme h1,
.Contacme h2.contacme-title {
    margin-top: 15px;
    margin-bottom: 20px;
}

/*propertiescollection new section*/
.propertiescollection {
    padding-left: 1px;
    padding-right: 1px;
}

.propertiescollection .overlaycollection {
    height: 20%;
    font-size: 20px;
    color: #fff;
    padding: 18px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(68, 68, 68, 0.7);
}

.propertiescollection .imagecollection img {
    min-height: 300px;
}

.propertiescollection .overlaycollection i {
    float: right;
}

.Articles h2.articles-title {
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center;
}

.Featured h2.featured-title {
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 25px;
    margin-top: 0px;
    font-size: 24px;
}

.FeaturedResidentialRent h2.featured-title {
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 25px;
    margin-top: 0px;
    font-size: 24px;
}

.FeaturedCommercial h2.featuredcommercial-title {
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 25px;
    margin-top: 0px;
    font-size: 24px;
}

.FeaturedCommercialRent h2.featuredcommercial-title {
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
    margin-bottom: 25px;
    margin-top: 0px;
    font-size: 24px;
}

.Contacme h2.contacme-title {
    margin-top: 15px;
    margin-bottom: 20px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 38px;
}

.ui-autocomplete {
    z-index: 100;
}

@media (min-width: 1200px) {
    #formsearch.propSearchNew .form-group.location {
        width: 30%;
    }

    #formsearch.propSearchNew .form-group.locationfeat {
        width: 33%;
    }

    #formsearch.precon.propSearchNew .form-group.location {
        width: 38% !important;
    }
}

@media (max-width: 1200px) {
    #formsearch.precon.propSearchNew .form-group.location {
        width: 37% !important;
    }
}

.colorsec3 .imgtext .boxpriceprop h2.price {
    margin-top: 0;
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
}

.colorsec3 .imgtext .boxpriceprop p.price {
    font-size: 30px !important;
}


/**Grid start**/
.gridcontent {
    margin: 0px 0px;
    overflow: hidden;
}

.gridcontent .row.towItems {
    max-width: 1140px !important;
}

.gridcontent .row.fourItems {
    max-width: 1140px !important;
}

.gridcontent .item {
    position: relative;
    padding: 0px;
    z-index: 0;
    margin: 5px;
    width: 32.1%;
}

.gridcontent .row.towItems .item {
    width: 100%;
    max-width: 560px;
}

.gridcontent .row.fourItems .item {
    width: 100%;
    max-width: 275px;
}

.gridcontent .item span.ttl {
    text-align: center;
    position: absolute;
    display: block;
    color: #fff;
    z-index: 10;
    top: 45%;
    left: 50%;
    margin-left: -192px;
    width: 380px;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    z-index: 12;
}

.gridcontent .item a.shadow {
    display: none;
}

.gridcontent .item .btntxt {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.gridcontent .item .btntxt i {
    color: #ffffff;
    font-size: 60px;
    opacity: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out 0s;
}

.gridcontent .item:hover .btntxt {
    background-color: rgba(68, 68, 68, 0.7);
}

.gridcontent .item:hover .btntxt i {
    opacity: 1;
}

.gridcontent .nohoveritem.item:hover .btntxt {
    background-color: transparent !important;
}

.gridcontent .nohoveritem.item:hover .btntxt i {
    opacity: 0 !important;
}

.gridcontent .item a.shadow {
    display: block;
    background: #000;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 11;
}


.gridcontent .item:hover a.shadow {
    display: block;
    background: url(/images/common-images/grid_bg.png);
    opacity: 0.8;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 15;
    transition: 0.2s;
}

.gridcontent .item img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    float: none;
    width: auto;
    display: block;
}

@media all and (max-width: 1249px) {
    .gridcontent .row.towItems {
        width: 100% !important;
        max-width: 600px !important;
    }
    .gridcontent .row.fourItems {
        width: 100% !important;
        max-width: 600px !important;
    }
    .gridcontent .row.fourItems .item {
        width: 100%;        
    }
}

@media all and (max-width: 991px) {
    .gridcontent .row {
        overflow-x: visible;
    }

    .gridcontent .item {
        position: relative;
        float: left;
        overflow: hidden;
        width: 32.1%;
    }

    .gridcontent .item span.ttl {
        text-align: center;
        position: absolute;
        display: block;
        color: #fff;
        z-index: 17;
        top: 45%;
        left: 50%;
        margin-left: -192px;
        width: 380px;
        font-size: 40px;
        line-height: 40px;
        text-transform: uppercase;
    }

    /*.gridcontent .item .btntxt {
        display:none;
    }*/

    /*.gridcontent .item:hover .btntxt {
        display:block;
        text-align: center;
        position: absolute;
        display:block;
        color: #fff;
        z-index: 10;
        top: 34%;
        left: 50%;
        margin-left: -220px;
        width: 440px;
        font-size: 40px;    
    }*/

    .gridcontent .item:hover a.shadow {
        display: block;
        background: #000;
        opacity: 0.8;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 18;
    }

}

@media all and (max-width: 900px) {
    .gridcontent .item {
        position: relative;
        float: left;
        overflow: hidden;
        width: 48.1%;
    }

    .gridcontent .item span.ttl {
        top: 44%;
    }

    .gridcontent .row.towItems {
        width: 100% !important;
        max-width: 600px !important;
    }
    .gridcontent .row.fourItems {
        width: 100% !important;
        max-width: 600px !important;
    }
    .gridcontent .row.fourItems .item {
        width: 100%;
        max-width: 560px;
    }    

}

@media all and (max-width: 600px) {
    .gridcontent .item {
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: 400px;
        margin: 0px auto 10px auto;
        float: none;
    }

    .gridcontent .item span.ttl {
        top: 43%;
    }

    .gridcontent .row.towItems {
        width: 100% !important;
    }
    .gridcontent .row.fourItems {
        width: 100% !important;
    }    
    .gridcontent .row.fourItems .item {
        width: 100%;
        max-width: 560px;
    }    

}

/**Grid end**/

/** Property search Multipurpose start**/
.downloaditform.psrch {
    width: 100%;
}

.padlfrh {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.ps h2, .ps h1 {
    text-align: left;
}

.ps .btn-group {
    float: left;
}

.ps .form-group {
    float: left;
    width: 100%;
}

.ps .form-group .form-control {
    border-radius: 0px;
    height: 45px;
    border: none;
}

.form-group.ps-btns {
    margin-bottom: 0px;
}

.ps button {
    float: left;
    height: 34px;
    color: #ffffff !important;
}

.ps button i {
    top: 0px !important;
}

@media all and (max-width: 767px) {

    .ps h2 {
        text-align: left;
        font-size: 27px !important;
        font-weight: lighter !important;
    }

    .downloaditform.psrch .contacme {
        padding: 0px !important;
    }

    .downloaditform.psrch .contactmeform {
        padding: 0px !important;
    }
}

@media all and (max-width: 381px) {

    .downloaditform.psrch {
        padding: 15px !important;
        width: 100%;
    }
}

/** Property search Multipurpose end**/

.homeval #HomeValueAddress {
    border-radius: 0px;
}

.homeval button {
    border-radius: 0px;
}


.container-fluid.twoColumns {
    overflow: hidden;
    position: relative;
    min-height: 630px;
}

.container-fluid.twoColumns .row {
    /*min-height:600px;*/
    padding: 0px 0px;
    max-width: 1200px;/*se solicito esto para que el video mida 600px*/
    margin: 0px auto;
}

.container-fluid.twoColumns.Widget .row {
    min-height: 630px;
    padding: 0px 0px;
    max-width: 1170px;
    margin: 0px auto;
}

.container-fluid.twoColumns .coltext {
    word-break: break-word;
}

.container-fluid.twoColumns .coltext div {
    width: 100%;
}

.container-fluid.twoColumns .coltext.left {
    padding-left: 0px;
    padding-bottom: 20px;
    padding-top: 20px      
}

.container-fluid.twoColumns .coltext.right {
    padding-right: 0px;
    padding-bottom: 20px;
    padding-top: 20px    
}

.container-fluid.twoColumns .row .colimg.twoColImag {
    padding: 15px 0px 15px 0px;
    text-align: center;
    /*Estilos agregado porq cuando suben imagen pequena y no hay tanto ccontenido se ve mal*/
    min-height: 630px;
    align-items: center;  /* Se estaba pegando la imagen al bottom y no se centraba verticalmente*/
    display: flex;
    justify-content: center;
}

.container-fluid.twoColumns .row .colimg.left.twoColImag {
    padding: 15px 0px 15px 0px;
    text-align: center;
    /*Estilos agregado porq cuando suben imagen pequena y no hay tanto ccontenido se ve mal*/
    min-height: 630px;
    align-items: flex-end;
    display: flex;
    justify-content: center;
}
.container-fluid.twoColumns .row .colimg {
    padding: 15px 0px 15px 0px;
    text-align: center;
}

.container-fluid.twoColumns .row .colimg.left {
    padding: 15px 0px 15px 0px;
    text-align: center;
}

.container-fluid.twoColumns.video .row .colimg {
    position: relative;
    padding: 0 0 28.1% 0;
    height: 0;
    overflow: hidden;
    left: 0%;
}

.container-fluid.twoColumns.video .row .colimg iframe {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.container-fluid.twoColumns .multibutton {
    max-width: 400px !important;
}

@media all and (max-width: 991px) {

    .container-fluid.twoColumns .row {
        display: block;
        min-height: auto;
    }

    .container-fluid.twoColumns .row .coltext {
        padding:40px 0px 0px 0px;
        margin-bottom: 40px;
    }    

    .container-fluid.twoColumns.video .row .first.coltext {
        padding: 0px 0px 30px 0px;
    }
    .container-fluid.twoColumns.video .row .coltext {
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

    .container-fluid.twoColumns .coltext div {
        width: 100%;
    }

    .container-fluid.twoColumns.video .row .colimg {
        padding-bottom: 53.25%;
        /*top:45px;*/
    }

    .container-fluid.twoColumns.video .row .colimg iframe {
        position: absolute;
        left: 3%;
    }

}

@media all and (max-width: 520px) {
    .container-fluid.twoColumns.withText .coltext.left{
        text-align: center;
    }
    .container-fluid.twoColumns.video .row .colimg iframe {
        position: absolute;
        left: 0%;
        height: 100% !important;
    }
    .container-fluid.twoColumns .row .colimg.left.twoColImag, 
    .container-fluid.twoColumns .row .colimg.twoColImag {
        min-height: auto !important; 
    }
    .container-fluid.twoColumns .row .colimg {
        padding: 15px 0px 70px 0px;
        text-align: center;
    }
    .container-fluid.twoColumns {
        height:auto;
        min-height: auto !important;
    }
    .twoColumns.withText.video .row.aligner{
        padding-bottom: 0px !important;
    }
    .twoColumns.video .row.aligner{
        height:auto!important;
        padding-bottom: 20px
    }
}

@media all and (max-width: 430px) {
    .container-fluid.twoColumns .row {
        display: block;
        min-height: auto;
        padding-bottom: 0px;
    }

    /* .container-fluid.twoColumns.video .row {
        padding-bottom: 50px;
    } */

    .container-fluid.twoColumns.video iframe {
        /*height:auto !important;*/
        /*min-height: 260px !important;*/

    }

    .container-fluid.twoColumns.video .row .colimg {
        padding-bottom: 53.25%;
        border: none !important;
        /*top:40px;*/
    }

    .container-fluid.twoColumns.video .row .colimg .MptwoColIframeVimeoCont {
        padding-top: 54.89%!important;
    }
    .container-fluid.twoColumns.video .row .colimg iframe.MPvimeoIframe {
        margin-left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    .container-fluid.twoColumns.video .row .colimg iframe {
        position: absolute;
        left: 50%;
        box-shadow: none !important;
        margin-left: -180px;
        width: 100%;
        height: 100%;
    }

    .container-fluid.twoColumns .multibutton {
        max-width: 100% !important;
        font-size: 15px !important;
        height: 50px !important;
        padding: 5px 8px;
        line-height: 18px;
    }

    .container-fluid.twoColumns.video iframe.vimeo {
        max-width: 360px;
        height: 160px !important;
        min-height: auto !important;
        left: 50% !important;
        width: 100% !important;
    }

    /*Vimeo video*/

    .Multipurpose a button, .Multipurpose button.multimodalbut {
        width: 100%;
    }

    .multiiframeVim .embed-container iframe, .multiiframe .embed-container iframe, .embed-container iframe {
        width: 350px !important;
    }
    
    .multiiframeVim .embed-container iframe, .multiiframe .embed-container iframe, .embed-container iframe.iframeYoutube {
        width:100% !important;
        border:none !important;
        /*height: 185px !important;*/
    }    

    .multiiframeVim .embed-container,
    .multiiframe .embed-container,
    .embed-container {
      border:solid 1px #fff !important;
    }    
}

@media (max-width: 991px) and (min-width: 768px) {
    .section1-img {
        height: auto;
    }
}

@media all and (max-width: 668px) {
    .homeval .downloaditform {
        padding: 30px 0px 30px 0px !important;
        width: 100% !important;
        margin:0px 15px;
    }

    .homeval button {
        min-width: 100% !important;
    }

    .container-fluid.twoColumns .multibutton {
        max-width: 100% !important;
    }
}



.parallax-window.multip.section1-img.txtStrip {
    height: auto !important;
    min-height: 70px !important;
}

/* Multipurpose*/
.txtStrip .bannerslider.aligner.multip {
    height: auto;
    min-height: auto;
}

.txtStrip .bannerslider.aligner.multip h2 {
    margin: 20px 0px !important;
}

.txtStrip .bannerslider.aligner.multip h1 {
    margin: 20px 0px !important;
}

@media (max-width: 991px) {
    .txtStrip .imagesec1 {
        height: auto !important;
        min-height: auto !important;
        padding-bottom: 0px;
    }

    .txtStrip .bannerslider.aligner.multip {
        height: auto !important;
        min-height: 70px;
    }

    .txtStrip .bannerslider.aligner.multip h2 {
        margin: 20px 0px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .txtStrip.section1-img {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .txtStrip.section1-img {
        height: auto !important;
    }
}

/* Conctact Form Multipp start*/
.mppcontact .container-fluid {
    padding: 0px;
}

.contact_mpp {
    max-width: 1170px;
    overflow: hidden;
    margin: 0 auto;
    float: none;
    width: 100%;
}

.contact_mpp #theresponse {
    width: 100%;
}

.MultipurposeP .contact_mpp .form-group .form-control {
    height: 50px;
}

.MultipurposeP .contact_mpp .btn-more {
    height: 50px;
}

.MultipurposeP .contact_mpp .form-group .form-control#message {
    height: 114px;
}

@media (max-width: 991px) {
    .contact_mpp #theresponse {
        width: 750px;
    }
}

/* Conctact Form Multipp end*/

/*Parallax en ios mobile*/
@media (max-width: 745px) {
    .MultipurposeP {
        background-attachment: scroll !important;
    }
}

/*Parallax en ios mobile*/


/*Cambio especifico para un widget de multipurpose*/
@media (max-width: 745px) {
    .hvTVGs {
        white-space: pre-line !important;
        font-size: 55px !important;
    }
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

/*Cambio especifico para un widget de multipurpose*/

@media (max-width: 768px) {
    .guidesecleft {
        margin-bottom: -3px;
    }

    .toper {
        margin-top: -18px;
    }

    .imagesec2 .guideselector {
        min-height: 0px !important;
    }
}
@media (width >= 992px) {
.google {
    text-align: right;
    height: 30px; 
    width: 43px; 
    }
}
@media (width <= 992px) {
    .google { 
        width: 100%;
        padding: 10px; 
        text-transform: uppercase;
    }
}
.list-responsive {
    list-style: none;
    display: inline-flex;
}

.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);

}

.btn-facebook,
.i {
    font-size: 16px;
}

.btn-facebook:focus,
.btn-facebook.focus {
    color: #ffffff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover {
    color: #ffffff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
    color: #ffffff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
    background-image: none;
}

.btn-facebook .badge {
    color: #3b5998;
    background-color: #ffffff;
}

.move label{
    margin-left: -14px;
}
.move2 label{
    margin-left: -88px;
}