/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.0.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/


/**
 * Image Loader for Upload Image in My Account
 */
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/**
 * Delete float modal buttons
 */
.modal-footer .btn + .btn-primary {
  margin: 5px 5px !important;
}

/**
 * Choose File button in My Account page
 */
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
#picture-preview {
  padding-bottom: 15px;
}
.flash-message.profile-image p.alert {
  margin-top: 0;
}

/**
 * Sidebar Menu
 */
.nav-side-menu {
  font-size: 12px;
  font-weight: 200;
  width: 100%;
}
.nav-side-menu .brand {
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #12a4f4;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  line-height: 28px;
  margin-left: 0px;
  padding: 5px 0;
}
.nav-side-menu li {
  padding-left: 0px;
}
.nav-side-menu li a {
  text-decoration: none;
  font-size: 15px;
  display: block;
}
#myActivity li a {
  padding: 5px;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid rgba(33, 187, 157, 0.42);
}
.nav-side-menu .menu-list .menu-content {
  display: block;
  margin: 5px 0 10px;
}
/* ------------------------- */

/**
 * Profile Progress Percentage/Panel
 */
.my-acct.panel,
.my-acct-list {
  margin-bottom: 0;
}

.my-acct-list li.list-group-item {
  padding: 10px 0;
}

li#verifyEmailList.completed,
.my-acct-list .completed li {
  cursor: auto;
}

li#verifyEmailList {
  cursor: pointer;
}

.my-acct-list .completed i,
.my-acct-list .notCompleted span {
  color: #12a4f4;
}
/* ------------------------- */

/**
 * Sent Email Verification CSS
 */
#sentEmailVerification .modal-body .main-body {
  font-size: 20px;
  text-align: center;
}
#sentEmailVerification .modal-body .question {
  font-size: 12px;
  text-align: center;
}
#count {
  font-size: 12px;
}
/* ------------------------- */

/**
 * Modal Popup Scrollable (Sellers Agreement, Paypal Login, Address)
 */
.paypal-address,
#addressDialog .tab-pane h3,
.sellers-agreement-container,
.seller-paypal-address {
  text-align: center;
}

.modal-dialog{
    overflow-y: initial !important
}
.modal-body .tab-content-popup{
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
.error-incomplete-profile {
  margin-top: 0;
}
/* ------------------------- */

/**
 * 404 Error Page
 */
.error-page {
  text-align: center;
}
.error-page img {
  margin: auto;
}
/* ------------------------- */

/**
 * Login/Registration page
 */
.login-register-container {}
.login-register-list {border:0; font-size:20px; font-weight:500; text-align:center;}
.login-register-list .nav-tabs {border: 0;}
.login-register-container .login-register-list > li {padding:0;}
li#loginList {border-right-color:#777; border-right-width:initial;}
li#registerList {border-left-color:#777; border-left-width:initial;}
.login-register-container .login-register-list>li {float:left;}
.login-register-container .login-register-list>li, .login-register-container .login-register-list>li>a {background-color:#f2f3f6; border:0; color:#777; font-size:20px;}
.login-register-container .login-register-list>li.active>a, .login-register-container .login-register-list>li.active {background-color:#fff; color:#12a4f4;}
div.login-register-container .login-register-list>li>a:hover, div.login-register-container .login-register-list>li>a:focus {border:0; border-radius:0;}
#loginErrorSuccessMessage .alert {margin: 0;}
/* ------------------------- */

/**
 * Create Float in Side Bar
 */
#createFloatSidebarDiv a {
  width: 100%;
}
/* ------------------------- */

/**
 * Float Points needed in Buy Now Page
 */
.float-points,
.float-share {
  font-size: 20px;
  font-weight: 400;
}
#useFloatPointsContainer,
#sharePerParticipants {
  padding: 15px 15px;
}
.highlight {
  background: #f5f5f5;
}
/* ------------------------- */

/**
 * Buyers Agreement/Sellers Agreement
 */

.btn.btn-block.btn-success.buyers-agreement-div:hover, .btn.btn-block.btn-success.buyers-agreement-div:active, .btn.btn-block.btn-success.buyers-agreement-div:focus {
    cursor: default !important;
    background-color: #5cb85c;
     border-color: #4cae4c;
     border-top:1px solid #eee;
  }

.btn.btn-block.btn-success.buyers-agreement-div {
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top:1px solid #eee;
  white-space: inherit;
}
.buyers-agreement-div a {color:#fff; text-decoration:underline;}
.btn_buy_now,
#pay_share_gb {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.buyers-agreement-link {
  color: #fff;
  text-decoration: underline;
}
/* ------------------------- */

/**
 * Shipping Note after Carrier Location chosen
 */
#shipping_note {
  font-size:10px;
  color:#ccc;
}
/* ------------------------- */

/**
 * Carrier Location Table
 */
.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  border-bottom-width: 0;
}
.highlighted { background-color: #f2f3f6; }
/* ------------------------- */

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.accordion-toggle label {
  margin-bottom: 0;
}

.sec_float_carriers {
    padding-bottom: 10px;
}

.sec_float_carriers h3 {
  margin-top: 0;
}

.col-centered {
  float: none;
  margin-right: auto;
  margin-left: auto;
}

/**
 * Fade when JF/GB/BN Payment
 */
div.fadeMe {
  opacity:    0.5;
  background: #000;
  width:      100%;
  height:     100%;
  z-index:    1000;
  top:        0;
  left:       0;
  position:   fixed;
}
.flexme{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  z-index: 1001;
}
/* ------------------------- */

#sendVerificationAgain,
ul.my-acct-list.list-group li {
  cursor: pointer;
}

#verifyBtn {
  margin: 0;
  padding: 9px 20px;
}

#verificationContainer {
  margin-top: 10px;
}

/**
 * Hide "No chosen file" text in input field
 */
#image_section input[type="file"] {
  color: transparent;
  max-width: 100px;
}


/* ================        WIDGETS        ============== */
/* slick slider _________________________________________________________________ */
.slick-slider {box-sizing:border-box; display:block; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {display:block; margin:0; outline:none; overflow:hidden; padding:0; position:relative;}
	.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand; outline:none;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {display:block; left:0; position:relative; top:0;}
.slick-track:before, .slick-track:after {content:''; display:table;}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px; outline:none;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {border:1px solid transparent; display:block; height:auto;}
.slick-arrow.slick-hidden {display:none;}
.slick-dots {bottom:12px; display:block; list-style:none; text-align:center; padding:0; position:absolute; width:100%;}
.slick-dots li {cursor:pointer; display:inline-block; height:20px; margin:0; padding:0; position:relative; width:20px;}
.slick-dots li button {background:transparent; border:0; cursor:pointer; color:transparent; display:block; font-size:0; height:20px; line-height:0; outline:none; padding:5px; width:20px;}
.slick-dots li button:hover, .slick-dots li button:focus {outline:none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1;}
.slick-dots li button:before {color:#828282; content:'•'; font-size:20px; height:20px; left:0; line-height:20px; position:absolute; text-align:center; top:0; width:20px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {color:#f0f4f5;}

#hero_slider {margin:-20px auto 0; max-height:600px; max-width:1200px; overflow:hidden;}
#hero_slider > .slide {display:none;}


/*New CSS*/
.clearfix {clear:both;}
.btns-group {margin-bottom:10px; width:100%;}
.btns-group button {color:#4c4c4c; font-size:18px; width:45%;}
.btns-group button img {margin:-10px 0 0 2px; width:50%;}
.btn-pay-with-bitcoin {padding-left:0; padding-right:0;}
.btn-pay-with-bitcoin img {display:initial;}
/*.btn-pay-with-bitcoin {background:#dcdcdc url(/img/bitcoin.png) no-repeat 92% 50%; text-align:left;}*/
.or {color:#949494; font-size:18px; line-height:38px; text-align:center; width:10%;}
/* === TEMP === */
.or, .btn-pay-with-bitcoin {display:none;}
.btns-group button {width:100%;}

@media (max-width:768px) {
  .btns-group form, .btns-group button, .or {
    width:100%;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 12px;
  }
  .logo img {
    margin: 0 !important;
  }
  .searchBarHome ul.navbar-nav li.dropdown a.dropdown-toggle {
    padding: 9px;
    font-size: 11px;
  }
}
@media (max-width:1200px){
  .searchBarHome ul.navbar-nav li.dropdown a.dropdown-toggle {
    padding: 9px;
    font-size: 13px;
  }
}

.btn.btn-block.btn-success.buyers-agreement-div {border-top-left-radius:0; border-top-right-radius:0; border-top:1px solid #eee; margin:0; white-space: inherit;}
.buyers-agreement-div a {color:#fff; text-decoration:underline;}

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}
.dropdown > a:before{
  top: 19px !important;
  right: -1px !important;
}
nav.searchBarNav{
  background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
    padding: 10px 20px 3px;
    border-radius: 5px;
}
ul.dropdown-menu.mega-dropdown-menu.displayednav {
  margin-top: -9px;
}
.searchBarHome ul.navbar-nav{
  border:1px solid #e1e1e1;
  padding-right: 12px;
  height: 39px;
    border-radius: 4px;
    width:17%;
}
.searchBarHome ul.navbar-nav li.dropdown{
  height:40px;
  width:100%;
}
.searchBarHome ul.navbar-nav li.dropdown a.dropdown-toggle{
  padding: 9px;
}
.searchBarHome ul.navbar-nav li.dropdown a.dropdown-toggle:before{
  top: 14px !important;
    right: -6px !important;
}
.searchBarHome ul.navbar-nav li.dropdown a.dropdown-toggle:hover{
  background-color:transparent;
}
.searchBarHome form {
  width: 80%;
  display: inline-block;
  margin: 0px;
  margin-left: 15px;
}
.searchBarHome form input {
  width:85% !important;
  float:left;
}
.searchBarHome form button {
  width:10%;
  float:left;
  margin: 0;
    height: 40px;
    margin-left: 10px;
}

@media only screen and (max-width:768px){
  .searchBarHome ul.navbar-nav{
    width:100%;
    margin:0 !important;
  }
  .searchBarHome form{
    width:100%;
    margin-left:0;
    margin-top:10px;
    text-align:center;
  }
  .searchBarHome form input{
    width:100% !important;
    float:none;
  }
  .searchBarHome form button {
    float: none;
    margin-top: 10px;
    width: 100%;
    margin-left: 0;
  } 
}