/**
 * The style of the footer banner
 *
 * @author Your Inspiration Themes
 * @package YITH Footer Banner
 * @version 1.0.3
 */

/* General */
.group:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow: hidden;
}

.fbanner-placeholder { height: 0px; }

.fbanner {
	clear: both;
	text-align: left;
	border-collapse: separate;
	position: fixed;
	display: block;
	bottom: 0;
	width: 100%;
	z-index: 10000;
	height: 0px;
}

#fbannercont {
    width: 940px;
    /* margin: auto; */
    float: right;
    position: relative;
    display: block;
}

#fbannerlogo, #fbannermess, #fbannernews, form.fbannernewsletter input.text-field, form.fbannernewsletter .submit, .submit-field{
    float: left;
    margin: 0;
}

#fbannermess a {
    text-decoration: none;
}

/* Title and messages */
#fbannermess {
    list-style: none;
    left: 550px;
    position: relative;
    height: 65px;
    top: -201px;
}
#fbannermess li p {
    top: 10px;
    position: relative;
}
#fbannermess h3{
    margin: 0;
    font-weight: 300;
}
#fbannermess li p a{
    line-height: 13px;
}
/* Image */
#fbannerlogo {
    top: -109px!important;
    position: absolute;
    left: 591px;
    width: 336px;
}

#fbannerlogo img {
    border: 0;
    max-width: 100%;
}
 
/* Newsletter form */
form.fbannernewsletter input.text-field{
	background-image: url(../images/mailwhite.png);
    background-position: 98% 50%;
    background-repeat: no-repeat;
    width: 150px;
}

c li.newstop input.text-field {
    float: none;
    background-image: url(../images/icon_name.png);
}

form.fbannernewsletter input.submit-field{
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    height: 27px;
    padding-left: 0;
    padding-right: 0;
    min-width: 70px;
    width: auto;
}

#fbannernews{
    position: relative;
    left: 270px;
}

.newsfields{
    position: relative;
    list-style: none;
    top: 30px;
    float: left;
}

.newsfields li{
    float: left;
}

.fbanner-fields {
    margin: 0 0 0 2px;
}

.fbanner-top-text{
    top: -10px;
    position: relative;
}

.fbanner-top-text.both-fields {
    top: 28px;
    left: 2px;
    position: relative;
    margin-bottom: 5px;
    margin-top: 10px;
}
/* If name field is hidden */
#no-name-field {
    top: 44px;
    position: relative;
}

div#no-name-field input#email {
    margin: 0 2px 0 0;
}

/* Hiderzone */
.hiderzone {
    position: absolute;
    right: 2px;
    bottom: auto;
    top: 2px;
    list-style: none;
}
.hiderzone a { font-size: 10px; }

/* Media Queries */

/* 1200px */
@media (min-width: 1200px) {
    .hiderzone {
        right: 10px;
        top: 20px;
        bottom: 2px;
        list-style: none;
    }
    #fbannermess{max-width: 900px;top:-200px;}
}

@media (max-width: 1200px) {
    .newsfields{top: 10px;}
    .newsfields li{
        float: none;
        margin: 0 0 2px 0;
    }
    .newssubmit{
        float: left;
        margin: -28px 0px 0px 150px;
        position: relative;
    }
    .fbanner-top-text.both-fields {
        top: 8px;
    }
}
@media (min-width: 980px) and (max-width: 1200px) {
    .newssubmit {
        margin: -27px 0px 0px 170px;
    }
    #fbannermess {
    max-width: 540px;
    top: -218px;
}
}
/* iPad portrait */
@media (min-width: 768px) and (max-width: 979px) {
    #fbannercont {width: 724px;}

#fbannerlogo {
    top: -109px!important;
    position: absolute;
    left: 378px;
    width: 336px;
}

#fbannermess{
    list-style: none;
    left: 338px;
    position: relative;
    max-width: 900px;
    height: 70px;
	top: -207px;
}

    #fbannernews{left: 230px;}

    form.fbannernewsletter input.text-field {width:130px ;}

    #no-name-field{top:58px;}

    .hiderzone {
        bottom: auto;
        top: 2px;
        right: 4px;
    }
    .hiderzone a { font-size: 10px; }

    #fbannerlogo {top: 14px;}
}
/* mobile */
@media (max-width: 767px) {
    /*	.fbanner { display: none; }*/
	#fbannermess h3, #fbannermess h3 a {
    color: #FFFFFF;
    font-size: 16px!important;
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    padding-top: 23px!important;
	}
	#fbannerlogo {
    top: -110px!important;
    position: absolute;
    left: 540px;
    width: 0px;
	}
		/*#fbannermess {list-style: none;left: 470px;position: relative;max-width: 100px!important;height: 65px;top: -138px;}
		#fbannermess {background-image: url(http://dev6.sloway.si/odmasi/wp-content/uploads/2020/05/brezplacna-stevilka.png);list-style: none;left: 470px;position: relative; height: 65px;top: -138px;}*/

		#fbannermess img {width: 0px}
	}


}