@import url('fonts.css');
@import url('animations.css');

body, html {
    position: relative;
    height: 100%;
    background: rgb(226, 234, 236);
    color: #555;
    font-family: 'Roboto-Light';
/*    overflow-x: hidden;*/
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
    outline: 0px !important;
}

a, a:hover { color: #ed207a; }



/* Default Page
================================================== */

#default-page {
    padding: 85px 0;
    color: #888;
    font-size: 16pt;
    font-family: 'Roboto-Light';
}

#default-page h1,
#default-page h2,
#default-page h3,
#default-page h4,
#default-page h5,
#default-page h6 {
    font-family: 'Roboto-Regular';
    margin: 0 0 20px 0;
}

#default-page p {
    margin: 0 0 40px 0;
}

/*
================================================== */


/* Home
================================================== */

#home  {
    overflow-x: hidden;
}

#home section {
}

#home section div.img-container {
    position: relative;
    height: 500px;
}

    #home section div.container {
        padding: 80px 0 40px;
    }

    #home section img {
/*        height: 450px;*/
    }

    #home section img.img-iphone {
            position: absolute;
        left: calc(50% - 45px);  /* middle of container - 1/2 img width - 10px on left */
    /*    left: calc(50% - 135px - 10px);   middle of container - 1/2 img width - 10px on left */
        top: 20px;
            height: 450px;
    /*    background: red;*/
        }
    #home section img.img-box-01 {
        position: absolute;
        right: calc(50% - 45px);
        top: 380px;
            height: 300px;
        width: 350px;
        height: auto;
    /*    background: red;*/
        }
    #home section img.img-box {
        position: absolute;
        right: calc(50% - 45px);
        top: 200px;
            height: 300px;
    /*    background: red;*/
        }

    #home section div.price {
    }

        #home section div.price strong {
            margin: 0 12px 0 0;
            font-size: 28pt;
            font-family: 'Roboto-Bold';
            vertical-align: middle;
        }

        #home section div.price a.btn {
            background: #ed207a;
            border: 0;
            -webkit-transition: all .5s ease-in-out;
               -moz-transition: all .5s ease-in-out;S
                 -o-transition: all .5s ease-in-out;
                    transition: all .5s ease-in-out;
        }

        #home section div.price a.btn:hover {
            background: #fd549e;
        }

    #home section div.markets {
        margin: 80px 0 25px 0;
    }

    #home section div.markets a {
        margin: 0 12px 0 0;
        text-decoration: none;
    }

        #home section div.markets a img {
            height: 40px;
            width: auto;
        }

            #home section img.box-wifi {
                height: 350px;
            }

#home section div.img-container2 {
    position: relative;
    height: 350px;
}

#home section div.col-md-6 {
        padding: 20px 30px;
    }



#home section.section-top {
    position: relative;
    padding: 0;
    height: 650px;
/*    background: url('http://localhost/www.partysquasher.com/wp-content/uploads/2016/02/tumblr_ns6s24wf0M1uye0aio1_1280.jpg');*/
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
}

    #home section.section-top img.bg {
        margin: 0;
        padding: 0;

        width: 100%;
        height: auto;
        min-height:100%;

        opacity: 0.6;
        object-fit: cover;
        object-position: bottom center;

    }


    #home section.section-top h1 {
        position: absolute;
        margin: auto;
        bottom: calc(50% - 220px);
        left: 0;
        right: 0;
        font-size: 44pt;
        color: white;
        font-family: 'Roboto-Bold';
        text-shadow: 0 2px 1px rgba(0,0,0,.45);
        text-align: center;
    }

        #home section.section-top h1 b {
            color: #ed207a;
        }

    #home section.section-top img.logo {
        position: absolute;
        margin: auto;
        top: calc(50% - 220px);
        left: 0;
        right: 0;
        width: auto;
        height: 250px;
    }



#home section.section-mixed {
    padding: 0;
    margin: 0;
    height: 560px;
}

#home section.section-mixed div.row { /* to avoid horizontal scrollbar */
    margin-right: 0;
    padding: 0;
    height: 100%;
}

#home section.section-mixed div.col-img {
    margin: 0 0 -150px 0; /* -150px to clear the padding created by the text content */
    padding: 0;
    height: 100%;
/*    overflow: hidden;*/
}

    #home section.section-mixed div.col-img img {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Do not scale the image */
        object-position: bottom right; /* Center the image within the element */
    }




    section h3 {
        margin: 0 0 40px 0;
        color: #66787d;
        font-size: 26pt;
        letter-spacing: .5pt;
        font-family: "Roboto-Light";
    }

    section p {
        margin: 0 0 40px 0;
        color: #888;
        font-size: 16pt;
/*        letter-spacing: .5pt;*/
        font-family: "Roboto-Light";
    }

    section a {
        font-size: 14pt;
        font-family: "Roboto-Light";
    }



section.main  {
    padding: 0;
    margin: 40px 0 0 0;
}

section.main h1 {
    margin: 0 0 40px 0;
    color: #666;
    font-size: pt;
    letter-spacing: .5pt;
    font-family: "Roboto-Light";
}

section.main p {
    margin: 0 0 40px 0;
    color: #888;
    font-size: 16pt;
/*        letter-spacing: .5pt;*/
    font-family: "Roboto-Light";
}

section.main a {
    font-size: 14pt;
    font-family: "Roboto-Light";
}

section.main blockquote {
    padding: 20px;
}

/*
================================================== */



/* Navbar
================================================== */


nav.navbar  {
    margin: 0;
    padding: 0;
    background: white;
  float: none;
}


nav.navbar div.top-header {
    margin: 0;
    padding: 8px 42px;
    text-align: right;
/*    background: #555;*/
    font-size: 9pt;
/*    color: white;*/
}

    nav.navbar div.top-header a {
        color: #0fb9eb;
    }
    nav.navbar div.top-header a:hover {
        color: white;
    }
    nav.navbar div.top-header #lang_sel {
       border: 1px solid #BBB;
        height: 20px;
    }

    nav.navbar a.navbar-brand img {
        margin: -2px 0 0 20px;
        height: 36px;
        width: auto;
        float: left;
    }

    nav.navbar li a {
        margin: 0;
        padding: 25px 30px;
        color: #555;
        font-size: 13pt;
        font-family: 'Roboto-Light';
    }

    nav.navbar li a:hover {
        background: transparent;
        color: #ed207a;
    }

        nav.navbar li.current-menu-item a {
            margin: 0;
            background: transparent;
            font-family: 'Roboto-Bold';
            -webkit-transition: all .5s ease-in-out;
               -moz-transition: all .5s ease-in-out;
                 -o-transition: all .5s ease-in-out;
                    transition: all .5s ease-in-out;
        }

        nav.navbar li div.cart-nav {
            margin: 20px 40px 0 10px;
        }

            nav.navbar li div.cart-nav a {
                padding: 0;
                margin: auto 18px;
                position: relative;
                font-size: 18pt;
                color: #ed207a;
            }

            nav.navbar li div.cart-nav a:hover, nav.navbar li div.cart-nav a:hover small {
                color: #fd549e;
            }



nav.navbar li div.cart-nav a small {
    position: absolute;
    top: -6px;
    right: -12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    color: #777;
    border-radius: 50%;
    background: rgba(226, 234, 236, .8);
}
        nav.navbar li a.btn {
            margin: 16px 40px 0 20px;
            padding: 8px 20px;
            background: #ed207a;
            color: #FFF;
            border: 0;
            font-size: 11pt;
            font-family: 'Roboto-Regular';
            -webkit-transition: all .25s ease-in-out;
               -moz-transition: all .25s ease-in-out;
                 -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
        }
        nav.navbar li a.btn:hover {
            background: #fd549e;
        }
nav.navbar button.navbar-toggle {
    margin: 8px;
    width: 55px;
    height: 55px;
    border: 1px solid #ddd;
    font-size: 18pt;
    color: #777;
    border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

nav.navbar button.navbar-toggle:hover {
    background: #f3f3f3;
}


/*
================================================== */


/* Footer
================================================== */

footer {

}

    footer section.main-footer {
        padding: 20px 0;
        font-size: 10pt;
        color: white;
        background:#555;
    }

        footer section.main-footer a {
            font-size: 10pt;
            color: #aaa;
        }

        footer section.main-footer div.group {
            margin: 0 0 32px 0;

        }
            footer section.main-footer div.group h5 {
                font-weight: 700;
            }

            footer section.main-footer div.group ul {
                padding: 0;
            }

                footer section.main-footer div.group ul li {
                    margin: 2px 0;
                    list-style-type: none;
                }


        footer section.main-footer div.group.social a i.fa {
            display: inline-block;
            margin: 0 6px 0 0;
            width: 30px;
            height: 30px;
            line-height: 30px;
            color: white;
            color: white;
            font-size: 15pt;
            text-align: center;
            background: #647279;
            border-radius: 1px;
            -webkit-transition: all .25s ease-in-out;
               -moz-transition: all .25s ease-in-out;
                 -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
        }

        footer section.main-footer div.group.social a i.fa.fa-facebook:hover { background: #3b5998; border-radius: 50%; }
        footer section.main-footer div.group.social a i.fa.fa-twitter:hover { background: #55acee; border-radius: 50%; }
        footer section.main-footer div.group.social a i.fa.fa-linkedin:hover { background: #007bb6; border-radius: 50%; }

        /* Mailchimp message */
        footer section.main-footer div.group.newsletter div.mc4wp-response p {
            color: #BBB;
            font-size: 12pt;
            line-height: normal;
        }

    footer section.sub-footer {
        padding: 8px 0;
        font-size: 10pt;
        color: #BBB;
        background:#333;
    }


        footer section.sub-footer a {
            font-size: 10pt;
            color: #DDD;
        }

        footer section.sub-footer i.fa-heart {
            font-size: 10pt;
            color: #ff1453;
        }

/*
================================================== */


/* Testimonials
================================================== */

#testimonials {
/*    padding: 40px 0 0 0;*/
/*    background: red;*/

}

    #testimonials section.main {
/*        background: red;*/
    }

    #testimonials section.blocs {
        margin: 45px 0 120px;
    }

    #testimonials section.blocs article {
        position: relative;
        margin: 20px auto;
        padding: 0;
    }

        #testimonials section.blocs div.card {
            margin: 0 10px;
            height: 620px;
            text-align: center;
            color: #aaa;
            background: #fff;
            overflow: hidden;
            border-radius: 4px;
            box-shadow: 0 2px 1px rgba(0,0,0,.15);

        }

            #testimonials section.blocs div.card img.photo {
                width: 100%;
                height: 250px;
                object-fit: cover; /* Do not scale the image */
                object-position: center; /* Center the image within the element */
/*                border-bottom: 6px solid #c8d4de;*/
            }

            #testimonials section.blocs div.card div.thumbmail {
                position: absolute;
                margin: 0 auto;
                top: 180px; /* 250px-140px/2 */
                right: 0;
                left: 0;
                width: 140px;
                height: 140px;
                overflow: hidden;
                background: #c8d4de; /* same color as border to avoid gap */
                border: 6px solid #dae4e8;
                border-radius: 50%;
            }

                #testimonials section.blocs div.card div.thumbmail img {
                    object-fit: cover; /* Do not scale the image */
                    object-position: center; /* Center the image within the element */
                    height: 100%;
                    width: 100%;
                }

            #testimonials section.blocs div.card h3 {
                margin: 100px 20px 0 20px;
                color: #66787d;
                font-size: 18pt;
                font-family: 'Roboto-Medium';
            }

            #testimonials section.blocs div.card small {
                color: #555;
                font-family: 'Roboto-Regular';
            }

            #testimonials section.blocs div.card p {
                padding: 0 20px;
                margin: 20px 0;
                font-size: 12.5pt;
                font-family: 'Roboto-Light';
            }

                #testimonials section.blocs div.card p br {
                   display: block;
                    content: ' ';
                   margin: 20px 0 0 0;
                }

            #testimonials section.blocs div.card a.link {
                position: absolute;
                bottom: 16px;
                left: 0;
                right: 0;
                margin: auto;
                font-size: 11pt;
                border: none; /* clear WP style */
            }

/*
================================================== */



/* FAQ
================================================== */

#faq {
/*    background: red;*/

}

    #faq section.main {
/*        background: red;*/
    }

    #faq section.blocs {
        margin: 45px 0;
    }

    #faq section.blocs article {
        position: relative;
        margin: 20px auto;
        padding: 0;
    }

        #faq section.blocs div.card {
            margin: 0 10px;
            padding: 40px;
/*            height: 620px;*/
            text-align: left;
            color: #aaa;
            background: #fff;
            overflow: hidden;
            border-radius: 4px;
            box-shadow: 0 2px 1px rgba(0,0,0,.15);

        }

            #faq section.blocs div.card h3 {
/*                margin: 40px 20px 0 20px;*/
                margin: 0 0 50px 0;
                color: #66787d;
                font-size: 18pt;
                font-family: 'Roboto-Medium';
            }

            #faq section.blocs div.card small {
                color: #555;
                font-family: 'Roboto-Regular';
            }

            #faq section.blocs div.card p {
                padding: 0;
                margin: 20px 0;
                font-size: 12.5pt;
                font-family: 'Roboto-Light';
            }

                #faq section.blocs div.card p br {
                   display: block;
                   content: ' ';
                   margin: 20px 0 0 0;
                }

                #faq section.blocs div.card p a {
                    font-size: 12.5pt;
                }


/*
================================================== */


/* privacy
================================================== */

#privacy {
}

#privacy section {
    padding: 20px 20px 100px 20px;
}

#privacy section.main h1 {
    padding: 0;
    margin: 32pt 0;
    text-align: center;
}

#privacy section.main small {
    margin: 10pt 0 32pt 0;
    padding: 0;
    font-size: 10pt;
    font-weight: 700;
}

#privacy section.main h2 {
    margin: 32pt 0 24pt 0;
    padding: 0;
    font-size: 22pt;
    font-weight: 700;
    color: #555;
    text-align: center;
}

#privacy section.main h3 {
    margin: 24pt 0 12pt 0;
    padding: 0;
    font-size: 14pt;
    font-weight: 700;
    color: #555;
}

#privacy section.main h4 {
    margin: 18pt 0 8pt 0;
    padding: 0;
    font-size: 12pt;
    font-weight: 700;
    color: #555;
}


#privacy section.main p {
    margin: 8pt 0 8pt 0;
    font-size: 12pt;
    color: #666;
}

#privacy section.main a {
    font-size: 12pt;
}

#privacy section.main ul {
    margin: 8px 0;
/*    padding: 0;*/
    font-size: 12pt;
}

#privacy section.main ul li {
    margin: 0 0 8pt 0;
}

/*
================================================== */


/* Blog
================================================== */

#blog {
/*    background: red;*/

}

#blog span.back-link {
    display: block;
    margin: 46px 0 -30px 0;
    font-size: 13pt;
}
    #blog span.back-link a {
        color: #666;
    }
    #blog span.back-link a:hover {
        color: #ed207a;
    }

        #blog span.back-link a i.fa {
            margin: 0 8px 0 0;
            color: #888;
        }

#blog div.blocs {
        margin: 45px 0;
        padding: 0 10px;
    }

    #blog div.blocs article {
        position: relative;
        margin: 0 auto 20px;
        padding: 0;
    }

        #blog div.blocs div.card {
            margin: 0;
            color: #aaa;
            background: #fff;
            overflow: hidden;
            border-radius: 4px;
            box-shadow: 0 2px 1px rgba(0,0,0,.15);

        }

            #blog div.blocs div.card header {
                padding: 10px 30px;
            }

                #blog div.blocs div.card header h3.entry-title {
                    margin: 20px 0 0 0;
                    font-size: 20pt;
                    letter-spacing: .5pt;
                    font-family: "Roboto-Medium";
                }



                #blog div.blocs div.card header ul.post-categories {
                    margin: 20px 0;
                    padding: 0;

                }

                    #blog div.blocs div.card header ul.post-categories li {
                        display: inline-block;
                        list-style-type: none;
                    }

                    #blog div.blocs div.card header ul.post-categories li a {
                        padding: 4px 8px;
                        background: #eb7dad;
                        border-radius: 2px;
                        color: white;
                        text-decoration: none;
                        -webkit-transition: all .25s ease-in-out;
                           -moz-transition: all .25s ease-in-out;
                             -o-transition: all .25s ease-in-out;
                                transition: all .25s ease-in-out;
                    }

                    #blog div.blocs div.card header ul.post-categories li a:hover {
                        background: #ed207a;
                    }


            #blog div.blocs div.card div.entry-content {
                padding: 50px 30px;
                font-size: 13pt;
            }

                #blog div.blocs div.card div.entry-content p {
                    margin: 0 0 30px 0;
                }

                    #blog div.blocs div.card div.entry-content p b,
                    #blog div.blocs div.card div.entry-content p strong,
                    #blog div.blocs div.card div.entry-content p i,
                    #blog div.blocs div.card div.entry-content p em{
                        color: #999;
                    }

                    #blog div.blocs div.card div.entry-content p a {
                        color: #2fcdef;
                    }


            #blog div.blocs div.card footer {
                padding: 10px 30px 20px;
            }

                    #blog div.blocs div.card footer ul.tags {
                        margin: 0;
                        padding: 0;
                        text-align: right;
                    }

                    #blog div.blocs div.card footer ul.tags li {
                        display: inline-block;
                        list-style-type: none;
                    }

                    #blog div.blocs div.card footer ul.tags li a {
                        margin: 0 0 0 8px;
                        color: #1b75bc;
                    }

                    #blog div.blocs div.card footer ul.tags li a:before {
                        content: '#';
                    }
                    #blog div.blocs div.card footer ul.tags li a:hover {
                        color: #4d749a;
                    }



#blog div.sidebar {
    margin: 45px 0;
    padding: 0 10px;
}
#blog div.sidebar ul.xoxo{
    margin: 0;
    padding: 0;
/*    background: red;*/
}
    #blog div.sidebar li.widget-container {
        margin: 0 0 20px 0;
        padding: 20px 30px;
        list-style-type: none;
        background: #c2ccd4;
        border-radius: 1px;
    }

        #blog div.sidebar li.widget-container h4 {
            margin: 10px 0 20px 0;
            padding: 0;
            color: #666;
            font-size: 16pt;
            font-family: "Roboto-Bold";
        }

            #blog div.sidebar li.widget-container ul {
                padding: 0;
            }

                #blog div.sidebar li.widget-container ul {
                    list-style-type: none;
                }

                    /* Specific inline design for tags list */
                    #blog div.sidebar li.widget-container ul li.tags {
                        margin: 2px;
                        display: inline-block;
                    }

                    #blog div.sidebar li.widget-container a {
                        color: white;
                        font-size: 13pt;
                    }

                    #blog div.sidebar li.widget-container a:hover {
                        color: #666;
                    }


#blog div.blocs div.card img.photo {
    width: 100%;
}

/*
================================================== */

#contact {
    padding: 40px 0 0 0;
}

#contact h1, #contact p{
/*    color: white;*/
}

#contact section.second {
    margin: 85px 0;
}

    #contact section.second div.col-md-6 {
        padding:0;
    }

    #contact section.second div h4 {
        color: #666;
        font-size: 13pt;
        font-family: "Roboto-Regular";
    }
        #contact section.second div h4 i.fa {
            margin-right: 6px;
        }

    #contact section.second div {}

        #contact section.second div.phone p {
            font-size: 24pt;
            font-family: "Roboto-Bold";
        }

        #contact section.second div.social a {
            margin: 0 14px 0 0;
            font-size: 26pt;
            color: #666;
        }

        #contact section.second div.social a:hover {
            color: #fff;
        }

#contact section.second form {
    margin: 20px 0;
}

    #contact section.second form input[type="text"],
    #contact section.second form input[type="email"],
    #contact section.second form input[type="tel"],
    #contact section.second form select,
    #contact section.second form textarea {
        font-size: 12pt;
        font-family: "Roboto-Regular";
/*        background: rgba(255,255,255,.75);*/
        background: white;
        border: 0;
        border-radius: 2px;
    }

    #contact section.second form button {
        border: 0;
        margin: 8px 8px 0 0;
        font-family: "Roboto-Bold";
    }




    #contact div.map {
        margin: 0;
        padding: 0;
        height: 650px;
        overflow: hidden;
    }

        #contact div.map #map_canvas {
            width: 100%;
            height: 100%;
        }

        #contact div.map img {
            object-fit: cover; /* Do not scale the image */
            object-position: top right; /* Center the image within the element */
        }

/* For Beta page */

#contact div.left-side {
    text-align: center;
}

    #contact div.left-side p {
        margin: 40px 0;
        padding: 0 40px;
        font-size: 13pt;
    }


/* Support
================================================== */

#support {
    padding: 40px 0;
    text-align: center;
}

#privacy h1 {
    padding: 0;
    margin: 32pt 0;
    text-align: center;
}
#support iframe {
    margin: 80px 0;
    width: 100%;
    height: 800px;
    border: none;
}


/*
================================================== */



/* Store
================================================== */

#store {
    padding: 40px 0;
/*    background: red;*/
}

#store div.product-bloc {
    margin: 40px 0 80px;
/*    padding: 20px;*/
/*    background: red;*/
}

/* Store */
#store div.product-bloc div.img {
    padding: 20px;
/*    text-align: center;*/
/*    background: white; */
}

#store form.cart button {
    width: 100%;
}

#store h1.product_title {
    margin: 20px 0 0 0;
    font-size: 20pt;
    letter-spacing: .5pt;
    font-family: "Roboto-Medium";
}

#store div.short-description p {
    margin: 8px 0;
    font-size: 12pt;
}

#store p.price {
    margin: 40px 0 2px 0;
    font-size: 20pt;
    letter-spacing: .5pt;
    font-family: "Roboto-Regular";
}

    #store p.price del {
        color: #333;
    }

    #store p.price ins {
        text-decoration: none;
        color: #ed207a;
    }

    #store p.price select.wcml_currency_switcher {
        float: right;
        margin: 6px 0 0 0;
        padding: 2px 10px;
        color: #888 !important;
        font-size: 10pt !important;
        background: transparent;
        border: 1px solid #BBB;
        border-radius: 4px;
        -webkit-appearance:none;
    }

    #store p.price select.wcml_currency_switcher:hover {
        background: white;
        outline:0px !important;
    }

#store p.stock {
    margin: 0;
    font-size: 10pt;
    letter-spacing: .5pt;
    font-family: "Roboto-Regular";
}

/* Quantity */
#store div.quantity {
    padding: 10px 8px;
    margin: 40px 0 20px 0;
    width: 100%;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    text-align: right;

}


#store div.quantity label {
    margin: 3px 0 0 0;
    padding: 0;
    float: left;
    color: #888;
    font-size: 11pt;
    letter-spacing: .5pt;
    font-family: "Roboto-Thin";
}

#store div.quantity input[type="button"] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: white;
    font-weight: 700;
    background: #AAA;
    border: 0;
    border-radius: 50%;
}

#store div.quantity input[type="text"] {
    width: 32px;
    height: 24px;
    font-size: 12pt;
    font-weight: 700;
    color: #666;
    background: transparent;
    border: 0;
}

#store button.single_add_to_cart_button {
            margin: 20px 0;
            padding: 12px 20px;
            background: #ed207a;
            color: #FFF;
            border: 0;
            font-size: 11pt;
            font-family: 'Roboto-Regular';
            -webkit-transition: all .25s ease-in-out;
               -moz-transition: all .25s ease-in-out;
                 -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
        }
        #store button.single_add_to_cart_button:hover {
            background: #fd549e;
        }

/* Tabs */
#store div.woocommerce-tabs {

}

#store div.woocommerce-tabs > div {
    margin: 40px 0;
    padding: 20px;
    color: #aaa;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 1px rgba(0,0,0,.15);
}

#store div.woocommerce-tabs div h2 {
        margin: 20px 0 40px;
}

/* Description bloc (WP Content) */
#store div.woocommerce-tabs div div.description {
}

    #store div.woocommerce-tabs div div.description p {
            font-size: 14pt;
    }


/* Table */
#store div.woocommerce-tabs div table {

}

    #store div.woocommerce-tabs div table th {
        padding: 40px 20px;
        vertical-align: middle;
        font-size: 12pt;
        color: #ed207a;
    }

    #store div.woocommerce-tabs div table td {
        padding: 40px 20px;
    /*    vertical-align: middle;*/
    }

        #store div.woocommerce-tabs div table td p {
            padding: 0;
            margin: 0;
            font-size: 12pt;
            color: #888;
        }

/* Hide thr Woocommerce messages */
#store div.woocommerce-message {
    display: none;
}

/* Slick */
.slick-slide {
    text-align: center;
    height:450px;
}

.slick-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


.slick-slide img {
    display: inline-block;
    max-height: 100%;
    vertical-align: bottom;
}
.slick-slide:focus { outline: none; } /* Remove blue border arround slides */


ul.slick-dots li button:before {
    margin: 20px 0 10px 0;
    font-size: 10pt;
}

ul.slick-dots li.slick-active button:before {
    color: #ed207a;
}


/*
================================================== */


/* Cart
================================================== */


.woocommerce-cart div.entry-content-page {
    margin: 40px 0;
    padding: 20px;
    color: #aaa;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 1px rgba(0,0,0,.15);
}

.woocommerce-cart div.entry-content-page form.cart {
}


/* Table */
.woocommerce-cart div.entry-content-page form.cart table {

}
    /* remove woo border */
    .woocommerce-cart div.entry-content-page form.cart table.shop_table,
    .woocommerce-cart div.entry-content-page form.cart table.shop_table_responsive {
        border: none;
    }

    .woocommerce-cart div.entry-content-page form.cart table th {
        padding: 10px 20px;
        vertical-align: middle;
        font-size: 12pt;
        color: #ed207a;
    }

    .woocommerce-cart div.entry-content-page form.cart table td {
        padding: 40px 20px;
    /*    vertical-align: middle;*/
    }

        .woocommerce-cart div.entry-content-page form.cart table td p {
            padding: 0;
            margin: 0;
            font-size: 12pt;
            color: #888;
        }

/* Quantity */
.woocommerce-cart div.entry-content-page form.cart table div.quantity {
}

    .woocommerce-cart div.entry-content-page form.cart table div.quantity label {
        display: none;
    }

    .woocommerce-cart div.entry-content-page form.cart table div.quantity input[type="button"] {
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        color: white;
        font-weight: 700;
        background: #AAA;
        border: 0;
        border-radius: 50%;
    }



    .woocommerce-cart div.entry-content-page form.cart table div.quantity input[type="text"] {
        width: 32px;
        height: 24px;
        font-size: 12pt;
        font-weight: 700;
        color: #666;
        background: transparent;
        border: 0;
    }


.woocommerce-cart div.entry-content-page form.woocommerce-shipping-calculator {
        display: none; /* Hide the shipping calculator */
    }


.woocommerce-cart div.entry-content-page a.checkout-button {
            margin: 10px 0;
            padding: 12px 20px;
            background: #ed207a;
            color: #FFF;
            border: 0;
            font-size: 11pt;
            font-family: 'Roboto-Regular';
            -webkit-transition: all .25s ease-in-out;
               -moz-transition: all .25s ease-in-out;
                 -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
        }
        .woocommerce-cart div.entry-content-page a.checkout-button:hover {
            background: #fd549e;
        }

/* Coupon */
.woocommerce-cart div.coupon input.input-text {
    padding: 10px !important;
    width: 250px !important;
}

/* Shipping */
.woocommerce-cart ul#shipping_method {
    font-size: 14pt;
}

/*
================================================== */


/* Checkout
================================================== */

.woocommerce-checkout div.entry-content-page {
    margin: 40px 0;
    padding: 20px;
    color: #aaa;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 1px rgba(0,0,0,.15);
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    padding: 4px 8px;
    color: #777;
        font-size: 12pt;
        font-family: "Roboto-Regular";
/*        background: rgba(255,255,255,.75);*/
        background: white;
        border: 1px solid #aaa;
        border-radius: 2px;
}


.woocommerce-checkout input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

.woocommerce-checkout h3 {
    margin: 60px 0 20px 0;
}

.woocommerce-checkout h3,
.woocommerce-checkout h3 label {
    color: #555;
    font-family: "Roboto-Light";
    font-weight: 100;
}

.woocommerce-checkout div.entry-content-page div.place-order input[type="submit"] {
            margin: 10px 0;
            padding: 12px 20px;
            background: #ed207a;
            color: #FFF;
            border: 0;
            font-size: 11pt;
            font-family: 'Roboto-Regular';
            -webkit-transition: all .25s ease-in-out;
               -moz-transition: all .25s ease-in-out;
                 -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
        }
        .woocommerce-checkout div.entry-content-page div.place-order input[type="submit"]:hover {
            background: #fd549e;
        }

/*
================================================== */

/* Common
================================================== */


.bg-white { background: white; }
.bg-light-grey { background: #fafafa; }
.bg-blue-neon { background: #ed207a; }
.bg-pink { background: #2fcdef; }
.bg-blue-flat { background: #7e9dbd; }
.bg-blue-1 { background: #e2eaec; }
.bg-blue-2 { background: #dae4e8; }

.txt-white { color: white; }
.txt-black { color: black; }
.txt-dark-grey { color: #666; }
.txt-blue-neon { color: #2fcdef; }
.txt-pink { color: #ed207a; }

/*
================================================== */


/* Logo Slider
================================================== */

div.lgx-logo-item {
    height: 120px; /* to be changed if you have bigger images */
}

img.lgx-logo-img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*
================================================== */



/*
// ==================================================
// Responsive part
// ==================================================
*/

/* iPhone 5 and smaller */
@media only screen
and (max-width : 360px) {

    .navbar {
        height: auto;
    }

    .navbar ul li {
        text-align: center;
    }

     nav.navbar a.navbar-brand img {
        margin: 5px 0 0 0;
        height: 25px;
        width: auto;
    }

    nav.navbar li a.btn {
        width: 80%;
        margin: 16px 20px;
    }

    nav.navbar li div.cart-nav {
        margin: 20px 5px 20px 0;
    }

    #home section.section-top {
        height: 55 0px;
    }

    #home section.section-top h1 {
        padding: 0 15px;
        bottom: calc(50% - 150px);
        font-size: 22pt;
    }

    #home section.section-top img.logo {
        top: calc(50% - 200px);
        height: 120px;
    }

    #home section div.container {
        padding: 40px 0;
    }

    #home section div.markets a img {
        height: 30px;
        margin: 0;
    }

    #home section img.img-iphone {
        left: calc(50% - 75px);
        top: -15px;
        height: 400px;
    }

    #home section img.img-box {
        right: calc(50% - 35px);
        top: 150px;
        height: 280px;
    }

    #home section img.img-box-01 {
        right: calc(50% - 120px);
        top: 360px;
        width: 280px;
    }

     #home section img.box-wifi {
        position: absolute;
        left: 0;
        right: 0;
        top: 20px;
        margin: auto;
        height: 280px;
    }



#home section.section-mixed {
    height: auto;
    }

    #home section.section-mixed div.col-img {
        margin: 0;
        width: 100%;
        height: 250px;
    }

        #home section.section-mixed div.col-img img {
            height: 250px;
        }


    /* Woo */

    #store {
        padding: 0 0 80px 0;
    }

    #store div.product-bloc div {
        padding: 0;
    }

    #store div.product-bloc div.img {
        padding: 0 0 20px 0;
    }

    #store div.product-bloc div.quantity {
        padding: 12px 0;
    }

    #store div.woocommerce-tabs h2 {
        font-size: 16pt;
    }

    #store div.woocommerce-tabs div div.description p {
        font-size: 12pt;
    }

    #store div.woocommerce-tabs div table.table {
/*        margin: 0;*/
    }
    #store div.woocommerce-tabs div table.table th,
    #store div.woocommerce-tabs div table.table td {
        padding: 12px 4px;
        font-size: 10pt;
    }

    /* ----- */

}

@media only screen
and (min-width : 360px)
and (max-width : 768px) {

    .navbar {
        height: auto;
    }

    .navbar ul li {
        text-align: center;
    }

     nav.navbar a.navbar-brand img {
        margin: 5px 0 0 0;
        height: 25px;
        width: auto;
    }

    nav.navbar li a.btn {
        width: 80%;
        margin: 16px 20px;
    }

    nav.navbar li div.cart-nav {
        margin: 20px 5px 20px 0;
    }

#home section div.container {
    padding: 50px 0;
}

#home section.section-top {
    height: 55 0px;
}

    #home section.section-top h1 {
        padding: 0 15px;
        bottom: calc(50% - 150px);
        font-size: 22pt;
    }

    #home section.section-top img.logo {
        top: calc(50% - 220px);
        height: 150px;
    }

    #home section img.img-iphone {
        left: calc(50% - 60px);
        top: 0px;
        height: 400px;
    }

    #home section img.img-box {
        right: calc(50% - 35px);
        top: 150px;
        height: 20px;
    }
#home section img.img-box-01 {
        right: calc(50% - 100px);
        top: 360px;
        width: 280px;
        }
     #home section img.box-wifi {
        position: absolute;
        left: 0;
        right: 0;
        top: 20px;
        margin: auto;
        height: 320px;
    }

#home section.section-mixed {
    height: auto;
    }

    #home section.section-mixed div.col-img {
        margin: 0;
        width: 100%;
        height: 350px;
    }

        #home section.section-mixed div.col-img img {
            height: 350px;
        }

    /* Privacy */

    #privacy {
        padding: 20px;
    }

    #privacy section.main {
        margin: 0;
        padding: 0;
    }

    #privacy section.main p {
        font-size: 11pt;
         text-align: justify;
    }
    #privacy section.main li {
        font-size: 11pt;
    }

     #privacy section.main h1 {
        font-size: 16pt;
    }

    #privacy section.main h2 {
        font-size: 15pt;
    }

    #privacy section.main h3 {
        font-size: 12pt;
    }

    /* ----- */


    /* Woo */

    #store {
        padding: 0 0 80px 0;
    }

    #store div.product-bloc div {
        padding: 0;
    }

    #store div.product-bloc div.img {
        padding: 0 0 20px 0;
    }

    #store div.product-bloc div.quantity {
        padding: 12px 0;
    }

    #store div.woocommerce-tabs h2 {
        font-size: 16pt;
    }

    #store div.woocommerce-tabs div div.description p {
        font-size: 12pt;
    }

    #store div.woocommerce-tabs div table.table {
/*        margin: 0;*/
    }
    #store div.woocommerce-tabs div table.table th,
    #store div.woocommerce-tabs div table.table td {
        padding: 12px 4px;
        font-size: 10pt;
    }

    /* Coupon */
    .woocommerce-cart div.coupon {
        margin: 0 0 18px 0 !important;
    }

    .woocommerce-cart div.coupon input.input-text {
        margin: 0 0 4px 0 !important;
        padding: 10px !important;
        width: 100% !important;
    }

    .woocommerce-cart div.coupon input.button {
        width: 100% !important;
    }

    /* ----- */

}

@media only screen
and (max-width : 1224px) {


}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {



/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */

}

/* old Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}

/* old Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* old Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Android Tablet (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px) {
/* Styles */
}

/* Android Tablet (landscape) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (orientation : landscape) {
/* Styles */
}

/* Android Tablet (portrait) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px)
and (orientation : portrait) {
/* Styles */
}

/* Desire + Galaxy S2 (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px) {
/* Styles */
}

/* Desire + Galaxy S2 (landscape) ----------- */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : landscape) {
/* Styles */
}

/* Desire + Galaxy S2 (portrait) ----------- */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : portrait) {
/* Styles */
}