/*------------------------------- basic --*/

.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:hover {
border:none;
}

.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/close.png);
background-size:contain;
position:absolute;
top:0.7em;
right:0.5em;
}

.promo-bar:hover .close{
background:url(../images/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/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;
}

}

/* style modal tweet */
.btnSendTweet , #btn_send_weet{ cursor: pointer; cursor: hand;background-color:#1da1f2;border:1px solid #1da1f2;color:#fff; box-shadow:0 1px 0 rgba(255, 255, 255, 0.15) inset ;border-radius:4px;font-size:14px;padding:8px 16px; }
.mute { color:#333;text-align:center;border:1px solid #fff;border-radius:0.3em;padding:0.2em 0.2em;padding-right:0.2em;position:fixed;top:6em;right:1em;z-index:99;background:rgba(0,0,0,0.25);-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); }
.mute img{ height:2.4em; }