/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size:62.5%;
}
body {
    font-family: 'FreubelwebLight',Helevtica , Arial;
    font-size:12px;
    color:#444;
    background:#f6f5ec;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    color:#444;
    text-decoration:none;
    transition:color .25s;
}
a:hover {
    color:#444;
}
a:focus {
    outline:0;
}
a:hover,
a:active {
    outline:0;
}
input:focus {
    outline:0;
    border:1px solid #04A4CC;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
p{
    line-height:18px;
    font-family: 'FreubelwebLight',Helevtica , Arial !important;
    font-size:14px;
}
.white{
    background:#fff;
}
.divider{
    border-bottom:1px solid #d3d3d3;
    margin-bottom:25px;
    padding-bottom:25px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper{
    width:930px;
    margin:0 auto;
}
header{
    height:150px;
    width:100%;
    background:#fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
header .banner{
    height:50px;
    padding-top:50px
}
header .banner h1{
    margin:0;
}

header .banner #logo{
    float:left;
}

header .banner #logo a {
    font-family: 'showcard_gothicregular';
    letter-spacing: 10px;
    font-size: 50px;
    color: #aa5588;
    line-height: 45px;
}

header .banner #logo a:hover {
    color: #8b3468;
}


header .banner #userpannel{
    border: 1px solid #fff;
    height: 50px;
    float: right;
    border-radius: 5px;
    background:#AA5588;
    width: 210px;
    position: relative;
}

header .banner #userpannel:hover{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


header .banner #userpannel .userphoto{
    float:left;
    height: 48px;
    overflow: hidden;
}


header .banner #userpannel .username{
    float: left;
    font-size: 15px;
    color: #fff;
    padding: 16px 15px;
    width: 140px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
header .banner #userpannel .greeting {
    display: none;
}

.loginarea {
    margin-bottom: 10px;
}

header .banner #userpannel .usersettings{
    float:left;
    padding:12px;
    border-left:1px dotted #fff;

}
header .banner #userpannel .usersettings i{
    padding:5px;
    color:white;
    position: absolute;
    right: 5px;
    top:12px;
    font-size: 16px;
}

header .banner #userpannel:hover .usersettings .useroptions {
    display:block;
}
header .banner #userpannel .usersettings .useroptions{
    display: none;
    position: absolute;
    top: 48px;
    left: 0px;
    z-index: 200;
    background: #994879;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 208px;
}
header .banner #userpannel .usersettings .useroptions a{
    color:#fff;
    display: block;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted #eeeeee;
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    transition:padding .2s;
}
header .banner #userpannel .usersettings .useroptions a:last-child{
    color:#fff;
    display: block;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px dotted #eeeeee;
    margin: 0px 0px 0px 0px;
}
header .banner #userpannel .usersettings .useroptions a:hover{
    color:#eeeeee;
    padding-left: 10px;
}
header .banner #userpannel .usersettings .arrow-up {
    display: none;
    border-bottom: 10px solid #AA5588;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 10px;
    position: absolute;
    top: 47px;
    width: 0;
}

header .banner  .loggedoutbox{
    font-size: 13px;
    float: right;
    width:275px;
    margin-top: -40px;
}

header .banner  .loggedoutbox div{
    float:right;
    padding:15px;
    border-radius:5px;
    margin-left:5px;
    color:#fff;
    position: relative;
}
header .banner .loggedoutbox .login{
    background:#E0D541;
}
header .banner .loggedoutbox .login:hover {
	cursor:pointer;
}
header .loggedoutbox .login a,
header .loggedoutbox .signup a {
    color: #fff;
}
/*header .banner .loggedoutbox .login:hover .validation,
header .banner .loggedoutbox .login:hover .arrow-up,*/
header .banner .loggedoutbox .active .validation,
header .banner .loggedoutbox .active .arrow-up{
    display:block !important;
    cursor:pointer !important;
}
header .banner .loggedoutbox .login .validation{
    background: none repeat scroll 0 0 #E0D541;
    display: none;
    left: -137px;
    padding: 10px;
    position: absolute;
    top: 47px;
    margin-top:10px;
    z-index: 200;
}
header .banner .loggedoutbox .login .validation .loginarea{
    padding:0;
    margin:0;
}
header .banner .loggedoutbox .login .validation input{
    background: none repeat scroll 0 0 #EEEEEE;
    border: medium none;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 10px 5px;
}
header .banner .loggedoutbox .login .validation input[type="submit"]{
    background:#9A9118;
    width:100%;
    color:#fff;
}
header .banner .loggedoutbox .login .validation input[type="submit"]:hover{
    background:#B7AB1E;
}
header .banner .loggedoutbox .login .arrow-up {
    display:none;
    border-bottom: 10px solid #E0D541;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 25px;
    position: absolute;
    top: 47px;
    width: 0;
}

header .banner .loggedoutbox .signup{
    background:#5BAAC9;
}
header .banner .loggedoutbox .signup:hover .validation,
header .banner .loggedoutbox .signup:hover .arrow-up{
    display:block;
    cursor:pointer;
}
header .banner .loggedoutbox .signup .validation{
    background: none repeat scroll 0 0 #5BAAC9;
    display: none;
    left: -130px;
    padding: 10px;
    position: absolute;
    top: 45px;
    margin-top:10px;
    z-index: 200;
}
header .banner .loggedoutbox .signup .validation input{
    background: none repeat scroll 0 0 #EEEEEE;
    border: medium none;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 10px 5px;
}
header .banner .loggedoutbox .signup .validation input[type="submit"]{
    background:#255C72;
    width:100%;
    color:#fff;
}
header .banner .loggedoutbox .signup .validation input[type="submit"]:hover{
    background:#2F738C;
}
header .banner .loggedoutbox .signup .arrow-up {
    display:none;
    border-bottom: 10px solid #5BAAC9;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 25px;
    position: absolute;
    top: 45px;
    width: 0;
}
header .banner .loggedoutbox .eigenblog{
    background:#D38885;
}
header .banner .loggedoutbox .eigenblog:hover{
    background:#7A302C;
}

header .banner .socialmedia{
    float:left;
    margin-left:10px;
}
header .banner .socialmedia i {
    border-radius: 50%;
    color: #FFFFFF;
    height: 32px;
    line-height: 11px;
    margin: 10px 5px 0px 0px;
    text-align: center;
    width: 32px;
    padding: 11px 12px 11px 8px;
}
header .banner .socialmedia i.fa-twitter:before,
header .banner .socialmedia i.fa-facebook:before,
header .banner .socialmedia i.fa-instagram:before,
header .banner .socialmedia i.fa-pinterest:before,
header .banner .socialmedia i.fa-youtube-play:before,
header .banner .socialmedia i.fa-whatsapp:before{
    display: block;
    width: 10px;
    height: 10px;
    text-align: center;
    font-size: 18px;
}
header .banner .socialmedia i.fa-twitter {
    background:#91bec1;
}
header .banner .socialmedia i.fa-facebook {
    background:#dd8322;
    padding: 11px 12px 11px 11px;
}
header .banner .socialmedia i.fa-instagram {
    background:#a22529;
}
header .banner .socialmedia i.fa-pinterest{
    background:#0e4d76;
}
header .banner .socialmedia i.fa-youtube-play{
    background:red;
}
header .banner .socialmedia i.fa-whatsapp {
    background: #458B00;
}
#menu-main-menu{
    list-style: none;
    margin:28px 0 13px;
    background:#fff;
    width:100%;
    float:left;
    padding:0;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    border-radius: 5px;
    overflow:hidden;
}
#menu-main-menu li{
    float:left;
    padding:15px 25px;
    font-size:20px;
    border-right:1px dotted #E5E5E5;
    position: relative;
}
#menu-main-menu li:before{
    content:"\f111";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: -103px;
    left: 50%;
    font-size: 120px;
    margin-left: -50px;
    color:#E0DFD5;
}
#menu-main-menu li.current-menu-item:before{
    color:#AA5588;
}
#menu-main-menu li.current-menu-item a{
    color:#333333;
}
#menu-main-menu li.current-menu-item a span{
    color:#9F9F9F;
}

#menu-main-menu li a{
    color:#808080;
}
#menu-main-menu li a:hover{
    color:#333;
}
#menu-main-menu li a span{
    font-size: 14px;
    display: block;
    color:#bfbfbf;
    transition: color .25s;
}

#menu-main-menu li a:hover span{
    font-size: 14px;
    display: block;
    color:#808080;
}
.search{
    width: 55px;
    float: left;
    margin: 15px 0px;
    height: 68px;
    background: #fff;
    display: none;
}
.search .searchicon{
    float: right;
    margin: 12px 5px;
}
.search .searchicon i{
    color:#fff;
    border-radius:50%;
    padding:15px;
    font-size:16px;
    background:#D2D0C2;
}

.register-form #register {
    background-image: none!important;
    background-color: #AA5588!important;
    border: none;
    width: 100%;
    font-family: 'FreubelwebLight',Helevtica , Arial;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
}

.loadingicon{
    opacity:1;
    height:65px;
    width:70px;
    background:url('img/loadingicon.gif');
    margin: 250px auto;
}
.displaynone{
    display:none;
}
#freubelblog{
    margin:0px 0px 0px -30px;;
    padding:0;
    list-style: none;
    opacity:0;
}
#freubelblog li{
    float:left;
    width:210px;
    margin:0px 0px 30px 30px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
#freubelblog li .inner{
    padding:10px;
}
#freubelblog li .titlebox{

}
#freubelblog li .titlebox h3{
    margin:0;
    padding:0px 0 10px;
    border-bottom:1px dotted #E5E5E5;
}
#freubelblog li .infobox{
    display:block;
    width:33%;
    float:left;
    text-align: center;
    font-size: 14px;
    border-right:1px dotted #E5E5E5;
    padding:10px 0px;
}
#freubelblog li .infobox:last-child{
    border-right:0px;
}
#freubelblog li .infobox i{
    padding:5px;
    color:#fff;
    border-radius:50%;
}
#login{
    /*padding-top:0px;*/
    margin: auto;
    padding: 8% 0 0;
    width: 320px;
}
#login h1{
    display:none !important;
}

.login h1 a {
    background-image: url('/wp-content/themes/Freubelweb/img/logo_freubelweb.png') ;
    background-size:359px 60px;
    background-position:center;
    background-repeat: no-repeat;
    width: 359px;
    height: 57px;
    display: block;
    margin-left:-13px;
}
#wp-submit{
    background-image:none!important;
    background-color:#AA5588!important;
    border:none;
    width:100%;
    font-family: 'FreubelwebLight',Helevtica , Arial;
    font-size:18px;
    padding: 10px;
    border-radius: 5px;
    color:#FFF;
}
#login_error{
    font-family: 'FreubelwebLight',Helevtica , Arial;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #e3e3e3;
}
.login form {
    margin-left: 0px;
    padding: 26px 24px 46px;
    width:278px;
    font-weight: normal;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
    box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px
}
#login label{
    color:#555 !important;
    font-family: 'FreubelwebLight',Helevtica , Arial;
    font-weight:300;
    font-size:18px !important;
    line-height:30px;
}
#backtoblog, .forgetmenot, .message.register{
    display:none;
}
body.login {
    background: none repeat scroll 0 0 #FFFFFF;
}
#nav{
    text-align:center;
}
.login form .input, input[type="text"], textarea, input[type=text], input[type=password], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=url]{
    color: #555;
    font-weight: 200;
    font-size: 18px;
    line-height: 1;
    width: 100%;
    padding: 3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    padding:10px;
}

.color1 { background:#acc377 !important; }
.color2 { background:#9f7938 !important; }
.color3 { background:#e4b318 !important; }
.color4 { background:#a1c9cc !important; }
.color5 { background:#b43433 !important; }
.color6 { background:#cec88e !important; }
.color7 { background:#1a6489 !important; }
.color8 { background:#cfc780 !important; }
.color9 { background:#a0c9c9 !important; }
.color10 { background:#ef9826 !important; }
.color11 { background:#e1d8a6 !important; }
.color12 { background:#d7b5cf !important; }
.color13 { background:#705e3c !important; }
.color14 { background:#e7d467 !important; }
.color15 { background:#da9b9c !important; }
.color16 { background:#6cb8d7 !important; }
.color17 { background:#a1c9cc !important; }
.color18 { background:#cec77f !important; }
.color19 { background:#acc377 !important; }

.colortxt1 { color:#acc377 !important; }
.colortxt2 { color:#9f7938 !important; }
.colortxt3 { color:#e4b318 !important; }
.colortxt4 { color:#a1c9cc !important; }
.colortxt5 { color:#b43433 !important; }
.colortxt6 { color:#cec88e !important; }
.colortxt7 { color:#1a6489 !important; }
.colortxt8 { color:#cfc780 !important; }
.colortxt9 { color:#a0c9c9 !important; }
.colortxt10 { color:#ef9826 !important; }
.colortxt11 { color:#e1d8a6 !important; }
.colortxt12 { color:#d7b5cf !important; }
.colortxt13 { color:#705e3c !important; }
.colortxt14 { color:#e7d467 !important; }
.colortxt15 { color:#da9b9c !important; }
.colortxt16 { color:#6cb8d7 !important; }
.colortxt17 { color:#a1c9cc !important; }
.colortxt18 { color:#cec77f !important; }
.colortxt19 { color:#acc377 !important; }

#freubelblog li .infobox span{
    font-size:14px;
    color:#7f7f7f;
}
.cb_freubelcontainer{
    padding:30px 30px 15px  30px;
    font-size:12px;
}
.cb_freubelcontainer .addthis_button_facebook, .cb_freubelcontainer .addthis_button_twitter, .cb_freubelcontainer .addthis_button_pinterest_share, .cb_freubelcontainer .addthis_button_compact {
    border-radius: 5px;
    overflow: hidden;
    margin-right: 2px;
    width: 36px;
    margin-bottom:5px;
}
.cb_freubelcontainer .addthis_button_compact {
    margin-right:0px;
}
.cb_freubelcontainer .cb_left{
    width:500px;
    float:left;
    padding-right:30px;
    border-right: 1px dotted #BFBFBF;
}
.cb_freubelcontainer .cb_left .cb_freubelitem{
    border-bottom: 1px dotted #BFBFBF;
    margin-bottom: 15px;
}
.cb_freubelcontainer .cb_left .cb_freubelitem h4{
    margin: 0;
    font-size: 24px;
}
.cb_freubelcontainer .cb_left .cb_freubelitem .cb_button{
    background: #AA5588;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 15px 0px;
}
.cb_freubelcontainer .cb_left .cb_freubelitem .cb_button:hover {
    opacity: 0.9;
}

.bib_inner .onehalf .cb_button {
    background: none repeat scroll 0% 0% #A58;
    border: medium none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    margin: 15px 0px;
}

.bib_inner .onehalf .cb_button:hover{
    opacity: 0.9;
}

.bib_inner a{ margin:0 3px; color:#A58; }
.bib_inner .addthis_toolbox a{ margin:0; }
.bib_inner .button{ color:#fff; }

.cb_freubelcontainer .cb_left .cb_freubelitem .cb_categories{
    margin:5px 0px 15px;
    display:block;
    font-size:14px;
}
.cb_freubelcontainer .cb_left .cb_freubelitem .cb_categories a{
    color:#AA5588;
    text-decoration: underline;
}
.cb_freubelcontainer .cb_left .cb_freubelitem .cb_categories a:hover{
    text-decoration: none;
}
.cb_freubelcontainer .cb_left .cb_related{

}
.cb_freubelcontainer .cb_left .cb_related h5{
    margin: 0 0 15px;
    font-size: 16px;
}
.cb_freubelcontainer .cb_left .cb_related .cb_onethird{
    float:left;
    width:149px;
    margin-right:10px;
}
.cb_freubelcontainer .cb_left .cb_related .cb_onethird:last-child{
    margin-right:0px;
}
.cb_freubelcontainer .cb_left .cb_related .cb_onethird h6{
    margin:10px 0px 0px;
    font-size:12px;
}
.cb_freubelcontainer .cb_left .cb_related .cb_onethird h6 a{
    color:#AA5588 !important;
    text-decoration: underline;
}

.cb_freubelcontainer .cb_right{
    width:150px;
    float:left;
    margin-left:30px;
}
.cb_freubelcontainer .cb_right .cb_iteminfo{
    min-height: 40px;
}
.cb_freubelcontainer .cb_right .cb_iteminfo span{
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
}
.cb_freubelcontainer .cb_right .cb_iteminfo span:first-child{
    margin-top:0px;
}
.cb_freubelcontainer .cb_right .cb_iteminfo a{
    color:#AA5588 !important;
    text-decoration: underline;
    font-size:14px;
}
.cb_freubelcontainer .cb_right .cb_advert{
    margin:30px 0px;
    padding:30px 0px;
    border-bottom: 1px dotted #BFBFBF;
    border-top: 1px dotted #BFBFBF;
}
.cb_freubelcontainer .cb_right .cb_advert img{

}
.cb_freubelcontainer .cb_right .cb_love_button{
    background: #AA5588;
    border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 15px 0px;
    display:block;
}
.cb_freubelcontainer .cb_right .cb_stats{
    margin: 30px 0px;
    font-size: 14px;
}
.cb_freubelcontainer .cb_right .cb_socialmedia{
    display: block;
    margin: 30px 0px;
    padding: 30px 0px;
    border-top: 1px dotted #BFBFBF;
}
.bib_header{
    background: #d3d3d3;
    height: 150px;
    width: 930px;
    border-radius: 5px;
    overflow: hidden;
    margin: 30px 0px;
}
.bib_container{
    font-size:14px;
    margin:0px 0px 50px 0px;
}
.bib_container .blogbox{
    background:#fff;
    float:left;
    width:100%;
    border-radius:5px;
    margin-bottom:30px;
    box-shadow:  0 0 5px rgba(0, 0, 0, 0.1);
}

.bib_container .blogbox img{
    width: 100%;
}

.bib_container .blogbox .button:hover{
    background: none repeat scroll 0 0 #cb66a4;
}


.bib_container .blogbox:last-child{
    margin-bottom:50px;
}
.bib_container .blogbox .bib_inner{
    padding:0px 15px;
}
.bib_container .blogbox .bib_inner img{
    height:auto;
    margin-left: -15px;
    max-width: 107.5%;
    /*  max-height: 450px; */
}
.bib_container .blogbox h3{
    font-size: 20px;
    margin: 15px 0px 10px;
    font-weight: bold;
}
.bib_container .blogbox h4{
    font-size: 16px;
    font-weight: bold;
}
.bib_container .blogbox span{
    /* display:block; */
    margin:10px 0px;

}
.bib_container .blogbox span.bib_date{
    color:#C3C3C3;
}
.blogbox .cattagblock{
    border-top:1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
    padding: 10px 0px;
    margin-bottom: 15px;
}
.blogbox .cattagblock .bib_cat{
    display:inline;
}
.blogbox .cattagblock a{
    color:#AA5588;
}

.bib_onehalf{
    width:435px;
    float:left;
    margin-right:30px;
}
.bib_onefourth{
    float:left;
    width:217px;
}
.bib_onefourth h3{
    font-size: 20px;
    margin: 15px 0px 10px;
    font-weight: bold;
}
.bib_onefourth h3:first-child{
    margin-top:0px;
}
.bib_onefourth img{
    margin:0 !important;
}
.bib_onefourth .sidebarbox{
    border-bottom: 1px dotted #BFBFBF;
    padding-top:15px;
}
.bib_onefourth .sidebarbox:first-child{
    padding-top:0px;
}
.bib_userphoto{
    width: 217px;
    height: auto;/*height: 217px;*/
    overflow: hidden;
    border-radius: 5px;
    box-shadow:  0 0 5px rgba(0, 0, 0, 0.1);
}
.bib_userinfo{

}
.bib_userinfo h2{
    margin:15px 0px 5px 0px;
}
.bib_userstats{
    border-top: 1px dotted #BFBFBF;
    border-bottom: 1px dotted #BFBFBF;
    padding:25px 0px;
    margin:25px 0px;
}
.bib_userstats span{
    display:block;
    margin:5px 0px;
}
.bib_userstats .fa{
    margin-right: 5px;
    width: 15px;
}
.blogow{
    margin-bottom:15px;
}
.blogow span{
    float:left;
    margin-right:30px !important;
    line-height:8px;
}
.circle{
    border-radius: 50%;
    padding: 5px;
    color: #fff;
    float:left;
    margin-right:5px;
}

.bib_socialmedia{

}
.bib_socialmedia span{
    display:block;
    margin:5px 0px;
}
.bib_socialmedia .fa{
    margin-right: 0px;
    width: 15px;
}
.bib_onefourth:first-child{
    margin-right:30px;
}
.upgradecontainer{
    margin:0 0 0 0;
}
.upgradecontainer .stepone{
    width:425px;
    margin:0 auto;
}
.upgradecontainer .stepone .login{
    float:left;
    padding:0px;
    width:200px;
    border-radius: 5px;
    color: #FFFFFF;
    background: none repeat scroll 0 0 #E0D541;
    padding: 10px;
    position: relative;
    margin-right:20px;
}
.upgradecontainer .stepone .login h3{
    margin:0 0 10px;
}
.upgradecontainer .stepone .login input{
    background: none repeat scroll 0 0 #EEEEEE;
    border: medium none;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 10px 5px;
    width:100%;
}
.upgradecontainer .stepone .login input[type="submit"]{
    background: none repeat scroll 0 0 #9A9118;
    color: #FFFFFF;
    width: 100%;
}
.upgradecontainer .stepone .login input[type="submit"]:hover{
    background: #B7AB1E;
}
.upgradecontainer .stepone .login .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #E0D541;
    position: absolute;
    bottom:-20px;
    left:80px;
}
.upgradecontainer .stepone .basicaccount{
    float:left;
    padding:0px;
    width:200px;
    border-radius: 5px;
    color: #FFFFFF;
    background: none repeat scroll 0 0 #5BAAC9;
    padding: 10px;
    position: relative;
}
.upgradecontainer .stepone .basicaccount h3{
    margin:0 0 10px;
}
.upgradecontainer .stepone .basicaccount input{
    background: none repeat scroll 0 0 #EEEEEE;
    border: medium none;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 10px 5px;
    width:100%;
}
.upgradecontainer .stepone .basicaccount input[type="submit"]{
    background: none repeat scroll 0 0 #255C72;
    color: #FFFFFF;
    width: 100%;
}
.upgradecontainer .stepone .basicaccount input[type="submit"]:hover{
    background: #2F738C;
}
.upgradecontainer .stepone .basicaccount .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #5BAAC9;
    position: absolute;
    bottom:-20px;
    left:80px;
}
.upgradecontainer .stepone .account{
    margin:0 auto;
    padding:0px;
    width:200px;
    border-radius: 5px;
    color: #FFFFFF;
    background: none repeat scroll 0 0 #AA5588;
    padding: 10px;
    position: relative;
}
.upgradecontainer .stepone .account h3{
    margin:0 0 10px;
    text-align:center;
    text-transform: capitalize;
}
.upgradecontainer .stepone .account img{
    margin-left:65px;
    margin-bottom:10px;
}
.upgradecontainer .stepone .account .type{
    display:block;
    text-align: center;
}
.upgradecontainer .stepone .account .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #AA5588;
    position: absolute;
    bottom:-20px;
    left:80px;
}
.upgradecontainer .steptwo{
    width:100%;
}
.upgradeaccountblock {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size:14px;
    box-shadow:1px 1px 1px 1px #d3d3d3;
}
.upgradeaccountblock .button{
    width:100%;
    text-align:center;
}
.upgradeaccountblock ul {
    list: style;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.upgradeaccountblock ul li {
    margin: 10px 0px;
}
.gratis ul li:before{
    color:#ef9826;
}
.persoonlijk ul li:before{
    color:#a1c9cc;
}
.commercieel ul li:before{
    color:#acc377;
}
.upgradeaccountblock ul li:before{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content:"\f00c";
    padding-right:10px;
}
.upgradeaccountblock ul li.not {
    color:#d3d3d3;
}
.upgradeaccountblock ul li.not:before{
    content:"\f0c8";
    color:#fff;
}
.upgradeaccountblock .price{
    margin: 20px 0px;
    font-size: 24px;
    padding: 10px 0px;
    border-top: 1px dotted #d3d3d3;
    border-bottom: 1px dotted #d3d3d3;
}
.steptwo h4 {
    font-size: 28px;
    margin: 0px 0px 10px;
}
.page_container{
    width:930px;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding:15px;
}
.page_container h2, .page_container h3{
    margin:0;
    font-family:'FreubelwebLight';
    font-size:20px;
}

.featuredusercontainer{
    margin:0 0 25px 0px;
    width:100%;
}
    .featuredusercontainer h4{
        font-size: 28px;
        margin: 0px 0px 10px;
    }
    .featuredusercontainer .onefourth{
        border-radius:5px;
        overflow:hidden;
        margin:0 2% 2% 0;
    }
        .featuredusercontainer .onefourth span{
            display:block;
            padding:10px;
            font-size:18px;
        }



#giveaways{
    margin:0px 0px 30px -30px;
    padding:0;
    list-style: none;
    display:block;
}
#giveaways li{
    float:left;
    width:450px;
    margin:0px 0px 30px 30px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
#giveaways li .inner{
    padding:10px;
}
#giveaways li h3{
    margin:0;
    font-weight:700;
    font-size:18px;
}
#fanshop{
    margin:0px 0px 30px -30px;
    padding:0;
    list-style: none;
    display:block;
}
#fanshop li{
    float:left;
    width:450px;
    margin:0px 0px 30px 30px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
#fanshop li .inner{
    padding:10px;
}

#fanshop li h3{
    margin:0;
    font-weight:700;
    font-size:18px;
}
#fanshop li h4{
    font-size: 21px;
    font-weight: 700;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0px;
    margin:10px 0px;
}
.bestelform h5{
    font-size: 22px;
    margin: 0px;
}
.bestelform .bestel-formfield {
    background: #91BEC1;
    padding: 15px 10px;
    margin-bottom:15px;
}
.bestelform .bestel-formfield label {
    width: 43%;
    display: inline-block;
    text-align: right;
    padding: 12px;
    color:#fff;
}
.bestelform .bestel-formfield input[type="text"] {
    width: 57%;
    padding: 10px;
    border: none;
    border-radius: 5px;
}
.bestelform .bestel-formfield select{
    padding: 10px 5px;
    border: none;
    border-radius: 5px;
    width: 65%;
}
.bestelform .bestelform-price{
    margin:15px 0px;
}
.bestelform .bestelform-price span{
    font-size:22px;
}
.gratisaccregister h5{
    font-size:22px;
    margin:0px;
}
.gratisaccregister .formfield {
    background: #91BEC1;
    padding: 15px 10px;
    margin-bottom:15px;
}
.gratisaccregister .formfield label {
    width: 35%;
    display: inline-block;
    text-align: right;
    padding: 12px;
    color:#fff;
}
.gratisaccregister .formfield input[type="text"] {
    width: 65%;
    padding: 10px;
    border: none;
    border-radius: 5px;
}
.gratisaccregister .formfield select{
    padding: 10px 5px;
    border: none;
    border-radius: 5px;
    width: 65%;
}

footer{
    height:40px;
    width: 100%;
    background: #fff;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
    bottom: 0pt;
    left: 0pt;
    color:#A1A1A1;
}
footer .wrapper{
    padding-top:15px;
}
footer .wrapper .copyright{
    float:left;
    width:50%;
}
footer .wrapper .footermenu{
    float:right;
    text-align:right;
    width:50%;
}

/*------------------------------------*\
    MAILCHIMP
\*------------------------------------*/

#mc4wp_email{
    width: 35%;
    padding: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
}
.nieuwsbrief input[type="submit"]{
    width: 35%;
    padding: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    background:#AA5588;
    color:#fff;
}
.mc4wp-error{
    width:35%;
    text-align: center;
}
/*------------------------------------*\
    LOVE
\*------------------------------------*/

.buttonlove{

}

.loved{
    background:#999 !important;
}
.loved:hover{
    color:#fff;
    text-decoration:none;
    /*cursor:default;*/
    opacity:1;
}
.older{
    float:left;
}
.older a, .newer a{
    padding:10px 15px;
    background:#AA5588;
    color:#fff;
    border-radius:5px;
}
.newer{
    float:right;
}
.home .morenav, .home .older, #freubelblogcontainer .morenav, #freubelblogcontainer .older{
    position:relative;
    width:100%;
    z-index:1000;
}
.home .morenav .older .click, #freubelblogcontainer .morenav .older .click {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom:25px;
    background:#AA5588;
    color:#fff;
    border-radius:5px;
    padding:15px;
}
.home .morenav .older .click:hover, #freubelblogcontainer .morenav .older .click:hover {
    cursor:pointer;
}
.home .morenav .value, #freubelblogcontainer .morenav .value{
    visibility: hidden;
}
.loadingmore{
    width:100%;
    text-align: center;
    display:none;
}

/*------------------------------------*\
    REAL COLORBOX
\*------------------------------------*/

#cboxClose {
    right: -15px !important;
    top: -20px !important;
    width: 25px !important;
    height: 25px;
}
#cboxClose:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f057";
    font-size: 28px;
    color: #b4701f;
    border-radius: 50px;
    padding:2px;
    background: white;
}
#cboxContent{
    overflow:visible !important;
}

/*------------------------------------*\
    SHORTCODES
\*------------------------------------*/

.onehalf{
    width:49%;
    margin-right:2%;
    float:left;
}
.onethird{
    width:31%;
    margin-right:2%;
    float:left;
}
.twothird{
    width:64%;
    margin-right:1%;
    float:left;
}
.onefourth{
    width:23%;
    margin-right:2%;
    float:left;
}
.last{
    margin-right:0;
}


/*------------------------------------*\
    BUTTON
\*------------------------------------*/

.button{

    border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0px;
    display:inline-block;
}
.button:hover{
    color:#fff;
    background: #AE5181;
}
.purple{
    background:#AA5588;
}
.grey{
    background:#d3d3d3;
}
.grey:hover{
    background:#d3d3d3;
    cursor:default;
}

/*------------------------------------*\
    COMMENTS
\*------------------------------------*/

.form-allowed-tags, .logged-in-as, .comment-reply-title, .comment-form-comment label {
    display: none;
}

.comment-form-comment {
    padding: 25px 0px 0px;
    border-top: 1px dotted #BFBFBF;
    margin: 25px 0px 0px;
}

.comment-form-comment textarea{
    background: #F6F6F6;
    border: none;
    border-radius: 5px;
    width: 100%;
}
#commentform .form-submit input[type='submit']{
    background: #AA5588;
    border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 15px 0px;
    display:block;
}

.comments ul{
    margin: 0;
    padding: 0px;
    list-style: none;
}
.comments ul li{
    margin: 15px 0;
}
.comments ul li .children{
    float:left;
    margin-left:25px;
}
.comments ul li .children li .comment-author{
    width:320px;
}
.comment-photo{
    float:left;
    width:50px;
    margin-right:10px;
}
.comment-photo img{
    margin-left:0px !important;
}
.comment-author{
    float: left;
    width: 345px;
}
.comment-author p{
    margin:0;
}

.reply a{
    color: #AA5588;
    text-decoration: underline;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'FreubelwebBold';
    src: url('fonts/freubelweb-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/freubelweb-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/freubelweb-bold-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/freubelweb-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/freubelweb-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'FreubelwebLight';
    src: url('fonts/freubelweb-light-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/freubelweb-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/freubelweb-light-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/freubelweb-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/freubelweb-light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Freubelweb';
    src: url('fonts/freubelweb-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/freubelweb-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/freubelweb-regular-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/freubelweb-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/freubelweb-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/fontawesome-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

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

}
.login.res {
    display: none!important;
}
.login.res a {
    color: #fff;
}

.wrapper {padding-bottom:40px;}
#menu-main-menu{margin:0;width:auto;box-shadow:none;}
.search{float:right;display:block;margin:0;background:none;cursor:pointer;}
#searchbox{display:none;position:absolute;top:70px;right:0px;width:364px;height:481px;z-index:100;font-size:14px;}
#searchbox.visible{display:block;}
#searcharrow{float:right;height:15px;background:url('/wp-content/themes/Freubelweb/img/searchconn.png') no-repeat right bottom transparent;width:364px;}
#searchblock{float:right;background:#AB5689;padding:10px;margin:0;width:364px;height:466px;border-radius:5px;}
#searchul{float:left;width:90px;margin:0;padding:0;}
#searchul li{float:left;list-style:none;width:100px;margin:0 -10px 0px 0;background:url('/wp-content/themes/Freubelweb/img/searchfilter.png') no-repeat left bottom transparent;padding:15px 10px 15px;color:#FFFFFF;cursor:pointer;}
#searchul li:hover,#searchul li.active{margin-top:-1px;padding-bottom:16px;padding-top:15px;background:url('/wp-content/themes/Freubelweb/img/searchfilter.png') no-repeat left top transparent;color:#404040;border-radius:5px;}
#searchul li.first.active,#searchul li.first:hover{margin-top:0px;padding-bottom:15px;padding-top:15px;}
#searchinner{position:relative;float:left;background:#FFFFFF;width:254px;border-radius:5px;height:446px;}
#searchinner .list{height:390px;overflow-y:auto;overflow-x:hidden;}
#searchinner .list .fade{position:absolute;bottom:56px;left:0;height:35px;width:228px;background:url('/wp-content/themes/Freubelweb/img/searchfade.png') repeat-x left bottom transparent;}
#searchinner ul{width:234px;height:380px;margin:10px;padding:10px 10px 30px;}
#searchinner ul li{float:left;width:100%;list-style:none;padding:2px 0;}
#searchinner ul li.isotope-item.isotope-hidden{display:none;}
#searchinner ul li.letter{font-size:16px;padding-top:5px;font-weight:700;}
#searchinner ul li span{color:#C8C8C8;}
#searchinner ul li span:before{content:' (';}
#searchinner ul li span:after{content:')';}
#searchinner #searchinput {position:relative;}
#searchinner #searchinput input {height:30px !important;}
#searchinput input{color:#808080;}
#searchinput span.fa-search{position:absolute;top:17px;left:20px;font-family:'Fontawesome';font-size:16px;display:inline-block;color:#808080;background:#F1F1F1;}
#searchinput input{background:#F1F1F1;width:234px;border-radius:5px;padding:7px 7px 7px 30px;border:0;color:#444444; margin:10px;}
.search {width:auto;padding-right:20px;}
.search .searchicon{float:left;margin-top:15px;width:126px;}
.search .searchicon i{float:left;background:#AB5689;padding:7px;margin-right:10px;margin-top:5px;}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/*
@media only screen and (min-width: 320px) and (max-width: 480px){

    .wrapper{
        margin:0px 10px;
        width:340px;
    }
    #menu-main-menu{
        width:100%;
    }
        #menu-main-menu li{
            width:100%;
        }
    .search{
        display:none;
    }
    header{
        height:260px;
    }
        header .banner .socialmedia {
            width: 100%;
            text-align: center;
        }
    header .banner #userpannel{
        float:none;
    }
        header .banner #userpannel .username .greeting{
            display:none;
        }
        header .banner #userpannel .usersettings{
            float:right;
        }
    .wrapper #logo{
        width:100%;
        margin-top: 5px;
        text-align:center;
    }
        #freubelblog{
            margin:0px 0px 0px -15px;
        }
        #freubelblog li{
            width:100%;
            margin:0px 0px 15px 15px;
        }
}
@media only screen and (min-width: 480px) and (max-width: 767px){

    .wrapper{
        margin:0px 10px;
        width:600px;
    }
    footer{
	position: static !important;
	height: 80px;
    }
    .search{
        display:none;
    }
    header .banner .socialmedia{
        width: 90px;
    }
        header .banner .socialmedia i{
            padding:5px;
            margin:10px 2px;
        }
    header .banner #userpannel .username{
        font-size:14px;
    }
        header .banner #userpannel .username .greeting{
            display:none;
        }
        #menu-main-menu{
            width:100%;
        }
            #menu-main-menu li{
                width:50%;
            }
        .wrapper #logo{
            width:220px;
            margin-top: 5px;
        }
            #freubelblog{
                margin:0px 0px 0px -15px;
            }
                #freubelblog li{
                    width:292px;
                    margin:0px 0px 15px 15px;
                }
}
@media only screen and (min-width: 768px) and (max-width: 1000px){


    .wrapper{
        margin:0px 10px;
        width:740px;
    }
        #menu-main-menu{
            width:685px;
        }
        .wrapper #logo{
            width:290px;
            margin-top: 5px;
        }
            #freubelblog{
                margin:0px 0px 0px -15px;
            }
            #freubelblog li{
                width:173px;
                margin:0px 0px 15px 15px;
            }
}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}
*/

/* Smartphones (portrait) */
@media screen and (min-width: 320px) and (max-width: 479px){
    .wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    header {
        height: 190px;
    }
    header .banner {
        padding-top: 20px;
    }
    header .banner .socialmedia {
        float: none;
        /*margin: 0;*/
        text-align: center;
        display: inline-block;
    }
    header .banner #logo a {
        font-size: 30px;
    }
    header .banner #userpannel {
        float: none;
        margin: 0 auto;
        margin-top: 10px;
    }
    #menu-main-menu li {
        border-right: none;
        padding: 15px 17px;
    }
    #menu-main-menu li:before {
        display: none;
    }
  /*  .search {
        display: none!important;
    } */
    .search {
        float: left!important;
    }
    #searchbox {
        top: 225px!important;
    }
    #searchblock {
        width: 287px!important;
        height: 740px!important;
    }
    #searchinput input {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 100%;
    }
    #searchinput span.fa-search {
        left: 10px!important;
    }
    #freubelblog {
        width: 100%!important;
        margin: 0 0px 0 0px!important;
    }
    #freubelblog li .infobox span {
        display: block;
    }
    #freubelblog li {
        /* margin: 0px 0px 30px 69px; */
        margin: 0!important;
        margin-bottom: 20px!important;
        width: 48%!important;
    }
    footer {
        position: static!important;
        height: 80px;
    }
    footer .wrapper .copyright {
        width: 100%;
    }
    footer .wrapper .footermenu {
        float: left!important;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }
  /*
   #colorbox,
   #cboxWrapper,
   #cboxContent,
   #cboxLoadedContent {
        width: 320px!important;
       height: 100%!important;
   }

    .cb_freubelcontainer .cb_left {
        width: 100%!important;
    } */
    .bib_onefourth {
        width: 100%;
        float: none;
    }
    .bib_container {
        width: 100%;
    }
    .bib_onefourth:first-child {
        margin-right: 0;
    }
    .bib_userphoto {
        background-repeat: no-repeat!important;

    }
    .cb_freubelcontainer {
        padding: 20px;
    }
    .cb_freubelcontainer,
    .cb_freubelcontainer .cb_left {
        width: 100%;
        border-right: none;
    }
    .cb_freubelcontainer .cb_left {
        padding-right: 0;
    }
    .cb_freubelcontainer .cb_right {
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .bib_userstats {
        padding: 10px 0;
        margin: 10px 0;
    }
    .bib_onehalf {
        width: 100%;
    }
    .bib_container .blogbox span.bib_date {
        width: 100%;
        display: block;
    }
    .bib_container .blogbox span {
        width: 100%;
        display: block;
    }
    .onehalf {
        width: 100%;
        padding: 0!important;
    }
    .bib_inner .button {
        margin-top: 10px;
    }
    .bib_container .blogbox .userstats span {
        width: 2%;
    }
    .bib_onefourth .sidebarbox {
        float: left;
    }
    .bib_onefourth .sidebarbox:first-of-type {
        padding-top: 25px;
    }
    .bib_container .blogbox .bib_inner img {
        margin-left: auto;
    }
    header .banner  .loggedoutbox {
        margin-top: 10px;
        float: left;
    }
    .page_container {
        width: 100%;
    }
    #mc4wp_email {
        width: 100%;
    }
    #fanshop li,
    #giveaways li {
        width: 92%;
    }
    .onethird {
        width: 100%;
    }
    .upgradeaccountblock {
        margin-bottom: 10px;
    }
    .featuredusercontainer .onefourth {
        width: 48%;
    }
    .page-id-3808 iframe {
        width: 100%;
    }

    .login.res {
        display: block!important;
    }
    #login {
        width: 100%;
    }
    #freubelblogcontainer {
        width: 100%!important;
    }
    #resultsorder .right {
        float: left!important;
    }
    .bestelform .bestel-formfield label,
    .bestelform .bestel-formfield input,
    .bestelform .bestel-formfield select {
        width: 100%!important;
    }
    .bestelform .bestel-formfield label {
        text-align: left;
        padding-left: 0;
    }
    #menu-item-11027 {
       display: none;
    }
}
/* Smartphones (portrait > 360) */
@media screen and (min-width: 360px) and (max-width: 479px) {
    header .banner #logo a {
        font-size: 36px;
        text-align: center;
    }
    #menu-main-menu li {
        padding: 15px 27px;
    }
    #freubelblog li {
        margin: 0px 0px 30px 89px;
    }
    #searchblock {
        width: 330px!important;
    }
}
/* Smartphones (landscape) */
@media screen and (min-width: 480px) and (max-width: 640px) {
    .wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    header {
        height: 145px;
    }
    header .banner #logo {
        width: 100%;
        text-align: center;
    }
    header .banner {
        padding-top: 20px;
    }
    #searchblock {
        height: 500px;
    }
    #searchinput input {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 100%;
    }
    #searchinput span.fa-search {
        left: 10px!important;
    }
    header .banner .socialmedia {
        float: left;
        width: 40%;
        margin: 0;
    }
    header .banner #logo a {
        font-size: 30px;
    }
    header .banner #userpannel {
        float: right;
        margin: 0 auto;
        margin-top: 10px;
    }
    #menu-main-menu li {
        border-right: none;
        padding: 15px 16px;
    }
    #menu-main-menu li:before {
        display: none;
    }
    /*  .search {
           display: none!important;
       } */
    .search {
        float: right!important;
    }
    #searchbox {
        top: 150px!important;
    }

   #freubelblog {
        width: 100%!important;
       margin: 0!important;
    }
    #freubelblog li {
        margin: 0 0 30px 30px!important;
    }
    /*
    #freubelblog {
        width: 100%!important;
        margin: 0 0px 0 0px!important;
    }
    #freubelblog li {

        margin: 0!important;
        margin-bottom: 20px!important;
        width: 48%!important;
    } */
    .cb_freubelcontainer {
        padding: 20px;
    }
    .cb_freubelcontainer,
    .cb_freubelcontainer .cb_left {
        width: 100%;
        border-right: none;
    }
    .cb_freubelcontainer .cb_left {
        padding-right: 0;
    }
    .cb_freubelcontainer .cb_right {
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .cb_freubelcontainer .cb_left .cb_related .cb_onethird {
        width: 31%;
    }
    .bestelform .bestel-formfield label,
    .bestelform .bestel-formfield input,
    .bestelform .bestel-formfield select {
        width: 100%!important;
    }
    .bestelform .bestel-formfield label {
        text-align: left;
        padding-left: 0;
    }
    footer .wrapper .copyright {
        width: 100%;
    }
    footer .wrapper .footermenu {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    /*
    #colorbox {
        width: 100%!important;
    } */
    .bib_onefourth {
        width: 100%;
        float: none;
    }
    .bib_container {
        width: 100%;
    }
    .bib_onefourth:first-child {
        margin-right: 0;
    }
    .bib_userphoto {
        background-repeat: no-repeat!important;
        width: 40%;
        float: left;
        box-shadow: none;

    }
    .bib_userstats {
        padding: 10px 0;
        margin: 10px 0;
    }
    .bib_userinfo,
    .bib_userstats,
    .bib_socialmedia {
        width: 50%;
        float: left;
        margin-left: 15px;
    }
    .bib_onehalf {
        width: 100%;
    }
    .bib_container .blogbox span.bib_date {
        width: 100%;
        display: block;
    }
    .bib_container .blogbox span {
        width: 100%;
        display: block;
    }
   .page-template-template-blog .bib_container .blogbox {
        width: 46%;
        margin-right: 15px;
        margin-top: 10px;
    }
    .page-template-template-blog .older,
    .page-template-template-blog .newer {
        width: 100%;
    }
    .page-template-template-blog .newer {
        margin-top: 30px;
    }
    .onehalf {
        width: 100%;
        padding: 0!important;
    }
    .bib_inner .button {
        margin-top: 10px;
    }
    .bib_container .blogbox .userstats span {
        width: 5%;
    }
    .bib_onefourth .sidebarbox {
        float: left;
        width: 100%;
    }
    .bib_onefourth .sidebarbox:first-of-type {
        padding-top: 25px;
    }
    .bib_container .blogbox .bib_inner img {
        margin-left: auto;
        width: 50%;
    }
    header .banner  .loggedoutbox {
        margin-top: 10px;
        float: none;
    }
    .page_container {
        width: 100%;
    }
    #mc4wp_email {
        width: 100%;
    }
    #fanshop li,
    #giveaways li {
        width: 92%;
    }
    .onethird {
        width: 100%;
    }
    .upgradecontainer .onethird {
        width: 48%;
    }
    .upgradeaccountblock {
        margin-bottom: 10px;
    }
    .featuredusercontainer .onefourth {
        width: 31%;
    }
    .page-id-3808 iframe {
        width: 100%;
    }

    .login.res {
        display: block!important;
    }
    #login {
        width: 100%;
    }
    #freubelblogcontainer {
        width: 100%!important;
    }
    #menu-item-11027 {
         display: none;
    }
    footer {
        position: static!important;
    }
}
/* Smartphone 2 landscape */
@media screen and (min-width: 569px) and (max-width: 640px){
    .bib_container .blogbox .userstats span {
        width: 1%;
    }
    .featuredusercontainer .onefourth {
        width: 31.3%;
    }
    #freubelblog li {
        margin: 0 0 30px 46px!important;
    }
}
/* Tablet (portrait) */
@media screen and (min-width: 641px) and (max-width: 768px) {
    .wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    header {
        height: auto;
    }
    header .banner #logo {

    }
    #searchblock {
        height: 500px;
    }
    #searchinput input {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 100%;
    }
    #searchinput span.fa-search {
        left: 10px!important;
    }
    header .banner {
        padding-top: 20px;
    }
    header .banner .socialmedia {

    }
    header .banner #logo a {
        font-size: 30px;
    }
    header .banner #userpannel {
        width:200px;
        margin-top: -40px;
    }
    header .banner #userpannel .username{
        font-size: 15px;
    }

    #menu-main-menu li {
        padding: 15px 23px;
    }
  /*  .search {
        display: none!important;
    } */
    .search {
        float: right!important;
    }
    #searchbox {
        top: 150px!important;
    }
    #menu-main-menu li:before {
        display: none;
    }
    #freubelblog {
        width: 100%!important;
        margin: 0;
    }
    #freubelblog li {
        width: 170px;
        margin: 0 0 10px 5px;
    }
    footer .wrapper .copyright {
        width: 100%;
    }
    footer .wrapper .footermenu {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    /*
    #colorbox {
        width: 100%!important;
    } */
    .bib_onefourth {
        width: 100%;
        float: none;
    }
    .bib_container {
        width: 100%;
    }
    .bib_onefourth:first-child {
        margin-right: 0;
    }
    .bib_userphoto {
        background-repeat: no-repeat!important;
        width: 30%;
        float: left;
        box-shadow: none;
    }
    /*
    .bib_container .blogbox img {
        width: 52%;
    } */
    .bib_userstats {
        padding: 10px 0;
        margin: 10px 0;
    }
    .bib_userinfo,
    .bib_userstats,
    .bib_socialmedia {
        width: 50%;
        float: left;
        margin-left: 15px;
    }
    .bib_onehalf {
        width: 100%;
    }
    .bib_container .blogbox span.bib_date {
        width: 100%;
        display: block;
    }
    .bib_container .blogbox span {
        width: 100%;
        display: block;
    }
    .page-template-template-blog .bib_container .blogbox {
        width: 46%;
        margin-right: 15px;
        margin-top: 10px;
    }
    .page-template-template-blog .older,
    .page-template-template-blog .newer {
        width: 100%;
    }
    .page-template-template-blog .newer {
        margin-top: 30px;
    }
    .onehalf {
        width: 100%;
        padding: 0!important;
    }
    .bib_inner .button {
        margin-top: 10px;
    }
    .bib_container .blogbox .userstats span {
        width: 5%;
    }
    .bib_onefourth .sidebarbox {
        float: left;
        width: 100%;
    }
    .bib_onefourth .sidebarbox:first-of-type {
        padding-top: 25px;
    }
    .bib_container .blogbox .bib_inner img {
        margin-left: auto;
        width: 50%;
    }
    header .banner  .loggedoutbox {
        margin-top: -30px;
        font-size: 12px;
        float: right;
    }
    .page_container {
        width: 100%;
    }
    #mc4wp_email {
        width: 100%;
    }
    #fanshop,
    #giveaways {
        margin: 0 auto;
    }
    #fanshop li,
    #giveaways li {
        width: 46%;
        margin-left: 0;
        margin-right: 0;
    }
    .onethird {
        width: 100%;
    }
    .upgradecontainer .onethird {
        width: 48%;
    }
    .upgradeaccountblock {
        margin-bottom: 10px;
    }
    .featuredusercontainer .onefourth {
        width: 29%;
    }
    .page-id-3808 iframe {
        width: 100%;
    }

    .login.res {
        display: block!important;
    }
    #login {
        width: 100%;
    }
    /*header .banner  .loggedoutbox {*/
        /*font-size: 14px;*/
        /*float: right;*/
        /*width: 31%;*/
    /*}*/
    header .banner  .loggedoutbox div {
        padding: 7px;
    }
    #freubelblogcontainer {
        width: 100%!important;
    }
    .cb_freubelcontainer {
        width: 100%;
    }

    .cb_freubelcontainer .cb_left {
        width: 65%;
    }
    .cb_freubelcontainer .cb_left {
        padding-right: 15px;
    }
    .cb_freubelcontainer .cb_right {
        width: 30%;
        float: right;
        margin-left: 15px;
    }
    .cb_freubelcontainer .cb_left .cb_related .cb_onethird {
        width: 31%;
    }
    .bestelform .bestel-formfield label,
    .bestelform .bestel-formfield input,
    .bestelform .bestel-formfield select {
        width: 57%!important;
    }

    .bestelform .bestel-formfield label {
        text-align: left;
        padding-left: 0;
    }
    footer {
        position: static!important;
    }

}
/* Tablet (landscape) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .bestelform .bestel-formfield label,
    .bestelform .bestel-formfield input,
    .bestelform .bestel-formfield select {
        width: 57%!important;
    }
    #searchblock {
        height: 500px;
    }
    #searchinput input {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 100%;
    }
    #searchinput span.fa-search {
        left: 10px!important;
    }

    .bestelform .bestel-formfield label {
        text-align: left;
        padding-left: 0;
    }
    footer {
        position: static!important;
    }
    footer .wrapper .copyright {
        width: 70%;
    }
    footer .wrapper .footermenu {
        width: 30%;
    }
}
/* Laptop */
@media screen and (min-width: 1025px) and (max-width: 1480px) {
    #searchblock {
        height: 500px;
    }
    #searchinput input {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 100%;
    }
    #searchinput span.fa-search {
        left: 10px!important;
    }
}





/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


.search .searchicon .searchtitle span {
    float:left;
    font-size: 14px;
    color:#BFBFBF;
    transition:color .25s;
}

.search:hover .searchicon .searchtitle span {
    color:#808080;
}

.search .searchicon .searchtitle #text {
    color:#808080;
    font-size:20px;
}

.search:hover .searchicon .searchtitle #text {
    color :#333333;
}

footer {
    z-index:1000;
    box-shadow:  0 0 5px rgba(0, 0, 0, 0.1);
}

#freubelblogcontainer{width:960px;margin-right:-30px;}
#freubelblog {width:960px;}
#resultsorder{float:left;clear:both;width:100%;font-size:14px;}
#resultsorder .left{float:left;padding:0 0 20px;}
#resultsorder .number,#resultsorder .cat{font-weight:700;}
#resultsorder .right{float:right;position:relative;padding:0 0 20px; width:225px;}
#resultsorder #order{float:right;padding-left:5px;cursor:default;}
#resultsorder #order:after{content:' ';float:right;height:20px;width:20px;background:url('img/searchorder.png') no-repeat center center transparent;)}
#orderoptions{position:absolute;display:none;top:18px;right:10px;width:154px;;z-index:10;}
#orderoptions #arrow{width:100%;height:15px;background:url('img/searchconn.png') no-repeat right bottom transparent;}
#orderoptions ul{float:left;margin:0;padding:18px;background:#AB5689;border-radius:5px;}
#orderoptions li{float:left;width:100%;text-align:center;padding:10px 0 0;margin:0;font-size:16px;list-style:none;cursor:pointer;color:#FFFFFF;opacity:0.8;font-weight:bold;}
#orderoptions li span{display:block;margin:0 auto;height:10px;width:80px;border-bottom:1px dotted #D5ABC4;}
#orderoptions li:hover{opacity:1;}
#orderoptions li.first{padding-top:0;}
#orderoptions li.last{}
#orderoptions li.last span{display:none;border-bottom:0;height:0;}
.orders {display:none;}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}

/*------------------------------------*\
    VISUALLY HIDDEN
\*------------------------------------*/

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px; padding: 0; border: 0;
}

/*------------------------------------*\
    CLEARFIX
\*------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.blogheader{
    width: 900px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-height: 300px;
    margin: 30px 0;
}

.lovesmessage {
    font-family: freubelweblight;
    font-size: 14px;
}

a.PIN_1434020651865_pin_it_button_28.PIN_1434020651865_pin_it_button_en_28_red.PIN_1434020651865_pin_it_button_inline_28.PIN_1434020651865_pin_it_none_28{
    background-image: url('img/pinterestbutton.jpg') !important;
    width:32px !important;
    height:32px !important;
}

a span {
    display: inline !important;
}

.at-icon-wrapper {
    display: block !important;
}

.wp-smiley {
    margin-left: 0 !important;
    width: 16px !important;
}

/* 
***********************
***** WOOCOMMERCE *****
***********************
*/

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-top-color: #a46497;
}

/* ARCHIVE */
.product-item {
    border-radius: 5px;
    background: #FFF;
    margin: 0 0 30px 0;
}

.product-item img {
    border-radius: 5px 5px 0 0;
}

.product-item h3 {
    font-weight: 700;
    font-size: 18px;
}

.product-item h4 {
    font-size: 21px;
    font-weight: 700;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0px;
    margin: 10px 0px;
}

.product-item a.shop-button {
   border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0px;
    display: inline-block;
}

.content-shop {
    padding: 15px;
}

.woocommerce .product .product_title {
    font-weight: 700;
    font-size: 28px;
}
span.woocommerce-Price-amount {
    font-size: 20px;
}

.woocommerce .product form.cart .button {
    font-size: 20px;
}

/* Single product */

.woocommerce .product {
    margin-top: 50px;
    padding: 40px 40px 0 40px;
    background: #FFF;
    border-radius: 5px;
}

/* Popular products - single product*/

section.popular-products {
    margin: 30px 0;
}

section.popular-products h1.title-size {
    font-weight: 700;
    text-align: center;
}

section.popular-products .popular-product {
    text-align: center;
    margin: 10px; 
    background: #FFF; 
    padding: 0 !important;
    border-radius: 5px;
}

section.popular-products .popular-product img {
    border-radius: 5px 5px 0 0;
}

section.popular-products .content-popular {
    padding: 15px;
    height: 250px;
}

section.popular-products h2.title-popular {
    min-height: 50px;
}

section.popular-products .summary {
    height: 100px;
}

section.popular-products a.popular-button {
    border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0px;
    display: inline-block;
}


/* 
***********************
****  BP BOOTSTRAP ****
***********************

*/

.bp-container {
    max-width: 1280px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.bp-row {
    display: flex;
    flex-flow: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.bp-column-1 {
    flex: 0 0 8.333333%;
    max-width: calc(8.333333% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-2 {
    flex: 0 0 16.666667%;
    max-width: calc(16.666667% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-3 {
    flex: 0 0 25%;
    max-width: calc(25% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-4 {
    flex: 0 0 33.33333%;
    max-width: calc(33.33333% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-5 {
    flex: 0 0 41.666667%;
    max-width: calc(41.666667% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-6 {
    flex: 0 0 50%;
    max-width: calc(50% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-7 {
    flex: 0 0 58.333333%;
    max-width: calc(58.333333% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-8 {
    flex: 0 0 66.666667%;
    max-width: calc(66.666667% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-9 {
    flex: 0 0 75%;
    max-width: calc(75% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-10 {
    flex: 0 0 83.333333%;
    max-width: calc(83.333333% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-11 {
    flex: 0 0 91.666667%;
    max-width: calc(91.666667% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

.bp-column-12 {
    flex: 0 0 100%;
    max-width: calc(100% - 30px);
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width: 768px) {
    .bp-column-1,
    .bp-column-2,
    .bp-column-3,
    .bp-column-4,
    .bp-column-5,
    .bp-column-6,
    .bp-column-7,
    .bp-column-8,
    .bp-column-9,
    .bp-column-10,
    .bp-column-11,
    .bp-column-12 {
        flex: 0 0 100%;
        max-width: calc(100% - 30px);
    }
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    clear: right;
}

.woocommerce div.product div.summary:after {
    content: ' ';
    width: 100%;
    height: 1px;
    display: block;
    float: none;
    clear: both;
}