.wrapper,.login-box{ background:#fff;-webkit-box-shadow:4px 6px 0px #e6e6e6;-moz-box-shadow:4px 6px 0px #e6e6e6;-o-box-shadow:4px 6px 0px #e6e6e6;box-shadow:4px 6px 0px #e6e6e6; }
.button{ border-radius:0.2em;-webkit-box-shadow:4px 4px 0px #e6e6e6;-moz-box-shadow:4px 4px 0px #e6e6e6;-o-box-shadow:4px 4px 0px #e6e6e6;box-shadow:4px 4px 0px #e6e6e6; }
.wrapper .columns { padding-right:3em;padding-left:3em; }
.c-form .columns{ padding-right:0.5em;padding-left:0.5em; }
.info h1{ margin:0.5em 0; }
.info h2{ color:#bcbcbc;font-size:0.8em;display:inline-block;padding-right:0.8em;margin-right:0.5em;border-right:1px solid #e6e6e6;margin-bottom:1em; }
.info h2 span{ color:#b3b3b3; }
.main-logo img{ height:4.3em;padding:0.4em 0; }
.quote{ background:#ddd; }
#footer{ margin-top:3em; }
ul.pagination li.current a{ background:#ff00ff; }
/*--------------------------------------- TOPBAR --*/
.topbar-main, .topbar-main nav,.wrapper .topbar, .wrapper .topbar nav{ background:#fff; }
.topbar{ border-bottom:2px solid #e6e6e6; }
.topbar-main nav{ height:3.5em; }
.topbar-main .middle-menu li a{ text-transform:initial;font-size:1em;padding:13px 1.2em;padding-top:18px; }
.topbar-main .middle-menu li .btn-tour-top{font-size:1.1em;}
.middle-menu li a{ border-bottom:0;color:#b3b3b3; }
.middle-menu li a:hover,.middle-menu li .active,.subnav .middle-menu li a:hover,.subnav .middle-menu li a.active{ border-bottom:2px solid #ff00ff;color:#101010; }
.btn-filter{ padding:0.5em; }
/*------------------------------- offcanvas --*/
.menu-sm{ margin-bottom:1em;background:#fff;height:3.8em; }
.menu-sm section{ padding-bottom:3.3em;padding-top:0.5em;border-color:#f2f2f2; }
.menu-sm img{ height:3em; }
.tab-bar .menu-icon{ height:3em; }
.tab-bar .menu-icon span::after{ box-shadow:	0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
.sidebar-sm{ background:#fff; }
ul.off-canvas-list li a{ border-color:#f2f2f2;color:#808080; }
ul.off-canvas-list li a:hover{ color:#fff; }
.btn-filter-sm{ position:absolute;right:0;top:0;padding:0.5em;z-index:99; }
/*------------------------------- subnav / action --*/
.action-btn-text{ color:#b3b3b3; }
.action-btn-wrap{ padding-right:1.6em; }
/*------------------------------- comments --*/
.cmnt{ padding-bottom:1em; }
.cmnt-nested{ padding-left:8em!important; }
.cmnt .button { float:right; }
.btn-group li a{ margin-right:0;margin-left:0.5em; }
.comments textarea{ float:left; }
/*------------------------------- modal --*/
.reveal-modal{ border-color:#e6e6e6;box-shadow:0 0 15px rgba(0, 0, 0, 0.1); }
.reveal-modal-bg{ background:rgba(255, 255, 255, 0.9); }
.reveal-modal .title{ text-align:left;padding-left:1em!important; }
.reveal-modal-loading{ text-align:center;background:none;border:0;box-shadow:none; }
.reveal-modal-loading img{ position:realative;margin-left: auto;margin-right: auto;left: 0;right: 0;margin-top: auto;margin-bottom: auto;top: 0;bottom: 0; }
/*------------------------------- item --*/
.wrapper .item{ border:1px solid #e6e6e6; }
.wrapper .item .columns { padding-right:0.5em;padding-left:0.5em; }
.wrapper .gallery-item{ border-color:#f2f2f2; }
/* Large */
@media only screen and (min-width: 1024px) {
.top .profile-btn{ font-size:0.7em; }
.info-wrapper .columns { padding-right:1em!important;padding-left:3em!important; }
.info-wrapper .info { padding-right:3em!important;padding-left:1em!important; }
.info-wrapper .info-img{ margin-top:1.8em; }
.login{ padding-top:2em;padding-bottom:4em; }
.img-login{ padding-left:0!important; }
.img-login img{ margin-top:3em; }
/*------------------------------- modal --*/
.reveal-modal-download{ margin-left: -20%;width: 40%; }
}
/* Medium */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
/*------------------------------- basic --*/
.wrapper .columns { padding-right:2em;padding-left:2em; }
.top .columns { padding-right:0.5em!important; }
.info-wrapper .info { padding-right:2em!important;padding-left:2em!important; }
.c-form .columns{ padding-right:1em;padding-left:1em; }
.login{ padding-top:2em; }
/*------------------------------- rating --*/
.actions .rating li a{ width:1.5em;height:1.5em; }
.actions .rating{ margin-top:0.8em; }
/*------------------------------- comments --*/
.cmnt-nested{ padding-left:5em!important; }
/*------------------------------- 25/11/14 --*/
.topbar-main .middle-menu li a{ font-size:0.8em;padding:15px 0.7em;padding-top:20px; }
.topbar-main .middle-menu li .btn-tour-top{font-size:1em;}
.join-section .btn-tour { margin-right:0.5em; }
}
/* Small */
@media only screen and (max-width: 640px) {
/*------------------------------- basic --*/
.wrapper .columns { padding-right:1.5em;padding-left:1.5em; }
.main-logo img{ width:2.8em;padding:0.5em 0; }
.info-wrapper .info { padding-right:1.5em!important;padding-left:1.5em!important; }
.c-form .columns{ padding-right:1em;padding-left:1em; }
/*------------------------------- subnav / action --*/
.actions nav{ height:9.5em; }
.action-btn-wrap{ padding-right:0; }
/*------------------------------- comments --*/
.cmnt-nested{ padding-left:4em!important; }
.cmnt h1{ padding:0.5em 0;padding-bottom:0.6em;display:inline-block; }
.btn-group li a{ margin-right:0; }
.btn-small, .btn-flag-small{ margin-left:0;margin-right:0.5em;width:2.8em;height:2.8em;border-radius:0.2em; }
/*------------------------------- rating --*/
.item .rating li,
.actions .rating li{ width:7%; }
.item .rating .title,.actions .rating .title{ width:100%; }
#footer{ margin-bottom:5em; }
}
/*------------------------------- 25/11/14 --*/
.btn-filter{ padding-bottom:0; }
.top-bar-section ul:hover li a{ background:#fff!important;color:#ff00ff!important; }
.join-section .btn-tour { font-size:0.9em;padding:0.5em 1.5em!important;padding-bottom:0.2em!important;padding-right:3em!important;color:#fff!important;-webkit-box-shadow: inset 0px 1px 0px #d82a91, 0px 3px 0px 0px #a20763, 0px 5px 5px #999;-moz-box-shadow: inset 0px 1px 0px #d82a91, 0px 3px 0px 0px #a20763, 0px 5px 5px #999;-o-box-shadow: inset 0px 1px 0px #d82a91, 0px 3px 0px 0px #a20763, 0px 5px 5px #999;box-shadow: inset 0px 1px 0px #d82a91, 0px 3px 0px 0px #a20763, 0px 5px 5px #999; }
.join-section .btn-tour img:hover { 
	webkit-box-shadow: 0 0 50px #da0ec0;
	-moz-box-shadow: 0 0 50px #da0ec0;
	-o-box-shadow: 0 0 50px #da0ec0;
	box-shadow: 0 0 50px #da0ec0;
 }
.join-section .btn-tour:active { -webkit-box-shadow: inset 0px 1px 0px #ff7cca, 0px 1px 0px 0px #a20763, 0px 3px 3px #999;-moz-box-shadow: inset 0px 1px 0px #ff7cca, 0px 1px 0px 0px #a20763, 0px 3px 3px #999;-o-box-shadow: inset 0px 1px 0px #ff7cca, 0px 1px 0px 0px #a20763, 0px 3px 3px #999;box-shadow: inset 0px 1px 0px #ff7cca, 0px 1px 0px 0px #a20763, 0px 3px 3px #999; }
.join-section .btn-tour::before { margin-top:-10px; }
.join-section .btn-tour:active::before { margin-top:-13px; }
.sidebar-sm .off-canvas-list .active{ background: #ff00ff!important;color:#fff!important; }
.btn-tour::before { background-color:#d82a91!important; }
/*------------------------------- JOIN BTN FIXED --*/
.join-fixed{ position:fixed;bottom:0;z-index:99;width:100%;background:rgba(0, 0, 0, 0.9);border:1px solid #101010;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 5px #000; }
.join-fixed-btn{ padding:1em 1.8em; }
.join-fixed-btn .button{ margin:0;box-shadow:none;-webkit-box-shadow:0px 1px 1px #000;-moz-box-shadow:0px 1px 1px #000;-o-box-shadow:0px 1px 1px #000;box-shadow:0px 1px 1px #000;text-transform:uppercase; }
.join-fixed{ position:initial;bottom:initial;z-index:initial;width:100%; }
/*------------------------------- PAYPAL / BTN  --*/
.promo-bar { color:#333;text-align:center;border:1px solid #009cde;border-radius:0.3em;padding:1em 2.2em;padding-right:2.6em;position:fixed;bottom:1em;right:1em;z-index:99;background:rgba(255, 255, 255, 0.85);-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);-o-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3); }
.promo-bar:hover { background:rgba(255, 255, 255, 1);-webkit-box-shadow:0px 0px 10px rgba(0, 47, 134, 0.8);-moz-box-shadow:0px 0px 10px rgba(0, 47, 134, 0.8);-o-box-shadow:0px 0px 10px rgba(0, 47, 134, 0.8);box-shadow:0px 0px 10px rgba(0, 47, 134, 0.8); }
.promo-bar:hover,.promo-bar:hover .close{ -webkit-transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
.promo-bar .close{ width:0.8em;height:0.8em;background:url(../images_colette/close.png);background-size:contain;position:absolute;top:0.7em;right:0.5em; }
.promo-bar:hover .close{ background:url(../images_colette/close_hover.png);background-size:contain; }
.promo-bar img{ height:2.8em; }
.promo-bar p{ margin:0;font-size:1em;color:#009cde; }
.promo-bar b{ color:#0079ad; }
/* Small */
@media only screen and (max-width: 640px) {
.promo-bar { border:0;border-top:3px solid #009cde;border-radius:0;padding:0.8em;padding-right:2.5em;width:100%;bottom:0;right:0;background:rgba(255, 255, 255, 0.95); }
.promo-bar p{ display:inline-block; }
.promo-bar .close, .promo-bar:hover .close{ width:1.7em;height:1.7em;background:url(../images_colette/close_mobile.png);background-size:contain;top:0;bottom:0;right:1em;margin:auto; }
.promo-bar img{ height:1.8em; }
.f-topbar-fixed{ padding:0!important; }
}
.tumblr-button {position:relative; top:5px; height:20px}



/* QUOTE TWEET...  */
.cite {
  /*background-color: white !important;*/
  border-left: 5px solid #ff00ff;
  padding: 10px 0 10px 30px;
  margin: 0 0 1rem -10px; 
}
.cite p { font-style: italic; }

blockquote.cite {
    background: url(https://si0.twimg.com/images/dev/cms/intents/bird/bird_gray/bird_32_gray.png) 0 0 no-repeat;
    background-position: 2% 40%; 
    padding-left: 70px;
}

.tumblr-icon{
    background:url(../images/tumblr_logo_blue-white_transparent-32.png) 0 0 no-repeat scroll !important;
    background-position: 2% 40% !important; 
}
blockquote.cite {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  /*margin-bottom: 0.75rem !important;*/
}

.img_btn_tweet {
    width:6%;
}