/*-------------------------- GENERAL --*/
body{
	background:#383838;
	color:#808080;
	padding:0;
}

h1{
	color:#fff;
}

a{
	color:#ffa1e9;
}

a:hover{
	color:#fe03c3;
}

a:active,
a:visited,
:focus,
input:focus,
select:focus,
textarea:focus,
button:focus{
   outline: none;
}

a,
a:hover,
.cover-image:hover .btn-edit-cover,
.change-avatar-btn span,
.change-avatar-btn:hover span,
.std-btn,
.std-btn:hover,
.img-btn span,
.img-btn:hover span,
.banner-list li span,
.banner-list li:hover span,
.split-img span,
.split-img:hover span{
	-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;
}

.contain-to-grid .top-bar,.row{
	max-width:83em;
}

.column, .columns{
	padding:0 1.5em;
}

.browse-item,
.item-notification,
.profile-info,
.profile-stats,
.profile-info2,
.feed-item,
.f-dropdown,
.masonry-brick,
.item-ff,
.profile .new-file p,
.msg-list,
.login-box,
.login-forgot,
.edit-profile-details,
.model-wrapper,
.box,
.item,
.banner-list li,
.visit-box .split-img{
	webkit-box-shadow: 0 2px 2px rgba(0,0,0,.6);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.6);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,.6);
	box-shadow: 0 2px 2px rgba(0,0,0,.6);
}

.cover img{
	width:100%;
}

textarea{
	background:#101010;
	color:#bcbcbc;
	border-color:#262626;
}

/*-------------------------- topbar --*/
.menu-sm,
.topbar,
.top-bar,
.top-bar-section li:not(.has-form) a:not(.button){
	background-color:#000;
}

.top-bar-section li:not(.has-form) a:not(.button):hover{
	background-color:#101010;
}

.menu-sm,
.topbar{
	border-bottom: 1px solid #262626;
}

.top-bar .name {
    height: auto;
}

.top-bar{
    position: relative;
    margin-bottom:1em;
}

.top-bar,
.tab-bar,
.tab-bar .menu-icon,
.tab-bar-section.middle{
	height: 55px;
	line-height: 55px;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 1.1em;
    padding: 0 1.2em;
	line-height:54px;
	border-bottom: 1px solid #000;
	color:#666;
}


.top-bar-section li:not(.has-form) a:not(.button).selected,
.top-bar-section li:not(.has-form) a:not(.button):hover {
    border-bottom: 1px solid #fe03c3;
	color:#fff;
}

.topbar .title-area {
    margin:0.8em;
    margin-bottom:0;
}


/*-------------------------- main title --*/
.main-title{
	text-align:center;
	margin-top:2.5em;
	margin-bottom:1.5em;
}

.main-title h1{
	font-size:1.8em;
}

.main-title p{
	color:#808080;
	font-size:0.8em;
}

.main-title p b{
	color:#bcbcbc;
}


/*-------------------------- box --*/
.box{
	background-color:#000;
	border: 1px solid #292929;
	padding:1.5em 2em;
}

.box h1{
	font-size:1.5em;
}

.box p{
	font-size:0.8em;
}

.box-login{
	height:18em;
	margin-bottom:3em;
	position:relative;
}

.box-login p{
	margin-bottom:0.8em;
	color:#bcbcbc;
	font-size:1em;
}

.box-login .button{
	margin:0;
	position:absolute;
	bottom:1.5em;
	left:2em;
}

.box-input{
	position:relative;
	padding-left:1.5em;
	margin-bottom:0.8em;
}

.box-input input[type="radio"]{
	position:absolute;
	margin:0;
	top:0.5em;
	left:0;
}

.box-input label{
	margin:0!important;
	color:#bcbcbc;
	font-size:1em;
}

.box-img{
	padding:0;
}

.box-link{
	text-align:center;
	padding-top:3em;
}

.box-link b{
	color:#fff;
	font-weight:normal;
}


/*------------------------------- item --*/
.item{
	background:#000;
	border: 1px solid #292929;
	padding:0!important;
}

.item h1{
	font-size:1.2em;
	font-weight:normal;
}

.item h2{
	font-size:0.6em;
	font-weight:bold;
	text-transform:uppercase;
	color:#808080;
}

.item .header{
	padding:0.5em 0.8em!important;
	text-align:center;
}

.item .header h1{
	text-align:center;
}

.item-gallery{
	padding:0.5em!important;
}

.item-gallery .header,
.item-gallery .header h1{
	text-align:left;
}

.item-gallery p{
	font-size:0.8em;
	margin-bottom:0.5em;
}

.item-gallery p b{
	color:#fff;
	font-weight:normal;
}


/*-------------------------- tabs --*/
.tabs{
	border-bottom:1px solid #262626;
}

.tabs .tab-title a,
.tabs .tab-title a:hover{
	background-color:transparent;
	border:1px solid transparent;
	border-bottom:0;
	margin-bottom:-1px;
}

.tabs .tab-title a {
    color: #808080;
    padding: 0.3rem 1.5rem;
    font-size: 1rem;
}

.tabs .tab-title a:hover{
	color:#fff;
}

.tabs .tab-title.active a{
	background-color:#383838;
	color:#fff;
	border-color:#262626;
}


/*-------------------------- banner list --*/
.banner-list{
	margin:0;
	list-style-type: none;
	text-align:center;
}

.banner-list li{
	display:inline-block;
	margin:1em 0.5em;
	margin-top:0;
	position:relative;
}

.banner-list li span{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:0;
}

.banner-list li:hover span{
	display:block;
	background-color:rgba(0,0,0,0.8);
	background-image:url(../images/icn-attach-gray.png);
	background-size:2.5em;
}

/*-------------------------- switch btn --*/
div.switch label {
    background: #222;
}

div.switch input:checked + label {
    background: #fe03c3;
}

.switch-btn{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	position:relative;
	z-index:100;
}

.switch-btn a{
	display:block;
	min-width:55px;
	height:55px;
	background-image:url(../images/icn-switch.png);
	background-size:2.8em;
	background-repeat:no-repeat;
	background-position:right 50%;
	color:#808080;
	
	position:absolute;
	top:0;
	right:0;
}

.switch-btn .f-dropdown li{
	padding:0.8em;
	text-align:center;
}

/*.f-dropdown.f-black{*/
.f-dropdown{
	border-color:#292929;
}

/*.f-dropdown.f-black li{*/
.f-dropdown li,
.f-dropdown li:hover{
	background-color:#101010;
}

/*.f-dropdown.f-black:before {*/
.f-dropdown:before {
    border-color: transparent transparent #101010 transparent;
}

/*.f-dropdown.f-black:after {*/
.f-dropdown:after {
    border-color: transparent transparent #444 transparent;
}

.switch-btn .switch label{
	position:relative;
	display:inline-block;
	margin:0;
}

.switch-btn .switch label h1{
	position:absolute;
	left:-160px;
	color:#fff;
	font-size:1.1em;
	padding:0.2em 1em;
	margin:0;
}

.switch-btn .switch label h1:last-child{
	right:-110px;
	left:initial;
	color:#808080;
}



/*------------- reveal modal --*/
dialog, .reveal-modal {
    background-color: #000;
    border: solid 1px #262626;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal-bg {
    background: rgba(0, 0, 0, 0.8);
}

.reveal-modal h2{
	color:#bcbcbc;
}

.reveal-modal p{
	color:#808080;
}


/*------------- sidebar --*/
.sidebar-sm {
  background: #d8d8d8;
}

ul.off-canvas-list li a,
ul.off-canvas-list li h1{
	color:#000;
}

.sidebar-sm ul li label,
ul.off-canvas-list li a{
	padding-left:1.5em;
	font-size:0.9em;
}

.off-canvas-profile a{
	padding-left:1em;
}

ul.off-canvas-list li a:hover {
	background: #ccc;
}

.sidebar-group li a{
	background: #000;
	color:#fff;
}

.sidebar-group li a:hover{
	background: #101010;
}

.sidebar-sm .active,
.sidebar-sm .active:hover {
    background: #fe03c3;
    color: #fff;
}


/*-------------------------- visit us --*/
.visit-title{
	text-align:center;
	position:relative;
}

.visit-title h1{
	display:inline-block;
	font-size:1.2em;
	background-color:#fe03c3;
	margin:0;
	padding:0.8em 5em;
}

.visit-title span::after{
	position: absolute;
    border: inset 15px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    box-shadow: none;
    border-color:#fe03c3 transparent transparent transparent;
    border-top-style: solid;
    top:55px;
    left:0;
	right:0;
	margin:auto;
	z-index:1;
}

.split-img{
	position:relative;
	overflow:hidden;
}

.split-img span{
	position:absolute;
	width:93%;
	height:90%;
	top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	background-position:center;
	background-size:10em;
}
/*
.split-img:hover span{
	width:96%;
	height:95%;
}*/

.icn-xart{
	background:url(../images/xart-logo.png) no-repeat;
}

.icn-colette{
	background:url(../images/colette-logo.png) no-repeat;
}

.split-img .icn-xart{
	background-color:rgba(0,0,0,0.2);
}

.split-img .icn-colette{
	background-color:rgba(255,255,255,0.3);
}

.split-img:hover .icn-xart{
	background-color:rgba(0,0,0,0.8);
}

.split-img:hover .icn-colette{
	background-color:rgba(255,255,255,0.6);
}

/*-------------------------- button --*/
.button,
.button:focus,
.button:active{
	background-color:#262626;
	border-width:2px;
	border-color:#262626;
	color:#bcbcbc;
	border-radius:0.2em;
}
.button:hover,
.button:focus:hover,
.button:active:hover{
	background-color:#fe03c3;
	border-color:#fe03c3;
	color:#fff;
}

.button.btn-pink,
.button.btn-pink:focus,
.button.btn-pink:active{
	background-color:#fe03c3;
	border-color:#fe03c3;
	color:#fff;
}
.button.btn-pink:hover,
.button.btn-pink:focus:hover,
.button.btn-pink:active:hover{
	background-color:#000;
	border-color:#fe03c3;
	color:#fe03c3;
}

/*-------------------------- footer --*/
.footer {
    text-align: center;
    border-top:1px solid #262626;
    margin-top: 1em;
    padding: 1em 0;
}

.footer p{
    font-size: 0.7em;
}

.footer p a{
    color: #bcbcbc;
}

/*-------------------------- signup --*/
.box-signup{
	margin-bottom:3em;
}

.box-signup .box-input{
	padding:0;
}

.box-signup .button,
.box-signup form{
	margin:0;
}

/*-------------------------- masonry --*/

.masonry-brick img {
    width: 300px;
}

.msy img {
    position: relative;
    width: 620px;
    height: auto;
}

.my-simple-gallery figure {
    display: block;
    float: left;
    margin: 0;
    margin-bottom: 1em;
}

.media-cover {
    padding-bottom: 2em;
}

.msy-text {
    font-size: 17px;
    text-align: center;
    line-height: 25px;
}

.gal_video{
  position:absolute;
  padding:5px 20px;
}

/*-------------------------- menu --*/
.menu-btn{
	width:100%;
	padding-bottom:70%;
	position:relative;
}

.menu-btn span{
	width:100%;
	height:100%;
	background-color:#101010;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
}

.menu-btn span.icn-galleries{
	background-image:url(../images/icn-galleries.png);
}
.menu-btn span.icn-potd{
	background-image:url(../images/icn-potd.png);
}
.menu-btn span.icn-banners{
	background-image:url(../images/icn-banners.png);
}
.menu-btn span.icn-link{
	background-image:url(../images/icn-link.png);
}

/*@media only screen and (min-width: 64.063em) {
  #img_main { left:30%;}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  #img_main { left:10%;}
}
@media only screen and (max-width: 40em){
  #img_main { left:2%;}
}*/