/*
Theme Name: Craon new
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */




 @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);




 /**
  * 1.0 Reset
  *
  * Modified from Normalize.css to provide cross-browser consistency and a smart
  * default styling of HTML elements.
  *
  * @see http://git.io/normalize
  * ----------------------------------------------------------------------------
  */
 
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing:    border-box;
   box-sizing:         border-box;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 nav,
 section,
 summary {
   display: block;
 }
 
 audio,
 canvas,
 video {
   display: inline-block;
 }
 
 audio:not([controls]) {
   display: none;
   height: 0;
 }
 
 [hidden] {
   display: none;
 }
 
 html {
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
 }
 
 html,
 button,
 input,
 select,
 textarea {
   font-family: "Source Sans Pro", Helvetica, sans-serif;
 }
 
 body {
   color: #141412;
   line-height: 1.5;
   margin: 0;
   
 }
 
 a {
   color: #878f98;
   text-decoration: none;
   transition: all 0.3s ease-out;
 }
 
 a:visited {
   color: #878f98;
 }
 
 a:focus {
   outline: thin dotted;
 }
 
 a:active,
 a:hover {
   color: #94979e;
   outline: 0;
 }
 
 a:hover {
   text-decoration: underline;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   clear: both;
   font-family: Bitter, Georgia, serif;
   line-height: 1.3;
 }
 
 h1 {
   font-size: 48px;
   margin: 33px 0;
 }
 
 h2 {
   font-size: 30px;
   margin: 25px 0;
 }
 
 h3 {
   font-size: 22px;
   margin: 22px 0;
 }
 
 h4 {
   font-size: 20px;
   margin: 25px 0;
 }
 
 h5 {
   font-size: 18px;
   margin: 30px 0;
 }
 
 h6 {
   font-size: 16px;
   margin: 36px 0;
 }
 
 address {
   font-style: italic;
   margin: 0 0 24px;
 }
 
 abbr[title] {
   border-bottom: 1px dotted;
 }
 
 b,
 strong {
   font-weight: bold;
 }
 
 dfn {
   font-style: italic;
 }
 
 mark {
   background: #ff0;
   color: #000;
 }
 
 p {
   margin: 0 0 24px;
 }
 
 code,
 kbd,
 pre,
 samp {
   font-family: monospace, serif;
   font-size: 14px;
   -webkit-hyphens: none;
   -moz-hyphens:    none;
   -ms-hyphens:     none;
   hyphens:         none;
 }
 
 pre {
   background: #f5f5f5;
   color: #666;
   font-family: monospace;
   font-size: 14px;
   margin: 20px 0;
   overflow: auto;
   padding: 20px;
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word;
 }
 
 blockquote,
 q {
   -webkit-hyphens: none;
   -moz-hyphens:    none;
   -ms-hyphens:     none;
   hyphens:         none;
   quotes: none;
 }
 
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
   content: "";
   content: none;
 }
 
 blockquote {
   font-size: 18px;
   font-style: italic;
   font-weight: 300;
   margin: 24px 40px;
 }
 
 blockquote blockquote {
   margin-right: 0;
 }
 
 blockquote cite,
 blockquote small {
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;
 }
 
 blockquote em,
 blockquote i {
   font-style: normal;
   font-weight: 300;
 }
 
 blockquote strong,
 blockquote b {
   font-weight: 400;
 }
 
 small {
   font-size: smaller;
 }
 
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 sup {
   top: -0.5em;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 dl {
   margin: 0 20px;
 }
 
 dt {
   font-weight: bold;
 }
 
 dd {
   margin: 0 0 20px;
 }
 
 menu,
 ol,
 ul {
   margin: 16px 0;
   padding: 0 0 0 40px;
 }
 
 ul {
   list-style-type: square;
 }
 
 nav ul,
 nav ol {
   list-style: none;
   list-style-image: none;
 }
 
 li > ul,
 li > ol {
   margin: 0;
 }
 
 img {
   -ms-interpolation-mode: bicubic;
   border: 0;
   vertical-align: middle;
 }
 
 svg:not(:root) {
   overflow: hidden;
 }
 
 figure {
   margin: 0;
 }
 
 form {
   margin: 0;
 }
 
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
 }
 
 legend {
   border: 0;
   padding: 0;
   white-space: normal;
 }
 
 button,
 input,
 select,
 textarea {
   font-size: 100%;
   margin: 0;
   max-width: 100%;
   vertical-align: baseline;
 }
 
 button,
 input {
   line-height: normal;
 }
 
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
 }
 
 button[disabled],
 input[disabled] {
   cursor: default;
 }
 
 input[type="checkbox"],
 input[type="radio"] {
   padding: 0;
 }
 
 input[type="search"] {
   -webkit-appearance: textfield;
   padding-right: 2px; /* Don't cut off the webkit search cancel button */
   width: 270px;
 }
 
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
   padding: 0;
 }
 
 textarea {
   overflow: auto;
   vertical-align: top;
 }
 
 table {
   border-bottom: 1px solid #ededed;
   border-collapse: collapse;
   border-spacing: 0;
   font-size: 14px;
   line-height: 2;
   margin: 0 0 20px;
   width: 100%;
 }
 
 caption,
 th,
 td {
   font-weight: normal;
   text-align: left;
 }
 
 caption {
   font-size: 16px;
   margin: 20px 0;
 }
 
 th {
   font-weight: bold;
   text-transform: uppercase;
 }
 
 td {
   border-top: 1px solid #ededed;
   padding: 6px 10px 6px 0;
 }
 
 del {
   color: #333;
 }
 
 ins {
   background: #fff9c0;
   text-decoration: none;
 }
 
 hr {
   background: url(images/dotted-line.png) repeat center top;
   background-size: 4px 4px;
   border: 0;
   height: 1px;
   margin: 0 0 24px;
 }
 
 
 /**
  * 2.0 Repeatable Patterns
  * ----------------------------------------------------------------------------
  */
 
 .genericon:before,
 .menu-toggle:after,
 .featured-post:before,
 .date a:before,
 .entry-meta .author a:before,
 .format-audio .entry-content:before,
 .comments-link a:before,
 .tags-links a:first-child:before,
 .categories-links a:first-child:before,
 .edit-link a:before,
 .attachment .entry-title:before,
 .attachment-meta:before,
 .attachment-meta a:before,
 .comment-awaiting-moderation:before,
 .comment-reply-link:before,
 .comment-reply-login:before,
 .comment-reply-title small a:before,
 .bypostauthor > .comment-body .fn:before,
 .error404 .page-title:before {
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font: normal 16px/1 Genericons;
   vertical-align: text-bottom;
 }
 
 /* Clearing floats */
 .clear:after,
 .attachment .entry-header:after,
 .site-footer .widget-area:after,
 .entry-content:after,
 .page-content:after,
 .navigation:after,
 .nav-links:after,
 .gallery:after,
 .comment-form-author:after,
 .comment-form-email:after,
 .comment-form-url:after,
 .comment-body:after {
   clear: both;
 }
 
 .clear:before,
 .clear:after,
 .attachment .entry-header:before,
 .attachment .entry-header:after,
 .site-footer .widget-area:before,
 .site-footer .widget-area:after,
 .entry-content:before,
 .entry-content:after,
 .page-content:before,
 .page-content:after,
 .navigation:before,
 .navigation:after,
 .nav-links:before,
 .nav-links:after,
 .gallery:before,
 .gallery:after,
 .comment-form-author:before,
 .comment-form-author:after,
 .comment-form-email:before,
 .comment-form-email:after,
 .comment-form-url:before,
 .comment-form-url:after,
 .comment-body:before,
 .comment-body:after {
   content: "";
   display: table;
 }
 
 /* Assistive text */
 .screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
 }
 
 .screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #21759b;
   display: block;
   font-size: 14px;
   font-weight: bold;
   height: auto;
   line-height: normal;
   padding: 15px 23px 14px;
   position: absolute;
   left: 5px;
   top: 5px;
   text-decoration: none;
   width: auto;
   z-index: 100000; /* Above WP toolbar */
 }
 
 /* Form fields, general styles first. */
 button,
 input,
 textarea {
   border: 2px solid #d4d0ba;
   font-family: inherit;
   padding: 5px;
 }
 
 input,
 textarea {
   color: #141412;
 }
 
 input:focus,
 textarea:focus {
   border: 2px solid #c3c0ab;
   outline: 0;
 }
 
 /* Buttons */
 button,
 input[type="submit"],
 input[type="button"],
 input[type="reset"] {
   background: #e05d22; /* Old browsers */
   background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
   background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
   border: none;
   border-bottom: 3px solid #b93207;
   border-radius: 2px;
   color: #fff;
   display: inline-block;
   padding: 11px 24px 10px;
   text-decoration: none;
 }
 
 button:hover,
 button:focus,
 input[type="submit"]:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus {
   background: #ed6a31; /* Old browsers */
   background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
   background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
   outline: none;
 }
 
 button:active,
 input[type="submit"]:active,
 input[type="button"]:active,
 input[type="reset"]:active {
   background: #d94412; /* Old browsers */
   background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
   background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
   border: none;
   border-top: 3px solid #b93207;
   padding: 10px 24px 11px;
 }
 
 .post-password-required input[type="submit"] {
   padding: 7px 24px 4px;
   vertical-align: bottom;
 }
 
 .post-password-required input[type="submit"]:active {
   padding: 5px 24px 6px;
 }
 
 /* Placeholder text color -- selectors need to be separate to work. */
 ::-webkit-input-placeholder {
   color: #7d7b6d;
 }
 
 :-moz-placeholder {
   color: #7d7b6d;
 }
 
 ::-moz-placeholder {
   color: #7d7b6d;
 }
 
 :-ms-input-placeholder {
   color: #7d7b6d;
 }
 
 /*
  * Responsive images
  *
  * Fluid images for posts, comments, and widgets
  */
 .entry-content img,
 .entry-summary img,
 .comment-content img,
 .widget img,
 .wp-caption {
   max-width: 100%;
 }
 
 /* Make sure images with WordPress-added height and width attributes are scaled correctly. */
 .entry-content img,
 .entry-summary img,
 .comment-content img[height],
 img[class*="align"],
 img[class*="wp-image-"],
 img[class*="attachment-"] {
   height: auto;
 }
 
 img.size-full,
 img.size-large,
 img.wp-post-image {
   height: auto;
   max-width: 100%;
 }
 
 /* Make sure videos and embeds fit their containers. */
 embed,
 iframe,
 object,
 video {
   max-width: 100%;
 }
 
 /* Override the Twitter embed fixed width. */
 .entry-content .twitter-tweet-rendered {
   max-width: 100% !important;
 }
 
 /* Images */
 .alignleft {
   float: left;
 }
 
 .alignright {
   float: right;
 }
 
 .aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
 
 img.alignleft {
   margin: 5px 20px 5px 0;
 }
 
 .wp-caption.alignleft {
   margin: 5px 10px 5px 0;
 }
 
 img.alignright {
   margin: 5px 0 5px 20px;
 }
 
 .wp-caption.alignright {
   margin: 5px 0 5px 10px;
 }
 
 img.aligncenter {
   margin: 5px auto;
 }
 
 img.alignnone {
   margin: 5px 0;
 }
 
 .wp-caption .wp-caption-text,
 .entry-caption,
 .gallery-caption {
   color: #220e10;
   font-size: 18px;
   font-style: italic;
   font-weight: 300;
 }
 
 img.wp-smiley,
 .rsswidget img {
   border: 0;
   border-radius: 0;
   box-shadow: none;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0;
 }
 
 .wp-caption.alignleft + ul,
 .wp-caption.alignleft + ol  {
   list-style-position: inside;
 }
 
 
 /**
  * 3.0 Basic Structure
  * ----------------------------------------------------------------------------
  */
 
 .site {
   background-color:#f0f0f0;
   border-left: 1px solid #f2f2f2;
   border-right: 1px solid #f2f2f2;
   margin: 0 auto;
   /*max-width: 1600px;*/
   width: 100%;
 }
 
 .site-main {
   position: relative;
 }
 
 .site-main .sidebar-container {	
   height: 0;
   position: absolute;
   top: 40px;
   width: 100%;
   z-index: 1;
 }
 
 .site-main .sidebar-inner {
   margin: 0 auto;
   max-width: 1040px;
 }
 
 
 /**
  * 4.0 Header
  * ----------------------------------------------------------------------------
  */
 
 /**
  * 4.1 Site Header
  * ----------------------------------------------------------------------------
  */
 
 .site-header {
   position: relative;
 }
 
 .site-header .home-link {
   color: #22C7F6;
   display: block;
   margin: 0 auto;
   max-width: 1080px;
   /*min-height: 230px;*/
   padding: 20px;
   text-decoration: none;
   width: 100%;
 }
 
 .site-header .site-title:hover {
   text-decoration: underline;
 }
 
 .site-title {
   font-size: 60px;
   font-weight: bold;
   line-height: 1;
   margin: 0;
   padding: 58px 0 10px;
 }
 
 .site-description {
   font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
   margin: 0;
 }
 
 
 /**
  * 4.2 Navigation
  * ----------------------------------------------------------------------------
  */
 
 .main-navigation {
   clear: both;
   margin: 0 auto;
   max-width: 1080px;
   min-height: 45px;
   position: relative;
 }
 
 ul.nav-menu,
 div.nav-menu > ul {
   margin: 0;
   padding: 0 40px 0 0;
 }
 
 .nav-menu li {
   display: inline-block;
   position: relative;
 }
 
 .nav-menu li a {
   color: #141412;
   display: block;
   font-size: 15px;
   line-height: 1;
   padding: 15px 20px;
   text-decoration: none;
 }
 
 .nav-menu li:hover > a,
 .nav-menu li a:hover {
   background-color: #515860;
   color: #fff;
 }
 
 .nav-menu .sub-menu,
 .nav-menu .children {
   background-color: #220e10;
   border: 2px solid #f7f5e7;
   border-top: 0;
   display: none;
   padding: 0;
   position: absolute;
   left: -2px;
   z-index: 99999;
 }
 
 .nav-menu .sub-menu ul,
 .nav-menu .children ul {
   border-left: 0;
   left: 100%;
   top: 0;
 }
 
 ul.nav-menu ul a,
 .nav-menu ul ul a {
   color: #fff;
   margin: 0;
   width: 200px;
 }
 
 ul.nav-menu ul a:hover,
 .nav-menu ul ul a:hover {
   background-color: #db572f;
 }
 
 ul.nav-menu li:hover > ul,
 .nav-menu ul li:hover > ul {
   display: block;
 }
 
 .nav-menu .current_page_item > a,
 .nav-menu .current_page_ancestor > a,
 .nav-menu .current-menu-item > a,
 .nav-menu .current-menu-ancestor > a {
   color: #fff;
   background:#878f98;
 }
 
 .menu-toggle {
   display: none;
 }
 
 /* Navbar */
 .navbar {
   background-color: #c0c8d2;
   margin: 0 auto;
   /*max-width: 1600px;
   width: 100%;*/
   
 }
 
 .site-header .search-form {
   position: absolute;
   right: 20px;
   top: 1px;
 }
 
 .site-header .search-field {
   background-color: transparent;
   background-image: url(images/search-icon.png);
   background-position: 5px center;
   background-repeat: no-repeat;
   background-size: 24px 24px;
   border: none;
   cursor: pointer;
   height: 37px;
   margin: 3px 0;
   padding: 0 0 0 34px;
   position: relative;
   -webkit-transition: width 400ms ease, background 400ms ease;
   transition:         width 400ms ease, background 400ms ease;
   width: 0;
 }
 
 .site-header .search-field:focus {
   background-color: #fff;
   border: 2px solid #c3c0ab;
   cursor: text;
   outline: 0;
   width: 230px;
 }
 
 
 /* Socialbar */
 #socialbar {
   display:block;
   position:absolute;
   top:20px;
   right:2%;
 }
 
 #socialbar li {
   display:inline;
   margin-left:5px;
 }
 
 #socialbar li a {
   width:40px;
   height:40px;
   display:inline-block;
   overflow:hidden;
   text-indent:-1000px;
   opacity:0.7;
   transition: all 0.3s ease-in-out;
 }
 
 #socialbar li.facebook a {
   background:url(images/ico-facebook.png) no-repeat center;
 }
 #socialbar li.twitter a {
   background:url(images/ico-twitter.png) no-repeat center;
 }
 #socialbar li.linkedin a {
   background:url(images/ico-linkedin.png) no-repeat center;
 }
 #socialbar li.g a {
    background: url(images/ico-g.png) no-repeat center;
 }
 #socialbar li a:hover {
   opacity:1;
 }
 
 
 /**
  * 5.0 Content
  * ----------------------------------------------------------------------------
  */
 
 .hentry {
   padding: 40px 0;
 }
 
 .entry-header,
 .entry-content,
 .entry-summary,
 .entry-meta {
   margin: 0 auto;
   max-width: 1040px;
   width: 100%;
 }
 
 .sidebar .entry-header,
 .sidebar .entry-content,
 .sidebar .entry-summary,
 .sidebar .entry-meta {
   max-width: 1040px;
   padding: 0 376px 0 60px;
 }
 
 
 /**
  * 5.1 Entry Header
  * ----------------------------------------------------------------------------
  */
 
 .sidebar .entry-header .entry-meta {
   padding: 0;
 }
 
 .entry-thumbnail img {
   display: block;
   margin: 0 auto 10px;
 }
 
 .entry-header {
   /*margin-bottom: 30px;*/
 }
 
 .entry-title {
   font-weight: normal;
   margin: 0 0 5px;
 }
 
 .entry-title a {
   color: #141412;
 }
 
 .entry-title a:hover {
   color: #ea9629;
 }
 
 
 /**
  * 5.2 Entry Meta
  * ----------------------------------------------------------------------------
  */
 
 .entry-meta {
   clear: both;
   font-size: 14px;
 }
 
 .entry-meta a {
   color: #b2bbc0;
 }
 
 .entry-meta a:hover {
   color: #9ea8ad;
 }
 
 .entry-meta > span {
   margin-right: 20px;
 }
 
 .entry-meta > span:last-child {
   margin-right: 0;
 }
 
 .featured-post:before {
   content: "\f308";
   margin-right: 2px;
 }
 
 .entry-meta .date a:before {
   content: "\f303";
 }
 
 .comments-link a:before {
   content: "\f300";
   margin-right: 2px;
   position: relative;
   top: -1px;
 }
 
 .entry-meta .author a:before {
   content: "\f304";
   position: relative;
   top: -1px;
 }
 
 .categories-links a:first-child:before {
   content: "\f301";
 }
 
 .tags-links a:first-child:before {
   content: "\f302";
   position: relative;
   top: -1px;
 }
 
 .edit-link a:before {
   content: "\f411";
   position: relative;
   top: -1px;
 }
 
 .single-author .entry-meta .author,
 .sticky.format-standard .entry-meta .date,
 .sticky.format-audio .entry-meta .date,
 .sticky.format-chat .entry-meta .date,
 .sticky.format-image .entry-meta .date,
 .sticky.format-gallery .entry-meta .date {
   display: none;
 }
 
 
 /**
  * 5.3 Entry Content
  * ----------------------------------------------------------------------------
  */
 
 .entry-content {
   -webkit-hyphens: auto;
   -moz-hyphens:    auto;
   -ms-hyphens:     auto;
   hyphens:         auto;
   word-wrap: break-word;
 }
 
 .entry-content a,
 .comment-content a {
   color: #8d8f97;
 }
 
 .entry-content a:hover,
 .comment-content a:hover {
   color: #a8aab2;
   text-decoration:none;
 }
 
 .entry-content blockquote {
   font-size: 24px;
 }
 
 .entry-content blockquote cite,
 .entry-content blockquote small {
   font-size: 16px;
 }
 
 /*
 .entry-content img.alignleft,
 .entry-content .wp-caption.alignleft {
   margin-left: -60px;
 }
 
 .entry-content img.alignright,
 .entry-content .wp-caption.alignright {
   margin-right: -60px;
 }
 */
 footer.entry-meta {
   margin-top: 24px;
 }
 
 .format-standard footer.entry-meta {
   margin-top: 0;
 }
 
 /* Page links */
 .page-links {
   clear: both;
   font-size: 16px;
   font-style: italic;
   font-weight: normal;
   line-height: 2.2;
   margin: 20px 0;
   text-transform: uppercase;
 }
 
 .page-links a,
 .page-links > span {
   background: #fff;
   border: 1px solid #fff;
   padding: 5px 10px;
   text-decoration: none;
 }
 
 .format-status .entry-content .page-links a,
 .format-gallery .entry-content .page-links a,
 .format-chat .entry-content .page-links a,
 .format-quote .entry-content .page-links a,
 .page-links a {
   background: #e63f2a;
   border: 1px solid #e63f2a;
   color: #fff;
 }
 
 .format-gallery .entry-content .page-links a:hover,
 .format-audio .entry-content .page-links a:hover,
 .format-status .entry-content .page-links a:hover,
 .format-video .entry-content .page-links a:hover,
 .format-chat .entry-content .page-links a:hover,
 .format-quote .entry-content .page-links a:hover,
 .page-links a:hover {
   background: #fff;
   color: #e63f2a;
 }
 
 .format-status .entry-content .page-links > span,
 .format-quote .entry-content .page-links > span {
   background: none;
 }
 
 .page-links .page-links-title {
   background: transparent;
   border: none;
   margin-right: 20px;
   padding: 0;
 }
 
 /* Mediaelements */
 .hentry .mejs-mediaelement,
 .hentry .mejs-container .mejs-controls {
   background: #220e10;
 }
 
 .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
   background: #fff;
 }
 
 .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
   background: #ea9629;
 }
 
 .hentry .mejs-controls .mejs-time-rail .mejs-time-total,
 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
   background: #595959;
 }
 
 .hentry .mejs-controls .mejs-time-rail span,
 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
   border-radius: 0;
 }
 
 
 /**
  * 5.4 Galleries
  * ----------------------------------------------------------------------------
  */
 
 .gallery {
   margin-bottom: 20px;
   margin-left: -4px;
 }
 
 .gallery-item {
   float: left;
   margin: 0 4px 4px 0;
   overflow: hidden;
   position: relative;
 }
 
 .gallery-columns-1.gallery-size-medium,
 .gallery-columns-1.gallery-size-thumbnail,
 .gallery-columns-2.gallery-size-thumbnail,
 .gallery-columns-3.gallery-size-thumbnail {
   display: table;
   margin: 0 auto 20px;
 }
 
 .gallery-columns-1 .gallery-item,
 .gallery-columns-2 .gallery-item,
 .gallery-columns-3 .gallery-item {
   text-align: center;
 }
 
 .gallery-columns-4 .gallery-item {
   max-width: 23%;
   max-width: -webkit-calc(25% - 4px);
   max-width:         calc(25% - 4px);
 }
 
 .gallery-columns-5 .gallery-item {
   max-width: 19%;
   max-width: -webkit-calc(20% - 4px);
   max-width:         calc(20% - 4px);
 }
 
 .gallery-columns-6 .gallery-item {
   max-width: 15%;
   max-width: -webkit-calc(16.7% - 4px);
   max-width:         calc(16.7% - 4px);
 }
 
 .gallery-columns-7 .gallery-item {
   max-width: 13%;
   max-width: -webkit-calc(14.28% - 4px);
   max-width:         calc(14.28% - 4px);
 }
 
 .gallery-columns-8 .gallery-item {
   max-width: 11%;
   max-width: -webkit-calc(12.5% - 4px);
   max-width:         calc(12.5% - 4px);
 }
 
 .gallery-columns-9 .gallery-item {
   max-width: 9%;
   max-width: -webkit-calc(11.1% - 4px);
   max-width:         calc(11.1% - 4px);
 }
 
 .gallery-columns-1 .gallery-item:nth-of-type(1n),
 .gallery-columns-2 .gallery-item:nth-of-type(2n),
 .gallery-columns-3 .gallery-item:nth-of-type(3n),
 .gallery-columns-4 .gallery-item:nth-of-type(4n),
 .gallery-columns-5 .gallery-item:nth-of-type(5n),
 .gallery-columns-6 .gallery-item:nth-of-type(6n),
 .gallery-columns-7 .gallery-item:nth-of-type(7n),
 .gallery-columns-8 .gallery-item:nth-of-type(8n),
 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
   margin-right: 0;
 }
 
 .gallery-caption {
   background-color: rgba(0, 0, 0, 0.7);
   box-sizing: border-box;
   color: #fff;
   font-size: 14px;
   line-height: 1.3;
   margin: 0;
   max-height: 50%;
   opacity: 0;
   padding: 2px 8px;
   position: absolute;
   bottom: 0;
   left: 0;
   text-align: left;
   -webkit-transition: opacity 400ms ease;
   transition:         opacity 400ms ease;
   width: 100%;
 }
 
 .gallery-caption:before {
   box-shadow: 0 -10px 15px #000 inset;
   content: "";
   height: 100%;
   min-height: 49px;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
 }
 
 .gallery-item:hover .gallery-caption {
   opacity: 1;
 }
 
 .gallery-columns-7 .gallery-caption,
 .gallery-columns-8 .gallery-caption,
 .gallery-columns-9 .gallery-caption {
   display: none;
 }
 
 
 /**
  * 5.5 Post Formats
  * ----------------------------------------------------------------------------
  */
 
 /* Aside */
 .format-aside {
   background-color: #f7f5e7;
 }
 
 .blog .format-aside:first-of-type,
 .single .format-aside:first-of-type,
 .format-aside + .format-aside,
 .format-aside + .format-link,
 .format-link + .format-aside {
   box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
 }
 
 .format-aside .entry-meta {
   margin-top: 0;
 }
 
 .format-aside blockquote {
   font-size: 100%;
   font-weight: normal;
 }
 
 .format-aside cite {
   font-size: 100%;
   text-transform: none;
 }
 
 .format-aside cite:before {
   content: "\2014";
   margin-right: 5px;
 }
 
 /* Audio */
 .format-audio {
   background-color: #db572f;
 }
 
 .format-audio .entry-title {
   font-size: 28px;
   font-weight: bold;
 }
 
 .format-audio .entry-content:before {
   content: "\f109";
   float: left;
   font-size: 64px;
   position: relative;
   top: 4px;
 }
 
 .format-audio .entry-content a,
 .format-audio .entry-meta a,
 .format-audio .entry-content a:hover,
 .format-audio .entry-meta a:hover {
   color: #fbfaf3;
 }
 
 .format-audio .audio-content {
   background: url(images/dotted-line.png) repeat-y left top;
   background-size: 4px 4px;
   float: right;
   padding-left: 35px;
   width: 80%;
   width: -webkit-calc(100% - 85px);
   width:         calc(100% - 85px);
 }
 
 .format-audio .wp-audio-shortcode {
   height: 30px !important; /* Override mediaelement.js style */
   margin: 20px 0;
   max-width: 400px !important; /* Override mediaelement.js style */
 }
 
 .format-audio audio {
   max-width: 100% !important; /* Avoid player width overflow. */
 }
 
 /* Chat */
 .format-chat {
   background-color: #eadaa6;
 }
 
 .format-chat .entry-title {
   font-size: 28px;
   font-weight: bold;
 }
 
 .format-chat .entry-meta a,
 .format-chat .entry-content a {
   color: #722d19;
 }
 
 .format-chat .entry-meta .date a:before {
   content: "\f108";
   margin-right: 2px;
 }
 
 .format-chat .entry-meta .author {
   display: none;
 }
 
 .format-chat .chat {
   margin: 0;
 }
 
 .format-chat .chat .chat-timestamp {
   color: #722d19;
   float: right;
   font-size: 12px;
   font-weight: normal;
   margin: 5px 10px 0;
 }
 
 .format-chat .chat .fn {
   font-style: normal;
 }
 
 /* Gallery */
 .format-gallery {
   background-color: #fbca3c;
 }
 
 .format-gallery .entry-header {
   margin-bottom: 15px;
 }
 
 .format-gallery .entry-title {
   font-size: 50px;
   font-weight: 400;
   margin: 0;
 }
 
 .format-gallery .entry-meta a,
 .format-gallery .entry-content a {
   color: #722d19;
 }
 
 /* Image */
 .format-image .entry-title {
   font-size: 28px;
   font-weight: bold;
 }
 
 .format-image .categories-links,
 .format-image .tags-links {
   display: none;
 }
 
 /* Link */
 .format-link {
   background-color: #f7f5e7;
 }
 
 .blog .format-link:first-of-type,
 .single .format-link:first-of-type {
   box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
 }
 
 .format-link .entry-header,
 .format-link .entry-content p:last-child {
   margin-bottom: 0;
 }
 
 .format-link .entry-title {
   color: #ca3c08;
   display: inline;
   font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
   margin-right: 20px;
 }
 
 .format-link .entry-title a {
   color: #bc360a;
 }
 
 .format-link div.entry-meta {
   display: inline;
 }
 
 /* Quote */
 .format-quote {
   background-color: #210d10;
 }
 
 .format-quote .entry-content,
 .format-quote .entry-meta {
   color: #f7f5e7;
 }
 
 .format-quote .entry-content blockquote {
   font-size: 28px;
   margin: 0;
 }
 
 .format-quote .entry-content a,
 .format-quote .entry-meta a,
 .format-quote .linked {
   color: #e63f2a;
 }
 
 .format-quote .entry-content cite a {
   border-bottom: 1px dotted #fff;
   color: #fff;
 }
 
 .format-quote .entry-content cite a:hover {
   text-decoration: none;
 }
 
 .format-quote blockquote small,
 .format-quote blockquote cite {
   display: block;
   font-size: 16px;
 }
 
 .format-quote blockquote {
   font-style: italic;
   font-weight: 300;
   padding-left: 75px;
   position: relative;
 }
 
 .format-quote blockquote:before {
   content: '\201C';
   font-size: 140px;
   font-weight: 400;
   line-height: .8;
   padding-right: 25px;
   position: absolute;
   left: -15px;
   top: -3px;
 }
 
 .format-quote .entry-meta .author {
   display: none;
 }
 
 /* Status */
 .format-status {
   background-color: #722d19;
   padding: 0;
 }
 
 .format-status .entry-content,
 .format-status .entry-meta {
   padding-left: 35px;
   position: relative;
 }
 
 .format-status .entry-content a {
   color: #eadaa6;
 }
 
 .format-status .entry-meta a {
   color: #f7f5e7;
 }
 
 .sidebar .format-status .entry-content,
 .sidebar .format-status .entry-meta {
   padding-left: 95px;
 }
 
 .format-status .entry-content:before,
 .format-status .entry-meta:before {
   background: url(images/dotted-line.png) repeat-y left bottom;
   background-size: 4px 4px;
   content: "";
   display: block;
   height: 100%;
   position: absolute;
   left: 10px;
   top: 0;
   width: 1px;
 }
 
 .sidebar .format-status .entry-content:before,
 .sidebar .format-status .entry-meta:before {
   left: 70px;
 }
 
 .format-status .categories-links,
 .format-status .tags-links {
   display: none;
 }
 
 /* Ensures the dots in the dot background are in lockstep. */
 .format-status .entry-meta:before {
   background-position: left top;
 }
 
 .format-status .entry-content {
   color: #f7f5e7;
   font-size: 24px;
   font-style: italic;
   font-weight: 300;
   padding-bottom: 30px;
   padding-top: 40px;
   position: relative;
 }
 
 .format-status .entry-content p:first-child:before {
   background-color: rgba(0, 0, 0, 0.65);
   content: "";
   height: 3px;
   margin-top: 13px;
   position: absolute;
   left: 4px;
   width: 13px;
 }
 
 .sidebar .format-status .entry-content > p:first-child:before {
   left: 64px;
 }
 
 .format-status .entry-content p:last-child {
   margin-bottom: 0;
 }
 
 .format-status .entry-meta {
   margin-top: 0;
   padding-bottom: 40px;
 }
 
 .format-status .entry-meta .date a:before {
   content: "\f105";
 }
 
 /* Video */
 .format-video {
   background-color: #db572f;
 }
 
 .format-video .entry-content a,
 .format-video .entry-meta a,
 .format-video .entry-content a:hover,
 .format-video .entry-meta a:hover {
   color: #fbfaf3;
 }
 
 .format-video .entry-title {
   font-size: 50px;
   font-weight: 400;
 }
 
 .format-video .entry-meta {
   color: #220e10;
 }
 
 
 /**
  * 5.6 Attachments
  * ----------------------------------------------------------------------------
  */
 
 .attachment .hentry {
   background-color: #e8e5ce;
   margin: 0;
   padding: 0;
 }
 
 .attachment .entry-header {
   margin-bottom: 0;
   max-width: 1040px;
   padding: 30px 0;
 }
 
 .attachment .entry-title {
   display: inline-block;
   float: left;
   font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
   margin: 0;
 }
 
 .attachment .entry-title:before {
   content: "\f416";
   font-size: 32px;
   margin-right: 10px;
 }
 
 .attachment .entry-meta {
   clear: none;
   color: inherit;
   float: right;
   max-width: 604px;
   padding: 9px 0 0;
   text-align: right;
 }
 
 .hentry.attachment:not(.image-attachment) .entry-meta {
   max-width: 104px;
 }
 
 .attachment footer.entry-meta {
   display: none;
 }
 
 .attachment-meta:before {
   content: "\f307";
 }
 
 .full-size-link a:before {
   content: "\f402";
 }
 
 .full-size-link:before {
   content: none;
 }
 
 .attachment .entry-meta a,
 .attachment .entry-meta .edit-link:before,
 .attachment .full-size-link:before {
   color: #ca3c08;
 }
 
 .attachment .entry-content {
   background-color: #fff;
   max-width: 100%;
   padding: 40px 0;
 }
 
 .image-navigation {
   margin: 0 auto;
   max-width: 1040px;
   position: relative;
 }
 
 .image-navigation a:hover {
   text-decoration: none;
 }
 
 .image-navigation .nav-previous,
 .image-navigation .nav-next {
   position: absolute;
   top: 50px;
 }
 
 .image-navigation .nav-previous {
   left: 0;
 }
 
 .image-navigation .nav-next {
   right: 0;
 }
 
 .image-navigation .meta-nav {
   font-size: 32px;
   font-weight: 300;
   vertical-align: -4px;
 }
 
 .attachment .entry-attachment,
 .attachment .type-attachment p {
   margin: 0 auto;
   max-width: 724px;
   text-align: center;
 }
 
 .attachment .entry-attachment .attachment {
   display: inline-block;
 }
 
 .attachment .entry-caption {
   text-align: left;
 }
 
 .attachment .entry-description {
   margin: 20px auto 0;
   max-width: 604px;
 }
 
 .attachment .entry-caption p:last-child,
 .attachment .entry-description p:last-child {
   margin: 0;
 }
 
 .attachment .site-main .sidebar-container {
   display: none;
 }
 
 
 /**
  * 5.7 Post/Paging Navigation
  * ----------------------------------------------------------------------------
  */
 
 .navigation .nav-previous {
   float: left;
 }
 
 .navigation .nav-next {
   float: right;
 }
 
 .navigation a {
   color: #bc360a;
 }
 
 .navigation a:hover {
   color: #ea9629;
   text-decoration: none;
 }
 
 .paging-navigation {
   background-color: #e8e5ce;
   padding: 40px 0;
 }
 
 .paging-navigation .nav-links {
   margin: 0 auto;
   max-width: 604px;
   width: 100%;
 }
 
 .sidebar .paging-navigation .nav-links {
   max-width: 1040px;
   padding: 0 376px 0 60px;
 }
 
 .paging-navigation .nav-next {
   padding: 13px 0;
 }
 
 .paging-navigation a {
   font-size: 22px;
   font-style: italic;
   font-weight: 300;
 }
 
 .paging-navigation .meta-nav {
   background-color: #e63f2a;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   font-size: 26px;
   padding: 3px 0 8px;
   text-align: center;
   width: 50px;
 }
 
 .paging-navigation .nav-previous .meta-nav {
   margin-right: 10px;
   padding: 17px 0 23px;
   width: 80px;
 }
 
 .paging-navigation .nav-next .meta-nav {
   margin-left: 10px;
 }
 
 .paging-navigation a:hover .meta-nav {
   background-color: #ea9629;
   text-decoration: none;
 }
 
 .post-navigation {
   background-color: #fff;
   color: #ca3c08;
   font-size: 20px;
   font-style: italic;
   font-weight: 300;
   padding: 20px 0;
 }
 
 .post-navigation .nav-links {
   margin: 0 auto;
   max-width: 1040px;
 }
 
 .sidebar .post-navigation .nav-links {
   padding: 0 376px 0 60px;
 }
 
 .post-navigation a[rel="next"] {
   float: right;
   text-align: right;
 }
 
 
 /**
  * 5.8 Author Bio
  * ----------------------------------------------------------------------------
  */
 
 .author-info {
   margin: 0 auto;
   max-width: 604px;
   padding: 30px 0 10px;
   text-align: left; /* gallery & video post formats */
   width: 100%;
 }
 
 .author.sidebar .author-info {
   max-width: 1040px;
   padding: 30px 376px 10px 60px;
 }
 
 .single .author-info {
   padding: 50px 0 0;
 }
 
 .author-avatar .avatar {
   float: left;
   margin: 0 30px 30px 0;
 }
 
 .single-format-status .author-description {
   color: #f7f5e7;
 }
 
 .author-description .author-title {
   clear: none;
   font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
   margin: 0 0 8px;
 }
 
 .author-link {
   color: #ca3c08;
   margin-left: 2px;
 }
 
 .author.archive .author-link {
   display: none;
 }
 
 
 /**
  * 5.9 Archives
  * ----------------------------------------------------------------------------
  */
 
 
 .archive-title,
 .archive-meta {
   font: 300 30px "Source Sans Pro", Helvetica, sans-serif;
   margin: 0 auto;
   max-width: 1040px;
   padding: 30px 0;
   width: 100%;
 }
 
 .archive-meta {
   font-size: 16px;
   font-style: normal;
   font-weight: normal;
   margin-top: -15px;
   padding: 0 0 11px;
 }
 
 .sidebar .archive-meta {
   padding-right: 316px;
 }
 
 
 /**
  * 5.10 Search Results/No posts
  * ----------------------------------------------------------------------------
  */
 
 .page-header {
   background-color: #e8e5ce;
 }
 
 .page-title {
   font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
   margin: 0 auto;
   max-width: 1040px;
   padding: 30px 0;
   width: 100%;
 }
 
 .page-content {
   margin: 0 auto;
   max-width: 604px;
   padding: 40px 0;
   width: 100%;
 }
 
 .sidebar .page-content {
   margin: 0 auto;
   max-width: 1040px;
   padding: 40px 376px 40px 60px;
 }
 
 
 /**
  * 5.11 404
  * ----------------------------------------------------------------------------
  */
 
 .error404 .page-header {
   background-color: #fff;
 }
 
 .error404 .page-title {
   line-height: 0.6;
   margin: 0;
   padding: 300px;
   position: relative;
   text-align: center;
   width: auto;
 }
 
 .error404 .page-title:before {
   color: #e8e5ce;
   content: "\f423";
   font-size: 964px;
   line-height: 0.6;
   overflow: hidden;
   position: absolute;
   left: 7px;
   top: 28px;
 }
 
 .error404 .page-wrapper {
   background-color: #e8e5ce;
 }
 
 .error404 .page-header,
 .error404 .page-content {
   margin: 0 auto;
   max-width: 1040px;
   padding-bottom: 40px;
   width: 100%;
 }
 
 
 /**
  * 5.12 Comments
  * ----------------------------------------------------------------------------
  */
 
 .comments-title,
 .comment-list,
 .comment-reply-title,
 .must-log-in,
 .comment-respond .comment-form,
 .comment-respond iframe {
   display: block;
   margin-left: auto;
   margin-right: auto;
   max-width: 604px;
   width: 100%;
 }
 
 .sidebar .comments-title,
 .sidebar .comment-list,
 .sidebar .must-log-in,
 .sidebar .comment-reply-title,
 .sidebar .comment-navigation,
 .sidebar .comment-respond .comment-form {
   max-width: 1040px;
   padding-left: 60px;
   padding-right: 376px;
 }
 
 .comments-title {
   font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
 }
 
 .comment-list,
 .comment-list .children {
   list-style-type: none;
   padding: 0;
 }
 
 .comment-list .children {
   margin-left: 20px;
 }
 
 .comment-list > li:after,
 .comment-list .children > li:before {
   background: url(images/dotted-line.png) repeat left top;
   background-size: 4px 4px;
   content: "";
   display: block;
   height: 1px;
   width: 100%;
 }
 
 .comment-list > li:last-child:after {
   display: none;
 }
 
 .comment-body {
   padding: 24px 0;
   position: relative;
 }
 
 .comment-author {
   float: left;
   max-width: 74px;
 }
 
 .comment-author .avatar {
   display: block;
   margin-bottom: 10px;
 }
 
 .comment-author .fn {
   word-wrap: break-word;
 }
 
 .comment-author .fn,
 .comment-author .url,
 .comment-reply-link,
 .comment-reply-login {
   color: #bc360a;
   font-size: 14px;
   font-style: normal;
   font-weight: normal;
 }
 
 .says {
   display: none;
 }
 
 .no-avatars .comment-author {
   margin: 0 0 5px;
   max-width: 100%;
   position: relative;
 }
 
 .no-avatars .comment-metadata,
 .no-avatars .comment-content,
 .no-avatars .comment-list .reply {
   width: 100%;
 }
 
 .bypostauthor > .comment-body .fn:before {
   content: "\f408";
   vertical-align: text-top;
 }
 
 .comment-list .edit-link {
   margin-left: 20px;
 }
 
 .comment-metadata,
 .comment-awaiting-moderation,
 .comment-content,
 .comment-list .reply {
   float: right;
   width: 79%;
   width: -webkit-calc(100% - 124px);
   width:         calc(100% - 124px);
   word-wrap: break-word;
 }
 
 .comment-meta,
 .comment-meta a {
   color: #a2a2a2;
   font-size: 13px;
 }
 
 .comment-meta a:hover {
   color: #ea9629;
 }
 
 .comment-metadata {
   margin-bottom: 20px;
 }
 
 .ping-meta {
   color: #a2a2a2;
   font-size: 13px;
   line-height: 2;
 }
 
 .comment-awaiting-moderation {
   color: #a2a2a2;
 }
 
 .comment-awaiting-moderation:before {
   content: "\f414";
   margin-right: 5px;
   position: relative;
   top: -2px;
 }
 
 .comment-reply-link:before,
 .comment-reply-login:before {
   content: "\f412";
   margin-right: 3px;
 }
 
 /* Comment form */
 .comment-respond {
   background-color: #f7f5e7;
   padding: 30px 0;
 }
 
 .comment .comment-respond {
   margin-bottom: 20px;
   padding: 20px;
 }
 
 .comment-reply-title {
   font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
 }
 
 .comment-reply-title small a {
   color: #131310;
   display: inline-block;
   float: right;
   height: 16px;
   overflow: hidden;
   width: 16px;
 }
 
 .comment-reply-title small a:hover {
   color: #ed331c;
   text-decoration: none;
 }
 
 .comment-reply-title small a:before {
   content: "\f406";
   vertical-align: top;
 }
 
 .sidebar .comment-list .comment-reply-title,
 .sidebar .comment-list .comment-respond .comment-form {
   padding: 0;
 }
 
 .comment-form .comment-notes {
   margin-bottom: 15px;
 }
 
 .comment-form .comment-form-author,
 .comment-form .comment-form-email,
 .comment-form .comment-form-url {
   margin-bottom: 8px;
 }
 
 .comment-form [for="author"],
 .comment-form [for="email"],
 .comment-form [for="url"],
 .comment-form [for="comment"] {
   float: left;
   padding: 5px 0;
   width: 120px;
 }
 
 .comment-form .required {
   color: #ed331c;
 }
 
 .comment-form input[type="text"],
 .comment-form input[type="email"],
 .comment-form input[type="url"] {
   max-width: 270px;
   width: 60%;
 }
 
 .comment-form textarea {
   width: 100%;
 }
 
 .form-allowed-tags,
 .form-allowed-tags code {
   color: #686758;
   font-size: 12px;
 }
 
 .form-allowed-tags code {
   font-size: 10px;
   margin-left: 3px;
 }
 
 .comment-list .pingback,
 .comment-list .trackback {
   padding-top: 24px;
 }
 
 .comment-navigation {
   font-size: 20px;
   font-style: italic;
   font-weight: 300;
   margin: 0 auto;
   max-width: 604px;
   padding: 20px 0 30px;
   width: 100%;
 }
 
 .no-comments {
   background-color: #f7f5e7;
   font-size: 20px;
   font-style: italic;
   font-weight: 300;
   margin: 0;
   padding: 40px 0;
   text-align: center;
 }
 
 .sidebar .no-comments {
   padding-left: 60px;
   padding-right: 376px;
 }
 
 
 /**
  * 5.13 Multisite
  * ----------------------------------------------------------------------------
  */
 
 .site-main .mu_register {
   margin: 0 auto;
   max-width: 604px;
   width: 100%;
 }
 
 .mu_alert {
   margin-top: 25px;
 }
 
 .site-main .mu_register input[type="submit"],
 .site-main .mu_register #blog_title,
 .site-main .mu_register #user_email,
 .site-main .mu_register #blogname,
 .site-main .mu_register #user_name {
   font-size: inherit;
   width: 270px;
 }
 
 .site-main .mu_register input[type="submit"] {
   width: auto;
 }
 
 
 /**
  * 6.0 Sidebar
  * ----------------------------------------------------------------------------
  */
 
 .site-main .widget-area {
   float: right;
   width: 300px;	
 }
 
 
 /**
  * 6.1 Widgets
  * ----------------------------------------------------------------------------
  */
 
 .widget {
   background-color: #000000;
   font-size: 14px;
   -webkit-hyphens: auto;
   -moz-hyphens:    auto;
   -ms-hyphens:     auto;
   hyphens:         auto;
   margin: 0 0 24px;
   padding: 20px;
   word-wrap: break-word;	
 }
 
 .widget .widget-title {
   font: 400 14px 'Montserrat', sans-serif;
   text-transform:uppercase;
   letter-spacing:0.1em;
   margin: 0 0 10px;
 }
 
 .widget .children li:last-child {
   padding-bottom: 0;
 }
 
 .widget li > ul,
 .widget li > ol {
   margin-left: 20px;
 }
 
 .widget a {
   color: #bc360a;
 }
 
 .widget a:hover {
   color: #ea9629;
 }
 
 /* Search widget */
 .search-form .search-submit {
   display: none;
 }
 
 /* RSS Widget */
 .widget_rss .rss-date {
   display: block;
 }
 
 .widget_rss .rss-date,
 .widget_rss li > cite {
   color: #a2a2a2;
 }
 
 /* Calendar Widget */
 .widget_calendar table,
 .widget_calendar td {
   border: 0;
   border-collapse: separate;
   border-spacing: 1px;
 }
 
 .widget_calendar caption {
   font-size: 14px;
   margin: 0;
 }
 
 .widget_calendar th,
 .widget_calendar td {
   padding: 0;
   text-align: center;
 }
 
 .widget_calendar a {
   display: block;
 }
 
 .widget_calendar a:hover {
   background-color: rgba(0, 0, 0, 0.15);
 }
 
 .widget_calendar tbody td {
   background-color: rgba(255, 255, 255, 0.5);
 }
 
 .site-footer .widget_calendar tbody td {
   background-color: rgba(255, 255, 255, 0.05);
 }
 
 .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
   background-color: transparent;
 }
 
 
 /**
  * 7.0 Footer
  * ----------------------------------------------------------------------------
  */
 
/*
 .site-footer {
   background-color: #c0c8d2;
   color: #d5dae6;
   font-size: 14px;
   text-align: center;
 }
 
 .site-footer .widget-area,
 .sidebar .site-footer {
   text-align: left;	
 }
 
 .site-footer a {
   color: #686758;
 }
 
 .site-footer .sidebar-container {
   background-color:#3F434C;		
   border-top:10px solid #d5dae6;
   padding: 20px 0;
 }
 
 .site-footer .widget-area {	
   margin: 0 auto;
   max-width: 1040px;
   width: 100%;
 }
 
 .sidebar .site-footer .widget-area {	
   max-width: 724px;
   position: relative;
   left: -158px;
 }
 
 .site-footer .widget {
   background: transparent;
   color: #fff;
   float: left;
   margin-right: 20px;
   width: 245px;
 }
 
 .sidebar .site-footer .widget {
   width: 228px;
 }
 
 .sidebar .site-footer .widget:nth-of-type(4),
 .sidebar .site-footer .widget:nth-of-type(3) {
   margin-right: 0;
 }
 
 .site-footer .widget a {
   color: #d5dae6;
   text-decoration:none;
   
 }
 
 .site-footer .widget a:hover {
   color: #a5a8b0;
 }
 
 
 
 .site-footer .widget-title,
 .site-footer .widget-title a,
 .site-footer .wp-caption-text {
   color: #fff;
 }
 
 .site-footer .textwidget {
   font-size:11px;
   text-transform:none;
   font-weight:normal;
   color:#d5dae6;
 }
 
 
 
 
 .site-footer .page-list {
   margin-top:-15px;
 }
 
 .site-footer a img {transition: all 0.3s ease-out; opacity:0.7;}
 .site-footer a:hover img {transition: all 0.3s ease-out;opacity:1;}
 
 .site-info {
   margin: 0 auto;
   max-width: 1040px;
   padding: 10px 0;
   width: 100%;
 }
 
 .site-info .widget {
   width:100%;
   margin:0;
   float:none;
   padding:0;
 }
 
 .site-info  .textwidget {
   color:#4e545d;
 }
 
 .site-info  .textwidget p {
   margin-bottom:0;
 }
 
*/
 .site-footer {
	background-color: #10486f;
	color: #d5dae6;
	font-size: 14px;
  text-align: center;
  position: relative;
}

.site-footer .widget-area,
.sidebar .site-footer {
	text-align: left;	
}

.site-footer a {
	color: #686758;
}

.site-footer .sidebar-container {
	background-color: #10486f;		
	/*padding: 20px 0;*/
}

.site-footer .widget-area {	
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}

.sidebar .site-footer .widget-area {	
	max-width: 724px;
	position: relative;
	left: -158px;
}

.site-footer .widget {
	background: transparent;
	color: #fff;
	float: left;
	margin-right: 20px;
	width: 245px;
}

aside#text-4 {
	width: 285px !important;
}

.sidebar .site-footer .widget {
	width: 33.3%;
}

.sidebar .site-footer .widget:nth-of-type(4),
.sidebar .site-footer .widget:nth-of-type(3) {
	margin-right: 0;
}

.site-footer .widget a {
	color: #d5dae6;
	text-decoration:none;
	
}

.site-footer .widget a:hover {
	color: #a5a8b0;
}



.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
	color: #fff;
}

.site-footer .textwidget {
	font-size:11px;
	text-transform:none;
	font-weight:normal;
	color:#d5dae6;
}




.site-footer .page-list {
	margin-top:-15px;
}

.site-footer a img {transition: all 0.3s ease-out; opacity:1;}
.site-footer a:hover img {transition: all 0.3s ease-out; opacity:0.7;}

.site-info {
	margin: 0 auto;
	max-width: 1040px;
	/*padding: 10px 0;*/
	width: 100%;
}

.site-info .widget {
	width:100%;
	margin:0;
	float:none;
	padding:0;
}

.site-info  .textwidget {
	color:#4e545d;
}

.site-info  .textwidget p {
	margin-bottom:0;
}

div.info, div.tel , div.email {
	border-left: 1px solid #fff;
    	padding-left: 10px;
    	width: 80%;
    	display: inline-block;
}

.footer-img {
	display: inline;
	float: left;
	margin-right: 10px;
}

.img-footer-container {
    width: 25px;
    float: left;
    display: inline-block;
}
 
 
 
 #wpstats {
   display: block;
   margin: -10px auto 0;
 }
 
 
 /**
  * 8.0 Media Queries
  * ----------------------------------------------------------------------------
  */
 
 @media (max-width: 1599px) {
   .site {
     border: 0;
   }
 }
 
 @media (max-width: 1069px) {
   .sidebar img.alignleft,
   .sidebar .wp-caption.alignleft {
     margin-left: 0;
   }
 
   .sidebar img.alignright,
   .sidebar .wp-caption.alignright {
     margin-right: 0;
   }
 
   .error404 .page-header {
     margin-left: auto;
     max-width: 604px;
     width: 100%;
   }
 
   .archive-header,
   .search .page-header,
   .archive .page-header,
   .blog .page-header,
   .error404 .page-content,
   .search .page-content,
   .archive .page-content,
   .attachment .entry-header,
   .attachment .entry-content,
   .post-navigation .nav-links,
   .sidebar .site-info,
   .site-footer .widget-area {
     padding-left: 20px;
     padding-right: 20px;
   }
 
   .error404 .page-title {
     font-size: 24px;
     padding: 180px;
   }
 
   .error404 .page-title:before {
     font-size: 554px;
   }
 
   .attachment .image-navigation {
     max-width: 724px;
   }
 
   .image-navigation .nav-previous,
   .image-navigation .nav-next {
     position: static;
   }
 
   .site-main .widget-area {
     margin-right: 60px;
   }
 }
 
 @media (max-width: 999px) {
   .sidebar .entry-header,
   .sidebar .entry-content,
   .sidebar .entry-summary,
   .sidebar .entry-meta,
   .sidebar .comment-list,
   .sidebar .comment-reply-title,
   .sidebar .comment-navigation,
   .sidebar .comment-respond .comment-form,
   .sidebar .featured-gallery,
   .sidebar .post-navigation .nav-links,
   .author.sidebar .author-info {
     max-width: 604px;
     padding-left: 0;
     padding-right: 0;
   }
 
   .sidebar .site-info,
   .search.sidebar .page-content,
   .blog.sidebar .page-content,
   .attachment .entry-header,
   .sidebar .comments-title {
     max-width: 604px;
   }
 
   .sidebar .archive-meta,
   .attachment .entry-header,
   .search.sidebar .page-content,
   .blog.sidebar .page-content,
   .sidebar .site-info,
   .sidebar .comments-title,
   .sidebar .no-comments {
     padding-left: 0;
     padding-right: 0;
   }
 
   .attachment .entry-meta {
     float: left;
     text-align: left;
     width: 100%;
   }
 
   .attachment .entry-content {
     max-width: 100%;
     padding: 40px 0;
   }
 
   .format-status .entry-content {
     padding-top: 40px;
   }
 
   .format-status .entry-meta {
     padding-bottom: 40px;
   }
 
   .sidebar .format-status .entry-content,
   .sidebar .format-status .entry-meta {
     padding-left: 35px;
   }
 
   .sidebar .format-status .entry-content:before,
   .sidebar .format-status .entry-meta:before {
     left: 10px;
   }
 
   .sidebar .format-status .entry-content p:first-child:before {
     left: 4px;
   }
 
   .sidebar .paging-navigation .nav-links {
     padding: 0 60px;
   }
 
   .site-main .sidebar-container {
     height: auto;
     margin: 0 auto;
     max-width: 604px;
     position: relative;
     top: 20px;
   }
 
   .site-main .widget-area {
     float: none;
     margin: 0;
     width: 100%;
   }
 
   .sidebar .site-footer .widget-area {
     max-width: 100%;
     left: 0;
   }
 }
 
 /* Collapse oversized image and pulled images after iPad breakpoint. */
 @media (max-width: 767px) {
   .entry-content img.alignleft,
   .entry-content .wp-caption.alignleft {
     margin-left: 0;
   }
 
   .entry-content img.alignright,
   .entry-content .wp-caption.alignright {
     margin-right: 0;
   }
 
   .attachment .image-navigation,
   .attachment .entry-attachment .attachment {
     max-width: 604px;
     padding: 0;
     width: 100%;
   }
 
   .gallery-caption {
     display: none;
   }
   .page-list-ext .page-list-ext-item {
     clear:both !important;
     width:100% !important;
     float:none !important;
     height:auto !important;
   }
   
   .one_half,.one_third,
   .two_third,.three_fourth,
   .one_fourth,.one_fifth,
   .two_fifth,.three_fifth,
   .four_fifth,.one_sixth,
   .five_sixth {
     width:100% !important;
     float:none !important;
     margin-right:0 !important;
   }
   
   blockquote {
     float:none !important;
     width:96% !important;
   }
 }
 
 @media (max-width: 643px) {
   .site-title {
     font-size: 30px;
   }
 
   #content .entry-header,
   #content .entry-content,
   #content .entry-summary,
   #content footer.entry-meta,
   #content .featured-gallery,
   .search.sidebar .page-content,
   .blog.sidebar .page-content,
   .sidebar .post-navigation .nav-links,
   .paging-navigation .nav-links,
   #content .author-info,
   .comments-area .comments-title,
   .comments-area .comment-list,
   .comments-area .comment-navigation,
   .comment-respond,
   .sidebar .site-info,
   .sidebar .paging-navigation .nav-links {
     padding-left: 20px;
     padding-right: 20px;
   }
 
   #content .format-status .entry-content,
   #content .format-status .entry-met {
     padding-left: 35px;
   }
   
   .home-link  {
     text-align:center;		
   }
   #socialbar {
     position:relative;
     margin:auto;
     top:0;
     right:0;
     text-align:center;
   }
   /* Small menu */
   .menu-toggle {
     cursor: pointer;
     display: inline-block;
     font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
     margin: 0;
     padding: 12px 0 12px 20px;
   }
 
   .menu-toggle:after {
     content: "\f502";
     font-size: 12px;
     padding-left: 8px;
     vertical-align: -4px;
   }
 
   .toggled-on .menu-toggle:after {
     content: "\f500";
     vertical-align: 2px;
   }
 
   .toggled-on .nav-menu,
   .toggled-on .nav-menu > ul {
     display: block;
     margin-left: 0;
     padding: 0;
     width: 100%;
   }
 
   .toggled-on li,
   .toggled-on .children {
     display: block;
   }
 
   .toggled-on .nav-menu li > ul {
     background-color: transparent;
     display: block;
     float: none;
     margin-left: 20px;
     position: relative;
     left: auto;
     top: auto;
   }
 
   .toggled-on .nav-menu li > ul a {
     color: #141412;
     width: auto;
   }
 
   .toggled-on .nav-menu li:hover > a,
   .toggled-on .nav-menu .children a {
     background-color: transparent;
     color: #141412;
   }
 
   .toggled-on .nav-menu li a:hover,
   .toggled-on .nav-menu ul a:hover {
     background-color: #878f98;
     color: #fff;
   }
 
   ul.nav-menu,
   div.nav-menu > ul {
     display: none;
   }
 
   #content .featured-gallery {
     padding-left: 24px;
   }
 
   .gallery-columns-1 .gallery-item {
     margin-right: 0;
     width: 100%;
   }
 
   .entry-title,
   .format-chat .entry-title,
   .format-image .entry-title,
   .format-gallery .entry-title,
   .format-video .entry-title {
     font-size: 22px;
     font-weight: bold;
   }
 
   .format-quote blockquote,
   .format-status .entry-content {
     font-size: 18px;
   }
 
   .format-quote blockquote small,
   .format-quote blockquote cite {
     font-size: 13px;
   }
 
   .error404 .page-title {
     padding: 40px 0 0;
   }
 
   .error404 .page-title:before {
     content: normal;
   }
 
   .comment-author {
     margin-right: 30px;
   }
 
   .comment-author .avatar {
     height: auto;
     max-width: 100%;
   }
 
   .comment-metadata,
   .comment-content,
   .comment-list .reply {
     width: 70%;
     width: -webkit-calc(100% - 104px);
     width:         calc(100% - 104px);
   }
 
   .comment-form input[type="text"],
   .comment-form input[type="email"],
   .comment-form input[type="url"] {
     width: -webkit-calc(100% - 120px);
     width:         calc(100% - 120px);
   }
 
   .comment-form textarea {
     height: 80px; /* Smaller field for mobile. */
   }
 
   /* Audio */
   .format-audio .entry-content:before {
     display: none;
   }
 
   .format-audio .audio-content {
     background-image: none;
     float: none;
     padding-left: 0;
     width: auto;
   }
   .page-list-ext .page-list-ext-item {
     clear:both !important;
     width:100% !important;
     float:none !important;
     height:auto !important;
   }
   
   .one_half,.one_third,
   .one_half,.one_third,
   .two_third,.three_fourth,
   .one_fourth,.one_fifth,
   .two_fifth,.three_fifth,
   .four_fifth,.one_sixth,
   .five_sixth {
     width:100% !important;
     float:none !important;
     margin-right:0 !important;
   }
   
   blockquote {
     float:none !important;
     width:96% !important;
   }
 }
 
 /* Mobile devices */
 @media (max-width: 359px) {
   .gallery {
     margin-left: 0;
   }
 
   .gallery .gallery-item,
   .gallery-columns-2.gallery-size-thumbnail .gallery-item {
     max-width: none;
     width: 49%;
     width: -webkit-calc(50% - 4px);
     width:         calc(50% - 4px);
   }
 
   .gallery-columns-1.gallery-size-medium,
   .gallery-columns-1.gallery-size-thumbnail,
   .gallery-columns-2.gallery-size-thumbnail,
   .gallery-columns-3.gallery-size-thumbnail {
     display: block;
   }
 
   .gallery-columns-1 .gallery-item,
   .gallery-columns-1.gallery-size-medium .gallery-item,
   .gallery-columns-1.gallery-size-thumbnail .gallery-item {
     text-align: center;
     width: 98%;
     width: -webkit-calc(100% - 4px);
     width:         calc(100% - 4px);
   }
 
   .gallery-columns-3 .gallery-item:nth-of-type(3n),
   .gallery-columns-5 .gallery-item:nth-of-type(5n),
   .gallery-columns-7 .gallery-item:nth-of-type(7n),
   .gallery-columns-9 .gallery-item:nth-of-type(9n) {
     margin-right: 4px;
   }
 
   .gallery br {
     display: none;
   }
 
   .gallery .gallery-item:nth-of-type(even) {
     margin-right: 0;
   }
 
   /* Comments */
   .comment-author {
     margin: 0 0 5px;
     max-width: 100%;
   }
 
   .comment-author .avatar {
     display: inline;
     margin: 0 5px 0 0;
     max-width: 20px;
   }
 
   .comment-metadata,
   .comment-content,
   .comment-list .reply {
     width: 100%;
   }
   
   .page-list-ext .page-list-ext-item {
     clear:both !important;
     width:100% !important;
     float:none !important;
     height:auto !important;
   }
   
   .one_half,.one_third,
   .two_third,.three_fourth,
   .one_fourth,.one_fifth,
   .two_fifth,.three_fifth,
   .four_fifth,.one_sixth,
   .five_sixth {
     width:100% !important;
     float:none !important;
     margin-right:0 !important;
   }
   
   blockquote {
     float:none !important;
     width:96% !important;
   }
 
 }
 
 
 /**
  * 9.0 Print
  * ----------------------------------------------------------------------------
  */
 
 /* Retina-specific styles. */
 @media print,
   (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
 
   .site-header .search-field {
     background-image: url(images/search-icon-2x.png);
   }
 
   .format-audio .audio-content,
   .format-status .entry-content:before,
   .format-status .entry-meta:before,
   .comment-list > li:after,
   .comment-list .children > li:before {
     background-image: url(images/dotted-line-2x.png);
   }
 }
 
 @media print {
   body {
     background: none !important;
     color: #000;
     font-size: 10pt;
   }
 
   footer a[rel="bookmark"]:link:after,
   footer a[rel="bookmark"]:visited:after {
     content: " [" attr(href) "] "; /* Show URLs */
   }
 
   .site {
     max-width: 98%;
   }
 
   .site-header {
     background-image: none !important;
   }
 
   .site-header .home-link {
     max-width: none;
     min-height: 0;		
   }
 
   .site-title {		
     font-size: 21pt;
   }
 
   .site-description {
     font-size: 10pt;
   }
 
   .author-avatar,
   .site-footer,
   .comment-respond,
   .comments-area .comment-edit-link,
   .comments-area .reply,
   .comments-link,
   .entry-meta .edit-link,
   .page-links,
   .site-content nav,
   .widget-area,
   .main-navigation,
   .navbar,
   .more-link {
     display: none;
   }
 
   .entry-header,
   .entry-content,
   .entry-summary,
   .entry-meta {
     margin: 0;
     width: 100%;
   }
 
   .page-title,
   .entry-title {
     font-size: 21pt;
   }
 
   .entry-meta,
   .entry-meta a {
     color: #444;
     font-size: 10pt;
   }
 
   .entry-content img.alignleft,
   .entry-content .wp-caption.alignleft {
     margin-left: 0;
   }
 
   .entry-content img.alignright,
   .entry-content .wp-caption.alignright {
     margin-right: 0;
   }
 
   .format-image .entry-content .size-full {
     margin: 0;
   }
 
   /* Remove colors from post formats */
   .hentry {
     background-color: #fff;
   }
 
   /* Comments */
   .comments-area > li.comment {
     background: none;
     position: relative;
     width: auto;
   }
 
   .comment-metadata {
     float: none;
   }
 
   .comment-author .fn,
   .comment-reply-link,
   .comment-reply-login {
     color: #333;
   }
 }
 
 
 
 
 /* ===== MODS ====== */
 
 p#breadcrumbs {
   max-width: 1040px;
   margin: 10px auto;
   font-size: 11px;
   text-transform: uppercase;
 }
 .home p#breadcrumbs {
   display:none;
 }
 
 
 h1,h2,h3, h4, h5,h6,.home .su-column p.step, .home .su-column p.subtitle, .anythingSlider a, p#breadcrumbs, footer, nav, .homebtn {font-family: 'Montserrat', sans-serif; text-transform:uppercase; letter-spacing:0.1em;}
 h1.entry-title {
   color:#242a33;
   font-size: 32px;
 }
 
 h2.entry-title {
   color:#242a33;
   font-size: 25px;
 }
 
 .entry-title a {color:#27ae60}
 .entry-title a:hover {color:#2cc36c;}
 
 .entry-content h2 {
   color:#82848a;
   font-size: 20px;
 }
 
 .entry-content h3 {
   font-size: 16px;
 }
 
 .su-column.last {
   margin-right:0;
 }
 
 
 .home .entry-title, .home .su-column h3 {
   text-align:center;
   margin:0;
 }
 
 .home h2 {
   text-align:center;
 }
 
 .home .su-column h3 {
   color:#19c060;
   font-size:26px;
 }
 
 .home .su-column + .su-column h3 {
   color:#3498db;
   font-size:26px;
 }
 
 .home .su-column + .su-column + .su-column h3 {
   color:#9b59b6;
   font-size:26px;
 }
 
 .home .su-column + .su-column + .su-column + .su-column h3 {
   color:#e67e22;
   font-size:26px;
 }
 
 
 
 .home .su-column p {
    text-align:center;
 }
 .home .su-column p.step, .home .su-column p.subtitle {
    text-align:center;
    color:#82848a;
    font-weight:700;
 }
 
 .home .su-column p.step {
   margin-bottom:0;
 }
 
 
 .entry-header + .entry-content h2 {
   margin-top:0;
 }
 
 
 
 
 #slider_wrapper {
   width:100%;
   /*height:380px;*/
   height:250px;
   background:url(images/slide-1.jpg) no-repeat top center;
   border-top: 2px solid #82848a !important;
   border-bottom: 2px solid #82848a !important;
 }
 
 #slider_wrapper.empty {
   width:100%;
   height:50px;
   background:url(images/slide-1.jpg) no-repeat top center;
   border-top: 2px solid #82848a !important;
   border-bottom: 2px solid #82848a !important;
 }
 
 div.anythingSlider-construction {
   /*padding:0 2% !important;*/
   padding:0 !important;
   
 }
 
 .anythingWindow {
   max-width:100%;
   border:none !important;
 }
 
 .content.clearfix {
   padding:0 2%;
 }
 
 .anythingSlider * {
   text-align:center;
 }
 .anythingSlider h1 {
   font-size:32px;
   color:#f0f0f0;
 }
 .anythingSlider h2 {
   font-size:16px;
   font-weight:400;
   color:#f0f0f0;
   margin:0;
   padding-top:65px;
 }
 
 .anythingSlider a {
   background:#27ae60;
   display:inline-block;
   margin:20px auto;
   color:#fff;
   text-transform:uppercase;
   font-size:16px;
   padding:10px 30px;
   border-radius:8px;
 }
 
 .anythingSlider a:hover {
   background:#2ecc71;
   text-decoration:none;
 }
 
 .anythingControls {
   display:none !important;
 }
 
 
 a.homebtn {
   background:#27ae60;
   display:inline-block;
   color:#fff;
   text-transform:uppercase;
   font-size:12px;
   padding:5px 10px;
   border-radius:4px;
 }
 
 a.homebtn:hover {
   background:#2ecc71;
   text-decoration:none;
 }
 
 
 
 /* ==== SERVIZI ===== */
 .page-list-ext .page-list-ext-item {
 clear:none !important;
 float: left;
 margin: 10px 20px 30px 0 !important;
 width: 30%;
 background: #f3f3f3;
 padding: 20px;
 height: 290px;
 border:1px solid #ddd;
 border-radius:5px;
 overflow:hidden;
 transition: all 0.3s ease-in-out;
 }
 
 .page-list-ext .page-list-ext-item:hover {
   background:#fff;
 }
 
 .page-list-ext-item h3 {
   margin:0 0 10px 0;
   text-align:center;
 }
 
 
 .page-list-ext .page-list-ext-image {
   float: none !important;
   display: table !important;
   margin: 0 auto 15px auto !important;
   position: relative;
   width: 60px;
 }
 
 .page-list-ext .page-list-ext-image img {
   width:100%;
   height:auto;
 }
 
 
 /* ====== LAVORA CON NOI ======== */
 .pagina-lavora-con-noi .su-divider.divider {
   margin: 20px 0;
   height:1px;
   background:#ddd;
 }
 
 .pagina-lavora-con-noi .entry-content h3 {
   padding-left: 35px;
   line-height:30px;
   background:url(images/freccia.png) no-repeat left center;
 }
 
 
 .pagina-lavora-con-noi .entry-content ul {
   margin:10px 0;
   padding:0 0 0 10px;
 }
 .pagina-lavora-con-noi .entry-content li {
   padding-left: 19px;
   background:url(images/ico-check.png) no-repeat left center;
   list-style:none;
 }
 
 
 
 
 /* ====== FORM ======== */
 
 
 .wpcf7 {
   background:#c0c8d2;
   padding:20px !important;
   border-radius:5px;
   font-size:12px;
 }
 
 .wpcf7 input, .wpcf7 textarea {
   border-color:#aab3bd;
   width: 98%;
 }
 
 .wpcf7 textarea {
   height:100px;
 }
 
 .wpcf7 input[type=file] {
   border:none;
 }
 
 .wpcf7 input[type=submit] {
   width:auto;
   background:#27ae60;
   padding:8px 30px;
   font-weight:bold;
   font-size:16px;
 }
 
 .wpcf7 p {
   margin-bottom:5px;
 }
 
 .wpcf7-form-control-wrap.privacy {
   float: left;
   margin-right: 15px;
 }
 
 .wpcf7 p.title {
   font-weight:bold;
   font-size:15px;
   margin-bottom:10px;
 }
 
 
 
 
 blockquote {
   float: left;
   display: block;
   width: 40%;
   padding: 2%;
   border-radius: 5px;
   margin: 10px 20px 10px 0;
 }
 
 blockquote p {
   margin:0;
 }
 
 
 
 blockquote.formazione {
   background:#9b59b6;
 }
 
 blockquote.formazione p {
   color:#fff;
 }
 
 /* pagine singole servizi */
 

 .pagina-consulenza .site-main /* consulenza */ {
   /*background:url(images/shades-consulenza.png) repeat-x top left; */
 }
 
 .pagina-consulenza input[type=submit] {
   /*background:url(images/shades-consulenza.png) repeat-x top left !important;*/ 
 }
 
 .page-id-49 .site-main /* database */ {
   /*background:url(images/shades-database.png) repeat-x top left;*/ 
 }
 
 .page-id-49 input[type=submit] /* database */ {
   /*background:url(images/shades-database.png) repeat-x top left;*/ 
 }
 
 
 .pagina-formazione .site-main /* formazione */ {
  /* background:url(images/shades-formazione.png) repeat-x top left;*/ 
 }
 
 .pagina-formazione input[type=submit] /* formazione */ {
   /*background:url(images/shades-formazione.png) repeat-x top left; */
 }
 
 
 .pagina-sviluppo-siti-web .site-main /* internet */ {
  /* background:url(images/shades-internet.png) repeat-x top left; */
 }
 
 .pagina-sviluppo-siti-web input[type=submit] /* internet */ {
   /*background:url(images/shades-internet.png) repeat-x top left;*/ 
 }
 
 
 .page-id-100 .site-main /* outsourcing */ {
  /* background:url(images/shades-outsourcing.png) repeat-x top left;*/ 
 }
 
 .page-id-100 input[type=submit] /* outsourcing */ {
   /*background:url(images/shades-outsourcing.png) repeat-x top left;*/ 
 }
 
 
 .pagina-system-integration .site-main /* system */ {
  /* background:url(images/shades-system.png) repeat-x top left; */
 }
 
 .pagina-system-integration input[type=submit] /* system */ {
  /* background:url(images/shades-system.png) repeat-x top left; */
 }
 
 html{
 overflow: scroll !important;
 }
 
 
 
/* ########################################################### */
/* #                                                         # */
/* #          STILI CUSTOM PER NUOVO TEMPLATE                # */
/* #                                                         # */
/* ########################################################### */
 
html{
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
 
/* colore sfondo del sito */
.site,
#main {
  background-color: #fff;
}

#main {
  padding-bottom: 1px;
}
 
.entry-header, .entry-content 
  /*.entry-summary, .entry-meta*/ {
  max-width: 1080px;
}
@media (max-width:1140px) {
  .entry-header
  /*.entry-content */
  /*.entry-summary, .entry-meta*/ {
    width: 98%;
    margin: 0 auto;
  }
  .entry-content {
    padding: 0 20px;
  }
  .pagina-homepage .entry-content {
    padding: 0px;
  }
}

  
/* >>>>>>> STILI GENERICI */
.float-left {
  float: left;
}
.float-right {
  float: right;
}

.centered {
  margin: 0 auto;
}
 
.display-block {
  display: block;
} 
.display-inline-block {
  display: inline-block;
}
 
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-center {
  text-align: center;
}
 
.max-width-1040 {
  max-width: 1040px!important;
}
.max-width-1080 {
  max-width: 1080px!important;
}

.width-100 {
  width:100%;
}
.width-40 {
  width:40%;
}
.width-35 {
  width:35%;
}
.width-30 {
  width:30%;
}
.width-20 {
  width:20%;
}  
.width-15,
.servizi-separator .width-15 {
  width:15%;
}
@media (max-width: 1023px) {
  .servizi-separator .width-15 {
    width: 30%;
  }
}
@media (max-width: 640px) {
  .servizi-separator .width-15 {
    width: 50%;
  }
}


.text-uppercase {
  text-transform: uppercase;
}
 
/* sfondi */
.bg-grey {
  background-color: grey;
}
.bg-light-grey {
  background-color: #f2efef;
}
.bg-light-blue-2 {
  background-color: #2296d4;
}
.bg-light-blue {
  background-color: lightblue;
}

/* bordi */
.border-grey {
  border-color: grey;
}
.border-light-blue-2 {
  border-color: #2296d4;
}
.border-white {
  border-color: white;
}

	
.border-width-1 {
  border-width: 1px;
  border-style: solid;
}

.border-left {
  border-right: none;
  border-top: none;
  border-bottom: none;
}

/* margini */
.margin-bottom-0 {
  margin-bottom: 0px!important;
}
.margin-bottom-10 {
  margin-bottom: 10px!important;
}
.margin-bottom-15 {
  margin-bottom: 15px!important;
}
.margin-bottom-20 {
  margin-bottom: 20px!important;
}
.margin-bottom-30 {
  margin-bottom: 30px!important;
}
.margin-bottom-40 {
  margin-bottom: 40px!important;
}


.margin-top-0 {
  margin-top: 0px!important;
}
.margin-top-10 {
  margin-top: 10px!important;
}
.margin-top-15 {
  margin-top: 15px!important;
}
.margin-top-20 {
  margin-top: 20px!important;
}
.margin-top-30 {
  margin-top: 30px!important;
}
.margin-top-50 {
  margin-top: 50px!important;
}


.margin-left-10 {
  margin-left: 10px!important;
}
.margin-left-20 {
  margin-top: 20px!important;
}
.margin-left-30 {
  margin-top: 30px!important;
}
.margin-left-2_5pc {
  margin-left: 2.5%;
}


.margin-right-5pc {
  margin-right: 5%!important;
}
.margin-right-10 {
  margin-right: 10px!important;
}
.margin-right-20 {
  margin-right: 20px!important;
}
.margin-right-30 {
  margin-right: 30px!important;
}
.margin-right-2_5pc {
  margin-right: 2.5%;
}

.padding-left-10 {
  padding-left: 10px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-left-30 {
  padding-left: 30px;
}

.padding-10 {
	padding: 10px;
}
.padding-20 {
	padding: 20px;
}

.padding-vertical-40 {
  padding: 40px 0px;
}

.padding-top-20 {
  padding-top: 20px;
}

.position-right {
  right: 0;
}
.position-right-10 {
  right: 10px;
}
.position-right-20 {
  right: 20px;
}	
.position-right-25 {
  right: 25px;
}
.position-right-40 {
  right: 40px;
}		
 
.position-bottom {
  bottom: 0;
}
 
/* colori */
.light-blue {
  color: #3c92ca!important;
}
.light-blue-2 {
  color: #2296d4!important;
}
.color-white {
  color: white!important;
}
.grey {
  color: grey!important;
}

/* cerchi */
.circle {
  border-radius :50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.circle-100 {
  width: 100px;
  height: 100px;
}
.circle-80 {
  width: 80px;
  height: 80px;
}
.circle-60 {
  width: 60px;
  height: 60px;
}
.circle-40 {
  width: 40px;
  height: 40px;
} 
.circle-30 {
  width: 30px;
  height: 30px;
} 
.circle-20 {
  width: 20px;
  height: 20px;
}  

.circle.with-chevron::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  border-radius: 1px;
  content: '';
  display: inline-block;
  height: 20%;
  width: 20%;
  margin: 0 auto;
  transform: rotate(-45deg);
}
    
.circle.with-chevron.chevron-bottom::before {
  /*top: 0;*/
  margin-top: -10%;
  transform: rotate(135deg);
}
    
.chevron-light-blue {
  color: #3c92ca;
}
.chevron-light-blue-2 {
  color: #2296d4;
}
.chevron-grey {
  color: grey;
} 
  
/* righe */
.vertical-row {
  margin-left: auto;
  margin-right: auto;
  height: 35%;
  min-height: 100px;
}

.horizontal-row {
  margin-left: auto;
  margin-right: auto;
  /*width: 35%;*/
}

.row-width-1 {
  width: 1px;
}

.row-height-1 {
  height: 1px;
}


/* ombre */
.shadow-type-1 {
  text-shadow: 0 0 3px rgba(0, 0, 0, 1);
  -moz-text-shadow: 0 0 3px rgba(0, 0, 0,1);
  -webkit-text-shadow: 0 0 3px rgba(0, 0, 0, 1);
  -o-text-shadow: 0 0 3px rgba(0, 0, 0, 1);
}
 
/* pulsanti */
.homepage-slide-link-button {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid white;
  width: auto;
  margin: 20px 0;
}
.homepage-slide-link-button:hover {
  text-decoration: none;
  cursor: pointer;  
}

.button-utility {
  border-radius: 4px;
  min-height: 45px;
}
	
.button-dark-blue {
  background-color: #10486f;
  transition: all 0.1s ease-in-out;
}
.button-dark-blue:hover {
  background-color: #165886;
}
 
.button-dark-green {
  background-color: #2d8800;
  transition: all 0.1s ease-in-out;
}
.button-dark-green:hover {
  background-color: #4fad21;
}
 
.button-dark-orange {
  background-color: #e26a00;
  transition: all 0.1s ease-in-out;
}
.button-dark-orange:hover {
  background-color: #dc7c27;
}
  

.col-1-4 {
  width: 100%;
  margin: 0 auto;
  float: left;
  height: 250px;
  max-height: 250px;
  padding: 10px;
}
@media (min-width:640px) {
  .col-1-4 {
    width: 50%;
  }
}
@media (min-width:768px) {
  .col-1-4 {
    width: 33.3333333%;
  }
}
@media (min-width:1024px) {
  .col-1-4 {
    width: 25%;
  }
}

.col-1-2 {
  width: 100%;
  padding: 10px;
  float: left;
}
@media (min-width:640px) {
  .col-1-2 {
    width: 50%;
  }
}

/* <<<<<<<< END STILI GENERICI */




.cta.contattaci,
.cta.consulenza,
.cta.invia-cv {
  display: none;
}




 
/* >>>>>>> HEADER  */
.site-header #socialbar {
  display: none;
}


@-webkit-keyframes bounce { 
  /*0%, 20%, 60%, 100% {-webkit-transform: translateY(0);} 
  40% {-webkit-transform: translateY(-30px);}
  50% {-webkit-transform: translateY(-15px);}*/
} 

@keyframes bounce { 
  /*0%, 20%, 60%, 100% {transform: translateY(0);} 
  40% {transform: translateY(-30px);}
  50% {transform: translateY(-15px);} */
}

.site-header {
  background: white;  
  -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
       -o-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;

  -webkit-animation-duration: 1s;
  animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both;           
}
.site-header.move-out {
  -webkit-opacity: 0;
     -moz-opacity: 0;
      -ms-opacity: 0;
       -o-opacity: 0;
          opacity: 0;         

  position: fixed;
  top: -200px;
  left: 0;
  z-index: 20;
  width: 100%;
  
}
.site-header.is-fixed {
  -webkit-opacity: 1;
     -moz-opacity: 1;
      -ms-opacity: 1;
       -o-opacity: 1;
          opacity: 1;       
  top: -70px;
  /* -webkit-animation-name: bounce; 
  animation-name: bounce;    */
}

.site-header.is-fixed a.home-link {
  transform: scale(0.6);
  position: relative;
  top: 40px;
  left: -40px;
  padding-bottom: 35px;  
}
.site-header.is-fixed a.codecampus-link {
  display: none;
}
.site-header.is-fixed a.blockchaindates-link {
  display: none;
}

.site-header.is-fixed #socialbar {
  display: none;
}
/*
.site-header.is-fixed #navbar {
  height: 45px;
}
.site-header.is-fixed #navbar nav {
  top: -25px;
}
.site-header.is-fixed .entry-content {
  height: 85px;
}
*/

@media (max-width: 480px) {
  .site-header.is-fixed {
    top: -112px;
  }
}

header .entry-content a:hover {
  background-color: transparent!important;
}

.site-header .home-link {
  display: block;
  margin: 0 auto;
  max-width: 200px;
  padding: 20px;
  text-decoration: none;
  width: auto;
  float: left;
}

.site-header .codecampus-link {
  display: block;
  text-decoration: none;
  width: 200px;
  float: right;
  position: relative;
  top: 45px;
  /*right: 240px;*/
}

.site-header .blockchaindates-link {
  display: block;
  text-decoration: none;
  width: 200px;
  float: right;
  position: relative;
  top: 45px;
  right: 20px;
  margin-left: 40px;
}

  .site-header .codecampus-link img {
    width: 100%;
    height: auto;
  }

  .site-header .blockchaindates-link img {
    width: 100%;
    height: auto;
  }   

.pagina-lavora-con-noi .entry-content #socialbar li {
  background: none;
  padding-left: 0;
}

/*@media (max-width:640px) {*/
  #socialbar {
    /*float: right;*/
    position: absolute;
    top: 15px;
    right: 10px;
  }
  #socialbar ul#menu-social {
    margin-top: -10px;
  }
  #socialbar li a {
    width: 30px;
    height: 30px;
  }
  #socialbar li.facebook a, #socialbar li.twitter a, #socialbar li.linkedin a, #socialbar li.g a {
    background-size: 30px 30px;
  }
  .site-header .codecampus-link {
    /*right: 15px;*/
    /*width: 120px;*/
    /*top: 48px;*/
  }

  #bc-mobile {
    text-align: center;
    background: url("images/blockchaindates-banner-mobile-bg.jpg") top left no-repeat;
    width: 100%;
    height: 68px;
    float: right;
    position: relative;
    top: 20px;
  }

  #bc-mobile img { width: 320px; height: 68px; }

/*}*/
@media (max-width:440px) {
  .site-header .home-link {
    margin-top: 20px;
    padding-bottom: 20px;
    width: 150px;
  } 

  .site-header .codecampus-link {
    top: -85px;
  }   
}

@media (min-width: 441px) and (max-width: 639px){
  .site-header .codecampus-link {
    top: -85px;
  } 
}

@media (max-width: 640px) {
  .site-header .entry-content {
    min-height: 160px;
    height: 200px;
  }

  .site-header .codecampus-link {
    /*position: absolute;*/
    /*top: 140px;
    left: 30px;*/
    /*top: 55px;*/
    top: -135px;
    right: 20px;
    width: 150px;
  } 

  #bc-desktop { display: none; }
  #bc-mobile { display: block; }

  /*.site-header .blockchaindates-link {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 2px;
    float: none;
    right: 0;
    width: 100%;
  } 

  .site-header .blockchaindates-link img {
    width: 40%;
    height: auto;
    margin: 0 auto;
  }  */
}

@media (min-width: 711px) {
  .site-header .home-link {
    /*float: none;*/
  }
}

@media (min-width: 641px) {
  #bc-desktop { display: block; }
  #bc-mobile { display: none; }
}

/* <<<<<<<< HEADER */
 
 

/* >>>>>>> HEADER > NAVBAR */
#site-navigation .menu-main-container {
  text-align: center;
}
#site-navigation .menu-main-container ul.nav-menu {
  padding-left: 0px;
  padding-right: 0px;
}
 
@media (max-width:1023px) {
  .menu-toggle {
    cursor: pointer;
    display: inline-block;
    /*font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;*/
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    width: 35px;
    height: 35px;
    margin-left: 10px;	  
    padding: 12px 0 12px 20px;
    color: white;
  }
   
  .menu-toggle:before {
    content: "";
    position: absolute;
    left: 0.5em;
    top: 0.5em;
    width: 1.5em;
    height: 0.2em;
    background: white;
    box-shadow: 0 0.35em 0 0 white, 0 0.72em 0 0 white;
  }
 
  .menu-toggle:after { display: none; }
  /*.menu-toggle:after {
    content: "\f502";
    font-size: 12px;
    padding-left: 8px;
    vertical-align: -4px;
  }	
  .toggled-on .menu-toggle:after {
    content: "\f500";
    vertical-align: 2px;
  }*/

  #page { transition: all 0.5s ease-in-out; }
  
  .page-translate-x {
    transform: translateX(300px);
  }


  #site-navigation .menu-main-container {
    position: fixed;
    left: -300px;
    top: 0px;
    transition: all 0.5s ease-in-out;
    height: 100%;
    width: 300px;
    background-color: #1b80c3;
    text-align: left;
  }

  #site-navigation .menu-main-container.fix-pos-for-ie {
    left: 0px!important;
  }

  #site-navigation .menu-main-container.nav-translate-x {
  /*transform: translateX(300px);*/
  }
  
  ul.nav-menu li:hover > ul,
  .nav-menu ul li:hover > ul {
    display: none;
  }
  
  
  ul.nav-menu,
  div.nav-menu > ul {
    display: block;
  }
  
  /*
  .nav-menu,
  .nav-menu > ul {
	display: block;
	margin-left: 0;
	padding: 0;
	width: 100%;
  }
  */
  .nav-menu li > ul a {
	color: #141412;
	width: auto;
  }
  /*
  .nav-menu li:hover > a,
  .nav-menu .children a {
	background-color: transparent;
	color: #141412;
  }
  */
   /*
  .nav-menu li a:hover,
  .nav-menu ul a:hover {
	background-color: #878f98;
	color: #fff;
  }
  */

  ul.nav-menu li {
	width: 100%;
  }
  
  ul.nav-menu li a {
	width: 100%;
	font-size: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
	
  ul.nav-menu li:hover,
  .nav-menu ul li:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	background-color: rgba(27, 128, 195, 0.4);
  }

}/* end @media 1023px per il menu */
 
@media (max-width: 640px) {
  .menu-toggle:before {
    top: 1em;
  }
}


.navbar {
  box-shadow: inset 0px 5px 10px -1px rgba(0,0,0, 0.3);
  -moz-box-shadow: inset 0px 5px 10px -1px rgba(0,0,0, 0.3);
  -webkit-box-shadow: inset 0px 5px 10px -1px rgba(0,0,0, 0.3);
  -o-box-shadow: inset 0px 5px 10px -1px rgba(0,0,0, 0.3);
  border-top: 4px solid #2f72b8;  
  background-color: #1b80c3;
}
 
.nav-menu li a {
  color: white;
  padding: 10px 10px;
}
@media (min-width:1024px) {
  .nav-menu li a {
    padding: 15px 10px;
  }
} 
@media (max-width:1599px) {
  .nav-menu li a {
  font-size: 14px;
  }
}
 
   
.nav-menu li:hover > a,
.nav-menu li a:hover {
  background-color:#186399;
  box-shadow: inset 1px 10px 4px -6px rgba(0,0,0, 0.3);
  -moz-box-shadow: inset 1px 10px 4px -6px rgba(0,0,0, 0.3);
  -webkit-box-shadow: inset 1px 10px 4px -6px rgba(0,0,0, 0.3);
  -o-box-shadow: inset 1px 10px 4px -6px rgba(0,0,0, 0.3);	
}
 
.nav-menu .sub-menu,
.nav-menu .children {
  background-color: #186399;
  box-shadow: 0px 3px 4px #828282;
  -moz-box-shadow: 0px 3px 4px #828282;
  -webkit-box-shadow: 0px 3px 4px #828282;
  -o-box-shadow: 0px 3px 4px #828282;
  border: 0;
  left: 0;
  min-width: 300px;
}
 
 
ul.nav-menu ul li {
  width: 100%;
}
 
 
ul.nav-menu ul a,
.nav-menu ul ul a {
  width: 100%;
  font-size: 13px;
  border-bottom: 1px solid #427fab;
  background: url('images/ico/sub-menu-ico.png') 10px 14px no-repeat;
  background-size: 14px 14px;
  text-indent: 20px;
  text-align: left;
}
   
 
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  background-color: rgba(27, 128, 195, 0.2);
  border-bottom: 1px solid white;
  background: url('images/ico/sub-menu-ico-hover.png') 10px 14px no-repeat;
  background-size: 14px 14px;
}

.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-ancestor > a {
  background-color:#186399;
  box-shadow: inset 1px 10px 4px -6px rgba(0,0,0, 0.3);
  -moz-box-shadow: inset 1px 10px 4px -6px rgba(0,0,0, 0.3);
  -webkit-box-shadow: inset 1px 10px 4px -6px rgba(0,0,0, 0.3);
  -o-box-shadow: inset 1px 10px 4px -6px rgba(0,0,0, 0.3);	
}
	
.nav-menu .sub-menu .current-menu-item > a  {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  background-color: rgba(27, 128, 195, 0.2);
  border-bottom: 1px solid white;
  background: url('images/ico/sub-menu-ico-hover.png') 10px 14px no-repeat;
  background-size: 14px 14px;
}
/* <<<<<<<< HEADER > NAVBAR */
  
 
/* >>>>>>> HEADER > SLIDER */
#metaslider_444 .nivo-caption {
  font-family: 'Montserrat', sans-serif;
  display: block;
  max-width: 1040px;
  margin: 0 auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
}
 
#metaslider_444 .nivo-caption .su-row {
  width: 90%;
  margin: 0 auto;
}
 
#metaslider_444 .nivo-caption h1 {
  font-size: 1.5rem;
  margin: 0px 0px 33px 0px;
}
@media (max-width: 640px) {
  #metaslider_444 .nivo-caption h1 {
    font-size: 1rem;
  }   
}
 
#metaslider_444 .su-row .su-column.slide-text {
  margin-top: 10%!important;
}
@media (min-width: 640px) {
  #metaslider_444 .su-row .su-column.slide-text {
    margin-top: 2%!important;
   }  
} 
@media (min-width: 1141px) {
  #metaslider_444 .su-row .su-column.slide-text {
    margin-top: 5%!important;
  }  
}
  
 
.nivo-slice img, .nivo-box img {
  width: auto!important;
}

.nivo-slice, .nivo-box,
.nivo-slice img, .nivo-box img {
  height: 100%!important;
}
@media (max-width: 1139px) {
  #metaslider_444 .nivo-main-image {
    width: auto!important;
    height: 220px!important;
    /*margin-left: 50%;
    transform: translateX(-50%);*/
  }
  #metaslider_444 h1 br {
    display: none;
  }
}
 
 
@media (min-width: 800px) {
  .theme-default #metaslider_444.nivoSlider .nivo-caption img {
    display: block;
    /*position: relative;*/
    top: inherit;
    left: inherit;
    height: 105%;
    width: auto;
    max-height: none;
    max-width: none;
  }
}
/* <<<<<<<< HEADER > SLIDER */
  

  
/* >>>>>>> HOMEPAGE */
article#post-372 {
  padding-top: 0px!important; /* reset padding */
}
  
article#post-372 .entry-content {
  max-width: 100%; /* mette il div full width */
}
  
article#post-372 header {
  display: none; /* nascondo header della pagina statica messa in home */
}
  
  
/* > FASCIA PRESENTAZIONE e BLOCKCHAIN */
.su-row.home-presentazione, .su-row.blockchaindates-presentazione {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.su-row.blockchaindates-presentazione {
  display: block;
  padding-bottom: 30px;
}

@media (max-width:1139px) {
.entry-content.home-presentazione, .entry-content.home-blockchaindates  {
  width: 96%;
  margin: 0 auto;
  }
}
  
.home-presentazione .home-presentazione-img, .home-blockchaindates .blockchaindates-presentazione-img {
  width: 80%;
}
  
.home-presentazione .home-presentazione-separator, .home-blockchaindates .blockchaindates-presentazione-separator {
  display: none;
  width: 20%;
  position: relative;
  /*top: 50%;*/
  -webkit-transform: translateY(12.5%);
  -ms-transform: translateY(12.5%);
  transform: translateY(12.5%);
}
@media (min-width: 768px) {
  .su-row.blockchaindates-presentazione {
    display: flex;
  }
  .home-presentazione .home-presentazione-separator, .home-blockchaindates .blockchaindates-presentazione-separator {
    display: block;
  }
}
   
@media (max-width:767px) {
  .su-row.home-presentazione .su-column:first-child {
    display:none;
  }
  .su-row.home-blockchaindates .su-column:first-child {
    width: 100%;
    text-align: center;
  }  
  .su-row.blockchaindates-presentazione .su-column:first-child {
    text-align: center;
  }    
  .su-row.home-presentazione .su-column:last-child, .su-row.blockchaindates-presentazione .su-column:last-child {
    width: 100%;
    margin-top: 40px!important;
  }	  
  .su-row.blockchaindates-presentazione .su-column:last-child {
    padding: 0px 20px;
  }
}




/* FASCIA SLIDER SERVIZI */
.home-slider-servizi {
  background: url('images/craon-azienda-informatica-sviluppo-software-slider-servizi.jpg') top center no-repeat;
  background-size: auto 100%;
  width: 100%;
  /*height: 512px;*/
  overflow: hidden;
  margin-bottom: 0px!important;
}

.home-slider-servizi p {
  font-family: 'Montserrat', sans-serif;
}

.home-slider-servizi .owl-stage-outer {
  padding: 20px 0px;
}

.home-slider-servizi .white {
  max-width: 1505px;
  margin: 0 auto;
}

.home-slider-servizi .sa_hover_container {
  min-height: 300px!important;
  max-height: 300px!important;
  border: 1px solid #909090;
  border-radius: 3px;
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow :0 0 15px 0px rgba(0, 0, 0, 0.5);
  transition: all 0.1s linear;
  padding-left: 0!important;
  padding-right: 0!important;
  padding-bottom: 0px!important;
}
.home-slider-servizi .sa_hover_container:hover {
  cursor: pointer;
  border-color: white;
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
}
.home-slider-servizi .owl-stage .owl-item:nth-child(1) .sa_hover_container:hover {
  background-color: #cc4a50!important;  
}


.home-slider-servizi .sa_hover_container p {
  position: absolute;
  bottom: 0;
  width: 89.5%;
  border-top: 1px solid white;
  height: 50px;
  padding-top: 20px;
  font-size: 1.18rem;
  color: white;
  text-transform: uppercase;
  line-height: 1;
}

.home-slider-servizi .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons {
  /*display: none;*/
  top: 0!important;
  left: 20px!important;
  right: 20px!important;
  bottom: 0!important;
  margin-left: 0px!important;
  margin-top:0px!important;
}
.home-slider-servizi .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons a.sa_slide_link_icon {
  width: 100%!important;
  height: 100%!important;
  background: none!important;
}
.home-slider-servizi .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons a.sa_slide_link_icon:hover {
  background: none!important;
}

.home-slider-servizi .sa_owl_theme .owl-nav div {
  top: 60%;
}
			
.home-slider-servizi .white .sa_owl_theme .owl-nav .owl-prev,
.home-slider-servizi .white .sa_owl_theme .owl-nav .owl-next {
  border-radius: 50%;
  width: 40px!important;
  height: 40px!important;
  background-size: 10px 20px!important;
}


/* FASCIA GDPR */	
.home-gdpr {
  background-color: #2296d4;
  position: relative;
}
.home-gdpr-bg {
  /* background-image: url('images/pagine/craon-azienda-informatica-sviluppo-software-gdpr.jpg');
  background-position:top center;
  background-repeat: no-repeat;
  background-size: 100% auto; */
  opacity: 0.4;
  -moz-opacity: 0.4;
  -webkit-opacity: 0.4;
  -o-opacity: 0.4;
  -ms-opacity: 0.4;
  background: repeating-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0) 5px,
    rgba(0, 0, 0, 0) 10px,
    #7ac0e6 10px,
    #7ac0e6 15px
  );   
  width: 100%;
  min-height: 400px;
  overflow: hidden;
  /* -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px );
  filter: blur(20px); */
  z-index: 3;
}
@media (max-width:400px) {
  .home-gdpr-bg {
    min-height: 500px;
  }
  .home-gdpr-content {
    padding: 10px;
  }  
}
@media (max-width:540px) {
  .home-gdpr-bg {
    min-height: 450px;
  }
}


.home-gdpr-content {
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0px;
  left: 0;
  z-index: 4;
}

.home-gdpr-content h1 {
  margin-top: -40px!important;
}

.home-gdpr-content a {
  border: 1px solid white;
  padding: 10px;
  display: inline-block;
  margin-top: 10px;
  background-color: #1b80c3;
  color: white!important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.home-gdpr-content a:hover {
  background-color: #89cbde;
}
/* ### FASCIA GDPR */	

						
/* FASCIA SLIDER LOGHI CLIENTI */	
.home-slider-clienti .sa_hover_container {
  display: flex;
  align-items: center;
  height: 150px;
  text-align: center;
}
.home-slider-clienti .sa_hover_container img {
  max-height: 100px;
  margin: 0 auto;
}

.pagina-clienti .sa_hover_container img,
.home-slider-clienti .sa_hover_container img {
  /*filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0, 0.3333 0.3333 0.3333 0 0, 0.3333 0.3333 0.3333 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");*/ /* Firefox 10+, Firefox on Android */
 /*-webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);						  
  filter: url(greyscale.svg#greyscale);*/
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */							  				  
  -webkit-filter: grayscale(1); /* Older Webkit */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  transition: all 0.3s ease-in-out;
}

.pagina-clienti .sa_hover_container:hover img,
.home-slider-clienti .sa_hover_container:hover img {
  filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  /*cursor: pointer;*/
}


.pagina-clienti .white .sa_owl_theme .owl-nav .owl-prev,
.pagina-clienti .white .sa_owl_theme .owl-nav .owl-next {
  border-radius: 50%;
  width: 40px!important;
  height: 40px!important;
  background-size: 10px 20px!important;
}

.pagina-clienti .white .sa_owl_theme .owl-nav .owl-next {
  right: -20px;
}
.pagina-clienti .white .sa_owl_theme .owl-nav .owl-prev {
  left: -20px;
}
/* <<<<<<<< END HOMEPAGE */


/* >>>>>>>> FOOTER */
.site-footer {
  padding-top: 30px;
}


footer.entry-meta {
  display: none;
}


.site-footer .widget-area.masonry {
  background-color: #10486f;
  height: auto!important;
}

.site-footer .widget {
  width: 70%;
  margin: 0 auto!important;
  padding: 20px 10px;
  position: relative!important;
  top: 0!important;
  left: 0!important;
  float: none;
  display: block;
}

@media (min-width: 640px) {
  .site-footer .widget {
    width: 50%;
	margin: 0!important;
	float: left;
  }
}

@media (min-width: 840px) {
  .site-footer .widget {
    width: 33.333333%;
  }
}

@media (min-width: 1024px) {
  .site-footer .widget {
    width: 25%;
  }
}

.site-footer .widget:fisrt-child {
  padding-left: 0px;
}
.site-footer .widget:last-child {
  padding-right: 0px;
}
		
.site-footer .widget-title {
  display: none;
}

.site-footer .widget ul.menu {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 0px;
}
				
.site-footer .widget .menu li a {
  font-weight: bold;
  text-transform: uppercase;
}
				
.site-footer .widget .menu li > ul {
  margin-left: 0px;
  padding-left: 20px;
}
					
.site-footer .widget .menu li > ul li a {
  text-transform: none;
  font-weight: normal;
}

.site-footer .blocco-certificazioni img { 
  width: 50%;
  height: auto;
}

.site-footer .blocco-contatti::before {
  content: '';
  /*display:block;
  top: 20px;
  left: -40px;
  position: absolute;	*/	
  float: left;
  margin-left: -55px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid white;
  background: url('images/ico/icon-contatti.png') top left no-repeat;
}

.site-footer .blocco-telefono::before {
  content: '';
  /*display:block;
  top: 20px;
  left: -40px;
  position: absolute;*/	
  float: left;
  margin-left: -55px;  
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid white;
  background: url('images/ico/icon-telefono.png') top left no-repeat;
}
.site-footer .blocco-email::before {
  content: '';
  /*display:block;
  top: 20px;
  left: -40px;
  position: absolute;*/	
  float: left;
  margin-left: -55px;  
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid white;
  background: url('images/ico/icon-email.png') top left no-repeat;
}

@media (max-width:440px) {
  .site-footer .button-utility span a {
    top: -8px;
    position: relative;
  }
}

.site-footer .button-utility span {
  padding-top: 5px;
}
.site-footer .blocco-utility .button-area-riservata span::before {
    content: '';
    float: left;
    /* display: inline-block; */
    height: 22px;
    width: 22px;
    border-right: 1px solid white;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: -5px;
    background: url(images/ico/icon-area-riservata.png) top left no-repeat;
}

.site-footer .blocco-utility .button-web-mail span::before {
    content: '';
    float: left;
    /* display: inline-block; */
    height: 22px;
    width: 22px;
    border-right: 1px solid white;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: -5px;
    background: url(images/ico/icon-web-mail.png) top left no-repeat;
}

.site-footer .button-utility {
  transition: all 0.3s ease-in-out;
}
.site-footer .button-utility:hover {
  background-color: #15537e;
  cursor: pointer;
}
/* <<<<<<<< FOOTER */



/* >>>>>>>> PAGINE INTERNE */

/* PAGINA SERVIZI */

.page-header.pagina-servizi {
  background: url(images/craon-azienda-informatica-sviluppo-software-slider-servizi.jpg) top center no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 150px;
  overflow: hidden;
}


.parent-pageid-34 #primary .entry-content {
  max-width: 100%;
}
.parent-pageid-34 .entry-content .servizio {
  width: 80%;
  max-width: 1080px;
  margin: 0 auto;
}
.parent-pageid-34 article {
  padding-bottom: 0;
}

.servizio {
  padding-top: 80px;
  padding-bottom: 50px;
}
.servizio img {
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow :0 0 15px 0px rgba(0, 0, 0, 0.5);
  border: 1px solid lightgray;
}
@media (max-width: 699px) {
  .servizio p {
    display: inline-block;
  }
  .servizio  img {
    margin-bottom: 40px;
  }		  
}

.servizio-cta,
.servizio .cta {
  border-width: 20px;
  border-style: solid;
  padding: 30px;
  transition: all 0.3s ease-in-out;
}
.servizio-cta:hover .button-cta{
  -ms-transform: scale(1.2, 1.2); /* IE 9 */
  -webkit-transform: scale(1.2, 1.2); /* Safari */
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2); 
   transform: scale(1.2, 1.2);
}
  
.servizio-cta.cta-full-size .button-cta {
  width: 90%;
  margin: 0 auto;
}
@media (min-width:768px) {
  .servizio-cta.cta-full-size .button-cta {
    width: 30%;
  }	
}  

.cta-container.side .cta {
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow :0 0 15px 0px rgba(0, 0, 0, 0.5);
}

.cta-container.side .cta .button-cta {
  border-radius: 4px;
}

/* db management */ 

.pagina-database-management .cta.contattaci{ display: block; }

/*.page-id-49 article .entry-content */
.pagina-database-management article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-db-management.jpg') 0 0 no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
		
@media (min-width:700px) {
  /*.page-id-49 article .entry-content*/
  .pagina-database-management article .entry-content {
    background-size: 100% auto;	  
  }
}

.pagina-database-management .entry-content a,
.pagina-database-management .comment-content a {
  color: #b4b357;
}
.pagina-database-management .entry-content a:hover,
.pagina-database-management .comment-content a:hover {
  color: white;
  background-color: #b4b357;
}



/*.page-id-49 h1 */
.pagina-database-management h1 {
  color: #b4b357;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}

/*.servizio-cta.post-49 a,*/
.pagina-database-management .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
/*.servizio-cta.post-49,*/
.pagina-database-management .servizio-cta,
.servizio.db-management .cta {
  background-color: #b4b357;
  border-color: #9d9c4c;
}
.pagina-database-management .servizio-cta:hover
/*.servizio-cta.post-49:hover */ {
  border-color: #b4b357;
}

/*.servizio-cta.post-49 h3,*/
.pagina-database-management .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

/*.servizio-cta.post-49 .button-cta,*/
.pagina-database-management .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

/*.servizio-cta.post-49 .button-cta:hover,*/
.pagina-database-management .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #9d9c4c;
  cursor: pointer;
}



/* consulenza */ 

.pagina-consulenza .cta.contattaci{ display: block; }

.pagina-consulenza article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-consulenza.jpg') 0 0 no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
		
@media (min-width:940px) {
  .pagina-consulenza article .entry-content {
    background-size: 100% auto;	  
  }
}


.pagina-database-management .entry-content a,
.pagina-database-management .comment-content a {
  color: #d03b41;
}
.pagina-database-management .entry-content a:hover,
.pagina-database-management .comment-content a:hover {
  color: white;
  background-color: #d03b41;
}

.pagina-consulenza h1 {
  color: #d03b41;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}

.pagina-consulenza .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
.pagina-consulenza .servizio-cta,
.servizio.db-management .cta {
  background-color: #d03b41;
  border-color: #bd2c32;
}
.pagina-consulenza .servizio-cta:hover {
  border-color: #d03b41;
}

.pagina-consulenza .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-consulenza .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-consulenza .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #bd2c32;
  cursor: pointer;
}



/* sviluppo siti */ 

.pagina-sviluppo-siti-web .cta.contattaci{ display: block; }

.pagina-sviluppo-siti-web article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-sviluppo-siti-web.jpg') 0 0 no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
		
@media (min-width:960px) {
  .pagina-sviluppo-siti-web article .entry-content {
    background-size: 100% auto;	  
  }
}

.pagina-database-management .entry-content a,
.pagina-database-management .comment-content a {
  color: #f99b4e;
}
.pagina-database-management .entry-content a:hover,
.pagina-database-management .comment-content a:hover {
  color: white;
  background-color: #f99b4e;
}


.pagina-sviluppo-siti-web h1 {
  color: #f99b4e;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}

.pagina-sviluppo-siti-web .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
.pagina-sviluppo-siti-web .servizio-cta,
.servizio.db-management .cta {
  background-color: #f99b4e;
  border-color: #f1862e;
}
.pagina-sviluppo-siti-web .servizio-cta:hover {
  border-color: #f99b4e;
}

.pagina-sviluppo-siti-web .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-sviluppo-siti-web .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-sviluppo-siti-web .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #f1862e;
  cursor: pointer;
}



/* sviluppo app */ 

.pagina-sviluppo-app .cta.contattaci{ display: block; }

.pagina-sviluppo-app article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-sviluppo-app.jpg') 0 0 no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
		
@media (min-width:700px) {
  .pagina-sviluppo-app article .entry-content {
    background-size: 100% auto;	  
  }
}


.pagina-database-management .entry-content a,
.pagina-database-management .comment-content a {
  color: #f1c40f;
}
.pagina-database-management .entry-content a:hover,
.pagina-database-management .comment-content a:hover {
  color: white;
  background-color: #f1c40f;
}

.pagina-sviluppo-app h1 {
  color: #f1c40f;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}

.pagina-sviluppo-app .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
.pagina-sviluppo-app .servizio-cta,
.servizio.db-management .cta {
  background-color: #f1c40f;
  border-color: #e1b503;
}
.pagina-sviluppo-app .servizio-cta:hover {
  border-color: #f1c40f;
}

.pagina-sviluppo-app .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-sviluppo-app .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-sviluppo-app .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #e1b503;
  cursor: pointer;
}


/* assistenza sistemistica */ 

.pagina-assistenza-sistemistica .cta.contattaci{ display: block; }

.pagina-assistenza-sistemistica article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-assistenza-sistemistica.jpg') 0 0 no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
		
@media (min-width:700px) {
  .pagina-assistenza-sistemistica article .entry-content {
    background-size: 100% auto;	  
  }
}


.pagina-database-management .entry-content a,
.pagina-database-management .comment-content a {
  color: #00bf90;
}
.pagina-database-management .entry-content a:hover,
.pagina-database-management .comment-content a:hover {
  color: white;
  background-color: #00bf90;
}

.pagina-assistenza-sistemistica h1 {
  color: #00bf90;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}

.pagina-assistenza-sistemistica .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
.pagina-assistenza-sistemistica .servizio-cta,
.servizio.db-management .cta {
  background-color: #00bf90;
  border-color: #0ba37e;
}
.pagina-assistenza-sistemistica .servizio-cta:hover {
  border-color: #00bf90;
}

.pagina-assistenza-sistemistica .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-assistenza-sistemistica .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-assistenza-sistemistica .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #0ba37e;
  cursor: pointer;
}


/* system integration */ 

.pagina-system-integration .cta.contattaci{ display: block; }

.pagina-system-integration article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-system-integration.jpg') 0 0 no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
		
@media (min-width:700px) {
  .pagina-system-integration article .entry-content {
    background-size: 100% auto;	  
  }
}


.pagina-database-management .entry-content a,
.pagina-database-management .comment-content a {
  color: #296f9f;
}
.pagina-database-management .entry-content a:hover,
.pagina-database-management .comment-content a:hover {
  color: white;
  background-color: #296f9f;
}

.pagina-system-integration h1 {
  color: #296f9f;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}

.pagina-system-integration .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
.pagina-system-integration .servizio-cta,
.servizio.db-management .cta {
  background-color: #296f9f;
  border-color: #1b5881;
}
.pagina-system-integration .servizio-cta:hover {
  border-color: #296f9f;
}

.pagina-system-integration .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-system-integration .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-system-integration .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #1b5881;
  cursor: pointer;
}



/* formazione */ 

.pagina-formazione .cta.contattaci{ display: block; }

.pagina-formazione .logo-codecampus img {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;  
}


.pagina-formazione article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-formazione.jpg') 0 0 no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
		
@media (min-width:700px) {
  .pagina-formazione article .entry-content {
    /*background-size: 100% auto;*/
  }
}
.pagina-formazione h1 {
  color: #cc7bcf;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}


.pagina-formazione .entry-content a, 
.pagina-formazione .comment-content a {
  color: #cc7bcf;
}

.pagina-formazione .entry-content a:hover, 
.pagina-formazione .comment-content a:hover {
  background-color: #cc7bcf;
  color: white;
}



.pagina-formazione .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
.pagina-formazione .servizio-cta,
.servizio.db-management .cta {
  background-color: #cc7bcf;
  border-color: #af5db2;
}
.pagina-formazione .servizio-cta:hover {
  border-color: #cc7bcf;
}

.pagina-formazione .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-formazione .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-formazione .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #af5db2;
  cursor: pointer;
}

blockquote.formazione {
  width: 100%;
  text-align: center;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
  /*background-color: #cc7bcf;*/
  background-color: transparent;
  /* text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -o-text-shadow: none;   */
}


/* progettazione sistemi informativi */

.pagina-progettazione-sistemi-informativi .cta.contattaci{ display: block; }

.pagina-progettazione-sistemi-informativi article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-sistemi-informativi.jpg') 0 0 no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
		
@media (min-width:700px) {
  .pagina-progettazione-sistemi-informativi article .entry-content {
    background-size: 100% auto;	  
  }
}


.pagina-database-management .entry-content a,
.pagina-database-management .comment-content a {
  color: #20d3bd;
}
.pagina-database-management .entry-content a:hover,
.pagina-database-management .comment-content a:hover {
  color: white;
  background-color: #20d3bd;
}


.pagina-progettazione-sistemi-informativi h1 {
  color: #20d3bd;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}

.pagina-progettazione-sistemi-informativi .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
.pagina-progettazione-sistemi-informativi .servizio-cta,
.servizio.db-management .cta {
  background-color: #20d3bd;
  border-color: #0dbda7;
}
.pagina-progettazione-sistemi-informativi .servizio-cta:hover {
  border-color: #20d3bd;
}

.pagina-progettazione-sistemi-informativi .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-progettazione-sistemi-informativi .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-progettazione-sistemi-informativi .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #0dbda7;
  cursor: pointer;
}




/* PAGINA GDPR */ 

.pagina-general-data-protection-regulation---gdpr .cta.contattaci{ display: block; }

.pagina-general-data-protection-regulation---gdpr article .entry-content   {
  min-height: 300px;
  background: url('images/pagine/craon-azienda-informatica-sviluppo-software-gdpr.jpg') no-repeat;
  background-position: 0 -200px;
  background-size: auto 100%;
}
		
@media (min-width:700px) {
  .pagina-general-data-protection-regulation---gdpr article .entry-content {
    background-size: 100% auto;	  
  }
}
@media (max-width: 643px) {
  .pagina-general-data-protection-regulation---gdpr article .entry-content {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}

.pagina-general-data-protection-regulation---gdpr .entry-content a,
.pagina-general-data-protection-regulation---gdpr .comment-content a {
  color: #6099b6;
}
.pagina-general-data-protection-regulation---gdpr .entry-content a:hover,
.pagina-general-data-protection-regulation---gdpr .comment-content a:hover {
  color: white;
  /* background-color: #6099b6; */
}



.pagina-general-data-protection-regulation---gdpr h1 {
  color: #6099b6;
  font-weight: bold; 
  text-align: center;
  margin-bottom: 60px;
}

.pagina-general-data-protection-regulation---gdpr .servizio-cta a,
.servizio.db-management .cta a {
  text-decoration: none;  
}
	
.pagina-general-data-protection-regulation---gdpr .servizio-cta,
.servizio.db-management .cta {
  background-color: #6099b6;
  border-color: #48819f;
}
.pagina-general-data-protection-regulation---gdpr .servizio-cta:hover {
  border-color: #6099b6;
}

.pagina-general-data-protection-regulation---gdpr .servizio-cta h3,
.servizio.db-management .cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-general-data-protection-regulation---gdpr .button-cta,
.servizio.db-management .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-general-data-protection-regulation---gdpr .button-cta:hover,
.servizio.db-management .button-cta:hover {
  background-color: #48819f;
  cursor: pointer;
}


.pagina-general-data-protection-regulation---gdpr .gdpr-container .su-row {
  margin-bottom: 0;
}

.pagina-general-data-protection-regulation---gdpr .gdpr-info {
  background-color: #6099b6;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-protagonisti {
  background-color: lightblue;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-punti-chiave {
  background-color: #6099b6;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-cosa-fare {
  background-color: white;
}

.pagina-general-data-protection-regulation---gdpr .gdpr-info .gdpr-content-cosa-e .col-1-2.sx h3 {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px;
  background-color: lightblue;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-info .gdpr-content-cosa-e .col-1-2.dx h3 {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px;  
  background-color: #6dc4e0;
}
@media (max-width:1140px) {
  .pagina-general-data-protection-regulation---gdpr .gdpr-info .gdpr-content-cosa-e .col-1-2 h3 {
    margin: 0px;
  }
}

.pagina-general-data-protection-regulation---gdpr .gdpr-info {
  text-shadow: none!important;
  -moz-text-shadow: none!important;
  -webkit-text-shadow: none!important;
  -o-text-shadow: none!important;
}

.pagina-general-data-protection-regulation---gdpr .gdpr-info .gdpr-content-cosa-e {
  margin: 0 auto;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-info .gdpr-content-cosa-e .col-1-2 {
  padding: 20px;
}

@media (max-width:1140px) {
  .pagina-general-data-protection-regulation---gdpr .gdpr-info .gdpr-content-cosa-e .gdpr-text {
    padding: 0px 20px;
  }
}


.pagina-general-data-protection-regulation---gdpr .gdpr-protagonisti .gdpr-content-protagonisti .protagonista-container {
  width: calc(100% / 6);
  float: left;
  padding: 10px 20px;
  text-align: center;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-protagonisti .gdpr-content-protagonisti .protagonista-container  img {
  width: 80px;
  height: 80px;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-protagonisti .gdpr-content-protagonisti .protagonista-container h3 {
  color: #6099b6;
}


@media (max-width:1365px) {
  .pagina-general-data-protection-regulation---gdpr .gdpr-protagonisti .gdpr-content-protagonisti .protagonista-container {
    width: calc(100% / 3);
  }
}
@media (max-width:767px) {
  .pagina-general-data-protection-regulation---gdpr .gdpr-protagonisti .gdpr-content-protagonisti .protagonista-container {
    width: calc(100% / 2);
    min-height: 235px;
  }
}
@media (max-width:479px) {
  .pagina-general-data-protection-regulation---gdpr .gdpr-protagonisti .gdpr-content-protagonisti .protagonista-container {
    width: 100%;
  }
}


/* .pagina-general-data-protection-regulation---gdpr .gdpr-punti-chiave h1 {
  color: #48819f!important;
} */

.pagina-general-data-protection-regulation---gdpr .gdpr-punti-chiave .gdpr-content-punti-chiave .content-row { 
  display: flex;
}
@media (max-width:1399px) {
  .pagina-general-data-protection-regulation---gdpr .gdpr-punti-chiave .gdpr-content-punti-chiave .content-row { 
    display: block;
  }
  .pagina-general-data-protection-regulation---gdpr .gdpr-punti-chiave .col-1-4 {
    width: 100%;
  }    
}


.pagina-general-data-protection-regulation---gdpr .gdpr-punti-chiave .col-1-4 {
  height: auto;
  max-height: none;
}

.pagina-general-data-protection-regulation---gdpr .gdpr-punti-chiave .col-1-4.sx {
  display: block;
  padding: 40px;
  background-color: #6fa3be;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-punti-chiave .col-1-4.dx {
  display: block;
  padding: 40px;  
  background-color: #6dc4e0;
}


.pagina-general-data-protection-regulation---gdpr .gdpr-cosa-fare .gdpr-content-cosa-fare {
  margin: 0 auto;
}

.pagina-general-data-protection-regulation---gdpr .gdpr-cosa-fare .gdpr-content-cosa-fare .cosa-fare-row {
  width: 50%;
  min-height: 170px;
}
@media (max-width:767px) {
  .pagina-general-data-protection-regulation---gdpr .gdpr-cosa-fare .gdpr-content-cosa-fare .cosa-fare-row {
    /*width: 100%;*/
    width: 80%;
    margin: 0 auto;
    float: none;    
  }
}

.pagina-general-data-protection-regulation---gdpr .gdpr-cosa-fare .gdpr-content-cosa-fare .circle {
  margin-right: 5%;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-cosa-fare .gdpr-content-cosa-fare .cosa-fare-text {
  width: 65%;
}


.pagina-general-data-protection-regulation---gdpr .gdpr-cosa-fare .gdpr-content-cosa-fare h1 {
  color: #6099b6!important;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.pagina-general-data-protection-regulation---gdpr .gdpr-cosa-fare .gdpr-content-cosa-fare h3 {
  color: #6099b6!important;
}



/* parti generiche */
.entry-content a, 
.comment-content a {
  color: #1b80c3;
}

.entry-content a:hover, 
.comment-content a:hover {
  color: white;
}


p#breadcrumbs {
  margin: 0 0 15px 0;
}


article.type-page .entry-thumbnail {
  display: flex;
  align-items: center;
  height: 160px;
}


/* PAGINA AZIENDA */

.page-header.pagina-l-azienda {
  background: url(images/pagine/craon-azienda-informatica-sviluppo-software-chi-siamo.jpg) top center no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: sticky;
  top: 0px;  
}
@media (min-width: 640px) {
  .page-header.pagina-l-azienda {
    background-size: 100% auto;
  }  
}
@media (min-width: 1200px) {
  .page-header.pagina-l-azienda {
    height: 450px;
  }
}


.pagina-l-azienda .entry-content a, 
.pagina-l-azienda .comment-content a {
  color: #1b80c3;
}

.pagina-l-azienda .entry-content a:hover, 
.pagina-l-azienda .comment-content a:hover {
  background-color: #186399;
  color: white;
}

.pagina-l-azienda .cta.consulenza { display: block; }

.pagina-l-azienda article {
  padding-bottom: 0px;
}

.pagina-l-azienda .servizio-cta {
  margin-top: 60px;
}
.pagina-l-azienda .servizio-cta a {
  text-decoration: none;
  /*content: 'contatti i nostri esperti';*/
}
	
.pagina-l-azienda .servizio-cta {
  background-color: #1b80c3;
  border-color: #2f72b8;		  
}
.pagina-l-azienda .servizio-cta:hover {
  border-color: #1b80c3;
}

.pagina-l-azienda .servizio-cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-l-azienda .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-l-azienda .button-cta:hover {
  background-color: #2f72b8;
  cursor: pointer;
}


/* PAGINA OFFERTA */
.pagina-offerta .cta { display: none; }

.pagina-offerta .page-list-ext .page-list-ext-item {
  /*height: 340px;*/
  height: 400px;
}
@media (min-width:768px) and (max-width:1024px) {
  .pagina-offerta .page-list-ext .page-list-ext-item .page-list-ext-item-content {
    font-size: 14px;
    line-height: 1.2;
  }
}
	
.page-list-ext .page-list-ext-image {
  width: auto;
  margin: 0 auto!important;
}

.pagina-offerta .page-list-ext .page-list-ext-item {
  color: white;
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow :0 0 15px 0px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.pagina-offerta .page-list-ext .page-list-ext-item:hover {
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);   
}

.pagina-offerta .page-list-ext .page-list-ext-item:hover .page-list-ext-item-content {
  color: white;
}
			
.pagina-offerta .page-list-ext .page-list-ext-item a {
  color: white;
}

/* box 1 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(1) {
  background-color: #d03b41;
  color: #7e171b;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(1):hover {
  background-color: #bd2c32;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(1):hover a {
  color: #7e171b;
}

/* box 2 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(2) {
  background-color: #f99b4e;
  color: #dd6400;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(2):hover {
  background-color: #f1862e;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(2):hover a {
  color: #dd6400;
}

/* box 3 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(3) {
  background-color: #f1c40f;
  color: #b99400;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(3):hover {
  background-color: #e1b503;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(3):hover a {
  color: #b99400;
}

/* box 4 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(4) {
  background-color: #00bf90;
  color: #0f6852;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(4):hover {
  background-color: #0ba37e;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(4):hover a {
  color: #0f6852;
}

/* box 5 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(5) {
  background-color: #20d3bd;
  color: #198073;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(5):hover {
  background-color: #0dbda7;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(5):hover a {
  color: #198073;
}

/* box 6 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(6) {
  background-color: #296f9f;
  color: #013354;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(6):hover {
  background-color: #1b5881;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(6):hover a {
  color: #013354;
}

/* box 7 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(7) {
  background-color: #b4b357;
  color: #8c8b1f;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(7):hover {
  background-color: #9d9c4c;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(7):hover a {
  color: #8c8b1f;
}

/* box 8 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(8) {
  background-color: #cc7bcf;
  color: #6e3470;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(8):hover {
  background-color: #af5db2;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(8):hover a {
  color: #6e3470;
}

/* box 9 */
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(9) {
  background-color: #6099b6;
  color: #0f5275;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(9):hover {
  background-color: #3e7896;
  cursor: pointer;
}
.pagina-offerta .page-list-ext .page-list-ext-item:nth-child(9):hover a {
  color: #0f5275;
}

.pagina-offerta .page-list-ext .page-list-ext-item h3 {
  font-size: 15px;
}


/* PAGINA PRODOTTI */
.page-header.pagina-prodotti {
  background: url(images/pagine/craon-azienda-informatica-sviluppo-software-prodotti.jpg) top center no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: sticky;
  top: 0px;  
  left: 0px;
}
@media (min-width: 640px) {
  .page-header.pagina-prodotti {
    background-size: 100% auto;
  }  
}
@media (min-width: 1200px) {
  .page-header.pagina-prodotti {
    height: 450px;
  }
}

.pagina-prodotti .entry-content a, 
.pagina-prodotti .comment-content a {
  color: #1b80c3;
}

.pagina-prodotti .entry-content a:hover, 
.pagina-prodotti .comment-content a:hover {
  background-color: #186399;
  color: white;
}

article.post-241 .entry-content {
  max-width: 100%;
}

article.post-241 .entry-content .row-content {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
}


article.post-241 .entry-content .row-container:nth-of-type(odd) {
  background-color: white;
}
article.post-241 .entry-content .row-container:nth-of-type(even) {
  background-color: #f2efef;
}

.pagina-prodotti .cta.consulenza { display: block; }

.pagina-prodotti article {
  padding-bottom: 0px;
}
/*
.pagina-prodotti .servizio-cta {
  margin-top: 60px;
}
*/
.pagina-prodotti .servizio-cta a {
  text-decoration: none;
  content: 'contatti i nostri esperti';
}
	
.pagina-prodotti .servizio-cta {
  background-color: #1b80c3;
  border-color: #2f72b8;		  
}
.pagina-prodotti .servizio-cta:hover {
  border-color: #1b80c3;
}

.pagina-prodotti .servizio-cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-prodotti .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-prodotti .button-cta:hover {
  background-color: #2f72b8;
  cursor: pointer;
}



/* PAGINA LAVORA CON NOI */

.page-header.pagina-lavora-con-noi {
  background: url(images/pagine/craon-azienda-informatica-sviluppo-software-lavora-con-noi.jpg) top center no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: sticky;
  top: 0px;  
  left: 0px;
  z-index: 0;
}
@media (min-width: 640px) {
  .page-header.pagina-lavora-con-noi {
    background-size: 100% auto;
  }  
}
@media (min-width: 1200px) {
  .page-header.pagina-lavora-con-noi {
    height: 450px;
  }
}

.pagina-lavora-con-noi .entry-content a, 
.pagina-lavora-con-noi .comment-content a {
  color: #1b80c3;
}

.pagina-lavora-con-noi .entry-content a:hover, 
.pagina-lavora-con-noi .comment-content a:hover {
  background-color: #186399;
  color: white;
}

.pagina-lavora-con-noi .cta.invia-cv { display: block; }

/*
.pagina-lavora-con-noi .servizio-cta {
  margin-top: 60px;
}
*/
.pagina-lavora-con-noi .servizio-cta a {
  text-decoration: none;
}
	
.pagina-lavora-con-noi .servizio-cta {
  background-color: #1b80c3;
  border-color: #2f72b8;		  
}
.pagina-lavora-con-noi .servizio-cta:hover {
  border-color: #1b80c3;
}

.pagina-lavora-con-noi .servizio-cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.pagina-lavora-con-noi .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.pagina-lavora-con-noi .button-cta:hover {
  background-color: #2f72b8;
  cursor: pointer;
}


.pagina-lavora-con-noi .AHRP_self {
  display: none;
}


.pagina-lavora-con-noi .entry-content h2 {
  color: #1b80c3;
}

.pagina-lavora-con-noi .entry-content #AlliboList a {
  color: #22C7F6;
  font-size: 22px;
}
.pagina-lavora-con-noi .entry-content #AlliboList a:hover {
  color: white;
}

.AHRP_adv {
  border-bottom: 1px solid #c0c0c0;
  margin-top: 24px;
}


/* PAGINA COLLABORAZIONI */

.page-header.pagina-collaborazioni {
  background: url(images/pagine/craon-azienda-informatica-sviluppo-software-collaborazioni.jpg) top center no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: sticky;
  top: 0px;
  left: 0px;
}
@media (min-width: 640px) {
  .page-header.pagina-collaborazioni {
    background-size: 100% auto;
  }  
}
@media (min-width: 1200px) {
  .page-header.pagina-collaborazioni {
    height: 450px;
  }
}

.pagina-collaborazionii .entry-content a, 
.pagina-collaborazionii .comment-content a {
  color: #1b80c3;
}

.pagina-collaborazionii .entry-content a:hover, 
.pagina-collaborazionii .comment-content a:hover {
  background-color: #186399;
  color: white;
}

.page-id-164 .cta.consulenza { display: block; }


.page-list-ext .page-list-ext-image {
  width: auto;
  margin: 0 auto!important;
}

.page-id-164 .collaborazioni-container .one_third {
  text-align: center;
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow :0 0 15px 0px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 30px;
}
.page-id-164 .collaborazioni-container .one_third:hover {
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);   
}

.page-id-164 .collaborazioni-container .one_third:nth-child(3),
.page-id-164 .collaborazioni-container .one_third:nth-child(6),
.page-id-164 .collaborazioni-container .one_third:nth-child(9),
.page-id-164 .collaborazioni-container .one_third:nth-child(12),
.page-id-164 .collaborazioni-container .one_third:nth-child(15) {
  margin-right: 0;
}

.page-id-164 .collaborazioni-container .one_third .collaborazioni-img {
  display: block;
  width: auto;
  height: auto;
}
.page-id-164 .collaborazioni-container .one_third .collaborazioni-link {
  display: block;
  margin-top: 40px;
}


.page-id-164 article {
  padding-bottom: 0px;
}

.page-id-164 .servizio-cta {
  margin-top: 60px;
}

.page-id-164 .servizio-cta a {
  text-decoration: none;
  content: 'contatti i nostri esperti';
}
	
.page-id-164 .servizio-cta {
  background-color: #1b80c3;
  border-color: #2f72b8;		  
}
.page-id-164 .servizio-cta:hover {
  border-color: #1b80c3;
}

.page-id-164 .servizio-cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.page-id-164 .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.page-id-164 .button-cta:hover {
  background-color: #2f72b8;
  cursor: pointer;
}



/* PAGINA PROGETTI */

.page-header.pagina-progetti {
  background: url(images/pagine/craon-azienda-informatica-sviluppo-software-progetti.jpg) top center no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: sticky;
  top: 0px;
  left: 0px;
}
@media (min-width: 640px) {
  .page-header.pagina-progetti {
    background-size: 100% auto;
  }  
}
@media (min-width: 1200px) {
  .page-header.pagina-progetti {
    height: 450px;
  }
}

.pagina-progetti .entry-content a, 
.pagina-progetti .comment-content a {
  color: #1b80c3;
}

.pagina-progetti .entry-content a:hover, 
.pagina-progetti .comment-content a:hover {
  background-color: #186399;
  color: white;
}

.page-id-485 .cta.consulenza { display: block; }


.page-list-ext .page-list-ext-image {
  width: auto;
  margin: 0 auto!important;
}

.page-id-485 .collaborazioni-container .one_third {
  text-align: center;
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow :0 0 15px 0px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 30px;
}
.page-id-485 .collaborazioni-container .one_third:hover {
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.8);   
}

.page-id-485 .collaborazioni-container .one_third:nth-child(3),
.page-id-485 .collaborazioni-container .one_third:nth-child(6),
.page-id-485 .collaborazioni-container .one_third:nth-child(9),
.page-id-485 .collaborazioni-container .one_third:nth-child(12),
.page-id-485 .collaborazioni-container .one_third:nth-child(15) {
  margin-right: 0;
}

.page-id-485 .collaborazioni-container .one_third .collaborazioni-img {
  display: block;
  width: auto;
  height: auto;
}
.page-id-485 .collaborazioni-container .one_third .collaborazioni-link {
  display: block;
  margin-top: 40px;
}


.page-id-485 article {
  padding-bottom: 0px;
}

.page-id-485 .servizio-cta {
  margin-top: 60px;
}

.page-id-485 .servizio-cta a {
  text-decoration: none;
  content: 'contatti i nostri esperti';
}
	
.page-id-485 .servizio-cta {
  background-color: #1b80c3;
  border-color: #2f72b8;		  
}
.page-id-485 .servizio-cta:hover {
  border-color: #1b80c3;
}

.page-id-485 .servizio-cta h3 {
  margin-top: 0px;
  color: white;
  margin-bottom: 50px;
}

.page-id-485 .button-cta {
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.page-id-485 .button-cta:hover {
  background-color: #2f72b8;
  cursor: pointer;
}



/* PAGINA CONTATTI */

.page-header.pagina-contatti {
  background: url(images/pagine/craon-azienda-informatica-sviluppo-software-contatti.jpg) top center no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: sticky;
  top: 0px;
  left: 0px;
}
@media (min-width: 640px) {
  .page-header.pagina-contatti {
    background-size: 100% auto;
  }  
}
@media (min-width: 1200px) {
  .page-header.pagina-contatti {
    height: 450px;
  }
}

.pagina-contatti .entry-content a, 
.pagina-contatti .comment-content a {
  color: #1b80c3;
}

.pagina-contatti .entry-content a:hover, 
.pagina-contatti .comment-content a:hover {
  background-color: #186399;
  color: white;
}

.pagina-contatti .site-main .entry-content {
  max-width: 100%;
  width: 100%;
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.pagina-contatti .site-main .entry-content .row-content,
#wpcf7-f162-p117-o1 form {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
}
  #wpcf7-f162-p117-o1 form {
    padding-top: 20px;
  }
.pagina-contatti .servizio-cta { display: none; }


.pagina-contatti .site-main .entry-content .row-content > div.one_half {
  width: 45%;
  margin-right: 2%;
}
.pagina-contatti .site-main .entry-content .row-content .one_half.last {
  width: 53%;
}

.pagina-contatti .site-main .entry-content .one_half.last div {
  margin-bottom: 30px;
}

.pagina-contatti .site-main .entry-content img.alignleft {
  margin-top: 0px;
  border-radius: 50%;
  border: 1px solid #c0c0c0;
}

.row-googlemaps small {
  padding-left: 10px;
}

#wpcf7-f162-p117-o1 {
  background-color: lightblue;
  border-radius: 0px;
}

#wpcf7-f162-p117-o1 input, 
#wpcf7-f162-p117-o1 textarea,
#wpcf7-f162-p117-o1 select {
  width: 100%;
  border: 1px solid cornflowerblue;
  border-radius: 4px;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}
  #wpcf7-f162-p117-o1 select option {
    font-size: 1.1em;
  }
  #wpcf7-f162-p117-o1 textarea {
    height: 250px;
  }

#wpcf7-f162-p117-o1 input:focus, 
#wpcf7-f162-p117-o1 textarea:focus {
  border: 2px solid cornflowerblue;
  box-shadow: inset 0px 0px 10px rgba(0,0,0, 0.4);
  -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0, 0.4);
  -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0, 0.4);
  -o-box-shadow: inset 0px 0px 10px rgba(0,0,0, 0.4);  
}

#wpcf7-f162-p117-o1 p {
  margin-bottom: 10px;
}

#wpcf7-f162-p117-o1 input[type=submit] {
  background-color: dodgerblue;
  transition: all 0.3s ease-in-out;
}
#wpcf7-f162-p117-o1 input[type=submit]:hover {
  background-color: lightskyblue;
  color: dodgerblue;
}

#wpcf7-f162-p117-o1 .wpcf7-captchar {
  width: 200px;
}

#wpcf7-f162-p117-o1 .cf7sr-g-recaptcha > div {
  margin: 0 auto;
}


/* PAGINA CLIENTI */

.page-header.pagina-clienti {
  background: url(images/craon-azienda-informatica-sviluppo-software-slider-servizi.jpg) top center no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 150px;
  overflow: hidden;
}


.box-container.clienti {
  display: table;
  width: 100%;
}

.slider-mobile-version.clienti {
  display: none;
}
.box-container.clienti {
  display: block;
}
@media (max-width:639px) {
  .slider-mobile-version.clienti {
    display: block;
  }
  .box-container.clienti {
    display: none;
  }
  /*
  .box-container.clienti .col-1-4 {
    width: 150px;
  }

  .box-container.clienti {
    width: 90%;
    margin: 0 auto;
    overflow-x: scroll;
    display: block;
    white-space: nowrap;
  }

  .box-container.clienti .mobile-container {
    width: auto;
  }

  .box-container.clienti .col-1-4 {
    float: left;
  }
  */
}

.box-container.clienti .box-content {
  border: 1px solid lightgrey;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.box-container.clienti .box-content img {
  margin: 0 auto;
  max-width: 60%;
  height: auto;

  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */							  				  
  -webkit-filter: grayscale(1); /* Older Webkit */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  transition: all 0.3s ease-in-out;
}						
.box-container.clienti .box-content:hover img {
  filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}



/* <<<<<<<< PAGINE INTERNE */



/* <<<<<<<< PLUGIN CHAT */

/* colori chat */
.wplc-color-bg-1 {
  background-color: #1b80c3!important;
}

.wplc-color-border-1 {
  border-color:#1b80c3!important;
}

.wplc-color-border-1:before {
  border-color:transparent #1b80c3!important;
}




/* chat offline */
#wp-live-chat-2 {
  box-shadow: 0 0 40px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 40px 1px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 40px 1px rgba(0,0,0,0.5);
  -o-box-shadow: 0 0 40px 1px rgba(0,0,0,0.5);
}

#wp-live-chat-2 input,
#wp-live-chat-2 textarea {
  border: 1px solid lightgray;
}

#wp-live-chat-2 #wplc_na_msg_btn {
  border-radius: 5px!important;
}

#wp-live-chat-2-info {
  padding-top: 15px;
}


#wplc_message_div {
  margin-top: 0px;
  background: ora;
  padding: 20px;
  background-color: #1b80c3;
  border: 1px solid #1b80c3;
  color: white;
}


/* finestra 'vuoi chattare con un esperto?' */
#wplc_hovercard {
  box-shadow: 0 0 40px 1px rgba(0,0,0,0.5)!important;
  -moz-box-shadow: 0 0 40px 1px rgba(0,0,0,0.5)!important;
  -webkit-box-shadow: 0 0 40px 1px rgba(0,0,0,0.5)!important;
  -o-box-shadow: 0 0 40px 1px rgba(0,0,0,0.5)!important;
  background-color: #1b80c3;
}

#wplc_hovercard_bottom {
  background-color: #1b80c3;
}

#wplc_hovercard  .wplc-color-4 {
  color: white!important;
}

#wplc_hovercard button {
  background: #1b80c3!important;
  border: 1px solid lightgray;
  border-radius: 4px!important;
  margin-bottom: 15px;
}

#wplc_hovercard .wplc_left_logo {
  background: none!important;
  background-image: url('images/craon-logo-chat.png')!important;
  background-size: 100% auto!important;
  background-position: 0 0!important;
  background-repeat: no-repeat!important;
}

/* finestra inserisci i dati per chattare */
#wp-live-chat-2-inner {
  background-color: #1b80c3;
}

#wp-live-chat-2-info {
  color: white!important;
}

#wp-live-chat-2-inner button {
  background: #1b80c3!important;
  border: 1px solid lightgray;
  border-radius: 4px!important;
  margin-bottom: 15px;
}

/* finestra di conversazione */

#wp-live-chat-4 {
  box-shadow: 0 40px 80px 20px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 40px 80px 20px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 40px 80px 20px rgba(0,0,0,0.5);
  -o-box-shadow: 0 40px 80px 20px rgba(0,0,0,0.5);
}

#wp-live-chat-4 textarea {
  border: 1px solid lightgray;
  width: 95%!important;
  margin: 0 auto;
  display: block;
  padding: 10px!important;
  line-height: normal;
  height: 80px;
  margin-bottom: 10px;  
}

#wp-live-chat-4 #wplc_chatbox {
  bottom: 35px!important;
}


.wplc_thumb32 {
  margin-left: 20px;
}
.wplc-shrink .wplc_agent_involved {
  margin-left: 10px;
  width: auto;
}
/* <<<<<<<< PLUGIN CHAT */