/*
    Theme Name:   Route Child
    Theme URI:    http://routewp.com/
    Author:       Codestar
    Author URI:   http://codestar.me/
    Description:  Route Multi-Purpose WordPress Theme by a Elite Author
    Version:      1.9.2
    License:      GNU General Public License v2 or later
    License URI:  http://www.gnu.org/licenses/gpl-2.0.html
    Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
    Text Domain:  route
    Template:     route
*/
@import url("../route/style.css");


/*

    Main

*/

.remove-bottom { margin-bottom: 0 !important; }
.quarter-bottom { margin-bottom: 5px !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.more-bottom { margin-bottom: 50px !important; }
.remove-top { margin-top: 0 !important; }
.add-top { margin-top: 20px !important; }
.more-top { margin-top: 50px !important; }
.half-top { margin-top: 10px !important; }
.quarter-top { margin-top: 5px !important; }
.add-right { margin-right: 20px !important; }
.add-left { margin-left: 20px !important; }
.remove-left { margin-left: 0 !important; }
.left { float: left; }
.right { float: right; }
.overflow { overflow: hidden; }
.uppercase { text-transform: uppercase; }
.small { font-size: 12px; color: #ccc; }
.invisible { display: none }
.clear { clear: both; }

.bold{
    font-weight: 600;
}

.light{
    font-weight: 200;
}


/*

    Filter form

*/

.search-forms{
    background-color: #808080;
    padding: 8px 0px;  
}

.selecter {
    position: relative;
    display: block;
    margin: 7px 5px 8px 0px;
    z-index: 1;
    float: left;
}

.selecter-selected {
    position: relative;
    background: #808080;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 2px 6px;
    text-overflow: clip;
    z-index: 2;
    border-radius: 0px;
    width: 140px;
    border: 1px #9d9d9d solid;
}  

.selecter.open .selecter-selected {
    z-index: 51;
    border-radius: 0;
}

.selecter-options {
    width: 100%;
    max-height: 260px;
    position: absolute;
    top: 100%;
    left: 0;
    border-width: 0 1px 1px;
    background-color: #ffffff;
    display: none;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    z-index: 500;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.selecter-item {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #cccccc;
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 2px 6px;
    text-decoration: none;
    text-overflow: ellipsis;
}

.selecter.open .selecter-selected, .selecter.focus .selecter-selected {
    background-color: #808080;
    box-shadow: none;
}

.no-touch .selecter-selected:hover {
    color: #fff;
}

.filter-section input[type="text"]{
    float: left;
    font-size: 11px;
    border: 0;
    border-radius: 0;
    padding: 0px 5px;
    height: 26px;
    width: 96px;
    margin: 8px 3px 8px 0px;
}

.filter-section .label-price{
    margin-left: 2px;
}

.filter-section input[name="district"]{
    margin: 8px 5px 8px 0px;
}

.selecter-selected:after {
    right: 5px;
}

.filter-section input[name="floorage_from"],
.filter-section input[name="floorage_to"]{
    width: 40px;
}       
.filter-section input[name="price_from"],
.filter-section input[name="price_to"]{
    width: 58px;
}  

.filter-section .floorage-form{
    float: left;
} 

.filter-section .price-form{
    float: left;
} 

.filter-sort .selecter-selected{
    background-color: #ffffff;
    color: #555;
}  
.filter-sort.selecter.open .selecter-selected,
.filter-sort .selecter.focus .selecter-selected{
    background-color: #ffffff;
    color: #555;
}

.filter-sort .selecter-selected:hover{
    background-color: #ffffff;
    color: #555;
} 

.filter-label{
    color: #ffffff;
    font-size: 11px;
    float: left;
    margin-top: 12px;
    margin-right: 4px;
}

.cs-btn-xxs {
    font-size: 11px;
    padding: 5px 8px;
    line-height: 1.2244897963;
    margin-top: 7px;
    margin-left: 2px;
}



/*

    Page kup

*/

.page-kup .offer img{
    height: 270px;
}

.page-kup .offer{
    margin: 0px 0px 25px 0px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

.page-kup .wpcf7 input[type="text"],
.page-kup .wpcf7 input[type="email"]{
    height: 28px;
    font-size: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-kup .wpcf7 textarea{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-kup .wpcf7 p {
    margin-bottom: 10px;
}

/*

    Page home

*/

.home-offer-header p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    text-shadow: none;
    margin: 0px;
    letter-spacing: 0px;
    text-transform: uppercase;
    border-width: 0px;
    border-color: #ffffff;
    border-style: none;
    width: 42%;
    margin: 0 auto;
    text-align: center;
}

.home-offer-green p{
    background-color: #9dc53e;
}

.home-offer-blue p{
    background-color: #42adb7;
}

.home-offer-cloud p{
    background-color: #93c3c3;
}

/*

    Page oferta

*/

.page-title{
    font-weight: 200;
}

.main-oferta img.small{
    float: left; 
    padding-bottom:5px; 
    padding-right: 5px;
    width: 130px;
    height: 88px;
}

.main-oferta .offer h3{
    text-transform: uppercase;
}

.main-oferta .wpcf7 input[type="text"],
.main-oferta .wpcf7 input[type="email"]{
    height: 28px;
    font-size: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-oferta .wpcf7 textarea{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-oferta .wpcf7 p {
    margin-bottom: 10px;
}

.line{
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #ddd;
}

.main-oferta table{
    border-collapse: separate;
    border-spacing: 15px 0px;
}

.main-oferta table td{
    padding: 8px 0px;
    width: 50%;
    border-bottom: 1px solid #ddd;
    border-top: none;
}  

.main-oferta .wpcf7 p.dynamichidden{
    margin: 0;
}

.main-oferta .gmap{
    margin-bottom: 30px;
}

.main-oferta .fb-like{
    margin-top: 20px;
    margin-bottom: 20px;
}

.main-oferta .credit-form{
    clear: both;
    float: right;
}

.table-offer-container{
    margin: 0 -15px;
}

.contact-icon{
    background-image: url('images/contact_icon.png');
    background-repeat: no-repeat;
    background-position: right top;
}


        html
        {
            /* killing 300ms touch delay in IE */
            -ms-touch-action: manipulation;
            touch-action: manipulation;
        }
        /* IMAGE LIGHTBOX SELECTOR */

        #imagelightbox
        {
            cursor: pointer;
            position: fixed;
            z-index: 10000;

            -ms-touch-action: none;
            touch-action: none;

            -webkit-box-shadow: 0 0 3px rgba( 0, 0, 0, .8 ); /* 50 */
            box-shadow: 0 0 3px rgba( 0, 0, 0, .8 ); /* 50 */
        }


        /* ACTIVITY INDICATION */

        #imagelightbox-loading,
        #imagelightbox-loading div
        {
            border-radius: 50%;
        }
        #imagelightbox-loading
        {
            width: 2.5em; /* 40 */
            height: 2.5em; /* 40 */
            background-color: #444;
            background-color: rgba( 0, 0, 0, .5 );
            position: fixed;
            z-index: 10003;
            top: 50%;
            left: 50%;
            padding: 0.625em; /* 10 */
            margin: -1.25em 0 0 -1.25em; /* 20 */

            -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
            box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
        }
            #imagelightbox-loading div
            {
                width: 1.25em; /* 20 */
                height: 1.25em; /* 20 */
                background-color: #fff;

                -webkit-animation: imagelightbox-loading .5s ease infinite;
                animation: imagelightbox-loading .5s ease infinite;
            }

            @-webkit-keyframes imagelightbox-loading
            {
                from { opacity: .5; -webkit-transform: scale( .75 ); }
                50%  { opacity: 1;  -webkit-transform: scale( 1 ); }
                to   { opacity: .5; -webkit-transform: scale( .75 ); }
            }
            @keyframes imagelightbox-loading
            {
                from { opacity: .5; transform: scale( .75 ); }
                50%  { opacity: 1;  transform: scale( 1 ); }
                to   { opacity: .5; transform: scale( .75 ); }
            }


        /* OVERLAY */

        #imagelightbox-overlay
        {
            background-color: #fff;
            background-color: rgba( 0, 0, 0, .8 );
            position: fixed;
            z-index: 9998;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        /* "CLOSE" BUTTON */

        #imagelightbox-close
        {
            width: 3.5em; /* 40 */
            height: 3.5em; /* 40 */
            text-align: left;
            background-color: #000;
            border-radius: 100%;
	    border-width: 0px;	
            position: fixed;
            z-index: 10002;
            top: 2.5em; /* 40 */
            right: 2.5em; /* 40 */

            -webkit-transition: color .3s ease;
            transition: color .3s ease;
        }
            #imagelightbox-close:hover,
            #imagelightbox-close:focus
            {
                background-color: #333;
            }
            #imagelightbox-close:before,
            #imagelightbox-close:after
            {
                width: 2px;
                background-color: #fff;
                content: '';
                position: absolute;
                top: 20%;
                bottom: 20%;
                left: 50%;
                margin-left: -1px;
            }
            #imagelightbox-close:before
            {
                -webkit-transform: rotate( 45deg );
                -ms-transform: rotate( 45deg );
                transform: rotate( 45deg );
            }
            #imagelightbox-close:after
            {
                -webkit-transform: rotate( -45deg );
                -ms-transform: rotate( -45deg );
                transform: rotate( -45deg );
            }





/* blackberry */

.blackberry select  {
display: block;
width: 100%;
height: 28px;
padding: 0px 6px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
margin-bottom: 4px;
}

.blackberry .filter-section input[type="text"] {
float: none;
font-size: 13px;
border: 0;
border-radius: 0;
padding: 0px 9px;
height: 28px;
width: 100%;
margin: 0;
margin-bottom: 4px;
}

.blackberry .filter-section input[name="floorage_from"],
.blackberry .filter-section input[name="price_from"]{
float: left;
width: 70px;
}

.blackberry .filter-section input[name="floorage_to"],
.blackberry .filter-section input[name="price_to"]{
float: left;
width: 70px;
margin-left: 10px;
}

.blackberry .filter-section select[name="sort_by"]{
border: 1px #ccc solid;
margin-top: 10px;
}

.blackberry .label-floorage {
margin-top: 4px;
margin-right: 10px;
}

.blackberry .label-price{
margin-left: 0px;
width: 45px;
margin-top: 4px;
margin-right: 10px;
}

.blackberry .small-clear{
clear: both;
}

.blackberry .floorage-form{
margin-right: 20px;
}


 .gmap {
        position: relative;
        padding-bottom: 60%;
        height: 0;
        overflow: hidden;
    }

.gmap iframe{
    position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }




/*

    Media Queries

*/

@media screen and (min-width: 992px) and (max-width: 1200px) {
/*
    .gmap iframe{
        width: 455px;
    }
*/
}  

@media screen and (min-width: 768px) and (max-width: 992px) {
/*
    .gmap iframe{
        width: 720px;
    }
*/
}  

@media screen and (min-width: 992px) {

    .main-oferta .credit-form{
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
/*
    .gmap iframe{
        width: 300px;
    }  
*/


/* blackberry */

select {
display: block;
width: 100%;
height: 28px;
padding: 0px 6px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
margin-bottom: 4px;
}

.filter-section input[type="text"]{
float: none;
font-size: 13px;
border: 0;
border-radius: 0;
padding: 0px 9px;
height: 28px;
width: 100%;
margin: 0;
margin-bottom: 4px;
}

.filter-section input[name="floorage_from"],
.filter-section input[name="price_from"]{
float: left;
width: 70px;
}

.filter-section input[name="floorage_to"],
.filter-section input[name="price_to"]{
float: left;
width: 70px;
margin-left: 10px;
}

.filter-section select[name="sort_by"]{
border: 1px #ccc solid;
margin-top: 10px;
}

.filter-section .label-floorage{
margin-top: 4px;
margin-right: 10px;
}

.filter-section .label-price{
margin-left: 0px;
width: 45px;
margin-top: 4px;
margin-right: 10px;
}

.filter-section .small-clear{
clear: both;
}

.filter-section .floorage-form{
margin-right: 20px;
}





}

@media screen and (max-width: 800px) {

    .search-container {
        padding: 0px 15px;
    }   

}

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

    .main-picture {
        margin-bottom: 20px;
    } 

    .thumbnail-picture {
        margin-bottom: 40px;
    }      

}