/*

Theme Name:     Jupiter Child Theme

Theme URI: 		http://themeforest.net/user/artbees

Description:    Child theme for the Jupiter theme

Author:         Your name here

Theme URI: 		http://themeforest.net/user/artbees

Template:       jupiter

Version:        4.4

*/



/*

Sample : remove the comment and start adding your own custom CSS rules.

*/



#theme-page{

    margin-top: -17px;

}

.acf-map {

    width: 100%;

    height: 850px;

    border: #ccc solid 1px;

    margin: 0 0 30px 0;

}

.acf-map .imgpopup {

    float: right;

    max-height: 200px;

}

.acf-map p,

.acf-map span {

    margin-bottom: 1px;

    color: rgb(142, 142, 142);

    font-weight: 400;

    font-size: 14px;

    width: 500px;

}

.acf-map p a,

.acf-map span a {

    color: #000;

}

.acf-map p a:hover,

.acf-map span a:hover{

    text-decoration: underline;

}

.acf-map span{

  margin-right: 8px;

}

#mk-footer .mk-padding-wrapper .widget {

    margin-bottom: 0;

}

#mk-header .header-logo a img{

    top: 10%;

}

#mk-header .header-logo a img.mk-sticky-logo{

    top: 35%;

}

.page-introduce-title {

    margin: 5px 20px 10px;

}

#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin .separator,

#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a,

#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin{

    color: #777777;

}

.main-navigation-ul li.no-mega-menu ul.sub-menu ul.sub-menu {

    top: -8px;

}

.shop-flat-btn{

    padding: 15px 15px 14px 15px !important;

}

.coupon input.button {

    padding: 15px 15px 14px 15px !important;

}



.archive img.product-loop-image {

    height: 160px;

}

.mk-onsale, .mk-out-stock, .out-of-stock{

    top: 0;

    right: 0;

}

#theme-page .acf-map h4 {

    font-size: 16px;

    width: 500px;

}

.about-content img{

    max-width: 35%;

    margin-bottom: 0;

}

.grid4-box {

    background: #000;

    opacity: .8;

}

#mk-footer .footer-wrapper {

    padding: 10px 0 30px !important;

}

.articles img {

    margin-bottom: 0;

}

.articles{

    margin-bottom: 40px !important;

}

.img-bacu-footer{

    display: none;

}

img.img-marker {

    width: auto;

    float: left;

    max-height: 120px;

    padding-right: 11px;

}





/* responsive */

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

    .mk-footer-copyright{

        padding-left: 15px;

    }

}

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

    .acf-map {

        width: 1020px;

        height: 400px;

    }

}

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

    .grid4-box .vc_gitem-post-data-source-post_title div{

        font-size: 12px !important;

    }

    .grid4-box .vc_gitem-post-data-source-post_excerpt div{

        font-size: 10px !important;

    }

    .grid4-box .vc_btn{

        font-size: 10px !important;

        padding: 5px;

        margin-bottom: 0 !important;

    }

    .grid-country h3{

        font-size: 12px !important;

    }

}

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

    .grid4-box .vc_gitem-post-data-source-post_title div{

        font-size: 19px !important;

    }

    .grid4-box .vc_gitem-post-data-source-post_excerpt div{

        font-size: 13px !important;

    }

    .grid-country h3{

        font-size: 17px !important;

    }

    .acf-map {

        max-width: 770px;

        width:100%;

        height: 340px;

    }

    .container-map{

        width: 700px;

    }

    .acf-map p{

        font-size: 12px;

        width: 340px;

    }

    #theme-page .acf-map h4{

        font-size: 12px;

        width: 340px;

    }

    .about-content img {

        margin-bottom: 15px;

    }

    .mk-product-holder{

        max-width: 290px;

        margin: auto;

    }

}

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

    .about-content img{

        max-width: 100%;

    }

}

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

    .container-map{

        width: 550px;

    }

}

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

    .grid4-box .vc_gitem-post-data-source-post_title div{

        font-size: 16px !important;

    }

    .grid4-box .vc_gitem-post-data-source-post_excerpt div{

        font-size: 12px !important;

    }

    .grid-country h3{

        font-size: 12px !important;

    }

    .container-map{

        width: 430px;

    }

    .acf-map p{

        font-size: 12px;

        width: 270px;

    }

    #theme-page .acf-map h4{

        font-size: 12px;

        width: 270px;

    }

    img.img-marker{

        max-height: 80px;

    }

}



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

    .container-map{

        width: 380px;

    }

}

.confirmation-page{

    min-height: 550px;

}

.page-template-locations-visitors{

    min-height: 500px;

}

.form-locations{

    max-width: 1000px; 

    margin: 30px auto;

}

.form-locations .form-group label{

    min-width: 135px;

}

.form-locations .form-group input{

    height: 30px;

    min-width: 400px;

}

.form-locations input[type="url"] {

    border: 1px solid #dedede !important;

}

.table-locations tbody, .table-locations td, .table-locations th{

    border: 1px solid rgba(221, 221, 221, 0.49);

}

.table-locations tbody tr:first-child{

    background: rgb(247, 247, 247);

}

button.editbtn{

    margin-right: 5px;

    margin-top: -3px;

}

.editbtn{

    background-color: rgba(153, 153, 153, 0.87);

    color: #fff;

    border-radius: 3px;

    padding: 5px 20px;

    border: none;

    cursor: pointer;

}

.editbtn:hover, .editbtn:focus, .editbtn:active{

    background-color: #777;

    color: #fff;

}

.deletebtn{

    background-color: rgba(153, 153, 153, 0.87);

    color: #fff;

    border-radius: 3px;

    padding: 5px 20px;

    border: none;

    cursor: pointer;

}

.deletebtn:hover, .deletebtn:focus, .deletebtn:active{

    background-color: #777;

    color: #fff;

}

.approve-btns{

    margin-top: 20px;

}

.approve-btns a{

    margin-right: 10px;

}

.updatebtn{

    color: #fff;

    background: rgba(153, 153, 153, 0.87);

    padding: 5px 20px;

    border-radius: 3px;

    border: none;

}

.updatebtn:hover{

    background-color: #777;

}

.mapbtn{

    display: block; direction: ltr; 

    overflow: hidden; 

    text-align: center; 

    position: relative; color: rgb(0, 0, 0); 

    font-family: Roboto, Arial, sans-serif; 

    -webkit-user-select: none; 

    font-size: 11px; 

    padding: 8px; 

    border-bottom-left-radius: 2px; 

    border-top-left-radius: 2px; 

    -webkit-background-clip: padding-box; 

    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; 

    min-width: 22px; 

    font-weight: 500; 

    background-color: rgb(255, 255, 255); 

    background-clip: padding-box;

}

.add-new-location-button{

    margin: 10px; 

    z-index: 20; 

    position: absolute; 

    cursor: pointer; 

    right: 16px; 

    top: 20px;

}

.acf-map p{

    width: 100%;

}

#mk-footer{

    position: absolute;

    /*bottom: 0;*/

}

#mk-theme-container{

    height: 100%;

}

#mk-boxed-layout, body{

    height: 100%;

}

.upload{

    float: left;

    position: relative;

}

.upload label{

    width: 135px;

    float: left;

}

.form-locations .form-group{

    width:  100%;

}

#add-approved-locations{

    position: relative;

}

#add-approved-locations #uploadimg {

    position: absolute;

    right: 0;

    top: 65px;

    max-width: 400px;

    max-height: 400px;

}

#add-approved-locations .upload label{

    width: 235px;

}

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

    .hidden-xs{

        display: none;

    }

    form.form-locations {

        max-width: 400px;

        margin-left: 20px;

    }

    .form-locations .form-group label {

        margin-right: 6px;

        min-width: auto;

    }

    .upload{

        margin-left: 0px;

    }

    #submit{

        margin-top: 5px;

    }

}



.fileinputs {

    position: relative;

}



.fakefile {

    position: absolute;

    top: 0px;

    left: 140px;

    z-index: 1;

}

.fakefile .uploadicon{

    width: 50px;

}

#add-approved-locations .fakefile .uploadicon{

    margin-left: 15px;

}

.inputfile {

    position: relative;

    text-align: right;

    -moz-opacity:0 ;

    filter:alpha(opacity: 0);

    opacity: 0;

    min-height: 50px;

    z-index: 2;

}

#uploadimg {

    max-width: 100px;

    max-height: 50px;

    margin-left: 10px;

}



input#address{

    border: 1px solid #e3e3e3;

    padding-left: 11px;

}

 #map {

        height: 200px;

        width: 200px;

        display: none;

      }

.form-locations .form-group input{

    height: 30px;

    min-width: 427px !important;

}

.form-locations .form-group input#submit, .form-locations .form-group input#submitgps{

    min-width: 200px !important;

}

.form-locations .form-group input:focus {

    outline:0;

}

#add-approved-locations .upload {

    position: absolute;

    top: 0;

    right: 0;

    max-width: 212px;

}

#add-approved-locations .upload label{

    max-width: 155px;

    margin-top: 11px;

}

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

    form.form-locations{

        margin-left: 20px;

    }

    #add-approved-locations #uploadimg {

        position: relative;

        right: 0;

        top: 0;

        margin-bottom: 26px;

        max-width: 564px;

        left: 0;

        margin-left: 0;

        width: auto;

    }

}

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

    #add-approved-locations #uploadimg {

        max-width: 300px;

    }

    .form-locations .form-group input {

        min-width: 300px !important;

    }

    .form-locations .form-group label {

        min-width: 135px;

    }

}

.filters-form{

    margin-top: 50px;

}



/* display switch */

.display-list{

    display: none;

    position: relative;

}

.switch-container{

    padding-right: 15px;

}

.switch{

    width: auto;

    float: right;

    margin-top: 27px;

}

.switch span {

    text-align: center;

    border: 1px solid #ccc;

    font-size: 14px;

    padding: 2.5px 6px;

    display: inline-block;

    cursor: pointer;

}

.switch span:first-child {

    padding: 2.5px 8px;

    margin-right: -5px;

    border-right: none;

}

.display-list table th {

    text-align: center;

    padding: 11px 12px;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 14px;

    width: 20%;

}

.display-list table.table-locations{

    margin-top: 20px !important;

}

.display-list .table-locations td, .display-list .table-locations th {

    font-size: 13px;

    padding: 8px 10px;

}

#theme-page .filters-form select{

    min-width: 145px;

    width: 90%;

    padding: 7px 14px 7px 10px;

    color: #777;

    font-weight: normal;

}

.filters-form .form-group{

    width: 15%;

    float: left;

}

.filters-form .form-group label{

    width: 100%;

    margin-bottom: 4px;

}

.filters-form .form-group:first-child input{

    width: 90%;

    padding: 5px 12px;

    border-color: #ccc;

}

.filters-form .form-group.search{

    width: 10%;

}

#search-loc {

    width: 100%;

    float: left;

    height: 29px;

    margin-top: 27px;

}

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

    .filters-form .form-group{

        width: 100%;

        float: left;

    }

    .filters-form .form-group:last-child{

        width: 100%;

    }

    #search-loc {

        width: 160px;

    }

}

.pag_active{

    display: block !important;

}

.switch span i {

    margin-left: 5px;

}

.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;

    position: absolute;

    top: -25px;

    right: 15px;

}

.nrpg{

    cursor: pointer;

}

.pg_active{

    font-weight: bold;

    font-size: 15px;

    cursor: default;

}

#prev i{

    margin-right: 4px;

}

#next i{

    margin-left: 4px;

}

.acf-map .imgpopup {

    float: right;

    max-height: 184px;

    max-width: 49%;

    padding: 0;

}

.no-padding{

    padding: 0;

}

.mapp{

    display: none !important;

}



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

    .form-locations .form-group input#submit{

        margin-left: 0 !important; 

    }

    .acf-map .imgpopup{

        float: none;

    }

}

.responsive .logo img {

    display: none!important;

}

.logo { display: none; }

.custom_image_reclama
{
	width:15%;
	margin-bottom:auto;
	margin-top:auto;
}
.custom_image_reclama img
{
	width:100%;
    padding: 2px 5px 2px 5px;
}

.titlu_reclame_custom
{
	display: flex;
	margin-left: 10px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 1101px)
{
.acf-map
{
	width:unset;
}
}

@media screen and (max-width: 960px)
{
#displaymap
{
	flex-flow:column;
	align-items: center;
}

.custom_image_reclama{
	width:60% !important;
	order:2;
}

.display-map{
	width:100% !important;
	order:1;
}
}

@media screen and (max-width: 768px)
{
.container-map
{
	width:unset;
}
}