@import url(color_schemes/orange.css?browserId=other&themeId=pixelpress_WAR_pixelpresstheme&languageId=bg_BG&b=6102&t=1390155420000);
@import url(color_schemes/yellow.css?browserId=other&themeId=pixelpress_WAR_pixelpresstheme&languageId=bg_BG&b=6102&t=1390155420000);
@import url(color_schemes/green.css?browserId=other&themeId=pixelpress_WAR_pixelpresstheme&languageId=bg_BG&b=6102&t=1390155420000);
@import url(color_schemes/pink.css?browserId=other&themeId=pixelpress_WAR_pixelpresstheme&languageId=bg_BG&b=6102&t=1390155420000);
/* partially ported from Woothemes */
 /*
Theme Name: PixelPress
Theme URI: http://www.woothemes.com/
Version: 1.4.1
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes

	Copyright: (c) 2009-2011 WooThemes.
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/* ----------- Compass Import ----------*/
/* ---------- color schemes import ---------- */
/*-------------------------------------------------------------------------------------------

INDEX:

0. MIXINS

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. Global STRUCTURE
-2.1 Wrappers
-2.2 header
-2.3 widgets Footer
-2.4 Footer
-2.5 Layouts
-2.6 Navigation
3. PORTLETS
-3.1 Search
-3.2 Forms
	-3.2.1 web form portlet
	-3.2.2 general forms elements
-3.3 Blogs
-3.4 Journal portlet
-3.5 Portlet breadcrumb
-3.6 Login
4. SLIDERS
-4.1 text-link-image-slider
-4.2 Testimonial
-4.3 Home Portfolio
-4.4 Carousel
5.CONTENTS
-5.1 Short Codes
-5.2 Mini Features
-5.3 Section Header
-5.4 Portfolio
-5.5 Social links
6.Responsive Layout Rules


-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* -------------------------------------0. MIXINS --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* -------------------------------------1. SETUP --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* ------------1.1 Defaults-------------- */
html {
  font-size: 62.5%; }

body {
  font-size: 1.2em;
  line-height: 1.618;
  color: #9e9e9e;
  padding: 0;
  background: white;
  font-family: "Montserrat", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }
  body.dockbar-transparent .dockbar {
    background: transparent;
    border-bottom: none; }
  body.Hide-chat .chat-bar {
    display: none; }

.dockbar a {
  font-weight: normal; }

img {
  vertical-align: bottom;
  max-width: 100%; }

hr {
  background-color: #e6e6e6;
  border: 0;
  height: 1px;
  margin-bottom: 1.618em; }

::selection {
  background: #ffb7b7;
  /* Safari */ }

::-moz-selection {
  background: #ffb7b7;
  /* Firefox */ }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  color: #424242;
  margin: 0 0 .53em;
  font-weight: normal; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none; }
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover {
    text-decoration: underline; }

h1 {
  font-size: 2.244em;
  line-height: 1.387em; }

h2 {
  font-size: 1.618em;
  line-height: 1.387em; }

h3 {
  font-size: 1.387em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 0.857em; }

p {
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: "\2010";
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto;
  orphans: 3;
  widows: 3;
  text-shadow: 0px 1px white; }

ul, ol, dl, p, table, form, pre, hr {
  margin: 0 0 1.618em 0; }

dl dt {
  font-weight: bold; }

table {
  width: 100%; }

.col-full {
  max-width: 912px;
  width: 100%;
  margin: 0 auto; }

.fix {
  clear: both; }

#layout_configuration_content {
  padding-left: 0;
  padding-right: 0; }

.portlet-wiki .top-links .page-search {
  margin-top: 10px; }

/* --------------1.2 Hyperlinks---------------- */
a {
  color: #5595a5;
  text-decoration: none; }

a:hover {
  color: #337383;
  text-decoration: underline;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

a img {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

a img:hover {
  opacity: 0.75; }

/*-------------------------------------------------------------------------------------------*/
/* -------------------------------------2. Global STRUCTURE ---------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* ------------------2.1 Wrappers ------------------- */
#breadcrumbs, #heading .page-title, #heading .site-name, #navigation h1, #skip-to-content, .portlet-journal-content-search .lfr-search-button, .portlet-journal-content-search .lfr-search-keywords, .portlet-title .icon {
  clip: rect(0 0 0 0);
  position: absolute; }

#Language-choices {
  position: absolute;
  z-index: 9;
  left: 88%;
  height: auto;
  max-width: 155px; }
  #Language-choices form {
    margin: 0; }
    #Language-choices form select {
      width: 100%; }

#page-search {
  float: right;
  margin-top: 15px; }
  #page-search form {
    margin: 0;
    float: right;
    max-width: 300px; }

#wrapper {
  font-size: 1.2em;
  line-height: 1.618;
  color: #9E9E9E;
  position: relative; }

#sign-in {
  color: #4A4A4A;
  text-decoration: none;
  cursor: pointer; }

#sign-in:hover {
  color: #5595A5;
  background: #F2F7F8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none; }

#content {
  background: #F1F1F1;
  padding: 2.5em 0 0;
  -webkit-box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.1); }
  #content #hrefFm {
    margin: 0; }

/* -------------------2.2 Header ------------------*/
#banner {
  clear: both;
  position: relative;
  width: 100%; }
  #banner #head {
    max-width: 912px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 1.618em; }
  #banner #head::before, #banner #head::after {
    content: " 0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both; }
  #banner #heading {
    float: left;
    margin: .5em 2em 0 0;
    padding-right: 2.244em; }
    #banner #heading .site-title {
      margin-bottom: 16px; }
  #banner .logo img {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
    #banner .logo img:hover {
      filter: "alpha(opacity=$opacity * 100)";
      -moz-opacity: 0.75;
      -khtml-opacity: 0.75;
      opacity: 0.75; }
    #banner .logo img:active {
      margin-top: .53em; }
  #banner::after, #banner::after, #banner::before, #banner::before {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden; }

/* ---------------------2.3 Widgets Footer -------------------- */
#widgets-footer-wrap #widgets-footer {
  border-top: 1px solid #E6E6E6;
  padding: 2.618em 0 0;
  max-width: 912px;
  width: 100%;
  margin: 0 auto; }
  #widgets-footer-wrap #widgets-footer .aui-column {
    margin: 0 25px 0 0;
    width: 22%;
    float: left;
    min-height: 100px; }
    #widgets-footer-wrap #widgets-footer .aui-column .sub {
      padding-left: 20px; }
  #widgets-footer-wrap #widgets-footer .aui-column-content {
    padding: 0; }
  #widgets-footer-wrap #widgets-footer h2 {
    font-family: "Montserrat", sans-serif;
    color: #424242;
    font-size: 1.2em;
    margin: 0 0 .857em; }
  #widgets-footer-wrap #widgets-footer a {
    color: #5595A5;
    text-decoration: none; }
  #widgets-footer-wrap #widgets-footer ul {
    list-style: none; }
  #widgets-footer-wrap #widgets-footer img {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    padding-bottom: 3px; }
    #widgets-footer-wrap #widgets-footer img:hover {
      border-color: #6FA2D0;
      -webkit-box-shadow: 0px 0px 10px rgba(228, 22, 88, 0.8);
      -moz-box-shadow: 0px 0px 10px rgba(228, 22, 88, 0.8);
      box-shadow: 0px 0px 10px rgba(228, 22, 88, 0.8); }
  #widgets-footer-wrap #widgets-footer a:hover {
    text-decoration: underline;
    color: #337383; }
#widgets-footer-wrap::before {
  content: '';
  width: 100%;
  height: 1.618em;
  position: absolute;
  background: url(../images/custom/bg-section-top.png) repeat-x;
  margin-top: -1.53em; }

/* ---------------------2.4  Footer -------------------- */
#footer {
  color: #B8B8B8;
  background: #F1F1F1;
  margin-bottom: -22px;
  text-align: center; }
  #footer a {
    color: #5595A5;
    text-decoration: none; }
  #footer a:hover {
    text-decoration: underline;
    color: #337383; }
  #footer #footer-left-section {
    float: left;
    margin-left: 1em; }
  #footer #footer-right-section {
    float: right;
    margin-right: 1em; }
  #footer #ss-footer {
    max-width: 912px;
    width: 100%;
    margin: 0 auto;
    padding-top: 1.618em;
    padding-bottom: 4.618em;
    margin-top: 2em; }
  #footer ul {
    list-style: none; }

/*----------------------------2.5 Layouts ------------------------*/
.aui-w33 {
  width: 33% !important; }

.portlet-layout::after, .portlet-column::after, .portlet-layout::before, .portlet-column::before {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden; }

#main-content:not(.home-pixelpress) {
  max-width: 912px;
  width: 100%;
  margin: 0 auto; }

body.layout-home_pixelpress:not(.page-maximized) #content {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.home-pixelpress #first-row {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #82c5d5), color-stop(100%, #d2e8ed));
  background-image: -webkit-linear-gradient(top, #82c5d5 0%, #d2e8ed 100%);
  background-image: -moz-linear-gradient(top, #82c5d5 0%, #d2e8ed 100%);
  background-image: -o-linear-gradient(top, #82c5d5 0%, #d2e8ed 100%);
  background-image: linear-gradient(top, #82c5d5 0%, #d2e8ed 100%);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
  .home-pixelpress #first-row hgroup h1 {
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    font-size: 2.5em;
    font-weight: normal;
    text-align: center; }
  .home-pixelpress #first-row .content-area-wrapper {
    font-size: 1.2em; }
.home-pixelpress #second-row {
  max-width: 912px;
  width: 100%;
  margin: 0 auto;
  margin: 0 auto 1em auto;
  display: block; }
  .home-pixelpress #second-row .portlet-title {
    color: #424242; }
  .home-pixelpress #second-row .portlet-title:hover {
    text-decoration: underline; }
  .home-pixelpress #second-row .portlet-content .portlet-msg-info {
    color: #9E9E9E; }
.home-pixelpress #second-row::before {
  content: '';
  width: 100%;
  height: 1.618em;
  position: absolute;
  left: 0px;
  background: url(../images/custom/bg-section-top.png) repeat-x;
  margin-top: -1em;
  visibility: visible; }
.home-pixelpress #column-2, .home-pixelpress #column-3, .home-pixelpress #column-4 {
  padding: 1.618em 0;
  float: left; }
.home-pixelpress #layout-column_column-5 {
  max-width: 912px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 1em; }
.home-pixelpress #layout-column_column-5 {
  padding: 1em 0; }
.home-pixelpress #third-row {
  background: #F1F1F1; }
  .home-pixelpress #third-row .portlet-title {
    color: #424242; }
  .home-pixelpress #third-row .portlet-title:hover {
    text-decoration: underline; }
  .home-pixelpress #third-row .portlet-content .portlet-msg-info {
    color: #9E9E9E; }
.home-pixelpress #third-row::before {
  content: '';
  width: 100%;
  height: 1.618em;
  position: absolute;
  background: url(../images/custom/bg-section-bottom.png) repeat-x;
  margin-top: -1em;
  visibility: visible; }

/* --------------------2.6 Navigation --------------*/
#navigation {
  display: block !important;
  clear: none;
  float: left;
  padding-left: 60px;
  position: relative;
  margin: 1.5em 0 0; }
  #navigation a {
    color: #4A4A4A;
    text-decoration: none;
    cursor: pointer;
    padding: .53em 1em;
    font-size: 1.2em; }
    #navigation a:hover {
      color: #5595A5;
      background: #F2F7F8;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      text-decoration: none; }
  #navigation ul {
    float: left;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0; }
  #navigation li {
    position: relative;
    float: left;
    zoom: 1;
    list-style: none; }
    #navigation li.selected a {
      color: #333; }
    #navigation li .child-menu {
      background: white;
      background: rgba(255, 255, 255, 0.8);
      border: 0;
      width: 11.089em;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 9999;
      margin: 0;
      display: none; }
      #navigation li .child-menu li {
        float: none; }
        #navigation li .child-menu li a {
          font-size: 1em;
          width: 100%;
          display: inline-block;
          box-sizing: border-box;
          padding: .53em 1em;
          text-decoration: none; }
          #navigation li .child-menu li a:hover {
            color: #5595a5;
            background: #f2f7f8;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            -ms-border-radius: 0px;
            -o-border-radius: 0px;
            border-radius: 0px;
            text-decoration: none; }
        #navigation li .child-menu li.selected a {
          background: #F1F4F4; }
    #navigation li:hover ul {
      left: auto; }
  #navigation .modify-pages ul li a {
    padding-left: 1em; }
  #navigation .yui3-dd-drop a {
    cursor: move !important; }

/*-------------------------------------------------------------------------------------*/
/* -------------------------------------3. PORTLETS ------ ----------------------------*/
/*-------------------------------------------------- ----------------------------------*/
/* ---------------3.1 Search ---------------*/
.portlet-search form, #page-search form {
  width: 100%;
  position: relative;
  background: white;
  border: 1px solid #E6E6E6; }
  .portlet-search form select, #page-search form select {
    clip: rect(0 0 0 0);
    position: absolute;
    display: none; }
  .portlet-search form input[type="text"], #page-search form input[type="text"] {
    margin: 0;
    color: #9E9E9E;
    border: none;
    font-size: 1em;
    font-family: inherit;
    outline: none;
    background: white;
    padding: .5em;
    width: 95%;
    height: 18px; }
  .portlet-search form input[type="image"], #page-search form input[type="image"] {
    position: absolute;
    top: 8px;
    right: 8px;
    border: 0;
    margin: 0;
    padding: 0; }
  .portlet-search form .portlet-title-text, #page-search form .portlet-title-text {
    font-weight: bold;
    position: relative;
    font-size: 1.618em;
    color: #424242;
    padding: 0 0 0.5em; }
  .portlet-search form .portlet-content, #page-search form .portlet-content {
    padding: 12px 10px 10px 0px; }

/*------------------- 3.2 Forms ------------------*/
/*----3.2.1 web form portlet ------*/
.web-form-portlet textarea {
  width: 92%;
  color: #9E9E9E;
  border-bottom-color: #CDCDCD;
  font-size: 1em;
  font-family: inherit;
  /* outline: none; */
  background: white;
  padding: .857em 2.618em .857em .857em;
  margin: 0; }
.web-form-portlet input[type="text"] {
  color: #9E9E9E;
  border: 1px solid #E6E6E6;
  font-size: 1em;
  font-family: inherit;
  /* outline: none; */
  background: white;
  padding: .5em 1em; }
.web-form-portlet label {
  font-weight: normal; }
.web-form-portlet .description {
  font-size: 1em;
  font-style: normal; }
.web-form-portlet legend {
  font-weight: bold;
  position: relative;
  font-size: 1.618em;
  color: #424242;
  padding: 0 0 0.5em; }
  .web-form-portlet legend .aui-legend {
    border-bottom: none;
    position: relative; }
.web-form-portlet .portlet-content {
  padding: 12px 10px 10px 0; }
.web-form-portlet .portlet-title {
  clip: rect(0 0 0 0);
  position: absolute; }

/* ----3.2.2 general forms elements -----*/
input[type="submit"], input[type="button"] {
  border: 1px solid #778D18;
  color: white !important;
  font-family: "Rancho", cursive;
  font-size: 1.618em;
  padding: 0 .857em;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
  width: auto;
  line-height: 1.618em;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bdd146), color-stop(100%, #8daf28));
  background-image: -webkit-linear-gradient(top, #bdd146 0%, #8daf28 100%);
  background-image: -moz-linear-gradient(top, #bdd146 0%, #8daf28 100%);
  background-image: -o-linear-gradient(top, #bdd146 0%, #8daf28 100%);
  background-image: linear-gradient(top, #bdd146 0%, #8daf28 100%);
  -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
  -webkit-border-radius: 0.202em;
  -moz-border-radius: 0.202em;
  -ms-border-radius: 0.202em;
  -o-border-radius: 0.202em;
  border-radius: 0.202em;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
  font-weight: normal; }

input[type="submit"]:hover, input[type="Button"]:hover {
  text-decoration: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bdd146), color-stop(100%, #6b8d06));
  background-image: -webkit-linear-gradient(top, #bdd146 0%, #6b8d06 100%);
  background-image: -moz-linear-gradient(top, #bdd146 0%, #6b8d06 100%);
  background-image: -o-linear-gradient(top, #bdd146 0%, #6b8d06 100%);
  background-image: linear-gradient(top, #bdd146 0%, #6b8d06 100%); }

input[type="text"], input[type="password"] {
  margin: 0;
  color: #9E9E9E;
  border-bottom-color: #CDCDCD;
  font-size: 1em;
  font-family: inherit;
  background: white;
  padding: .5em 1em;
  width: 214px;
  height: 18px;
  border: 1px solid #E6E6E6; }

/*-------------- 3.3 Blogs ----------------*/
.portlet-blogs {
  padding: 10px 0 25px; }
  .portlet-blogs .portlet-title {
    color: #5595A5;
    font-family: "Rancho", cursive;
    font-weight: normal;
    font-style: italic;
    font-size: 3.631em;
    margin: 0;
    text-shadow: 1px 2px 0 white;
    letter-spacing: 0.05em;
    text-align: center;
    position: relative;
    left: 112px; }
  .portlet-blogs form {
    margin: 0 0 2.618em 8.505em; }
    .portlet-blogs form .search-form .aui-search-bar {
      line-height: 3.3em; }
    .portlet-blogs form .search-form .aui-field-text {
      padding-right: 1em; }
  .portlet-blogs .portlet-content {
    position: relative;
    top: -18px; }
    .portlet-blogs .portlet-content .entry-title h2 {
      margin: 0; }
  .portlet-blogs .approved {
    max-width: 505px; }
    .portlet-blogs .approved h2 a {
      color: #424242;
      font-size: 0.7em; }
  .portlet-blogs .separator, .portlet-blogs .portlet-topper {
    clip: rect(0 0 0 0);
    position: absolute; }

/*-------------- 3.4 Journal portlet ----------------*/
.portlet-journal {
  max-width: 912px;
  width: 100%;
  margin: 0 auto; }
  .portlet-journal .aui-field-label {
    margin-bottom: 10px;
    color: black;
    text-shadow: none;
    font-weight: normal; }
  .portlet-journal label {
    font-weight: normal; }
  .portlet-journal .structure-tree li.structure-field {
    border: 1px solid #A59A9A;
    border-radius: 5px;
    margin: 15px 0;
    padding: 10px; }
    .portlet-journal .structure-tree li.structure-field .journal-article-field-label {
      margin: 0;
      color: black;
      font-weight: normal; }

/*-------------- 3.5 Portlet breadcrumb ----------------*/
.portlet-breadcrumb {
  max-width: 912px;
  width: 100%;
  margin: 0 auto;
  border-collapse: separate; }
  .portlet-breadcrumb ul.breadcrumbs {
    text-shadow: 0px 1px 0px white;
    list-style: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    margin: 0 0 3em;
    text-shadow: 1px 1px 0 white;
    font-weight: normal;
    height: 28px;
    overflow: hidden;
    border: 1px solid #E6E6E6;
    background: #F3F3F3; }
    .portlet-breadcrumb ul.breadcrumbs li:first-child {
      -moz-border-radius-bottomleft: 3px;
      -webkit-border-bottom-left-radius: 3px;
      border-bottom-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
      border-top-left-radius: 3px; }
      .portlet-breadcrumb ul.breadcrumbs li:first-child span {
        padding: 0; }
      .portlet-breadcrumb ul.breadcrumbs li:first-child a {
        filter: "alpha(opacity=$opacity * 100)";
        -moz-opacity: 0.75;
        -khtml-opacity: 0.75;
        opacity: 0.75;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        background: url(../images/custom/home.png) no-repeat left top;
        color: #F3F3F3;
        text-shadow: none;
        padding-top: 10px;
        width: 37px;
        font-size: 0;
        display: block;
        height: 18px; }
        .portlet-breadcrumb ul.breadcrumbs li:first-child a:hover {
          filter: "alpha(opacity=$opacity * 100)";
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1; }
    .portlet-breadcrumb ul.breadcrumbs li:last-child {
      -moz-border-radius-bottomleft: 3px;
      -webkit-border-bottom-left-radius: 3px;
      border-bottom-left-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -webkit-border-bottom-right-radius: 3px;
      border-bottom-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
      border-top-right-radius: 3px; }
      .portlet-breadcrumb ul.breadcrumbs li:last-child span {
        display: table;
        background: none; }
        .portlet-breadcrumb ul.breadcrumbs li:last-child span a {
          color: #5595A5; }
    .portlet-breadcrumb ul.breadcrumbs li span {
      display: table;
      padding: 4px;
      padding-right: 40px;
      background: url(../images/custom/bread-arrow.png) no-repeat right top; }
    .portlet-breadcrumb ul.breadcrumbs li a {
      color: #9E9E9E;
      font-size: 12px;
      padding-left: 12px; }
      .portlet-breadcrumb ul.breadcrumbs li a:hover {
        text-decoration: none; }

/*-----------------------------------3.6 Login ------------------------------*/
.portlet-login {
  width: 50%;
  margin: 5% auto 10%;
  background: white;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); }
  .portlet-login form {
    margin: 0 5%;
    width: 93%; }

/*-------------------------------------------------------------------------------------*/
/* -------------------------------------4. SLIDERS ------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.flex-nav, .text-link-image-slider-wrap .flex-prev, .text-link-image-slider-wrap .flex-next, .testimonial .testimonial-slider .flex-prev, .testimonial .testimonial-slider .flex-next, .mini-Portfolio .mini-Portfolio-slider .flex-prev, .mini-Portfolio .mini-Portfolio-slider .flex-next {
  width: 70px;
  height: 70px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: absolute;
  cursor: pointer;
  border: 1px solid silver; }

.slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  margin: 0; }

.slides {
  margin: 0; }
  .slides::AFTER {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.flex-control-nav {
  list-style: none;
  left: 50%;
  margin-left: -65px;
  position: relative;
  font-size: 0px;
  padding: 10px;
  float: left; }
  .flex-control-nav li {
    display: block;
    float: left;
    padding: 5px 10px; }
    .flex-control-nav li a {
      margin-left: 5px;
      height: 10px;
      width: 10px;
      float: left;
      border: 1px solid #B8C4CF;
      color: #B8C4CF;
      text-indent: -1000px;
      border-radius: 50%;
      background: #CCC;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #f3f3f3));
      background-image: -webkit-linear-gradient(top, #cccccc, #f3f3f3);
      background-image: -moz-linear-gradient(top, #cccccc, #f3f3f3);
      background-image: -o-linear-gradient(top, #cccccc, #f3f3f3);
      background-image: linear-gradient(top, #cccccc, #f3f3f3);
      cursor: pointer; }
      .flex-control-nav li a.flex-active {
        background: #599BDC;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #599bdc), color-stop(100%, #3072b3));
        background-image: -webkit-linear-gradient(top, #599bdc, #3072b3);
        background-image: -moz-linear-gradient(top, #599bdc, #3072b3);
        background-image: -o-linear-gradient(top, #599bdc, #3072b3);
        background-image: linear-gradient(top, #599bdc, #3072b3);
        border-radius: 50%;
        box-shadow: 0 0 3px #518CC6;
        border: 1px solid #3072B3  !important; }

/* ---------------4.1 text-link-image-slider ----------------*/
.text-link-image-slider-wrap {
  text-align: center;
  margin: 40px auto 50px;
  max-width: 912px; }
  .text-link-image-slider-wrap h1 {
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    font-size: 2.5em;
    font-weight: normal; }
  .text-link-image-slider-wrap .entry {
    color: #4C8694;
    font-size: 1.2em;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
    .text-link-image-slider-wrap .entry a {
      font-size: 2.244em;
      padding: 0 1em;
      margin: 0 0 1em;
      border: 1px solid #778D18;
      color: white !important;
      font-family: "Rancho", cursive;
      padding: 0 .857em;
      display: inline-block;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      overflow: visible;
      width: auto;
      line-height: 1.618em;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bdd146), color-stop(100%, #8daf28));
      background-image: -webkit-linear-gradient(top, #bdd146 0%, #8daf28 100%);
      background-image: -moz-linear-gradient(top, #bdd146 0%, #8daf28 100%);
      background-image: -o-linear-gradient(top, #bdd146 0%, #8daf28 100%);
      background-image: linear-gradient(top, #bdd146 0%, #8daf28 100%);
      -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
      -moz-box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
      box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
      -webkit-border-radius: 0.202em;
      -moz-border-radius: 0.202em;
      -ms-border-radius: 0.202em;
      -o-border-radius: 0.202em;
      border-radius: 0.202em;
      text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2); }
    .text-link-image-slider-wrap .entry a:hover {
      text-decoration: none;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bdd146), color-stop(100%, #6b8d06));
      background-image: -webkit-linear-gradient(top, #bdd146 0%, #6b8d06 100%);
      background-image: -moz-linear-gradient(top, #bdd146 0%, #6b8d06 100%);
      background-image: -o-linear-gradient(top, #bdd146 0%, #6b8d06 100%);
      background-image: linear-gradient(top, #bdd146 0%, #6b8d06 100%); }
    .text-link-image-slider-wrap .entry ul {
      margin: 0;
      height: 400px;
      overflow: hidden; }
  .text-link-image-slider-wrap .flex-prev {
    left: 0;
    background-image: url(../images/custom/prev.png);
    top: 45%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0 1px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0 1px; }
  .text-link-image-slider-wrap .flex-next {
    background-image: url(../images/custom/next.png);
    top: 45%;
    right: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0 1px;
    box-shadow: rgba(0, 0, 0, 0.1) -1px 1px 0 1px; }
  .text-link-image-slider-wrap .flex-prev:hover, .text-link-image-slider-wrap .flex-next:hover {
    margin: 0 .327em; }
  .text-link-image-slider-wrap .flex-prev:active, .text-link-image-slider-wrap .flex-next:active {
    background-color: #e1e1e1; }
  .text-link-image-slider-wrap ul {
    list-style: none; }
  .text-link-image-slider-wrap::AFTER {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* -------------4.2  Testimonial -----------------*/
.testimonial {
  margin: 35px 0; }
  .testimonial .testimonial-header {
    text-align: center;
    margin-top: 1em; }
    .testimonial .testimonial-header h1 {
      color: #5595A5;
      font-family: "Rancho", cursive;
      font-size: 2.618em;
      font-weight: normal;
      margin: 0 0 0.3em;
      text-shadow: 1px 2px 0 white;
      font-style: italic;
      letter-spacing: 0.05em; }
    .testimonial .testimonial-header p {
      color: #4A4A4A;
      margin: 1.618em 0 4em 0; }
      .testimonial .testimonial-header p span {
        position: relative;
        z-index: 2;
        display: inline;
        padding: 0 1.387em;
        background: #F1F1F1;
        max-width: 80%;
        margin: 0 auto; }
        .testimonial .testimonial-header p span a {
          color: #9E9E9E;
          text-transform: uppercase;
          padding: 0.382em; }
    .testimonial .testimonial-header p::before {
      content: '';
      width: 100%;
      height: 1px;
      background: #D9D9D9;
      display: block;
      position: relative;
      top: 1em; }
    .testimonial .testimonial-header p::after {
      content: '';
      width: 100%;
      height: 1px;
      background: #FDFDFD;
      display: block;
      position: relative;
      top: -0.6em; }
  .testimonial .testimonial-slider {
    max-width: 910px; }
    .testimonial .testimonial-slider p, .testimonial .testimonial-slider .author {
      margin: 0 0 1.618em 74px; }
    .testimonial .testimonial-slider .flex-prev {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      background-image: url(../images/custom/prev.png);
      width: 3.631em;
      height: 3.631em;
      display: block;
      position: relative; }
    .testimonial .testimonial-slider .flex-next {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      background-image: url(../images/custom/next.png);
      width: 3.631em;
      height: 3.631em;
      display: block;
      position: relative; }
    .testimonial .testimonial-slider .flex-next:hover, .testimonial .testimonial-slider .flex-prev:hover {
      background-color: #ededed; }
    .testimonial .testimonial-slider .flex-direction-nav {
      position: relative;
      margin: 2.387em auto 0;
      overflow: hidden; }
      .testimonial .testimonial-slider .flex-direction-nav li {
        float: left;
        margin: 0;
        background: #F1F1F1;
        padding: 1em;
        position: relative;
        z-index: 999; }
      .testimonial .testimonial-slider .flex-direction-nav li:first-child {
        left: 43%; }
      .testimonial .testimonial-slider .flex-direction-nav li:last-child {
        right: -42%; }
    .testimonial .testimonial-slider .flex-direction-nav::before {
      content: '';
      width: 100%;
      height: 1px;
      background: #D9D9D9;
      display: block;
      position: absolute;
      top: 51%; }
    .testimonial .testimonial-slider .flex-direction-nav::after {
      content: '';
      width: 100%;
      height: 1px;
      background: #FDFDFD;
      display: block;
      position: absolute;
      top: 53%; }
    .testimonial .testimonial-slider ul {
      margin: 0;
      list-style: none; }
    .testimonial .testimonial-slider li a {
      font-weight: normal; }
    .testimonial .testimonial-slider li h2 {
      margin: 10px 0; }
    .testimonial .testimonial-slider li .content {
      margin: 0 10px; }
      .testimonial .testimonial-slider li .content .name {
        font-weight: normal;
        color: #424242;
        display: block; }
    .testimonial .testimonial-slider li .gravatar-wrap {
      position: relative;
      float: left;
      background: #fafafa;
      overflow: hidden;
      display: block;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      padding: .382em;
      -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0 1px;
      -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0 1px;
      box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0 1px; }
      .testimonial .testimonial-slider li .gravatar-wrap img {
        vertical-align: middle;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
        border-radius: 100px;
        background-color: #DDD;
        z-index: 999; }
    .testimonial .testimonial-slider .slides li {
      padding-right: 50px; }
  .testimonial .flex-control-nav {
    left: 53%; }

/* -----------------------4.3 Home Portfolio ---------------*/
.mini-Portfolio {
  margin: 35px 0; }
  .mini-Portfolio .mini-Portfolio-slider {
    max-width: 910px; }
    .mini-Portfolio .mini-Portfolio-slider .flex-prev {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      top: 45%;
      left: -6%;
      width: 3.631em;
      height: 3.631em;
      background-image: url(../images/custom/prev.png); }
    .mini-Portfolio .mini-Portfolio-slider .flex-next {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      top: 45%;
      right: -5%;
      width: 3.631em;
      height: 3.631em;
      background-image: url(../images/custom/next.png); }
    .mini-Portfolio .mini-Portfolio-slider .flex-next:hover, .mini-Portfolio .mini-Portfolio-slider .flex-prev:hover {
      background-color: #ededed; }
    .mini-Portfolio .mini-Portfolio-slider ul {
      margin: 0;
      overflow: hidden;
      list-style: none; }
    .mini-Portfolio .mini-Portfolio-slider li {
      padding-left: 1px; }
      .mini-Portfolio .mini-Portfolio-slider li a {
        font-weight: normal;
        font-size: .7em;
        color: #424242; }
      .mini-Portfolio .mini-Portfolio-slider li h2 {
        margin: 10px 0; }
      .mini-Portfolio .mini-Portfolio-slider li .content p {
        padding-right: 18px; }
    .mini-Portfolio .mini-Portfolio-slider img {
      padding: 0.382em;
      margin: 0 0 0;
      background: #FAFAFA;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0;
      -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0;
      box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0; }
    .mini-Portfolio .mini-Portfolio-slider a:hover img {
      -webkit-transform: scale(1.02, 1.02);
      -moz-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
      -o-transform: scale(1.02, 1.02);
      transform: scale(1.02, 1.02);
      filter: "alpha(opacity=$opacity * 100)";
      -moz-opacity: 0.9;
      -khtml-opacity: 0.9;
      opacity: 0.9; }
    .mini-Portfolio .mini-Portfolio-slider ul {
      list-style: none; }

/* --------------------4.4 Carousel -------------------- */
.carousel-outer-wrap::after, .carousel-outer-wrap::before {
  content: " 0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both; }

.carousel-outer-wrap {
  border: 1px solid #E6E6E6;
  background: #FDFDFD;
  border: 1px solid #D2D3D4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.carousel-wrap {
  margin: 0 auto;
  max-width: 940px;
  float: right;
  width: 68%; }
  .carousel-wrap ul {
    overflow: hidden;
    list-style: none;
    margin: 0; }
  .carousel-wrap a.btn:hover {
    opacity: 0.9; }
  .carousel-wrap .slide-media {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
    overflow: hidden;
    float: right; }
    .carousel-wrap .slide-media img {
      width: 100%;
      -webkit-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -ms-border-radius: 0 5px 5px 0;
      -o-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0; }
  .carousel-wrap a.btn {
    background: url(../images/custom/btn-slider.png);
    color: white;
    font-size: 15px;
    text-decoration: none;
    padding: 13px 15px;
    margin-top: 20px;
    margin-right: 15px;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.4);
    display: block;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px; }
    .carousel-wrap a.btn.btn span {
      background: url(../images/custom/btn-slide-arrow.png) no-repeat right center;
      padding: 7px 35px 7px 0; }

.carousel-slide-nav {
  height: auto;
  float: left;
  width: 32%; }
  .carousel-slide-nav .pager {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0;
    list-style: none; }
  .carousel-slide-nav .pagination {
    width: 104%; }
  .carousel-slide-nav .flex-active {
    background: url(../images/custom/carousel-tab.png) no-repeat 4px 2px;
    background-size: 85%;
    z-index: 2; }
    .carousel-slide-nav .flex-active span.title {
      color: black; }
  .carousel-slide-nav li {
    height: 109px;
    display: block;
    width: 105%;
    padding: 0px 15px; }
    .carousel-slide-nav li a:hover {
      text-decoration: none; }
    .carousel-slide-nav li a {
      display: block;
      padding: 0 6px;
      width: 75%; }
      .carousel-slide-nav li a:hover {
        text-decoration: none; }
        .carousel-slide-nav li a:hover span.title {
          color: black; }
    .carousel-slide-nav li span {
      display: block;
      margin: 5px 15px; }
      .carousel-slide-nav li span.title {
        font-size: 1.7em;
        line-height: 1.2em;
        padding: 0.5em 0 0;
        color: #5595A5;
        font-family: "Rancho", cursive;
        font-weight: normal;
        margin: 0 0 0.3em;
        text-shadow: 1px 2px 0 white; }
      .carousel-slide-nav li span.content {
        color: #869299; }
  .carousel-slide-nav li::before {
    content: '';
    width: 80%;
    height: 1px;
    background: #D9D9D9;
    display: block;
    top: .81em;
    z-index: -999; }
  .carousel-slide-nav li:first-child::before {
    height: 0; }

/*-------------------------------------------------------------------------------------*/
/* -------------------------------------5. CONTENTS ------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/* ------------- 5.1 Short Codes ---------------*/
code, pre {
  background: #e8ebec url("../images/custom/pre-bg.gif") repeat 0 0;
  padding: 18px 5px;
  border: 1px dotted #BBB;
  color: #333; }

code {
  padding: 0px 5px;
  margin: 0px 0px 15px !important;
  display: block; }

/* ----- buttons ----------*/
a.button, a.red, a.orange, a.green, a.aqua, a.teal, a.purple, a.pink, a.silver {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px 0 inset;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bdd146), color-stop(100%, #8daf28));
  background-image: -webkit-linear-gradient(top, #bdd146 0%, #8daf28 100%);
  background-image: -moz-linear-gradient(top, #bdd146 0%, #8daf28 100%);
  background-image: -o-linear-gradient(top, #bdd146 0%, #8daf28 100%);
  background-image: linear-gradient(top, #bdd146 0%, #8daf28 100%);
  border: 1px solid #778D18;
  color: white !important;
  font-family: "Rancho", cursive;
  font-size: 1.618em;
  padding: 0 .857em;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
  width: auto;
  line-height: 1.618em;
  background: #BDD146;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2); }

a.red {
  border-color: #AF4040;
  border-bottom-color: #9A2020;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #e85252), color-stop(100%, #cf2e2e));
  background-image: -webkit-linear-gradient(top, #e85252 20%, #cf2e2e 100%);
  background-image: -moz-linear-gradient(top, #e85252 20%, #cf2e2e 100%);
  background-image: -o-linear-gradient(top, #e85252 20%, #cf2e2e 100%);
  background-image: linear-gradient(top, #e85252 20%, #cf2e2e 100%); }

.red:hover {
  background: #d20000;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #e53e3e), color-stop(100%, #ca1616));
  background-image: -webkit-linear-gradient(top, #e53e3e 20%, #ca1616 100%);
  background-image: -moz-linear-gradient(top, #e53e3e 20%, #ca1616 100%);
  background-image: -o-linear-gradient(top, #e53e3e 20%, #ca1616 100%);
  background-image: linear-gradient(top, #e53e3e 20%, #ca1616 100%); }

a.orange {
  border-color: #AF7440;
  border-bottom-color: #9A5420;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #e88e52), color-stop(100%, #cf6e2e));
  background-image: -webkit-linear-gradient(top, #e88e52 20%, #cf6e2e 100%);
  background-image: -moz-linear-gradient(top, #e88e52 20%, #cf6e2e 100%);
  background-image: -o-linear-gradient(top, #e88e52 20%, #cf6e2e 100%);
  background-image: linear-gradient(top, #e88e52 20%, #cf6e2e 100%); }

a.orange:hover {
  background: #d25e00;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #e57d3e), color-stop(100%, #ca5116));
  background-image: -webkit-linear-gradient(top, #e57d3e 20%, #ca5116 100%);
  background-image: -moz-linear-gradient(top, #e57d3e 20%, #ca5116 100%);
  background-image: -o-linear-gradient(top, #e57d3e 20%, #ca5116 100%);
  background-image: linear-gradient(top, #e57d3e 20%, #ca5116 100%); }

a.green {
  border-color: #87BF00;
  border-bottom-color: #7CA122;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ace53e), color-stop(100%, #6bca16));
  background-image: -webkit-linear-gradient(top, #ace53e 20%, #6bca16 100%);
  background-image: -moz-linear-gradient(top, #ace53e 20%, #6bca16 100%);
  background-image: -o-linear-gradient(top, #ace53e 20%, #6bca16 100%);
  background-image: linear-gradient(top, #ace53e 20%, #6bca16 100%); }

a.green:hover {
  background: #87c000;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #a0d53a), color-stop(100%, #60b513));
  background-image: -webkit-linear-gradient(top, #a0d53a 20%, #60b513 100%);
  background-image: -moz-linear-gradient(top, #a0d53a 20%, #60b513 100%);
  background-image: -o-linear-gradient(top, #a0d53a 20%, #60b513 100%);
  background-image: linear-gradient(top, #a0d53a 20%, #60b513 100%); }

a.aqua {
  border-color: #40AF96;
  border-bottom-color: #209A82;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #52e8c6), color-stop(100%, #2ecfab));
  background-image: -webkit-linear-gradient(top, #52e8c6 20%, #2ecfab 100%);
  background-image: -moz-linear-gradient(top, #52e8c6 20%, #2ecfab 100%);
  background-image: -o-linear-gradient(top, #52e8c6 20%, #2ecfab 100%);
  background-image: linear-gradient(top, #52e8c6 20%, #2ecfab 100%); }

a.aqua:hover {
  background: #00d2a8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3ee5c0), color-stop(100%, #16ca9e));
  background-image: -webkit-linear-gradient(top, #3ee5c0 20%, #16ca9e 100%);
  background-image: -moz-linear-gradient(top, #3ee5c0 20%, #16ca9e 100%);
  background-image: -o-linear-gradient(top, #3ee5c0 20%, #16ca9e 100%);
  background-image: linear-gradient(top, #3ee5c0 20%, #16ca9e 100%); }

a.teal {
  border-color: #23A6D6;
  border-bottom-color: #20799A;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #52c3e8), color-stop(100%, #2eabcf));
  background-image: -webkit-linear-gradient(top, #52c3e8 20%, #2eabcf 100%);
  background-image: -moz-linear-gradient(top, #52c3e8 20%, #2eabcf 100%);
  background-image: -o-linear-gradient(top, #52c3e8 20%, #2eabcf 100%);
  background-image: linear-gradient(top, #52c3e8 20%, #2eabcf 100%); }

a.teal:hover {
  background: #009ed2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3ebce5), color-stop(100%, #16a2ca));
  background-image: -webkit-linear-gradient(top, #3ebce5 20%, #16a2ca 100%);
  background-image: -moz-linear-gradient(top, #3ebce5 20%, #16a2ca 100%);
  background-image: -o-linear-gradient(top, #3ebce5 20%, #16a2ca 100%);
  background-image: linear-gradient(top, #3ebce5 20%, #16a2ca 100%); }

a.purple {
  border-color: #234DD6;
  border-bottom-color: #20489A;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #526ee8), color-stop(100%, #2e58cf));
  background-image: -webkit-linear-gradient(top, #526ee8 20%, #2e58cf 100%);
  background-image: -moz-linear-gradient(top, #526ee8 20%, #2e58cf 100%);
  background-image: -o-linear-gradient(top, #526ee8 20%, #2e58cf 100%);
  background-image: linear-gradient(top, #526ee8 20%, #2e58cf 100%); }

a.purple:hover {
  background: #0036d2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3e5ae5), color-stop(100%, #1638ca));
  background-image: -webkit-linear-gradient(top, #3e5ae5 20%, #1638ca 100%);
  background-image: -moz-linear-gradient(top, #3e5ae5 20%, #1638ca 100%);
  background-image: -o-linear-gradient(top, #3e5ae5 20%, #1638ca 100%);
  background-image: linear-gradient(top, #3e5ae5 20%, #1638ca 100%); }

a.pink {
  border-color: #D623CB;
  border-bottom-color: #9A2096;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #e852e6), color-stop(100%, #cd2ecf));
  background-image: -webkit-linear-gradient(top, #e852e6 20%, #cd2ecf 100%);
  background-image: -moz-linear-gradient(top, #e852e6 20%, #cd2ecf 100%);
  background-image: -o-linear-gradient(top, #e852e6 20%, #cd2ecf 100%);
  background-image: linear-gradient(top, #e852e6 20%, #cd2ecf 100%); }

a.pink:hover {
  background: #bc00d2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #c83ee5), color-stop(100%, #ae16ca));
  background-image: -webkit-linear-gradient(top, #c83ee5 20%, #ae16ca 100%);
  background-image: -moz-linear-gradient(top, #c83ee5 20%, #ae16ca 100%);
  background-image: -o-linear-gradient(top, #c83ee5 20%, #ae16ca 100%);
  background-image: linear-gradient(top, #c83ee5 20%, #ae16ca 100%); }

a.silver {
  color: #444 !important;
  text-shadow: 0 1px white;
  border-color: #BBB;
  border-bottom-color: #999;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #e9e9e9), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #e9e9e9 20%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #e9e9e9 20%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #e9e9e9 20%, #cccccc 100%);
  background-image: linear-gradient(top, #e9e9e9 20%, #cccccc 100%); }

a.silver:hover {
  background: #ccc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #e0e0e0), color-stop(100%, #bebebe));
  background-image: -webkit-linear-gradient(top, #e0e0e0 20%, #bebebe 100%);
  background-image: -moz-linear-gradient(top, #e0e0e0 20%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #e0e0e0 20%, #bebebe 100%);
  background-image: linear-gradient(top, #e0e0e0 20%, #bebebe 100%); }

a.small {
  padding: 2px 10px;
  font-size: 0.9em; }

a.large {
  padding: 7px 16px;
  font-size: 1.4em; }

a.xl {
  padding: 9px 20px;
  font-size: 1.8em; }

a.icone-button, a.icone-button-note, a.icone-button-alert, a.icone-button-info, a.icone-button-tick, a.icone-button-download {
  padding-left: 20px;
  text-decoration: underline;
  display: inline-block; }

a.icone-button:hover, a.icone-button-note:hover, a.icone-button-alert:hover, a.icone-button-info:hover, a.icone-button-tick:hover, a.icone-button-download:hover {
  opacity: 0.85; }

a.icone-button-note {
  background: #e9e9e9 url(../images/messages/ico-note.png) no-repeat left 40%; }

a.icone-button-alert {
  background: #e9e9e9 url(../images/messages/ico-alert.png) no-repeat left 40%; }

a.icone-button-info {
  background: #e9e9e9 url(../images/messages/ico-info.png) no-repeat left 40%; }

a.icone-button-tick {
  background: #e9e9e9 url(../images/messages/ico-tick.png) no-repeat left 40%; }

a.icone-button-download {
  background: #e9e9e9 url(../images/messages/ico-download.png) no-repeat left 40%; }

/* ---- blockquote ------*/
blockquote p {
  margin: 1em 20px;
  padding: 0 0 0 55px;
  background: url(../images/custom/blockquote.png) no-repeat 0 3px;
  font-family: serif;
  font-size: 1.2em;
  font-style: italic;
  color: #777;
  min-height: 32px; }

/* portlet message */
.portlet-msg, .portlet-msg-alert, .lfr-message-alert, .portlet-msg-info, .lfr-message-info, .portlet-msg-error, .lfr-message-error, .portlet-msg-success, .lfr-message-success, .portlet-msg-note, .portlet-msg-download {
  margin: 1em 0 1.5em 0;
  padding: 9px 10px 9px 50px;
  border-width: 1px 0 1px 0;
  border-style: solid;
  color: #555;
  text-shadow: none;
  background: #EEE none no-repeat 20px 45%;
  font-weight: normal; }

.portlet-msg-alert, .lfr-message-alert {
  border-color: #F0BAA2;
  background-color: #FFD9C8;
  background-image: url(../images/messages/alert.png); }

.portlet-msg-info, .lfr-message-info {
  border-color: #CCC;
  background-color: #EEE;
  background-image: url(../images/messages/ico-info.png); }

.portlet-msg-error, .lfr-message-error {
  background-color: #FDD;
  background-image: url(../images/messages/error.png);
  border-color: red; }

.portlet-msg-success, .lfr-message-success {
  background-color: #F4FDEF;
  background-image: url(../images/messages/success.png);
  border-color: #ACDFA7; }

.portlet-msg-note {
  background-color: #FEF6D2;
  background-image: url(../images/messages/ico-note.png);
  border-color: #EFE3AE; }

.portlet-msg-download {
  border-color: #D4EBAF;
  background-image: url(../images/messages/ico-download.png);
  border-color: #EDFCD5; }

/* --------  Columns ---------- */
.twocol-one {
  width: 48%; }

.threecol-one, .twocol-onethird {
  width: 30.66%; }

.threecol-two, .twocol-twothird {
  width: 65.33%; }

.fourcol-one, .threecol-onequarter, .twocol-onequarter {
  width: 22%; }

.fourcol-two, .threecol-onehalf {
  width: 48%; }

.fourcol-three, .twocol-threequarter {
  width: 74%; }

.fivecol-one {
  width: 16.8%; }

.fivecol-two {
  width: 37.6%; }

.fivecol-three {
  width: 58.4%; }

.fivecol-four {
  width: 67.2%; }

.sixcol-one {
  width: 13.33%; }

.sixcol-two {
  width: 30.66%; }

.sixcol-three {
  width: 47.99%; }

.sixcol-four {
  width: 65.33%; }

.sixcol-five {
  width: 82.67%; }

.twocol-threequarter, .threecol-onehalf, .threecol-onequarter, .twocol-onequarter, .twocol-one, .twocol-twothird, .twocol-onethird, .threecol-one, .threecol-two, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {
  float: left;
  margin-right: 4%;
  margin-bottom: 4%;
  position: relative; }

.last {
  clear: right;
  margin-right: 0 !important; }

/* ------------- 5.2 Mini Features ---------------*/
.mini-features {
  float: left;
  margin-right: 5.63%;
  width: 100%; }
  .mini-features .image {
    float: left; }
    .mini-features .image img {
      vertical-align: bottom;
      max-width: 100%; }
  .mini-features .entry {
    margin-left: 6.505em; }
  .mini-features h2 {
    font-size: 1.2em;
    font-weight: normal; }
  .mini-features a {
    color: #424242; }
  .mini-features p {
    margin: 0; }

/* --------------5.3 Section Header  --------------- */
.section-header {
  text-align: center;
  margin-top: 1em; }
  .section-header h1 {
    color: #5595A5;
    font-family: "Rancho", cursive;
    font-size: 2.618em;
    font-weight: normal;
    margin: 0 0 0.3em;
    text-shadow: 1px 2px 0 white;
    font-style: italic;
    letter-spacing: 0.05em; }
  .section-header p {
    margin: 1.618em 0 4em 0; }
    .section-header p span {
      position: relative;
      z-index: 2;
      display: inline;
      padding: 0 1.387em;
      background: #F1F1F1;
      max-width: 80%;
      margin: 0 auto; }
      .section-header p span a {
        color: #9E9E9E;
        text-transform: uppercase;
        padding: 0.382em; }
  .section-header p::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    display: block;
    position: absolute;
    top: 5.85em;
    z-index: 1; }
  .section-header p::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #FDFDFD;
    display: block;
    position: absolute;
    top: 5.91em;
    z-index: 1; }

/* -----------------------5.4 Portfolio----------------------*/
#portfolio .portfolio-header {
  text-align: center;
  margin-top: 1em; }
  #portfolio .portfolio-header h1 {
    color: #5595A5;
    font-family: "Rancho", cursive;
    font-size: 3.618em;
    font-weight: normal;
    margin: 0 0 0.3em;
    text-shadow: 1px 2px 0 white;
    font-style: italic;
    letter-spacing: 0.05em; }
  #portfolio .portfolio-header p {
    color: #4A4A4A;
    margin: 0.618em 0 1em 0; }
    #portfolio .portfolio-header p span {
      position: relative;
      z-index: 2;
      display: inline;
      padding: 0 1.387em;
      background: #F1F1F1;
      max-width: 80%;
      margin: 0 auto;
      font-size: smaller; }
      #portfolio .portfolio-header p span a {
        color: #9E9E9E;
        text-transform: uppercase;
        padding: 0.382em; }
  #portfolio .portfolio-header p::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    display: block;
    position: relative;
    top: 1em; }
  #portfolio .portfolio-header p::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #FDFDFD;
    display: block;
    position: relative;
    top: -0.6em; }
  #portfolio .portfolio-header #portfolio-filter {
    padding: .618em 0 0 1em;
    left: 12px;
    text-align: left; }
    #portfolio .portfolio-header #portfolio-filter a {
      position: relative;
      float: left;
      height: 24px;
      line-height: 24px;
      font-size: 1em;
      background: #5595A5;
      padding: 0 10px 0 12px;
      margin: 10px 1.618em 0 0;
      -moz-border-radius-topright: 5px;
      -webkit-border-top-right-radius: 5px;
      border-top-right-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-bottom-right-radius: 5px;
      border-bottom-right-radius: 5px;
      font-weight: normal;
      color: #fff;
      text-decoration: none; }
    #portfolio .portfolio-header #portfolio-filter a:before {
      content: "";
      float: left;
      position: absolute;
      top: 0;
      left: -12px;
      width: 0;
      height: 0;
      border-color: transparent #5595A5 transparent transparent;
      border-style: solid;
      border-width: 12px 12px 12px 0; }
    #portfolio .portfolio-header #portfolio-filter a:after {
      content: "";
      position: absolute;
      top: 10px;
      left: 0;
      float: left;
      width: 4px;
      height: 4px;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-bottom-right-radius: 2px;
      border-bottom-right-radius: 2px;
      background: #fff;
      -webkit-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
      -moz-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
      box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4); }
    #portfolio .portfolio-header #portfolio-filter .fix {
      height: 50px; }
#portfolio #portfolio-list .portfolio-item {
  float: left;
  margin: 1em 0 0.49% 0 !important; }
  #portfolio #portfolio-list .portfolio-item img {
    margin: 0 0 1.387em;
    padding: .382em;
    border: 1px solid #E6E6E6;
    background: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    width: 85%;
    height: 65%; }
    #portfolio #portfolio-list .portfolio-item img:hover {
      -webkit-transform: scale(1.02, 1.02);
      -moz-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
      -o-transform: scale(1.02, 1.02);
      transform: scale(1.02, 1.02); }
  #portfolio #portfolio-list .portfolio-item h2 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0; }
    #portfolio #portfolio-list .portfolio-item h2 a {
      color: #424242; }

/* -----------------5.5 Social links----------------*/
.social::before, .social::after {
  content: " 0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both; }

.social {
  margin: 5px 15px 5px 0;
  list-style: none; }
  .social li {
    padding: 0; }
  .social a {
    float: left;
    height: 60px;
    width: 55px;
    margin: 1px;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-timing-function: none;
    -moz-transition-timing-function: none;
    -o-transition-timing-function: none;
    transition-timing-function: none; }

.google-plus {
  background: url(../images/custom/social.png) -318px -1px no-repeat; }
  .google-plus:hover {
    background: url(../images/custom/social.png) -318px -69px no-repeat; }

.facebook {
  background: url(../images/custom/social.png) -190px -1px no-repeat; }
  .facebook:hover {
    background: url(../images/custom/social.png) -190px -69px no-repeat; }

.twitter {
  background: url(../images/custom/social.png) -1px -1px no-repeat; }
  .twitter:hover {
    background: url(../images/custom/social.png) -1px -69px no-repeat; }

.linkedin {
  background: url(../images/custom/social.png) -127px -1px no-repeat; }
  .linkedin:hover {
    background: url(../images/custom/social.png) -127px -69px no-repeat; }

.youtube {
  background: url(../images/custom/social.png) -254px -1px no-repeat; }
  .youtube:hover {
    background: url(../images/custom/social.png) -254px -69px no-repeat; }

.rss {
  background: url(../images/custom/social.png) -63px -1px no-repeat; }
  .rss:hover {
    background: url(../images/custom/social.png) -63px -69px no-repeat; }

.vimeo {
  background: url(../images/custom/social.png) -382px -1px no-repeat; }
  .vimeo:hover {
    background: url(../images/custom/social.png) -382px -69px no-repeat; }

/* -------------------------------------5.6 Twitter feed --------------------*/
.twitter-feed-wrap {
  margin: 30px 0; }
  .twitter-feed-wrap .tweet, .twitter-feed-wrap .query {
    font: 120% Georgia, serif;
    color: #085258; }
  .twitter-feed-wrap .twitter-feed {
    background: url(../images/custom/twitter-bird.png);
    background-position: 5px 4px;
    padding-top: 45px;
    background-repeat: no-repeat;
    background-size: 55px; }
    .twitter-feed-wrap .twitter-feed .tweet_list {
      -webkit-border-radius: 0.5em;
      -moz-border-radius: 0.5em;
      border-radius: 0.5em;
      list-style: none;
      margin: 0;
      overflow-y: hidden;
      background: #FAFAF9;
      border: 1px solid #E6E6E6;
      padding: 1em; }
      .twitter-feed-wrap .twitter-feed .tweet_list li {
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0.5em;
        list-style-type: none;
        border-top: 1px solid #E6E6E6; }
        .twitter-feed-wrap .twitter-feed .tweet_list li a {
          color: #0C717A; }
        .twitter-feed-wrap .twitter-feed .tweet_list li .tweet_retweet {
          float: right;
          clear: both; }
      .twitter-feed-wrap .twitter-feed .tweet_list .tweet_first {
        border-top: none; }
      .twitter-feed-wrap .twitter-feed .tweet_list .tweet_avatar {
        padding-right: .5em;
        float: left; }
        .twitter-feed-wrap .twitter-feed .tweet_list .tweet_avatar img {
          vertical-align: middle; }
    .twitter-feed-wrap .twitter-feed .tweet_intro, .twitter-feed-wrap .twitter-feed .tweet_outro {
      font-family: 'Droid Sans', arial, sans-serif;
      font-size: 15px;
      line-height: 30px;
      font-weight: bold;
      color: #225F97;
      height: 0; }
    .twitter-feed-wrap .twitter-feed .tweet_outro {
      margin: 0;
      padding: 0;
      text-align: right; }
    .twitter-feed-wrap .twitter-feed .tweet_intro {
      text-align: right;
      top: -35px;
      position: relative;
      margin: 0;
      padding: 0; }
  .twitter-feed-wrap .twitter-controls .prev, .twitter-feed-wrap .twitter-controls .next {
    width: 30px;
    height: 30px;
    padding: 5px; }
  .twitter-feed-wrap .twitter-feed-footer {
    margin: 5px 0; }
    .twitter-feed-wrap .twitter-feed-footer::after {
      content: " 0020";
      display: block;
      height: 0;
      overflow: hidden;
      clear: both; }
    .twitter-feed-wrap .twitter-feed-footer .tweet-us {
      float: left; }
    .twitter-feed-wrap .twitter-feed-footer .follow-us {
      float: right; }
    .twitter-feed-wrap .twitter-feed-footer .btn {
      position: relative;
      background-color: #F8F8F8;
      background-image: -o-linear-gradient(top, white, #dedede);
      background-image: -ms-linear-gradient(top, white, #dedede);
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dedede));
      background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
      background-image: -moz-linear-gradient(top, #ffffff, #dedede);
      background-image: -o-linear-gradient(top, #ffffff, #dedede);
      background-image: linear-gradient(top, #ffffff, #dedede);
      border: #CCC solid 1px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #333;
      font-weight: bold;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      cursor: pointer;
      height: 18px;
      max-width: 98%;
      overflow: hidden;
      padding: 1px 5px; }
      .twitter-feed-wrap .twitter-feed-footer .btn .label {
        padding: 2px 3px 0 19px;
        white-space: nowrap;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        background: url(../images/custom/twitter-small.gif);
        background-repeat: no-repeat;
        font-size: 10px;
        background-position: 0px 2px; }
      .twitter-feed-wrap .twitter-feed-footer .btn b {
        font-weight: bold;
        white-space: nowrap; }

/*-------------------------------------------------------------------------------------*/
/* -------------------------------------6. Responsive Layout Rules --------------------*/
/*-------------------------------------------------------------------------------------*/
.aui-view-720 #Language-choices, .aui-view-lt720 #Language-choices {
  left: 70%; }

.aui-view-lt320 .home-pixelpress #second-row #column-2,
.aui-view-lt320 .home-pixelpress #second-row #column-3,
.aui-view-lt320 .home-pixelpress #second-row #column-4 {
  display: block;
  width: 100%; }

.aui-view-320 .home-pixelpress #second-row #column-2,
.aui-view-320 .home-pixelpress #second-row #column-3,
.aui-view-320 .home-pixelpress #second-row #column-4 {
  display: block;
  width: 100%; }

.aui-view-480 .home-pixelpress #second-row #column-2,
.aui-view-480 .home-pixelpress #second-row #column-3,
.aui-view-480 .home-pixelpress #second-row #column-4 {
  display: block;
  width: 100%; }

.aui-view-720 .mini-Portfolio .mini-Portfolio-slider .flex-next,
.aui-view-lt720 .mini-Portfolio .mini-Portfolio-slider .flex-next {
  top: 22%;
  right: 30%;
  width: 2.831em;
  height: 2.831em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.aui-view-720 .mini-Portfolio .mini-Portfolio-slider .flex-prev,
.aui-view-lt720 .mini-Portfolio .mini-Portfolio-slider .flex-prev {
  top: 22%;
  left: 30%;
  width: 2.831em;
  height: 2.831em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.aui-view-lt720 .text-link-image-slider-wrap .flex-next,
.aui-view-lt720 .text-link-image-slider-wrap .flex-prev {
  width: 40px;
  height: 40px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.aui-view-lt720 .testimonial .testimonial-slider .flex-next,
.aui-view-lt720 .testimonial .testimonial-slider .flex-prev {
  width: 2.631em;
  height: 2.631em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.aui-view-lt480 #banner #heading {
  float: none; }
.aui-view-lt480 .portlet-blogs form {
  margin: 0; }
.aui-view-lt480 #Language-choices {
  left: 50%; }
.aui-view-lt480 #page-search {
  float: left; }
.aui-view-lt480 #navigation {
  float: none;
  width: 45%;
  margin: 0 auto;
  height: auto; }
  .aui-view-lt480 #navigation li {
    float: none; }
    .aui-view-lt480 #navigation li:hover ul {
      left: 10%; }
    .aui-view-lt480 #navigation li .child-menu {
      width: 90%; }
      .aui-view-lt480 #navigation li .child-menu a {
        width: 91%; }
  .aui-view-lt480 #navigation a {
    text-align: center;
    padding: 5%; }

.aui-view-lt720 .portlet-column {
  float: none; }
.aui-view-lt720 .portlet-column {
  width: 100% !important;
  display: block !important; }
.aui-view-lt720 .portlet-layout {
  display: block; }
.aui-view-lt720 #heading .site-title, .aui-view-lt720 #widgets-footer-wrap .aui-column, .aui-view-lt720 #footer-wrap #footer-left-section
, .aui-view-lt720 #footer-wrap #footer-right-section, .aui-view-lt720 .columns-1-2 #column-2, .aui-view-lt720 .columns-1-2 #column-3,
.aui-view-lt720 .columns-2 #column-1, .aui-view-lt720 .columns-2 #column-2 {
  float: none; }
.aui-view-lt720 .columns-1-2 #column-2, .aui-view-lt720 .columns-1-2 #column-3,
.aui-view-lt720 .columns-2 #column-1, .aui-view-lt720 .columns-2 #column-2 {
  width: 100%;
  margin: o auto; }
.aui-view-lt720 #heading .site-title, .aui-view-lt720 #widgets-footer-wrap #widgets-footer .aui-column, .aui-view-lt720 #footer #ss-footer #footer-left-section
, .aui-view-lt720 #footer #ss-footer #footer-right-section, .aui-view-lt720 #navigation {
  float: none; }
.aui-view-lt720 #widgets-footer-wrap #widgets-footer .aui-column {
  width: 100%;
  text-align: center; }
  .aui-view-lt720 #widgets-footer-wrap #widgets-footer .aui-column .social {
    margin: 0 28%; }
.aui-view-lt720 .columns-2 .portlet-layout, .aui-view-lt720 .columns-1 .portlet-layout {
  width: auto; }
.aui-view-lt720 .home-pixelpress #second-row {
  width: 90%; }
.aui-view-lt720 .home-pixelpress #third-row .portlet-column-only {
  width: 90% !important;
  margin: 0 auto; }
.aui-view-lt720 #main-content, .aui-view-lt720 #footer, .aui-view-lt720 #widgets-footer-wrap #widgets-footer {
  padding-left: 5%;
  padding-right: 5%;
  width: 90%; }
.aui-view-lt720 #main-content.home-pixelpress {
  padding-left: 0;
  padding-right: 0;
  width: 100%; }
.aui-view-lt720 #portfolio #portfolio-filter .port-cat a {
  display: block;
  float: none; }

.aui-view-lt480 #widgets-footer-wrap #widgets-footer .aui-column {
  text-align: left; }

.aui-view-720 .carousel-outer-wrap .carousel-slide-nav,
.aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav {
  float: none;
  width: 100%;
  margin: 1em 0; }
  .aui-view-720 .carousel-outer-wrap .carousel-slide-nav .pagination,
  .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav .pagination {
    width: 100%; }
  .aui-view-720 .carousel-outer-wrap .carousel-slide-nav .flex-active,
  .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav .flex-active {
    background-size: 78%;
    background-position: 10px;
    background: none; }
    .aui-view-720 .carousel-outer-wrap .carousel-slide-nav .flex-active span.title, .aui-view-720 .carousel-outer-wrap .carousel-slide-nav .flex-active span.content,
    .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav .flex-active span.title,
    .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav .flex-active span.content {
      color: black;
      text-shadow: none; }
  .aui-view-720 .carousel-outer-wrap .carousel-slide-nav li,
  .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav li {
    display: inline-table;
    width: 31%;
    padding: 0;
    height: 45px;
    text-align: center;
    border-right: 1px solid #CDCDCD; }
    .aui-view-720 .carousel-outer-wrap .carousel-slide-nav li::before,
    .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav li::before {
      background: none; }
    .aui-view-720 .carousel-outer-wrap .carousel-slide-nav li:last-child,
    .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav li:last-child {
      border: 0; }
    .aui-view-720 .carousel-outer-wrap .carousel-slide-nav li a,
    .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav li a {
      width: 70%;
      margin: 0 auto; }
    .aui-view-720 .carousel-outer-wrap .carousel-slide-nav li span.content,
    .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav li span.content {
      display: none; }
    .aui-view-720 .carousel-outer-wrap .carousel-slide-nav li span.title,
    .aui-view-lt720 .carousel-outer-wrap .carousel-slide-nav li span.title {
      font-size: 1.2em;
      padding: 0; }
.aui-view-720 .carousel-outer-wrap .carousel-wrap,
.aui-view-lt720 .carousel-outer-wrap .carousel-wrap {
  float: none;
  width: 100%;
  height: auto !important;
  max-width: auto; }