header {
    text-align:left;
    color:#fff;
    background-attachment:scroll;
    background-image:url(../images/1.jpg);
    background-position:center center;
    background-repeat:none;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover;
    position:relative;
    height:100vh
}
header .intro-text {
    padding-top:100px;
    position:absolute;
    bottom:7%;
    display:block;
    margin:0 auto;
    width:auto;
    max-width:540px;
    min-width:310px;
    text-align:center;
    left:30px;
    right:30px;
    width:40%
}
header .intro-text .intro-lead-in {
    margin-bottom:25px;
    font-family:'Open Sans',
    sans-serif;
    font-size:22px;
    font-style:italic;
    line-height:22px
}
header .intro-text .intro-heading {
    font-family:'Open Sans',
    sans-serif;
    font-size:19pt;
    font-weight:600;
    color:#FED103;
    letter-spacing:1.4px
}
/* @media(min-width:768px){header .intro-text {
    margin:0 auto;
    padding-top:60%
} */
header .intro-text .intro-lead-in {
    font-family:'Open Sans',
    sans-serif;
    font-style:italic
}
header .intro-text .intro-heading {
    font-family:'Open Sans',
    sans-serif;
    font-size:19pt;
    font-weight:600;
    color:#FED103
}
}
/* @media(max-width:768px){div.navbar-header.page-scroll{width:480px;}}@media(max-width:920px){a.navbar-brand img {
    width:100%;
    height:auto
} */
div.navbar-header.page-scroll {
    width:210px;
    border-sizing:content-box
}
}
section {
    padding:100px 0
}
section h2.section-heading {
    margin-top:0;
    margin-bottom:15px;
    font-size:40px
}
section h3.section-subheading {
    margin-bottom:75px;
    text-transform:none;
    font-family:'Open Sans',
    sans-serif;
    font-size:16px;
    font-style:italic;
    font-weight:400
}
.service-heading {
    margin:15px 0;
    text-transform:none
}
#portfolio .portfolio-item {
    right:0;
    margin:0 0 15px
}
#portfolio .portfolio-item .portfolio-link {
    display:block;
    position:relative;
    margin:0 auto;
    max-width:400px
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    background:rgba(254,
    209,
    54,
    .9);
    -webkit-transition:all ease .5s;
    -moz-transition:all ease .5s;
    transition:all ease .5s
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity:1
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position:absolute;
    top:50%;
    width:100%;
    height:20px;
    margin-top:-12px;
    text-align:center;
    font-size:20px;
    color:#fff
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top:-12px
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin:0
}
#portfolio .portfolio-item .portfolio-caption {
    margin:0 auto;
    padding:25px;
    max-width:400px;
    text-align:center;
    background-color:#fff
}
#portfolio .portfolio-item .portfolio-caption h4 {
    margin:0;
    text-transform:none
}
#portfolio .portfolio-item .portfolio-caption p {
    margin:0;
    font-family:'Open Sans',
    sans-serif;
    font-size:16px;
    font-style:italic
}
#portfolio * {
    z-index:2
}
/* @media(min-width:767px){#portfolio .portfolio-item {
    margin:0 0 30px
}
} */
.timeline {
    position:relative;
    padding:0;
    list-style:none
}
.timeline:before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:40px;
    width:2px;
    margin-left:-1.5px;
    background-color:#f1f1f1
}
.timeline>li {
    position:relative;
    margin-bottom:50px;
    min-height:50px
}
.timeline>li:before,
.timeline>li:after {
    content:" ";
    display:table
}
.timeline>li:after {
    clear:both
}
.timeline>li .timeline-panel {
    float:right;
    position:relative;
    width:100%;
    padding:0 20px 0 100px;
    text-align:left
}
.timeline>li .timeline-panel:before {
    right:auto;
    left:-15px;
    border-right-width:15px;
    border-left-width:0
}
.timeline>li .timeline-panel:after {
    right:auto;
    left:-14px;
    border-right-width:14px;
    border-left-width:0
}
.timeline>li .timeline-image {
    z-index:100;
    position:absolute;
    left:0;
    width:80px;
    height:80px;
    margin-left:0;
    border:7px solid #f1f1f1;
    border-radius:100%;
    text-align:center;
    color:#fff;
    background-color:#fed136
}
.timeline>li .timeline-image h4 {
    margin-top:12px;
    font-size:10px;
    line-height:14px
}
.timeline>li.timeline-inverted>.timeline-panel {
    float:right;
    padding:0 20px 0 100px;
    text-align:left
}
.timeline>li.timeline-inverted>.timeline-panel:before {
    right:auto;
    left:-15px;
    border-right-width:15px;
    border-left-width:0
}
.timeline>li.timeline-inverted>.timeline-panel:after {
    right:auto;
    left:-14px;
    border-right-width:14px;
    border-left-width:0
}
.timeline>li:last-child {
    margin-bottom:0
}
.timeline .timeline-heading h4 {
    margin-top:0;
    color:inherit
}
.timeline .timeline-heading h4.subheading {
    text-transform:none
}
.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom:0
}
/* @media(min-width:768px){.navbar .container {
    width:100%
} */
.timeline:before {
    left:50%
}
.timeline>li {
    margin-bottom:100px;
    min-height:100px
}
.timeline>li .timeline-panel {
    float:left;
    width:41%;
    padding:0 20px 20px 30px;
    text-align:right
}
.timeline>li .timeline-image {
    left:50%;
    width:100px;
    height:100px;
    margin-left:-50px
}
.timeline>li .timeline-image h4 {
    margin-top:16px;
    font-size:13px;
    line-height:18px
}
.timeline>li.timeline-inverted>.timeline-panel {
    float:right;
    padding:0 30px 20px 20px;
    text-align:left
}
}
/* @media(min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel {
    padding:0 20px 20px
}
.timeline>li .timeline-image {
    width:150px;
    height:150px;
    margin-left:-75px
}
.timeline>li .timeline-image h4 {
    margin-top:30px;
    font-size:18px;
    line-height:26px
}
.timeline>li.timeline-inverted>.timeline-panel {
    padding:0 20px 20px
}
} */
/* @media(min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel {
    padding:0 20px 20px 100px
}
.timeline>li .timeline-image {
    width:170px;
    height:170px;
    margin-left:-85px
}
.timeline>li .timeline-image h4 {
    margin-top:40px
}
.timeline>li.timeline-inverted>.timeline-panel {
    padding:0 100px 20px 20px
}
} */
.team-member {
    margin-bottom:50px;
    text-align:center
}
.team-member img {
    margin:0 auto;
    border:7px solid #fff
}
.team-member h4 {
    margin-top:25px;
    margin-bottom:0;
    text-transform:none
}
.team-member p {
    margin-top:0
}
aside.clients img {
    margin:50px auto
}
section#contact {
    background-color:#222;
    background-image:url(../img/map-image.png);
    background-position:center;
    background-repeat:no-repeat
}
section#contact .section-heading {
    color:#fff
}
section#contact .form-group {
    margin-bottom:25px
}
section#contact .form-group input,
section#contact .form-group textarea {
    padding:20px
}
section#contact .form-group input.form-control {
    height:auto
}
section#contact .form-group textarea.form-control {
    height:236px
}
section#contact .form-control:focus {
    border-color:#fed136;
    box-shadow:none
}
section#contact::-webkit-input-placeholder {
    text-transform:uppercase;
    font-family:'Open Sans',
    sans-serif;
    font-weight:700;
    color:#bbb
}
section#contact:-moz-placeholder {
    text-transform:uppercase;
    font-family:'Open Sans',
    sans-serif;
    font-weight:700;
    color:#bbb
}
section#contact::-moz-placeholder {
    text-transform:uppercase;
    font-family:'Open Sans',
    sans-serif;
    font-weight:700;
    color:#bbb
}
section#contact:-ms-input-placeholder {
    text-transform:uppercase;
    font-family:'Open Sans',
    sans-serif;
    font-weight:700;
    color:#bbb
}
section#contact .text-danger {
    color:#e74c3c
}
footer {
    padding:25px 0;
    text-align:center
}
footer span.copyright {
    text-transform:uppercase;
    text-transform:none;
    font-family:'Open Sans',
    sans-serif;
    line-height:40px
}
footer ul.quicklinks {
    margin-bottom:0;
    text-transform:uppercase;
    text-transform:none;
    font-family:'Open Sans',
    sans-serif;
    line-height:40px
}
ul.social-buttons {
    margin-bottom:0
}
ul.social-buttons li a {
    display:block;
    width:40px;
    height:40px;
    border-radius:100%;
    font-size:20px;
    line-height:40px;
    outline:0;
    color:#fff;
    background-color:#222;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color:#fed136
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline:0
}
.portfolio-modal .modal-content {
    padding:100px 0;
    min-height:100%;
    border:0;
    border-radius:0;
    text-align:center;
    background-clip:border-box;
    -webkit-box-shadow:none;
    box-shadow:none
}
.portfolio-modal .modal-content h2 {
    margin-bottom:15px;
    font-size:3em
}
.portfolio-modal .modal-content p {
    margin-bottom:30px
}
.portfolio-modal .modal-content p.item-intro {
    margin:20px 0 30px;
    font-family:'Open Sans',
    sans-serif;
    font-size:16px;
    font-style:italic
}
.portfolio-modal .modal-content ul.list-inline {
    margin-top:0;
    margin-bottom:30px
}
.portfolio-modal .modal-content img {
    margin-bottom:30px
}
.portfolio-modal .close-modal {
    position:absolute;
    top:25px;
    right:25px;
    width:75px;
    height:75px;
    background-color:transparent;
    cursor:pointer
}
.portfolio-modal .close-modal:hover {
    opacity:.3
}
.portfolio-modal .close-modal .lr {
    z-index:1051;
    width:1px;
    height:75px;
    margin-left:35px;
    background-color:#222;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.portfolio-modal .close-modal .lr .rl {
    z-index:1052;
    width:1px;
    height:75px;
    background-color:#222;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.portfolio-modal .modal-backdrop {
    display:none;
    opacity:0
}
::-moz-selection {
    text-shadow:none
}
::selection {
    text-shadow:none
}
img::selection {
    background:0 0
}
img::-moz-selection {
    background:0 0
}
body {
    webkit-tap-highlight-color:#fed136
}
.navbar-brand {
    padding:0 15px
}
.navbar-nav > li > a {
    adding-top:15px;
    padding-bottom:0
}
.navbar-nav > li {
    margin-top:20px
}
.nav > li > a {
    padding:10px 7px 10px 8px
}
h3.section-content {
    display:block;
    margin:0 auto;
    font-weight:600;
    max-width:56%;
    font-size:12pt;
    text-transform:none;
    min-width:320px;
    color:#fff;
    line-height:16pt
}
.arrowholder {
    display:none
}
h3.section-content em {
    font-style:normal;
    font-size:165%
}
section#monoi {
    padding:120px 0 150px;
    min-height:100vh;
    height:100%;
    overflow:visible;
    background-attachment:scroll;
    background-image:url(../images/monoi.jpg);
    background-position:center center;
    background-repeat:none;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover
}
section#elaia {
    min-height:100vh;
    height:100%;
    padding:90px 0 150px;
    background-attachment:scroll;
    background-image:url(../images/3.jpg);
    background-position:center center;
    background-repeat:none;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover;
    position:relative
}
section#antiliaka {
    min-height:100vh;
    height:100%;
    padding:90px 0 150px;
    background-attachment:scroll;
    background-image:url(../images/4.jpg);
    background-position:center center;
    background-repeat:none;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover;
    position:relative
}
section#somamallia {
    min-height:100vh;
    height:100%;
    padding:90px 0 150px;
    background-attachment:scroll;
    background-image:url(../images/5.jpg);
    background-position:center center;
    background-repeat:none;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover;
    position:relative
}
section#map {
    /* min-height: calc(100vh - 152px); */
	min-height: calc(100vh - 60px);
    height:100%;
    padding:0px 0px 0px 0px !important;
    position:relative;
	width: 100vw !important;
    /* background:rgba(245,
    106,
    77,
    0.4) */
}
section#map .container {
    width:100%;
    padding-right:0;
    padding-left:0
}
section#map .box {
    width:100%;
    padding-right:0;
    padding-left:0
}
section#map .panel {
    border-radius:0
}
section#map .box input {
    background:#ECCFC8;
    border:1px solid grey;
    width:100%
}
.textbox {
    display:block;
    margin:25px auto 0;
    padding:8px 4px 22px;
    max-width:58%;
    min-width:320px;
    background:#F18B21;
    color:#fff;
    font-size:11pt
}
.textbox em {
    font-style:normal;
    display:block;
    font-size:145%;
    margin-bottom:1px
}
.flowcontrol,
.antilcontrol,
.somacontrol {
    display:block;
    width:100%;
    max-height:360px;
    margin:0 auto;
    text-align:center
}
#elaia .container,
#antiliaka .container,
#somamallia .container {
    width:100%;
    padding-right:0;
    padding-left:0
}
#elaia h5,
#antiliaka h5,
#somamallia h5 {
    font-size:40pt;
    padding-top:0;
    margin-top:0;
    margin-bottom:12px;
    text-transform:none;
    letter-spacing:1px
}
#elaia h5 {
    color:#fff
}
#antiliaka h5 {
    color:#F38B36
}
#somamallia h5 {
    color:#fff
}
.flc1,
.flc2 {
    display:block;
    width:25%;
    min-width:240px;
    height:auto;
    position:relative
}
.loc1 {
    z-index:25
}
.loc2 {
    z-index:25
}
.loc3 {
    z-index:26
}
.loc4 {
    z-index:27
}
.loc5 {
    z-index:28
}
.loc6 {
    z-index:29
}
.loc7 {
    z-index:30
}
.loc8 {
    z-index:31
}
.loc9 {
    z-index:32
}
.loc10 {
    z-index:33
}
.loc11 {
    z-index:34
}
.loc12 {
    z-index:35
}
.loc13 {
    z-index:36
}
.loc14 {
    z-index:37
}
.navcontainer,
.navcontainer2,
.navcontainer3 {
    display:block;
    position:relative;
    width:300px;
    height:auto;
    margin:0 auto
}
.slick-slide img {
    margin:0 auto
}
.slick-prev::before,
.slick-next::before {
    color:#000;
    font-family:"Open Sans";
    font-size:90px;
    text-shadow:1px 1px 2px rgba(0,
    0,
    0,
    1);
    line-height:1;
    opacity:.75
}
#elaia .slick-prev::before,
#elaia .slick-next::before {
    color:#fff!important
}
.slick-prev,
.slick-next {
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    color:transparent;
    cursor:pointer;
    display:block;
    font-size:0;
    height:90px;
    line-height:0;
    margin-top:-10px;
    outline:medium none;
    padding:0;
    position:absolute;
    top:50%;
    width:90px
}
.slick-next::before {
    content:">"
}
.slick-prev::before {
    content:"<"
}
/* @media(max-width:480px){html,body{overflow-x:hidden!important}body.modal-open{overflow:hidden!important}a.navbar-brand img {
    width:80%;
    height:auto
}
.clickmeleft,
.clickmeright {
    display:block
}
header .intro-text {
    bottom:14%
}
div.navbar-header.page-scroll {
    width:100vw;
    border-sizing:content-box
}
section#monoi {
    padding:70px 0 150px!important
}
section#elaia {
    padding:70px 0 150px!important
}
section#antiliaka {
    padding:70px 0 150px!important
}
section#somamallia {
    padding:70px 0 150px!important
}
.slick-prev::before,
.slick-next::before {
    font-size:60px;
    font-weight:700;
    text-shadow:1px 1px 2px rgba(0,
    0,
    0,
    1)
}
#elaia h5,
#antiliaka h5,
#somamallia h5 {
    font-size:25pt;
    margin-bottom:20px
}
.navcontainer,
.navcontainer2,
.navcontainer3 {
    height:auto!important
}
}
@media(max-width:360px){section#map{


}
} */
/* @media(max-width:320px){a.navbar-brand{font-size:6px;max-width:260px}a.navbar-brand img {
    width:74%;
    height:auto
}
h3.section-content {
    font-size:10pt;
    min-width:280px
}
.textbox {
    padding:8px 2px 22px;
    min-width:280px;
    font-size:9pt
}
section#monoi {
    padding:50px 0 150px!important
}
section#elaia {
    padding:50px 0 150px!important
}
section#antiliaka {
    padding:50px 0 150px!important
}
section#somamallia {
    padding:50px 0 150px!important
}
header .intro-text {
    bottom:5%;
    max-width:300px;
    min-width:260px
}
header .intro-text .intro-heading {
    font-size:13pt
}
.btn-xl {
    font-size:9pt
}
#elaia h5,
#antiliaka h5,
#somamallia h5 {
    font-size:21pt;
    margin-bottom:5px
}
.arrowholder1,
.arrowholder2,
.arrowholder3 {
    display:block;
    z-index:90;
    position:absolute;
    width:314px;
    top:100px;
    height:290px;
    left:3px;
    right:3px;
    pointer-events:none
}
.slick-prev,
.slick-next {
    pointer-events:auto
}
} */
.antilcontrol div.flc1 {
    background:url(../images/sunprodcover_left.png) center center no-repeat
}
.antilcontrol div.flc2 {
    background:url(../images/sunprodcover_right.png) center center no-repeat
}
.somacontrol div.flc1 {
    background:url(../images/bodyprodcover_left.png) center center no-repeat
}
.somacontrol div.flc2 {
    background:url(../images/bodyprodcover_right.png) center center no-repeat
}
.flowcontrol div.flc1 {
    background:url(../images/oilprodcover_left.png) center center no-repeat
}
.flowcontrol div.flc2 {
    background:url(../images/oilprodcover_right.png) center center no-repeat
}
.flowcontrol div a,
.antilcontrol div a,
.somacontrol div a {
    display:block;
    cursor:pointer;
    margin:0;
    padding:0
}
.flowcontrol div button,
.antilcontrol div button,
.somacontrol div button {
    background-color:transparent;
    background-repeat:no-repeat;
    border:medium none;
    cursor:pointer;
    outline:medium none;
    margin:0 auto;
    padding:0;
    position:relative;
    display:block;
    width:267px
}
.flowcontrol div button img {
    z-index:40
}
.flowcontrol div button .clickmeleft,
.flowcontrol div button .clickmeright {
    z-index:41
}
.antilcontrol div button .clickmeleft,
.antilcontrol div button .clickmeright {
    z-index:41
}
.somacontrol div button .clickmeleft,
.somacontrol div button .clickmeright {
    z-index:41
}
.clickmeleft {
    position:absolute;
    top:22px;
    left:16px;
    width:70px;
    height:72px;
    background:url(../images/clickme.png) no-repeat center center
}
.clickmeright {
    position:absolute;
    top:8px;
    left:36px;
    width:70px;
    height:72px;
    background:url(../images/clickmer.png) no-repeat center center
}
.flowcontrol,
.antilcontrol,
.somacontrol {
    max-width:1100px
}
body.modal-open {
    overflow-y:hidden!important
}
section .row {
    margin:0 auto
}
.close {
    font-size:36px
}
.modal-header .close {
    margin-top:-20px
}
.modal.fade:not(.in) .modal-dialog {
    -webkit-transform:translate3d(-25%,
    0,
    0);
    transform:translate3d(-25%,
    0,
    0)
}
.modal-dialog {
    top:17%
}

.oily {
    background:url(../images/kadrooil.png) no-repeat;
    background-size:100% 100%;
    color:#1B0408
}

.sunny {
    background:url(../images/kadrosun.png) no-repeat;
    background-size:100% 100%;
    color:#1B0408
}

.bodily {
    background:url(../images/kadrosom.png) no-repeat;
    background-size:100% 100%;
    color:#1B0408
}
.sunny h3,
.oily h3,
.bodily h3 {
    /* text-shadow:1px 1px 2px rgba(0,0,0,1) */
}
.conmonoi {
    opacity:1
}
.subeshop {
    display:block;
    margin-left:8px
}
.eshop a {
    color:#e06a72;
    font-size:99%
}
.eshop em {
    font-size:120%;
    color:#e06a72
}
.below {
    margin-top:6px
}
#jlocator > .panel {
    margin-bottom:0!important;
    background:#fff;
    height:100vh
}
.eshop {
    padding-top:24px;
    padding-bottom:24px;
    border-top:1px solid #ccc;
}
/* @media only screen and (max-width: 360px) {
    .eshop {
        padding-top:5px;
        padding-bottom:5px;
    }
} */
#jlocator {
    width:100%;
    float:left;
}
.modal-body h3 {
    padding-top:1px;
    margin-top:1px;
    font-size:13pt;
}
.oily .modal-body h3, .sunny .modal-body h3 {
    color:white;
}

.bodily .modal-body h3 {
    color:#FBD32F;
}

#myModal2 .modal-dialog, #myModal4 .modal-dialog, #myModal6 .modal-dialog, #myModal8 .modal-dialog, #myModal10 .modal-dialog, #myModal13 .modal-dialog, #myModal15 .modal-dialog, #myModal17 .modal-dialog, #myModal19 .modal-dialog, #myModal21 .modal-dialog, #myModal23 .modal-dialog, #myModal25 .modal-dialog, #myModal27 .modal-dialog, #myModal29 .modal-dialog  {
-ms-transform: rotate(7.48deg) !important; /* IE 9 */
    -webkit-transform: rotate(7.48deg) !important; /* Safari */
    transform: rotate(7.48deg) !important;
	}
#myModal1 .modal-dialog, #myModal3 .modal-dialog, #myModal5 .modal-dialog, #myModal7 .modal-dialog, #myModal9 .modal-dialog, #myModal11 .modal-dialog, #myModal12 .modal-dialog, #myModal14 .modal-dialog, #myModal16 .modal-dialog, #myModal18 .modal-dialog, #myModal20 .modal-dialog, #myModal22 .modal-dialog, #myModal24 .modal-dialog, #myModal26 .modal-dialog, #myModal28 .modal-dialog, #myModal30 .modal-dialog { 
  -ms-transform: rotate(-7.48deg) !important; /* IE 9 */
    -webkit-transform: rotate(-7.48deg) !important; /* Safari */
    transform: rotate(-7.48deg) !important;
	}
	.modal {     -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important; }
	.modal .close {     -webkit-box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    box-sizing: inherit !important; margin-top: -6px !important; } .modal button span {     -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important; }
.modal-body p { font-size: 8pt; color: #9A4280; }
.sunny .modal-body p { font-size: 8pt; color: #2A5A21; }
.bodily .modal-body p { font-size: 8pt; color: #fff; }
#jlocator .map{width:75%;height:100vh;float:right;background-color:#a5bfdd}
#jlocator .no-results p{text-align:center;padding:20px 0}
#jlocator .hidden{display:none}
#jlocator .controls{background:#fff;padding-bottom:5px;width:100%;padding:0px 2% 4px 2%;/* float:left; */border-bottom:1px solid #e3e3e3;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#jlocator .autocomplete{display:block;float:left;text-indent:5px;width:150px;height:20px;border:1px solid #ddd;margin:5px 5px 5px 0}
#jlocator > .panel{width:25%;float:left}
/* @media only screen and (max-width : 600px){#jlocator{font-size:13px;line-height:18px;}
#jlocator .map{width:100%;height:300px}
#jlocator .controls{padding-top:10px;padding-bottom:10px;}
#jlocator .controls .box{width:auto}
#jlocator  > .panel{width:100%;height:auto}
} */
#jlocator .stores{overflow:auto;height:333px;display: block; position: relative; margin-top: 2px; width: 100%}
#jlocator .store{cursor:pointer; background: #fff;}
#jlocator .store p{padding:3px 7px;margin:0;border-bottom:1px dashed #ccc;text-shadow:1px 1px 1px #fff; line-height: 1.25;}
#jlocator .store:hover{background-color:#dfe5ff}
#jlocator .active{background-color:#dfe5ff}
#jlocator .title{font-family:'verdana';font-size:13px;line-height:13px;color:#ca3f1a}
#jlocator .tags{color:#7f4f24}
/* @media only screen and (max-width : 600px){#jlocator .stores{height:240px}
} */#jlocator .info-window .store p{border:0;font-size:11px}
#jlocator .info-window .store:hover,#jlocator .info-window .active{background-color:#fff}
#jlocator .country{padding-right:20px}
#jlocator .us{background:url("../img/flags/small/us.png") no-repeat right center}
#jlocator .es{background:url("../img/flags/small/es.png") no-repeat right center}
#jlocator .it{background:url("../img/flags/small/it.png") no-repeat right center}
#jlocator .ru{background:url("../img/flags/small/ru.png") no-repeat right center}
#jlocator .gb{background:url("../img/flags/small/gb.png") no-repeat right center}
#jlocator .au{background:url("../img/flags/small/au.png") no-repeat right center}
#jlocator .fr{background:url("../img/flags/small/fr.png") no-repeat right center}
#jlocator .directions label{color:#1e87aa;background:url("../img/icons/directions.png") no-repeat 0% 50%;padding-left:10px;cursor:help}
#jlocator .directions input{border:1px solid #aaa;height:1.16em;width:200px;margin-left:10px}
#jlocator .info-window .directions{display:none}
#jlocator .search-within-radius .drop-down{margin-right:5px}
#jlocator .search-within-radius .autocomplete{width:130px;margin-right:5px}
#jlocator .search-within-radius .distance{margin-top:6px}
.jplist-hidden{display:none}
.reset-box{margin:4px 5px 5px 0}
.jplist-select{border:1px solid #ddd;height:23px}
.jplist-btn{display:inline-block;padding:3px 10px;margin-bottom:0;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);cursor:pointer;line-height:20px;text-align:center;vertical-align:middle;border:1px solid #ddd;border-radius:2px;background-color:#f5f5f5}
.drop-down{display: block;width:130px;height:26px;border:1px solid #ddd;margin:5px 5px 5px 0; width: 100%;}
.drop-down .panel{width:100%;height:22px;line-height:22px;overflow:hidden;background:#fff url("../img/icons/down.png") no-repeat 99% 50%;cursor:pointer;margin:0;padding:0 0 0 5px}
.drop-down ul{position:relative;top:0;left:-1px;z-index:1000;width:100%;display:none;overflow:hidden;background-color:#fff;border:1px solid #ccc;list-style:none;border-radius:0 0 3px 3px;margin:0;padding:0;}
.drop-down ul li{cursor:pointer;width:100%; float:left;background-color:#fff;padding:0 0 0 5px}
.drop-down ul li:hover{background-color:#ececec}
.drop-down:hover .panel{background:#fff url("../img/icons/down-dark.png") no-repeat 99% 50%}
.filter input{display:block;float:left;text-indent:5px;width:150px;height:20px;border:1px solid #ddd;margin:5px 20px 5px 0}
.search-title{margin:5px 10px 0 0}
.filter-buttons{float:left;clear:left;margin:10px 20px 0 0;}
.filter-buttons input{vertical-align:bottom;background:#fff;border:1px solid #0c5f1f;border-radius:3px;color:#0c5f1f}
.filter-button.selected{border:1px solid #ca3f1a;color:#ca3f1a}
.paging span{cursor:pointer;color:#0381bb;margin:0 10px 0 0}
.paging .current{font-weight:700;color:#f03800}
.filter,.pagingprev,.pagingmid,.pagingnext{float:left}
.paging,.paging-results{float:left;margin:5px 20px 5px 0}
.radio-filters{float:left;margin:5px 15px 0 0;}
.radio-filters input{vertical-align:baseline}
.radio-filters label{margin-right:10px}
.radio{float:left}
.cb-group-filter{float:left;margin:5px 5px 0 0;padding-left:15px;border:1px dotted #9fc2ce;}
.cb-group-filter .cb{float:left;margin-right:10px;}
.cb-group-filter .cb input{vertical-align:text-top}
.jplist-sticky{position:fixed;width:100%;left:0;top:0;z-index:1000;background:#f1f1f1;padding-bottom:5px}
.range-slider{float:left;margin-top:5px;}
.range-slider .value{float:left;margin:0 15px;font-size:12px}
.range-slider .ui-slider{float:left;width:130px}
.ui-slider{margin-top:5px}