/*

	DEFAULT

----------- */
body{
	font-family: 'Futura PT', sans-serif;
	color:#000;
    background-color:#f7f7f7;
    font-weight:300;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#222;
}
a, button{
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.animo{
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
ul{
	margin:0;
	padding:0;
}
::-webkit-input-placeholder{
  	color:#bbb;
}
:-ms-input-placeholder{ 
	color: #bbb;
}
::placeholder{
  	color: #bbb;
}
.wrap{
    width:100%;
    overflow-x:hidden;
}

/*

    H-TAGS

---------- */
h2{
    font-family:'Domaine Disp';
    font-weight:600;
    font-size:32px;
    line-height:1.1;
    text-align:center;
}
h2.h2-invert{
    color:#fff;
}
h3{
    font-family:'Domaine Disp';
    font-weight:600;
    font-size:34px;
    line-height:1.1;
    text-align:center;
    margin:0 0 30px 0;
}
h4{
    text-align:center;
    margin:0 0 -16px 0;
    position:relative;
    z-index:1;
}
h4 span{
    background-color:#000;
    font-size:12px;
    line-height:12px;
    text-decoration:none;
    color:#fff;
    padding:10px 45px;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:bold;
}
@media(min-width:1200px){
    h2{
        font-size:42px;
    }
    h3{
        font-size:50px;
    }
    h4{
        margin:0 0 30px 0;
    }
    h4 span{
        font-size:16px;
        line-height:16px;
    }
}

/*

    BUTTONS

----------- */
.btn-one{
    display:inline-block;
    background-color:#fff;
    color:#000;
    padding:10px 40px;
    border:solid 2px #000;
    border-radius:30px;
    text-transform:uppercase;
    font-size:14px;
    line-height:14px;
    font-weight:600;
    letter-spacing:2px;
}
.btn-one:hover{
    background-color:#000;
    color:#fff;
}
.btn-one-invert{
    background-color:#000;
    color:#fff;
    border-color:#fff;
}
.btn-one-invert:hover{
    background-color:#333;
    color:#fff;
}

/*

	IMAGE BACKGROUNDS

--------------------- */
.bg-center{
	background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.bg-top{
	background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.bg-contain{
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
    background-repeat:no-repeat;
}

/*

    HEADER

__________ */
#header{
    background-color:#fff;
    padding:20px 15px;
}
#header .logo img{
    display:inline-block;
    width:130px;
}
.icon-header{
    font-size:24px;
    line-height:24px;
    display:inherit;
}
.header-nav-item{
    display:none;
}
@media(min-width:992px){
    #header{
        padding:30px 0;
    }
    #header .logo img{
        width:170px;
    }
    #header .nav-items{
        position:relative;
    }
    #header .nav-items .items{
        position:absolute;
        right:45px;
        top:0;
    }
    .header-nav-item{
        display:inline-block;
        text-transform:uppercase;
        padding:0 15px;
    }
}

/*

    CAROUSEL BASIC

------------------ */
.carousel-basic-container{
    position:relative;
}
.carousel-label{
    position:absolute;
    top:-17px;
    left:0;
    right:0;
    text-align:center;
    z-index:1;
}
.carousel-label span{
    background-color:#000;
    font-size:12px;
    line-height:12px;
    text-decoration:none;
    color:#fff;
    padding:10px 45px;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:bold;
}
.carousel-basic .slick-dots{
    bottom:-30px;
}
.carousel-basic .slick-dots li{
    width:auto;
    height:auto;
    margin:0 5px;
}
.carousel-basic .slick-dots li button{
    width:auto;
    height:auto;
}
.carousel-basic .slick-dots li button:before{
    border:solid 3px #000;
    opacity:1;
    color:transparent;
    width:10px;
    height:10px;
    border-radius:50%;
}
.carousel-basic .slick-dots li.slick-active button:before{
    background-color:#000;
    opacity:1;
}
@media(min-width:768px){
    .carousel-label{
        width:50%;
    }
    .carousel-label-right{
        left:auto;
        right:0;
    }
    .carousel-label-yellow span{
        background-color:#f8d857;
        color:#000;
    }
    .carousel-basic .slick-dots{
        bottom:-45px;
    }
}
@media(min-width:1200px){
    .carousel-label span{
        font-size:16px;
        line-height:16px;
    }
}

/*

    BOXES

--------- */
.box-img{
    height:300px;
    position:relative;
}
.box-text{
    background-color:#fff;
}
.box-text p{
    font-size:16px;
    line-height:1.2;
    padding:15px 30px 0 30px;
    text-align:center;
    width:100%;
    max-height:55px;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.box-text-invert{
    background-color:#000;
}
.box-text-invert p{
    color:#fff;
}
.box-text .content{
    padding:45px 15px;
}
.box-text .btn-one{
    margin-top:30px;
}
.box-img .label{
    position:absolute;
    top:-17px;
    left:0;
    right:0;
    text-align:center;
    z-index:1;
}
.box-img .label span{
    background-color:#000;
    font-size:12px;
    line-height:12px;
    text-decoration:none;
    color:#fff;
    padding:10px 45px;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:bold;
}
@media(min-width:768px){
    .box-text .content{
        padding:60px 30px;
    }
    .box-img{
        height:auto;
    }
}
@media(min-width:992px){
    .box-text .content{
        padding:90px 60px;
    }
    .box-text p{
        overflow:visible !important;
        max-height:100%;
        display: block;
    }
}
@media(min-width:1200px){
    .box-text p{
        font-size:18px;
    }
}

/*
    
    SCROLL BOXES

---------------- */
.swiper .slick-list{
    padding:0 30% 0 0 !important;
}
.box-swiper{
    min-height:150px;
    background-color:#fff;
    margin:0 15px 0 15px;
    display:block;
    position:relative;
}
.box-swiper span{
    display:block;
}
.box-swiper .image{
    height:200px;
}
.box-swiper .info{
    background-color:#fff;
    padding:20px 30px;
}
.box-swiper .info b{
    font-size:18px;
    line-height:1.2;
    margin-bottom:15px;
    display:block;
    font-weight:600;
}
.box-swiper .info p{
    font-weight:300;
    line-height:1.2;
    font-size:16px;
    display:block;
}
.box-swiper .label{
    position:absolute;
    top:-17px;
    left:0;
    right:0;
    text-align:center;
    z-index:1;
}
.box-swiper .label span{
    background-color:#f8d857;
    font-size:16px;
    line-height:16px;
    text-decoration:none;
    color:#000;
    padding:10px 30px;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:600;
}
@media(min-width:768px){
    .swiper .slick-list{
        padding:0 20% 0 0 !important;
    }
}
@media(min-width:992px){
    .swiper .slick-list{
        padding:0 15% 0 0 !important;
    }
}
@media(min-width:1200px){
    .box-swiper{
        margin:0 0 45px 0;
    }
}

/*
    
    BOX WIDE

------------ */
.box-wide,
.box-wide span{
    display:block;
}
.box-wide .image{
    height:320px;
}
.box-wide .title{
    padding:30px 60px;
    text-align:center;
    text-align:center;
    font-weight:600;
    font-size:20px;
    line-height:1.2;
    background-color:#fff;
}
@media(min-width:768px){
    .box-wide{
        margin:0 15px;
    }
}
@media(min-width:1200px){
    .box-wide{
        margin:0 0 30px 0;
    }
}

/*

    GOOGLE BANNERS

------------------ */
.ga-banner{
    padding:30px;
    margin:0 0 30px 0;
}
.ga-md,
.ga-lg{
    display:none;
}
@media(min-width:768px){
    .ga-banner{
        padding:15px 0;
        margin:0;
    }
    .ga-xs{
        display:none;
    }
    .ga-md{
        display:inline-block;
    }
}
@media(min-width:992px){
    .ga-md{
        display:none;
    }
    .ga-lg{
        display:inline-block;
    }
}

/*

    NEWSLETTER

-------------- */
#newsletter{
    background-color:#f7d957;
    padding:45px 30px;
    margin-top:45px;
}
#newsletter .title{
    font-size:28px;
    line-height:1;
    font-weight:600;
    margin-bottom:15px;
}
#newsletter .text{
    font-size:14px;
    line-height:1.2;
    margin-bottom:60px;
}
#newsletter .input{
    position:relative;
}
#newsletter .input input{
    background-color:#fff;
    border:none;
    height:40px;
    border-radius:40px;
    width:100%;
    padding:0 15px;
}
#newsletter .input button{
    border:none;
    height:30px;
    position:absolute;
    top:5px;
    right:5px;
    border-radius:30px;
    background-color:#000;
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
    line-height:30px;
    padding:0 15px;
}
@media(min-width:768px){
    #newsletter .text{
        font-size:18px;
    }
    #newsletter .input input{
        border-radius:0;
    }
    #newsletter .input button{
        position:relative;
        top:auto;
        right:auto;
        display:inline-block;
        font-size:14px;
        line-height:14px;
        height:auto;
        margin-top:15px;
        padding:10px 30px;
    }
}
@media(min-width:992px){
    #newsletter{
        padding:60px 0;
    }
}

/*

    SECTIONS

------------ */
.section{
    padding:30px 15px;
}
#home-recipes{
    padding-left:0;
    padding-right:0;
}
#home-recipes .container-fluid{
    padding:0;
}
.section-swiper{
    padding-left:0;
    padding-right:0;
}
.section-swiper .container{
    max-width:100%;
}
#swiper-sweets .box-swiper .info b{
    margin:0;
    text-align:center;
    font-size:14px;
}
#home-cities .box-swiper{
    margin-top:18px;
}
@media(min-width:768px){
    .section{
        padding:45px 0;
    }
    #home-recipes{
        padding-left:15px;
        padding-right:15px;
    }
}
@media(min-width:992px){
    .section{
        padding:60px 0;
    }
}
@media(min-width:1200px){
    .section{
        padding:90px 0 45px 0;
    }
    .section-swiper .container,
    #home-recipes .container-fluid{
        max-width:1140px;
    }
}
@media(min-width:1400px){
    .section-swiper .container,
    #home-recipes .container-fluid{
        max-width:1320px;
    }
}


/*

    FOOTER

---------- */
footer{
    padding:60px 45px 15px 45px;
}
footer .column{
    margin:0 0 30px 0;
}
footer .logo{
    width:150px;
    margin-bottom:60px;
}
footer .title{
    color:#000;
    font-size:16px;
    line-height:16px;
    font-weight:600;
    text-transform:uppercase;
    margin:0 0 15px;
    letter-spacing:2px;
}
footer a{
    color:#c2c2c2;
    font-size:16px;
    line-height:1.2;
    display:block;
    margin:0 0 15px 0;
    font-size:normal;
    letter-spacing:1px;
}
@media(min-width:992px){
    footer{
        padding:60px 0 45px 0;
    }
}
@media(min-width:1200px){
    footer{
        padding:90px 0 60px 0;
    }
}

/*

    BOTTOM ROW

-------------- */
#bottom-row{
    background-color:#fff;
    padding:30px;
}
#bottom-row a{
    display:inline-block;
    background-color:#cd4746;
    color:#fff;
    margin:0 10px;
    height:40px;
    line-height:42px;
    width:40px;
    border-radius:50%;
    text-align:center;
    font-size:24px;
}
@media(min-width:1200px){
    #bottom-row a{
        margin:0 15px;
    }
}