/***************************************************************** 
 Responsive
******************************************************************/
#HeaderMobile { font-family: Arial; background-color: white; padding-top: 15px; padding-bottom: 10px; }
    #HeaderMobile .wrapper { padding: 0 15px 0 30px; }

    #HeaderMobile .navigationBar > .wrapper { display: table; width: 100%; }
    #HeaderMobile .fixed-width { display: table-cell; width: 330px; vertical-align: top; }
    #HeaderMobile .fluid { display: table-cell; }

    #HeaderMobile .header-toggle-button { display: inline-block; overflow: visible; margin: 0; padding: 0; background: 0 0; color: inherit; text-decoration: none; font: inherit; line-height: normal; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; width: 24px; vertical-align: middle; margin-top: 7px; margin-right: 15px; border: none; }
    #HeaderMobile .header-toggle-line { background-color: #FF6500; height: 2px; display: block; margin-bottom: 6px; -moz-transition: transform .3s, opacity .3s; -o-transition: transform .3s, opacity .3s; -webkit-transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s; -moz-transform-origin: center left; -ms-transform-origin: center left; -o-transform-origin: center left; -webkit-transform-origin: center left; transform-origin: center left; }

    #HeaderMobile .logo { display: inline-block; }
        #HeaderMobile .logo img { display: inline-block; }

    #HeaderMobile .navigationBar .menu { margin-top: 25px; }
        #HeaderMobile .navigationBar .menu ul { list-style: none; text-align: right; padding: 0; margin: 0; }
        #HeaderMobile .navigationBar .menu li { padding: 5px; display: inline-block; }
            #HeaderMobile .navigationBar .menu li a { font-family: Arial; font-size: 12px; color: #666; text-transform: uppercase; }
                #HeaderMobile .navigationBar .menu li a:hover { color: #FF6500; }

    #HeaderMobile .navigationContent { position: absolute; right: 0; bottom: 0; left: 0; height: calc(100vh - 100px); top: 100px; margin-top: 0; padding-bottom: 50px; background-color: #ec6608; opacity: 0; overflow: auto; -webkit-overflow-scrolling: touch; visibility: hidden; transition-property: opacity,visibility; transition-duration: .3s,0s; -moz-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; -webkit-transition-delay: 0s,.3s; transition-delay: 0s,.3s; }
        #HeaderMobile .navigationContent .wrapper { padding: 20px 75px 0; }
        #HeaderMobile .navigationContent > .wrapper { padding: 0 15px; max-width: 100vw; overflow: hidden; }
            #HeaderMobile .navigationContent > .wrapper > .row { background: white; padding: 15px 0; }
            #HeaderMobile .navigationContent > .wrapper form { padding: 20px 75px 0; }

    #HeaderMobile .form-group { position: relative; }
        #HeaderMobile .form-group .form-control { width: 100%; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; height: 32px; color: #808080; border-radius: 4px; padding: 0 0 0 12px; border-color: white; box-shadow: none; }
        #HeaderMobile .form-group .btn-default { position: absolute; right: 0; top: 0; width: 48px; height: 32px; border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; text-align: center; line-height: 0; border-color: white; box-shadow: none; -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
        #HeaderMobile .form-group .fa-search { color: #808080; margin: auto; }
        #HeaderMobile .form-group .form-control:focus { box-shadow: none; border: 1px solid #747474; }
            #HeaderMobile .form-group .form-control:focus + .btn-default { box-shadow: none; border-color: #747474; }
        #HeaderMobile .form-group .btn-default:focus { background: white; color: #FF6500; }

    #HeaderMobile .navigationContent .menu { list-style: none; text-align: right; padding: 10px 0; }
        #HeaderMobile .navigationContent .menu > .wrapper { padding-top: 0; }
        #HeaderMobile .navigationContent .menu .item { position: relative; padding: 20px 0; display: block; text-align: left; border-bottom: 1px solid white; }
            #HeaderMobile .navigationContent .menu .item > a { color: white; font-size: 16px; font-weight: normal; text-transform: uppercase; }
                #HeaderMobile .navigationContent .menu .item > a.collapser { float: right; font-weight: lighter; color: #FFE2CF; }
                    #HeaderMobile .navigationContent .menu .item > a.collapser[aria-expanded="true"] .fa-minus { display: inline-block; }
                    #HeaderMobile .navigationContent .menu .item > a.collapser[aria-expanded="true"] .fa-plus { display: none; }
                    #HeaderMobile .navigationContent .menu .item > a.collapser[aria-expanded="false"] .fa-minus { display: none; }
                    #HeaderMobile .navigationContent .menu .item > a.collapser[aria-expanded="false"] .fa-plus { display: inline-block; }

        #HeaderMobile .navigationContent .menu > .collapse-container { background: white; margin-top: -1px; }
            #HeaderMobile .navigationContent .menu > .collapse-container > .wrapper { position: relative; padding-top: 30px; padding-bottom: 30px; text-align: center; }
            #HeaderMobile .navigationContent .menu > .collapse-container.in .wrapper:after,
            #HeaderMobile .navigationContent .menu > .collapse-container.collapsing .wrapper:after { content: ''; position: absolute; left: 75px; height: 0; width: 0; top: 0; border-color: #ec6608 transparent transparent; border-width: 10px; border-style: solid; }

            #HeaderMobile .navigationContent .menu > .collapse-container > .wrapper .category { position: relative; padding: 10px; display: inline-block; vertical-align: middle; text-align: center; transition: all linear 0.1s; }
                #HeaderMobile .navigationContent .menu > .collapse-container > .wrapper .category:hover,
                #HeaderMobile .navigationContent .menu > .collapse-container > .wrapper .category:focus { transform: scale(1.1); }
                #HeaderMobile .navigationContent .menu > .collapse-container > .wrapper .category .icon { display: inline-block; }

    #HeaderMobile .downloadIcons { vertical-align: middle; margin: 20px 0; text-align: center; }
        #HeaderMobile .downloadIcons .download { display: block; padding: 0 0 10px; }
            #HeaderMobile .downloadIcons .download p { font-family: Arial; color: white; font-size: 16px; font-weight: normal; text-transform: uppercase; }

        #HeaderMobile .downloadIcons .ball { background-color: #E4E4E4; border: 4px solid #666; width: 50px; border-radius: 180px; height: 50px; position: relative; display: inline-block; margin-right: 10px; vertical-align: top; }
            #HeaderMobile .downloadIcons .ball .icon { top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: absolute; }
            #HeaderMobile .downloadIcons .ball .ballEffect { display: none; background-color: rgba(85,85,85, 0.7); z-index: 10; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; border-radius: 180px; vertical-align: middle; }
                #HeaderMobile .downloadIcons .ball .ballEffect p { display: block; color: white; font-family: Arial; font-size: 10px; z-index: 11; height: 42px; line-height: 42px; text-align: center; }
                #HeaderMobile .downloadIcons .ball .ballEffect span { display: inline-block; vertical-align: middle; line-height: 12px; }
            #HeaderMobile .downloadIcons .ball:hover .icon { z-index: 3; }
            #HeaderMobile .downloadIcons .ball:hover .ballEffect { display: block; }


@media (max-width: 1400px) {
    #HomeIndex .map { margin: 75px 0 0; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

    #Header .navigationBar .downloadIcons .ball + .ball { margin-left: 10px; }
}

@media (max-width: 1200px) {
    body.has-nav-open { overflow: hidden; }
    .has-nav-open #Content, .has-nav-open #Footer { display: none; }
    .has-nav-open #HeaderMobile .header-toggle-line:nth-child(1) { -moz-transform: rotate(43deg); -ms-transform: rotate(43deg); -o-transform: rotate(43deg); -webkit-transform: rotate(43deg); transform: rotate(43deg); }
    .has-nav-open #HeaderMobile .header-toggle-line:nth-child(2) { opacity: 0; }
    .has-nav-open #HeaderMobile .header-toggle-line:nth-child(3) { -moz-transform: rotate(-43deg); -ms-transform: rotate(-43deg); -o-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); transform: rotate(-43deg); }
    .has-nav-open #HeaderMobile .navigationContent { opacity: 1; visibility: visible; -moz-transition-delay: 0s,0s; -o-transition-delay: 0s,0s; -webkit-transition-delay: 0s,0s; transition-delay: 0s,0s; }

    #HomeIndex .col-immovable,
    #HomeIndex .col-movable { padding-left: 30px; }
    #HomeIndex .map { margin: 130px 0 0 -30px; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}

@media (max-width: 992px) {
    #HomeIndex .col-immovable,
    #HomeIndex .col-movable { min-height: 600px; padding-left: 50px; margin-bottom: 15px; }
    #HomeIndex .map { margin: 75px 0 0 0; -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
    #HomeIndex .highlights h3 { text-align: center; }

    #Listing { padding: 0; }

    #ProductIndex .form-group { box-shadow: 2px 2px 6px #808080; }

    #ProductDetail .mainSection .headerSection .info { padding-top: 10px; }
    #ProductDetail .mainSection .dateInfo { padding-left: 0; padding-top: 6px; }
    #ProductDetail .no-padding.padding-left { padding-left: 0; }
    #ProductDetail .no-padding.padding-right { padding-right: 0; }
    #ProductDetail .refInfo { box-shadow: 2px 2px 6px #808080; }
    #ProductDetail .asideSection .leftSection > .btn-default:first-child,
    #ProductDetail .asideSection .leftSection > .btn-default:nth-child(2) { width: 48%; float: left; }
    #ProductDetail .asideSection .leftSection > .btn-default:nth-child(2) { float: right; }
    #ProductDetail .product-detail { margin-top: 15px; }

    #ProcessIndex .caption h4 { font-size: 20px; }

    #ProcessDetail #Listing { margin-top: 15px; }
    #ProcessDetail .no-padding.padding-left { padding-left: 0; }
    #ProcessDetail .no-padding.padding-right { padding-right: 0; }

    #HomeContacts { margin-right: 15px; }
        #HomeContacts .mainSection { width: auto; }

    #Footer .copyright { text-align: center; }
    #Footer .newsletter { text-align: center; }

    .mainSection .leftSection { border-radius: 2px; box-shadow: 2px 2px 6px #808080; }

    #RecentViews,
    .recentViews { display: none !important; }

    #Content,
    .wrapperContent .mainSection { width: 100vw; overflow: hidden; }
    ul.bcrumbs { padding-left: 15px; }

    .card .thumb .thumbnail .caption { padding-top: 4px; }
        .card .thumb .thumbnail .caption h4 { font-size: 20px; }
    .card .thumb .thumbnail .box .infoMaster .info p.price { font-size: 20px; }

    .card.card-immovable,
    .card.card-immovable + .card.card-immovable { margin-top: 5px; }
        .card.card-immovable .thumb .thumbnail .caption h4 { padding-right: 0; }
        .card.card-immovable .thumb .thumbnail .refMaster { top: unset; bottom: -35px; }
            .card.card-immovable .thumb .thumbnail .refMaster span { padding: 1px 2px; }
            .card.card-immovable .thumb .thumbnail .refMaster p { display: none; }
        .card.card-immovable .thumb .thumbnail .box .dateInfoMaster { height: auto; }
    .card.card-process .thumb .thumbnail .caption h4 { font-size: 20px; }
    .col-custom { width: 33.33%; }
}

@media (max-width: 768px) {
    #HeaderMobile { padding: 10px 0; }
        #HeaderMobile .logo img { max-height: 50px; }
        #HeaderMobile .navigationBar > .wrapper { padding: 0 15px; }
        #HeaderMobile .navigationContent { height: calc(100vh - 70px); top: 70px; margin-top: 0; padding-bottom: 35px; }
            #HeaderMobile .navigationContent .wrapper { padding: 20px 35px 0; }
            #HeaderMobile .navigationContent > .wrapper { padding: 0; }
                #HeaderMobile .navigationContent > .wrapper form { padding: 20px 35px 0; }
            #HeaderMobile .navigationContent .menu > .collapse-container > .wrapper { padding: 20px 10px; }
                #HeaderMobile .navigationContent .menu > .collapse-container > .wrapper .category .icon { width: 75px; height: 75px; }


    #HomeIndex .col-immovable,
    #HomeIndex .col-movable { min-height: unset; }
        #HomeIndex .col-movable .imgRight { display: none; }
        #HomeIndex .col-immovable.col.col-resizable-height,
        #HomeIndex .col-movable.col.col-resizable-height { height: auto !important; }
    #HomeIndex .map { display: none; }

    #HomeIndex .highlights .thumbnail { display: block; max-width: 230px; margin: 0 auto 10px; }

    #ListingForm .input-group { width: 100%; }

    #ProductDetail .mainSection .headerSection .info { padding: 10px; }
        #ProductDetail .mainSection .headerSection .info .sup { font-size: 14px; }
        #ProductDetail .mainSection .headerSection .info .price { font-size: 24px; }
    #ProductDetail .mainSection .headerSection .mainInfo { border: none; }
    #ProductDetail .caption h4 { font-size: 20px; }
    #ProductDetail .caption .location { font-size: 14px; }
    #ProductDetail .asideSection { margin-bottom: 10px; }
    #ProductDetail .descriptionLocation p { font-size: 14px; }
    #ProductDetail .infoLocation p { font-size: 14px; line-height: 18px; }
    #ProductDetail .placeLocation { height: 320px !important; }
    #ProductDetail .asideSection .leftSection > .btn-default:first-child,
    #ProductDetail .asideSection .leftSection > .btn-default:nth-child(2) { width: 100%; float: none; }
    #ProductDetail .no-padding.padding-right { padding-right: 0; }
    #ProductDetail .no-padding.padding-left { padding-left: 0; }

    #ProductDetail .rev_slider_wrapper,
    #ProductDetail .rev_slider { min-height: 300px; }
    #ProductDetail .tp-bgimg { background-size: contain !important; }

    #ProductDetail .asideSection .leftSection .callMe .contact a { font-size: 16px; }

    #ProcessDetail .asideSection .headerSection .mainInfo .caption h4 { font-size: 20px; }
    #ProcessDetail .asideSection .headerSection .mainInfo .caption .date { font-size: 16px; }

    #HomeContent .content-static { }
        #HomeContent .content-static .sideBar { text-align: center; }
    #HomeContent .content-dynamic { margin-top: 15px; }

    .card.card-immovable + .card.card-immovable { margin-top: 5px; }
    .card.card-immovable .thumb .thumbnail .box2 { display: none; }
    .card.card-immovable .thumb .thumbnail .description { display: none; }
    .card.card-immovable .thumb .thumbnail .box .infoMaster { margin-bottom: 10px; }
    .card.card-movable .thumb .thumbnail { height: auto !important; }
        .card.card-movable .thumb .thumbnail a.imgWrapper .imgThumb { height: auto; width: 100%; }
        .card.card-movable .thumb .thumbnail .refMaster { top: unset; }
    .card.card-process .thumb .thumbnail .description { position: relative; padding: 10px; }

    .gaip.tp-tabs { display: none; }
    .gaip.tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, 20, -20) !important; }
    .gaip.tparrows.tp-rightarrow { left: unset !important; right: 0; transform: matrix(1, 0, 0, 1, -20, -20) !important; }
    .col-custom { width: 50%; text-align: center; }
}

/*****************************************************************
    Smartphones
*****************************************************************/
@media (max-width: 500px) {
    #HomeIndex .col-immovable,
    #HomeIndex .col-movable { padding-left: 20px; padding-right: 5px; margin-bottom: 15px; }
    #HomeIndex .col h1 { font-size: 32px; padding-bottom: 20px; }
    #HomeIndex .col label { margin-bottom: 8px; height: auto; min-height: 20px; font-size: 14px; }
        #HomeIndex .col label:before { width: 16px; height: 16px; margin-top: 2px; }
    #HomeIndex .col input[type=radio]:checked + label:before { font-size: 14px; line-height: 14px; }
    .col-custom { width: 100%; text-align: center; }
}

@media (max-width: 375px) {
}

@media (max-width: 320px) {
}