@font-face {
    font-family: 'Open Sans';
    
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;

}

/* Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;

}

/* Light */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;

}

/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;

}

/* Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: italic;

}

* {box-sizing: border-box;}
p > span {line-height: 35px;}
body {font-family: 'Open Sans'; font-weight: 400; font-size: 14px; margin: 10px; margin-top: 70px;}
h1 {font-family: 'Open Sans'; font-weight: 700; color: #151412; font-size: 20px;}
h2 {font-family: 'Open Sans'; font-weight: 700; color: #151412;}
h3 {font-family: 'Open Sans'; font-weight: 700; color: #151412;}
a {color: #00aeff;}
.container {width: 980px; margin-left: auto; margin-right: auto; position: relative;}
.nav {text-align: right;position: fixed; top: 0; left: 0; width: 100%; background-color: #151412; z-index: 10000; height: 59px;}
.nav a {color: white; margin: 5px; margin-top: 15px; margin-bottom: 15px; display: inline-block;}
.nav a:first-child {border-left: none;}
.nav > img {float: left; margin-left: 10px; margin-top: 17px;}

.abutton { padding: 5px; background-color: #00aeff; color: white; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 14px; border-radius: 5px;-webkit-border-radius: 0; -webkit-appearance: none; border: none; border-radius: 8px; font-weight: normal;}
.right {float: right;}

label {display: block; line-height: 25px;}
input[type=text],input[type=password],input[type=tel],input[type=email],textarea,select {width: 100%;font-family: 'Open Sans'; font-weight: 400; font-size: 14px; padding: 8px;vertical-align: top; border-radius: 8px; border: none; background-color: #F0F0F0; color: #151412;-webkit-appearance: none;}
input[type=date],input[type=time] {height: 37px;font-family: 'Open Sans'; font-weight: 400; font-size: 14px; padding: 8px;vertical-align: top; border-radius: 8px; border: none; background-color: #F0F0F0; color: #151412;-webkit-appearance: none; width: 45%;background-image: url(/admin/images/dd.png); background-repeat: no-repeat; background-size: 30px 30px; background-position: right;}
input[type=submit] { display: block; width: 100%; padding: 10px; background-color: #00aeff; color: white; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 16px; border-radius: 5px;-webkit-border-radius: 0; -webkit-appearance: none; border: none; border-radius: 8px; margin-top: 10px;}
textarea {height: auto;}
select {background-image: url(/admin/images/dd.png); background-repeat: no-repeat; background-size: 30px 30px; background-position: right;}
.fileuploadbox {display: none;}
.at {width: 10%; text-align: center; display: inline-block;}

.result {background-color: #F0F0F0; margin: 5px; padding: 10px; color: #151412; margin-right: -5px; margin-left: -5px;}
.result a {float: right; margin-left: 20px;}

.adminresult {background-color: #F0F0F0; margin: 5px; padding: 10px; color: #151412; margin-right: -5px; margin-left: -5px;}
.adminresult a {float: right; margin-left: 20px;}
.adminresult .staticmap {float: left; margin-right: 10px;}
.clear {clear: both;}

.gllpMap { width: 100%; height: 400px; display: inline-block;}
.gllpLatlonPicker {width: 100%; height: 252px; display: inline-block;}

#secure img {float: right; margin-left: 20px; margin-bottom: 20px;}

.filtertable th[data-sort] {cursor: pointer; padding-left: 25px; background-image: url(/admin/images/sort.png); background-repeat: no-repeat; background-position: 5px;}

table {width: 100%; border-collapse: collapse;}
th {text-align: left;}
th,td {padding: 5px;}
tr:nth-child(even),th {background-color: #F0F0F0;}
.dataTables_filter {position: absolute; top: 585px; right: 0;}
.dataTables_info {position: absolute; top: 585px; right: 300px;}


.resultimagecontainer {position: relative; margin-bottom: 10px; margin-top: 10px;}
.windowresult .resultimagecontainer {margin-top: 0;}
.carousel {width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch;}

.imagebox {position: relative;}
.loadingouterimg {z-index: 499; display: none; position: absolute; width: 100%; height: 100%;  overflow-y: scroll; -webkit-overflow-scrolling: touch; top: 0; left: 0; background-color: rgba(255,255,255,0.75); color: white;}
.spinner { margin: 100px auto; width: 50px; height: 40px; text-align: center; font-size: 10px;}
.spinner > div { background-color: #000000; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }   20% { -webkit-transform: scaleY(1.0) }}
@keyframes sk-stretchdelay { 0%, 40%, 100% {    transform: scaleY(0.4);     -webkit-transform: scaleY(0.4); }  20% {    transform: scaleY(1.0);     -webkit-transform: scaleY(1.0); }}

.result {background-color: #F0F0F0; margin-bottom: 5px; padding: 10px; color: #151412; overflow: hidden; border-left: 5px solid #00aeff;}
.dealerlogo img {float: right; width: 80px; height: auto;}
.rightlogo {float: right; width: 80px; height: auto; margin-bottom: 10px;}
.weatherlogo {float: right; width: 60px; height: auto; margin-bottom: 10px; margin-right: 10px;}
.resultimage {width: 100%; height: auto;}
.carousel .resultimage {width: auto; height: 250px;}
.carousel td {padding: 0;padding-left: 10px;}
.carousel td:first-of-type {padding-left: 0;}
.result > a,.result > .externallink,.bluelink {display: block; padding: 10px; background-color: #00aeff; color: white; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 16px;}

.switch { position: relative; display: inline-block; width: 58px !important; height: 32px; float: right; padding-top: 0;}
.switch input {display:none;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #444444; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #00aeff;}
input:focus + .slider { box-shadow: 0 0 1px #00aeff;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slider.round { border-radius: 26px;}
.slider.round:before { border-radius: 50%;}
.switchrow label {line-height: 32px;}


.result > a,.result > .externallink,.bluelink {display: block; padding: 10px; color: white; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 16px; width: 100%;}
.bisibox .price {color: #f06eaa !important;}
.bisibox .internallink,.bisibox .externallink,.bisibox > a {background-color: #f06eaa;}
.bisibox {border-left: 5px solid #f06eaa;}

.picstable {width: 100%;}
.uploadedpic {width: 33%; text-align: center;}
.uploadedpic > img {width: 100%; margin-right: 10px;vertical-align: top; }
.uploadedpic a { width: 100%; text-align: center; display: inline-block; text-decoration: none;}

.previewlisting h1 {font-family: 'Open Sans'; font-weight: 700; margin: 0 !important; font-size: 20px;}
.previewlisting h2 {font-family: 'Open Sans'; font-weight: 700; margin: 0 !important;}
.previewlisting h3 {font-family: 'Open Sans'; font-weight: 700; margin: 0 !important;}
.previewlisting h4 {font-family: 'Open Sans'; font-weight: 400; font-size: 0.9em; margin: 0 !important;}
.previewlisting p {margin: 0; margin-bottom: 10px;}
.previewlisting .windowresult {margin-top: 10px;}
.previewlisting {margin-top: 10px; margin-left: -15px; margin-right: -15px; padding-left: 10px; padding-right: 10px;}
.price {float: right;}

@media screen and (max-width: 980px) {
	.container {width: 100%;}	
}

@media screen and (max-width: 600px) {
	input[type=text],input[type=password],textarea,select {width: 100%; font-size: 14px;}
	body {font-size: 14px;}
    .nav > img {margin-top: 20px; height: 20px;}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}