/*==============================
    Body Styling
==============================*/
/*
html,
body {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
body {
  background: #000;
}
*/
/*==============================
    Pages Styling
==============================*/

/* background image */
.page[data-page="home"],
.page[data-page="popup3763"],
.page[data-page="popup6491"],
.page[data-page="detail"] {
  background: none;
  background: #000000 url(../img/cbg.jpg) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}
.pages{
 	background: #0000ff;
}


/*==============================
    ios Over Scrolling Fix
==============================*/
/*
html.ios .page {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
html.ios .page-content {
  margin-bottom: 1px;
}*/
/*==============================
    Navbar, Toolbar
==============================*/

/* fixes a problem with where toolbars are located on panels */
.panel .navbar-fixed .toolbar {
    top: unset;
}

.navbar,.toolbar {
  background: #2b1127;
  color: #fff;
}
.navbar:after, .toolbar:before {
  display: none; 
}
/*
span.navbar-logo {
  width: 100px;
  height: 25px;
  background: url(../img/logo.png) no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  display: block;
}
*/
/*
i.icon-plus {
  color: #fff; 
}
*/
/*
ul.icons_4row li{
	background: none;
	list-style:none;
	padding:0px;
	margin:0px;
	display: inline-block;
	text-align:center;
	width:14%; margin:0 3%;
}
*/

       
/*==============================
    popup styling
==============================*/
.popup {
  background: rgba(25, 18, 15, 1.0 );
  color: #8e8e93;
}
.popup .navbar {
  background: #1c1d21;
}
.popup .navbar .left {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  margin-right: 0;
}
.popup .preloader {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  height: 20px;
  width: 20px;
  display: none;
}
.popup input[type="text"] {
  height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  padding: 4px 40px 4px 10px;
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 5px;
  background: #000;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: 14px;
}
.popup,
.popup .pages,
.popup .page,
.popup .content-block {
  /*background: #000; */
  background: rgba(0, 0, 0, 1.0);
}
.popup a.link {
  color: #fff;
}
/*==============================
    Styles for case with statusbar overlay
==============================*/
html.with-statusbar-overlay .statusbar-overlay {
  background: #2b1127;
}
html.with-statusbar-overlay .statusbar-overlay.with-popup-opened {
  z-index: 11000;
  background: #1c1d21;
}
@media all and (max-width: 630px) and (max-height: 630px) {
  html.with-statusbar-overlay .popup {
    top: 20px;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: -ms-calc(100% - 20px);
    height: calc(100% - 20px);
  }
}

/*==============================
    Text colors
==============================*/
h1, h2, h3, body {
  margin: 0;
  color: #fff;
}

h1 {
  font-size: 41px;
  font-weight: 100;
}

h2 {
  font-size: 25px;
  font-weight: 300;
}

h3 {
  font-size: 18px;
  font-weight: 300;
}

body {
  font-size: 14px;
  /*font-weight: 100;*/
  color: #8e8e93;
}


/*==============================
    Accordion Blocks, forms and other list blocks
==============================*/
.list-block ul {
	background: rgba(255,255,255,0.3);
	color:#ffffff;
}
.accordion-item-content .content-block {
	color:#000000;
}

/*==============================
    Left Panels and Right Panels
==============================*/
.panel {
   background : #0000ff;
}

.list-block .item-inner:after {
   background-color: rgba(178, 178, 178, 0.26);
}
.list-block .item-inner, .list-block .item-after {
   color : #b2b2b2;
}


/*==============================
    Modal
==============================*/
.modal-inner:after {
  background: #390532;
}
.modal-button:after {
  background: #390532;
}
.modal-inner,
.modal-button {
  color: #fff;
  background: rgba(77, 12, 68, 0.9);
}
.modal-button.active-state {
  background: #68095b;
}

/*==============================
    Static Images
==============================*/

.static_image,.static_image2{
   background-size:cover;
   background-repeat:no-repeat;
   background-position-x: 50%;
   width: 100%;
   height: 100%;
}

/*==============================
    Page Backgrounds
==============================*/

div.page {
  background-position-y:0% !important;
}
/*==============================
    Upload modals
==============================*/

.dzoneform.upload {
   border: 1px solid black;
   padding: 10%;
}
.upload_div progress {
   width: 100%;
}
.upload_div .dzonelink {
}




/*==============================
    Maps
==============================*/

.map, .map_internal {
   width: 100%; 
   height:100%;
    margin:0px;
    padding:0;
}

/*==============================
    data list end markers mark the ends of lists of data
==============================*/

.data_list_end_marker {
	display : none;
}

/* styling fix for panels in ios style*/
.panel.panel-left {
    border-right: 1px solid #c4c4c4;
}
.panel.panel-right {
    border-left: 1px solid #c4c4c4;
}