/*
Theme Name: Art and Talent
Theme URI: https://wordpress.org/themes/artandtalent/
Author: the AK System Team
Author URI: https://wordpress.org/
Description: Art and Talent brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: artandtalent
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@import url("assets/css/reset.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css");
@import url("assets/css/slicebox.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css");
@import url("assets/css/iptools-jquery-offcanvas.css");
@import url("assets/css/fonts.css");
html,
body {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}

body {
    background-image: url("assets/images/background.jpg");
    /*background-attachment: fixed;*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 20px;
    height: 100%;
    width: 100%;
    font-family: JustTheWayYouAre !important;
    color: #575a5b;
    position: relative;
    z-index: 0;
}

a[href] {
    color: #b5a9d3;
}

body.plain-bg {
    background-image: url("assets/images/blank_background.jpg");
}

body::after {
    content: "";
    background-image: url("assets/images/home-cartoons.png");
    height: 150px;
    width: 150px;
    bottom: 50px;
    right: 50px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 3;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounce;
    transform-origin: center bottom;
    animation-iteration-count: infinite;
}

body.plain-bg::before,
body.home::before {
    content: "";
    background-image: url("assets/images/wrapper_background-1.png");
    height: calc(100% - 215px);
    width: calc(100% - 100px);
    position: absolute;
    z-index: -1;
    top: 175px;
    left: 50px;
    right: 50px;
    bottom: 40px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    z-index: 2;
}

body.home::before {
    background-image: url("assets/images/wrapper_background-2.jpg");
}

body.after-content-lg::after {
    height: 350px;
    width: 300px;
}

body.plain-bg::after {
    height: 200px;
    width: 200px;
    z-index: 3;
}

a {
    text-decoration: none;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.w-10,
.w-20,
.w-30,
.w-40,
.w-50,
.w-60,
.w-70,
.w-80,
.w-90,
.w-100 {
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
}

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}

.breadcrumb {
    font-family: "Roboto", Helvetica, sans-serif;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 25px;
}

.breadcrumb .left-breadcrumb {
    float: left;
}

.breadcrumb .right-breadcrumb {
    float: right;
}

.breadcrumb .left-breadcrumb li,
.breadcrumb .right-breadcrumb li {
    float: left;
}

.breadcrumb .left-breadcrumb li+li:before,
.breadcrumb .right-breadcrumb li+li:before {
    margin: 0 5px 0 10px;
    color: black;
    content: "/\00a0";
}

.breadcrumb .left-breadcrumb li a,
.breadcrumb .right-breadcrumb li a {
    color: #57595a;
}

.fotorama__stage {
    background: #f4edf6;
}

.fotorama__wrap {
    margin: 0 auto;
}

.head-cake {
    display: inline-block;
    width: 100%;
    margin: 15px auto;
}

.offcanvas__trigger--open {
    float: left;
    margin-right: 10px;
}

.socialNav {
    float: left;
    margin-right: 25px;
}

.socialNav .follow-label {
    float: left;
    font-size: 18px;
    line-height: 1.7;
    margin-right: 15px;
}

.socialNav ul {
    display: inline-block;
}

.socialNav ul li {
    float: left;
    margin: 0 5px;
    transition: all 0.5s;
}

.socialNav ul li .s-icon {
    height: 30px;
    width: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s;
}

.socialNav ul li .s-icon.Insagram {
    background-image: url("assets/images/social-media/instagram.svg");
}

.socialNav ul li .s-icon.Facebook {
    background-image: url("assets/images/social-media/facebook.svg");
}

.socialNav ul li .s-icon.Twitter {
    background-image: url("assets/images/social-media/twitter.svg");
}

.socialNav ul li:hover .s-icon.Insagram {
    background-image: url("assets/images/social-media/instagram-hover.svg");
}

.socialNav ul li:hover .s-icon.Facebook {
    background-image: url("assets/images/social-media/facebook-hover.svg");
}

.socialNav ul li:hover .s-icon.Twitter {
    background-image: url("assets/images/social-media/twitter-hover.svg");
}

.langNav ul li {
    float: left;
    margin: 0 10px;
    position: relative;
}

.langNav ul li:first-child::after {
    content: "|";
    font-size: 25px;
    position: absolute;
    top: -4px;
    right: -10px;
}

.langNav ul li a {
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: 1px;
    color: #b5a9d3;
}

.art-talent-logo {
    position: absolute;
    right: 25px;
    top: 25px;
}

.cat-cake {
    position: absolute;
    bottom: 50px;
    left: 50px;
    float: left;
    z-index: 9;
}

.mobile-navigation {
    display: none;
}

.sideNav {
    width: 250px;
    text-align: center;
}

.sideNav ul li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    list-style: none;
}

.sideNav ul li:nth-child(1) {
    background-image: url("assets/images/SVG/cake-toppings.svg");
    background-size: 50% auto;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.sideNav ul li:nth-child(2) {
    background-image: url("assets/images/SVG/menu-bg_1.svg");
    background-size: 65% 70%;
    margin-top: -25px;
}

.sideNav ul li:nth-child(3) {
    background-image: url("assets/images/SVG/menu-bg_2.svg");
    background-size: 68% 75%;
    margin-top: -30px;
}

.sideNav ul li:nth-child(4) {
    background-image: url("assets/images/SVG/menu-bg_3.svg");
    background-size: 71% 85%;
    margin-top: -30px;
}

.sideNav ul li:nth-child(5) {
    background-image: url("assets/images/SVG/menu-bg_4.svg");
    background-size: 74% 85%;
    margin-top: -25px;
}

.sideNav ul li:nth-child(6) {
    background-image: url("assets/images/SVG/menu-bg_5.svg");
    background-size: 77% 90%;
    margin-top: -22px;
}

.sideNav ul li:nth-child(7) {
    background-image: url("assets/images/SVG/menu-bg_6.svg");
    background-size: 80% 90%;
    margin-top: -20px;
}

.sideNav ul li:nth-child(8) {
    background-image: url("assets/images/SVG/menu-bg_7.svg");
    background-size: 83% 100%;
    margin-top: -20px;
}

.sideNav ul li:nth-child(9) {
    background-image: url("assets/images/SVG/menu-bg_8.svg");
    background-size: 86% 100%;
    margin-top: -20px;
}

.sideNav ul li:nth-child(10) {
    background-image: url("assets/images/SVG/menu-bg_9.svg");
    background-size: 89% 100%;
    margin-top: -18px;
}

.sideNav ul li:nth-child(11) {
    background-image: url("assets/images/SVG/menu-bg_10.svg");
    background-size: 92% 100%;
    margin-top: -13px;
}

.sideNav ul li:nth-child(12) {
    background-image: url("assets/images/SVG/menu-bg_11.svg");
    background-size: 240px 145px;
    margin-top: -25px;
}

.sideNav ul li:nth-child(13) {
    background-image: url("assets/images/SVG/cake-stand.svg");
    background-size: 100% auto;
    padding: 20px;
    margin-top: -25px;
    position: relative;
    z-index: 1;
}

.sideNav ul li a {
    display: inline-block;
    color: #575a5b;
    font-size: 20px;
    margin: 0;
    padding: 25px;
    transition: all 0.5s;
}

.sideNav ul li a:hover,
.sideNav ul li.current-menu-item a {
    color: #e66ea6;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.primary-navigation {
    float: right;
    right: 200px;
    z-index: 1;
    position: absolute;
    top: 120px;
}

.primary-navigation ul li {
    float: left;
    margin: 0 15px;
    border-radius: 15px;
}

.primary-navigation ul li:nth-child(4n+1) {
    background-color: #FAD9E1;
}

.primary-navigation ul li:nth-child(4n+2) {
    background-color: #D1EBEA;
}

.primary-navigation ul li:nth-child(4n+3) {
    background-color: #FAF6DA;
}

.primary-navigation ul li:nth-child(4n+4) {
    background-color: #E5D7E8;
}

.primary-navigation ul li a {
    padding: 20px 50px 40px;
    display: inline-block;
    font-size: 22px;
    color: #575a5b;
}

.wrapper-cake {
    background-image: url("assets/images/home-content_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 700px;
    height: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -40%);
    padding: 40px 25px 30px;
    box-sizing: border-box;
    z-index: 4;
}

.wrapper-cake .wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
}

.slider {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.wrapper-lg,
.product_wrapper-cake {
    width: 992px;
    height: 70%;
    margin: 0 auto;
    padding: 85px 55px 65px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-35%, -40%);
    z-index: 2;
}

.wrapper-lg {
    width:1350px;
    padding:100px 70px 65px;
    
    transform: translate(-45%, -40%);
}

.product_wrapper-cake {
    padding: 0px;
}

.wrapper {
    width: 100%;
    display: inline-block;
}

.categoriesNav ul li {
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    width: 20%;
    text-align: center;
    padding: 25px 10px;
}

.categoriesNav ul li:hover {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: rubberBand;
    transform-origin: center bottom;
    animation-iteration-count: infinite;
}

.categoriesNav ul li img {
    width: 80%;
}

.categoriesNav ul li .cat-link {
    font-size: 16px;
    color: #009898;
    height: 50px;
    display: inline-block;
    line-height: 1.5;
    margin-top: 10px;
}

.product_gallery {
    width: 100%;
    display: inline-block;
}

.product_gallery li,
.product_items li {
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    padding: 10px;
    text-align: center;
    margin-bottom: 25px;
}

li .fix-thumbnail {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
}

li .fix-thumbnail img {
   /* min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
    max-width: 100%;
}

.product_items li .prdct-info {
    margin-top: 15px;
}

/*.product_gallery li img.pg-prdct-img {
  width: 100%;
  max-width: 200px;
}*/

.product_items li img.prdct-img {
    width: 100%;
    max-width: 175px;
}

.product_gallery li a.pg-prdct-name,
.product_items li .prdct-info a.prdct-name {
    font-weight: bold;
    letter-spacing: 1px;
    color: #fc99af;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

.product_gallery li a.pg-prdct-name {
    font-size: 22px;
}

.product_items li .prdct-info a.prdct-name {
    font-size: 16px;
    font-weight: normal;
    color: #575a5b;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.product_items li .prdct-info a.prdct-name::after {
    content: "";
    background: #575a5b;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 25px;
    height: 1px;
    transform: translateX(-50%);
}

.product_wrapper-cake .prdct-details {
    font-family: Roboto, Helvetica, sans-serif;
}

.product_wrapper-cake .prdct-details .prdct-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
}

.product_wrapper-cake .prdct-details .prdct-sku {
    color: #575a5b;
}

.product_wrapper-cake .prdct-details .prdct-price {
    color: #f476b2;
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.product_wrapper-cake .prdct-details .prdct-colors,
.product_wrapper-cake .prdct-details .prdct-quantity {
    color: #575a5b;
    margin-bottom: 20px;
}

.product_wrapper-cake .prdct-details .prdct-colors .title,
.product_wrapper-cake .prdct-details .prdct-quantity .title {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.product_wrapper-cake .prdct-details .prdct-colors .color {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 20px;
    border: 1px solid #cccccc;
}

.product_wrapper-cake .prdct-details .prdct-quantity .prdct-qnty-input {
    padding: 10px 0 10px 10px;
    width: 75px;
}

.product_wrapper-cake .prdct-details .action {
    margin-bottom: 25px;
}

.product_wrapper-cake .prdct-details .action .add-to-cart {
    background: #f476b2;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    padding: 15px 10px;
    width: 100%;
    display: inline-block;
}

.product_wrapper-cake .prdct-desc {
    font-family: Roboto, Helvetica, sans-serif;
    margin: 10px 0 0;
    display: inline-block;
    width: 100%;
}

.accordion-container {
    position: relative;
    width: 100%;
    height: auto;
    margin: 10px auto;
}

.accordion-container .set {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-bottom: 1px solid #575a5b;
}

.accordion-container .set:first-child {
    border-top: 1px solid #575a5b;
}

.accordion-container .set>a {
    display: block;
    padding: 20px 0px;
    text-decoration: none;
    color: #575a5b;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.accordion-container .set>a i {
    float: right;
    margin-top: 2px;
}

.accordion-container .set .content {
    background-color: #fff;
    display: none;
}

.accordion-container .set .content p {
    padding: 0 0 10px 0;
    margin: 0;
    color: #57595a;
    font-size: 14px;
}

.woocommerce-product-gallery__image{
    text-align: center;
}

.footer-cake {
    position: absolute;
    bottom: 15px;
    left: 50px;
    right: 50px;
}

.footer-cake .copyright {
    float: right;
}

#my-navigation {
    background-color: rgb(250, 217, 225);
    text-align: center;
    overflow-y: auto
}

#my-navigation .primary-mobile_nav {
    padding-bottom: 100px;
    display: inline-block;
}

#my-navigation p {
    padding: 20px;
    border-bottom: 1px dotted #eee;
}

.offcanvas__trigger--open,
.offcanvas__trigger--close {
    display: none;
}

.offcanvas__trigger--close {
    float: right;
}

.primary-mobile_nav {
    display: inline-block;
    width: 100%;
}

.mobile-navigation ul li {
    padding: 10px 15px;
    border-bottom: 1px solid #222;
}

.mobile-navigation ul li:nth-child(4n+1) {
    background-color: #D1EBEA;
}

.mobile-navigation ul li:nth-child(4n+2) {
    background-color: #E5D7E8;
}

.mobile-navigation ul li:nth-child(4n+3) {
    background-color: #FAF6DA;
}

.mobile-navigation ul li:nth-child(4n+4) {
    background-color: #FAD9E1;
}

.mobile-navigation ul li a {
    color: #575a5b;
}

.wrapper .row {
    margin-left: -15px;
    margin-right: -15px;
}
.wrapper .col-lg-6 {
    box-sizing: border-box;
    width: 50%;
    padding: 0 15px;
    float: left;
    margin: 0 !important;
}
.select2-container .select2-selection--single {
    height: 41px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
}
.wrapper .wpcf7-form-control,
.woocommerce input,
.woocommerce textarea,
.woocommerce select,
.select2-container--default .select2-selection--single {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 5px;
}
.woocommerce input[type=checkbox],
.woocommerce input[type=radio],
.woocommerce input[type=submit]{
    width: auto;
    display: inline;
}
.woocommerce form .form-row.woocommerce-invalid label {
    color: #575a5b;
}
.woocommerce form .form-row.woocommerce-invalid .select2-selection--single {
    border-color: #a00;
}
.wrapper .wpcf7-form-control[type=submit] {
    background: #e66ea6;
    color: #fff;
    padding: 15px 0;
}
.wrapper .wpcf7-form p {
    margin-bottom: 15px;
}
.wrapper .wpcf7-form p label {
    line-height: normal;
    display: inline-block;
    width: 100%;
}

/*
    Woocommerce
*/

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #f476b2;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #f16daa;
}

.entry-content {
    width: 100%;
}

.cat-cake {z-index: 9;}
.woocommerce ul.order_details li {
    margin-top: 25px;
}

.fancybox-slide img {
    max-width: 100%;
}

.balloon {
    position: relative;
    z-index: 9;
}
.balloon > div {
    width: 70px;
    height: 100px;
    background: rgba(182, 15, 97, 0.9);
    border-radius: 0;
    border-radius: 80% 80% 80% 80%;
    margin: 0 auto;
    position: absolute;
    padding: 10px;
    box-shadow: inset 17px 7px 10px rgba(182, 15, 97, 0.9);
    -webkit-transform-origin: bottom center;
}
.balloon > div:nth-child(1) {
    background: #FAD9E1;
    left: 22%;
    top: 250px;
    /*box-shadow: inset 10px 10px 10px rgba(135, 11, 72, 0.9);*/
    box-shadow: inset 10px 10px 10px rgb(232, 186, 197);
    -webkit-animation: balloon1 6s ease-in-out infinite;
    -moz-animation: balloon1 6s ease-in-out infinite;
    -o-animation: balloon1 6s ease-in-out infinite;
    animation: balloon1 6s ease-in-out infinite;
}
.balloon > div:nth-child(1):before {
    color: rgba(182, 15, 97, 0.9);
}
.balloon > div:nth-child(2) {
    background: #D1EBEA;
    left: 22%;
    top: 425px;
    box-shadow: inset 10px 10px 10px rgb(171, 222, 220);
    -webkit-animation: balloon2 6s ease-in-out infinite;
    -moz-animation: balloon2 6s ease-in-out infinite;
    -o-animation: balloon2 6s ease-in-out infinite;
    animation: balloon2 6s ease-in-out infinite;
}
.balloon > div:nth-child(2):before {
    color: rgb(120, 175, 173);
}
.balloon > div:nth-child(3) {
    background: #FAF6DA;
    right: 5%;
    top: 100px;
    box-shadow: inset 10px 10px 10px rgb(216, 208, 156);
    -webkit-animation: balloon4 6s ease-in-out infinite;
    -moz-animation: balloon4 6s ease-in-out infinite;
    -o-animation: balloon4 6s ease-in-out infinite;
    animation: balloon4 6s ease-in-out infinite;
}
.balloon > div:nth-child(3):before {
    color: rgb(197, 187, 111);
}
.balloon > div:nth-child(4) {
    background: #E5D7E8;
    right: 5%;
    top: 300px;
    box-shadow: inset 10px 10px 10px rgb(201, 168, 208);
    -webkit-animation: balloon1 5s ease-in-out infinite;
    -moz-animation: balloon1 5s ease-in-out infinite;
    -o-animation: balloon1 5s ease-in-out infinite;
    animation: balloon1 5s ease-in-out infinite;
}
.balloon > div:nth-child(4):before {
    color: rgba(190, 61, 244, 0.9);
}
.balloon > div:before {
    color: rgba(182, 15, 97, 0.9);
    position: absolute;
    bottom: -11px;
    left: 52px;
    content: "â";
    font-size: 1em;
}
/*BALLOON 1 4*/
@-webkit-keyframes balloon1 {
    0%,
    100% {
        -webkit-transform: translateY(0) rotate(-6deg);
    }
    50% {
        -webkit-transform: translateY(-20px) rotate(8deg);
    }
}
@-moz-keyframes balloon1 {
    0%,
    100% {
        -moz-transform: translateY(0) rotate(-6deg);
    }
    50% {
        -moz-transform: translateY(-20px) rotate(8deg);
    }
}
@-o-keyframes balloon1 {
    0%,
    100% {
        -o-transform: translateY(0) rotate(-6deg);
    }
    50% {
        -o-transform: translateY(-20px) rotate(8deg);
    }
}
@keyframes balloon1 {
    0%,
    100% {
        transform: translateY(0) rotate(-6deg);
    }
    50% {
        transform: translateY(-20px) rotate(8deg);
    }
}
/* BAllOON 2 5*/
@-webkit-keyframes balloon2 {
    0%,
    100% {
        -webkit-transform: translateY(0) rotate(6eg);
    }
    50% {
        -webkit-transform: translateY(-30px) rotate(-8deg);
    }
}
@-moz-keyframes balloon2 {
    0%,
    100% {
        -moz-transform: translateY(0) rotate(6deg);
    }
    50% {
        -moz-transform: translateY(-30px) rotate(-8deg);
    }
}
@-o-keyframes balloon2 {
    0%,
    100% {
        -o-transform: translateY(0) rotate(6deg);
    }
    50% {
        -o-transform: translateY(-30px) rotate(-8deg);
    }
}
@keyframes balloon2 {
    0%,
    100% {
        transform: translateY(0) rotate(6deg);
    }
    50% {
        transform: translateY(-30px) rotate(-8deg);
    }
}
/* BAllOON 0*/
@-webkit-keyframes balloon3 {
    0%,
    100% {
        -webkit-transform: translate(0, -10px) rotate(6eg);
    }
    50% {
        -webkit-transform: translate(-20px, 30px) rotate(-8deg);
    }
}
@-moz-keyframes balloon3 {
    0%,
    100% {
        -moz-transform: translate(0, -10px) rotate(6eg);
    }
    50% {
        -moz-transform: translate(-20px, 30px) rotate(-8deg);
    }
}
@-o-keyframes balloon3 {
    0%,
    100% {
        -o-transform: translate(0, -10px) rotate(6eg);
    }
    50% {
        -o-transform: translate(-20px, 30px) rotate(-8deg);
    }
}
@keyframes balloon3 {
    0%,
    100% {
        transform: translate(0, -10px) rotate(6eg);
    }
    50% {
        transform: translate(-20px, 30px) rotate(-8deg);
    }
}
/* BAllOON 3*/
@-webkit-keyframes balloon4 {
    0%,
    100% {
        -webkit-transform: translate(10px, -10px) rotate(-8eg);
    }
    50% {
        -webkit-transform: translate(-15px, 20px) rotate(10deg);
    }
}
@-moz-keyframes balloon4 {
    0%,
    100% {
        -moz-transform: translate(10px, -10px) rotate(-8eg);
    }
    50% {
        -moz-transform: translate(-15px, 10px) rotate(10deg);
    }
}
@-o-keyframes balloon4 {
    0%,
    100% {
        -o-transform: translate(10px, -10px) rotate(-8eg);
    }
    50% {
        -o-transform: translate(-15px, 10px) rotate(10deg);
    }
}
@keyframes balloon4 {
    0%,
    100% {
        transform: translate(10px, -10px) rotate(-8eg);
    }
    50% {
        transform: translate(-15px, 10px) rotate(10deg);
    }
}
@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}


.modal-dialog {-webkit-animation-duration: .5s;	animation-duration: .5s;	-webkit-animation-fill-mode: both;	animation-fill-mode: both}
@-webkit-keyframes zoomIn {	0% {		opacity: 0;		-webkit-transform: scale3d(.3, .3, .3);		transform: scale3d(.3, .3, .3)	}
	50% {		opacity: 1	}
}
@keyframes zoomIn {	0% {		opacity: 0;		-webkit-transform: scale3d(.3, .3, .3);		transform: scale3d(.3, .3, .3)	}
	50% {
		opacity: 1
	}
}
.modal-dialog {	-webkit-animation-name: zoomIn;	animation-name: zoomIn}
.modal-title{float: left;}
.sideNav a{line-height: 1.15 !important;}
.shop-search input[type="search"]{width: calc(100% - 150px); float: left; font-size: 16px;}
.shop-search input[type="submit"]{width: 130px; float: left; margin-left: 20px; background-color: #fc99af; color: #575a5b; font-size: 16px; border-color: #fc99af;}

.flex-direction-nav a{height: 50px !important;}
.flexslider .slides img {margin: auto;top: 0 !important;left: 0 !important; bottom: 0 !important;right: 0 !important;max-width: 100% !important;max-height: 100% !important;height: auto !important;width: auto !important;}
.site-main .wrapper article, .site-main .wrapper .entry-content, .site-main .wrapper .flexslider, .site-main .flexslider .slides, .site-main .wrapper .slides li,  .site-main .wrapper li video{height: 100% !important;   margin:0; border: none;    overflow: hidden;}

/* Added by leena  */
.fancybox-content { width: 550px; }

.slick-list.draggable {
    height: 325px !important;
}
.woocommerce-checkout label.woocommerce-form__label input{
    top: 8px;
}
.woocommerce-checkout label.woocommerce-form__label span {
    margin-left: 25px;
}

html[lang="en-US"] .input-checkbox {
    top: 7px;
}
html[lang="en-US"] span.woocommerce-terms-and-conditions-checkbox-text {
    margin-left: 23px;
}