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

	Theme Name: Cartel
	Type: Layout css
	Author: UDTHEMES
	Author URI: http://udthemes.com

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

	CSS TOB: 

	1. COMMONS
	2. STRUCTURAL
	3. TYPO & LINKS
	4. MISC
	5. REQUIRED
	6. WPML
		
---------------------------------------------------------*/


/*--------------------------------------------------------
	1.COMMON
--------------------------------------------------------*/

header, nav, section, article, aside, footer {
    display: block;
}

body {
    letter-spacing: -0.03em;
    font: 13px/19px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #333!important;
    padding: 0;
    margin: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    overflow-x: hidden; 
}

a img {
    border: none;
}

ul {

}
li {
	margin: 5px;
}
li span {
	margin-right: 10px;
	color: #73abc0;
}

/*--------------------------------------------------------
	2.STRUCTURAL 
--------------------------------------------------------*/


/*----------------------------
	i.-- Header
	-----------------------------*/


/*Wrappers
	----------------------------*/

#header-wrapper {
    width: 100%;
    background: transparent;!important;
    position: relative;
    margin-top: 10px;
}

#header-wrapper #header-inner {
    max-width: 870px;
    height: 100px;
    margin: auto;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    background: transparent!important;
}


/*Logo
		----------------------------*/

header #logo {
    height: 100px;
    float: left;
    display: table;
}

header #logo img {
    max-height: 60px;
}

header #logo a {
    display: table-cell;
    vertical-align: middle;
}

header #logo a:hover {
    opacity: 0.8;
}

header #logo a:active {
    position: relative;
    top: 1px;
}


/*Main menu
		----------------------------*/

header nav#primary-nav ul {
    max-width: 700px;
    position: relative;
    list-style: none;
    float: right;
    font-size: 13px;
    margin: 28px 0 0 0;
}

header nav#primary-nav ul.mobile-navigation {
    width: 100%;
    max-width: 100%;
}

header nav#primary-nav ul li {
    float: left;
    margin: 0 0 0 25px;
    line-height: 45px;
    position: relative;
}

header nav#primary-nav ul li:last-child {
    padding-right: 0;
}

header nav#primary-nav ul li a {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-decoration: none;
    padding: 5px 0;
}

header nav#primary-nav ul li:hover .sub-menu {
    /*display:block;*/
}

header nav#primary-nav ul li a:hover {
    color: #ff0000;
}

header nav#primary-nav ul li.current-menu-item a, header nav#primary-nav ul li.current_page_item a {
    color: #000;
}


/*Sub menu*/

header nav#primary-nav ul li ul.sub-menu, header nav#primary-nav ul li ul.children {
    min-width: 90px;
    float: left;
    position: absolute;
    top: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    margin: 0 0 0 -20px;
    color: #ccc;
    display: none;
    z-index: 101;
    white-space: nowrap;
    padding: 15px 20px;
}

header nav#primary-nav ul li ul.sub-menu li, header nav#primary-nav ul li ul.children li {
    float: none;
    position: relative;
    z-index: 101;
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 26px;
}

header nav#primary-nav ul li ul.sub-menu li a, header nav#primary-nav ul li ul.children li a {
    text-transform: none;
    font: 13px/26px Arial, Helvetica, sans-serif;
    color: #999;
}

header nav#primary-nav ul li ul.sub-menu li a:hover, header nav#primary-nav ul li ul.children li a:hover {
    color: #fff;
}

header nav#primary-nav ul li ul.sub-menu li.current-menu-item a, header nav#primary-nav ul li ul.children li.current_page_item a {
    color: #fff;
}

header nav#primary-nav ul li.current-menu-ancestor a, header nav#primary-nav ul li.current_page_parent a {
    color: #000;
}


/* Mobile menu toggle
		----------------------------*/

header .mobileMenuToggle {
    height: 26px;
    width: 100%;
    float: left;
    text-align: center;
    display: none;
    margin: 19px auto 15px auto;
}

header .mobileMenuToggle a, #header-wrapper #header-inner header .mobileMenuToggle.open a {
    width: 26px;
    height: 26px;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -13px;
}

header .mobileMenuToggle a {
    background: url(../images/ui/mobileMenu-toggle.png) center 0 no-repeat;
}

header .mobileMenuToggle.open a {
    background: url(../images/ui/mobileMenu-toggle.png) center -26px no-repeat;
}


/* Tablet Landscape menu
		----------------------------*/

#header-wrapper #header-inner.is_tablet {
    height: auto;
    overflow: hidden;
}

#header-wrapper #header-inner.is_tablet header #logo {
    margin: auto;
    float: none;
}

#header-wrapper #header-inner.is_tablet .mobileMenuToggle {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 0;
}

header nav#primary-nav ul.mobile-navigation {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    padding-bottom: 5px;
    display: none;
    line-height: 20px;
}

header nav#primary-nav ul.mobile-navigation li {
    margin: 10px 0;
    float: none;
    line-height: 20px;
    position: static;
}

header nav#primary-nav ul.mobile-navigation li a {
    padding: 0;
}

header nav#primary-nav ul.mobile-navigation li:first-child {
    margin-top: 0px;
}


/*Sub menu*/

header nav#primary-nav ul.mobile-navigation li ul.sub-menu {
    background: url(../images/ui/sub-menu-indicator.png) center 0 no-repeat;
    border-bottom: 1px solid #f6f6f6;
    border-top: 1px solid #f6f6f6;
    color: #ccc;
    display: block !important;
    opacity: 1 !important;
    float: none;
    margin: 14px auto;
    padding: 10px 0;
    position: inherit;
    top: auto;
    white-space: normal;
    width: 100%;
    z-index: auto;
}

header nav#primary-nav ul.mobile-navigation li:last-child ul.sub-menu {
    border-bottom: none;
    padding-bottom: 0;
}

header nav#primary-nav ul.mobile-navigation li ul.sub-menu li, header nav#primary-nav ul.mobile-navigation li ul.children li {
    float: none;
    margin: 7px 0;
    padding: 0;
    width: 100%;
    line-height: 15px;
}

header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a {
    padding: 0;
}

header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a:hover {
    color: #666;
}

header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a {
    color: #000;
}

header nav#primary-nav ul.mobile-navigation li ul.children li.current-menu-item a, header nav#primary-nav ul.mobile-navigation li ul.children li.current_page_item a {
    color: #000;
}

header nav#primary-nav ul.mobile-navigation li ul.children li.current-menu-item a:hover, header nav#primary-nav ul.mobile-navigation li ul.children li.current_page_item a:hover {
    color: #000;
}

header nav#primary-nav ul.mobile-navigation li.current-menu-ancestor a, header nav#primary-nav ul.mobile-navigation li.current_page_parent a {
    color: #000;
}


/*----------------------------
	ii.-- Content
	-----------------------------*/


/*Wrappers
	----------------------------*/

#content-wrapper {
    width: 100%;
    margin-bottom: 50px;
    min-height: 300px;
    height: auto !important;
    height: 400px;
}

#content-wrapper section.homepage {
    width: 870px;
    margin: auto;
}

#content-wrapper section.pages {
    max-width: 870px;
    margin: auto;
}

#content-wrapper section.portfolio {
    width: 870px;
    margin: auto;
}

.single-udt_portfolio #content-wrapper section.pages {
    margin-bottom: 50px;
}

#content-wrapper section.slider-full-width {
    max-width: 100%;
    margin: auto;
}

#content-wrapper.grid-layout {
    margin-bottom: 0;
}


/*Section-title & teaser
	----------------------------*/

#section-title {
    max-width: 870px;
    padding-bottom: 35px;
    margin: 0 auto 35px auto;
    border-bottom: 1px solid #eee;
}

#teaser {
    font: 20px/30px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 0 auto 50px auto;
}


/*Homepage
	----------------------------*/


/*Grid*/

#content-wrapper section.homepage #grid {
    width: 876px;
    overflow: hidden;
    margin-left: -6px;
    position: relative;
    z-index: 1;
}

#content-wrapper section.homepage #grid .thumb-type-1 {
    width: 286px !important;
    height: 196px!important;
}

#content-wrapper section.homepage #grid .thumb-type-2 {
    width: 286px!important;
    height: 398px!important;
}

#content-wrapper section.homepage #grid .thumb-type-3 {
    width: 578px!important;
    height: 398px!important;
}

#content-wrapper section.homepage #grid .thumb-type-4 {
    width: 578px!important;
    height: 196px!important;
}

#content-wrapper section.homepage #grid .thumb-type-5 {
    max-width: 100%;
}

#content-wrapper section.homepage .pages {
    margin-bottom: 50px;
}

#content-wrapper section.homepage #grid .thumb-type-1, #content-wrapper section.homepage #grid .thumb-type-2, #content-wrapper section.homepage #grid .thumb-type-3, #content-wrapper section.homepage #grid .thumb-type-4, #content-wrapper section.homepage #grid .thumb-type-4 {
    float: left;
    overflow: hidden;
    margin: 0 0 6px 6px;
}


/*Portfolio Filter */

.portfolio-filter-wrapper {
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 30px;
    font-size: 15px;
}

.portfolio-filter-wrapper-below-content {
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
}

.portfolio-filter-wrapper a {
    color: #ff0000;
}

.portfolio-filter-wrapper a.active {
    color: #999999;
}


/*Navigation*/

#folio-navigation {
    max-width: 870px;
    height: 40px;
    position: relative;
    margin: auto;
}

#folio-navigation ul {
    float: none;
    margin: 0;
    list-style: none;
    /*display:none;*/
}

#folio-navigation ul li {
    margin: 0;
}

#folio-navigation ul li#closeProject a {
    width: 40px;
    height: 40px;
    background: #000 url(../images/ui/projects-close.png) 0 50% no-repeat;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 1) url(../images/ui/projects-close.png) 0 50% no-repeat;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -60px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#folio-navigation ul li#closeProject a:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#folio-navigation ul li#nextProject a {
    width: 40px;
    height: 40px;
    background: #000 url(../images/ui/projects-direction-nav.png) 0 -40px no-repeat;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 1) url(../images/ui/projects-direction-nav.png) 0 -40px no-repeat;
    float: right;
    text-indent: -9999px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#folio-navigation ul li#nextProject a:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#folio-navigation ul li#prevProject a {
    width: 40px;
    height: 40px;
    background: #000 url(../images/ui/projects-direction-nav.png) 0 0 no-repeat;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 1)url(../images/ui/projects-direction-nav.png) 0 0 no-repeat;
    float: left;
    text-indent: -9999px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#folio-navigation ul li#prevProject a:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#folio-navigation ul li#nextProject.disabled {
    filter: alpha(opacity=30);
    opacity: 0.3;
    width: 40px;
    height: 40px;
    background: #000 url(../images/ui/projects-direction-nav.png) 0 -40px no-repeat;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 1) url(../images/ui/projects-direction-nav.png) 0 -40px no-repeat;
    float: right;
}

#folio-navigation ul li#prevProject.disabled {
    filter: alpha(opacity=30);
    opacity: 0.3;
    width: 40px;
    height: 40px;
    background: #000 url(../images/ui/projects-direction-nav.png) 0 0 no-repeat;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 1)url(../images/ui/projects-direction-nav.png) 0 0 no-repeat;
    float: left;
}


/*Portfolio
	----------------------------*/


/*Full-width featured image*/

.featured-media-container {
    max-width: 870px;
    height: 490px;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}

.featured-media-container img {
    max-width: 100%;
    height: auto;
}

.featured-media-container .video, .featured-media-container .flexslider {
    margin-bottom: 0px;
    height: 490px;
}

.featured-media-container .column-featured-half {
    width: 50%;
    float: left;
}

.featured-media-container .column-featured-half img {
    max-width: 100%;
    height: auto;
}

.single-udt_portfolio .pages .featured-media-container:last-child {
    margin-bottom: 0;
}


/*Portfolio grid*/

#content-wrapper section.pages #grid-folio {
    width: 876px;
    overflow: hidden;
    margin-left: -6px;
    position: relative;
    z-index: 1;
}

#content-wrapper section.pages #grid-folio .thumb {
    width: 286px;
    height: 196px;
}

#content-wrapper section.pages #grid-folio .thumb {
    overflow: hidden;
    margin: 0 0 6px 6px;
}

#content-wrapper section.pages #grid-folio .thumb a img {
    position: relative;
    z-index: -1;
}


/*Page
	-----------------------------*/

.page-with-sidebar-featured-media {
    width: 605px;
    height: auto;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
}

.page-with-sidebar-featured-media .thumb {
    width: 605px;
    margin-bottom: 0px;
}

.page-with-sidebar-featured-media img {
    max-width: 100%;
    height: auto;
}

.page-with-sidebar-featured-media .video, .page-with-sidebar-featured-media .flexslider {
    margin-bottom: 0px;
    height: 340px;
}


/*Blog
	----------------------------*/


/*Blog layout:grid*/

#content-inner-blog-grid {
    max-width: 870px;
    overflow: hidden;
}

#content-inner-blog-grid #blog-grid-container {
    max-width: 915px;
    margin-left: -45px;
}

#content-inner-blog-grid #blog-grid-container article {
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
    padding-bottom: 0px;
}

#content-inner-blog-grid #blog-grid-container article.sticky .blog-post-grid-content-inner {
    float: left;
    background: #f6f6f6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content-inner-blog-grid #blog-grid-container article.blog-post:last-child {
    margin-bottom: 50px;
}


/*Content*/

.blog-post-grid-content {
    max-width: 257px;
    margin-left: 45px;
    float: left;
    position: relative;
}

.blog-post-grid-content .blog-post-featured-media {
    width: 257px;
    margin-bottom: 30px;
    float: left;
    overflow: hidden;
    position: relative;
}

.blog-post-grid-content .blog-post-featured-media .thumb {
    width: 257px;
    margin-bottom: 0;
}

.blog-post-grid-content h2, .blog-post-grid-content h2 span, .blog-post-grid-content h2 a {
    font-size: 35px;
    line-height: 33px;
    margin-bottom: 0px;
    color: #000;
    display: inline-block;
    width: 100%;
}

.blog-post-grid-content .blog-post-meta {
    width: 100%;
    float: left;
    color: #999;
    margin-bottom: 10px;
    font-size: 11px;
}


/*Blog layout:standard*/

.content-inner-left {
    width: 605px;
    float: left;
    margin: 0 45px 0 0;
}

.content-inner-right {
    width: 605px;
    float: right;
    margin: 0 0 0 45px;
}

article.blog-post {
    margin-bottom: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}

article.blog-post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}


/*Content*/

.blog-post-content {
    width: 100%;
    float: left;
}

.blog-post-content .blog-post-featured-media {
    width: 605px;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.blog-post-content .blog-post-featured-media .thumb {
    width: 605px;
    margin-bottom: 0px;
}

.blog-post-content .blog-post-featured-media img {
    max-width: 100%;
    height: auto;
}

.blog-post-content .blog-post-featured-media .video, .blog-post-content .blog-post-featured-media .flexslider {
    margin-bottom: 0px;
    height: 340px;
}

.blog-post-content .blog-post-title {
    color: #000;
    width: 100%;
    font-size: 30px;
}

.blog-post-content .blog-post-title a {
    color: #000;
}

.blog-post-content .blog-post-title a:hover {
    color: #ff0000;
}

.blog-post-content .video {
    margin-bottom: 30px;
}

.blog-post-content .video video, .blog-post-content .video iframe, .blog-post-content .video object, .blog-post-content .video embed, .blog-post-content .video div {
    width: 100%;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.blog-post-content p {
    margin-bottom: 20px;
}

.blog-post-content p:last-child {
    margin-bottom: 0px;
}


/*Date*/

.blog-post-meta-date {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -46.5px;
    width: 48px;
    float: left;
    color: #000;
    background: #fff;
    padding: 5px;
    font-family: 'Oswald', sans-serif;
}

.blog-post-meta-date span.month {
    font-size: 25px;
    line-height: 25px;
}

.blog-post-meta-date span.day {
    font-size: 45px;
    line-height: 34px;
}

.blog-post-meta-date span.year {
    font-size: 25px;
    line-height: 18px;
}


/*Meta*/

.blog-post-content .blog-post-meta {
    width: 100%;
    float: left;
    color: #999;
    margin-bottom: 15px;
    font-size: 11px;
}

.blog-post-content .blog-post-meta a, .blog-post-content .blog-post-meta span {
    text-decoration: none;
    font-weight: bold;
}

.blog-post-content .blog-post-meta a:hover {
    text-decoration: underline;
}

.blog-post-content .blog-post-read-more {
    margin-bottom: 0px;
    float: left;
    clear: both;
}


/*Sticky post*/

article.blog-post.sticky {
    padding-bottom: 0;
    border-bottom: none;
}

.sticky .blog-post-content {
    background: #f6f6f6;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sticky .blog-post-content .blog-post-featured-media, .sticky .blog-post-content .blog-post-featured-media .thumb {
    width: 550px;
}

.sticky .blog-post-content .blog-post-featured-media .video, .sticky .blog-post-content .blog-post-featured-media .flexslider {
    height: 309px;
}


/*Comments*/

section#comments {
    margin-bottom: 0;
    overflow: hidden;
}

section#comments h2#comments-title, section#comments h3#reply-title {
    font-size: 35px;
    line-height: 30px;
    margin-bottom: 50px;
    color: #000;
}

section#comments h3#reply-title small {
    font-size: 11px;
    text-transform: none;
}

section#comments ol.comment-list {
    float: left;
    list-style: none;
    margin: 0;
    width: 100%;
}


/*Comment styling*/

section#comments ol.comment-list li.comment .commentary {
    padding-left: 100px;
}

section#comments ol.comment-list li.comment .commentary .comment-author {
    font: 20px/20px 'BebasNeueRegular', Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 2px;
    color: #999;
}

section#comments ol.comment-list li.comment .commentary .comment-author span {
    font-family: 'BebasNeueRegular', Arial, sans-serif;
    font-weight: normal;
}

section#comments ol.comment-list li.comment .commentary .comment-meta {
    width: 100%;
    float: left;
    color: #999;
    margin-bottom: 20px;
    font-size: 11px;
}

section#comments ol.comment-list li.comment .commentary .comment-meta a {
    color: #666;
    font-weight: normal;
}

section#comments ol.comment-list li.comment .commentary .comment-meta a:hover {
    text-decoration: underline;
}

section#comments ol.comment-list li.comment .commentary p {
    /*margin-bottom:0;*/
}

section#comments ol.comment-list li.comment .comment-avatar {
    position: relative;
    width: 60px;
    height: 60px;
    position: relative;
    overflow: hidden;
    border: 3px solid #000;
}

section#comments ol.comment-list li.comment .comment-avatar, section#comments ol.comment-list li.comment .comment-avatar img {
    float: left;
    overflow: hidden;
}

section#comments ol.comment-list li.comment .comment-avatar img {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    -ms-interpolation-mode: bicubic;
    vertical-align: baseline;
}


/*Margins-padding-borders*/

section#comments ol.comment-list li.comment {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

section#comments ol.comment-list li.comment:last-child {
    padding-bottom: 30px;
    margin-bottom: 50px;
}

section#comments ol.comment-list li.pingback {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

section#comments ol.comment-list li.pingback:last-child {
    padding-bottom: 30px;
    margin-bottom: 50px;
}

section#comments ol.comment-list li ul.children li {
    width: 505px;
}

section#comments ol.comment-list li ul.children {
    float: left;
    margin: 30px 0 0 100px;
    padding-top: 30px;
    list-style: none;
    border-top: 1px solid #e2e2e2;
}

section#comments ol.comment-list li ul.children li {
    margin-bottom: 30px;
    padding: 0 0 30px 0;
}

section#comments ol.comment-list li ul.children li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}


/*Comment form*/

section#comments #respond {
    float: left;
    width: 100%;
}

#commentform {
    overflow: hidden;
}

#commentform ul, #commentform ul li {
    margin-bottom: 0;
}

#commentform .form-submit #submit {
    float: left;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff !important;
    background: #e70000;
    text-decoration: none;
    padding: 10px 24px;
    border: 0;
    cursor: pointer;
    outline: 0;
    margin: 0;
    -webkit-appearance: none;
    border-bottom: 0 !important;
    border-radius: 3px;
    text-shadow: none;
}


/*Post navigation*/

.blog-post-navigation {
    width: 100%;
    margin-bottom: 50px;
}

.blog-post-navigation #previous-post {
    float: left;
}

.blog-post-navigation #next-post {
    float: right;
}

.blog-post-navigation #previous-post a, .blog-post-navigation #next-post a {
    text-decoration: none;
}

.blog-post-navigation #previous-post a:hover, .blog-post-navigation #next-post a:hover {
    text-decoration: underline;
}


/*Pagination*/

.pagination {
    float: left;
    width: 100%;
}

#content-inner-blog-grid .pagination {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    padding-top: 50px;
    border-top: 1px solid #eee;
}

.pagination ul {
    list-style: none;
    margin: 0;
}

.pagination ul li {
    float: left;
    margin-right: 5px;
}

.pagination ul li a {
    width: 20px;
    height: 20px;
    float: left;
    text-align: center;
    line-height: 22px;
    border: 1px solid #e2e2e2;
    color: #666;
}

.pagination ul li a:hover {
    border: 1px solid #e70000;
    background: #e70000;
    color: #fff;
}

.pagination ul li a.active {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

.pagination ul li a.active:hover {
    background: #666;
    border: 1px solid #666;
}


/*Sidebar*/

aside.sidebar {
    width: 220px;
    float: left;
    overflow: hidden;
}


/*Widget: widget_recent_entries,widget_archive,widget_categories,widget_meta,widget_pages*/

aside.sidebar ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

aside.sidebar ul li {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e6e6;
}

aside.sidebar ul li:last-child {
    margin: 0px;
    padding: 0px;
    border: none !important;
}

aside.sidebar ul li h4.widget-title {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}

aside.sidebar ul li h4.widget-title span {
    font-size: 20px;
    line-height: 20px;
}

aside.sidebar ul li h4.widget-title, aside.sidebar ul li h4.widget-title span {
    color: #999;
}

aside.sidebar ul li ul {
    list-style: none;
}

aside.sidebar ul li ul li {
    margin-bottom: 5px;
    padding: 0;
    border: none !important;
}

aside.sidebar ul li ul li:last-child {
    margin: 0 !important;
}

aside.sidebar ul li ul li a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
    width: 100%;
}

aside.sidebar ul li ul li a:hover {
    color: #e70000;
    text-decoration: underline;
}

aside.sidebar ul li ul li p.date {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
}

aside.sidebar img {
    max-width: 100%;
    height: auto;
}

aside.sidebar select {
    max-width: 100%;
}


/*Widget:text*/

.widget_text p:last-child {
    margin-bottom: 0px;
}


/*Widget: social*/

.widget_text ul.socialSmall {
    float: none;
    list-style: none;
    margin: 0;
    overflow: hidden;
    display: table;
}

.widget_text ul.socialSmall li {
    display: inline;
    width: auto;
}

.widget_text ul.socialSmall li a {
    width: 32px;
    height: 32px;
    margin-right: 5px;
}

.widget_text ul.socialSmall li:last-child a {
    margin-right: 0px;
}


/*Widget: rss*/

aside.sidebar ul li.widget_rss ul li {
    margin-bottom: 15px;
}

.widget_rss .rsswidget {
    font-size: 14px;
}

.widget_rss .rss-date {
    display: block;
    margin-bottom: 5px;
    font-style: italic;
}


/*Widget:search*/

.widget_search #searchform input#s {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #fff;
    color: #999;
    border: 1px solid #e6e6e6;
    color: #999;
    font: 13px/18px Arial, Helvetica, sans-serif;
}

.widget_search #searchform input#s:hover {
    background-color: #fff;
    color: #999;
    border: 1px solid #e6e6e6;
}

.widget_search #searchform input#s:focus {
    background-color: #fff;
    color: #999;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

#searchsubmit {
    margin-bottom: 0px;
}


/*Widget:tag cloud*/

.widget_tag_cloud a {
    display: block;
    float: left;
    font-size: 12px !important;
    margin: 0 10px 10px 0;
    padding: 3px 8px;
}

.widget_tag_cloud a {
    background: #f6f6f6;
    color: #999;
}

.widget_tag_cloud a:hover {
    background: #000;
    color: #fff;
}


/*Widget:calendar*/

.widget_calendar {
    float: left;
    width: 100%;
}

#wp-calendar {
    border-spacing: 3px;
    margin-bottom: 0px;
}

.widget_calendar #wp-calendar {
    width: 100%;
}

.widget_calendar #wp-calendar caption {
    text-align: right;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: bold;
}

.widget_calendar #wp-calendar thead {
    font-size: 10px;
}

.widget_calendar #wp-calendar thead th {
    padding-bottom: 10px;
}

.widget_calendar #wp-calendar tbody {
    color: #999;
}

.widget_calendar #wp-calendar tbody td {
    background: #f6f6f6;
    text-align: center;
    line-height: 30px;
}

.widget_calendar #wp-calendar tbody td:hover {
    background: #000;
    color: #fff;
}

.widget_calendar #wp-calendar tbody .pad {
    background: none;
}

.widget_calendar #wp-calendar tbody td.pad:hover {
    background: none;
}

.widget_calendar #wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}

.widget_calendar #wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}

.widget_calendar #wp-calendar a {
    color: #ff0000;
    text-decoration: none;
    line-height: 30px;
    display: block;
}


/*Widget:tag menu*/

.widget_nav_menu .menu li ul.sub-menu {
    display: block !important;
    padding-left: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 10px 0;
}

.pagination .nav-previous {
    float: left;
}

.pagination .nav-next {
    float: right;
}


/*Contact
	----------------------------*/

.contactForm {
    margin-bottom: 0;
    overflow: hidden;
}

.contact p {
    font: 15px/18px Arial, Helvetica, sans-serif;
    text-align: center;
}

.loading-animation {
    float: left;
    width: 24px;
    height: 24px;
    background: url(../images/ui/ajax-loader-white.gif) no-repeat center center;
}

#map_canvas {
    margin-bottom: 50px;
}

.udt_honey {
    display: none;
}


/*Form elements
	----------------------------*/

.form p {
    margin-bottom: 0;
}

.commentform {
    margin-bottom: 50px;
    overflow: hidden;
}

.text-field {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    margin-bottom: 20px;
}

.text-field, textarea {
    background-color: #fff;
    color: #999;
    border: 1px solid #ccc!important;
    color: #999;
    font: 13px/18px Arial, Helvetica, sans-serif;
    border-radius: 3px;
}

.text-field:hover, textarea:hover {
    background-color: #fff;
    color: #999;
    border: 1px solid #e6e6e6;
}

.text-field:focus, textarea:focus {
    background-color: #fff;
    color: #999;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

textarea {
    width: 100%;
    min-height: 200px;
    padding: 20px;
    margin-bottom: 20px;
    overflow: auto;
    resize: none;
}

.text-field, textarea {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.submitForm {
    margin-bottom: 0;
}

#msg {
    float: left;
    min-height: 24px;
}

#msg img {
    float: left;
    display: block;
}

.errorOutline {
    border: 1px solid #ff0000 !important;
}

.errorMsg {
    color: #ff0000 !important;
}


/*----------------------------
	iii.-- Footer
	-----------------------------*/


/*Wrappers
	----------------------------*/

#footer-wrapper {
    width: 90%;
    position: relative;
    bottom: 0;
    margin: 200px auto 0 auto;
}

#footer-wrapper #footer-top {
    max-width: 870px;
    margin: auto;
    padding: 50px 0 0;
    margin-bottom: 0px;
}

#footer-wrapper #footer-top footer .column-footer-widget {
    margin-bottom: 0 !important;
}

#footer-wrapper #footer-bottom {
    width: 100%;
}

#footer-wrapper #footer-bottom #footer-bottom-inner-wrapper {
    max-width: 100%;
    margin: auto;
    height: 120px;
    background: none;
    text-align: center;
    display: table;
}

#footer-wrapper #footer-bottom #footer-bottom-inner-wrapper footer {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

#footer-wrapper #footer-bottom #footer-bottom-inner-wrapper footer p.footer-copyright {
    margin: 3px 0 0;
    font-size: 11px;
}

#footer-wrapper #footer-top footer .column-footer-widget h4.widget-title {
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 20px;
}

#footer-wrapper #footer-top footer .column-footer-widget h4.widget-title span {
    font-size: 25px;
    line-height: 27px;
}

#footer-wrapper #footer-top footer .column-footer-widget h4.widget-title, #footer-wrapper #footer-top footer .column-footer-widget h4.widget-title span {
    color: #999;
}

#footer-wrapper #footer-top footer .column-footer-widget p {
    margin-bottom: 20px;
}


/*Widgets: widget_recent_entries,widget_archive,widget_categories,widget_meta,widget_pages*/

.footer-widget {
    width: 100%;
    margin: 0;
}

#footer-wrapper #footer-top footer .column-footer-widget p:last-child {
    margin-bottom: 0;
}

.footer-widget li {
    margin: 0 0 50px 0;
}

.footer-widget li ul {
    list-style: none;
    margin: 0;
}

.footer-widget li ul li {
    margin-bottom: 5px;
    padding: 0;
    border: none !important;
    margin-bottom: 5px;
    padding: 0;
    border: none;
}

.footer-widget li ul li:last-child {
    margin: 0 !important;
}

.footer-widget a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
    width: 100%;
}

.footer-widget a:hover {
    color: #e70000;
    text-decoration: underline;
}

.footer-widget p.date {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
}


/*Back to top*/

#footer-wrapper #footer-bottom footer .back-to-top {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    background: url(../images/ui/to-top.png);
    margin-top: 10px;
}


/*Social*/

#footer-wrapper #footer-bottom ul.connect {
    float: none;
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    display: table;
    line-height: 23px;
    text-align: center;
}

#footer-wrapper #footer-bottom ul.connect li {
    display: inline-block;
}

#footer-wrapper #footer-bottom ul.connect li a {
    background-repeat: no-repeat;
    float: left;
    height: 22px;
    float: left;
    color: #999;
    text-transform: uppercase;
    font-size: 11px;
    margin-right: 15px;
    opacity: 0.7;
    filter: alpha(opacity=80);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#footer-wrapper #footer-bottom ul.connect li a:hover {
    float: left;
    color: #333;
    opacity: 0.3;
}

#footer-wrapper #footer-bottom ul.connect li:last-child a {
    margin-right: 0px;
}

ul.connect li a.pinterest {
    background-image: url(../images/ui_shortcodes/social/pinterest-small.png);
    padding-left: 24px;
}

ul.connect li a.twitter {
    background-image: url(../images/ui_shortcodes/social/twitter-small.png);
    padding-left: 24px;
}

ul.connect li a.facebook {
    background-image: url(../images/ui_shortcodes/social/facebook-small.png);
    padding-left: 20px;
}

ul.connect li a.skype {
    background-image: url(../images/ui_shortcodes/social/skype-small.png);
    padding-left: 24px;
}

ul.connect li a.forrst {
    background-image: url(../images/ui_shortcodes/social/forrst-small.png);
    padding-left: 23px;
}

ul.connect li a.googleplus {
    background-image: url(../images/ui_shortcodes/social/googleplus-small.png);
    padding-left: 26px;
}

ul.connect li a.flickr {
    background-image: url(../images/ui_shortcodes/social/flickr-small.png);
    padding-left: 27px;
}

ul.connect li a.myspace {
    background-image: url(../images/ui_shortcodes/social/myspace-small.png);
    padding-left: 27px;
}

ul.connect li a.vimeo {
    background-image: url(../images/ui_shortcodes/social/vimeo-small.png);
    padding-left: 26px;
}

ul.connect li a.dribbble {
    background-image: url(../images/ui_shortcodes/social/dribbble-small.png);
    padding-left: 25px;
}

ul.connect li a.linkedin {
    background-image: url(../images/ui_shortcodes/social/linkedin-small.png);
    padding-left: 26px;
}

ul.connect li a.youtube {
    background-image: url(../images/ui_shortcodes/social/youtube-small.png);
    padding-left: 27px;
}

ul.connect li a.vine {
    background-image: url(../images/ui_shortcodes/social/vine-small.png);
    padding-left: 25px;
}

ul.connect li a.spotify {
    background-image: url(../images/ui_shortcodes/social/spotify-small.png);
    padding-left: 25px;
}

ul.connect li a.rss {
    background-image: url(../images/ui_shortcodes/social/rss-small.png);
    padding-left: 27px;
}

ul.connect li a.instagram {
    background-image: url(../images/ui_shortcodes/social/instagram-small.png);
    padding-left: 26px;
}

ul.connect li a.github {
    background-image: url(../images/ui_shortcodes/social/github-small.png);
    padding-left: 27px;
}

ul.connect li a.behance {
    background-image: url(../images/ui_shortcodes/social/behance-small.png);
    padding-left: 27px;
}

ul.connect li a.deviantart {
    background-image: url(../images/ui_shortcodes/social/deviantart-small.png);
    padding-left: 28px;
}

ul.connect li a.soundcloud {
    background-image: url(../images/ui_shortcodes/social/soundcloud-small.png);
    padding-left: 27px;
}

ul.connect li a.tumblr {
    background-image: url(../images/ui_shortcodes/social/tumblr-small.png);
    padding-left: 23px;
}

ul.connect li a.android {
    background-image: url(../images/ui_shortcodes/social/android-small.png);
    padding-left: 27px;
}

ul.connect li a.apple {
    background-image: url(../images/ui_shortcodes/social/apple-small.png);
    padding-left: 27px;
}

ul.connect li a.windows {
    background-image: url(../images/ui_shortcodes/social/windows-small.png);
    padding-left: 27px;
}

ul.connect.white li a.pinterest {
    background-image: url(../images/ui_shortcodes/social/pinterest-small-white.png);
    padding-left: 24px;
}

ul.connect.white li a.twitter {
    background-image: url(../images/ui_shortcodes/social/twitter-small-white.png);
    padding-left: 24px;
}

ul.connect.white li a.facebook {
    background-image: url(../images/ui_shortcodes/social/facebook-small-white.png);
    padding-left: 20px;
}

ul.connect.white li a.skype {
    background-image: url(../images/ui_shortcodes/social/skype-small-white.png);
    padding-left: 24px;
}

ul.connect.white li a.forrst {
    background-image: url(../images/ui_shortcodes/social/forrst-small-white.png);
    padding-left: 23px;
}

ul.connect.white li a.googleplus {
    background-image: url(../images/ui_shortcodes/social/googleplus-small-white.png);
    padding-left: 26px;
}

ul.connect.white li a.flickr {
    background-image: url(../images/ui_shortcodes/social/flickr-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.myspace {
    background-image: url(../images/ui_shortcodes/social/myspace-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.vimeo {
    background-image: url(../images/ui_shortcodes/social/vimeo-small-white.png);
    padding-left: 26px;
}

ul.connect.white li a.dribbble {
    background-image: url(../images/ui_shortcodes/social/dribbble-small-white.png);
    padding-left: 25px;
}

ul.connect.white li a.linkedin {
    background-image: url(../images/ui_shortcodes/social/linkedin-small-white.png);
    padding-left: 26px;
}

ul.connect.white li a.youtube {
    background-image: url(../images/ui_shortcodes/social/youtube-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.vine {
    background-image: url(../images/ui_shortcodes/social/vine-small-white.png);
    padding-left: 25px;
}

ul.connect.white li a.spotify {
    background-image: url(../images/ui_shortcodes/social/spotify-small-white.png);
    padding-left: 25px;
}

ul.connect.white li a.rss {
    background-image: url(../images/ui_shortcodes/social/rss-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.instagram {
    background-image: url(../images/ui_shortcodes/social/instagram-small-white.png);
    padding-left: 26px;
}

ul.connect.white li a.github {
    background-image: url(../images/ui_shortcodes/social/github-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.behance {
    background-image: url(../images/ui_shortcodes/social/behance-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.deviantart {
    background-image: url(../images/ui_shortcodes/social/deviantart-small-white.png);
    padding-left: 28px;
}

ul.connect.white li a.soundcloud {
    background-image: url(../images/ui_shortcodes/social/soundcloud-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.tumblr {
    background-image: url(../images/ui_shortcodes/social/tumblr-small-white.png);
    padding-left: 23px;
}

ul.connect.white li a.android {
    background-image: url(../images/ui_shortcodes/social/android-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.apple {
    background-image: url(../images/ui_shortcodes/social/apple-small-white.png);
    padding-left: 27px;
}

ul.connect.white li a.windows {
    background-image: url(../images/ui_shortcodes/social/windows-small-white.png);
    padding-left: 27px;
}


/*----------------------------
	iv.-- Media
	-----------------------------*/

img {
    max-width: 100%;
    height: auto;
}

.map {
    word-wrap: normal;
}

.map img {
    max-width: none;
}


/*Images*/

.display-image {
    position: relative;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
}

.display-image, .display-image a {
    color: #fff;
    border-color: #fff;
}

.display-image img {
    max-width: 100%;
    height: auto;
    line-height: 0;
    display: block;
    position: relative;
    z-index: 0;
    display: block;
}

.linked-display-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}


/*Caption*/

.caption {
    width: 60%;
    position: absolute;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*Caption position:left*/

.caption.top-left {
    top: 50px;
    left: 50px;
    bottom: auto;
    right: auto;
    text-align: left;
    float: left;
}

.caption.bottom-left {
    bottom: 50px;
    left: 50px;
    right: auto;
    top: auto;
    text-align: left;
    float: left;
}


/*Caption position:right*/

.caption.top-right {
    top: 50px;
    right: 50px;
    left: auto;
    bottom: auto;
    text-align: right;
    float: right;
}

.caption.bottom-right {
    bottom: 50px;
    right: 50px;
    left: auto;
    top: auto;
    text-align: right;
    float: right;
}


/*Caption position:center*/

.centered-caption-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.caption-table {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.caption-table .caption-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.caption.center, .caption.center-left, .caption.center-right {
    position: relative;
}

.caption.center {
    text-align: center;
    width: 100%;
    margin: auto;
}

.caption.center-left {
    left: 50px;
}

.caption.center-right {
    right: 50px;
    text-align: right;
    float: right;
}

.caption .caption-table-cell .caption {
    text-align: center;
    margin: auto;
}

.caption p .submit:last-child {
    margin-bottom: 0;
}


/*Caption type: single border*/


/*.display-image .single-border{}*/


/*sizes & font*/

.display-image .single-border .size-1 {
    font-size: 100px;
    line-height: 75px;
}

.display-image .single-border .size-2 {
    font-size: 80px;
    line-height: 60px;
}

.display-image .single-border .size-3 {
    font-size: 60px;
    line-height: 45px;
}

.display-image .single-border .size-4 {
    font-size: 50px;
    line-height: 40px;
}

.display-image .single-border .size-5 {
    font-size: 40px;
    line-height: 30px;
}

.display-image .single-border .size-6 {
    font-size: 30px;
    line-height: 25px;
}

.display-image .single-border .variation {
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.display-image .single-border p {
    font: 15px/20px Arial, Helvetica, sans-serif;
}


/*positioning*/

.display-image .single-border.top-left, .display-image .single-border.bottom-left, .display-image .single-border.center-left {
    border-left: 10px solid;
    padding-left: 20px;
}

.display-image .single-border.top-right, .display-image .single-border.bottom-right, .display-image .single-border.center-right {
    border-right: 10px solid;
    padding-right: 20px;
}

.display-image .single-border.center {
    border-top: 10px solid;
    padding-top: 20px;
}


/*Caption type: elegant*/

.display-image .elegant {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
}


/*sizes & font*/

.display-image .elegant .size-1 {
    font-size: 65px;
    line-height: 49px;
}

.display-image .elegant .size-2 {
    font-size: 50px;
    line-height: 38px;
}

.display-image .elegant .size-3 {
    font-size: 40px;
    line-height: 30px;
}

.display-image .elegant .size-4 {
    font-size: 35px;
    line-height: 28px;
}

.display-image .elegant .size-5 {
    font-size: 30px;
    line-height: 22px;
}

.display-image .elegant .size-6 {
    font-size: 25px;
    line-height: 20px;
}

.display-image .elegant .variation {
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.display-image .elegant p {
    font: 15px/20px Arial, Helvetica, sans-serif;
}


/*Caption type: boxed background*/

.display-image .boxed {
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
}


/*sizes & font*/

.display-image .boxed .size-1 {
    font-size: 28px;
    line-height: 24px;
}

.display-image .boxed .size-2 {
    font-size: 25px;
    line-height: 20px;
}

.display-image .boxed .size-3 {
    font-size: 22px;
    line-height: 19px;
}

.display-image .boxed .size-4 {
    font-size: 19px;
    line-height: 17px;
}

.display-image .boxed .size-5 {
    font-size: 16px;
    line-height: 13px;
}

.display-image .boxed .size-6 {
    font-size: 13px;
    line-height: 12px;
}

.display-image .boxed .variation {
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.display-image .boxed p {
    font: 15px/20px Arial, Helvetica, sans-serif;
}


/*colors*/

.display-image .boxed {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.display-image .boxed span {
    color: #fff;
}

.display-image .boxed.black {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

.display-image .boxed.black span {
    color: #000;
}


/*Caption type: striped  */


/*.display-image .striped{}*/


/*sizes & font*/

.display-image .striped .size-1 {
    font-size: 100px;
    line-height: 100px;
}

.display-image .striped .size-2 {
    font-size: 80px;
    line-height: 80px;
}

.display-image .striped .size-3 {
    font-size: 60px;
    line-height: 60px;
}

.display-image .striped .size-4 {
    font-size: 50px;
    line-height: 50px;
}

.display-image .striped .size-5 {
    font-size: 40px;
    line-height: 40px;
}

.display-image .striped .size-6 {
    font-size: 30px;
    line-height: 30px;
}

.display-image .striped .size-1, .display-image .striped .size-2, .display-image .striped .size-3, .display-image .striped .size-4, .display-image .striped .size-5, .display-image .striped .size-6 {
    width: auto;
    margin-bottom: 3px;
    padding: 12px 20px;
    font-family: inherit;
    display: inline-block;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.display-image .striped .variation {
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}


/*colors*/

.display-image .striped span {
    background: #000;
    background: rgb(0, 0, 0);
    color: #fff;
}

.display-image .striped a span {
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

.display-image .striped a:hover span {
    background: rgb(218, 28, 40);
    color: #fff;
}


/*positioning*/

.display-image .striped.top-left span, .display-image .striped.bottom-left span {
    float: left;
}

.display-image .striped.top-right span, .display-image .striped.bottom-right span {
    float: right;
}


/*Caption type: centered  */


/*.display-image .impact{}*/


/*sizes & font*/

.display-image .impact .size-1 {
    font-size: 100px;
    line-height: 82px;
}

.display-image .impact .size-2 {
    font-size: 80px;
    line-height: 62px;
}

.display-image .impact .size-3 {
    font-size: 70px;
    line-height: 52px;
}

.display-image .impact .size-4 {
    font-size: 60px;
    line-height: 42px;
}

.display-image .impact .size-5 {
    font-size: 50px;
    line-height: 32px;
}

.display-image .impact .size-6 {
    font-size: 40px;
    line-height: 22px;
}

.display-image .impact .variation {
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.display-image .impact p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 200;
    font-family: "Source Sans Pro", sans-serif;
}


/*Caption Sizes*/

.display-image .size-1, .display-image .size-2, .display-image .size-3, .display-image .size-4, .display-image .size-5, .display-image .size-6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-align: inherit;
    width: 100%;
    display: inline-block;
}

.display-image .size-1 {
    margin-bottom: 20px;
}

.display-image .size-2 {
    margin-bottom: 18px;
}

.display-image .size-3 {
    margin-bottom: 16px;
}

.display-image .size-4 {
    margin-bottom: 14px;
}

.display-image .size-5 {
    margin-bottom: 12px;
}

.display-image .size-6 {
    margin-bottom: 10px;
}

.caption p {
    margin-bottom: 20px;
}

.caption >:last-child {
    margin-bottom: 0px !important;
}

.display-image .submit {
    float: none;
}


/*Thumbs - Epic Hover*/

.thumb {
    position: relative;
    overflow: hidden;
    line-height: 0;
    margin-bottom: 30px;
}

.thumb a {
    float: left;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 0;
    text-decoration: none;
    filter: inherit;
}

.thumb img, .thumb a img {
    width: inherit;
    max-width: 100%;
    height: auto;
    display: block;
    position: relative;
    filter: inherit;
}

.thumb img.animationImage {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.thumb a .rollover-wrapper {
    width: 100%;
    height: 100%;
    background: #000;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.thumb a .thumb-rollover {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
}

.thumb a .thumb-rollover .thumbInfo {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font: 14px 'Open Sans', sans-serif;
    text-align: center;
}

.thumb a .thumb-rollover .thumbInfo img.graphic {
    position: relative;
    margin: auto;
    width: auto;
}


/*WordPress default gallery + epic hover*/

.gallery {
    margin-bottom: 30px !important;
    float: left;
}

.gallery br {
    display: none;
}

.gallery .gallery-item {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 0 !important;
    margin-bottom: 0;
}

.gallery-icon {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.gallery .gallery-icon img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: none !important;
}

.gallery .gallery-icon img.animationImage {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.gallery-icon a {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 0;
    text-decoration: none;
}

.gallery-icon .rollover-wrapper {
    width: 100%;
    height: 100%;
    background: #000;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gallery-icon .thumb-rollover {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
}

.gallery-icon .thumb-rollover .thumbInfo {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font: 14px 'Open Sans', sans-serif;
    font-weight: normal;
    text-align: center;
}

.gallery-icon .thumb-rollover .thumbInfo img.graphic {
    width: auto;
    height: auto;
    max-width: 50%;
    max-height: 50%;
    position: relative;
    margin: auto;
}

.gallery-columns-2 .gallery-item {
    width: 50% !important;
}

.gallery-columns-3 .gallery-item {
    width: 33.333% !important;
}

.gallery-columns-4 .gallery-item {
    width: 25% !important;
}

.gallery-columns-5 .gallery-item {
    width: 20% !important;
}

.gallery-columns-6 .gallery-item {
    width: 16.666% !important;
}

.gallery-columns-7 .gallery-item {
    width: 14.285% !important;
}

.gallery-columns-8 .gallery-item {
    width: 12.5% !important;
}

.gallery-columns-9 .gallery-item {
    width: 11.111% !important;
}

.gallery .gallery-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #000;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 0.5);
    padding: 3px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}


/*Fancybox*/

.fancybox-html {
    display: none;
}

#fancybox-outer, #fancybox-content iframe {
    background: #fff;
}

#fancybox-content {
    border: 0px solid #000;
}

#fancybox-left {
    left: -40px;
}

#fancybox-right {
    right: -40px;
}

#fancybox-left, #fancybox-right {
    width: 30px;
    opacity: 1;
    filter: alpha(opacity=100);
}

#fancybox-left-ico, #fancybox-right-ico, #fancybox-close {
    width: 30px;
    height: 30px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#fancybox-left-ico {
    background: #000 url(../images/fancybox/fancybox.png) -43px -27px no-repeat;
    -webkit-border-radius: 0;
}

#fancybox-right-ico {
    background: #000 url(../images/fancybox/fancybox.png) -44px -67px no-repeat;
    -webkit-border-radius: 0;
}

#fancybox-left-ico:hover, #fancybox-right-ico:hover {
    opacity: .5;
    filter: alpha(opacity=50);
}

#fancybox-close {
    background: url(../images/fancybox/fancybox.png) -48px -1px;
    width: 21px;
    height: 21px;
    top: -25px;
    right: -25px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#fancybox-close:hover {
    opacity: .5;
    filter: alpha(opacity=50);
}

.fancybox-title-over span {
    background: url(../images/fancybox/transparent-bkg.png) repeat;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, .8);
    padding: 15px;
    width: 150px;
    display: block;
    left: 30px;
    position: relative;
    overflow: hidden;
}

.fancybox-title-outside {
    padding: 0;
    margin-top: 15px;
}


/*Caption titles & text*/

#fancybox-title h1, #fancybox-title h2, #fancybox-title h3, #fancybox-title h4, #fancybox-title h5, #fancybox-title h6 {
    margin-bottom: 10px;
}

#fancybox-title .fancybox-num {
    margin-bottom: 10px;
}

#fancybox-title p:last-child {
    margin-bottom: 0;
}


/*Epic slider & Flex slider - theme specific*/

.epic-slider .errorMsg, .featured-media-container {
    color: #EF644E !important;
}

.epic-slider .errorMsg {
    display: block;
    margin-top: 200px;
    text-align: center;
}


/* Front page Epic slider */

.front-page-epic-slider {
    margin-top: -51px;
}


/*Flex slider - theme specific*/

.flexslider {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 30px;
    overflow: hidden;
}


/*Navigation */

.flex-direction-nav {
    height: 0;
    position: absolute;
    bottom: 0;
}

.flex-direction-nav li {
    margin-bottom: 0;
}

.flex-direction-nav li a {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 0;
    top: auto;
    cursor: pointer;
    text-indent: -999em;
}

.flex-direction-nav li .prev {
    background: #000 url(../images/ui_flex/bg_direction_nav.png) 0 0px no-repeat;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 0.8) url(../images/ui_flex/bg_direction_nav.png) 0 0 no-repeat;
}

.flex-direction-nav li .next {
    background: #000 url(../images/ui_flex/bg_direction_nav.png) 0 -40px no-repeat;
    /*ie8 fallback*/
    background: rgba(0, 0, 0, 0.8) url(../images/ui_flex/bg_direction_nav.png) 0 -40px no-repeat;
}

.flex-direction-nav li .prev {
    left: 0;
}

.flex-direction-nav li .next {
    right: auto;
    left: 41px;
}

.flex-direction-nav li .disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default;
}


/*Control*/

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: auto;
    top: 18px;
    text-align: right;
    right: 20px;
}

.flex-control-nav li {
    margin: 0 0 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-nav li a {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    display: inline-block;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    background-color: #b2b2b2;
    /*fallback for iE8*/
    background: rgba(0, 0, 0, .3);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.flex-control-nav li a:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #fff;
}

.flex-control-nav li a.active {
    border: 1px solid #fff;
    background: #3B3B3B;
}


/*Caption*/

.flex-caption {
    background: none;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    zoom: 1;
}

.flex-caption {
    width: auto;
    padding: 11px 15px;
    margin: 0;
    position: absolute;
    left: 82px;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff !important;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    margin: 0 !important;
}


/*video*/

.video {
    margin-bottom: 30px;
}

.video video, .video iframe, .video object, .video embed, .video div {
    width: 100%;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.video.fullwidth {
    width: 870px;
    height: 488px;
    margin-bottom: 30px;
}


/*WordPress native audio player*/

.wp-audio-shortcode {
    float: left;
    margin-bottom: 30px;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background-color: #e6e6e6 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background-color: #ff0000 !important;
}


/*Soundcloud*/

.soundcloud-wrapper {
    height: 166px;
    margin-bottom: 30px;
}


/*Google Map
	----------------------------*/

#map_canvas {
    margin-bottom: 30px;
}


/*Dividers
	----------------------------*/

.divider {
    border-top: 1px solid #e2e2e2;
    margin: 0 0 50px 0;
}


/*Tables	
	-----------------------------*/

table {
    margin-bottom: 30px;
    border-spacing: 10px;
}

th {
    font-weight: bold;
}


/*Definition lists	
	-----------------------------*/

dl {
    margin-bottom: 30px;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin-left: 15px;
}


/*--------------------------------------------------------
	3.--TYPOGRAPHY & LINKS & SELECTION
--------------------------------------------------------*/


/*Title sizes,font & color*/

h1, h2, h3, h4, h5, h6, #section-title {
    font-family: 'Oswald', Arial, sans-serif;
    letter-spacing: 0;
    color: #000;
    font-weight: 600;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, #section-title span {
    font-weight: 200;
    display: block;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #section-title a {
    text-decoration: none;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

h1 {
    font-size: 60px;
    margin-bottom: 30px;
}

h2 {
    font-size: 50px;
    margin-bottom: 28px;
}

h3 {
    font-size: 40px;
    margin-bottom: 26px;
}

h4 {
    font-size: 30px;
    margin-bottom: 24px;
}

h5 {
    font-size: 25px;
    margin-bottom: 22px;
}

h6 {
    font-size: 20px;
    margin-bottom: 20px;
}

#section-title h1, #section-title {
    font-size: 90px;
    line-height: 70px;
    margin-bottom: 50px;
}

#section-title h1, #section-title h2, #section-title h3, #section-title h4, #section-title h5, #section-title h6 {
    margin: 0;
}


/* Footer Hightlight Info */

/* Custom */
#secundary-nav {
	background: #333;
	top: 0;
}
.menu-top {
	width: 100%;
	clear: both;
	position: relative;
	top: 0;
}
.menu-top ul {
	margin: 0 auto;
	max-width: 768px;
}
.menu-top li {
	display: inline-block;
	margin: 0 1px 0 0;
	padding: 5px;
}
.menu-top li a {
	font-size: 12px;	
	padding: 10px 15px 10px;
	line-height: 20px;
}
@media (min-width: 481px) and (max-width: 960px) {
	.menu-top ul {
		max-width: 800px;
		min-width: 480px;
	}
}
@media screen and (max-width: 480px) {
	.menu-top li a {
		padding: 10px;
	}	
}

.menu-top li a:hover {
	color: white;
}
.menu-top li.current-menu-item {
	background: #222;
}


.footer-highlight-info {
    font-size: 20px;
    line-height: 20px;
    font-family: 'Oswald';
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.space-md {
	margin: 50px 0 70px;
}

.header-home {
	background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.5)), 
	url('http://inaf.es/wp-content/uploads/home.jpg') no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	margin: 15px 0 50px 0;
}

.header-home h1 {
	color: white;
	font-size: 30px;
	text-align: center;
	padding: 160px 0;
	text-shadow: 0px 1px 3px #222222;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
@media screen and (max-width: 480px) {
	.header-home h1 { 
		padding: 20px 0;
	}
}


.about {
	background: url('http://inaf.es/wp-content/uploads/bgauditores.png') no-repeat left top;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -1;
}
hr {
	width: 80%;
	margin: 25px auto;
}

.orange {
	color: #E06530;
}

.service {
	border: 1px solid #ECECEC;
	border-top: 3px solid #E06530;
	box-shadow: 3px 3px 0px #ddd;
	padding: 20px;
	max-width: 600px;
	margin: 0 auto;
}

@media (min-width: 481px) and (max-width: 768px) {
	.service {
		max-width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.service h3 {
		font-size: 20px;
	}
}

.service-alt {
	border: 1px solid #ECECEC;
	border-top: 6px solid #E06530;
	box-shadow: 3px 3px 0px #ddd;
	min-height: 190px;
	padding: 10px 10px;
	margin-bottom: 25px;
}

.service-alt p {
	margin-bottom: 0;
}

@media (min-width: 481px) and (max-width: 9999px) {
	.service-alt {
		min-height: 230px;
	}
}

.title-service {
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0 5px;
}
.service-alt p.lead {
	font-size: 13px;
	font-weight: 200;
	font-family: "Open Sans", Arial, sans-serif;
	letter-spacing: -0.023em;
	color: #777;
	margin-bottom: 10px;
}


/*Links*/

a {
    color: #ff0000;
    text-decoration: none;
}

a:hover {
    color: #ff0000;
}


/*Text*/

p {
    margin: 0 0 30px 0;
}

.pages p:last-child {
    margin-bottom: 0;
}


/*Lighbox title sizes,font & colors*/

#fancybox-title {
    font-size: 11px;
    line-height: 12px;
    color: #999;
}

#fancybox-title h1, #fancybox-title h2, #fancybox-title h3, #fancybox-title h4, #fancybox-title h5, #fancybox-title h6 {
    font-family: 'Source Sans Pro', Arial, sans-serif;
}

.fancybox-title-over span h1, .fancybox-title-over span h2, .fancybox-title-over span h3, .fancybox-title-over span h4, .fancybox-title-over span h5, .fancybox-title-over span h6 {
    color: #fff;
}

.fancybox-title-outside h1, .fancybox-title-outside h2, .fancybox-title-outside h3, .fancybox-title-outside h4, .fancybox-title-outside h5, .fancybox-title-outside h6 {
    color: #777;
}

#fancybox-title h1 {
    font-size: 18px;
    line-height: 18px;
}

#fancybox-title h2 {
    font-size: 16px;
    line-height: 16px;
}

#fancybox-title h3 {
    font-size: 14px;
    line-height: 14px;
}

#fancybox-title h4 {
    font-size: 12px;
    line-height: 12px;
}

#fancybox-title h5 {
    font-size: 11px;
    line-height: 11px;
}

#fancybox-title h6 {
    font-size: 10px;
    line-height: 10px;
}


/*--------------------------------------------------------
	4.--MISC
--------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    clear: both;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.last {
    margin: 0 0 50px 0;
}


/*message box*/

.message_box {
    padding: 15px;
    margin-bottom: 50px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.message_box:hover {
    background: #f9f9f9;
    border: 1px solid #ddd;
    color: #888;
}

pre {
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}


/*highlight selection*/

::selection {
    background: #ff0000;
    color: #fff;
}

::-moz-selection {
    background: #ff0000;
    color: #fff;
}

::-webkit-selection {
    background: #ff0000;
    color: #fff;
}


/*--------------------------------------------------------
	5.--REQUIRED
--------------------------------------------------------*/

.sticky {}

.gallery-caption {}

.bypostauthor {}

.alignright {
    float: right;
    margin: 0 0 30px 30px;
}

.alignleft {
    float: left;
    margin: 0 30px 30px 0;
}

.aligncenter {
    display: block;
    margin: auto;
}

.alignnone {
    margin: 0 0 30px;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 30px;
}

.wp-caption-text {
    font-style: italic;
}


/*--------------------------------------------------------
	6.--WPML
--------------------------------------------------------*/

#lang_sel_footer {
    max-width: 870px;
    margin: 0 auto;
    border: none;
}

#lang_sel_footer {
    border-top: 1px solid #eee;
}

#lang_sel_list ul a, #lang_sel_list_list ul a:visited {
    line-height: 18px;
    box-sizing: border-box;
}

#lang_sel_list.lang_sel_list_horizontal ul li {
    width: auto;
}

#sidebar #lang_sel ul, #sidebar #lang_sel li {
    width: 149px;
}

#sidebar #lang_sel li a, #sidebar #lang_sel_list li a {
    width: auto;
}

#lang_sel ul a, #lang_sel ul ul a, #lang_sel ul ul a:visited {
    box-sizing: border-box;
}