/*-----------------------------------------------------------------------------------*/

/*	    Pizzeria Rio
/*      Built with love by domeslife.com
/*-----------------------------------------------------------------------------------*/

body
{
    margin: 0;
    padding: 0;
    background: #FFF;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:hover
{
    text-decoration: none;
    cursor: pointer;
}

a,button
{
    outline: none!important;
}

/* Prevent ugly blue glow on chrome and safari */

a
{
    color: #FFFFFF!important;
}

a:hover
{
    color: #FFFFFF!important;
    text-decoration: none;
    cursor: pointer;
}

/* Globals type styling */

h1, h2, h3, h4, h5, h6, p, label, .btn, a
{
    font-family: Montserrat;
}

/* Site container width */

.container
{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* = Blocs
-------------------------------------------------------------- */

.bloc
{
    width: 100%;
    clear: both;
    background: 50% 50% no-repeat;
    padding: 0 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.bloc .container
{
    padding-left: 0;
    padding-right: 0;
}

/* Sizes */

.bloc-md
{
    padding: 10px;
}

.bloc-sm
{
    padding: 20px 50px;
}

/* Background Effects */

.b-parallax
{
    background-attachment: fixed;
}

/* Dark theme */

.d-bloc
{
    color: rgba(255,255,255,.7);
}

.d-bloc button:hover
{
    color: rgba(255,255,255,.9);
}

.d-bloc h1, .d-bloc h2, .d-bloc h3, .d-bloc h4,.d-bloc h5, .d-bloc h6, .d-bloc .ico
{
    color: rgba(255,255,255,.9);
}

.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b
{
    border-color: rgba(255,255,255,.9);
}

.d-bloc .divider-h span
{
    border-color: rgba(255,255,255,.2);
}

.d-bloc a
{
    color: rgba(255,255,255,.6);
}

.d-bloc a:hover
{
    color: rgba(255,255,255,1);
}

.d-bloc .navbar-toggle .icon-bar
{
    background: rgba(255,255,255,1);
}

.d-bloc .btn-wire,.d-bloc .btn-wire:hover
{
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}

.d-bloc .panel
{
    color: rgba(0,0,0,.5);
}

.d-bloc .panel button:hover
{
    color: rgba(0,0,0,.7);
}

.d-bloc .panel h1,.d-bloc .panel h2, .d-bloc .panel h3, .d-bloc .panel h4, .d-bloc .panel h5, .d-bloc .panel h6, .d-bloc .ico
{
    color: rgba(0,0,0,.7);
}

.d-bloc .panel icon
{
    border-color: rgba(0,0,0,.7);
}

.d-bloc .panel .divider-h span
{
    border-color: rgba(0,0,0,.1);
}

.d-bloc .panel a
{
    color: rgba(0,0,0,.6);
}

.d-bloc .panel a:hover
{
    color: rgba(0,0,0,1);
}

.d-bloc .panel .btn-wire, .d-bloc .panel .btn-wire:hover
{
    color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.3);
}

/* Light theme */

.l-bloc
{
    color: rgba(0,0,0,.5);
}

.l-bloc button:hover
{
    color: rgba(0,0,0,.7);
}

.l-bloc h1,.l-bloc h2,.l-bloc h3,.l-bloc h4,.l-bloc h5, .l-bloc h6, .l-bloc .ico
{
    color: rgba(0,0,0,.7);
}

.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b
{
    border-color: rgba(0,0,0,.7);
}

.l-bloc .divider-h span
{
    border-color: rgba(0,0,0,.1);
}

.l-bloc a
{
    color: rgba(0,0,0,.6);
}

.l-bloc a:hover
{
    color: rgba(0,0,0,1);
}

.l-bloc .navbar-toggle .icon-bar
{
    color: rgba(0,0,0,.6);
}

.l-bloc .btn-wire, .l-bloc .btn-wire:hover
{
    color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.3);
}

/* Row Margin Offsets */

.voffset
{
    margin-top: 30px;
}

/* Dividers */

.b-divider
{
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

/* Bloc text custom styling */

#hero-bloc h1
{
    font-weight: 400;
    font-family: Montserrat;
    font-size: 70px;
}

#hero-bloc h2
{
    font-weight: 400;
    font-family: Lobster;
    font-size: 34px;
}

#starters h3
{
    line-height: 38px;
    font-weight: 400;
    font-family: Lobster;
    font-size: 45px;
}

#starters h4
{
    font-size: 24px;
    line-height: 26px;
}

#pizza h3
{
    line-height: 38px;
    font-weight: 400;
    font-family: Lobster;
    font-size: 45px;
}

#pizza h5
{
    line-height: 15px;
}

#pizza h6
{
    font-size: 30px;
}

#pizza h4
{
    font-size: 24px;
    line-height: 26px;
}

#pasta h3
{
    line-height: 38px;
    font-weight: 400;
    font-family: Lobster;
    font-size: 45px;
}

#pasta h5
{
    line-height: 15px;
}

#pasta h6
{
    font-size: 30px;
}

#pasta h4
{
    font-size: 24px;
    line-height: 26px;
}

#dessert h3
{
    line-height: 38px;
    font-weight: 400;
    font-family: Lobster;
    font-size: 45px;
}

#dessert h4
{
    font-size: 24px;
    line-height: 26px;
}

#specials h3
{
    line-height: 38px;
    font-weight: 400;
    font-family: Lobster;
    font-size: 45px;
}

#specials h4
{
    font-size: 26px;
}

#specials h5
{
    font-size: 20px;
}

#specials p
{
    font-size: 22px;
    line-height: 25px;
}

#partners h3
{
    font-weight: 900;
    font-family: Montserrat;
}

#partners p
{
    font-size: 26px;
}

#hours h3
{
    font-weight: 700;
    font-family: Lobster;
    font-size: 45px;
}

#hours p
{
    font-size: 26px;
}

#contact h3
{
    font-size: 20px;
}

#panel-footer h4
{
    font-size: 16px;
    line-height: 19px;
}

#conditions p
{
    font-size: 20px;
    line-height: 28px;
}

/* = NavBar
-------------------------------------------------------------- */

.navbar
{
    margin-bottom: 0;
    z-index: 1;
}

.navbar-brand {
	height:auto;
	padding:15px 15px;
	font-size:25px!important;
	font-weight:normal;
	font-weight:600;
}

.navbar-brand img
{
    max-height: 200px;
    margin: 0 5px 0 0;
    display: inline;
}

.navbar-brand
{
    padding: 15px 15px;
}

.navbar .nav
{
    padding-top: 2px;
    margin-right: -16px;
    float: right;
    z-index: 1;
}

.nav > li
{
    float: left;
    margin-top: 4px;
    font-size: 16px;
}

.navbar-nav .open .dropdown-menu > li > a
{
    text-align: inherit;
}

.nav > li a:hover, .nav > li a:focus
{
    background: transparent;
}

.navbar-toggle
{
    margin: 10px 10px 0 0;
    border: 0px;
}

.navbar-toggle:hover
{
    background: transparent!important;
}

.navbar-toggle .icon-bar
{
    background-color: rgba(0,0,0,.5);
    width: 26px;
}

/* Inverted navbar */

.nav-invert .navbar .nav
{
    float: left;
}

.nav-invert .navbar-header, .nav-invert .navbar-brand
{
    float: right;
}

@media (min-width: 768px)
{
    .site-navigation
    {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
        -webkit-transform: translateY(-50%);
    }
    .nav-invert .site-navigation
    {
        left: 20px;
        right: 0;
    }
    .nav-center
    {
        text-align: center;
    }
    .nav-center .navbar-header
    {
        width: 100%;
    }
    .nav-center .navbar-header, .nav-center .navbar-brand, .nav-center .nav > li
    {
        float: none;
        display: inline-block;
    }
    .nav-center .site-navigation
    {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }
}

.nav > li > .dropdown a
{
    background: none!important;
    display: block;
    padding: 14px 15px;
}

nav .caret
{
    margin: 0 5px;
}

/* = Hero
-------------------------------------------------------------- */

.hero
{
    padding-top: 0;
}

.hero-nav
{
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
}

.v-center
{
    position: relative;
    height: inherit;
}

.v-center .vc-content
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.hero .btn-dwn
{
    width: 58px;
    height: 58px;
    line-height: 58px;
    margin: 0 0 0 -29px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    color: rgba(255,255,255,.8);
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 50%;
    bottom: 60px;
    border: 0;
}

.hero .btn-dwn:hover
{
    color: rgba(255,255,255,1);
}

.hero .hero-nav
{
    padding-left: inherit;
    padding-right: inherit;
}

/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear
{
    margin: 0;
}

.mg-sm
{
    margin-top: 10px;
    margin-bottom: 5px;
}

.mg-md
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.mg-lg
{
    margin-top: 10px;
    margin-bottom: 40px;
}

img.mg-sm,img.mg-md,img.mg-lg
{
    margin-top: 0;
}

img.mg-sm
{
    margin-bottom: 10px;
}

img.mg-md
{
    margin-bottom: 30px;
}

img.mg-lg
{
    margin-bottom: 50px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn
{
    margin: 0 5px 5px 0;
}

.btn.pull-right
{
    margin: 0 0 5px 5px;
}

.btn-d,.btn-d:hover,.btn-d:focus
{
    color: #FFF!important;
    background: rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */

button
{
    outline: none!important;
}

.dropdown a .caret
{
    margin: 0 0 0 5px;
}

/* = Icons
-------------------------------------------------------------- */

.icon-md
{
    font-size: 30px!important;
}

.icon-lg
{
    font-size: 60px!important;
}

.icon-rounded
{
    margin: 0 auto;
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 32px 30px 26px 30px;
    min-width: 80px;
}

.icon-round,.icon-md,.icon-square.icon-md,.icon-rounded.icon-md
{
    min-width: 92px;
}

.icon-round.icon-lg,.icon-square.icon-lg,.icon-rounded.icon-lg
{
    min-width: 122px;
}

.icon-round.icon-xl,.icon-square.icon-xl,.icon-rounded.icon-xl
{
    min-width: 162px;
}

/* = Text & Icon Styles
-------------------------------------------------------------- */

.sm-shadow
{
    text-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.lg-shadow
{
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
}

/* = Panels
-------------------------------------------------------------- */

.panel
{
    border: 0!important;
    box-shadow: 0 0 2px rgba(0,0,0,.4);
}

.panel-heading, .panel-footer
{
    background-color: inherit;
    border-color: rgba(0,0,0,.1)!important;
}

.panel-sq, .panel-sq .panel-heading, .panel-sq .panel-footer
{
    border-radius: 0;
}

.panel-rd
{
    border-radius: 30px;
}

.panel-rd .panel-heading
{
    border-radius: 29px 29px 0 0;
}

.panel-rd .panel-footer
{
    border-radius: 0 0 29px 29px;
}

/* Empty space fillers - Used on empty blocs to fill them out */

.empty-column,.empty-column.thin
{
    width: 100%;
    height: 350px;
    display: inline-block;
}

.empty-column
{
    height: 350px;
}

.empty-column.thin
{
    height: 150px;
}

/* iFrame */

iframe
{
    border: 0;
}

/* ScrollToTop button */

.scrollToTop
{
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    z-index: 500;
    transition: all .3s ease-in-out;
}

.scrollToTop span
{
    margin-top: 6px;
}

.showScrollTop
{
    font-size: 14px;
    opacity: 1;
}

/* = Custom Colour Styling
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-white
{
    background-color: #FFFFFF;
}

.bgc-black
{
    background-color: #000000;
}

/* Text colour styles */

.tc-taupe-gray
{
    color: #949494!important;
}

.tc-white
{
    color: #FFFFFF!important;
}

.tc-redwood
{
    color: #AD5056!important;
}

/* Icon colour styles */

.icon-white
{
    color: #FFFFFF!important;
    border-color: #FFFFFF!important;
}

/* Bloc image backgrounds */

.bg-img-pizza
{
    background-image: url("img/img-pizza.jpg");
}

.bg-img-pasta
{
    background-image: url("img/img-pasta.jpg");
}

.bg-img-pizza
{
    background-image: url("img/img-pizza.jpg");
}

.bg-img-pasta
{
    background-image: url("img/img-pasta.jpg");
}

.bg-img-tiramisu
{
    background-image: url("img/img-tiramisu.jpg");
}

/* = Mobile adjustments 
-------------------------------------------------------------- */

@media (max-width: 768px)
{
    .bloc
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .container
    {
        width: 100%;
    }
    .b-parallax
    {
        background-attachment: scroll;
    }
    .page-container, #hero-bloc
    {
        overflow-x: hidden;
        position: relative;
    }
/* Prevent unwanted side scroll on mobile */
}

@media (max-width: 767px)
{
    .page-container
    {
        overflow-x: hidden;
        position: relative;
    }
    h1,h2,h3,h4,h5,h6,p
    {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    #hero-bloc h1
    {
        font-size: 40px;
    }
    #hero-bloc h2
    {
        font-size: 34px;
    }
    #hero-bloc h3
    {
        font-size: 25px;
    }
    .bloc
    {
        padding-left: 0;
        padding-right: 0;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
    }
    .b-parallax
    {
        background-attachment: scroll;
    }
    .navbar .nav
    {
        padding-top: 0;
        border-top: 1px solid rgba(0,0,0,.2);
        float: none!important;
    }
    .navbar.row
    {
        margin-left: 0;
        margin-right: 0;
    }
    .site-navigation
    {
        position: inherit;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    .nav > li
    {
        margin-top: 0;
        border-bottom: 1px solid rgba(0,0,0,.1);
        background: rgba(0,0,0,.05);
        text-align: left;
        padding-left: 15px;
        width: 100%;
    }
    .nav > li:hover
    {
        background: rgba(0,0,0,.08);
    }
    #hero-bloc .navbar .nav
    {
        background: rgba(0,0,0,.8);
    }
    #hero-bloc .navbar .nav a
    {
        color: rgba(255,255,255,.6);
    }
    .hero
    {
        padding: 50px 0;
    }
    .hero-nav
    {
        left: -1px;
        right: -1px;
    }
    .navbar-collapse
    {
        padding: 0;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-brand img
    {
        max-height: 40px;
        width: auto;
        margin: -10px 10px 0 0;
    }
    .nav-invert .navbar-header
    {
        float: none;
        width: 100%;
    }
    .nav-invert .navbar-toggle
    {
        float: left;
    }
    .btn.pull-left, .btn.pull-right
    {
        float: none!important;
    }
    .bloc-group .bloc
    {
        display: block;
        width: 100%;
    }
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .bloc-xxl,.bloc-xl,.bloc-lg
    {
        padding: 40px 0;
    }
    .bloc-sm,.bloc-md
    {
        padding-left: 0;
        padding-right: 0;
    }
    .a-block
    {
        padding: 0 10px;
    }
    .btn-dwn
    {
        display: none;
    }
    .voffset
    {
        margin-top: 5px;
    }
    .voffset-md
    {
        margin-top: 20px;
    }
    .voffset-lg
    {
        margin-top: 30px;
    }
    form
    {
        padding: 5px;
    }
    .close-lightbox
    {
        display: inline-block;
    }
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
    {
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .video-bg-contianer
    {
        display: none;
    }
}

/* Alignment price list */

.price {
    float: right;
}