@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?l5n9yc');
    src: url('../fonts/icomoon.eot?l5n9yc#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?l5n9yc') format('truetype'), url('../fonts/icomoon.woff?l5n9yc') format('woff'), url('../fonts/icomoon.svg?l5n9yc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-upload:before {
    content: "\e90d"
}

.icon-my-gag:before {
    content: "\e90e"
}

.icon-subscribe:before {
    content: "\e90f"
}

.icon-recent-order:before {
    content: "\e910"
}

.icon-cash:before {
    content: "\e903"
}

.icon-credit .path1:before {
    content: "\e904";
    color: #d3d9e0
}

.icon-credit .path2:before {
    content: "\e905";
    margin-left: -1.29296875em;
    color: #484a4c
}

.icon-credit .path3:before {
    content: "\e906";
    margin-left: -1.29296875em;
    color: #f0f1f2
}

.icon-credit .path4:before {
    content: "\e907";
    margin-left: -1.29296875em;
    color: #ffd655
}

.icon-credit .path5:before {
    content: "\e908";
    margin-left: -1.29296875em;
    color: #e54710
}

.icon-home:before {
    content: "\e909"
}

.icon-basket-item:before {
    content: "\e90a"
}

.icon-arrow:before {
    content: "\e90b"
}

.icon-trash:before {
    content: "\e90c"
}

.icon-close:before {
    content: "\e902"
}

.icon-login:before {
    content: "\e901"
}

.icon-cart:before {
    content: "\e900"
}

body {
    font-family: 'Prompt', sans-serif;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:14px;
}

h1 {
    font-weight: 700
}

.pattern-line {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAALElEQVQYV2NkwA2kGHHISTEwMDzDJgmWAGlCl4RLoEuiSCBLYkjAJLFKgCQBDUsGIgJcGjsAAAAASUVORK5CYII=') repeat
}

.main-site {
    position: relative
}

.hamburger {
    font-size: 0;
    display: block
}

.hamburger .c-button__text {
    display: block
}

.hamburger .line {
    display: block;
    width: 25px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 60px;
    background: #222
}

.c-offcanvas--top {
    height: auto
}

a {
    color: inherit;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

a:hover,
a:focus {
    text-decoration: none;
    color: inherit
}

a:focus {
    color: inherit;
    outline: none
}

a img {
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

a img:hover {
    opacity: .85
}

.button-primary {
    padding: 10px 30px 10px 30px;
    display: inline-block;
    border-radius: 25px;
    background: #f0f0f0;
}

.button-second {
    padding: 13px 30px 13px 30px;
    display: inline-block;
    border-radius: 25px;
    background: #ffb32e;
}

input[type=submit],
button {
    border: none;
    font-family: 'Prompt', sans-serif
}

.product {
    text-align: center;
    margin-bottom: 60px;
}

.product img {
    margin: 0 auto;
}

.product .title {
		font-size: 18px;
		margin: 10px 0;
}

.product .date {
		font-size: 12px;
    color: #777;
}

.product .price {
    font-weight: 700;
    color: #8b6f38;
    margin-bottom: 15px;
}

.btn-add-to-cart {
    background-color: #333;
    color: #fff;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px
}

@media (max-width: 767px) {
    .btn-add-to-cart {
        padding-left: 15px;
        padding-right: 15px
    }
}

.btn-add-to-cart:hover {
    color: #fff;
    opacity: .8
}

.btn-add-to-cart span {
    margin-left: 5px;
    font-family: 'Prompt', sans-serif
}

.btn-out-of-stock {
    background-color: red
}

.btn-out-of-stock:before {
    display: none
}

.view-all:before,
.view-all:after {
    content: "";
    display: inline-block;
    width: 33.33%;
    border-bottom: 1px dashed #000;
    vertical-align: middle
}

@media (max-width: 767px) {
    .view-all:before,
    .view-all:after {
        width: 20%
    }
}

.view-all .wrapper {
    width: 33%;
    display: inline-block;
    text-align: center;
    margin-left: -4px;
    margin-right: -4px;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 767px) {
    .view-all .wrapper {
        width: 58%
    }
}

.view-all .wrapper a {
    display: block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px
}

.view-all:before {
    padding-right: 10px
}

label {
    color: #222;
    font-weight: 400
}

.form-control {
    border: 1px solid #cecece;
    border-radius: 3px;
    box-shadow: none;
    background: none;
    height: 40px
}

.pagination {
    width: 100%
}

@media (max-width: 767px) {
    .pagination {
        text-align: center
    }
}

.pagination li {
    display: inline-block
}

.pagination li:first-child a,
.pagination li:last-child a,
.pagination li:first-child span,
.pagination li:last-child span {
    background: #f0f0f0;
    border-radius: 50%;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.pagination li:first-child a:hover,
.pagination li:last-child a:hover,
.pagination li:first-child span:hover,
.pagination li:last-child span:hover {
    background: #f0f0f0
}

.pagination li a,
.pagination li span {
    width: 40px;
    height: 40px;
    background: #f0f0f0;
    border-radius: 50%;
    padding-top: 10px;
    color: #777;
    display: inline-block;
    text-align: center;
    border: none;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.pagination li a:hover,
.pagination li span:hover {
    opacity: .7
}

.pagination li.active span {
    background: #ffb32e;
    color: #fff
}

.pagination li.active span:hover {
    background: #ffb32e
}

#myModal .modal-dialog {
    max-width: 430px
}

@media (max-width: 767px) {
    #myModal .modal-dialog {
        max-width: none
    }
}

#myModal .modal-dialog .modal-body {
    background: #f9f9f9;
    padding-left: 0;
    padding-right: 0
}

#myModal .modal-dialog .modal-body h2.title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

#myModal .modal-dialog .modal-body .wrapper-fb-login {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px
}

#myModal .modal-dialog .modal-body .wrapper-fb-login a {
    background: #36609f;
    color: #fff;
    display: block;
    width: 100%
}

#myModal .modal-dialog .modal-body .wrapper-fb-login a:hover {
    opacity: .8
}

#myModal .modal-dialog .modal-body .wrapper-fb-login a i {
    margin-right: 20px
}

#myModal .modal-dialog .modal-body .or {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 15px;
    text-align: center
}

#myModal .modal-dialog .modal-body .login-form {
    background: #f9f9f9
}

#myModal .modal-dialog .modal-body .login-form form {
    padding-left: 30px;
    padding-right: 30px
}

#myModal .modal-dialog .modal-body .login-form form input {
    border: none;
    border-bottom: 1px solid #777;
    height: 50px;
    padding-left: 15px;
    width: 100%;
    margin-top: 5px;
    background: none;
    outline: none
}

#myModal .modal-dialog .modal-body .login-form form .button-second {
    display: block;
    border: none;
    background: #ffdf4a;
    margin-top: 30px;
    width: 100%;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

#myModal .modal-dialog .modal-body .login-form form .button-second:hover {
    opacity: .8
}

#myModal .modal-dialog .modal-body .actions {
    text-align: center;
    margin-top: 15px
}

#myModal .modal-dialog .modal-body .actions .forgot-pass {
    color: #1fb2f6;
    text-decoration: underline
}

#myModal .modal-dialog .modal-body .actions .wrapper-register {
    margin-top: 30px
}

#myModal .modal-dialog .modal-body .actions .wrapper-register span {
    font-weight: 700
}

#myModal .modal-dialog .modal-body .actions .wrapper-register a {
    color: #1fb2f6;
    text-decoration: underline
}

#myModal .modal-dialog .modal-footer {
    text-align: center
}

#myModal .modal-dialog .modal-footer a {
    display: inline-block;
    width: 200px
}

.fix-footer {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0
}

#header {
    height: 80px;
    background-color: #fff
}

#header .logo {
    float: left;
    padding-left: 30px;
    padding-top: 10px;
    width: 20%
}

@media (max-width: 991px) {
    #header .logo {
        width: 30%
    }
}

#header .logo img {
    max-height: 61px
}

#header .actions {
    float: right;
    width: 80%;
    text-align: right;
    margin-top: 20px
}

@media (max-width: 991px) {
    #header .actions {
        width: 70%
    }
}

#header .actions .main-menu {
    display: inline-block;
    vertical-align: middle
}

#header .actions .main-menu>ul {
    margin: 0;
    padding: 0
}

#header .actions .main-menu>ul li {
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px
}

#header .actions .main-menu>ul li:first-child {
    margin-left: 0
}

#header .actions .main-menu>ul li:last-child {
    margin-right: 0
}

#header .actions .main-menu>ul li a {
}

#header .actions .basket {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 50px;
    margin-right: 60px;
    margin-top: 5px
}

@media (max-width: 767px) {
    #header .actions .basket {
        margin-left: 20px;
        margin-right: 30px
    }
}

#header .actions .basket .icon-cart {

}

#header .actions .basket .amount {
    background: #d0d0d0;
    position: absolute;
    padding: 8px 10px 8px 10px;
    border-radius: 20px;
    line-height: .5;
    top: -14px;
    left: 17px
}

#header .actions .login {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

@media (max-width: 767px) {
    #header .actions .login {
        margin-right: 15px
    }
}

#header .actions .login.logged .btn-login {
    display: none
}

#header .actions .login .btn-login {
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

@media (max-width: 767px) {
    #header .actions .login .btn-login {
        padding: 0;
        background: none;
        font-size: 0
    }
}

#header .actions .login .btn-login:hover {
    opacity: .7
}

#header .actions .login .btn-login .icon-login {
    margin-right: 10px;
}

#header .actions .profile {
    display: inline-block
}

#header .actions .profile button {
    background: none;
    color: #222;
    border: 1px solid #222;
    border-radius: 3px;
    box-shadow: none
}

@media (max-width: 767px) {
    #header .actions .profile button {
        border: none
    }
}

#header .actions .profile .dropdown-menu {
    border-radius: 3px;
    padding: 0
}

#header .actions .profile .dropdown-menu .dropdown-item {
    padding: 10px 15px 10px 15px;
    display: block;
    -webkit-transition: all .2s 0s ease;
    -moz-transition: all .2s 0s ease;
    -o-transition: all .2s 0s ease;
    transition: all .2s 0s ease
}

#header .actions .profile .dropdown-menu .dropdown-item:hover {
    background: #333;
    color: #fff
}

#header .actions .mobile-menu {
    vertical-align: middle;
    margin-right: 15px;
    position: relative
}

#header .actions .mobile-menu .img-composition {
    position: absolute;
    bottom: 10px;
    right: 15px
}

@media (max-width: 991px) {
    #header .actions .mobile-menu {
        display: inline-block !important
    }
}

#header .actions .mobile-menu .main-menu {
    display: block;
    padding-top: 20px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px
}

#header .actions .mobile-menu .main-menu .btn-close-menu {
    display: block;
    cursor: pointer;
}

#header .actions .mobile-menu .main-menu .btn-close-menu span {
    font-size: 0
}

#header .actions .mobile-menu .main-menu ul li {
    display: block;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 10px
}

#header .actions .mobile-menu .main-menu ul li a {

}

.home .slide .wrapper-slide {
    background-size: cover
}

.home .slide .wrapper-slide .wrapper-img {
    max-width: 1400px;
    display: block;
    margin: 0 auto;
    position: relative
}

.home .slide .wrapper-slide .wrapper-img .detail {
    position: absolute;
    top: 40px;
    left: 25px
}

@media (max-width: 767px) {
    .home .slide .wrapper-slide .wrapper-img .detail {
        top: 50%;
        -webkit-transform: translate(0, -50%) rotate(0deg);
        -moz-transform: translate(0, -50%) rotate(0deg);
        -o-transform: translate(0, -50%) rotate(0deg);
        transform: translate(0, -50%) rotate(0deg)
    }
}

.home .slide .wrapper-slide .wrapper-img .detail p {
    text-shadow: #000 8px 0 0, #000 7.93758px .997398px 0, #000 7.7513px 1.97923px 0, #000 7.44406px 2.93018px 0, #000 7.02066px 3.8354px 0, #000 6.4877px 4.68078px 0, #000 5.85351px 5.45311px 0, #000 5.12797px 6.14035px 0, #000 4.32242px 6.73177px 0, #000 3.44941px 7.21814px 0, #000 2.52258px 7.59188px 0, #000 1.55638px 7.84714px 0, #000 .565898px 7.97996px 0, #000 -0.433417px 7.98825px 0, #000 -1.42597px 7.87189px 0, #000 -2.39627px 7.63269px 0, #000 -3.32917px 7.27438px 0, #000 -4.21013px 6.80256px 0, #000 -5.02539px 6.22459px 0, #000 -5.76223px 5.54948px 0, #000 -6.40915px 4.78778px 0, #000 -6.95606px 3.95136px 0, #000 -7.39442px 3.05329px 0, #000 -7.71739px 2.10757px 0, #000 -7.91994px 1.12896px 0, #000 -7.9989px .132735px 0, #000 -7.95304px -0.865561px 0, #000 -7.78307px -1.85035px 0, #000 -7.49165px -2.80627px 0, #000 -7.08333px -3.71839px 0, #000 -6.56448px -4.57249px 0, #000 -5.94318px -5.35524px 0, #000 -5.22915px -6.05442px 0, #000 -4.43352px -6.65912px 0, #000 -3.5687px -7.15991px 0, #000 -2.6482px -7.54898px 0, #000 -1.68637px -7.82024px 0, #000 -0.698222px -7.96947px 0, #000 .300817px -7.99434px 0, #000 1.29516px -7.89446px 0, #000 2.2693px -7.67139px 0, #000 3.20802px -7.32862px 0, #000 4.09668px -6.87148px 0, #000 4.92142px -6.30711px 0, #000 5.66936px -5.64432px 0, #000 6.32883px -4.89346px 0, #000 6.88954px -4.06623px 0, #000 7.34274px -3.17555px 0, #000 7.68136px -2.23532px 0, #000 7.90012px -1.26021px 0, #000 7.9956px -0.265434px 0
}

@media (max-width: 767px) {
    .home .slide .wrapper-slide .wrapper-img .detail p {
        text-shadow: #000 3px 0 0, #000 2.83487px .981584px 0, #000 2.35766px 1.85511px 0, #000 1.62091px 2.52441px 0, #000 .705713px 2.91581px 0, #000 -0.287171px 2.98622px 0, #000 -1.24844px 2.72789px 0, #000 -2.07227px 2.16926px 0, #000 -2.66798px 1.37182px 0, #000 -2.96998px .42336px 0, #000 -2.94502px -0.571704px 0, #000 -2.59586px -1.50383px 0, #000 -1.96093px -2.27041px 0, #000 -1.11013px -2.78704px 0, #000 -0.137119px -2.99686px 0, #000 .850987px -2.87677px 0, #000 1.74541px -2.43999px 0, #000 2.44769px -1.73459px 0, #000 2.88051px -0.838247px 0
    }
}

.home .slide .wrapper-slide .wrapper-img .detail .promo-text {
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1;
    font-size:4rem;
}

@media (max-width: 767px){
	.home .slide .wrapper-slide .wrapper-img .detail .promo-text{
		font-size:1.8rem;
		line-height: auto;
	}
}

.home .slide .wrapper-slide .wrapper-img .detail .condition {
    font-weight: 700;
    color: #fff;
    margin-top: 5px;
    font-size:2.5rem;
}

@media (max-width: 767px){
	.home .slide .wrapper-slide .wrapper-img .detail .condition{
		font-size:1.2rem
	}
}


.home .slide .wrapper-slide .wrapper-img .detail .button-second {
    max-width: 200px;
    width: 100%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 1.8rem;
}

@media (max-width: 767px) {
    .home .slide .wrapper-slide .wrapper-img .detail .button-second {
	    	padding: 5px;
        max-width: 120px;
        font-size:1rem;
    }
}


.home .slide .wrapper-slide .wrapper-img .img-composition {
    position: absolute;
    bottom: -10px;
    left: 25px;
    max-width: 200px;
}

@media (max-width: 1199px) {
    .home .slide .wrapper-slide .wrapper-img .img-composition img {
        display: none
    }
}

.home .mini-banner {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative
}

@media (max-width: 767px) {
    .home .mini-banner {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.home .mini-banner .slide {
    z-index: 1;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width: 767px) {
    .home .mini-banner .slide {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.home .mini-banner .slide .wrapper-img {
    text-align: center
}

.home .mini-banner .slide .wrapper-img img {
    margin: 0 auto;
    border-radius: 5px
}

.home .mini-banner .img-composition {
    position: absolute;
    right: 30px;
    bottom: 0;
    z-index: 0;
    width: 283px;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.home .mini-banner .img-composition img {
    display: block;
    max-width: 100%
}

@media (max-width: 1400px) {
    .home .mini-banner .img-composition {
        width: 200px
    }
}

.home .wrapper-new-product {
    padding-top: 70px;
    padding-bottom: 60px
}

@media (max-width: 991px) {
    .home .wrapper-new-product {
        padding-top: 30px;
        padding-bottom: 20px
    }
}

.home .wrapper-new-product .sidebar {
    text-align: center
}

@media (max-width: 991px) {
    .home .wrapper-new-product .sidebar {
        margin-bottom: 30px
    }
}

.home .wrapper-new-product .sidebar img {
    margin: 0 auto
}

.home .wrapper-new-product .sidebar h1.title {
    margin-top: 0
}

.home .wrapper-new-product .sidebar .navigation {
    margin-top: 30px
}

.home .wrapper-new-product .sidebar .navigation ul {
    padding: 0
}

@media (max-width: 991px) {
    .home .wrapper-new-product .sidebar .navigation ul {
        text-align: left
    }
}

.home .wrapper-new-product .sidebar .navigation ul li {
    list-style: none;
    margin-bottom: 10px
}

@media (max-width: 991px) {
    .home .wrapper-new-product .sidebar .navigation ul li {
        width: 50%;
        display: inline-block;
        margin-left: -2px;
        margin-right: -2px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.home .wrapper-new-product .list-new-products {
    margin-left: 2px;
    margin-right: 2px
}

.home .wrapper-new-product .list-new-products .item {
    margin-left: -2px;
    margin-right: -2px;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

@media (max-width: 1199px) {
    .home .wrapper-new-product .list-new-products .item {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .home .wrapper-new-product .list-new-products .item {
        width: 50%
    }
}

.home .wrapper-send-gag {
    background-size: cover;
    background-position: center
}

.home .wrapper-send-gag .pattern-line {
    padding-top: 40px;
    padding-bottom: 50px;
    text-align: center
}

.home .wrapper-send-gag .pattern-line img {
    margin: 0 auto
}

.home .wrapper-send-gag .pattern-line h2 {
    font-weight: 700;
}

.home .wrapper-send-gag .pattern-line p {

}

.home .wrapper-send-gag .pattern-line .btn-send-gag {
    margin-top: 15px;
    max-width: 270px;
    width: 100%
}

.magazine-list .wrapper-categories {
    background-size: cover;
    background-position: center
}

.magazine-list .wrapper-categories .categories {
    padding-top: 30px;
    padding-bottom: 30px
}

.magazine-list .wrapper-categories .categories h2 {
    margin-top: 0;
    font-weight: 400;
    text-align: center
}

.magazine-list .wrapper-categories .categories h2 i {
    display: block;
    margin-top: 15px
}

@media (max-width: 767px) {
    .magazine-list .wrapper-categories .categories h2 i {
        display: none
    }
}

.magazine-list .wrapper-categories .categories .list-categories {
    text-align: center;
    position: relative
}

.magazine-list .wrapper-categories .categories .list-categories .selectpicker {
    color: #333
}

.magazine-list .wrapper-categories .categories .list-categories .bootstrap-select {
    margin: 0 auto
}

.magazine-list .wrapper-categories .categories .list-categories ul.desktop {
    margin: 0;
    padding: 0
}

@media (max-width: 767px) {
    .magazine-list .wrapper-categories .categories .list-categories ul.desktop {
        display: none
    }
}

.magazine-list .wrapper-categories .categories .list-categories ul.desktop li {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width: 991px) {
    .magazine-list .wrapper-categories .categories .list-categories ul.desktop li {
        margin-left: -2px;
        margin-right: -2px;
        width: 30%;
        margin-bottom: 30px
    }
}

.magazine-list .wrapper-categories .categories .list-categories ul.desktop li a {
    opacity: .5;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.magazine-list .wrapper-categories .categories .list-categories ul.desktop li a:hover {
    opacity: 1
}

.magazine-list .wrapper-categories .categories .list-categories .img-composition {
    position: absolute;
    bottom: -100px
}

@media (max-width: 1199px) {
    .magazine-list .wrapper-categories .categories .list-categories .img-composition {
        width: 150px;
        bottom: -50px
    }
}

.magazine-list .wrapper-categories .categories .list-categories .img-composition.left {
    left: -50px
}

@media (max-width: 1199px) {
    .magazine-list .wrapper-categories .categories .list-categories .img-composition.left {
        left: -100px
    }
}

.magazine-list .wrapper-categories .categories .list-categories .img-composition.right {
    right: -50px
}

@media (max-width: 1199px) {
    .magazine-list .wrapper-categories .categories .list-categories .img-composition.right {
        right: -100px
    }
}

.magazine-list .wrapper-list-product {
    text-align: center
}

.magazine-list .wrapper-list-product h1.title {
    display: inline-block;
    margin-top: 50px
}

.magazine-list .wrapper-list-product h1.title:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 70%;
    margin-top: 10px;
    border-bottom: 1px solid #ffb32e
}

.magazine-list .wrapper-list-product .list-product {
    margin-top: 30px
}

.magazine-list .wrapper-list-product .list-product .item {
    width: 20%;
    display: inline-block;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

@media (max-width: 1199px) {
    .magazine-list .wrapper-list-product .list-product .item {
        width: 25%
    }
}

@media (max-width: 991px) {
    .magazine-list .wrapper-list-product .list-product .item {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .magazine-list .wrapper-list-product .list-product .item {
        width: 50%
    }
}

.magazine-list .wrapper-list-product .subscribes {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center
}

.magazine-list .wrapper-list-product .subscribes a {
    display: inline-block
}

.subscribtion .wrapper-subscribtion {
    background-size: cover;
    background-position: center center
}

.subscribtion .wrapper-subscribtion .wrapper-cover {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px
}

@media (max-width: 991px) {
    .subscribtion .wrapper-subscribtion .wrapper-cover {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.subscribtion .wrapper-subscribtion .wrapper-cover .container {
    position: relative
}

.subscribtion .wrapper-subscribtion .wrapper-cover .container .img-composition {
    position: absolute;
    bottom: -150px;
    left: -50px
}

@media (max-width: 991px) {
    .subscribtion .wrapper-subscribtion .wrapper-cover .container .img-composition {
        width: 180px;
        bottom: -50px
    }
}

@media (max-width: 767px) {
    .subscribtion .wrapper-subscribtion .wrapper-cover .container .img-composition {
        width: 150px;
        bottom: -100px
    }
}

.subscribtion .wrapper-subscribtion .wrapper-cover h1 {
    color: #ffb32e;
    margin-top: 0
}

.subscribtion .wrapper-subscribtion .wrapper-cover .description {
    width: 50%;
    display: inline-block;
}

.subscribtion .wrapper-list-subscribe {
    padding-top: 100px;
    padding-bottom: 100px
}

.subscribtion .wrapper-list-subscribe .list-subscribe>.item {
    margin-bottom: 30px
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .wrapper-thumbnail {
    float: left;
    width: 17.35%
}

@media (max-width: 991px) {
    .subscribtion .wrapper-list-subscribe .list-subscribe .item .wrapper-thumbnail {
        margin-right: 30px
    }
}

@media (max-width: 767px) {
    .subscribtion .wrapper-list-subscribe .list-subscribe .item .wrapper-thumbnail {
        width: 30%
    }
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .detail {
    float: left;
    padding-left: 30px;
    width: 82.65%
}

@media (max-width: 991px) {
    .subscribtion .wrapper-list-subscribe .list-subscribe .item .detail {
        width: 100%;
        float: none;
        padding-left: 0
    }
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .detail h3.title {
    font-weight: 700;
    margin-bottom: 20px
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .detail .description {
    min-height: 75px
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
    width: 82.65%;
    float: right
}

@media (max-width: 991px) {
    .subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding-top: 30px;
        clear: both
    }
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.33%;
    float: left
}

@media (max-width: 767px) {
    .subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (max-width: 991px) {
    .subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price:first-child {
        padding-left: 0
    }
}

@media (max-width: 991px) {
    .subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price:last-child {
        padding-right: 0
    }
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price .price {
    text-align: center;
    border-radius: 3px;
    background-color: #e4e4e4;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price .price:hover {
    opacity: .7
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price .price.recommend {
    background: #ffb32e
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price .price.recommend:before {
    content: "แนะนำ";
    width: 53px;
    height: 53px;
    background: #f74656;
    position: absolute;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    color: #fff;
    padding-top: 15px;
    left: 0;
    top: -30px;
    -webkit-transform: translate(0, 0) rotate(-20deg);
    -moz-transform: translate(0, 0) rotate(-20deg);
    -o-transform: translate(0, 0) rotate(-20deg);
    transform: translate(0, 0) rotate(-20deg)
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price .price .title {
    font-weight: 400;
    margin: 0;
    display: block
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price .price .amount {
    font-weight: 700;
    margin: 0;
    display: block
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .list-prices .wrapper-list-price .price .average {
    color: #777;
    margin: 0;
    display: block
}

.subscribtion .wrapper-list-subscribe .list-subscribe .item .pattern-line {
    display: block;
    height: 10px;
    clear: both;
    background-color: #f6f6f6
}

.checkout {
    border-top: 1px solid #cecece;
    padding-top: 30px;
    padding-bottom: 30px
}

.checkout .header .warpper-bar {
    height: 10px;
    background: #f0f0f0;
    position: relative;
    border-radius: 10px
}

.checkout .header .warpper-bar .bar {
    position: absolute;
    left: 0;
    height: 10px;
    border-radius: 10px;
    background: #ffb32e;
    width: 33.33%;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.checkout .header .warpper-bar .bar.bar2 {
    width: 66.66%
}

.checkout .header .warpper-bar .bar.bar3 {
    width: 100%
}

.checkout .header .steps {
    float: right;
    width: 55%
}

@media (max-width: 991px) {
    .checkout .header .steps {
        float: none;
        width: 100%
    }
}

.checkout .header .steps .list-step {
    margin-top: 5px
}

.checkout .header .steps .list-step .step {
    width: 33.33%;
    float: left;
}

.checkout .header .steps .list-step .step.current {
    color: #ffb32e
}

.checkout .header h1 {
    float: left;
    margin-top: 0;
    position: relative;
    top: -8px
}

@media (max-width: 991px) {
    .checkout .header h1 {
        float: none;
        margin-top: 15px
    }
}

.checkout .header .title span {
    font-family: 'Prompt', sans-serif;
    font-weight: 700;
    margin-left: 10px
}

.checkout .header .pattern-line {
    height: 10px;
    display: block;
    clear: both;
    background-color: #f6f6f6
}

.checkout .wrapper-shipping-form form .wrapper-field {
    float: left;
    width: 51.54%;
    margin-top: 25px
}

@media (max-width: 991px) {
    .checkout .wrapper-shipping-form form .wrapper-field {
        float: none;
        width: 100%
    }
}

.checkout .wrapper-shipping-form form .form-row {
    margin-left: -15px;
    margin-right: -15px
}

.checkout .wrapper-shipping-form form .form-group.email {
    margin-top: 50px
}

.checkout .wrapper-shipping-form form .form-group.email small {
    font-family: Thahoma;
}

.checkout .list-product {
    float: left;
    width: 51.54%
}

@media (max-width: 991px) {
    .checkout .list-product {
        float: none;
        width: 100%
    }
}

.checkout .list-product .item {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: 1px dashed #777
}

.checkout .list-product .item:last-child {
    border-bottom: none
}

.checkout .list-product .item .wrapper-thumbnail {
    float: left;
    width: 20%
}

.checkout .list-product .item .detail {
    float: left;
    padding-left: 20px;
    width: 80%
}

.checkout .list-product .item .detail h2 {
    font-weight: 700;
    margin-top: 0
}

.checkout .list-product .item .detail .actions {
    float: left;
    width: 50%
}

.checkout .list-product .item .detail .actions .wrapper-qty {
    margin-top: 5px
}

.checkout .list-product .item .detail .actions .wrapper-qty span {
    display: inline-block;
    padding-top: 7px
}

.checkout .list-product .item .detail .actions .wrapper-qty .button-qty {
    display: inline;
    font-size: 0
}

.checkout .list-product .item .detail .actions .wrapper-qty .button-qty input {
    background: none;
    border: 1px solid #cecece;
    height: 35px;
    margin: 0;
    width: 27px;
    display: inline;
    outline: none;
    vertical-align: top
}

.checkout .list-product .item .detail .actions .wrapper-qty .button-qty .qtyminus {
    border-radius: 3px 0 0 3px;
    border-right: none;
    margin-left: 10px
}

.checkout .list-product .item .detail .actions .wrapper-qty .button-qty .qtyplus {
    border-radius: 0 3px 3px 0;
    border-left: none;
    margin-right: 10px
}

.checkout .list-product .item .detail .actions .wrapper-qty .button-qty .qty {
    width: 40px;
    text-align: center;
    font-size: 1rem;
}

.checkout .list-product .item .detail .actions .delete {
    margin-top: 20px;
    display: inline-block;
    color: #777
}

.checkout .list-product .item .detail .actions .delete span {
    font-family: 'Prompt', sans-serif;
    margin-left: 10px;
    vertical-align: middle
}

.checkout .list-product .item .detail .wrapper-total {
    text-align: right;
    float: right;
    width: 50%
}

.checkout .list-product .item .detail .wrapper-total .total {
    color: #8b6f38;
    font-weight: 700;
}

.checkout .wrapper-payment-method {
    float: left;
    width: 60%;
    margin-top: 15px
}

@media (max-width: 991px) {
    .checkout .wrapper-payment-method {
        float: none;
        width: 100%;
        text-align: center
    }
}

.checkout .wrapper-payment-method .payment {
    float: left;
    max-width: 180px;
    height: 180px;
    width: 100%;
    margin-bottom: 50px;
    margin-right: 10px
}

@media (max-width: 991px) {
    .checkout .wrapper-payment-method .payment {
        float: none;
        display: inline-block
    }
}

@media (max-width: 479px) {
    .checkout .wrapper-payment-method .payment {
        max-width: 160px;
        height: 160px
    }
}

.checkout .wrapper-payment-method .payment label {
    width: 100%;
    height: 100%;
    text-align: center
}

.checkout .wrapper-payment-method .payment .wrapper-image {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    margin-bottom: 15px;
    cursor: pointer;
    opacity: .7
}

.checkout .wrapper-payment-method .payment .wrapper-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
}

.checkout .wrapper-payment-method .payment input {
    display: none
}

.checkout .wrapper-payment-method .payment input[type=radio]:checked+.wrapper-image {
    opacity: 1;
    border: 2px solid #ffb32e
}

.checkout .summary {
    float: right;
    width: 38.14%;
    border: 1px solid #cecece;
    padding: 25px;
    margin-top: 15px;
    border-radius: 3px;
    position: relative
}

@media (max-width: 991px) {
    .checkout .summary {
        float: none;
        width: 100%;
        margin-bottom: 120px
    }
}

.checkout .summary h5 {
    font-weight: 700;
    color: #222;
    margin-top: 0
}

.checkout .summary .summary-detail {
    border-bottom: 1px solid #cecece;
    padding-bottom: 15px
}

.checkout .summary .summary-price {
    padding-top: 15px
}

.checkout .summary .subject {
    display: inline-block;
    width: 78%
}

.checkout .summary .amount {
    display: inline-block;
    text-align: right;
    width: 20%;
}

.checkout .summary .grand-total .amount {
    color: #ffb32e;
    font-weight: 700
}

.checkout .summary .btn-checkout {
    width: 100%;
    margin-top: 10px;
    background: #ffdf4a;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

.checkout .summary .img-composition {
    position: absolute;
    right: -55px;
    bottom: -80px
}

@media (max-width: 991px) {
    .checkout .summary .img-composition {
        right: -10px
    }
}

.purchase-complete {
    border-top: 1px solid #cecece
}

.purchase-complete .wrapper-header {
    background-color: #fffbe7;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px
}

.purchase-complete .wrapper-header .container {
    position: relative
}

.purchase-complete .wrapper-header .container .img-composition {
    position: absolute;
    bottom: -80px;
    right: 110px
}

@media (max-width: 1199px) {
    .purchase-complete .wrapper-header .container .img-composition {
        width: 120px
    }
}

@media (max-width: 767px) {
    .purchase-complete .wrapper-header .container .img-composition {
        width: 100px;
        right: 30px;
        bottom: -120px
    }
}

.purchase-complete .wrapper-header h1 {
    color: #ffb32e;
    margin-top: 0
}

.purchase-complete .wrapper-header .detail {
    width: 50%;
    margin: 0 auto
}

@media (max-width: 767px) {
    .purchase-complete .wrapper-header .detail {
        width: 100%
    }
}

.purchase-complete .wrapper-header .order-number {
    margin-top: 40px
}

@media (max-width: 767px) {
    .purchase-complete .wrapper-header .order-number {
        margin-top: 15px
    }
}

.purchase-complete .wrapper-header .order-number span {
    font-weight: 700
}

.purchase-complete .wrapper-list-order-purchase {
    padding-top: 50px;
    padding-bottom: 50px
}

.purchase-complete .wrapper-list-order-purchase h3 {
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .purchase-complete .wrapper-list-order-purchase h3 {
        text-align: left
    }
}

.purchase-complete .wrapper-list-order-purchase .list-order {
    margin-left: -15px;
    margin-right: -15px;
    text-align: center
}

@media (max-width: 767px) {
    .purchase-complete .wrapper-list-order-purchase .list-order {
        margin-left: 0;
        margin-right: 0;
        text-align: left
    }
}

.purchase-complete .wrapper-list-order-purchase .list-order .item {
    display: inline-block;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .purchase-complete .wrapper-list-order-purchase .list-order .item {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        display: block
    }
}

.purchase-complete .wrapper-list-order-purchase .list-order .item .wrapper-thumbnail {
    width: 30%;
    display: inline-block;
    vertical-align: middle
}

.purchase-complete .wrapper-list-order-purchase .list-order .item .detail {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px
}

.purchase-complete .wrapper-list-order-purchase .list-order .item .detail .amount {
    color: #777;
}

.purchase-complete .wrapper-list-order-purchase .actions {
    text-align: center;
    margin-top: 50px
}

.purchase-complete .wrapper-list-order-purchase .actions .action {
    display: inline-block;
    max-width: 270px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width: 767px) {
    .purchase-complete .wrapper-list-order-purchase .actions .action {
        margin-bottom: 20px;
        max-width: none;
        margin-left: 0;
        margin-right: 0
    }
}

.purchase-complete .wrapper-list-order-purchase .actions .action a {
    width: 100%;
    text-align: center
}

.purchase-complete .wrapper-list-order-purchase .actions .select-more a {
    background: #ffdf4a
}

.purchase-complete .wrapper-list-order-purchase .actions .back-home a {
    background: #333;
    color: #fff
}

.send-gag {
    border-top: 1px solid #cecece
}

.send-gag .wrapper-send-gag {
    background-size: cover
}

.send-gag .wrapper-send-gag .pattern-line {
    padding-top: 30px;
    padding-bottom: 30px
}

.send-gag .wrapper-send-gag .container {
    text-align: center
}

.send-gag .wrapper-send-gag .container h1.title {
    display: inline-block
}


.send-gag .wrapper-send-gag .container h1.title:after {
    content: "";
    display: block;
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #ffb32e;
    vertical-align: top;
    margin-top: 5px
}

.send-gag .wrapper-send-gag .container .description {
    max-width: 400px;
    width: 100%;
    margin: 0 auto
}

.send-gag .wrapper-send-gag .container img {
    margin: 0 auto
}

.send-gag .wrapper-form {
    padding-top: 30px;
    padding-bottom: 30px
}

.send-gag .wrapper-form .gag-content {
    text-align: center;
    margin-bottom: 50px
}

.send-gag .wrapper-form .gag-content .section {
    display: inline-block
}

.send-gag .wrapper-form .gag-content .upload-btn-wrapper {
    vertical-align: middle;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width: 991px) {
    .send-gag .wrapper-form .gag-content .upload-btn-wrapper {
        display: block;
        text-align: center
    }
}

.send-gag .wrapper-form .gag-content .upload-btn-wrapper h4.title {
    font-weight: 700;
}

.send-gag .wrapper-form .gag-content .upload-btn-wrapper .jfilestyle {
    background-color: #ebebeb;
    display: block;
    padding: 10px 15px 10px 15px;
    border-radius: 25px;
    width: 300px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 10px;
    margin: 0 auto
}

.send-gag .wrapper-form .gag-content .upload-btn-wrapper .jfilestyle label {
    margin: 0
}

.send-gag .wrapper-form .gag-content .upload-btn-wrapper small {
    color: rgba(34, 34, 34, 0.6)
}

.send-gag .wrapper-form .gag-content .or {
    vertical-align: bottom
}

@media (max-width: 991px) {
    .send-gag .wrapper-form .gag-content .or {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 180px;
        margin: 0 auto
    }
}

@media (max-width: 991px) {
    .send-gag .wrapper-form .gag-content .or img {
        margin: 0 auto;
        display: inline-block
    }
}

@media (max-width: 991px) {
    .send-gag .wrapper-form .gag-content .or .img-composition {
        display: inline-block
    }
}

.send-gag .wrapper-form .gag-content .or span {
    display: block;
    width: 60px;
    height: 60px;
    background: #65dba5;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 20px;
    margin: 0 auto;
    margin-bottom: 15px
}

@media (max-width: 991px) {
    .send-gag .wrapper-form .gag-content .or span {
        display: inline-block;
        float: right;
        margin-top: 10px
    }
}

.send-gag .wrapper-form .gag-content .wrapper-text-gag {
    vertical-align: middle
}

.send-gag .wrapper-form .gag-content .wrapper-text-gag textarea {
    border: 1px solid #cecece;
    padding: 15px
}

.send-gag .wrapper-form .form-group,
.send-gag .wrapper-form .button-second {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 10px auto
}

.send-gag .wrapper-form .button-second {
    display: block;
    border: none;
    background: #ffdf4a;
    margin-top: 30px;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.send-gag .wrapper-form .button-second:hover {
    opacity: .8
}

.register {
    border-top: 1px solid #cecece;
    padding-bottom: 100px
}

@media (max-width: 767px) {
    .register {
        padding-bottom: 30px
    }
}

.register h1.title {
    text-align: center;
    margin-top: 50px
}


@media (max-width: 991px) {
    .register .register-form {
        margin-bottom: 30px;
        width: 60%;
        margin: 0 auto 0 auto
    }
}

@media (max-width: 767px) {
    .register .register-form {
        width: 100%
    }
}

.register .register-form .button-second {
    display: block;
    border: none;
    background: #ffdf4a;
    margin-top: 30px;
    width: 100%;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.register .register-form .button-second:hover {
    opacity: .8
}

.register .facebook-form {
    text-align: center;
    padding-top: 130px;
    padding-bottom: 130px;
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width: 991px) {
    .register .facebook-form {
        padding-top: 30px;
        padding-bottom: 30px;
        width: 60%;
        margin: 30px auto 0 auto
    }
}

@media (max-width: 767px) {
    .register .facebook-form {
        width: 100%
    }
}

.register .facebook-form .text {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ebebeb;
    padding-top: 17px;
    margin-bottom: 15px
}

.register .facebook-form a {
    background: #36609f;
    color: #fff;
    display: block;
    width: 100%
}

.register .facebook-form a:hover {
    opacity: .8
}

.register .facebook-form a i {
    margin-right: 20px
}

.forgot-password {
    border-top: 1px solid #cecece
}

.forgot-password h1 {
    text-align: center;
    margin-top: 50px
}


.forgot-password .description {
    margin-bottom: 30px
}

.forgot-password .form-forgot {
    max-width: 500px;
    width: 100%;
    margin: 0 auto
}

.forgot-password .button-second {
    display: block;
    border: none;
    background: #ffdf4a;
    margin-top: 15px;
    width: 100%;
    -webkit-transition: all .5s 0s ease;
    -moz-transition: all .5s 0s ease;
    -o-transition: all .5s 0s ease;
    transition: all .5s 0s ease
}

.forgot-password .button-second:hover {
    opacity: .8
}

.forgot-password .img-composition {
    margin-top: 50px;
    margin-bottom: 100px
}

.forgot-password .img-composition img {
    margin: 0 auto
}

.settings {
    border-top: 1px solid #cecece;
    padding-top: 40px;
    padding-bottom: 30px
}

@media (max-width: 767px) {
    .settings {
        padding-top: 20px
    }
}

.settings h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.settings .menu-settings {
    border: 1px solid #cecece;
    border-radius: 3px;
    padding: 15px 0 50px 0;
    position: relative
}

.settings .menu-settings .img-composition {
    position: absolute;
    right: 10px;
    bottom: -50px
}

.settings .menu-settings ul {
    margin: 0;
    padding: 0
}

.settings .menu-settings ul li {
    list-style: none;
    padding-left: 15px;
    padding-right: 15px
}

.settings .menu-settings ul li.current {
    background: url('../images/tab-current.png') no-repeat;
    background-position: 0 3px
}

.settings .menu-settings ul li:last-child a {
    border-bottom: none
}

.settings .menu-settings ul li a {
    padding-top: 13px;
    padding-bottom: 13px;
    display: block;
    border-bottom: 1px dashed #cecece
}

.settings .menu-settings ul li a:before {
    width: 30px;
    display: inline-block;
    text-align: center;
}

.settings .menu-settings ul li a span {
    font-family: 'Prompt', sans-serif
}

.settings .profile h1 {
    margin-bottom: 10px
}

.settings .profile .shipping-address {
    margin-top: 35px
}

.settings .profile .shipping-address .form-row {
    margin-left: -15px;
    margin-right: -15px
}

.settings .profile .shipping-address .actions .action.cancel {
    float: left
}

@media (max-width: 767px) {
    .settings .profile .shipping-address .actions .action.cancel {
        float: none
    }
}

.settings .profile .shipping-address .actions .action.cancel button {
    background: #f0f0f0;
    color: #777
}

.settings .profile .shipping-address .actions .action.confirm {
    float: right
}

@media (max-width: 767px) {
    .settings .profile .shipping-address .actions .action.confirm {
        float: none
    }
}

.settings .profile .shipping-address .actions .action.confirm button {
    background: #ffdf4a
}

.settings .profile .shipping-address .actions .action button {
    width: 270px;
    display: block;
    text-align: center;
    margin-bottom: 50px
}

@media (max-width: 1199px) {
    .settings .profile .shipping-address .actions .action button {
        width: 210px
    }
}

@media (max-width: 767px) {
    .settings .profile .shipping-address .actions .action button {
        width: 100%;
        margin-bottom: 15px
    }
}

.settings .profile .personal-profile .actions .action.cancel {
    float: left
}

@media (max-width: 767px) {
    .settings .profile .personal-profile .actions .action.cancel {
        float: none
    }
}

.settings .profile .personal-profile .actions .action.cancel button {
    background: #f0f0f0;
    color: #777
}

.settings .profile .personal-profile .actions .action.confirm {
    float: right
}

@media (max-width: 767px) {
    .settings .profile .personal-profile .actions .action.confirm {
        float: none
    }
}

.settings .profile .personal-profile .actions .action.confirm button {
    background: #ffdf4a
}

.settings .profile .personal-profile .actions .action button {
    width: 270px;
    display: block;
    text-align: center;
    margin-bottom: 50px
}

@media (max-width: 1199px) {
    .settings .profile .personal-profile .actions .action button {
        width: 210px
    }
}

@media (max-width: 767px) {
    .settings .profile .personal-profile .actions .action button {
        width: 100%;
        margin-bottom: 15px
    }
}

.settings .my-order h1 {
    border-bottom: 1px dashed #cecece;
    padding-bottom: 30px
}

@media (max-width: 767px) {
    .settings .my-order h1 {
        padding-bottom: 15px
    }
}

.settings .my-order .list-my-order .order {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cecece
}

.settings .my-order .list-my-order .order .wrapper-order-number {
    width: 70%;
    float: left
}

@media (max-width: 991px) {
    .settings .my-order .list-my-order .order .wrapper-order-number {
        width: auto;
        float: none
    }
}

.settings .my-order .list-my-order .order .wrapper-order-number .order-number {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0
}

.settings .my-order .list-my-order .order .wrapper-order-number .order-number span {
    color: #1fb2f6;
    font-weight: 700
}

.settings .my-order .list-my-order .order .wrapper-order-number .order-status {
    display: inline-block;
    color: #fff;
    padding: 5px 20px 5px 20px;
    border-radius: 25px;
    vertical-align: middle;
    margin-left: 15px
}

@media (max-width: 991px) {
    .settings .my-order .list-my-order .order .wrapper-order-number .order-status {
        float: right
    }
}

.settings .my-order .list-my-order .order .wrapper-order-number .order-status.shipping {
    background: #fcc84a
}

.settings .my-order .list-my-order .order .order-date {
    width: 30%;
    float: right;
    text-align: right
}

@media (max-width: 991px) {
    .settings .my-order .list-my-order .order .order-date {
        float: none;
        width: auto;
        text-align: left
    }
}

.settings .my-order .list-my-order .order .wrapper-order-detail {
    clear: both;
    padding-top: 15px
}

@media (max-width: 991px) {
    .settings .my-order .list-my-order .order .wrapper-order-detail {
        padding-top: 0
    }
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more a {
    color: #1fb2f6;
    display: inline-block
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more a:hover {
    opacity: .6
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more a:after {
    content: "";
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #1fb2f6;
    position: relative;
    top: -15px
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more a.open .expand {
    display: none
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more a.open .collapse {
    display: inline-block
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more a .collapse {
    display: none
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more .detail {
    display: none;
    padding: 20px
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more .detail .item .subject {
    float: left;
    width: 50%
}

.settings .my-order .list-my-order .order .wrapper-order-detail .view-more .detail .item .amount {
    float: left
}

.settings .my-subscribe .list-active h3,
.settings .my-subscribe .list-inactive h3 {
    padding-bottom: 15px;
    border-bottom: 1px dashed #cecece;
    font-weight: 700;
    margin-bottom: 0
}

.settings .my-subscribe .list-active .item,
.settings .my-subscribe .list-inactive .item {
    border-bottom: 1px dashed #cecece;
    padding-bottom: 30px;
    padding-top: 30px
}

.settings .my-subscribe .list-active .item .wrapper-thumbnail,
.settings .my-subscribe .list-inactive .item .wrapper-thumbnail {
    display: inline-block;
    vertical-align: middle;
    width: 20%
}

@media (max-width: 767px) {
    .settings .my-subscribe .list-active .item .wrapper-thumbnail,
    .settings .my-subscribe .list-inactive .item .wrapper-thumbnail {
        width: 30%
    }
}

.settings .my-subscribe .list-active .item .detail,
.settings .my-subscribe .list-inactive .item .detail {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    padding-left: 15px
}

.settings .my-subscribe .list-active .item .detail h4,
.settings .my-subscribe .list-inactive .item .detail h4 {
    font-weight: 700;
    margin: 0;
    margin-bottom: 5px
}

.settings .my-subscribe .list-active .item .detail .wrapper-date,
.settings .my-subscribe .list-inactive .item .detail .wrapper-date {
    width: 70%;
    margin-top: 20px
}

@media (max-width: 767px) {
    .settings .my-subscribe .list-active .item .detail .wrapper-date,
    .settings .my-subscribe .list-inactive .item .detail .wrapper-date {
        width: 100%
    }
}

.settings .my-subscribe .list-active .item .detail .wrapper-date .detail-date p,
.settings .my-subscribe .list-inactive .item .detail .wrapper-date .detail-date p {
    margin-bottom: 0
}

.settings .my-subscribe .list-active .item .detail .wrapper-date .detail-date .subject,
.settings .my-subscribe .list-inactive .item .detail .wrapper-date .detail-date .subject {
    float: left
}

.settings .my-subscribe .list-active .item .detail .wrapper-date .detail-date .amount,
.settings .my-subscribe .list-inactive .item .detail .wrapper-date .detail-date .amount {
    float: right
}

.settings .my-subscribe .list-inactive {
    margin-top: 50px
}

.settings .my-subscribe .list-inactive img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.settings .my-gag .header h1 {
    float: left;
}

@media (max-width: 767px) {
    .settings .my-gag .header h1 {
        float: none
    }
}

.settings .my-gag .header .send-gag {
    float: right;
    background: #ffdf4a;
    width: 200px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px
}

@media (max-width: 767px) {
    .settings .my-gag .header .send-gag {
        float: none;
        width: 100%;
        margin-top: 15px;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.settings .my-gag .header .send-gag:hover {
    opacity: .7
}

.settings .my-gag .header .send-gag:before {
    -webkit-transform: translate(0, 0) rotate(45deg);
    -moz-transform: translate(0, 0) rotate(45deg);
    -o-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #333
}

.settings .my-gag .header .send-gag span {
    font-family: 'Prompt', sans-serif
}

.settings .my-gag .list-gags .gag {
    padding: 15px;
    border: 1px solid #cecece;
    margin-top: 20px
}

.settings .my-gag .list-gags .gag .submit-date {
    float: left
}

.settings .my-gag .list-gags .gag .status {
    float: right;
    height: 30px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px
}

.settings .my-gag .list-gags .gag .status.considering {
    background: #fcc84a;
    color: #fff
}

.settings .my-gag .list-gags .gag .status.reject {
    background: #ee5d65;
    color: #fff
}

.settings .my-gag .list-gags .gag .detail {
    clear: both;
    padding: 30px
}

.main-footer {
    background: #ffb32e;
    padding-top: 40px;
    padding-bottom: 30px
}

.main-footer .second-menu {
    float: left;
    margin-top: 5px
}

@media (max-width: 991px) {
    .main-footer .second-menu {
        float: none
    }
}

.main-footer .second-menu ul {
    padding: 0;
    margin: 0
}

.main-footer .second-menu ul li {
    list-style: none;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width: 991px) {
    .main-footer .second-menu ul li {
        width: 48%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
        vertical-align: top
    }
}

.main-footer .second-menu ul li a {
    color: #333;
}

.main-footer .second-menu ul li:first-child {
    margin-left: 0
}

.main-footer .follow-us {
    float: right
}

@media (max-width: 991px) {
    .main-footer .follow-us {
        float: none;
        text-align: center
    }
}

.main-footer .follow-us h6 {
    display: inline;
    font-weight: 400;
    margin-right: 0
}

@media (max-width: 991px) {
    .main-footer .follow-us h6 {
        display: inline-block;
        width: 100%
    }
}

.main-footer .follow-us a {
    margin-left: 15px;
}

@media (max-width: 991px) {
    .main-footer .follow-us a {
        margin-left: 5px;
        margin-right: 5px
    }
}

.main-footer .copy-right {
    clear: both;
    margin-top: 60px;
    color: rgba(51, 51, 51, 0.5)
}

@media (max-width: 991px) {
    .main-footer .copy-right {
        text-align: center
    }
}