::-webkit-input-placeholder {
    color: #fff;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

:-ms-input-placeholder {
    color: #fff;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: transparent;
    border-color: rgba(140, 140, 140, 0.5);
    ;
}

body {
    font-family: 'Open Sans', sans-serif;
}

#navigation {
    min-height: 105px;
}

.navbar.navbar-default.navbar-fixed-top {
    height: 105px;
    z-index: 10000;
}

.navbar-default .navbar-toggle {
    margin-right: 80%;
}

.container-fluid {
    padding: 0;
}

#logo {
    width: 63px;
    height: 80px;
    background: transparent url(../images/logo.png) no-repeat;
    text-indent: -9999px;
    border-bottom: 0;
    margin-left: 2%;
    margin-top: 10px;
    float: left;
}

#navbar ul {
    padding: 0px;
    margin-top: 25px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 34%;
}

.navbar-default {
    background: #fff;
    border-color: transparent;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    float: right;
}

.navbar-toggle {
    margin-top: 37px;
    border-radius: 0;
    margin-right: 20px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ff77c2;
}

.right-items {
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 2%;
    width: 170px;
}

#search {
    width: 30px;
    height: 30px;
    background: transparent url(../images/search.png) no-repeat;
    text-indent: -9999px;
    border: none;
    float: left !important;
    margin-right: 20px;
    margin-top: 7px;
}

.search-input {
    z-index: 500;
    float: right !important;
    margin-top: 105px;
    background-color: #ff77c2;
    border: none;
    border-radius: 0;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    color: #fff;
    right: 0;
}

#cart {
    width: 50px;
    height: 50px;
    background: transparent url(../images/cart.png) no-repeat;
    text-indent: -9999px;
    border: none;
    float: left !important;
    margin-top: 7px;
    /*zoom: 0.65;*/
    background-size: 30px;
}

.number-cart {
    font-weight: bolder;
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 11px;
    position: absolute;
    left: 35px;
    background: #ff77c2;
    padding: 0 2px;
    border-radius: 8px;
}

.navbar-btn {
    background-color: #ff77c2;
    border: none;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
}

.navbar-btn:hover, .navbar-btn:focus {
    background-color: #ee77c2;
}


/* Carousel */

ol.carousel-indicators {
    margin-top: 3%;
    position: relative;
}

.carousel-indicators {
    margin-bottom: 5px;
}

.carousel-indicators li {
    border: 4px solid #29b6ec;
    background-color: #29b6ec;
    height: 21px;
    width: 21px;
}

.carousel-indicators .active {
    background-color: #ff77c2;
    height: 22px;
    width: 22px;
}

.carousel-caption {
    top: 25%;
    left: 0;
    line-height: 1;
    text-shadow: none;
    padding-left: 23%;
    text-align: left;
    text-transform: uppercase;
}

.carousel-caption h1 {
    font-size: 60px;
    color: #ff77c2;
    font-weight: bolder;
    letter-spacing: 0.05em;
    text-align: left;
    margin-bottom: 0;
}

.carousel-caption p {
    font-size: 60px;
    font-weight: lighter;
    color: #606060;
    width: 500px;
}

.buy-btn {
    border-radius: 25px;
    background-color: #29b6ec;
    border: none;
    text-transform: none;
    margin-top: 1%;
    width: 120px;
}

.skullcones-package img {
    max-height: 750px;
}


/* end Carousel */


/* Products */

#products {
    padding: 2%;
}

.skull-devider {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    max-width: 1120px;
}

.gray-skull {
    margin-top: -20px;
    margin-bottom: 5%;
}

.products-nav-btn {
    font-weight: normal;
    font-size: 20px;
    text-transform: capitalize;
    text-align: center;
    border-radius: 0;
    border: none;
    margin-bottom: 2%;
    display: block;
    min-width: 245px;
}

.products-nav-btn:hover, .products-nav-btn:focus {
    background-color: #ff77c2;
    color: #fff;
}


/* set of items */

.first-item {
    max-width: 1410px;
}

.set-of-imgs {
    margin-top: 5%;
    margin-bottom: 20px;
    width: 1410px;
}

.post-content {
    width: 45%;
    height: 90%;
    background-color: #fff;
    color: #000;
    opacity: 0.5;
    left: 55%;
    padding-left: 3%;
    padding-top: 14%;
    top: 9% !important;
}

.post-content p {
    font-size: 23px;
    text-transform: capitalize;
    font-weight: normal;
    color: #000;
}

.select-unit {
    border-radius: 0;
    font-size: 22px;
    background: #d2d4d5;
    min-width: 45px;
    border: 1px solid #bfc2c3;
}

.drop-unit {
    margin-right: 2%;
}

.list-of-units {
    border-radius: 0;
    background: #d2d4d5;
    margin-top: 46px;
}

.list-of-units li a {
    font-size: 22px;
    padding: 3px 6px;
}

.img-set h3 {
    margin-bottom: 2%;
    font-weight: bold;
}

.img-set h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 2%;
    font-size: 25px;
}

.img-set p {
    line-height: 2em;
    margin-bottom: 2%;
}

.btn .caret {
    zoom: 2;
}

.add-to-cart-btn {
    border-radius: 0;
    border: none;
    font-size: 23px;
    background: #1dbee3;
    padding-right: 20px;
    padding-left: 20px;
}

.add-to-cart-btn:hover, .add-to-cart-btn:focus {
    background: #7ecee0;
}

.btns-col {
    display: block;
}


/* two items */

.fast-link {
    background: #dddedf;
    color: #000;
}

.two-items {
    margin-top: 4%;
}

.two-items h3 {
    margin-bottom: 4%;
    font-weight: bold;
}

.two-items h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 4%;
    font-size: 25px;
}

.two-items p {
    line-height: 2em;
    margin-bottom: 2%;
}

.two-items button {
    margin-bottom: 6%;
    margin-top: 2%;
    z-index: 500;
    padding-right: 20px;
    padding-left: 20px;
}

.two-items .add-to-cart-btn {
    background: #ff77c2;
}

.two-items .add-to-cart-btn:hover, .two-items .add-to-cart-btn:focus {
    background: #ffb1dc;
}

.two-items .list-of-units {
    margin-top: 59px;
}

.two-items .list-of-units li a {
    padding: 3px 14px;
}

.more-products {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 21px;
    color: #000;
    margin-top: 4%;
    margin-bottom: 4%;
}

.more-products:hover, .more-products:focus {
    color: #666;
}


/* end Products */


/* Products info */

.smoke {
    background: transparent url(../images/smoke-background.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 1332px;
    text-align: justify;
}

.parted-cig {
    z-index: 0;
    position: absolute;
    left: 48%;
    height: 1200px;
    margin-left: -150px;
    /* Half the width */
}

.right-text {
    padding-top: 120px;
    max-width: 85%;
    padding-left: 66%;
    opacity: 0;
}

.left-text {
    margin-top: 16%;
    max-width: 21%;
    margin-left: 15%;
    opacity: 0;
}

.bottom-text {
    margin-top: 12%;
    max-width: 85%;
    padding-left: 66%;
    opacity: 0;
}


/* end Products info */


/* About Us */

#about {
    padding-left: 2%;
    padding-right: 2%;
    background: #e6e6e6;
    padding-top: 45px;
}

#about .row {
    margin-right: 0;
    margin-left: 0;
}

.about-us h1 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 35px;
    text-transform: uppercase;
    font-weight: normal;
}

.about-us p {
    line-height: 3em;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
}


/* end About Us */


/* contact */

#contact {
    background: transparent url(../images/back-contact.jpg);
}

#contact .row {
    margin-right: 0;
    margin-left: 0;
}

.cont-info {
    max-width: 1200px;
    padding-bottom: 40px;
}

.cont-info h2 {
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 40px;
}

.h-welcome {
    color: #eb5eb3;
}

.h-touch {
    color: #4bb3f2;
}

.basic-info {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

.basic-info li {
    padding-bottom: 25px;
}

.contact-form input, .contact-form button, .contact-form textarea {
    background: transparent;
}

.form-control:focus {
    border: 1px solid #ff77c2;
}

.email-pass {
    display: inline-flex;
}

.contact-form input, .contact-form button, .contact-form textarea {
    /*border: 1px solid rgba(204, 204, 204, 0.2);*/
    border-radius: 0;
    box-shadow: none;
}

.email-pass input {
    width: 260px;
}

.in-name {
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    border-right: 1px solid rgba(204, 204, 204, 0.4);
    border-bottom: none;
}

.in-email {
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    border-left: none;
    border-bottom: none;
}

.in-subject {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-top: 1px solid rgba(204, 204, 204, 0.4);
    border-bottom: none;
}

.text-message {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-top: 1px solid rgba(204, 204, 204, 0.4);
    border-bottom: none;
}

.btn-send {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top: 1px solid rgba(204, 204, 204, 0.4);
}

.btn-send:hover, .btn-send:focus {
    background: #ff77c2;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top: 1px solid rgba(204, 204, 204, 0.4);
}

.in-subject, .text-message, .btn-send {
    width: 520px;
}


/* end contact */


/* foooter */

footer {
    background: #2b2b2b;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
}

footer strong {
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 0.5em;
}

.foot-a {
    margin-bottom: 20px;
    color: #fff;
}

.foot-logo {
    padding-top: 40px;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
    padding-bottom: 20px;
}


/* back to top */

.cd-container {
    width: 90%;
    max-width: 768px;
    margin: 2em auto;
}

.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.cd-container {
    width: 90%;
    max-width: 768px;
    margin: 2em auto;
}

.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 3%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #ff77c2 url(img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    border-radius: 4px;
    z-index: 2000;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}


/* end back to top*/

@media(max-width: 1450px) {
    .smoke {
        height: 832px;
    }
    .parted-cig {
        left: 51%;
        height: 800px;
    }
    .right-text {
        padding-top: 50px;
        max-width: 85%;
        padding-left: 66%;
    }
    .left-text {
        margin-top: 8%;
        max-width: 21%;
        margin-left: 13%;
    }
    .bottom-text {
        margin-top: 8%;
        max-width: 85%;
        padding-left: 66%;
    }
}

@media(max-width: 1200px) {
    .carousel-caption {
        top: 15%;
    }
    .products-nav-btn {
        font-size: 18px;
    }
    .two-items .list-of-units {
        margin-top: 55px;
    }
    #contact .col-lg-6 {
        text-align: center;
    }
    .contact-form {
        text-align: center;
        display: inline-block;
        padding-bottom: 30px;
    }
}

@media(max-width: 1100px) {
    #navbar ul {
        padding-left: 5%;
    }
    .carousel-caption h1, .carousel-caption p {
        font-size: 40px;
        width: 350px;
    }
    .products-nav-btn {
        font-size: 14px;
    }
    .post-content p {
        font-size: 17px;
        text-transform: capitalize;
        font-weight: normal;
        word-wrap: normal;
    }
    .post-content {
        visibility: visible;
    }
    .two-items h3 {
        font-size: 20px;
    }
    .two-items h4 {
        font-size: 21px;
    }
    .smoke {
        height: 632px;
    }
    .parted-cig {
        left: 55%;
        height: 600px;
    }
    .parted-text {
        font-size: 11px;
    }
    .right-text {
        padding-top: 50px;
    }
    .left-text {
        margin-top: 5%;
    }
    .bottom-text {
        margin-top: 3%;
    }
}

@media(max-width: 767px) {
    .right-items {
        width: 185px;
        right: 100px;
    }
    .number-cart {
        left: 65px;
    }
    #navbar {
        margin-top: 105px;
        background: #ff77c2;
        position: absolute;
        width: 100%;
        text-align: center;
        opacity: 0.9;
    }
    .navbar-default .navbar-nav>li>a{
      color: #fff;
    }
    #navbar ul {
        margin-top: 0;
        padding-left: 0;
    }
    .carousel-caption h1, .carousel-caption p {
        font-size: 30px;
        width: 250px;
    }
    .carousel-caption a {
        font-size: 14px;
        padding: 5px 8px;
    }
    #products {
        padding: 4%;
    }
    .buy-btn {
        width: auto;
    }
    .post-content {
        top: 0 !important;
        padding-top: 4%;
        height: 100%
    }
    .post-content h3 {
        font-size: 16px;
    }
    .post-content p {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: normal;
        word-wrap: normal;
    }
    .fast-link {
        max-width: 300px;
    }
    .two-items .list-of-units {
        margin-top: 60px;
    }
    .parted-cig {
        left: 57%;
    }
    .right-text {
        padding-top: 20px;
        max-width: 95%;
        padding-left: 66%;
    }
    .left-text {
        margin-top: 12%;
        max-width: 28%;
        margin-left: 6%;
    }
    .bottom-text {
        margin-top: 10%;
        max-width: 95%;
        padding-left: 66%;
    }
}

@media(max-width: 600px) {
    .carousel-caption h1, .carousel-caption p {
        font-size: 20px;
        width: 200px;
    }
    .carousel-caption {
        top: 5%;
    }
    .carousel-caption a {
        font-size: 14px;
        padding: 5px 8px;
    }
    ol.carousel-indicators {
        margin-top: 5%;
    }
    .post-content p {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: normal;
        word-wrap: normal;
        line-height: 1.7em;
    }
    .post-content {
        top: 0 !important;
        padding-top: 1%;
    }
    #prod-one h3 {
        font-size: 16px;
    }
    .select-unit {
        font-size: 14px;
    }
    .add-to-cart-btn {
        font-size: 15px;
    }
    .list-of-units {
        margin-top: 35px;
    }
    .list-of-units li a {
        font-size: 14px;
        padding: 3px 5px;
        padding-left: 12px;
    }
    .two-items .list-of-units {
        margin-top: 45px;
    }
    .smoke {
        height: 432px;
    }
    .parted-cig {
        left: 67%;
        height: 400px;
    }
    .parted-text {
        font-size: 9px;
    }
    .right-text {
        padding-top: 10px;
        max-width: 98%;
        padding-left: 68%;
    }
    .left-text {
        margin-top: 8%;
        max-width: 28%;
        margin-left: 6%;
    }
    .bottom-text {
        margin-top: 0;
        max-width: 98%;
        padding-left: 68%;
    }
    .email-pass input {
        width: 100%;
    }
    .in-subject, .text-message, .btn-send {
        width: 100%;
    }
}

@media(max-width: 464px) {
    .bottom-text {
        margin-top: -10%;
    }
}

@media(max-width: 420px) {
    #search {
        margin-right: 10px;
    }
    .navbar-default .navbar-toggle {
        margin-right: 70%;
    }
    .number-cart {
        left: 55px;
    }
    .carousel-caption {
        top: 0;
    }
    .carousel-caption h1, .carousel-caption p {
        margin-top: 2%;
        font-size: 12px;
        width: 100px;
    }
    .carousel-caption a {
        font-size: 10px;
    }
    ol.carousel-indicators {
        margin-top: 6%;
    }
    .carousel-indicators li {
        border: 3px solid #29b6ec;
        height: 15px;
        width: 15px;
    }
    .carousel-indicators .active {
        height: 16px;
        width: 16px;
    }
    .right-items {
        right: 20%;
        width: 155px;
    }
    .post-content p {
        font-size: 10px;
        text-transform: capitalize;
        font-weight: normal;
        word-wrap: normal;
        margin-bottom: 0;
        margin-top: 0;
    }
    .post-content h3 {
        font-size: 10px;
        margin-top: 0;
    }
    .post-content {
        top: 0 !important;
        padding-top: 4% !important;
    }
    .select-unit {
        font-size: 12px;
    }
    .add-to-cart-btn {
        font-size: 13px;
    }
    .list-of-units {
        margin-top: 32px;
    }
    .list-of-units li a {
        font-size: 12px;
        padding: 3px 0;
        padding-left: 10px;
    }
    .two-items .list-of-units {
        margin-top: 40px;
    }
    #product-info {
        display: none;
    }
}