/* 
Theme Name: UROK: Responsive Multipurpose HTML5 Theme
Theme URI: http://urok.themirrorimages.eu
Author: TheMirrorImages
Author URI: http://www.themirrorimages.eu
Version: 1.4
*/



/*---------------------------------
TABLE OF CONTENTS: 
-----------------------------------

01 - FONTS
02 - COMMON STYLES
+ Color
+ Back to Top
+ Link
03 - TYPOGRAPHY
+ Heading
+ Address
+ Blockquote
+ Lead Body Copy
+ Lists
+ Title
+ Social Icons
04 - PAGE LOADER
05 - MARGIN & PADDING
06 - HEADER
+ Atribute Navigation
+ Logo
+ Megamenu Style
07 - MM MENU
08 - SECTION
09 - HEAD & PAGE TITLE
+ Home
+ Home Title
+ Animated Blinking Cursor
+ Scroll Info Animation
+ Head Size
+ Head Title
+ Breadcrumbs
10 - BACKGROUND IMAGE
11 - SWIPER SLIDER
12 - HALF SECTION SQUARE
13 - ELEMENTS
+ Buttons
+ Progress Bar
+ Counter
+ Tabs
+ Collapse
+ Pricing Tables
+ Text Widget
+ Text Boxes 8/4
+ Features Box
+ Team Call Action
+ Banner Image
14 - TEAM
15 - GALLERY
+ Items
+ Grid
+ Gap
16 - PORTFOLIO
+ Items
+ Grid
+ Gap
+ Filters
+ Single Project
17 - BLOG
+ List
+ Pagination
+ Sidebar
+ Comments
18 - LATEST NEWS
19 - OWL CAROUSEL
+ Team Theme
+ Testimonials Theme
+ Styling Pagination
+ Client Carousel
+ Testimonial Carousel
20 - HOVER EFFECT (PORTFOLIO, GALERY, BLOG LIST)
21 - GOOGLE MAPS
22 - FORMS
23 - CONTACT SECTION
24 - FOOTER
25 - FONT ICONS EXAMPLES
--------------------------------*/



/* -----------------------------------------------------------------------------------
01 FONTS
----------------------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700);


/* -----------------------------------------------------------------------------------
02 COMMON STYLES
----------------------------------------------------------------------------------- */

html{
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}
html,
body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
hr {
    border-top: 1px solid #e3e5e5;
    margin: 0;
}
a,
a:focus {
    color: #737d80;
    text-decoration: underline;
    -webkit-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);  
    -moz-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    -o-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
    -ms-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
}
a:hover {
    text-decoration: underline;
}
#wrapper {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    min-width: 320px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.check-media {
    display: none;
    width: 1581px;
    height: 0;
}
@media (max-width: 1579px) {
    .check-media {width: 1580px;}
}
@media (max-width: 1199px) {
    .check-media {width: 1200px;}
}
@media (max-width: 991px) {
    .check-media {width: 992px;}
}
@media (max-width: 767px) {
    .check-media {width: 768px;}
}

.zi1 {z-index: 1;}
.relative {position:relative;}
.js-height-100 {position: relative;}
.w100 {width: 100%;}
.h100 {height: 100%;}
.wh100 {width: 100%; height: 100%;}
html.no-mobile .mobiledisplay {display: none;}
.bottom-right-corner {
    position: absolute;
    right: 60px;
    bottom: 40px;
}
.os-animation {visibility: hidden;}
.os-animation.animated {visibility: visible;}
figure img {
    /*width: 100%;*/
    height: auto;
}

/* Back to Top */
.back-to-top {
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: -35px;
    right: 20px;
    background-color: #e3e5e5;
    opacity: 0;
    z-index: 8;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);  
    -moz-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    -o-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
    -ms-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
}
.back-to-top.display {
    opacity: 1;
    bottom: 0px;
}
a.back-to-top {
    color: #acbbbf;
    text-decoration: none;
}
a.back-to-top:hover {
    color: #fff;
    text-decoration: none;
}
.back-to-top {
    font-family: 'Glyphicons Halflings';
    font-size: 15px;
    line-height: 30px;
}
.back-to-top:before {
    font-family: 'Glyphicons Halflings';
    font-size: 15px;
    line-height: 30px;
}


/* -----------------------------------------------------------------------------------
06 HEADER
----------------------------------------------------------------------------------- */

#header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
nav.navbar.tminav {
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border: none;
    z-index: 9;
}
nav.navbar.tminav.white {
    background-color: #fff;
    border-bottom: 1px solid #e3e5e5;
}
nav.navbar.tminav.transparent {
    background-color: transparent;
    -webkit-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);  
    -moz-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    -o-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
    -ms-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
}
@media (max-width: 767px) {
    nav.navbar.tminav.transparent {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
}
nav.navbar.tminav.navbar-small-height {
    border-bottom: 0px solid #e3e5e5;
    -webkit-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);  
    -moz-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    -o-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
    -ms-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
}
nav.navbar.tminav .container {
    position: relative;
}

/* Atribute Navigation */
nav.navbar.tminav .attr-nav {
    float: right;
    line-height: 1;
    display: inline-block;
}
nav.navbar.tminav .attr-nav > ul {
    margin: 0;
}
nav.navbar.tminav .attr-nav > ul > li {
    float: left;
    display: block;
    margin-top: 43px;
    margin-left: 10px;
    -webkit-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);  
    -moz-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    -o-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
    -ms-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
}
nav.navbar.tminav .attr-nav > ul > li > a {
    display: block;
    padding: 12px 0;
    position: relative;
}
@media (max-width: 767px) {
    nav.navbar.tminav .attr-nav {
        position: absolute;
        margin: 0;
        top: 11px;
        right: 15px;
    }    
    nav.navbar.tminav .attr-nav > ul > li {
        margin: 0;
    }
    nav.navbar.tminav .attr-nav > ul > li > a {
        padding: 12px;
    }
}
/* */

nav.navbar.tminav .hamburger-menu {
    width: 15px;
    height: 13px;
    display: block;
    background: center center no-repeat transparent;
    background-image: url("../images/hamburger.png");
}
nav.navbar.tminav .hamburger-menu-left.white {
    width: 15px;
    height: 13px;
    display: block;
    background: center center no-repeat transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpi+k8BYGFgYGBkIBMwMVAAQDb/p0TzqLPp5WyAAAMATpY+5QkhtbcAAAAASUVORK5CYII=');
}
nav.navbar.tminav .hamburger-menu-left,
nav.navbar.tminav.navbar-small-height .hamburger-menu-left.white {
    width: 15px;
    height: 13px;
    display: block;
    background: center center no-repeat transparent;
    background-image: url('../images/home/bgReceita.png');
}

/* Logo */
nav.navbar.tminav .navbar-brand {
    margin-top: 7px; /* 109px - height logo */
    margin-left: 0;
    padding: 0;
}
nav.navbar.tminav .navbar-brand img.logo {
    height: 0px;  /* Height logo */
}

@media (max-width: 767px) {
    nav.navbar.tminav .navbar-header {
        height: 60px;
        float: none;
        display: block;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }    
    nav.navbar.tminav .navbar-toggle {
        position: absolute;
        border: none;
    }    
    nav.navbar.tminav .navbar-brand {
        position: absolute;
        height: 100%;
        top: 0;
        left: 50%;
        left: 40%;
        margin: 0;
        padding: 7px;
    }
    nav.navbar.tminav .navbar-brand img.logo {
        height: 45px;
    }
}

@media (min-width: 768px) {
    nav.navbar.tminav.navbar-small-height .attr-nav > ul > li {
        margin-top: 0px;
    }
    nav.navbar.tminav.navbar-small-height .attr-nav > ul > li > a {
        padding: 24px 0;
    }

    nav.navbar.tminav.navbar-small-height .navbar-brand {
        margin-top: 15.5px;
		margin-top: 1.5px;
        height: auto;
    }
    nav.navbar.tminav.navbar-small-height .navbar-brand img.logo {
        width: auto;
        height: 30px;
    }
}
/* */

nav.navbar.tminav .navbar-collapse {
    height: auto;
    border-bottom: 0px solid rgba(255, 255, 255, 0.0);
    
}
nav.navbar.tminav.transparent .navbar-collapse {
    border-bottom: 0px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
    nav.navbar.tminav .navbar-collapse {
        border: 0;
        border-top: 0px solid #e3e5e5;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
    }
}

/* Megamenu Style */
nav.navbar.tminav .dropdown.megamenu-fw {
    position: static;
}
nav.navbar.tminav .megamenu-fw .dropdown-menu {
    left: auto;
}
nav.navbar.tminav .megamenu-content {
    padding: 15px !important;
    width: 100% !important;
}
nav.navbar.tminav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

@media (max-width: 767px) {
    nav.navbar.tminav .megamenu-content {
        padding: 0 !important;
    }
}
/* */

nav.navbar.tminav ul.nav.navbarright {
    float: right !important;
}
nav.navbar.tminav ul.nav > li {
    /*-webkit-transition: all 0.1s cubic-bezier(0.0, 0.0, 0.3, 1.0);  
    -moz-transition: all 0.1s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    -o-transition: all 0.1s cubic-bezier(0.0, 0.0, 0.3, 1.0);
    -ms-transition: all 0.1s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    transition: all 0.1s cubic-bezier(0.0, 0.0, 0.3, 1.0);*/
}
nav.navbar.tminav ul.nav > li > a {
    letter-spacing: 1px;  
    text-decoration: none;
    background-color: transparent;
    
}

nav.navbar.tminav.white ul.nav > li > a {
    color: #353c3e;
}

@media (max-width: 767px) {
    nav.navbar.tminav ul.nav.navbarright {
        float: none !important;
        margin: 0;
    }
    nav.navbar.tminav ul.nav > li {
        margin: 0;
        border-top: 1px solid #e3e5e5;
    }
    nav.navbar.tminav ul.nav > li:first-child {
        border-top: 0;
    }
    nav.navbar.tminav ul.nav > li > a {
        padding: 12px;
    }
    nav.navbar.tminav.transparent ul.nav > li > a {
        color: #353c3e;
    }
    nav.navbar.tminav ul.nav > li > a{      
        color: #353c3e;
    }
    nav.navbar.tminav ul.nav > li > a:hover {
        color: #353c3e;
        background-color: transparent;
    }
}

@media (min-width: 768px) {
    nav.navbar.tminav.navbar-small-height ul.nav > li {
        margin-top: 0px;
    }
}

nav.navbar.tminav .dropdown .dropdown-menu {
    font-size: 13px;
    min-width: 200px;
    background-color: #fff;
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

@media (min-width: 768px) {
    nav.navbar.tminav .dropdown .dropdown-menu {
        border: 1px solid #e3e5e5;
        border-top: 1px solid;
    }
}

nav.navbar.tminav .dropdown .dropdown-menu.dm-right {
    right: 0;
    left: auto;
}
nav.navbar.tminav .dropdown-menu li a {
    display: block;
    padding: 12px;
    line-height: 1;
    color: #353c3e;
    text-decoration: none;   
    white-space: normal;
}
nav.navbar.tminav .dropdown-menu li a:hover {
    font-weight: 600;
    text-decoration: none;
    background-color: #f0f2f2;
}
nav.navbar.tminav ul.nav > li.dropdown > a.dropdown-toggle:after {
    font-family: 'FontAwesome';
    content: "\f107";
    margin-left: 5px;
    margin-top: 2px;
}
nav.navbar.tminav .dropdown-menu .col-menu .megamenu-title {
    font-weight: 700;
    padding: 12px;
    color: #737d80;
}
nav.navbar.tminav .navbar-nav > .open > a,
nav.navbar.tminav .navbar-nav > .open > a:hover,
nav.navbar.tminav .navbar-nav > .open > a:focus {
    background-color: transparent;
}

@media (max-width: 767px) {  
    nav.navbar.tminav .dropdown-menu li a:hover {
        font-weight: 400;
        background-color: transparent;
    }
    nav.navbar.tminav li.dropdown > ul.dropdown-menu > li > a,
    nav.navbar.tminav li.dropdown ul.menu-col > li > a,
    nav.navbar.tminav li.dropdown .col-menu > .megamenu-title {
        padding: 12px 36px;
    }
}


/* Pagination */
.pagination {
    position: relative;
    float: right;
    margin-top: 40px;
    margin-bottom: 0px;
}
.pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pagination ul li {
    display: inline-block;
    float:left;
    padding: 0 4px 4px 0;
}
.pagination ul li a {
    line-height: 40px;
    font-weight: 400;
    color: #353c3e;
    background-color: #f5f7f7;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);  
    -moz-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    -o-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
    -ms-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0); 
    transition: all 0.3s cubic-bezier(0.0, 0.0, 0.3, 1.0);
}
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li.active a {
    color: #fff;
}
.pagination ul li.no-active a:hover,
.pagination ul li.no-active a:focus {
    color: #353c3e;
    background-color: #f5f7f7;
}