@font-face {
    font-family: 'Helv3dbin';
    src: url('/designes/3dbin/font/ht.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
}
.navbar-right {
    margin-right: 0px;
    }
/*mask*/
.height100{
    height:100% !important;
}
.lgray{
    background-color:#f8f8f8;
}
.height800{
    height:800px;
}
#savemaska{
    width:1280px;
    height:100%;
    position:absolute;
    z-index:10000;
    opacity:0.8;
    background-color:#e7e7e7;
    color:#fff;
    padding-top:200px;
    font-size:56px;
    text-align:center;
    display:none;
    /*top:0px;
    left:0px;*/            
}
#savemaska2{
    width:100%;
    height:100%;
    position:absolute;
    z-index:10000;
    top:0px;
    left:0px;            
}
.pencil{
    width:100%;
    margin:0 auto;
    height:32px;
}
.pencilbg{
    width:100%;
    position:absolute;
    height:15px;
    border-bottom:2px solid #e7e7e7;
    top:0px;
    left:0px;
    z-index:10;
}
.pencilvalue{
    width:32px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    height:32px;
    cursor:pointer;
}
#mask{
    padding:0 0;
    margin:0 0;
    cursor:crosshair;
}
#maskimages{
    height:500px;
    overflow-y:scroll;
    background-color:white;
}
#maskpaintc{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #e7e7e7;
    margin:0 auto;
}
.maskimagegray{
    border: 1px solid #a7a7a7 !important;
}
.maskimage{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height:100px;
    width:90%;
    margin:10px auto;
    transition: all .2s ease-in-out;
    border: 1px solid #e7e7e7;
}
#maskpaint{
    height:500px;
}
.maskimage:hover{
    transform: scale(1.1);
}
.maskmenu i{
    cursor:pointer;
    color:#235c9e;
}
.maskmenu i:hover{
    color:#064284;
}

/*Admin*/
.top h1{
    color:#000;
    text-shadow: 1px 1px 2px white,-1px 1px 2px white,1px -1px 2px white,-1px -1px 2px white;
    margin-left:15px;
}
.gallery-model p{
    color:#000;
    margin:0;
}

/*Buy*/
.paypalb{
    background-image: url("http://static.3dbin.com/img/ppbutton.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 68px;
    text-align: center;
    width: 100%;
}
/*About*/

.about-container img{
    width:auto;
    max-width:100%;
    text-align:center;
    margin:20px auto;
}
/*Create*/
#create-1{
    margin-top:20px;
}
.create-model-logo{
    
}
label{
    color: #777;

    font-size: 14px;
    font-weight: lighter;
}
label:hover{
    color:#555;
}
.nav-pills li{
    margin-top:5px;
}
#model_logo{
    height: 400px; 
    width:95%;
    margin:2.5%;
    background-color: #ffffff;
    position:relative;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:center;
}
.w-logo-container {
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #aaaaaa;
    height: 200px;
    margin: 0 10% 10%;
    width: 80%;
}
.create-image{
    height:180px;
    width:100%;
     background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
    position:relative;
    overflow:hidden; 
    margin-top:10px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}
.create-image .model-opt
{
    width:150%;
    height:100%;
    z-index:90;
    position:absolute;
    top:0px;
    left:0px;
    color:#000000;
    padding:10px;
    text-align:left;
    font-size:21px;
    transition-duration: 0.2s;   
}
.create-image .model-opt:hover
{
    width:100%;
}
.create-image .model-controls
{
    width:40px;
    height:100%;
    float:right;
    margin:0;
}
.create-image .model-del
{
    float:left;
    width:32px;
    height:32px;
    margin:4px;
    color:#aa0000;
    font-size: 31px;
}
.create-image .model-del1
{
    float:left;
    width:32px;
    height:32px;
    margin:4px;
    color:#00aaaa;
    font-size: 31px;
}
.create-image .model-del:hover
{
    color:#ff0000;
}
/* gallery*/
.gallery-icon{
    color: #428bca;
    font-size: 31px;
    cursor:pointer;
    height: 43px;
}
.gallery-icon:hover{
     color: #3276b1;
}
.gallery-model {
    background-color: #f8f8f8;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    height: 270px;
    width: 100%;
    overflow:hidden;
}
.gallery-model .bottom{
    background-color: #fff;
    height: 100px;
    padding: 10px;
    width: 100%;
}
.gallery-model .top{
    height: 170px;
    cursor:pointer;    
    width: 100%;
}
.gallery-modal{
    width:100%;
    height:100%;
}
#gallery-iframe{
    height:90%
}
/*Intro*/

.intro-container{
    max-width:1280px;
    width:100%;
    margin:0 auto;
    background-color:#ffffff;
    height:auto;
    padding:0 50px;
    text-align:center;
}
.intro-big-text{
    padding:62px 50px 0px;
}
.intro-big-text span{
    font-weight: lighter;
    
    width:52px;
    height:40px;
    font-size:52px;
    color:#083d79;
    margin-top: 62px;
}
.intro-delimeter{
    background-color: #eeeeee;
    float: left;
    height: 1px;
    margin: 0 2.5%;
    width: 95%;
}
.intro-container .iphone{
    height:530px;
    background-image:url(/designes/3dbin/nd/img/Angled_iPhone5_View_White_Cam2a.png);
    position:relative;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.intro-container .transp{
    width:100%;
    border-bottom:1px solid #e6e6e6;
    height:110px;
    position:absolute;
    bottom:0px;
    background-image:url(/designes/3dbin/nd/img/transp.png);
    text-align:center;
}
.intro-container h1{
    font-weight: lighter;

    font-size:30px;
    
    margin-top:40px;
}
.intro-container h2{
    font-weight: lighter;
   
    margin-top:28px;
    font-size:28px;
    
}
.intro-container .col-md-4{
    
} 
.intro-container h3{
    
    font-weight: lighter;
   
    margin-top:18px;
    font-size:18px;
    
      line-height: 150%;
}
/*shop*/
#shop-models{
    height:auto;
}
.shop-model{
    border: 1px solid #e7e7e7;
     border-radius: 4px;
     background-color: #f8f8f8;
    border-color: #e7e7e7;
    background-size:contain;
    background-position:top;
    background-repeat:no-repeat;
    height:300px;
    width:100%;
}
.shop-model .bottom{
    background-color: #fff;
    height: 140px;
    padding: 10px;
    width: 100%;
}
/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
/*Helpers*/
li a{
    color: #50628c;
}
#scroller{
   bottom: 100px;
    color: #aaa;
    cursor: pointer;
    display: none;
    height: 32px;
    position: fixed;
    right: 100px;
    width: 32px;
    z-index:10000;
}

/*colors*/
.blue{
    background: #4a90e2 none repeat scroll 0 0;
    color:#fff;
}
.bgwhite{
    background-color:#fff;
}
/*.col-sm-12{
    float:left;
}
/*params*/
.height30{
    height:30px;
}
.right{
    float:right;
}
.margin-0{
    margin:0;
}
.margin-25{
    margin-left:25%;
}
.text-gray li a{
    color: #9a9a9a;
}
.text-center{
    text-align:center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.margintop10{
    margin-top:10px;
}
.margin-l15{
    margin-left: 15px;
}
.margin50{
    margin: 50px 2.5%;
}
.percent-100{
    width:100%;
}
.hidden{
    display:none;
}
.pointer{
    cursor:pointer;
}
.relative{
    position:relative;
}
.absolute{
    position:absolute;
}
.bottom{
    position:absolute;
    width:100%;
    height:auto;
    bottom:0px;
    left:0px;
    right:0px;
}
.padding5{
    padding:5px;
}
.padding15{
    padding:15px;
}
/*controls*/
.color-blue{
    color:#428bca;
}
.all-container{
    max-width:1280px;
    width:100%;
    margin:0 auto;
    background-color:#ffffff;
    height:auto;
    text-align:center;
}
.red{
    color:#aa0000;
}
.green{
    color:#00aa00;
}
.img-ava-top{
    width:24px;
    height:24px;
    border-radius:12px;
    margin-right: 10px;
}

.top-logo{
    background: rgba(0, 0, 0, 0) url("/designes/3dbin/nimg/logo.png") no-repeat scroll 0 0 / contain ;
    float: left;
    height: 35px;
    margin: 6px 10px 0 0;
    outline: 0 none !important;
    text-indent: -9999em;
    width: 180px;
}

.button-blue{
    width:43%;
    height:59px;
    margin-left:auto;
    padding-top:10px;
    text-align: center;
    background-color: #4a90e2;
    border: 1px solid #4a90e2;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    font-size:24px;
}
.button-blue:hover{
    background-color: #ffffff;
    border: 1px solid #979797;
    border-radius: 5px;
    color: #979797;
    font-weight: normal;
}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
/*login*/
/*----------------------------------------------------------------------------------- */
/*  Login 1 */
/*----------------------------------------------------------------------------------- */
body.login1 {
  padding: 0;
  background: url(../images/login-blurry-bg.jpg) no-repeat center center;
  background-size: cover;
  position: relative; }
  body.login1.signup .login-container {
    margin-top: -215px;
    height: 430px; }
  body.login1 .login-wrapper {
    width: 100%;
    height: 100%; }
  body.login1 .login-container {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 40px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    padding: 30px;
    margin-bottom: 15px;
    width: 380px;
    height: 380px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -190px;
    opacity: 0;
    -webkit-transition: all 1s 0.5s;
    -moz-transition: all 1s 0.5s;
    transition: all 1s 0.5s; }
    body.login1 .login-container.active {
      opacity: 1; }
    body.login1 .login-container img {
      margin: 10px auto 30px; }
    body.login1 .login-container .form-group {
      position: relative;
      margin-bottom: 0; }
    body.login1 .login-container input.form-control {
      height: 48px;
      font-size: 15px;
      box-shadow: none;
      border-radius: 0;
      border: 0;
      border-bottom: 1px solid #d6d6d6;
      padding-left: 0;
      padding-right: 0;
      background: transparent; }
    body.login1 .login-container .form-options {
      margin: 20px 0 30px; }
      body.login1 .login-container .form-options .checkbox {
        display: inline-block; }
    body.login1 .login-container input[type="submit"] {
      position: absolute;
      top: 10px;
      right: 0;
      opacity: 0.5;
      font-family: "FontAwesome";
      background: transparent;
      color: #888888;
      border: 2px solid #888888;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      padding-left: 7px;
      line-height: 24px; }
      body.login1 .login-container input[type="submit"]:hover {
        opacity: 1; }
    body.login1 .login-container .social-login {
      margin-bottom: 25px; }
      body.login1 .login-container .social-login > .btn {
        width: 49%;
        margin: 0; }
      body.login1 .login-container .social-login .facebook {
        background-color: #335397;
        border-color: #335397; }
        body.login1 .login-container .social-login .facebook:hover {
          background-color: transparent;
          color: #335397; }
      body.login1 .login-container .social-login .twitter {
        background-color: #00c7f7;
        border-color: #00c7f7; }
        body.login1 .login-container .social-login .twitter:hover {
          background-color: transparent;
          color: #00c7f7; }
    body.login1 .login-container p.signup {
      margin-bottom: 0; }

/*----------------------------------------------------------------------------------- */
/*  Login 2 */
/*----------------------------------------------------------------------------------- */
body.login2 {
  padding: 30px 0 0;
  background: #eeeeee; }
  body.login2 .login-wrapper {
    max-width: 420px;
    margin: 0 auto;
    text-align: center; }
    body.login2 .login-wrapper img {
      margin: 40px auto; }
    body.login2 .login-wrapper .input-group-addon {
      padding: 8px 0;
      background: #f4f4f4;
      min-width: 48px;
      text-align: center; }
      body.login2 .login-wrapper .input-group-addon i.falock {
        font-size: 18px; }
    body.login2 .login-wrapper input.form-control {
      height: 48px;
      font-size: 15px;
      box-shadow: none; }
    body.login2 .login-wrapper .checkbox {
      margin-bottom: 30px; }
    body.login2 .login-wrapper input[type="submit"] {
      padding: 10px 0 12px;
      margin: 20px 0 30px; }
      body.login2 .login-wrapper input[type="submit"]:hover {
         }
    body.login2 .login-wrapper .social-login {
      margin-bottom: 20px;
      padding-bottom: 25px;
      border-bottom: 1px solid #cccccc; }
      body.login2 .login-wrapper .social-login > .btn {
        width: 49%;
        margin: 0; }
      body.login2 .login-wrapper .social-login .facebook {
        background-color: #335397;
        border-color: #335397; }
        body.login2 .login-wrapper .social-login .facebook:hover {
            background-color: #19397d;}
      body.login2 .login-wrapper .social-login .twitter {
        background-color: #00c7f7;
        border-color: #00c7f7; }
        body.login2 .login-wrapper .social-login .twitter:hover {
          background-color: transparent;
          color: #00c7f7; }


html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-size:16px;
  color:#868384;/*#514e3f;#413d3e;"effra";helv3dbin*/
/* font-family: helv3dbin;*/
 /*font: 300 14px "effra";*/
 
 
}
/*nav li{
    letter-spacing: 2px;
    font: 400 14px "effra";
     text-transform: uppercase;
}*/
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7e7e7;

}
h1{
    
}
.l0 h2{
    margin-top: 63px;
}
.l0 h2 i{
    margin-right: 15px;
}
.btn-primary{
    background-color:#235c9e;
    z-index:998;
    border-color:transparent;
}
.btn-primary:hover{
    background-color:#064284;
    border-color:transparent;
}
.btn-default{
    color:#777;
}
 .btn-default:hover{
    color:#333;
 }