/* line 54, ../sass/blue.scss */
body {
  background: url('../images/body-bg.png?1373031904');
  color: #343e3b;
}

/* line 58, ../sass/blue.scss */
a {
  color: #343e3b;
}

/* line 61, ../sass/blue.scss */
footer {
  color: white;
  background-color: #10a0c3;
}

/* line 65, ../sass/blue.scss */
.defField {
    border: 1px solid #c5cacf;
}

.defField.closed {
    display: none;
}


/* line 67, ../sass/blue.scss */
.defField:focus {
  border-color: #10a0c3;
}

/* line 71, ../sass/blue.scss */
.button {
  background-color: #10a0c3;
  color: white;
}
/* line 74, ../sass/blue.scss */
.button:hover {
  background-color: #18b6dc;
}
/* line 77, ../sass/blue.scss */
.button:active {
  background-color: white;
  color: #10a0c3;
}

/* line 82, ../sass/blue.scss */
nav {
  background: white;
}
/* line 85, ../sass/blue.scss */
nav h1 a {
  color: #10a0c3;
}
/* line 92, ../sass/blue.scss */
nav ul li.active a,
nav ul li a:hover {
  color: #10a0c3;
}
@media all and (max-width: 640px) {
  /* line 98, ../sass/blue.scss */
  nav .mobile_menu {
    background: url('../images/blue/mobile_menu_ico.png?1374659486') center center no-repeat;
  }
}

/* line 103, ../sass/blue.scss */
.bg-fixed {
  color: white;
}

/* line 108, ../sass/blue.scss */
.social li a {
  background-color: #c5cacf;
  color: #343e3b;
}
/* line 111, ../sass/blue.scss */
.social li a:hover {
  color: white;
  background-color: #10a0c3;
}

/* line 120, ../sass/blue.scss */
.albums .box a {
  background-color: white;
}

/* line 125, ../sass/blue.scss */
.one-item {
  background-color: white;
  color: #343e3b;
}
/* line 128, ../sass/blue.scss */
.one-item a {
  color: #10a0c3;
}
/* line 134, ../sass/blue.scss */
.one-item section h4,
.one-item section h1,
.one-item section h3 {
  border-bottom: 1px solid #c5cacf;
}
/* line 136, ../sass/blue.scss */
.one-item section h4 a,
.one-item section h1 a,
.one-item section h3 a {
  color: #343e3b;
}
/* line 138, ../sass/blue.scss */
.one-item section h4 a:hover,
.one-item section h1 a:hover,
.one-item section h3 a:hover {
  color: #10a0c3;
}
/* line 143, ../sass/blue.scss */
.one-item section .item-info {
  color: #10a0c3;
}
/* line 146, ../sass/blue.scss */
.one-item section .more {
  color: #10a0c3;
}
/* line 149, ../sass/blue.scss */
.one-item section .article-tags {
  border-top: 1px solid #c5cacf;
  border-bottom: 1px solid #c5cacf;
}
/* line 152, ../sass/blue.scss */
.one-item section .article-tags i {
  color: #10a0c3;
}
/* line 155, ../sass/blue.scss */
.one-item section .article-tags a {
  color: #10a0c3;
}
/* line 161, ../sass/blue.scss */
.one-item section .article-buttons .nav-buttons .button {
  color: white;
}

/* line 169, ../sass/blue.scss */
.right-search input[type=submit] {
  background: url('../images/blue/blog-search.png?1374659486') no-repeat center center;
}

/* line 175, ../sass/blue.scss */
.right-archive a span {
  color: #10a0c3;
}
/* line 178, ../sass/blue.scss */
.right-archive a:hover {
  color: #10a0c3;
}

/* line 184, ../sass/blue.scss */
.right-tags .tag-list {
  color: #10a0c3;
}
/* line 186, ../sass/blue.scss */
.right-tags .tag-list a {
  color: #10a0c3;
}

/* line 191, ../sass/blue.scss */
.article-comments {
  background-color: white;
}
/* line 194, ../sass/blue.scss */
.article-comments h3 span {
  color: #10a0c3;
}
/* line 198, ../sass/blue.scss */
.article-comments .comment-list {
  border-top: 1px solid #c5cacf;
  border-bottom: 1px solid #c5cacf;
}

/* line 204, ../sass/blue.scss */
.comment.noextended:after {
  background-color: #c5cacf;
}
/* line 208, ../sass/blue.scss */
.comment .comment-info .comment-name {
  border-bottom: 1px solid #c5cacf;
}
/* line 210, ../sass/blue.scss */
.comment .comment-info .comment-name span {
  color: #10a0c3;
}
/* line 216, ../sass/blue.scss */
.comment .comment-buttons .comment-reply-link {
  color: #10a0c3;
}

/* line 225, ../sass/blue.scss */
#home .wrapper .header-holder .logo-wrap {
  color: #10a0c3;
}
/* line 227, ../sass/blue.scss */
#home .wrapper .header-holder .logo-wrap .logo-resize {
  background-color: white;
}
/* line 230, ../sass/blue.scss */
#home .wrapper .header-holder .logo-wrap .logo {
  background: url('../images/blue/logo.png?1374659486') 0 0 no-repeat;
}
/* line 235, ../sass/blue.scss */
#home .wrapper .header-holder ul li {
  background-color: white;
}
/* line 237, ../sass/blue.scss */
#home .wrapper .header-holder ul li .hoverColor {
  background-color: #12a1c4;
}
/* line 240, ../sass/blue.scss */
#home .wrapper .header-holder ul li a {
  color: #12a1c4;
}
/* line 243, ../sass/blue.scss */
#home .wrapper .header-holder ul li i {
  color: white;
}
/* line 247, ../sass/blue.scss */
#home .wrapper .header-holder ul li.enable-hover:hover a {
  color: white;
}
/* line 253, ../sass/blue.scss */
#home .wrapper .header-holder .home-scroll {
  background: url('../images/blue/arrow-scroll.png?1374659486') 0 0 no-repeat;
}

/* line 260, ../sass/blue.scss */
#about .page-title {
  margin: 0 0 23px;
  text-align: center;
  color: white;
  position: relative;
  overflow: hidden;
}
/* line 15, ../sass/blue.scss */
#about .page-title .h-ico {
  display: inline-block;
  width: 58px;
  height: 57px;
  margin: 3px 15px 0 0;
  background: url('../images/blue/heads-icons.png?1374659486') no-repeat;
  background-position: 0 0;
  vertical-align: middle;
}
/* line 24, ../sass/blue.scss */
#about .page-title h2 {
  display: inline-block;
  font: bold 60px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
  margin: -3px 0 0;
}
/* line 31, ../sass/blue.scss */
#about .page-title .h-line {
  display: block;
  height: 0px;
  width: 1px;
  margin: 3px auto 0;
  padding: 0 176px;
  border-top: 1px solid white;
}
/* line 43, ../sass/blue.scss */
#about .page-title .h-line:first-child {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  /* line 48, ../sass/blue.scss */
  #about .page-title h2 {
    font-size: 42px;
  }
}
/* line 264, ../sass/blue.scss */
#about .slogan i {
  color: #10a0c3;
}
/* line 269, ../sass/blue.scss */
#about .card-list div {
  background-color: white;
}
/* line 273, ../sass/blue.scss */
#about .card-list figcaption span {
  color: #10a0c3;
}
/* line 276, ../sass/blue.scss */
#about .card-list figcaption hr {
  background: #c5cacf;
}
/* line 284, ../sass/blue.scss */
#about .skills ul li .skill-bar {
  background-color: white;
}
/* line 286, ../sass/blue.scss */
#about .skills ul li .skill-bar div {
  background: #10a0c3;
  color: white;
}

/* line 295, ../sass/blue.scss */
#services {
  background-color: white;
}
/* line 297, ../sass/blue.scss */
#services .page-title {
  margin: 0 0 70px;
  text-align: center;
  color: #343e3b;
  position: relative;
  overflow: hidden;
}
/* line 15, ../sass/blue.scss */
#services .page-title .h-ico {
  display: inline-block;
  width: 58px;
  height: 57px;
  margin: 3px 15px 0 0;
  background: url('../images/blue/heads-icons.png?1374659486') no-repeat;
  background-position: 0 -57px;
  vertical-align: middle;
}
/* line 24, ../sass/blue.scss */
#services .page-title h2 {
  display: inline-block;
  font: bold 60px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
  margin: -3px 0 0;
}
/* line 31, ../sass/blue.scss */
#services .page-title .h-line {
  display: block;
  height: 0px;
  width: 1px;
  margin: 3px auto 0;
  padding: 0 176px;
  border-top: 1px solid #343e3b;
}
/* line 43, ../sass/blue.scss */
#services .page-title .h-line:first-child {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  /* line 48, ../sass/blue.scss */
  #services .page-title h2 {
    font-size: 42px;
  }
}
/* line 302, ../sass/blue.scss */
#services .teasers article div {
  border: 2px solid #10a0c3;
  background: white;
  color: #10a0c3;
}
/* line 308, ../sass/blue.scss */
#services .teasers article:hover h3 {
  color: #10a0c3;
}
/* line 311, ../sass/blue.scss */
#services .teasers article:hover div {
  background: #10a0c3;
  color: white;
}

/* line 320, ../sass/blue.scss */
#portfolio .page-title {
  margin: 0 0 10px;
  text-align: center;
  color: white;
  position: relative;
  overflow: hidden;
  background: #10a0c3;
}
/* line 15, ../sass/blue.scss */
#portfolio .page-title .h-ico {
  display: inline-block;
  width: 58px;
  height: 57px;
  margin: 3px 15px 0 0;
  background: url('../images/blue/heads-icons.png?1374659486') no-repeat;
  background-position: 0 -114px;
  vertical-align: middle;
}
/* line 24, ../sass/blue.scss */
#portfolio .page-title h2 {
  display: inline-block;
  font: bold 60px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
  margin: -3px 0 0;
}
/* line 31, ../sass/blue.scss */
#portfolio .page-title .h-line {
  display: block;
  height: 0px;
  width: 1px;
  margin: 3px auto 0;
  padding: 0 176px;
  border-top: 1px solid white;
}
/* line 43, ../sass/blue.scss */
#portfolio .page-title .h-line:first-child {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  /* line 48, ../sass/blue.scss */
  #portfolio .page-title h2 {
    font-size: 42px;
  }
}

/* line 326, ../sass/blue.scss */
#blog .page-title {
  margin: 0 0 60px;
  text-align: center;
  color: white;
  position: relative;
  overflow: hidden;
}
/* line 15, ../sass/blue.scss */
#blog .page-title .h-ico {
  display: inline-block;
  width: 58px;
  height: 57px;
  margin: 3px 15px 0 0;
  background: url('../images/blue/heads-icons.png?1374659486') no-repeat;
  background-position: 0 -171px;
  vertical-align: middle;
}
/* line 24, ../sass/blue.scss */
#blog .page-title h2 {
  display: inline-block;
  font: bold 60px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
  margin: -3px 0 0;
}
/* line 31, ../sass/blue.scss */
#blog .page-title .h-line {
  display: block;
  height: 0px;
  width: 1px;
  margin: 3px auto 0;
  padding: 0 176px;
  border-top: 1px solid white;
}
/* line 43, ../sass/blue.scss */
#blog .page-title .h-line:first-child {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  /* line 48, ../sass/blue.scss */
  #blog .page-title h2 {
    font-size: 42px;
  }
}

/* line 330, ../sass/blue.scss */
#contact {
  background-color: white;
}
/* line 332, ../sass/blue.scss */
#contact .page-title {
  margin: 0 0 60px;
  text-align: center;
  color: #10a0c3;
  position: relative;
  overflow: hidden;
}
/* line 15, ../sass/blue.scss */
#contact .page-title .h-ico {
  display: inline-block;
  width: 58px;
  height: 57px;
  margin: 3px 15px 0 0;
  background: url('../images/blue/heads-icons.png?1374659486') no-repeat;
  background-position: 0 -228px;
  vertical-align: middle;
}
/* line 24, ../sass/blue.scss */
#contact .page-title h2 {
  display: inline-block;
  font: bold 60px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
  margin: -3px 0 0;
}
/* line 31, ../sass/blue.scss */
#contact .page-title .h-line {
  display: block;
  height: 0px;
  width: 1px;
  margin: 3px auto 0;
  padding: 0 176px;
  border-top: 1px solid #10a0c3;
}
/* line 43, ../sass/blue.scss */
#contact .page-title .h-line:first-child {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  /* line 48, ../sass/blue.scss */
  #contact .page-title h2 {
    font-size: 42px;
  }
}
/* line 336, ../sass/blue.scss */
#contact p span {
  color: #10a0c3;
}

/* line 342, ../sass/blue.scss */
.blog .page-title {
  margin: 0 0 0px;
  text-align: center;
  color: white;
  position: relative;
  overflow: hidden;
}
/* line 15, ../sass/blue.scss */
.blog .page-title .h-ico {
  display: inline-block;
  width: 58px;
  height: 57px;
  margin: 3px 15px 0 0;
  background: url('../images/blue/heads-icons.png?1374659486') no-repeat;
  background-position: 0 -114px;
  vertical-align: middle;
}
/* line 24, ../sass/blue.scss */
.blog .page-title h2 {
  display: inline-block;
  font: bold 60px/50px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
  margin: -3px 0 0;
}
/* line 31, ../sass/blue.scss */
.blog .page-title .h-line {
  display: block;
  height: 0px;
  width: 1px;
  margin: 3px auto 0;
  padding: 0 176px;
  border-top: 1px solid white;
}
/* line 43, ../sass/blue.scss */
.blog .page-title .h-line:first-child {
  margin-top: 0;
}
@media all and (max-width: 640px) {
  /* line 48, ../sass/blue.scss */
  .blog .page-title h2 {
    font-size: 42px;
  }
}

/* line 345, ../sass/blue.scss */
.right-sidebar {
  background-color: white;
}
/* line 347, ../sass/blue.scss */
.right-sidebar h3 {
  border-bottom: 1px solid #c5cacf;
}
@media all and (max-width: 640px) {
  /* line 345, ../sass/blue.scss */
  .right-sidebar {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
  }
}