@charset "UTF-8";
/*
Theme Name: Outdoor
Theme URI: http://template.outdoor.itembridge.com/
Author: InfoStyle
Author URI: http://themeforest.net/user/InfoStyle
Description: Outdoor responsive theme
Version: 2.0.0
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular-extended
*/
.jq-checkbox {
  top: -1px;
  width: 13px;
  height: 13px;
  border: 1px solid #C3C3C3;
  border-radius: 3px;
  background: #f6f6f6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) repeat-x;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px white, inset 1px -1px white;
  vertical-align: middle;
  cursor: pointer; }
  .jq-checkbox.checked .jq-checkbox__div {
    width: 9px;
    height: 9px;
    margin: 2px 0 0 2px;
    border-radius: 2px;
    background: #666;
    box-shadow: inset 0 -3px 6px #AAA; }
  .jq-checkbox.focused {
    border: 1px solid #08C; }
  .jq-checkbox.disabled {
    opacity: 0.55;
    filter: alpha(opacity=55); }

.jq-radio {
  width: 12px;
  height: 12px;
  border: 1px solid #C3C3C3;
  border-radius: 50%;
  background: #f6f6f6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) 0 -1px repeat-x;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px white, inset 1px -1px white;
  vertical-align: middle;
  cursor: pointer; }
  .jq-radio.checked .jq-radio__div {
    width: 6px;
    height: 6px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #666; }
  .jq-radio.focused {
    border: 1px solid #08C; }
  .jq-radio.disabled {
    opacity: 0.55;
    filter: alpha(opacity=55); }

.jq-file {
  width: 270px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px; }
  .jq-file input {
    cursor: pointer;
    height: auto;
    line-height: 1em; }

.jq-file__name {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 80px 0 10px;
  color: #333;
  font: 14px/30px Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1;
  background: #FFF; }

.focused .jq-file__name {
  border: 1px solid #5794BF; }

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px/30px Arial, sans-serif; }

.jq-file:hover .jq-file__browse {
  background-color: #E6E6E6;
  background-position: 0 -10px; }
.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }
.jq-file.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }
  .jq-file.disabled .jq-file__name {
    color: #888; }
  .jq-file.disabled .jq-file__browse {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888; }

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer; }

.jq-selectbox__select {
  height: 30px;
  padding: 0 45px 0 10px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: whitesmoke url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px/30px Arial, sans-serif; }
  .jq-selectbox__select:hover {
    background-color: #E6E6E6;
    background-position: 0 -10px; }
  .jq-selectbox__select:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD; }

.jq-selectbox.focused .jq-selectbox__select {
  border: 1px solid #5794BF; }
.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-selectbox__select-text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
  border-left: 1px solid #CCC; }

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  opacity: 1;
  filter: alpha(opacity=100); }
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.jq-selectbox__dropdown {
  top: 33px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 1px solid #CCC;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font: 14px/18px Arial, sans-serif; }

.jq-selectbox__search {
  margin: 5px; }
  .jq-selectbox__search input {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    outline: none;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    box-shadow: inset 1px 1px #F1F1F1;
    color: #333;
    -webkit-appearance: textfield; }
    .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
      -webkit-appearance: none; }

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px; }

.jq-selectbox ul {
  margin: 0;
  padding: 0; }
.jq-selectbox li {
  min-height: 18px;
  padding: 5px 10px 6px;
  color: #231F20; }
  .jq-selectbox li.selected {
    background-color: #A3ABB1;
    color: #FFF; }
  .jq-selectbox li:hover {
    background-color: #08C;
    color: #FFF; }
  .jq-selectbox li.disabled {
    color: #AAA; }
    .jq-selectbox li.disabled:hover {
      background: none; }
  .jq-selectbox li.optgroup {
    font-weight: bold; }
    .jq-selectbox li.optgroup:hover {
      background: none;
      color: #231F20;
      cursor: default; }
  .jq-selectbox li.option {
    padding-left: 25px; }

.jq-select-multiple {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #FFF;
  color: #333;
  font: 14px/18px Arial, sans-serif;
  cursor: default; }
  .jq-select-multiple.focused {
    border: 1px solid #5794BF; }
  .jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888; }
  .jq-select-multiple ul {
    margin: 0;
    padding: 0; }
  .jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none; }
    .jq-select-multiple li:first-child {
      border-radius: 3px 3px 0 0; }
    .jq-select-multiple li:last-child {
      border-radius: 0 0 3px 3px; }
    .jq-select-multiple li.selected {
      background: #08C;
      color: #FFF; }
    .jq-select-multiple li.disabled {
      color: #AAA; }
  .jq-select-multiple.disabled li.selected {
    background: #CCC;
    color: #FFF; }
  .jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF; }
  .jq-select-multiple li.optgroup {
    font-weight: bold; }
  .jq-select-multiple li.option {
    padding-left: 25px; }

input[type="email"].styler, input[type="number"].styler, input[type="password"].styler, input[type="search"].styler, input[type="tel"].styler, input[type="text"].styler, input[type="url"].styler {
  padding: 7px 9px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  font: 14px Arial, sans-serif; }

textarea.styler {
  padding: 7px 9px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  font: 14px Arial, sans-serif; }

input[type="search"].styler {
  -webkit-appearance: none; }

textarea.styler {
  overflow: auto; }

input[type="email"].styler:hover, input[type="number"].styler:hover, input[type="password"].styler:hover, input[type="search"].styler:hover, input[type="tel"].styler:hover, input[type="text"].styler:hover, input[type="url"].styler:hover {
  border-color: #B3B3B3; }

textarea.styler:hover {
  border-color: #B3B3B3; }

input[type="email"].styler:focus, input[type="number"].styler:focus, input[type="password"].styler:focus, input[type="search"].styler:focus, input[type="tel"].styler:focus, input[type="text"].styler:focus, input[type="url"].styler:focus {
  border-color: #CCC;
  border-top-color: #B3B3B3;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  outline: none; }

textarea.styler:focus {
  border-color: #CCC;
  border-top-color: #B3B3B3;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  outline: none; }

button.styler {
  overflow: visible;
  padding: 7px 11px;
  outline: none;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px Arial, sans-serif;
  cursor: pointer; }

input[type="button"].styler, input[type="submit"].styler, input[type="reset"].styler {
  overflow: visible;
  padding: 7px 11px;
  outline: none;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px Arial, sans-serif;
  cursor: pointer; }

button.styler::-moz-focus-inner {
  padding: 0;
  border: 0; }

input[type="button"].styler::-moz-focus-inner, input[type="submit"].styler::-moz-focus-inner, input[type="reset"].styler::-moz-focus-inner {
  padding: 0;
  border: 0; }

button.styler:after {
  content: ''; }
button.styler:not([disabled]):hover {
  background-color: #E6E6E6;
  background-position: 0 -10px; }

input[type="button"].styler:not([disabled]):hover, input[type="submit"].styler:not([disabled]):hover, input[type="reset"].styler:hover {
  background-color: #E6E6E6;
  background-position: 0 -10px; }

button.styler:not([disabled]):active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

input[type="button"].styler:not([disabled]):active, input[type="submit"].styler:not([disabled]):active, input[type="reset"].styler:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

button.styler[disabled] {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

input[type="button"].styler[disabled], input[type="submit"].styler[disabled] {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

/*
Animate.css - http: //daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.appear-animation {
  opacity: 0; }

.appear-animation-visible {
  opacity: 1; }

.animated, .appear-animation {
  /*-webkit-animation-fill-mode: both;*/
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    opacity: 1; }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
    opacity: 1; }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px); } }
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
    opacity: 1; }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
    opacity: 1; }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    opacity: 1; }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    opacity: 1; }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
    opacity: 1; }
  40% {
    -o-transform: translateY(-30px); }
  60% {
    -o-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    opacity: 1; }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    opacity: 1; } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  100% {
    -moz-transform: scale(1) rotate(0);
    opacity: 1; } }
@-o-keyframes tada {
  0% {
    -o-transform: scale(1); }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg); }
  100% {
    -o-transform: scale(1) rotate(0);
    opacity: 1; } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0);
    opacity: 1; } }
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    opacity: 1; } }
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg); }
  40% {
    -moz-transform: rotate(-10deg); }
  60% {
    -moz-transform: rotate(5deg); }
  80% {
    -moz-transform: rotate(-5deg); }
  100% {
    -moz-transform: rotate(0deg);
    opacity: 1; } }
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg); }
  40% {
    -o-transform: rotate(-10deg); }
  60% {
    -o-transform: rotate(5deg); }
  80% {
    -o-transform: rotate(-5deg); }
  100% {
    -o-transform: rotate(0deg);
    opacity: 1; } }
@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg);
    opacity: 1; } }
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing; }

/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1; } }
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -moz-transform: translateX(20%) rotate(3deg); }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -moz-transform: translateX(10%) rotate(2deg); }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1; } }
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%); }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -o-transform: translateX(20%) rotate(3deg); }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -o-transform: translateX(10%) rotate(2deg); }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -o-transform: translateX(0%);
    opacity: 1; } }
@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%);
    opacity: 1; } }
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg);
    opacity: 1; } }
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg); }
  10% {
    -moz-transform: skewX(-8deg); }
  20% {
    -moz-transform: skewX(7deg); }
  30% {
    -moz-transform: skewX(-6deg); }
  40% {
    -moz-transform: skewX(5deg); }
  50% {
    -moz-transform: skewX(-4deg); }
  60% {
    -moz-transform: skewX(3deg); }
  70% {
    -moz-transform: skewX(-2deg); }
  80% {
    -moz-transform: skewX(1deg); }
  90% {
    -moz-transform: skewX(0deg); }
  100% {
    -moz-transform: skewX(0deg);
    opacity: 1; } }
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg); }
  10% {
    -o-transform: skewX(-8deg); }
  20% {
    -o-transform: skewX(7deg); }
  30% {
    -o-transform: skewX(-6deg); }
  40% {
    -o-transform: skewX(5deg); }
  50% {
    -o-transform: skewX(-4deg); }
  60% {
    -o-transform: skewX(3deg); }
  70% {
    -o-transform: skewX(-2deg); }
  80% {
    -o-transform: skewX(1deg); }
  90% {
    -o-transform: skewX(0deg); }
  100% {
    -o-transform: skewX(0deg);
    opacity: 1; } }
@keyframes wiggle {
  0% {
    transform: skewX(9deg); }
  10% {
    transform: skewX(-8deg); }
  20% {
    transform: skewX(7deg); }
  30% {
    transform: skewX(-6deg); }
  40% {
    transform: skewX(5deg); }
  50% {
    transform: skewX(-4deg); }
  60% {
    transform: skewX(3deg); }
  70% {
    transform: skewX(-2deg); }
  80% {
    transform: skewX(1deg); }
  90% {
    transform: skewX(0deg); }
  100% {
    transform: skewX(0deg);
    opacity: 1; } }
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1);
    opacity: 1; } }
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(1.1); }
  100% {
    -o-transform: scale(1);
    opacity: 1; } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1);
    opacity: 1; } }
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1);
    opacity: 1; } }
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }
  50% {
    opacity: 1;
    -o-transform: scale(1.05); }
  70% {
    -o-transform: scale(0.9); }
  100% {
    -o-transform: scale(1);
    opacity: 1; } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1);
    opacity: 1; } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0);
    opacity: 1; } }
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }
  80% {
    -o-transform: translateY(10px); }
  100% {
    -o-transform: translateY(0);
    opacity: 1; } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0);
    opacity: 1; } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0);
    opacity: 1; } }
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(30px); }
  80% {
    -o-transform: translateY(-10px); }
  100% {
    -o-transform: translateY(0);
    opacity: 1; } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0);
    opacity: 1; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0);
    opacity: 1; } }
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(30px); }
  80% {
    -o-transform: translateX(-10px); }
  100% {
    -o-transform: translateX(0);
    opacity: 1; } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0);
    opacity: 1; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0);
    opacity: 1; } }
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }
  80% {
    -o-transform: translateX(10px); }
  100% {
    -o-transform: translateX(0);
    opacity: 1; } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0);
    opacity: 1; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

.morris-hover {
  position: absolute;
  z-index: 1000; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #666;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px rgba(230, 230, 230, 0.8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 ─░smail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px; }

.tabs-left {
  border-right: 1px solid #ddd; }

.tabs-right {
  border-left: 1px solid #ddd; }

.tabs-left > li, .tabs-right > li {
  float: none;
  margin-bottom: 2px; }

.tabs-left > li {
  margin-right: -1px; }

.tabs-right > li {
  margin-left: -1px; }

.tabs-left > li.active > a {
  border-bottom-color: #ddd;
  border-right-color: transparent; }
  .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent; }

.tabs-right > li.active > a {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent; }
  .tabs-right > li.active > a:hover, .tabs-right > li.active > a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent; }

.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block; }

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0; }

.vertical-text {
  margin-top: 50px;
  border: none;
  position: relative; }
  .vertical-text > li {
    height: 20px;
    width: 120px;
    margin-bottom: 100px; }
    .vertical-text > li > a {
      border-bottom: 1px solid #ddd;
      border-right-color: transparent;
      text-align: center;
      border-radius: 4px 4px 0px 0px; }
    .vertical-text > li.active > a {
      border-bottom-color: transparent;
      border-right-color: #ddd;
      border-left-color: #ddd; }
      .vertical-text > li.active > a:hover, .vertical-text > li.active > a:focus {
        border-bottom-color: transparent;
        border-right-color: #ddd;
        border-left-color: #ddd; }
  .vertical-text.tabs-left {
    left: -50px; }
  .vertical-text.tabs-right {
    right: -50px; }
    .vertical-text.tabs-right > li {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
  .vertical-text.tabs-left > li {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }

/* ----------------------------------------------------*/
/* ------------------ TYPOGRAPHY CSS ------------------*/
/* --------------------------------------------------- */
/*--------------------------------------*/
html, body {
  color: #222;
  font-family: 'Raleway', sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  letter-spacing: 0.015em;
  margin-top: 0; }

h1 {
  font-size: 2.95em;
  margin-bottom: 27px; }

h2 {
  font-size: 2.55em;
  margin-bottom: 25px; }

h3 {
  font-size: 2.35em;
  letter-spacing: 0.0015em;
  margin-bottom: 24px; }

h4 {
  font-size: 2.0em;
  letter-spacing: 0em;
  margin-bottom: 24px; }

h5 {
  font-size: 1.5em;
  letter-spacing: 0em;
  margin-bottom: 21px; }

h6 {
  font-size: 1.2em;
  letter-spacing: -0.04em;
  margin-bottom: 20px; }

/* gonfigure css h1 */
.page-tpg {
  padding-bottom: 20px; }

.page-tpg-list {
  margin-bottom: 33px; }

.page-tpg-table {
  margin: 16px 0 34px 0; }

.clear-tpg {
  padding: 8px; }

.page-tpg-blockquotes {
  margin: 26px 0 34px 0; }

/* and gonfigure css h1 */
a:link, a.test-defolt {
  color: #86a200;
  font-size: 1.155em;
  outline: none; }
a:visited, a.test-visited {
  color: #b4c369; }
a:hover, a.test-hover {
  color: #92ab19;
  text-decoration: underline; }
a:active, a.test-active {
  color: #789100;
  text-decoration: underline; }
a:active, a:hover, a:focus, a:visited {
  text-decoration: none; }

p {
  font-size: 0.9em;
  line-height: 1.72em;
  margin-bottom: 24px; }

figcaption {
  color: #999;
  font-size: 0.8em;
  line-height: 1.57em; }

img {
  margin-bottom: 15px;
  max-width: 100%;
  height: auto; }

div.row-mb {
  margin-bottom: 66px; }
div.row-mb2 {
  margin-bottom: 10px; }

.row-mb2 .white-input, .row-mb2 .select-white, .row-mb2 .green-input, .row-mb2 .green-select {
  float: left;
  margin-right: 71px; }

/* ---------------------- style table --------------------------------- */
table {
  border: 1px solid #e9e9e9;
  width: 100%; }
  table th {
    background: #f9f9f9;
    color: #222;
    font-weight: 700;
    border: 1px solid #e9e9e9;
    font-size: 0.75em;
    line-height: 1.55;
    padding: 15px 20px 14px 20px;
    text-align: center; }
  table td {
    border: 1px solid #e9e9e9;
    font-size: 0.75em;
    line-height: 1.55;
    padding: 15px 20px 14px 20px;
    text-align: center;
    color: #111;
    font-size: 0.85em; }

/* ------------------------ style blockquote ------------------------- */
blockquote {
  border: none;
  font-weight: 300;
  margin-bottom: 67px;
  margin-top: 47px;
  padding-top: 26px;
  position: relative;
  text-align: center; }
  blockquote span {
    background-image: url(../images/blockquote-bg.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    font-size: 1.25em;
    line-height: 1.7em;
    padding-bottom: 9px;
    padding-left: 60px; }
  blockquote footer {
    color: #aaa;
    font-size: 0.7em;
    font-weight: 700;
    margin-top: 22px;
    text-transform: uppercase; }
    blockquote footer:before {
      display: none; }
  blockquote:before {
    background: rgba(0, 0, 0, 0.13);
    content: ' ';
    height: 2px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    top: -2px;
    width: 40px; }

/* ----------------------- style input --------------------------------- */
textarea {
  outline: none;
  resize: none;
  resize: vertical; }

input {
  outline: none;
  resize: none; }
  input[type="text"] {
    border-radius: 2px;
    border: 1px solid #e7e7e7;
    color: #777;
    font-size: 1.0em;
    height: 40px;
    padding: 3px 12px 0 12px;
    width: 250px; }
  input[type="radio"] {
    left: -9999px;
    position: absolute; }
  input[type="checkbox"] {
    left: -9999px;
    position: absolute; }
    input[type="checkbox"] + label:before {
      background-image: url(../images/checkbox-bg.png);
      background-position: -3px -3px;
      background-repeat: no-repeat;
      content: ' ';
      display: inline-block;
      height: 22px;
      left: 20px;
      position: absolute;
      top: 9px;
      width: 22px; }
  input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before {
    background-position: -3px -58px; }
  input[type="radio"] + label, input[type="checkbox"] + label {
    color: #222;
    cursor: pointer;
    font-size: 0.859em;
    font-weight: normal;
    margin-left: 40px;
    margin-top: 12px; }
  input[disabled="disabled"] + label {
    opacity: 0.4; }
  input[type="radio"] + label:before {
    background-image: url(../images/radio-bg.png);
    background-position: -3px -3px;
    background-repeat: no-repeat;
    content: ' ';
    display: inline-block;
    height: 22px;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 23px; }

::-webkit-input-placeholder {
  color: #777;
  font-size: 0.9em; }

::-moz-placeholder {
  color: #777;
  font-size: 0.9em; }

:-moz-placeholder {
  color: #777;
  font-size: 0.9em; }

:-ms-input-placeholder {
  color: #777;
  font-size: 0.9em; }

/* Firefox 19+ */
/* Firefox 18- */
/* ---------------------- style green input -------------------------- */
.green-input input[type="text"] {
  background: #9eb533;
  border: none;
  box-shadow: inset 0 2px 0px #7e9129;
  color: #dde8ab;
  padding-top: 3px; }
.green-input ::-webkit-input-placeholder {
  color: #dde8ab; }
.green-input ::-moz-placeholder {
  color: #dde8ab;
  font-size: 0.9em; }
.green-input :-moz-placeholder {
  color: #dde8ab;
  font-size: 0.9em; }
.green-input :-ms-input-placeholder {
  color: #dde8ab; }

/* Firefox 19+ */
/* Firefox 18- */
.green-checkbox input[type="checkbox"] + label:before {
  background-image: url(../images/checkbox-bg2.png);
  background-repeat: no-repeat;
  background-position: 0px 0px; }
.green-checkbox input[type="radio"]:checked + label:before, .green-checkbox input[type="checkbox"]:checked + label:before {
  background-position: 0px -47px; }

.green-radio input[type="radio"] + label:before {
  background-image: url(../images/radio-bg2.png);
  background-position: 0px -1px;
  background-repeat: no-repeat; }
.green-radio input[type="radio"]:checked + label:before {
  background-position: 0px -45px; }

div.green-background {
  background: #86a200;
  margin-top: 30px;
  padding-top: 40px; }

.green-radio input[type="radio"] + label, .green-checkbox input[type="checkbox"] + label {
  color: #fff; }

/* --------------------------- style select ------------------------------ */
.jq-selectbox {
  min-width: 250px; }
  .jq-selectbox .jq-selectbox__select {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e7e7e7;
    box-shadow: none;
    color: #777;
    font-size: 1.2em;
    height: 40px;
    padding-left: 10px;
    padding-top: 5px;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    .jq-selectbox .jq-selectbox__select:hover {
      background: #fff; }
    .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger {
      border: none; }
      .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow {
        background-image: url(../images/select-arrow2.svg);
        background-position: center center;
        background-repeat: no-repeat;
        border: none;
        height: 15px;
        right: 5px;
        top: 12px;
        width: 9px;
        -webkit-transition: all 0.1s ease-in-out 0.1s;
        -moz-transition: all 0.1s ease-in-out 0.1s;
        -o-transition: all 0.1s ease-in-out 0.1s;
        transition: all 0.1s ease-in-out 0.1s; }
    .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text {
      color: #777;
      font-size: 0.77em;
      opacity: 0.9;
      padding-left: 3px;
      width: 190px !important; }
  .jq-selectbox .jq-selectbox__dropdown {
    border-radius: 0;
    border: 1px solid #e7e7e7;
    box-shadow: none;
    top: 40px;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    .jq-selectbox .jq-selectbox__dropdown li {
      font-size: 0.99em;
      height: 35px;
      margin-bottom: 0;
      padding-top: 9px;
      -webkit-transition: all 0.1s ease-in-out 0.1s;
      -moz-transition: all 0.1s ease-in-out 0.1s;
      -o-transition: all 0.1s ease-in-out 0.1s;
      transition: all 0.1s ease-in-out 0.1s; }

.jq-selectbox.focused .jq-selectbox__select {
  border: 1px solid #e7e7e7; }

.jq-selectbox.opened .jq-selectbox__dropdown {
  height: auto;
  opacity: 1;
  overflow: visible; }

.jq-selectbox li.selected, .jq-selectbox li:hover {
  background-color: #86a200;
  color: #fff; }

/*---green-select---*/
.green-select .jq-selectbox__dropdown li {
  background: #92ab19;
  color: #dde8ab; }
.green-select .jq-selectbox li.selected, .green-select .jq-selectbox li:hover {
  background: #86a200;
  color: #fff; }

.jq-selectbox li:hover,
.jq-selectbox li.selected {
  background-color: #86a200;
  color: #fff; }

.jq-selectbox li.selected, .jq-selectbox li:hover {
  background-color: #86a200;
  color: #fff; }

/*-------------------------------- style green-select ---------------------------*/
.green-select .jq-selectbox__select {
  background: #9eb533;
  border: none;
  box-shadow: inset 0 2px 0px #7e9129;
  color: #dde8ab;
  outline: none;
  text-shadow: none; }
  .green-select .jq-selectbox__select:hover {
    background: #9eb533; }
  .green-select .jq-selectbox__select .jq-selectbox__select-text {
    color: #dde8ab;
    padding-top: 2px; }
.green-select .jq-selectbox.focused .jq-selectbox__select {
  border: none; }
.green-select .jq-selectbox__trigger-arrow {
  background-image: url(../images/select-arrow3.svg) !important; }

select {
  outline: none; }

/* ----------------------- style button ------------------------------------- */
button {
  background: none;
  border: none; }

button, a {
  outline: none; }
  button.btn-default, a.btn-default {
    background: #86a200;
    border-radius: 2px;
    border: 1px solid #789100;
    color: #fffdec;
    font-size: 0.75em;
    font-weight: 700;
    height: 40px;
    letter-spacing: 0.06em;
    outline: none;
    padding: 3px 29px 0 29px;
    text-transform: uppercase;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    button.btn-default:hover, a.btn-default:hover {
      background: #92ab19;
      color: #fffdec;
      outline: none;
      border-color: #789100; }

a.btn-default {
  display: inline-block;
  padding: 7px 29px 0 29px; }

.btn-default:active,
.button-active {
  background: #92ab19;
  border-color: #789100;
  box-shadow: inset 0 2px 0px #7e9129;
  color: #fffdec; }

.btn-default:visited,
.btn-default:focus {
  background: #92ab19;
  border: 1px solid #789100;
  color: #fffdec; }

/* ----------------------------- style green-button ---------------------- */
.green-button {
  margin-bottom: 120px;
  padding-left: 0; }
  .green-button button.btn-default, .green-button a.btn-default {
    background: #fffdec;
    color: #86a200; }
    .green-button button.btn-default:hover, .green-button a.btn-default:hover {
      color: #86a200;
      background: #fff; }
  .green-button .button-hover {
    background: #fff;
    color: #86a200; }
  .green-button .btn-default:active, .green-button .button-active {
    background: #fffdec;
    box-shadow: inset 0 2px 0px #e0decf; }

/* ---------------------------- style OL UL --------------------------------- */
ol, ul {
  margin-top: 13px; }

ol li {
  font-size: 0.84em;
  margin-bottom: 6px; }

ul {
  list-style-image: url(../images/li-img.png); }
  ul li {
    font-size: 0.84em;
    margin-bottom: 6px; }

/* ---------------------------- wp-caption alignleft -------------------------*/
.wp-caption {
  width: 220px; }

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

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

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* ------------------------------- progress-bar ---------------------------*/
.progress-bar {
  background: #86a200;
  color: #e0e7bc;
  font-size: 0.8em;
  font-weight: 700;
  padding: 1px 0 0 10px;
  text-align: left;
  text-transform: uppercase; }

.title-skills {
  font-size: 2.0em;
  margin: 58px 0 35px 0;
  text-align: center;
  text-transform: uppercase; }

.progress {
  background-color: #ddd;
  margin-bottom: 10px; }

/* ---------------------------- Input -------------------------------*/
input {
  background: #fff;
  border-radius: 0 !important;
  border: 1px solid #e5e5e5;
  box-shadow: none !important; }

/* ---------------------------- textarea -------------------------------*/
textarea {
  background: #fff;
  border-radius: 0 !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: none !important; }

/* ----------------------------Accordion ------------------------------- */
.panel-default {
  background: #f3f3f3;
  color: #777; }
  .panel-default > .panel-heading {
    background: rgba(0, 0, 0, 0.11);
    border-radius: 2px;
    border: none;
    padding: 0;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    .panel-default > .panel-heading:hover {
      background: rgba(0, 0, 0, 0.06); }

.panel {
  background: none;
  border: none !important;
  box-shadow: none; }
  .panel .panel-heading .panel-title {
    position: relative; }
    .panel .panel-heading .panel-title i {
      color: #ccc;
      font-size: 0.8em;
      position: absolute;
      right: 8px;
      top: 13px;
      z-index: 1; }
    .panel .panel-heading .panel-title a, .panel .panel-heading .panel-title a.accordion-toggle {
      color: #777;
      display: block;
      font-size: 0.8em;
      font-weight: 700;
      line-height: 1.2;
      padding: 12px 30px 12px 11px;
      position: relative;
      z-index: 2;
      -webkit-transition: opacity 0.05s ease-in-out 0.05s;
      -moz-transition: opacity 0.05s ease-in-out 0.05s;
      -o-transition: opacity 0.05s ease-in-out 0.05s;
      transition: opacity 0.05s ease-in-out 0.05s; }
      .panel .panel-heading .panel-title a a:hover, .panel .panel-heading .panel-title a a.accordion-toggle:hover, .panel .panel-heading .panel-title a.accordion-toggle a:hover, .panel .panel-heading .panel-title a.accordion-toggle a.accordion-toggle:hover {
        color: #777;
        text-decoration: none; }
  .panel .panel-body {
    background: #f4f4f4;
    color: #777;
    font-size: 0.8em;
    line-height: 1.8;
    margin-top: 2px;
    padding: 14px 25px 17px 21px; }

.panel-group .panel-heading + .panel-collapse .panel-body {
  border: none !important; }

/* -- white-accordion -- */
.white-acctabs {
  margin-top: 62px; }

.panel-group.white-accordion .panel-heading {
  background: none;
  border: 1px solid #e5e5e5; }
  .panel-group.white-accordion .panel-heading:hover {
    background: none;
    border: 1px solid #ccc; }
  .panel-group.white-accordion .panel-heading .panel-title i {
    top: 12px; }
  .panel-group.white-accordion .panel-heading .panel-title a, .panel-group.white-accordion .panel-heading .panel-title a.accordion-toggle {
    font-weight: 400;
    padding: 11px 30px 11px 10px; }
.panel-group.white-accordion .panel-body {
  background: none;
  border: none; }

/* -------------------------- TABS ----------------------------*/
.nav-tabs {
  border: none !important;
  margin-top: 0;
  padding-top: 0; }
  .nav-tabs li {
    margin-bottom: 0px; }
    .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
      background: rgba(0, 0, 0, 0.04);
      border: none;
      color: #777; }
    .nav-tabs li a {
      background: rgba(0, 0, 0, 0.09);
      border: none;
      color: #999;
      font-size: 0.95em;
      font-weight: 700;
      line-height: 1.433;
      padding: 12px 15px 10px 16px; }
      .nav-tabs li a:hover {
        background: rgba(0, 0, 0, 0.04);
        border: none;
        color: #777; }

.tab-content {
  margin-bottom: 5px; }
  .tab-content .tab-pane {
    display: block;
    height: 0;
    opacity: 0; }
    .tab-content .tab-pane.active {
      height: auto;
      opacity: 1;
      background: rgba(0, 0, 0, 0.04);
      border: none;
      color: #777;
      border-top: none; }
      .tab-content .tab-pane.active p {
        opacity: 1; }
    .tab-content .tab-pane p {
      font-size: 0.8em;
      line-height: 1.8;
      margin-bottom: 0;
      opacity: 0;
      padding: 17px 20px 16px 20px;
      -webkit-transition: all 0.1s ease-in-out 0.1s;
      -moz-transition: all 0.1s ease-in-out 0.1s;
      -o-transition: all 0.1s ease-in-out 0.1s;
      transition: all 0.1s ease-in-out 0.1s;
      color: #777; }

@media only screen and (max-width: 767px) {
  .horizontal-tabs p, .vertical-tabs p {
    font-size: 1em !important; } }
/* -- vertical-tabs -- */
.vertical-tabs > div {
  padding-left: 0;
  padding-right: 0; }
.vertical-tabs .tabs-left {
  margin-right: 1px; }
  .vertical-tabs .tabs-left li.active a {
    border: none;
    background-color: rgba(0, 0, 0, 0.04); }
    .vertical-tabs .tabs-left li.active a:hover, .vertical-tabs .tabs-left li.active a:focus {
      border: none;
      background-color: rgba(0, 0, 0, 0.04); }
.vertical-tabs .nav-tabs > li {
  margin-bottom: 2px !important; }

/* -- white-tabs -- */
.white-tab .nav-tabs {
  overflow: hidden;
  position: relative; }
  .white-tab .nav-tabs.white-tabs li {
    border-radius: 3px; }
    .white-tab .nav-tabs.white-tabs li a {
      background: none;
      font-weight: 400;
      line-height: 1.433;
      margin-right: 0;
      padding: 11px 19px 8px 19px; }
    .white-tab .nav-tabs.white-tabs li.active a {
      background: none;
      border: 1px solid #e5e5e5;
      padding: 10px 16px 9px 16px; }
      .white-tab .nav-tabs.white-tabs li.active a:hover, .white-tab .nav-tabs.white-tabs li.active a:focus {
        background: none;
        border: 1px solid #e5e5e5;
        border-bottom: none;
        padding: 10px 18px 9px 18px; }
      .white-tab .nav-tabs.white-tabs li.active a:after {
        border-top: 1px solid #e5e5e5;
        content: "";
        display: block;
        left: 100%;
        margin-top: -1px;
        position: absolute;
        top: 100%;
        width: 1000px; }
      .white-tab .nav-tabs.white-tabs li.active a:before {
        border-top: 1px solid #e5e5e5;
        content: "";
        display: block;
        left: 100%;
        margin-top: -1px;
        position: absolute;
        top: 100%;
        width: 1000px;
        left: auto;
        right: 100%; }
.white-tab.horizontal-tabs .nav-tabs.white-tabs li {
  margin-right: 2px; }
  .white-tab.horizontal-tabs .nav-tabs.white-tabs li.active a {
    border-bottom: none;
    border-bottom: 1px solid transparent;
    font-weight: 400;
    padding: 10px 18px 8px 18px; }

.white-tab .tab-content.white-tabs > .active {
  background: none;
  border: 1px solid #e5e5e5;
  border-top: none; }

/* -- .vertical-tabs.white-tab -- */
.vertical-tabs.white-tab {
  overflow: hidden; }
  .vertical-tabs.white-tab .tabs-left {
    overflow: visible; }
    .vertical-tabs.white-tab .tabs-left.white-tabs li:last-child {
      margin-bottom: 0 !important; }
    .vertical-tabs.white-tab .tabs-left.white-tabs li a {
      border: none;
      line-height: 1.433;
      padding: 11px 16px 11px 16px; }
      .vertical-tabs.white-tab .tabs-left.white-tabs li a:hover {
        text-decoration: none; }
    .vertical-tabs.white-tab .tabs-left.white-tabs li.active a {
      border: 1px solid #e5e5e5;
      border-right: none;
      border-right: none;
      margin-bottom: 0;
      margin-right: 0px;
      padding: 10px 15px 10px 15px;
      z-index: 11; }
      .vertical-tabs.white-tab .tabs-left.white-tabs li.active a:focus {
        border-bottom: 1px solid #e5e5e5;
        border-right: none;
        margin-bottom: 0;
        margin-right: 0px;
        padding: 10px 15px 10px 15px;
        z-index: 11; }
      .vertical-tabs.white-tab .tabs-left.white-tabs li.active a:before {
        border: 0 none;
        border-left: 1px solid #e5e5e5;
        height: 1000px;
        left: 100%;
        margin: 0 0 0 -1px;
        width: 0;
        bottom: 100%;
        top: auto; }
      .vertical-tabs.white-tab .tabs-left.white-tabs li.active a:after {
        border: 0 none;
        border-left: 1px solid #e5e5e5;
        height: 1000px;
        left: 100%;
        margin: 0 0 0 -1px;
        width: 0; }
  .vertical-tabs.white-tab .tab-content {
    margin: 0; }
    .vertical-tabs.white-tab .tab-content .tab-pane.active {
      border: 1px solid #e5e5e5;
      border-left: 0 none; }

/* -- TAB-ACARDION -- */
.vertical-tabs .panel-title a:before, .horizontal-tabs .panel-title a:before {
  color: #ccc;
  content: "\2212";
  font-family: 'Glyphicons Halflings';
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 11px;
  top: 11px; }
.vertical-tabs .panel-title a.collapsed:before, .horizontal-tabs .panel-title a.collapsed:before {
  color: #ccc;
  content: "\2b";
  font-family: 'Glyphicons Halflings';
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 11px;
  top: 11px; }
.vertical-tabs.white-tab .panel-heading, .horizontal-tabs.white-tab .panel-heading {
  background: #fff;
  border: 1px solid #e5e5e5;
  -webkit-transition: all 0.1s ease-in-out 0.1s;
  -moz-transition: all 0.1s ease-in-out 0.1s;
  -o-transition: all 0.1s ease-in-out 0.1s;
  transition: all 0.1s ease-in-out 0.1s; }
  .vertical-tabs.white-tab .panel-heading:hover, .horizontal-tabs.white-tab .panel-heading:hover {
    border: 1px solid #ccc;
    background: #fff; }
.vertical-tabs.white-tab .panel-body, .horizontal-tabs.white-tab .panel-body {
  background: none !important; }

/* ---------------------------------- Titile-divider ------------------------------------- */
.titile-divider {
  letter-spacing: -0.005em;
  margin: 80px 0;
  overflow: hidden;
  padding: 0 5px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 99; }
  .titile-divider span {
    color: #222;
    font-size: 0.7em;
    line-height: .8;
    padding: 0 12px;
    position: relative;
    text-transform: uppercase;
    z-index: 9999; }
  .titile-divider.green {
    line-height: 0.5; }
    .titile-divider.green span {
      color: #86a200;
      position: relative;
      top: -2px; }
    .titile-divider.green:before {
      border: none;
      height: 1px; }
  .titile-divider span:before, .titile-divider span:after {
    background-clip: content-box;
    background: none;
    border-bottom: 1px solid #e5e5e5;
    content: ' ';
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%; }
  .titile-divider span:before {
    left: -10px;
    margin: 0 0 0 -50%; }
  .titile-divider span:after {
    left: 10px;
    margin: 0 -50% 0 0; }
  .titile-divider.green span:before, .titile-divider.green span:after {
    background-clip: content-box;
    background: #e0e7bc;
    border-bottom: 1px solid #e5e5e5;
    content: ' ';
    display: inline-block;
    height: 25px;
    position: relative;
    top: -4px;
    vertical-align: middle;
    width: 50%; }

@media all and (-webkit-min-device-pixel-ratio: 0) {
  .titile-divider.green span {
    top: -3px; } }
/* ------------------------------  element-img ----------------------------- */
#element-img img {
  margin-right: 20px; }
  #element-img img:last-of-type {
    margin-right: 0; }

/* --------------------- alert --------------------------------------------*/
.alert button {
  height: auto;
  margin: 0; }

/* RS Slider 
-------------------------------------------------------------------------*/
.rslides {
  height: 100%;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: -1; }
  .rslides li {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important; }
    .rslides li:first-child {
      display: block;
      float: left;
      position: relative; }
  .rslides img {
    border: 0;
    display: block;
    float: left;
    height: auto;
    width: 100%; }

#rslides-1 {
  z-index: 1; }

.rslides_tabs {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 999; }
  .rslides_tabs li {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid transparent;
    padding: 4px 0px 0px 4px;
    font-size: 0;
    margin: 0;
    -webkit-transition: all 0.05s ease-in-out 0.05s;
    -moz-transition: all 0.05s ease-in-out 0.05s;
    -o-transition: all 0.05s ease-in-out 0.05s;
    transition: all 0.05s ease-in-out 0.05s; }
    .rslides_tabs li a {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: block;
      font-size: 0;
      background: #259e0f;
      opacity: 0.24;
      -webkit-transition: all 0.05s ease-in-out 0.05s;
      -moz-transition: all 0.05s ease-in-out 0.05s;
      -o-transition: all 0.05s ease-in-out 0.05s;
      transition: all 0.05s ease-in-out 0.05s; }
      .rslides_tabs li a:hover {
        opacity: 1; }
    .rslides_tabs li.rslides_here {
      margin: 0;
      border: 1px solid #259e0f;
      padding: 3px 0px 0px 3px; }
      .rslides_tabs li.rslides_here a {
        opacity: 1; }

html {
  color: #222;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  color: #222;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased; }

.cont-box {
  overflow: hidden;
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative; }
  .cont-box .box-title {
    font-size: 7.5em;
    font-weight: 800;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 9; }
  .cont-box h1 {
    text-transform: uppercase;
    text-align: center; }

.container {
  position: relative; }

section {
  position: relative;
  overflow: hidden; }
  section > .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

/* ----------------- preloader -------------------------*/
.preloader {
  background: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999; }
  .preloader .preload-img {
    background-image: url(../images/preloader.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px; }
  .preloader.page-preloader {
    position: fixed;
    z-index: 99999; }

/* --------------------------------------------------------------------------------- */
/* ----------------------------------- Royal Slider -------------------------------- */
/* --------------------------------------------------------------------------------- */
.rsMinW {
  background: none; }
  .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
    background: none; }

#primary-banner.red-style .bg-box .overlay {
  background: #fff;
  opacity: 0.9; }

#r-slider #full-width-slider {
  color: #000;
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100%; }
  #r-slider #full-width-slider li {
    max-width: 100%;
    width: 100%;
    height: 100%; }
    #r-slider #full-width-slider li img {
      max-width: 100% !important; }
#r-slider .rsOverflow {
  z-index: -1; }
#r-slider .royalSlider {
  height: 100%;
  width: 100%; }
#r-slider .rsMinW .rsArrowIcn {
  background: none; }
#r-slider .rsArrow:hover {
  opacity: 0.7; }
#r-slider .rsMinW .rsArrowRight {
  background-image: url(../images/next.svg);
  background-position: center;
  background-repeat: no-repeat;
  top: 48%; }
#r-slider .rsMinW .rsArrowLeft {
  background-image: url(../images/prev.svg);
  background-position: center;
  background-repeat: no-repeat;
  left: 7px;
  top: 48%; }
#r-slider .rsNav.rsBullets {
  bottom: auto;
  left: 40px;
  right: auto;
  top: 35px;
  z-index: 9999999; }
#r-slider .rsMinW .rsBullets {
  padding: 6px 0; }
#r-slider .rsMinW .rsBullet {
  border-radius: 50%;
  border: none;
  height: 15px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 15px;
  -webkit-transition: all 0.05s ease-in-out 0.05s;
  -moz-transition: all 0.05s ease-in-out 0.05s;
  -o-transition: all 0.05s ease-in-out 0.05s;
  transition: all 0.05s ease-in-out 0.05s; }
  #r-slider .rsMinW .rsBullet.rsNavSelected {
    border: 1px solid #259e0f;
    padding: 3px; }
#r-slider .rsNav.rsBullets .rsNavItem span {
  background: #259e0f;
  cursor: pointer;
  display: block;
  height: 7px;
  left: 50%;
  margin-left: -3.5px;
  margin-top: -3.5px;
  opacity: 0.24;
  position: absolute;
  top: 50%;
  width: 7px;
  -webkit-transition: all 0.05s ease-in-out 0.05s;
  -moz-transition: all 0.05s ease-in-out 0.05s;
  -o-transition: all 0.05s ease-in-out 0.05s;
  transition: all 0.05s ease-in-out 0.05s; }
  #r-slider .rsNav.rsBullets .rsNavItem span:hover {
    opacity: 1; }
#r-slider .rsNav.rsBullets .rsNavItem.rsNavSelected span {
  opacity: 1; }
#r-slider .transparent-btns_tabs {
  height: auto;
  line-height: 6px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  -moz-user-select: none;
  bottom: auto;
  left: 40px;
  right: auto;
  top: 35px;
  z-index: 999;
  padding: 6px 0;
  margin: 0; }
  #r-slider .transparent-btns_tabs li {
    display: inline-block;
    border: medium none;
    border-radius: 50%;
    height: 15px;
    padding: 0;
    position: relative;
    transition: all 0.05s ease-in-out 0.05s;
    vertical-align: middle;
    width: 15px;
    margin: 0; }
    #r-slider .transparent-btns_tabs li a {
      border-radius: 50%;
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
      background: #259e0f;
      cursor: pointer;
      display: block;
      height: 7px;
      left: 50%;
      margin-left: -3.5px;
      margin-top: -3.5px;
      opacity: 0.24;
      position: absolute;
      top: 50%;
      transition: all 0.05s ease-in-out 0.05s;
      width: 7px;
      text-indent: -99999px; }
  #r-slider .transparent-btns_tabs li.transparent-btns_here {
    padding: 3px;
    border: 1px solid #259e0f; }
    #r-slider .transparent-btns_tabs li.transparent-btns_here a {
      opacity: 1; }

/* Bullets White*/
.white #r-slider .rsNav.rsBullets .rsNavItem span, .white #r-slider .rsNav.rsBullets .rsNavItem.rsNavSelected span {
  background: rgba(255, 253, 236, 0.85); }
.white #r-slider .rsMinW .rsBullet.rsNavSelected {
  border: 1px solid rgba(255, 253, 236, 0.85); }

/* -----------------------------------------------------------------------------------*/
/* --------------------------------------- HEADER ------------------------------------*/
/* -----------------------------------------------------------------------------------*/
.other-style #wrapper-header, .front-page #wrapper-header {
  background: none;
  border: none;
  left: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 999; }
  .other-style #wrapper-header.fixed, .front-page #wrapper-header.fixed {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #eaebe9;
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999; }
  .other-style #wrapper-header .logo-mini, .front-page #wrapper-header .logo-mini {
    height: 0;
    opacity: 0; }
  .other-style #wrapper-header #header > .row, .front-page #wrapper-header #header > .row {
    padding: 30px 30px 30px 30px; }

#wrapper-header {
  border-bottom: 1px solid #e5e5e5;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  #wrapper-header.fixed, #wrapper-header.over-slider {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #eaebe9;
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999; }
  #wrapper-header.fixed #header {
    margin: 0;
    padding: 0; }
    #wrapper-header.fixed #header > .row {
      padding: 10px 30px 11px 30px;
      margin: 0; }
  #wrapper-header.fixed .logo-mini {
    height: 100%;
    min-height: 22px;
    opacity: 1 !important;
    -webkit-transition: all 0.02s ease-in-out 0.02s;
    -moz-transition: all 0.02s ease-in-out 0.02s;
    -o-transition: all 0.02s ease-in-out 0.02s;
    transition: all 0.02s ease-in-out 0.02s; }
  #wrapper-header #header {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0; }
    #wrapper-header #header > .row {
      padding: 10px 30px 10px 30px;
      vertical-align: middle;
      width: 100%;
      margin: 0; }
    #wrapper-header #header .logo-mini {
      display: inline-block;
      margin-top: 5px;
      max-width: 152px; }
      #wrapper-header #header .logo-mini a {
        display: block; }
        #wrapper-header #header .logo-mini a img {
          margin: 0;
          max-width: 250px;
          width: 100%; }
    #wrapper-header #header #language, #wrapper-header #header #menu {
      display: inline-block; }

/* ----------------- soc icon ------------------*/
.soc-icon {
  margin: 0 10px;
  padding-top: 5px; }
  .soc-icon.block-inline {
    display: inline-block;
    vertical-align: top; }
  .soc-icon .wrap-button {
    float: left;
    height: 30px;
    margin-left: -1px;
    margin-right: 3px;
    width: 30px;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    -o-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg); }
  .soc-icon .custom-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% 70%;
    display: block;
    height: 100%;
    width: 100%; }

#shared-icon a, .soc-icon a {
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
  -webkit-transition: all 0.1s ease-in-out 0.1s;
  -moz-transition: all 0.1s ease-in-out 0.1s;
  -o-transition: all 0.1s ease-in-out 0.1s;
  transition: all 0.1s ease-in-out 0.1s; }
  #shared-icon a:hover, .soc-icon a:hover {
    text-decoration: none;
    -webkit-transform: rotatex(-30deg);
    -moz-transform: rotatex(-30deg);
    -o-transform: rotatex(-30deg);
    transform: rotatex(-30deg); }
  #shared-icon a i, .soc-icon a i {
    display: table-cell;
    height: 32px;
    vertical-align: middle;
    width: 30pc; }
  #shared-icon a.facebook, .soc-icon a.facebook {
    background: #3c5fb2; }
  #shared-icon a.twitter, .soc-icon a.twitter {
    background: #3799dd; }
  #shared-icon a.google-plus, .soc-icon a.google-plus {
    background: #dc4c39; }
  #shared-icon a.pinterest, .soc-icon a.pinterest {
    background: #cc2127; }
  #shared-icon a.linkedin, .soc-icon a.linkedin {
    background: #008cc9 !important; }
  #shared-icon a.instagram, .soc-icon a.instagram {
    background: #96624e !important; }
  #shared-icon a.youtube, .soc-icon a.youtube {
    background: #cc181e !important; }
  #shared-icon a.vk, .soc-icon a.vk {
    background: #4e729a !important; }
  #shared-icon a.stumbleupon, .soc-icon a.stumbleupon {
    background: #eb4924 !important; }
  #shared-icon a img, .soc-icon a img {
    max-width: 100%;
    height: auto;
    display: inline;
    vertical-align: middle;
    margin: 0; }
  #shared-icon a .custom-icon, .soc-icon a .custom-icon {
    background-color: rgba(255, 255, 255, 0.85); }

/* --------------------- language-menu --------------------------*/
#languages {
  margin-left: 7px; }
  #languages button {
    background-color: #fff;
    background-image: url(../images/select-arrow.svg);
    background-position: 37px center;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: 1px solid #d2dede;
    color: #2063ad;
    font-size: 0.7em;
    font-weight: 700;
    height: 38px;
    margin: 0;
    padding: 0 8px 0 8px;
    text-align: left;
    width: 54px;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    #languages button:hover {
      border: 1px solid #9dbacf; }
    #languages button:active {
      box-shadow: none; }
  #languages ul.dropdown-menu {
    border-radius: 0;
    border: none;
    box-shadow: none;
    display: block;
    margin: 0;
    min-width: 54px;
    padding: 0;
    top: 0px;
    width: 54px; }
    #languages ul.dropdown-menu li {
      height: 0px;
      margin-bottom: 0;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: all 0.1s ease-in-out 0.1s;
      -moz-transition: all 0.1s ease-in-out 0.1s;
      -o-transition: all 0.1s ease-in-out 0.1s;
      transition: all 0.1s ease-in-out 0.1s; }
    #languages ul.dropdown-menu li:first-of-type a {
      background-color: #fff;
      background-image: url(../images/select-arrow.svg);
      background-position: 37px center;
      background-repeat: no-repeat; }
      #languages ul.dropdown-menu li:first-of-type a:hover {
        background-color: #f5f5f5;
        background-image: url(../images/select-arrow.svg);
        background-position: 37px center;
        background-repeat: no-repeat; }
    #languages ul.dropdown-menu a {
      border-bottom: 1px solid #e6e7ea;
      border: 1px solid rgba(210, 222, 222, 0.56);
      color: #2063ad !important;
      font-size: 0.99em;
      font-weight: 700;
      height: 100%;
      padding: 10px 7px 10px 8px;
      text-align: left;
      text-transform: uppercase; }
  #languages.open ul.dropdown-menu {
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    #languages.open ul.dropdown-menu li {
      height: 39px;
      opacity: 1;
      overflow: visible; }

/* ---------------------- MENU --------------------------------- */
#menu {
  margin-left: 7px; }
  #menu button {
    background: #fff;
    border: 1px solid #e7aba9;
    color: #cd3232;
    font-size: 1.3em;
    height: 38px;
    margin: 0;
    outline: none;
    padding: 0;
    width: 39px; }
    #menu button:hover {
      border: 1px solid #df747b; }
    #menu button:active {
      box-shadow: none; }
    #menu button i {
      line-height: 1.1; }
    #menu button .fa-times {
      display: none; }
    #menu button .fa-reorder {
      display: block; }
  #menu .dropdown-menu {
    left: auto;
    right: 0 !important;
    top: 0; }

.open-menu #menu button .fa-reorder {
  display: none; }
.open-menu #menu button .fa-times {
  display: block; }

/* ------------------------------------------------------------------------------------*/
/* ----------------------------------- WRAPPER ----------------------------------------*/
/* ------------------------------------------------------------------------------------*/
#wrapper {
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  position: relative; }
  #wrapper .page {
    margin-bottom: 50px; }

#wrapper-header, #wrapper {
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s; }

#wrapper-header.open-menu, #wrapper.open-menu {
  -webkit-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  transform: translateX(-300px); }

#wrapper-header.open-menu.position-left, #wrapper.open-menu.position-left {
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
  -o-transform: translateX(300px);
  transform: translateX(300px); }

/* ------------------------------------------------------------------------------------*/
/* -------------------------------- SLIDE MENU ----------------------------------------*/
/* ------------------------------------------------------------------------------------*/
#slide-menu {
  width: 300px;
  background: #cd3333;
  overflow: hidden;
  /* ---  slide- menu -- position-left --- */
  /* -- button cose -- */ }
  #slide-menu.position-right {
    height: 120%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s; }
    #slide-menu.position-right.open-menu {
      opacity: 1;
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px); }
  #slide-menu.position-left {
    background: #cd3333;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 999;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s; }
  #slide-menu.open-menu.position-left {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
  #slide-menu #background-slide-menu {
    background: #cd3333;
    min-height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1; }
  #slide-menu .menu-close {
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 1.1em;
    height: 20px;
    margin: 14px 14px 0px 0;
    opacity: 0.4;
    padding: 0;
    width: 20px; }
    #slide-menu .menu-close:active, #slide-menu .menu-close:focus, #slide-menu .menu-close:hover {
      background: none;
      border: none;
      box-shadow: none;
      opacity: 0.7; }
  #slide-menu .wrapper-slide-menu-content {
    height: 100%;
    overflow-y: auto;
    padding-right: 20px;
    width: 320px; }
    #slide-menu .wrapper-slide-menu-content #slide-menu-content {
      clear: both;
      height: auto;
      margin-bottom: 200px;
      /* ----------------------- navigation-menu --------------------- */ }
      #slide-menu .wrapper-slide-menu-content #slide-menu-content > div {
        width: 300px; }
      #slide-menu .wrapper-slide-menu-content #slide-menu-content .logo-mini {
        margin: 20px 45px;
        width: 210px; }
      #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu {
        /* -- menu-align-right -- */ }
        #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu.subMenu {
          position: relative !important; }
        #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul {
          clear: both;
          margin: 0;
          padding: 0; }
          #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li {
            list-style: none;
            margin-bottom: 0px; }
            #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li.collapsed {
              background-position: 25px 14px;
              background-repeat: no-repeat;
              height: 40px;
              overflow: hidden;
              position: relative; }
              #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li.collapsed > svg {
                left: 25px;
                margin-top: 14px;
                position: absolute; }
              #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li.collapsed > .minus {
                display: none; }
              #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li.collapsed.start-collapsed {
                background-position: 25px 14px;
                background-repeat: no-repeat;
                height: 100%;
                overflow: visible; }
                #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li.collapsed.start-collapsed > .minus {
                  display: block; }
                #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li.collapsed.start-collapsed > .plus {
                  display: none; }
            #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li.start-collapsed ul {
              opacity: 1; }
            #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li span, #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li a {
              color: #F4D8C7;
              display: block;
              font-size: 1.1em;
              font-weight: 700;
              padding: 10px 0 9px 45px; }
              #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li span:hover, #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li a:hover {
                background: rgba(0, 0, 0, 0.14);
                text-decoration: none; }
            #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li a.active {
              color: #fff !important;
              text-decoration: none; }
            #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li span {
              cursor: pointer;
              font-size: 1.1em; }
            #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li ul {
              opacity: 0;
              -webkit-transition: all 0.1s ease-in-out 0.1s;
              -moz-transition: all 0.1s ease-in-out 0.1s;
              -o-transition: all 0.1s ease-in-out 0.1s;
              transition: all 0.1s ease-in-out 0.1s; }
              #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu ul li ul li a {
                font-weight: 400 !important;
                font-size: 1.35em;
                padding: 4px 0 5px 45px !important; }
        #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu.menu-align-right ul li.collapsed {
          background-image: url(../images/menu-collapsed-plus.svg);
          background-position: 265px 18px;
          background-repeat: no-repeat; }
          #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu.menu-align-right ul li.collapsed.start-collapsed {
            background-image: url(../images/menu-collapsed-minus.svg);
            background-position: 265px 18px;
            background-repeat: no-repeat; }
        #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu.menu-align-right ul li span, #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu.menu-align-right ul li a {
          padding: 14px 45px 14px 0;
          text-align: right; }
        #slide-menu .wrapper-slide-menu-content #slide-menu-content #navigation-menu.menu-align-right ul li ul li a {
          padding: 4px 45px 5px 0 !important; }
  #slide-menu .soc-icon {
    margin-bottom: 100px;
    margin-left: 0;
    margin-top: 54px;
    padding: 0 45px;
    width: 100%; }
    #slide-menu .soc-icon .wrap-button {
      display: inline-block;
      float: none;
      margin-right: 0px; }
      #slide-menu .soc-icon .wrap-button a {
        background: #fff !important;
        border-radius: 50%;
        color: #cd3333 !important;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 0.1s ease-in-out 0.1s;
        -moz-transition: all 0.1s ease-in-out 0.1s;
        -o-transition: all 0.1s ease-in-out 0.1s;
        transition: all 0.1s ease-in-out 0.1s; }
        #slide-menu .soc-icon .wrap-button a.facebook {
          color: #3c5fb2 !important; }
        #slide-menu .soc-icon .wrap-button a.twitter {
          color: #3799dd !important; }
        #slide-menu .soc-icon .wrap-button a.google-plus {
          color: #dc4c39 !important; }
        #slide-menu .soc-icon .wrap-button a.instagram {
          color: #96624e !important; }
        #slide-menu .soc-icon .wrap-button a.linkedin {
          color: #008cc9 !important; }
        #slide-menu .soc-icon .wrap-button a.vk {
          color: #4e729a !important; }
        #slide-menu .soc-icon .wrap-button a.youtube {
          color: #cc181e !important; }
        #slide-menu .soc-icon .wrap-button a:before {
          box-shadow: inset 0px 0px 0px 0px white, inset 0px 0px 0px 0px #cd3333;
          content: " ";
          display: block;
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          border-radius: 50%;
          -webkit-transition: all 0.1s ease-in-out 0.1s;
          -moz-transition: all 0.1s ease-in-out 0.1s;
          -o-transition: all 0.1s ease-in-out 0.1s;
          transition: all 0.1s ease-in-out 0.1s; }
        #slide-menu .soc-icon .wrap-button a:hover {
          -webkit-transform: rotatex(0deg);
          -moz-transform: rotatex(0deg);
          -o-transform: rotatex(0deg);
          transform: rotatex(0deg); }
          #slide-menu .soc-icon .wrap-button a:hover:before {
            box-shadow: inset 0px 0px 1px 2px white, inset 0px 0px 0px 4px #cd3333;
            opacity: 1; }

.invert-elements #navigation-menu ul li span, .invert-elements #navigation-menu ul li a {
  color: #F4D8C7 !important;
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  padding: 10px 0 9px 45px; }

#navigation-menu ul li a.active {
  background: none;
  color: #F4D8C7 !important;
  text-decoration: none; }
#navigation-menu ul li a:hover, #navigation-menu ul li a.current, #navigation-menu ul li a.active.current {
  color: #fff !important;
  text-decoration: none; }

/* --------------------------------------------------------------------------------- */
/* ------------------------------ TopSlider, Blog TopBlock ------------------------- */
/* --------------------------------------------------------------------------------- */
#primary-banner {
  position: relative;
  /* ------ red-style -------*/
  /* ---- white-sstyle ---- */
  /* -- slider-overlay style --*/ }
  #primary-banner #primary-banner-title {
    background: none;
    display: table;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    z-index: 11; }
    #primary-banner #primary-banner-title .soc-icon {
      padding-top: 0;
      padding-left: 3px; }
      #primary-banner #primary-banner-title .soc-icon .wrap-button:last-of-type {
        margin-right: 2px; }
    #primary-banner #primary-banner-title h1 {
      color: rgba(205, 51, 51, 0.85);
      display: table;
      font-size: 100%;
      font-weight: 800;
      line-height: 1;
      margin: -2% auto;
      overflow: hidden;
      text-align: center; }
      #primary-banner #primary-banner-title h1 span.title {
        font-size: 12em;
        text-transform: uppercase; }
      #primary-banner #primary-banner-title h1 div.line-soc-icon {
        overflow: hidden;
        padding: 0 0;
        position: relative; }
        #primary-banner #primary-banner-title h1 div.line-soc-icon:before {
          left: 14px;
          margin: 0 0 0 -50%; }
        #primary-banner #primary-banner-title h1 div.line-soc-icon:after {
          left: -14px;
          margin: 0 -50% 0 0; }
        #primary-banner #primary-banner-title h1 div.line-soc-icon:before, #primary-banner #primary-banner-title h1 div.line-soc-icon:after {
          background-clip: content-box;
          background: rgba(205, 51, 51, 0.85);
          content: "";
          display: inline-block;
          height: 30px;
          position: relative;
          vertical-align: middle;
          width: 50%; }
    #primary-banner #primary-banner-title .inner-info-block {
      background: none;
      display: table-row; }
      #primary-banner #primary-banner-title .inner-info-block .block-center {
        background: none;
        display: table-cell;
        vertical-align: middle; }
  #primary-banner #r-slider {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%; }
  #primary-banner.red-style div.line-soc-icon:before, #primary-banner.red-style div.line-soc-icon:after {
    border-bottom: 1px solid rgba(205, 51, 51, 0.85); }
  #primary-banner.red-style .custom-icon {
    background-color: rgba(205, 51, 51, 0.85); }
  #primary-banner.front-page.white #primary-banner-title h1 {
    color: rgba(255, 253, 236, 0.85); }
    #primary-banner.front-page.white #primary-banner-title h1 div.line-soc-icon:before, #primary-banner.front-page.white #primary-banner-title h1 div.line-soc-icon:after {
      background: rgba(255, 253, 236, 0.85); }
  #primary-banner.front-page.white #full-width-slider .rsOverflow img {
    opacity: 1; }
  #primary-banner.front-page.white .rsMinW .rsArrowRight {
    background-image: url(../images/arrow-02.svg);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5; }
  #primary-banner.front-page.white .rsMinW .rsArrowLeft {
    background-image: url(../images/arrow-02-2.svg);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5; }
  #primary-banner.front-page.white .rsMinW .rsArrowRight:hover, #primary-banner.front-page.white .rsMinW .rsArrowLeft:hover {
    opacity: 0.4; }
  #primary-banner.front-page.white #primary-banner-title .topslider-link a {
    color: #fffdec;
    font-size: 1.45em; }
    #primary-banner.front-page.white #primary-banner-title .topslider-link a:focus, #primary-banner.front-page.white #primary-banner-title .topslider-link a:active, #primary-banner.front-page.white #primary-banner-title .topslider-link a:hover {
      opacity: 0.8;
      text-decoration: none; }
    #primary-banner.front-page.white #primary-banner-title .topslider-link a i {
      color: rgba(255, 255, 255, 0.54); }
  #primary-banner .slider-overlay-style .title-box h1 {
    opacity: 0; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- ABOUT US ------------------------------------- */
/* ---------------------------------------------------------------------------------- */
.part-3 .overlay {
  background: rgba(245, 247, 248, 0.51); }

#about-as {
  padding: 110px 0 112px 0; }
  #about-as h1.title-about-as {
    color: #86a200;
    font-size: 7.5em;
    font-weight: 800;
    letter-spacing: -0.008em !important;
    margin: 0 0 37px 0;
    text-align: center;
    text-transform: uppercase; }
  #about-as .text-about-as p {
    color: #777;
    font-size: 0.95em;
    line-height: 2.0em;
    text-align: center; }
  #about-as .carusel-4 {
    margin-top: 20px; }

/* -- about-as CARUSEL -- */
/* -------------------------------------------------------------------------- */
/* -------------------------------- RETINA -----------------------------------*/
/* -------------------------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio: 2) {
  .replace-2x {
    opacity: 0; }
    .replace-2x.loaded {
      opacity: 1;
      -webkit-transition: opacity .2s linear;
      transition: opacity .2s linear; } }
/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- OUR-TEAM ------------------------------------- */
/* ---------------------------------------------------------------------------------- */
.part-2 {
  background-image: url(../images/slider/slide-2.jpg); }
  .part-2 .overlay {
    background: rgba(245, 245, 245, 0.23); }

@media (-webkit-min-device-pixel-ratio: 2) {
  .part-2 {
    background-image: url(../images/slider/slide-2@2x.jpg);
    background-size: cover; } }
#our-team {
  padding: 78px 0 90px 0; }
  #our-team h1.title-our-team {
    color: #cd3333;
    font-size: 7.5em;
    font-weight: 800;
    letter-spacing: -0.008em !important;
    margin: 0 0 38px 0;
    text-align: center;
    text-transform: uppercase; }

/* -------------- carusel ------------- */
.slider-foo-5 {
  margin: 0;
  overflow: hidden; }
  .slider-foo-5 .img-block {
    border-radius: 50%;
    height: 120px;
    max-height: 120px;
    margin: 0 auto 18px;
    width: 120px;
    overflow: hidden; }
  .slider-foo-5 h6 {
    font-size: 0.75em !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 12px !important;
    text-align: center;
    text-transform: uppercase; }
  .slider-foo-5 .foo5 p {
    font-size: 0.8em !important;
    line-height: 1.4em !important;
    margin-bottom: 13px !important;
    max-height: 35px;
    overflow: hidden;
    text-align: center; }
  .slider-foo-5 .soc-icon {
    margin: auto;
    text-align: center;
    width: 100%; }
    .slider-foo-5 .soc-icon .wrap-button {
      display: inline-block;
      float: none;
      height: 22px;
      margin: 0 -1px;
      width: 22px; }
      .slider-foo-5 .soc-icon .wrap-button a {
        font-size: 0.99em;
        height: 22px;
        width: 22px;
        padding-top: 1px; }
        .slider-foo-5 .soc-icon .wrap-button a i {
          font-size: 0.99em;
          height: 22px;
          width: 22px; }

/* --------------------------------------------------------------------------------- */
/* ----------------------------------- CARUSELS ------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* ------ carusel default css -------*/
.wrapper-carusel {
  position: relative; }

.list-carousel {
  clear: both;
  position: relative; }
  .list-carousel .carousel-box {
    color: #999;
    margin: 0;
    padding: 0; }
    .list-carousel .carousel-box .img-block {
      margin-bottom: 19px; }
    .list-carousel .carousel-box img {
      border-radius: 3px;
      height: auto;
      margin-bottom: 0;
      width: 100%; }
  .list-carousel h6 {
    margin-bottom: 7px;
    margin-top: -3px; }
    .list-carousel h6 a {
      color: #222;
      font-size: 0.76em;
      letter-spacing: 0.03em;
      -webkit-transition: all 0.05s ease-in-out 0.05s;
      -moz-transition: all 0.05s ease-in-out 0.05s;
      -o-transition: all 0.05s ease-in-out 0.05s;
      transition: all 0.05s ease-in-out 0.05s; }
      .list-carousel h6 a:hover {
        color: #777; }
  .list-carousel .data-post {
    font-size: 0.78em;
    letter-spacing: -0.02em;
    margin-bottom: 12px; }
    .list-carousel .data-post a {
      color: #222;
      font-size: 1em;
      margin-left: 2px;
      -webkit-transition: all 0.05s ease-in-out 0.05s;
      -moz-transition: all 0.05s ease-in-out 0.05s;
      -o-transition: all 0.05s ease-in-out 0.05s;
      transition: all 0.05s ease-in-out 0.05s; }
      .list-carousel .data-post a:hover {
        color: #777; }
  .list-carousel .text-post {
    display: block;
    font-size: 0.84em;
    margin-bottom: 19px;
    max-height: 94px;
    overflow: hidden; }
  .list-carousel p {
    font-size: 0.8em;
    margin-bottom: 10px; }
  .list-carousel button, .list-carousel .btn-default {
    color: #eef4ce;
    font-size: 0.7em;
    height: 32px;
    letter-spacing: 0.09em;
    margin-top: 5px;
    padding: 0 19px;
    line-height: 32px;
    font-weight: 700; }
    .list-carousel button i, .list-carousel .btn-default i {
      font-size: 1.3em;
      margin-left: 3px;
      position: relative;
      top: 1px; }

.prev:active, .next:active {
  box-shadow: none !important; }

.prev i, .next i, .btn-default i {
  position: relative;
  top: 0;
  left: 0; }

/* ----- nav default ----- */
.wrapper-carusel .next, .wrapper-carusel .prev, .post-slider .next, .post-slider .prev, .posted-slider .next, .posted-slider .prev, .slider-people .next, .slider-people .prev {
  padding: 0;
  margin: 0; }

.posted-slider .list-carousel .next, .posted-slider .list-carousel .prev, .slider-people .list-carousel .next, .slider-people .list-carousel .prev {
  font-size: 1.5em; }

.wrapper-carusel .prev, .post-slider .prev, .list-carousel .prev {
  font-size: 2.0em;
  left: 0px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  z-index: 99; }
.wrapper-carusel .next, .post-slider .next, .list-carousel .next {
  font-size: 2em;
  margin-top: -20px;
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 99; }

/* ------ FOO 1 ----- */
.post-slider {
  margin: 0;
  overflow: hidden; }
  .post-slider .slider-foo-1 {
    margin-bottom: 60px !important;
    overflow: hidden; }
    .post-slider .slider-foo-1 .foo1 {
      overflow: hidden;
      min-height: 415px; }
    .post-slider .slider-foo-1 .text-post {
      margin-bottom: 12px;
      max-height: 90px; }
  .post-slider .prev {
    left: -15px; }
  .post-slider .next {
    right: -15px; }

/* ------ FOO 2 ------ */
.posted-slider {
  margin-top: 10px; }
  .posted-slider .slider-foo-2 {
    margin: 0; }
    .posted-slider .slider-foo-2 .prev2 {
      left: -40px; }
    .posted-slider .slider-foo-2 .next2 {
      right: -40px; }
    .posted-slider .slider-foo-2 .foo2 > div {
      padding: 0; }
    .posted-slider .slider-foo-2 .foo2 img {
      margin-bottom: 20px;
      max-height: 250px;
      max-width: 380px;
      width: 100%; }
    .posted-slider .slider-foo-2 .foo2 h2 {
      margin: -5px 0 10px 0; }
      .posted-slider .slider-foo-2 .foo2 h2 a {
        color: #222;
        font-size: 0.65em;
        font-weight: 700;
        letter-spacing: 0.025em;
        -webkit-transition: all 0.05s ease-in-out 0.05s;
        -moz-transition: all 0.05s ease-in-out 0.05s;
        -o-transition: all 0.05s ease-in-out 0.05s;
        transition: all 0.05s ease-in-out 0.05s; }
        .posted-slider .slider-foo-2 .foo2 h2 a:hover {
          color: #777; }
    .posted-slider .slider-foo-2 .foo2 p {
      line-height: 1.84;
      margin-bottom: 20px; }
      .posted-slider .slider-foo-2 .foo2 p.data-post {
        margin-bottom: 17px; }
      .posted-slider .slider-foo-2 .foo2 p span {
        color: #222; }
    .posted-slider .slider-foo-2 .foo2 .post-info {
      font-size: 0.78em;
      margin-bottom: 20px;
      overflow: hidden; }
      .posted-slider .slider-foo-2 .foo2 .post-info > div {
        float: left; }
      .posted-slider .slider-foo-2 .foo2 .post-info a {
        color: #222;
        font-size: 1em; }
        .posted-slider .slider-foo-2 .foo2 .post-info a:hover {
          color: #777;
          text-decoration: none; }

/* ----- FOO3 ----- */
.inpost-slider .carusel-3 {
  margin: 0 10px;
  overflow: hidden; }
  .inpost-slider .carusel-3 .slider-foo-3 {
    margin-top: 0;
    position: relative;
    z-index: 1; }
    .inpost-slider .carusel-3 .slider-foo-3 .foo3 {
      height: auto;
      overflow: hidden; }
.inpost-slider button {
  height: 40px !important;
  background: #fff !important;
  width: 40px !important;
  border-radius: 50% !important;
  margin-top: -31px !important;
  z-index: 99; }
  .inpost-slider button.prev {
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s;
    left: -8px; }
    .inpost-slider button.prev i {
      left: -1px;
      top: -3px !important;
      margin-top: 4px;
      position: relative;
      color: #86a200 !important; }
      .inpost-slider button.prev i:hover {
        opacity: 0.8; }
  .inpost-slider button.next {
    right: -8px;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    .inpost-slider button.next i {
      left: 2px;
      top: -3px !important;
      margin-top: 4px;
      position: relative;
      color: #86a200 !important; }
      .inpost-slider button.next i:hover {
        opacity: 0.8; }

.blog-post .slider-foo-3 {
  margin-bottom: 14px;
  overflow: hidden; }

.posts .inpost-slider .prev {
  left: -19px; }
.posts .inpost-slider .next {
  right: -19px; }
.posts .inpost-slider .carusel-3 {
  margin: 0; }
  .posts .inpost-slider .carusel-3 .slider-foo-3 {
    max-height: 455px; }

/* -- Foo4 -- */
.carusel-4 {
  padding: 10px; }
  .carusel-4 .slider-foo-4 {
    margin: 0;
    overflow: hidden; }
    .carusel-4 .slider-foo-4 .foo4 .img-block {
      height: 60px;
      margin: 20px auto 34px;
      width: 64px; }
    .carusel-4 .slider-foo-4 .foo4 .col-xs-12.col-sm-4.col-md-3 {
      min-width: 235px; }
    .carusel-4 .slider-foo-4 .foo4 .small-icon img {
      max-height: 64px !important;
      height: 64px !important;
      width: auto !important;
      -webkit-transition: all 0.1s ease-in-out 0.1s;
      -moz-transition: all 0.1s ease-in-out 0.1s;
      -o-transition: all 0.1s ease-in-out 0.1s;
      transition: all 0.1s ease-in-out 0.1s; }
    .carusel-4 .slider-foo-4 .foo4 > div:hover img {
      margin-top: -10px; }
    .carusel-4 .slider-foo-4 .foo4 h6 {
      margin-bottom: 7px; }
      .carusel-4 .slider-foo-4 .foo4 h6 a {
        display: block;
        font-size: 0.6em;
        letter-spacing: 0.06em;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: all 0.05s ease-in-out 0.05s;
        -moz-transition: all 0.05s ease-in-out 0.05s;
        -o-transition: all 0.05s ease-in-out 0.05s;
        transition: all 0.05s ease-in-out 0.05s; }
        .carusel-4 .slider-foo-4 .foo4 h6 a:hover {
          color: #777; }
    .carusel-4 .slider-foo-4 .foo4 p {
      font-size: 0.78em;
      line-height: 1.5;
      text-align: center; }
  .carusel-4 .prev {
    left: 10px;
    top: 42%; }
  .carusel-4 .next {
    right: 10px;
    top: 42%; }

/*-- Foo5 --*/
.carusel-5 {
  padding: 10px;
  margin: 0 10px !important; }
  .carusel-5 .slider-foo-5 .foo5 {
    overflow: hidden;
    text-align: center; }
  .carusel-5 .next, .carusel-5 .prev {
    top: 24.5%; }

/* -- FOO7 -- */
.blockquote-slider {
  padding: 10px; }
  .blockquote-slider .next, .blockquote-slider .prev {
    margin-top: -63px !important; }
  .blockquote-slider .next {
    right: -40px; }
  .blockquote-slider .prev {
    left: -40px; }

/* foo8 */
.info-contacts {
  color: #222;
  margin-bottom: 2px; }
  .info-contacts span {
    color: #222;
    font-size: 1em;
    font-weight: 700; }

/* -- FOO8 -- */
.slider-people {
  margin-top: 71px; }
  .slider-people .slider-foo-8 {
    margin: 0; }
    .slider-people .slider-foo-8 .foo8 {
      max-height: 820px;
      overflow: hidden; }
      .slider-people .slider-foo-8 .foo8 > div {
        padding: 0; }
    .slider-people .slider-foo-8 .img-block img {
      max-height: 330px;
      max-width: 100%;
      width: auto; }
    .slider-people .slider-foo-8 .info-contacts.mail {
      clear: both;
      font-size: 0.9em;
      letter-spacing: -0.01em;
      margin: 7px 0 3px 2px; }
    .slider-people .slider-foo-8 .info-contacts.phone {
      font-size: 0.9em;
      letter-spacing: -0.01em;
      margin: 3px 0 4px 1px; }
    .slider-people .slider-foo-8 .info-contacts.skype {
      font-size: 0.9em;
      letter-spacing: -0.01em;
      margin: 1px 0 23px 1px; }
    .slider-people .slider-foo-8 .soc-icon {
      margin: 0 0 0 2px; }
    .slider-people .slider-foo-8 p {
      letter-spacing: -0.04em;
      margin-bottom: 17px;
      padding-right: 25px; }
    .slider-people .slider-foo-8 h4 {
      color: #222;
      font-size: 1.8em;
      letter-spacing: 0.015em;
      margin-bottom: 9px;
      margin-top: 6px; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- PORTFOLIO ------------------------------------ */
/* ---------------------------------------------------------------------------------- */
.magin-bot-60 {
  margin-bottom: 60px; }

.portfolio {
  overflow: hidden;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  clear: both; }
  .portfolio#portfolio {
    padding: 108px 0 102px 0; }
  .portfolio .portfolio .row {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    z-index: 8; }
    .portfolio .portfolio .row > div {
      padding-left: 0;
      padding-right: 0; }
  .portfolio .title-portfolio {
    color: #222;
    font-size: 7.5em;
    font-weight: 800;
    letter-spacing: -0.008em !important;
    margin: 0 0 23px 0;
    text-align: center;
    text-transform: uppercase; }
  .portfolio .isotop-filters {
    padding-bottom: 32px;
    text-align: center; }
    .portfolio .isotop-filters button {
      background: none;
      border: none;
      box-shadow: none;
      color: #999;
      margin-left: 0;
      margin-right: 0;
      padding: 0 10px; }
      .portfolio .isotop-filters button:active {
        background: none;
        border: none;
        box-shadow: none;
        color: #999;
        margin-left: 0;
        margin-right: 0;
        padding: 0 10px; }
      .portfolio .isotop-filters button:hover {
        background: none;
        border: none;
        box-shadow: none;
        color: #999;
        margin-left: 0;
        margin-right: 0;
        padding: 0 10px;
        color: #222; }
      .portfolio .isotop-filters button.is-checked {
        color: #222; }
  .portfolio .isotope {
    margin: 0 35px;
    min-height: 330px; }
    .portfolio .isotope h3 {
      bottom: 20px;
      cursor: pointer;
      font-size: 0.8em;
      left: 0;
      margin-bottom: 3px;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 10;
      -webkit-transition: all 0.2s ease-in-out 0.2s;
      -moz-transition: all 0.2s ease-in-out 0.2s;
      -o-transition: all 0.2s ease-in-out 0.2s;
      transition: all 0.2s ease-in-out 0.2s; }
    .portfolio .isotope .element-item h3 {
      color: #222;
      z-index: 99999;
      -webkit-transition: all 0.03s ease-in-out 0.03s;
      -moz-transition: all 0.03s ease-in-out 0.03s;
      -o-transition: all 0.03s ease-in-out 0.03s;
      transition: all 0.03s ease-in-out 0.03s; }
    .portfolio .isotope .element-item:hover .overlay h3 {
      bottom: 55%;
      color: #fff; }
  .portfolio .element-item {
    height: auto;
    margin: 5px 0 27px 0;
    padding-bottom: 50px;
    text-align: center;
    width: 20%; }
    .portfolio .element-item img {
      height: auto;
      margin-bottom: 0;
      width: 97%; }
    .portfolio .element-item a {
      display: block;
      position: relative;
      z-index: 1; }
    .portfolio .element-item .overlay {
      border-radius: 2px;
      color: #FFF;
      height: 90%;
      left: 5%;
      position: absolute;
      text-align: center;
      top: 5%;
      width: 90%;
      -webkit-transition: all 0.2s ease-in-out 0.1s;
      -moz-transition: all 0.2s ease-in-out 0.1s;
      -o-transition: all 0.2s ease-in-out 0.1s;
      transition: all 0.2s ease-in-out 0.1s; }
      .portfolio .element-item .overlay img.p-target {
        opacity: 0; }
    .portfolio .element-item:focus .overlay, .portfolio .element-item:active .overlay, .portfolio .element-item:hover .overlay {
      background: rgba(5, 67, 131, 0.8); }
      .portfolio .element-item:focus .overlay img.p-target, .portfolio .element-item:active .overlay img.p-target, .portfolio .element-item:hover .overlay img.p-target {
        opacity: 1; }
    .portfolio .element-item .overlay img {
      width: auto !important;
      margin-top: 15%; }
    .portfolio .element-item span {
      color: #aaa;
      cursor: pointer;
      display: block;
      font-weight: 400;
      margin-top: 5px;
      position: relative;
      z-index: 10; }
    .portfolio .element-item:hover span {
      color: #fff;
      opacity: 0.8; }
  .portfolio .p-title {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 99999; }

/* -------------------------- SLIDERS PORTFOLIO STYLE ------------------------------*/
.sliders {
  overflow: hidden;
  position: relative; }
  .sliders .sliders-preloader .full-width {
    background: #fff;
    height: 100%;
    position: relative;
    width: 100%; }
    .sliders .sliders-preloader .full-width .pre-img {
      background-image: url(../images/preloader.svg);
      background-repeat: no-repeat;
      height: 30px;
      left: 50%;
      margin-left: -15px;
      margin-top: -15px;
      position: absolute;
      top: 45%;
      width: 30px; }
  .sliders > .row {
    box-shadow: inset 0px 1px 0px 0px #e5e5e5;
    height: 100%; }
  .sliders .sliders-preloader {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -moz-transition: all 0.3s ease-in-out 0.3s;
    -o-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s; }
    .sliders .sliders-preloader.loaded {
      opacity: 0;
      z-index: -1; }

.sliders .a-slider-bcontrols {
  margin: 20px 0 42px 0; }
.sliders .container {
  display: none;
  min-width: 100px;
  max-width: 1010px;
  width: 100%; }
  .sliders .container .wrap-slider {
    display: inline-block;
    position: relative;
    width: 100%; }
    .sliders .container .wrap-slider .photos-container img {
      display: block;
      height: auto;
      margin: 0 auto;
      max-height: 450px;
      max-width: 94%;
      width: auto;
      float: none; }
    .sliders .container .wrap-slider .rslides > div {
      margin: 0 auto;
      text-align: center;
      width: 100%; }
    .sliders .container .wrap-slider .rslides_nav {
      -webkit-transition: all 0.05s ease-in-out 0.05s;
      -moz-transition: all 0.05s ease-in-out 0.05s;
      -o-transition: all 0.05s ease-in-out 0.05s;
      transition: all 0.05s ease-in-out 0.05s;
      background-color: #fff;
      background-repeat: no-repeat;
      border-radius: 50%;
      display: block !important;
      font-size: 0;
      height: 40px;
      margin-top: -20px;
      opacity: 1;
      position: absolute;
      text-align: center;
      top: 50%;
      width: 40px;
      z-index: 999; }
      .sliders .container .wrap-slider .rslides_nav.prev {
        background-image: url(../images/arrow-01-2.svg);
        background-position: 13px center !important;
        left: -5px; }
        .sliders .container .wrap-slider .rslides_nav.prev:hover {
          background-color: #fff;
          background-image: url(../images/arrow-01-2-h.svg);
          background-position: 13px center !important;
          background-repeat: no-repeat; }
      .sliders .container .wrap-slider .rslides_nav.next {
        background-image: url(../images/arrow-01.svg);
        background-position: 15px center !important;
        right: -5px; }
        .sliders .container .wrap-slider .rslides_nav.next:hover {
          background-color: #fff;
          background-image: url(../images/arrow-01-h.svg);
          background-position: 15px center !important;
          background-repeat: no-repeat; }
  .sliders .container .wrap-video {
    text-align: center; }
    .sliders .container .wrap-video iframe {
      border: 0;
      display: inline-block; }
  .sliders .container .additional-info {
    color: #999;
    margin-top: 36px; }
    .sliders .container .additional-info > div {
      padding-left: 15px !important;
      padding-right: 15px !important; }
    .sliders .container .additional-info .heading {
      color: #222;
      font-size: 0.95em;
      font-weight: 700;
      margin-bottom: 17px; }
    .sliders .container .additional-info .adinfo-category {
      margin-top: -12px; }
    .sliders .container .additional-info .description {
      margin-bottom: 30px; }
    .sliders .container .additional-info .adinfo-category, .sliders .container .additional-info .client, .sliders .container .additional-info .link {
      border-bottom: 1px solid #E5E5E5;
      font-size: 0.75em;
      padding: 13px 0px;
      text-transform: uppercase; }
    .sliders .container .additional-info .adinfo-category strong, .sliders .container .additional-info .client strong, .sliders .container .additional-info .link strong {
      color: #222; }
  .sliders .container .album-controls {
    position: relative;
    text-align: center;
    z-index: 1; }
  .sliders .container .a-slider-tcontrols {
    padding-top: 78px; }
  .sliders .container .a-slider-tcontrols a, .sliders .container .a-slider-bcontrols a {
    color: #222;
    font-size: 3em;
    padding: 0 5px;
    text-align: center;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    .sliders .container .a-slider-tcontrols a:focus, .sliders .container .a-slider-tcontrols a:active, .sliders .container .a-slider-tcontrols a:hover, .sliders .container .a-slider-bcontrols a:focus, .sliders .container .a-slider-bcontrols a:active, .sliders .container .a-slider-bcontrols a:hover {
      opacity: 0.85;
      text-decoration: none; }
    .sliders .container .a-slider-tcontrols a.a-sliders-close, .sliders .container .a-slider-bcontrols a.a-sliders-close {
      border-left: 1px solid #e5e5e5;
      border-right: 1px solid #e5e5e5;
      margin: 0 25px 0 10px;
      padding: 0 16px 0 25px;
      text-align: center; }
  .sliders .container .album-sliders-container {
    position: relative;
    width: 100%; }
    .sliders .container .album-sliders-container h4.album-name {
      color: #cd3333;
      font-size: 3.0em;
      margin-bottom: 30px;
      margin-top: 42px;
      text-transform: uppercase; }
    .sliders .container .album-sliders-container .owl-item {
      padding: 0 10px; }
      .sliders .container .album-sliders-container .owl-item img {
        height: auto;
        max-width: 100%;
        width: auto; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- PRICING ------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#pricing h1 {
  color: #fff; }

#block-pricing {
  padding-top: 40px; }
  #block-pricing > div {
    padding-left: 10px;
    padding-right: 10px; }
  #block-pricing .lollipop {
    border-radius: 50%;
    height: 79px;
    margin: -40px auto 5px;
    width: 80px; }
    #block-pricing .lollipop .small-icon {
      display: table-cell;
      height: 79px;
      text-align: center;
      vertical-align: middle !important;
      width: 80px; }
      #block-pricing .lollipop .small-icon > img {
        margin: 0; }
  #block-pricing .cont-pricing {
    border: 1px solid #e5e5e5;
    margin-top: 40px;
    margin: 0 auto;
    max-width: 300px;
    background: rgba(255, 255, 255, 0.81); }
    #block-pricing .cont-pricing.green .lollipop {
      background-image: url(../images/lightbulb.svg);
      background-color: #86a200;
      background-repeat: no-repeat;
      background-position: center center; }
    #block-pricing .cont-pricing.red .lollipop {
      background: url(../images/shield.svg);
      background-color: #cd3333;
      background-repeat: no-repeat;
      background-position: center center; }
    #block-pricing .cont-pricing.blue .lollipop {
      background: url(../images/lightning.svg);
      background-color: #2063ad;
      background-repeat: no-repeat;
      background-position: center center; }
    #block-pricing .cont-pricing a.sorting {
      display: block;
      font-size: 1.9em;
      font-weight: 800;
      letter-spacing: -0.07em;
      margin-bottom: 31px;
      text-transform: uppercase; }
      #block-pricing .cont-pricing a.sorting:hover {
        text-decoration: none; }
    #block-pricing .cont-pricing.green a.sorting {
      color: #86a200 !important; }
    #block-pricing .cont-pricing.red a.sorting {
      color: #cd3333 !important; }
    #block-pricing .cont-pricing.blue a.sorting {
      color: #2063ad !important; }
    #block-pricing .cont-pricing .price {
      display: block;
      font-family: arial;
      font-size: 3.3em;
      font-weight: 700;
      margin-top: 7px; }
    #block-pricing .cont-pricing.green .price {
      color: #86a200;
      margin-bottom: -5px; }
    #block-pricing .cont-pricing.red .price {
      color: #cd3333; }
    #block-pricing .cont-pricing.blue .price {
      color: #2063ad; }
    #block-pricing .cont-pricing .price span {
      color: #ccc;
      display: block;
      font-size: .5em;
      font-weight: 400; }
    #block-pricing .cont-pricing .permonth {
      color: #777;
      display: block;
      font-size: 0.9em;
      font-weight: 700;
      margin-bottom: 13px;
      margin-top: -16px; }
    #block-pricing .cont-pricing .join-now {
      padding: 10px 29px 0 29px;
      font-size: 0.95em;
      border: 1px solid rgba(0, 0, 0, 0.25) !important;
      margin: 10px 0; }
    #block-pricing .cont-pricing.blue .join-now.btn-default {
      background: #2063ad;
      color: #fffdec;
      border: 1px solid #143F6E; }
      #block-pricing .cont-pricing.blue .join-now.btn-default:focus {
        box-shadow: inset 0 2px 0px #143F6E; }
    #block-pricing .cont-pricing.red .join-now.btn-default {
      background: #cd3333;
      color: #fffdec;
      border: 1px solid #AA2828; }
    #block-pricing .cont-pricing.green .join-now.btn-default {
      background: #86a200;
      color: #fffdec;
      border: 1px solid #698000; }
    #block-pricing .cont-pricing .join-now.btn-default:hover {
      opacity: 0.9; }
    #block-pricing .cont-pricing .join-now.btn-default:active {
      box-shadow: inset 0 2px 0px #2E2E2D; }
  #block-pricing ul {
    margin: 0;
    padding: 0; }
    #block-pricing ul li {
      border-top: 1px solid rgba(2, 2, 2, 0.06);
      color: #777;
      font-size: 0.85em;
      letter-spacing: 0.02em;
      list-style: none;
      margin-bottom: 0;
      padding: 14px 20px 15px 20px; }

/* ---------------------------------------------------------------------------------- */
/* ------------------------------------ ALLERT -------------------------------------- */
/* ---------------------------------------------------------------------------------- */
.alert-elements {
  margin-top: 16px; }

.alert {
  border-radius: 2px;
  border: none;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.8em;
  line-height: 1.43;
  margin-bottom: 10px;
  padding: 17px 20px 17px 68px;
  position: relative; }
  .alert.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear; }
    .alert.fade.in {
      opacity: 1; }
  .alert.alert-black {
    background-color: #1e1e1e; }
  .alert.alert-warning {
    background: #e39024; }
  .alert.alert-gray {
    background: rgba(229, 229, 229, 0.85);
    color: #000; }
    .alert.alert-gray .alert-icon:before {
      color: rgba(0, 0, 0, 0.75); }
    .alert.alert-gray button {
      color: #000; }
      .alert.alert-gray button:hover {
        color: rgba(0, 0, 0, 0.85); }
  .alert.alert-info {
    background: #2063ad; }
  .alert.alert-danger {
    background: #cd3333; }
  .alert.alert-success {
    background: #86a200; }
  .alert .alert-icon {
    color: rgba(254, 254, 254, 0.86);
    display: block;
    height: 50px;
    left: 33px;
    position: absolute;
    top: 18px; }
    .alert .alert-icon:before {
      display: block;
      font-size: 2.2em;
      margin: 2px 10px 0 0; }
  .alert button {
    background: none;
    color: #fff;
    font-size: 2em;
    height: auto;
    margin-right: -14px;
    margin-top: -18px;
    opacity: .5; }
    .alert button:hover {
      color: #ccc; }

/* ---------------------------------------------------------------------------------- */
/* -------------------------------------- BLOG -------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#primary-banner {
  /* --------------- White Blog TopSlider --------------- */ }
  #primary-banner.inside-pages #primary-banner-title {
    height: 395px; }
    #primary-banner.inside-pages #primary-banner-title h1 {
      margin-top: -2%; }
  #primary-banner.white #primary-banner-title h1 {
    border: none;
    color: rgba(255, 253, 236, 0.9); }
    #primary-banner.white #primary-banner-title h1 div.line-soc-icon:before, #primary-banner.white #primary-banner-title h1 div.line-soc-icon:after {
      background: rgba(255, 253, 236, 0.9); }
  #primary-banner.white .soc-icon a {
    background: rgba(255, 253, 236, 0.9) !important; }
  #primary-banner.white .soc-icon .facebook {
    color: #3c5fb2 !important; }
  #primary-banner.white .soc-icon .twitter {
    color: #3799dd !important; }
  #primary-banner.white .soc-icon .google-plus {
    color: #dc4c39 !important; }
  #primary-banner.white .soc-icon .pinterest {
    color: #cc2127 !important; }
  #primary-banner.white .soc-icon .instagram {
    color: #96624e !important; }
  #primary-banner.white .soc-icon .linkedin {
    color: #008cc9 !important; }
  #primary-banner.white .soc-icon .vk {
    color: #4e729a !important; }
  #primary-banner.white .soc-icon .youtube {
    color: #cc181e !important; }
  #primary-banner.white .topslider-line {
    margin: 0 auto;
    position: relative;
    width: 489px; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- Blog listS ----------------------------------- */
/* ---------------------------------------------------------------------------------- */
.blog-list #wrapper #home, .blog-post #wrapper #home {
  display: block;
  padding-bottom: 59px; }

.blog-list #blog {
  padding-top: 87px; }

#blog {
  padding-bottom: 16px;
  padding-top: 55px; }
  #blog .posts {
    margin-bottom: 51px; }
    #blog .posts h1, #blog .posts h2 {
      margin-bottom: 7px;
      overflow: hidden;
      text-overflow: ellipsis; }
      #blog .posts h1 a, #blog .posts h2 a {
        color: #222;
        font-size: 0.65em;
        letter-spacing: -0.015em;
        -webkit-transition: all 0.1s ease-in-out 0.1s;
        -moz-transition: all 0.1s ease-in-out 0.1s;
        -o-transition: all 0.1s ease-in-out 0.1s;
        transition: all 0.1s ease-in-out 0.1s; }
        #blog .posts h1 a:hover, #blog .posts h2 a:hover {
          color: #5E5E5E;
          text-decoration: none; }
    #blog .posts .post-info {
      font-size: 0.78em;
      margin-bottom: 31px;
      overflow: hidden; }
      #blog .posts .post-info > div {
        float: left; }
      #blog .posts .post-info .entry-meta {
        color: #999; }
      #blog .posts .post-info a {
        color: #222;
        font-size: 1em; }
        #blog .posts .post-info a:hover {
          color: #777;
          text-decoration: none; }
    #blog .posts .post-img {
      margin: 30px 0 8px 0;
      max-width: 800px; }
      #blog .posts .post-img img {
        height: auto;
        width: 100%; }
  #blog p {
    color: #777;
    font-size: 0.85em; }
  #blog button.btn-default {
    color: #eef4ce;
    font-size: 0.7em;
    height: 33px;
    letter-spacing: 0.07em;
    margin-top: 2px;
    padding: 1px 18px 0 18px; }
    #blog button.btn-default i {
      font-size: 1.3em;
      margin-left: 5px;
      position: relative;
      top: 1px; }
  #blog a.btn-default {
    border-radius: 2px;
    color: #eef4ce;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    height: 33px;
    letter-spacing: 0.07em;
    margin-top: 2px;
    padding: 5px 18px 0;
    text-transform: uppercase;
    border: 1px solid #789100;
    transition: all 0.1s ease-in-out 0.1s; }
    #blog a.btn-default i {
      font-size: 1.3em;
      margin-left: 5px;
      position: relative;
      top: 1px; }
  #blog blockquote {
    margin-bottom: 33px;
    margin-top: 50px; }

/* --------------------------------- right-sidebar ------------------------*/
#right-sidebar {
  padding-top: 10px; }
  #right-sidebar .textwidget {
    color: #777;
    font-size: 0.9em; }

.blog-list #right-sidebar {
  padding-top: 0px; }

/* --------------------------------PAGINATION ----------------------------*/
.pagination {
  border-radius: 2px;
  vertical-align: top; }
  .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 2px;
    vertical-align: top; }
  .pagination > li > a, .pagination > li > span {
    border-radius: 2px;
    border: none;
    font-size: 0.9305em;
    letter-spacing: -0.03em;
    line-height: 1.55;
    margin-right: 5px;
    min-width: 32px;
    padding: 6px 14px 6px 14px;
    text-align: center; }
  .pagination > li > a.pag-center {
    padding: 4px 8px 2px 8px; }
  .pagination li span {
    font-size: 1em;
    min-width: 35px;
    text-align: center; }
  .pagination > li > a, .pagination > li > span {
    background: #e5e5e5;
    color: #888 !important;
    height: 32px;
    margin-bottom: 3px; }
  .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #888 !important;
    background: #eee; }
  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #444;
    border-color: #444; }
  .pagination > li .current, .pagination > li .current:hover, .pagination > li .current:focus {
    background: #444;
    border-color: #444; }
  .pagination > .disabled > span {
    background: #e5e5e5; }
    .pagination > .disabled > span:hover, .pagination > .disabled > span:focus {
      background: #e5e5e5; }
  .pagination > .disabled > a {
    background: #e5e5e5; }
    .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
      background: #e5e5e5; }
  .pagination .pag-center i {
    font-size: 110%;
    line-height: 1.9; }
  .pagination .pagination-next {
    padding-left: 5px; }

/* -------------------------------- SEARCH FORM --------------------------*/
.blog-list #searchform {
  margin-top: 0; }

#searchform, .search-form {
  margin-top: 0;
  position: relative; }
  #searchform input[type="text"], #searchform input[type="search"], .search-form input[type="text"], .search-form input[type="search"] {
    font-size: 0.9em;
    padding-right: 45px;
    padding-top: 3px;
    padding-left: 12px;
    position: relative;
    width: 100%;
    height: 40px; }
  #searchform input[type="submit"], .search-form input[type="submit"] {
    background-image: url(../images/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    border-left: none !important;
    font-size: 0;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px; }

/* ------------------------------ WIDGET -----------------------------------*/
.widget {
  margin-bottom: 48px;
  /* ---- widget-recent-entries ------ */ }
  .widget h3 {
    color: #777;
    font-size: 0.75em;
    letter-spacing: 0.09em;
    margin-bottom: 23px;
    text-transform: uppercase; }
  .widget ul {
    margin: 0;
    padding: 0; }
    .widget ul li {
      list-style: none;
      margin-bottom: 12px; }
      .widget ul li a, .widget ul li span {
        color: #999;
        font-size: 1em; }
      .widget ul li a:hover, .widget ul li a:active, .widget ul li a:focus {
        color: #222;
        text-decoration: none; }
      .widget ul li.current-cat a {
        color: #222;
        text-decoration: none; }
  .widget.widget-tag-cloud a {
    color: #999;
    font-size: 0.87em;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    .widget.widget-tag-cloud a.active, .widget.widget-tag-cloud a:hover, .widget.widget-tag-cloud a:active, .widget.widget-tag-cloud a:focus {
      color: #222;
      text-decoration: none; }
  .widget.tags li {
    display: inline-block;
    margin-bottom: 2px; }
    .widget.tags li a {
      background: #e5e5e5;
      border-radius: 2px;
      color: #999 !important;
      display: block;
      font-size: 0.8em;
      font-weight: 700;
      margin: 0px 0 0 -1px;
      padding: 10px 8px 9px 8px;
      text-transform: uppercase; }
      .widget.tags li a:hover {
        background: #eee;
        color: #999 !important; }
  .widget.widget-recent-entries li {
    clear: both;
    padding-left: 53px;
    position: relative; }
    .widget.widget-recent-entries li .preview-img {
      left: 0;
      margin-right: 8px;
      position: absolute;
      top: 0; }
  .widget.widget-recent-entries ul li a {
    color: #555; }
  .widget.widget-recent-entries li span {
    color: #999;
    display: block;
    margin-top: 3px; }

/* ----- Calendar ----- */
#calendar-wrap, #calendar_wrap {
  background: #f5f5f5;
  display: inline-block;
  padding: 13px 20px; }
  #calendar-wrap table, #calendar_wrap table {
    border: none;
    width: auto; }
    #calendar-wrap table td, #calendar-wrap table th, #calendar_wrap table td, #calendar_wrap table th {
      background: none;
      border: none;
      font-weight: 400;
      font-weight: normal;
      padding: 5px; }
    #calendar-wrap table td, #calendar_wrap table td {
      font-family: arial;
      line-height: 1; }
    #calendar-wrap table th, #calendar_wrap table th {
      color: #555;
      font-size: 0.8437em;
      padding: 0 0px 5px 0px; }
  #calendar-wrap td span, #calendar_wrap td span {
    border-radius: 2px;
    color: #555;
    display: block;
    font-size: 0.85em;
    height: 24px;
    padding-top: 5px;
    text-align: center;
    width: 25px; }
  #calendar-wrap td.others-month span, #calendar_wrap td.others-month span {
    color: #777; }
  #calendar-wrap td span:hover, #calendar_wrap td span:hover {
    background: #e5e5e5;
    color: #555;
    text-decoration: none; }
  #calendar-wrap td a, #calendar_wrap td a {
    color: #86a200 !important;
    font-family: arial;
    font-size: 0.95em;
    font-weight: bold;
    text-align: center; }
  #calendar-wrap #wp-calendar, #calendar_wrap #wp-calendar {
    position: relative; }
    #calendar-wrap #wp-calendar caption, #calendar_wrap #wp-calendar caption {
      color: #555;
      font-size: 0.8em;
      font-weight: 700;
      padding: 6px 20px 21px 20px;
      text-align: center; }
      #calendar-wrap #wp-calendar caption.cap-all, #calendar_wrap #wp-calendar caption.cap-all {
        position: relative; }
      #calendar-wrap #wp-calendar caption a, #calendar_wrap #wp-calendar caption a {
        color: #86a200 !important;
        font-size: 1.6em;
        font-weight: 700; }
        #calendar-wrap #wp-calendar caption a:hover, #calendar_wrap #wp-calendar caption a:hover {
          color: #92ab19 !important; }
        #calendar-wrap #wp-calendar caption a.prev-calendar, #calendar_wrap #wp-calendar caption a.prev-calendar {
          left: 0;
          position: absolute;
          top: 0; }
        #calendar-wrap #wp-calendar caption a.next-calendar, #calendar_wrap #wp-calendar caption a.next-calendar {
          position: absolute;
          right: 0;
          top: 0; }
    #calendar-wrap #wp-calendar .others-month, #calendar_wrap #wp-calendar .others-month {
      color: #bbb; }
    #calendar-wrap #wp-calendar #prev, #calendar-wrap #wp-calendar #next, #calendar_wrap #wp-calendar #prev, #calendar_wrap #wp-calendar #next {
      display: none;
      color: #86a200 !important;
      font-size: 1.6em;
      font-weight: 700; }
      #calendar-wrap #wp-calendar #prev:hover, #calendar-wrap #wp-calendar #next:hover, #calendar_wrap #wp-calendar #prev:hover, #calendar_wrap #wp-calendar #next:hover {
        color: #92ab19 !important; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- BLOG POSTS ----------------------------------- */
/* ---------------------------------------------------------------------------------- */
.blog-post #blog {
  padding-top: 55px; }
  .blog-post #blog h1 {
    letter-spacing: 0.006em;
    margin-bottom: 14px; }
  .blog-post #blog .post-info {
    margin-bottom: 39px; }
  .blog-post #blog p {
    line-height: 1.8em; }

#nav-posts .pagination {
  margin-bottom: 22px;
  margin-top: 40px; }
#nav-posts .p-right a {
  padding: 6px 17px 6px 16px; }
#nav-posts .p-left a {
  padding: 6px 14px 6px 15px; }
#nav-posts .pagination i.fa-angle-left {
  margin-right: 4px; }
#nav-posts .pagination i.fa-angle-right {
  margin-left: 4px; }

.post-soc-icon {
  margin-top: 34px; }
  .post-soc-icon > div {
    float: left; }
  .post-soc-icon .soc-icon {
    margin-top: 8px; }
  .post-soc-icon .count-shared {
    border-right: 1px solid #e5e5e5;
    margin-right: 0px;
    padding-right: 20px;
    color: #777; }
    .post-soc-icon .count-shared .quantity {
      color: #cd3232;
      font-family: arial;
      font-size: 2.02em;
      font-weight: bold; }
    .post-soc-icon .count-shared span {
      color: #999;
      display: block;
      font-size: 0.9em;
      margin-top: -8px; }
  .post-soc-icon .wrap-button {
    margin-right: 3px; }

/* ---------------------------------------- COMMENTS ---------------------------------*/
.success, #success {
  margin-bottom: 10px; }
  .success span, #success span {
    color: #9eb533 !important; }

.invert-elements .success span, .invert-elements #success span {
  color: rgba(255, 255, 255, 0.88) !important; }

#comments {
  margin-top: 6px; }
  #comments h2 {
    font-size: 1.5em;
    text-transform: uppercase; }
    #comments h2 span {
      color: #777;
      font-size: 0.6em;
      font-weight: 400; }
  #comments ul {
    list-style: none;
    margin-top: 11px;
    padding: 0; }
    #comments ul.children {
      margin-top: -4px;
      padding-left: 103px; }
      #comments ul.children li {
        font-size: 100%; }
  #comments li {
    margin-top: 45px;
    overflow: hidden; }
  #comments .avatar {
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    float: left;
    height: 70px;
    margin: 5px 31px 0 0;
    width: 70px; }
  #comments .meta {
    color: #999;
    font-size: 0.9em;
    margin-bottom: 12px;
    padding-top: 2px; }
    #comments .meta a {
      font-size: 1.05em;
      margin-left: 15px; }
  #comments p {
    clear: none;
    font-size: 1em;
    line-height: 1.7em !important;
    overflow: hidden; }
  #comments .comment-navigation .nav-previous, #comments .comment-navigation .nav-next {
    display: inline-block;
    color: #86a200;
    font-size: 0.9em; }
    #comments .comment-navigation .nav-previous a, #comments .comment-navigation .nav-next a {
      color: #86a200; }
  #comments .comment-navigation .nav-previous i {
    margin-right: 5px; }
  #comments .comment-navigation .nav-next {
    float: right; }
    #comments .comment-navigation .nav-next i {
      margin-left: 5px; }

/* ----- LEAVE COMMENT ------ */
#respond {
  margin-top: 74px;
  max-width: 780px; }
  #respond h3 {
    font-size: 1.5em;
    text-transform: uppercase; }

#comments form {
  margin-top: 54px; }
  #comments form input[type="text"], #comments form input[type="email"] {
    background: #fff;
    border-radius: 0 !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    font-size: 0.9em;
    height: 40px;
    padding: 0 10px;
    width: 100%; }
  #comments form textarea {
    height: 90px;
    padding: 10px;
    width: 100%; }
#comments .form-field {
  margin-bottom: 10px; }
#comments form button {
  font-size: 0.75em;
  height: 40px;
  margin-top: 10px;
  padding: 1px 29px 0 29px; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- CONTACTS ------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#contacts {
  min-height: 660px;
  overflow: hidden;
  padding: 0;
  position: relative; }
  #contacts #mapa {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
    #contacts #mapa #map-canvas-lg, #contacts #mapa #map-canvas-xs, #contacts #mapa #map-canvas-sm {
      display: none;
      height: 100%;
      margin: 0px;
      padding: 0px; }
  #contacts #map-canvas {
    height: 100%; }
  #contacts #cont-info .form-group {
    margin-bottom: 10px; }
  #contacts #cont-info button, #contacts #cont-info input[type="submit"] {
    background: #86a200;
    border-radius: 2px;
    border: none !important;
    color: #eef4ce;
    font-size: 0.8em;
    font-weight: 700;
    height: 40px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 2px 30px 0 30px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 2px !important;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -moz-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s; }
    #contacts #cont-info button:hover, #contacts #cont-info input[type="submit"]:hover {
      background: #92ab19; }
    #contacts #cont-info button:active, #contacts #cont-info input[type="submit"]:active {
      border: none;
      box-shadow: inset 0 2px 0px #7e9129; }
  #contacts textarea {
    width: 100%; }
  #contacts .wpcf7-form p {
    margin-bottom: 10px; }
  #contacts ::-webkit-input-placeholder {
    font-size: 0.9em; }
  #contacts #name::-webkit-input-placeholder {
    font-size: 0.8em; }
  #contacts :-moz-placeholder {
    font-size: 0.9em; }
  #contacts ::-moz-placeholder {
    font-size: 0.9em; }
  #contacts :-ms-input-placeholder {
    font-size: 0.9em; }
  #contacts .form-message {
    color: green;
    display: block;
    font-weight: normal;
    margin-top: 10px;
    text-align: center; }

#cont-info {
  background: rgba(255, 255, 255, 0.94);
  margin: 20px 0;
  max-width: 500px;
  min-height: 620px;
  padding-bottom: 20px; }
  #cont-info .title-contacts {
    font-size: 4.36em;
    margin: 27px 0 27px 0;
    text-transform: uppercase; }
  #cont-info #text-contact {
    color: #777;
    font-size: 1em;
    margin-bottom: 34px; }
    #cont-info #text-contact p {
      font-size: .9em; }
  #cont-info h6 {
    font-size: 0.95em;
    margin-bottom: 4px; }
  #cont-info h5 {
    font-size: 1.0em; }
  #cont-info #info-cotact {
    margin-bottom: 37px; }
    #cont-info #info-cotact a {
      color: #222;
      font-size: 0.99em; }
    #cont-info #info-cotact p {
      font-size: 0.8em;
      line-height: 1.8em;
      margin-bottom: 0px; }
      #cont-info #info-cotact p.tel-contact {
        margin-top: 23px; }
  #cont-info input {
    height: 40px;
    width: 100%;
    border: 1px solid #e7e7e7 !important; }
  #cont-info textarea {
    height: 90px !important; }

/* ------------------ Banner----------------------- */
#banner h1 {
  color: #fff;
  font-size: 2.9em; }

/* -------------------------------------------------------------------------------- */
/* ---------------------------------Elements  Diagrams ---------------------------- */
/* -------------------------------------------------------------------------------- */
.wrapper-diagrams {
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
  min-height: 100%;
  padding: 17px 18px 18px 18px; }
  .wrapper-diagrams h6 {
    font-size: 0.95em; }

.morris-hover.morris-default-style {
  background: #86a200 !important;
  border: solid 2px #86a200 !important;
  color: #fff !important; }
  .morris-hover.morris-default-style .morris-hover-point {
    color: #fff !important; }

.chart-pie {
  margin: 0;
  padding-top: 45px; }

#chart1 {
  color: #fff;
  margin-top: 18px !important;
  z-index: 9; }

#piechart-3d {
  margin: 0 auto; }

/* --------------------------------- CIRCULES -------------------------------------- */
.demo-circules {
  padding-left: 0px;
  padding-right: 0;
  padding-top: 72px; }

/* text circles */
.skill-wrap {
  display: inline-block;
  margin: 0 0px 0 3px;
  position: relative; }
  .skill-wrap .skill-percent {
    font-family: 'Arial';
    font-size: 33px;
    font-weight: bold;
    left: 0;
    position: absolute;
    right: 0;
    top: 46px; }
  .skill-wrap .skill-name {
    color: #222;
    font-size: 12px;
    font-weight: 400;
    font-weight: normal;
    left: 0;
    position: absolute;
    right: 0;
    top: 90px;
    padding: 0 10px; }

/* --------------------------------- FANCYBOX -------------------------------------- */
.element-img a {
  margin-right: 15px;
  -webkit-transition: all 0.1s ease-in-out 0.1s;
  -moz-transition: all 0.1s ease-in-out 0.1s;
  -o-transition: all 0.1s ease-in-out 0.1s;
  transition: all 0.1s ease-in-out 0.1s; }

.fancybox {
  margin-right: 15px;
  -webkit-transition: all 0.1s ease-in-out 0.1s;
  -moz-transition: all 0.1s ease-in-out 0.1s;
  -o-transition: all 0.1s ease-in-out 0.1s;
  transition: all 0.1s ease-in-out 0.1s; }
  .fancybox:hover {
    opacity: 0.8;
    text-decoration: none; }

/*----- special margin ------------*/
.margin-bottom {
  margin-bottom: 20px; }

.margin-bottom-80 {
  margin-bottom: 80px; }

.margin-top-40 {
  margin-top: 40px; }

.margin-top-60 {
  margin-top: 60px; }

/* --------------------------- Services --------------------------------*/
.services-grid > div {
  margin-bottom: 30px; }
  .services-grid > div .img-block {
    height: 80px;
    margin-bottom: 10px;
    position: relative; }
    .services-grid > div .img-block .small-icon {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      display: block; }
      .services-grid > div .img-block .small-icon img {
        margin: 0;
        height: 80px;
        width: auto;
        -webkit-transition: all 0.1s ease-in-out 0.1s;
        -moz-transition: all 0.1s ease-in-out 0.1s;
        -o-transition: all 0.1s ease-in-out 0.1s;
        transition: all 0.1s ease-in-out 0.1s; }
  .services-grid > div:hover .small-icon img {
    margin-top: -10px; }
.services-grid .first {
  clear: left; }

.part-5 {
  background-image: url(../images/slider/slide-3.jpg);
  background-repeat: no-repeat; }

/* ----------------------------- clients-gallery ------------------------------*/
#clients {
  padding-bottom: 12px;
  padding-top: 50px; }
  #clients .clients-gallery img {
    height: auto;
    margin-bottom: 15px;
    max-width: 140px;
    opacity: 0.4;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -o-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s; }
  #clients .clients-gallery .row > div {
    padding: 0 5%; }
    #clients .clients-gallery .row > div:hover img {
      opacity: 1; }

.part-14 {
  background: #86a200; }

/* --------------------------- Pricing ------------------------------- */
.part-7 {
  background-image: url(../images/slider/slide-2.jpg); }
  .part-7 .overlay {
    background-color: rgba(31, 31, 31, 0.4); }

/* --------------------------- blockquote ---------------------------- */
.part-8 {
  background-image: url(../images/slider/slide-8.jpg); }
  .part-8 .overlay {
    background-color: rgba(31, 31, 31, 0.61); }

/* -------------------------- Top Sider Elements ----------------- */
.part-9 {
  background-color: #86a200;
  background-image: url(../images/austria-alps.jpg);
  background-position: center center !important; }

/* -------------------------- Top Sider Blog ------------------------- */
.part-10 {
  background-color: #86a200;
  background-image: url(../images/slider/slide-2.jpg);
  background-position: center center !important; }

/* -------------------------- our-team ------------------------- */
.part-11 {
  background-image: url(../images/bg-our-team2.jpg);
  background-position: center top; }
  .part-11 .overlay {
    background: rgba(245, 245, 245, 0.95); }

/* ------------------------------ Progress --------------------------- */
#responsive-design {
  padding-bottom: 0; }
  #responsive-design h1 {
    color: #30454b; }
  #responsive-design .img-responsive-design {
    margin-bottom: -110px;
    margin-top: 90px;
    position: relative;
    text-align: center;
    z-index: 1; }
    #responsive-design .img-responsive-design img {
      height: auto;
      max-width: 1135px;
      width: 100%; }

.part-6 {
  background-image: url(../images/bg-responsive-design.jpg);
  background-position: center center; }
  .part-6 .overlay {
    background: rgba(255, 255, 255, 0.98); }

/* ---------------------------------------------------------------------------------- */
/* --------------------------------- FOOTER ----------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#footer {
  border-top: 1px solid rgba(0, 0, 0, 0.22);
  position: relative; }
  #footer > .row {
    margin-left: 0;
    margin-right: 0; }
  #footer .row > div {
    text-align: center; }
  #footer .go-up {
    background: none;
    border-radius: 50%;
    border: 1px solid rgba(204, 33, 39, 0.5);
    color: #cc2127 !important;
    display: block;
    font-size: 2em !important;
    height: 42px;
    margin: 98px auto 0;
    padding: 0px 0 1px 1px;
    text-align: center;
    width: 42px; }
    #footer .go-up i {
      display: table-cell;
      height: 38px;
      padding: 0;
      text-align: center;
      vertical-align: middle;
      width: 42px; }
    #footer .go-up:hover {
      background: none;
      border: 1px solid #cc2127;
      text-decoration: none; }
    #footer .go-up:focus, #footer .go-up:active {
      box-shadow: none;
      text-decoration: none; }
  #footer .thanks-forvisit {
    color: #222;
    display: block;
    font-size: 0.91em;
    font-weight: 700;
    margin: 39px 0 6px 0; }
  #footer .share-us {
    color: #777;
    font-size: 0.9em; }
  #footer .corp {
    color: #777;
    display: block;
    font-size: 0.75em;
    margin-bottom: 20px; }

/*---------------------------------------------------------------------------------------*/
/*----------------------------------------SOCIAL Share LINK------------------------------------*/
/*---------------------------------------------------------------------------------------*/
.social-inp {
  display: inline-block;
  margin: 14px 0 78px 0;
  padding: 0 17px;
  vertical-align: middle; }
  .social-inp label {
    cursor: pointer;
    margin-bottom: 0; }
  .social-inp input {
    display: none; }
  .social-inp a {
    border: none;
    display: block;
    font-size: 0;
    line-height: 1;
    outline: none;
    position: relative;
    float: left; }
    .social-inp a:hover {
      border: none; }
      .social-inp a:hover .getshare-text {
        color: #fff; }
  .social-inp .getshare-text {
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: lighter;
    height: 30px;
    padding: 9px 8px 8px 8px;
    position: relative;
    text-align: center;
    transition: color .2s ease,background .2s ease;
    vertical-align: middle;
    width: 30px; }
  .social-inp .getshare-counter {
    background: #e5e5e5;
    border-radius: 2px;
    color: #555;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 23px;
    max-width: 40px;
    max-width: inherit;
    line-height: 12px;
    opacity: 0;
    overflow: visible;
    padding: 6px 0;
    text-align: center;
    transition: max-width .2s ease,padding .2s ease, background .2s ease;
    vertical-align: middle;
    position: absolute;
    top: -35px;
    transition: visibility .2s ease, opacity .2s ease;
    visibility: hidden;
    width: 100%; }
    .social-inp .getshare-counter:before {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 7px solid #e5e5e5;
      bottom: -6px;
      content: '';
      height: 0;
      margin-left: -2px;
      position: absolute;
      width: 0; }
  .social-inp .getshare-icon {
    text-align: center; }
    .social-inp .getshare-icon:hover .getshare-counter {
      opacity: 1;
      visibility: visible; }
  .social-inp .gt-gp .getshare-text {
    background: #dc4c39; }
  .social-inp input[type="checkbox"] + label {
    margin: 0 0 0 2px; }
    .social-inp input[type="checkbox"] + label:before {
      background: none; }

#footer .social-inp .getshare-counter {
  bottom: -35px;
  top: auto; }
  #footer .social-inp .getshare-counter:before {
    border-bottom: 7px solid #e5e5e5;
    border-top: 0px solid #e5e5e5;
    bottom: auto;
    top: -6px; }

/* TWITTER */
.gt-tw .getshare-text {
  background: #3799dd; }

.gt-tw .getshare-text:before {
  content: "\f099"; }

/* FACEBOOK */
.gt-fb .getshare-text {
  background: #314e8f; }

.gt-fb .getshare-text:before {
  content: "\f09a"; }

/* GOOGLE+ */
.gt-gp .getshare-text {
  background: #a94034; }

.gt-gp .getshare-text:before {
  content: "\f0d5"; }

/* PINTEREST + */
.gt-pt .getshare-text {
  background: #9d2027; }

.gt-pt .getshare-text:before {
  content: "\f0d2"; }

/* VK */
.gt-vk .getshare-text {
  background: #4B5A97; }

.gt-vk .getshare-text:before {
  content: "\f189"; }

/* StumbleUpon */
.gt-st .getshare-text {
  background: #555555; }

.gt-st .getshare-text:before {
  content: "\f1a4"; }

/* LinkedIn + */
.gt-in .getshare-text {
  background: #3f4bb8; }

.gt-in .getshare-text:before {
  content: "\f0e1"; }

@media (max-width: 1229px) {
  .social-fix {
    display: none; } }
/*----------------------------------------------------------------------*/
/*-------------------------- video Background --------------------------*/
/*----------------------------------------------------------------------*/
.bg-video video {
  background-attachment: fixed;
  bottom: 0;
  height: auto;
  max-width: inherit;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  right: 0;
  vertical-align: top;
  width: auto;
  z-index: 0; }

/* ------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------- slider-overlay-style --------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
.slider-overlay {
  background: #fffdec;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }
  .slider-overlay.loaded {
    background: none; }
    .slider-overlay.loaded .slider-content {
      opacity: 1; }
  .slider-overlay .slider-content {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    height: 100%;
    opacity: 0;
    width: 100%;
    padding: 0 0 1px 0; }
  .slider-overlay .slider-content .bg {
    background: rgba(255, 255, 255, 0.85);
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0; }
    .slider-overlay .slider-content .bg li {
      margin: 0 !important; }
    .slider-overlay .slider-content .bg .block-inline {
      margin: 0;
      padding-left: 1px !important; }
  .slider-overlay .slider-content .content-bg {
    display: table-row;
    margin: 0px;
    text-indent: -9999px; }
    .slider-overlay .slider-content .content-bg .bg {
      border-collapse: collapse;
      border-spacing: 0;
      display: table-cell;
      line-height: 1;
      margin: 0px; }
  .slider-overlay .slider-content .content-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table-row;
    height: 1px;
    margin: 0;
    vertical-align: middle; }
    .slider-overlay .slider-content .content-box > .bg {
      border-collapse: collapse;
      border-spacing: 0;
      display: table-cell;
      margin: 0;
      width: 50%; }
  .slider-overlay .title-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table-cell;
    margin: 0; }
    .slider-overlay .title-box canvas {
      vertical-align: top; }
    .slider-overlay .title-box .title {
      color: #fff;
      font-size: 190px;
      font-weight: 800;
      line-height: 1;
      position: absolute; }
    .slider-overlay .title-box .social-box ul {
      display: inline-block;
      padding: 0 1px 0 3px;
      vertical-align: top; }
      .slider-overlay .title-box .social-box ul li {
        display: inline-block;
        margin: 0 1px;
        vertical-align: top; }
        .slider-overlay .title-box .social-box ul li a {
          color: #fff;
          display: block;
          height: 30px;
          width: 30px; }
    .slider-overlay .title-box .bg-padding {
      height: 30px; }
    .slider-overlay .title-box .slider-content {
      border-collapse: collapse;
      border-spacing: 0;
      margin: 0; }

.front-page .slider-overlay .title-box .social-box ul li {
  margin: 0 -2px 0 -2px !important; }

.other-style .slider-overlay .title-box .social-box ul li {
  margin: 0 0px 0 0px !important; }
.other-style .slider-overlay .title-box h1 {
  opacity: 0; }

@media (max-width: 991px) {
  .slider-overlay .title-box .title {
    font-size: 110px !important; }
  .slider-overlay .title-box .bg-padding {
    height: 18px; } }
@media (max-width: 767px) {
  .slider-overlay .title-box .title {
    font-size: 78px !important; }
  .slider-overlay .title-box .bg-padding {
    height: 7px; } }
@media (max-width: 479px) {
  .slider-overlay .title-box .title {
    font-size: 48px !important; }
  .slider-overlay .title-box .bg-padding {
    height: 7px; } }
/* -- #primary-banner-title -- */
.primary-banner-text {
  bottom: 13%;
  color: #2063ad;
  font-size: 1.5em;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999; }

.go-down {
  bottom: 2%;
  color: #2063ad;
  display: block;
  font-size: 1.9em !important;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  z-index: 99; }
  .go-down:hover {
    opacity: 0.7; }

/* White primary-banner-text */
.white .primary-banner-text {
  color: #fffdec; }
.white .go-down {
  color: rgba(255, 253, 236, 0.61); }

/* Red primary-banner-text */
.red-style .primary-banner-text {
  color: #b4c369; }
.red-style .go-down {
  color: #2063ad; }

.slider-overlay-style {
  margin-bottom: -2px; }
  .slider-overlay-style .go-down {
    color: #2063ad; }

/* ---------------------------------------------------------------------------*/
/* ----------------------------- background-box ---------------------------- */
/* ---------------------------------------------------------------------------*/
.background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .background .layer {
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }

/* Parallax styles
-------------------------------------------------------------*/
.dzsparallaxer {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .dzsparallaxer .divimage {
    background-size: cover;
    background-position: center 0; }

/* -------------------------------------------------------------------------*/
/* -------------------------- vertical-parallax ----------------------------*/
/* -------------------------------------------------------------------------*/
.vertical-parallax {
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center top; }

@media only screen and (min-width: 1921px) {
  .vertical-parallax {
    background-size: cover; } }
.part-7 .overlay {
  background: #000;
  opacity: 0.2; }

/* --------------------------------------------------------------------------*/
/* ---------------------------- invert-elements -----------------------------*/
/* --------------------------------------------------------------------------*/
/* Bullets White*/
#r-slider.invert-elements .rsNav.rsBullets .rsNavItem span, #r-slider.invert-elements .rsNav.rsBullets .rsNavItem.rsNavSelected span {
  background: rgba(255, 253, 236, 0.85); }
#r-slider.invert-elements .rsMinW .rsBullet.rsNavSelected {
  border: 1px solid rgba(255, 253, 236, 0.85); }

.invert-elements {
  /* white-tab */
  /* clasic-tab */
  /* white-accordion-tab */ }
  .invert-elements a, .invert-elements p, .invert-elements li {
    color: #fff !important; }
  .invert-elements a:hover {
    color: rgba(255, 255, 255, 0.84) !important; }
  .invert-elements h1 {
    color: #fff; }
  .invert-elements h2, .invert-elements h3, .invert-elements h4, .invert-elements h5, .invert-elements h6 {
    color: #fff !important; }
    .invert-elements h2 a:hover, .invert-elements h3 a:hover, .invert-elements h4 a:hover, .invert-elements h5 a:hover, .invert-elements h6 a:hover {
      opacity: 0.7; }
  .invert-elements .wrapper-carusel .next, .invert-elements .wrapper-carusel .prev, .invert-elements .post-slider .next, .invert-elements .post-slider .prev, .invert-elements .posted-slider .next, .invert-elements .posted-slider .prev, .invert-elements .slider-people .next, .invert-elements .slider-people .prev {
    color: #fff; }
  .invert-elements .go-down {
    color: #fff !important; }
  .invert-elements .titile-divider span, .invert-elements .titile-divider.green span {
    color: #fff; }
  .invert-elements .posted-slider .slider-foo-2 .foo2 p span {
    color: #fff; }
  .invert-elements blockquote {
    color: #fff; }
    .invert-elements blockquote footer {
      color: #fff; }
  .invert-elements .skill-name, .invert-elements .post-info {
    color: #fff; }
  .invert-elements .inpost-slider a:link, .invert-elements .inpost-slider a:visited {
    color: #86a200 !important; }
  .invert-elements .inpost-slider a:hover {
    opacity: 1; }
    .invert-elements .inpost-slider a:hover i {
      opacity: 0.8; }
  .invert-elements .isotop-filters button {
    color: #fff !important; }
    .invert-elements .isotop-filters button:hover, .invert-elements .isotop-filters button.is-checked {
      opacity: 0.7; }
  .invert-elements .isotope .element-item span {
    color: #fff !important; }
  .invert-elements .info-contacts {
    color: #fff; }
    .invert-elements .info-contacts span {
      color: #fff; }
  .invert-elements #cont-info {
    background: rgba(134, 162, 0, 0.94); }
  .invert-elements ::-webkit-input-placeholder {
    color: #dde8ab; }
  .invert-elements ::-moz-placeholder {
    color: #dde8ab; }
  .invert-elements :-moz-placeholder {
    color: #dde8ab; }
  .invert-elements :-ms-input-placeholder {
    color: #dde8ab; }
  .invert-elements .album-sliders-container .additional-info .heading {
    color: #fff !important; }
  .invert-elements .additional-info {
    color: #fff !important; }
  .invert-elements .album-sliders-container strong {
    color: #fff !important; }
  .invert-elements #comments form input[type="text"], .invert-elements #comments form input[type="email"] {
    background: #9eb533 !important;
    border: none !important;
    color: #dde8ab !important; }
  .invert-elements textarea {
    background: #9eb533 !important;
    border: none !important;
    color: #dde8ab !important; }
  .invert-elements input {
    background: #9eb533 !important;
    border: none !important;
    color: #dde8ab !important; }
    .invert-elements input#searchsubmit {
      background: #9eb533 url(../images/search.svg) no-repeat center center !important; }
  .invert-elements button.btn-default {
    background: #fffdec !important;
    border: 1px solid #789100;
    color: #86a200 !important; }
    .invert-elements button.btn-default:hover {
      background: #fff !important;
      border: 1px solid #86a200; }
  .invert-elements .button-hover {
    background: #fff !important;
    border: 1px solid #86a200; }
  .invert-elements button.btn-default:active, .invert-elements .button-active {
    background: #fffdec !important;
    border: 1px solid #86a200;
    box-shadow: inset 0 2px 0px #e0decf !important; }
  .invert-elements blockquote:before {
    background: rgba(255, 255, 255, 0.65); }
  .invert-elements #footer .go-up {
    border: 1px solid rgba(253, 253, 253, 0.5);
    color: rgba(255, 255, 255, 0.84) !important; }
    .invert-elements #footer .go-up:hover {
      border: 1px solid white; }
  .invert-elements .thanks-forvisit, .invert-elements .corp {
    color: #fff !important; }
  .invert-elements .part-4 {
    background: #86a200;
    position: fixed; }
  .invert-elements #footer {
    border-top: 1px solid rgba(255, 255, 255, 0.65); }
  .invert-elements .progress {
    background: rgba(255, 255, 254, 0.22); }
  .invert-elements .progress-bar {
    background: rgba(255, 255, 255, 0.68);
    color: #86a200 !important; }
  .invert-elements #comments h2 span, .invert-elements #comments .meta {
    color: rgba(255, 255, 255, 0.87); }
  .invert-elements .post-soc-icon .count-shared span {
    color: rgba(255, 255, 255, 0.87); }
  .invert-elements #block-pricing .cont-pricing {
    background: rgba(255, 255, 255, 0.81); }
    .invert-elements #block-pricing .cont-pricing .permonth {
      color: rgba(112, 112, 112, 0.87); }
    .invert-elements #block-pricing .cont-pricing li {
      color: #777 !important;
      border-top: 1px solid rgba(2, 2, 2, 0.06) !important; }
  .invert-elements .titile-divider.green span:before, .invert-elements .titile-divider.green span:after {
    background: rgba(255, 255, 255, 0.82); }
  .invert-elements .panel-body {
    color: #86a200;
    background: rgba(255, 255, 255, 0.68); }
  .invert-elements .panel-default > .panel-heading {
    background: rgba(255, 255, 255, 0.68); }
    .invert-elements .panel-default > .panel-heading:hover {
      background: rgba(255, 255, 255, 0.28); }
  .invert-elements .panel-title i, .invert-elements .panel-heading .panel-title a, .invert-elements a.accordion-toggle {
    color: #86a200 !important; }
  .invert-elements .panel-title i:hover, .invert-elements .panel-heading .panel-title a:hover, .invert-elements a.accordion-toggle:hover {
    color: #FFFFFF !important;
    opacity: 1; }
  .invert-elements .white-tabs.myTab p {
    background: none;
    color: #FFFFFF; }
  .invert-elements .white-accordion .panel-body {
    background: none;
    color: #FFFFFF; }
  .invert-elements .white-accordion .panel-default > .panel-heading {
    background: none;
    color: #FFFFFF; }
    .invert-elements .white-accordion .panel-default > .panel-heading:hover {
      background: none;
      color: #FFFFFF; }
  .invert-elements .white-tab #undefined-accordion .panel-heading,
  .invert-elements .white-accordion .panel-default > .panel-heading {
    border: 1px solid rgba(255, 255, 255, 0.82);
    background: none; }
  .invert-elements .white-tab #undefined-accordion .panel-heading:hover {
    border: 1px solid rgba(255, 255, 255, 0.62); }
  .invert-elements .white-accordion .panel-default > .panel-heading:hover {
    border: 1px solid rgba(255, 255, 255, 0.62); }
  .invert-elements .white-accordion .panel-title i {
    color: #fff !important; }
  .invert-elements .white-accordion .panel-title:hover i {
    opacity: 0.8; }
  .invert-elements .white-tab p {
    color: #fff !important;
    font-weight: 400 !important; }
  .invert-elements .white-tab .panel-heading .panel-title a {
    color: #fff !important;
    font-weight: 400 !important; }
    .invert-elements .white-tab .panel-heading .panel-title a:hover {
      opacity: 0.7 !important; }
  .invert-elements .horizontal-tabs p {
    color: #86a200 !important; }
  .invert-elements .vertical-tabs p {
    color: #86a200 !important; }
  .invert-elements .vertical-tabs.white-tab p {
    color: #fff !important; }
  .invert-elements .alert-success {
    background: #9eb533; }
  .invert-elements .tab-pane.active {
    background: rgba(255, 255, 255, 0.68);
    color: #86a200; }
  .invert-elements .nav-tabs > li > a {
    background: rgba(255, 255, 255, 0.28);
    color: #fff !important; }
  .invert-elements .tabs-left > li {
    margin-right: -1px !important; }
  .invert-elements .nav-tabs > li.active > a, .invert-elements .nav-tabs > li > a:hover {
    background: rgba(255, 255, 255, 0.68);
    color: #86a200 !important; }
  .invert-elements .vertical-tabs .nav-tabs > li.active > a, .invert-elements .vertical-tabs .nav-tabs > li > a:hover {
    background: rgba(255, 255, 255, 0.68) !important; }
  .invert-elements .vertical-tabs.white-tab .nav-tabs > li.active > a, .invert-elements .vertical-tabs.white-tab .nav-tabs > li > a:hover {
    background: none !important; }
  .invert-elements .vertical-tabs .tab-content > .tab-pane p, .invert-elements .horizontal-tabs .tab-content > .tab-pane p {
    color: #86a200 !important; }
  .invert-elements .white-tab .nav-tabs > li.active > a {
    background: none;
    color: #fff !important; }
  .invert-elements .white-tab .nav-tabs > li > a {
    background: none;
    color: #fff !important; }
    .invert-elements .white-tab .nav-tabs > li > a:hover {
      background: none;
      color: #fff !important;
      opacity: 0.8; }
  .invert-elements .white-tab .tab-pane.active {
    background: none;
    color: #fff !important; }
  .invert-elements .vertical-tabs.white-tab .tab-content > .tab-pane p, .invert-elements .horizontal-tabs.white-tab .tab-content > .tab-pane p {
    color: #fff !important; }
  .invert-elements .horizontal-tabs.white-tab .panel-title a:before, .invert-elements .vertical-tabs.white-tab .panel-title a:before {
    color: #fff !important; }
  .invert-elements .horizontal-tabs.white-tab .panel-title:hover a:before, .invert-elements .vertical-tabs.white-tab .panel-title:hover a:before {
    opacity: 0.8; }
  .invert-elements .horizontal-tabs.white-tab .panel-body, .invert-elements .vertical-tabs.white-tab .panel-body {
    background: none; }
    .invert-elements .horizontal-tabs.white-tab .panel-body p, .invert-elements .vertical-tabs.white-tab .panel-body p {
      color: #fff !important; }
  .invert-elements .vertical-tabs .panel-title a:before, .invert-elements .horizontal-tabs .panel-title a:before {
    color: #86a200 !important; }
  .invert-elements .vertical-tabs .panel-title:hover a:before, .invert-elements .horizontal-tabs .panel-title:hover a:before {
    color: #fff !important; }
  .invert-elements .white-accordion .panel-heading .panel-title a {
    color: #FFFFFF !important; }
  .invert-elements .white-accordion .panel-heading .panel-title:hover a {
    opacity: 0.8; }
  .invert-elements .widget ul li span {
    color: rgba(255, 255, 255, 0.81); }
  .invert-elements #blog .entry-meta {
    color: rgba(255, 255, 255, 0.81) !important; }
  .invert-elements #block-pricing .cont-pricing.green .lollipop {
    background: url(../images/lightbulb.svg);
    background-color: #9eb533;
    background-repeat: no-repeat;
    background-position: center; }
  .invert-elements #right-sidebar .textwidget {
    color: #fff; }

/* /invert-elements */
/* --------------------------------------------------------------------------------------*/
/* --------------------------------- royalSlider Demo------------------------------------*/
/* --------------------------------------------------------------------------------------*/
.royalSlider {
  overflow: hidden; }

.demo-royal .royalSlider .rsImg {
  height: auto;
  width: 100%; }
.demo-royal #slider-with-blocks-1 {
  max-height: 470px !important;
  width: 100%; }
.demo-royal .rsMinW .rsBullets {
  padding: 4px 2px 0 0; }
.demo-royal .rsContent {
  color: #FFF;
  float: left;
  font-size: 24px;
  line-height: 32px; }
.demo-royal .bContainer {
  position: relative; }
.demo-royal .rsABlock {
  display: block;
  left: auto;
  position: relative;
  top: auto; }
.demo-royal .blockHeadline {
  font-size: 42px;
  line-height: 50px; }
.demo-royal .blockSubHeadline {
  font-size: 32px;
  line-height: 40px; }
.demo-royal .txtCent {
  text-align: center;
  width: 100%; }
.demo-royal .slide1 {
  background: #f06b50; }
  .demo-royal .slide1 .bContainer {
    top: 36%; }
.demo-royal .slide2 {
  background: #ffbc11;
  color: #000; }
  .demo-royal .slide2 .bContainer {
    top: 24px; }
  .demo-royal .slide2 .txtCent {
    line-height: 44px; }
  .demo-royal .slide2 .blockHeadline {
    line-height: 66px; }
.demo-royal .slide3 {
  background: #45aab8;
  color: #FFF; }
  .demo-royal .slide3 .bContainer {
    top: 24px; }
  .demo-royal .slide3 span {
    line-height: 44px; }
.demo-royal .slide4 .bContainer {
  height: auto;
  left: 0;
  position: absolute;
  top: 24px;
  width: 100%; }
.demo-royal .photoCopy {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  bottom: 12px;
  color: white;
  font-size: 12px;
  left: 12px;
  line-height: 24px;
  padding: 0px 10px;
  position: absolute;
  top: auto;
  z-index: 25; }
  .demo-royal .photoCopy a {
    color: #FFF; }
.demo-royal .palmImg {
  bottom: -60px;
  left: 0;
  position: absolute;
  top: auto; }

@media screen and (min-width: 0px) and (max-width: 960px) {
  .demo-royal .rsContent {
    font-size: 22px;
    line-height: 28px; }
  .demo-royal .blockHeadline {
    font-size: 32px;
    line-height: 32px; }
  .demo-royal .blockSubHeadline {
    font-size: 26px;
    line-height: 32px; } }
@media screen and (min-width: 0px) and (max-width: 500px) {
  .demo-royal .royalSlider, .demo-royal .rsOverflow {
    height: 330px !important; }
  .demo-royal .rsContent {
    font-size: 18px;
    line-height: 26px; }
  .demo-royal .blockHeadline {
    font-size: 24px;
    line-height: 32px; }
  .demo-royal .blockSubHeadline {
    font-size: 22px;
    line-height: 32px; }
  .demo-royal .royalSlider .rsImg {
    height: 100%;
    width: auto; } }
/* --------------------------------------------------------------------------------------*/
/* ---------------------------------      Service    ------------------------------------*/
/* --------------------------------------------------------------------------------------*/
.service {
  margin-bottom: 20px; }
  .service .title {
    font-size: 1.5em; }
  .service p:last-child {
    margin-bottom: 0; }

/* --------------------------------------------------------------------------------------*/
/* ---------------------------------      Video      ------------------------------------*/
/* --------------------------------------------------------------------------------------*/
embed, iframe, object, video, audio {
  max-width: 100%; }

#video .row > div {
  padding: 0; }
#video .video-box {
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
  text-align: center; }
  #video .video-box img {
    opacity: 0.7; }
  #video .video-box embed, #video .video-box iframe, #video .video-box object, #video .video-box video {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%; }
  #video .video-box .video-block {
    background: #cd3333;
    height: 100%;
    left: 0;
    padding: 55px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999; }
    #video .video-box .video-block iframe {
      min-height: 100%;
      width: 100%;
      z-index: 999999; }
  #video .video-box .close-video {
    color: #e66e6e !important;
    font-size: 1.1em;
    font-size: 1.9em;
    margin: 0;
    padding: 2px;
    position: absolute;
    right: 55px;
    top: 12px;
    z-index: 99999999; }
  #video .video-box button {
    background: none;
    border: none;
    color: #86a200;
    font-weight: 400;
    height: auto;
    width: auto; }
    #video .video-box button:hover {
      background: none;
      box-shadow: none;
      opacity: 0.9; }
#video h1 {
  color: #86a200;
  font-size: 2.9em;
  font-weight: 700;
  margin-bottom: 0; }
#video .play-video {
  font-size: 5.1em !important;
  line-height: 1.37;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 1; }

.video-box button {
  background: none;
  border: none;
  color: #86a200;
  font-weight: 400;
  height: auto;
  width: auto; }
  .video-box button:hover {
    background: none;
    box-shadow: none;
    opacity: 0.9; }
.video-box .play-video {
  font-size: 5.1em !important;
  line-height: 1.37;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 1; }

.part-12 {
  background-image: url(../images/bg-video.jpg);
  background-position: center center;
  background-size: cover; }
  .part-12 .overlay {
    background: rgba(255, 255, 255, 0.75); }

/*---------------------------------------------------------------------------*/
/*----------------------------- Newsletters Form ----------------------------*/
/*---------------------------------------------------------------------------*/
#newsletters-form h3 {
  color: #185eb1;
  font-size: 3em;
  margin: 25px 0 23px 0;
  text-transform: uppercase; }
  #newsletters-form h3 span {
    color: #dd001e !important; }
#newsletters-form .success {
  min-height: 25px;
  margin-bottom: 5px; }
#newsletters-form .row > div {
  position: relative; }
#newsletters-form input {
  border-radius: 3px !important;
  height: 40px; }
#newsletters-form button {
  border-radius: 3px;
  height: 40px;
  margin: 0;
  padding: 3px 18px 0 18px; }
#newsletters-form .form-message {
  color: green;
  display: block;
  font-weight: normal;
  margin-top: 10px; }
#newsletters-form .form-error {
  color: red;
  display: block;
  font-weight: normal;
  margin-top: 10px; }

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: none; }

.part-13 {
  background-size: auto !important;
  background: url(../images/stripes2.svg) repeat-x 0 top, url(../images/stripes2.svg) repeat-x 0 bottom; }

.od-gap {
  height: 1px;
  margin: 0 0 19px;
  clear: both;
  display: block;
  border: none; }

.od-edit-btn {
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999;
  display: none; }
  .od-edit-btn a {
    display: inline-block;
    background-color: #86a200;
    border: 1px solid #789100;
    color: #fffdec;
    border-radius: 2px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 15px; }
    .od-edit-btn a i {
      margin-right: 5px; }
    .od-edit-btn a:hover, .od-edit-btn a:active, .od-edit-btn a:focus {
      background-color: #5c6f00;
      border: 1px solid #455400;
      color: #fffdec; }

.cont-box:hover .od-edit-btn {
  display: block; }

.titile-divider {
  font-size: 2.9em;
  font-weight: 700; }

body.inner #wrapper {
  padding-top: 59px; }

.page-wrap {
  padding-top: 55px; }

label.error {
  color: red;
  font-size: 0.85em;
  font-weight: normal; }

.page-links {
  margin-bottom: 20px; }

#block-posts .sticky {
  border-bottom: 5px solid #f1f1f1;
  padding-bottom: 10px; }

.entry-content table {
  margin-bottom: 20px; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-bottom: 15px; }
.entry-content dl, .entry-content dd {
  margin-bottom: 20px; }

/* ----------------------- Small Icon ------------------------*/
.sm-icon {
  display: inline-block;
  height: 33px;
  position: relative;
  width: 33px; }
  .sm-icon svg {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important; }

/* Canvas title*/
.title-canvas {
  overflow: hidden;
  min-width: 244px; }

/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * <!--[if IE]>
 *   <link href="/css/responsive.css" media="screen, projection" rel="stylesheet" type="text/css" />
 * <![endif]--> */
@media only screen and (min-width: 300px) {
  /* .primary-banner-text */
  .primary-banner-text {
    font-size: 1em;
    bottom: 14%; } }
@media only screen and (min-width: 480px) and (max-width: 992px) {
  /* .primary-banner-text */
  .primary-banner-text {
    font-size: 1.2em;
    bottom: 18%; } }
@media only screen and (min-width: 768px) {
  /* contacts */
  .fix-left {
    padding-right: 5px; }

  .fix-right {
    padding-left: 5px; }

  /* diagrams */
  #chart1 {
    margin-left: -10px !important; }

  .blockquote-slider .prev {
    left: 5px; }
  .blockquote-slider .next {
    right: 5px; }

  /* Foo5 fix */
  /*.foo5 > div{
  	min-width: 240px !important;
  }*/ }
@media only screen and (min-width: 940px) {
  /* .primary-banner-text */
  .primary-banner-text {
    font-size: 1.5em; }

  #map-canvas-lg {
    display: block !important; } }
@media only screen and (min-width: 992px) {
  /* -- carousel nav -- */
  .list-carousel .prev {
    left: -45px; }
  .list-carousel .next {
    right: -45px; }

  .carusel-4 .prev {
    left: -30px; }
  .carusel-4 .next {
    right: -30px; }

  .carusel-6 .prev, .carusel-5 .prev {
    left: -40px; }
  .carusel-6 .next, .carusel-5 .next {
    right: -40px; }

  .post-slider .prev {
    left: -30px; }
  .post-slider .next {
    right: -30px; }

  .slider-foo-8 .next, .slider-foo-2 .next {
    right: -40px; }

  .slider-foo-8 .prev, .slider-foo-2 .prev {
    left: -40px; }

  .blockquote-slider .prev {
    left: -30px; }
  .blockquote-slider .next {
    right: -30px; }

  /* diagrams */
  #chart1 {
    margin-left: -20px !important; }

  #piechart-3d {
    margin-left: -100px;
    margin-left: -85px; } }
@media only screen and (min-width: 992px) and (max-width: 1050px) {
  .blockquote-slider .prev {
    left: -15px; }
  .blockquote-slider .next {
    right: -15px; } }
@media only screen and (min-width: 1170px) {
  /* -- diagrams -- */
  #piechart-3d {
    margin-top: -10px; } }
/* ---- wp-caption alignleft -----*/
@media only screen and (max-width: 410px) {
  div.alignleft, div.alignright, div.aligncenter {
    display: block;
    float: none;
    text-align: center;
    margin: 0 auto 25px;
    width: 226px; }

  .page-tpg-blockquotes {
    font-size: 2.5em; }

  /* portfolio */
  .album-sliders-container .owl-controls .owl-prev, .album-sliders-container .owl-controls .owl-next {
    top: 40%; } }
/* ---- wp-caption alignleft -----*/
@media only screen and (max-width: 768px) {
  table td, table th {
    padding: 16px 5px 15px 5px; }

  #logo-mini {
    text-align: center; }

  /* foo-1 */
  .slider-foo-1 .next {
    right: -10px; }
  .slider-foo-1 .prev {
    left: -10px; }

  /* comments */
  #comments ul.children {
    padding-left: 40px; }

  #foo2 .img-block {
    text-align: center; }

  /* green background */
  .green-background > .container {
    padding-right: 0;
    padding-left: 0; }

  /* list-carousel */
  .slider-foo-3 .next {
    right: 0px; }
  .slider-foo-3 .prev {
    left: 0px; }

  /* red-style, white-style Title */
  .front.white .topslider-link a, .red-style #primary-banner-title .topslider-link a {
    font-size: 1em; }

  /**/
  .inpost-slider .prev {
    left: 20px; }
  .inpost-slider .next {
    right: 20px; }

  .video-block {
    padding: 55px 0 !important; } }
/**/
@media only screen and (max-width: 767px) {
  #newsletters-submit {
    width: 100%;
    margin-top: 10px !important; } }
@media only screen and (max-width: 992px) {
  .post-slider {
    margin-top: 40px; }
    .post-slider .next {
      top: 10px !important;
      right: 10px !important; }
    .post-slider .prev {
      top: 10px !important;
      right: 40px !important;
      left: auto !important; } }
/**/
@media (max-width: 1070px) {
  .vertical-parallax {
    background-position: 50% 50% !important;
    background-size: cover;
    background-repeat: no-repeat; } }
/* -------------- max height --------------------- */
@media only screen and (max-height: 880px) {
  #primary-banner-title .topslider-link {
    top: 40px; }
    #primary-banner-title .topslider-link a i {
      top: 75px; } }
@media only screen and (max-height: 600px) {
  .primary-banner-text {
    bottom: 9%; } }
@media only screen and (max-height: 480px) {
  .primary-banner-text {
    bottom: 5%; } }
@media only screen and (max-height: 360px) {
  /* link go About Us*/
  #primary-banner-title .topslider-link {
    top: 5px; }
    #primary-banner-title .topslider-link a i {
      top: 5px; }

  .front.white #primary-banner-title .topslider-link a span {
    font-size: 0.75em; } }
@media only screen and (max-height: 320px) {
  /* link go About Us*/
  #primary-banner-title .topslider-link {
    top: 5px; }

  .front.white #primary-banner-title .topslider-link a {
    line-height: 0.1; }
    .front.white #primary-banner-title .topslider-link a span {
      font-size: 0.75em; }

  #primary-banner-title .topslider-link a i {
    top: 0px; }

  .primary-banner-text {
    display: none; }

  .go-about-as {
    bottom: 0%; } }
/* ------------------------------- TopSlider -------------------------------- */
@media only screen and (min-width: 961px) and (max-width: 1024px) {
  #primary-banner-title h1 span.title {
    font-size: 10em; } }
@media only screen and (min-width: 220px) and (max-width: 960px) {
  #primary-banner #primary-banner-title {
    /*height: 300px;*/ }
    #primary-banner #primary-banner-title h1 span.title {
      font-size: 6em; }

  .page-blog #primary-banner-title h1 span.title {
    font-size: 12em; }

  #primary-banner-title .topslider-link {
    top: 35px; } }
/*-----------------------------------------------------------------*/
/*------------------------- 1171px - 1280px -----------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 1170px) and (max-width: 1279px) {
  .portfolio .element-item {
    width: 25%; } }
/* --- / 1171px - 1280px  --- */
/*-----------------------------------------------------------------*/
/*------------------------- 993px - 1170px ------------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1169px) {
  .portfolio .element-item {
    width: 33.333%; } }
/* --- / 993px - 1170px  --- */
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 939px) {
  .foo5 > div {
    min-width: 233px; } }
/*-----------------------------------------------------------------*/
/*------------------------- 769px - 992px -------------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .headline {
    font: bold 9em sans-serif; }

  #block-slider svg {
    width: 670px; }

  /* Top slider */
  .elements #primary-banner #primary-banner-title h1 span.title,
  #portfolio h1.title-portfolio,
  #our-team h1.title-our-team,
  #about-as h1.title-about-as {
    font-size: 7em; }

  /* page title*/
  .cont-box h1, .cont-box .box-title {
    font-size: 7em; }

  #blockquote .box-title, #blockquote h1 {
    font-size: 6em !important; }

  /* -- CONTACTS -- */
  #contacts {
    height: 620px; }

  #cont-info {
    max-height: 590px;
    width: 415px;
    height: auto; }

  #contacts #cont-info .title-contacts {
    font-size: 3.6em;
    margin: 15px 0 25px 0; }

  /* -- PORTFOLIO -- */
  #portfolio {
    padding: 85px 0; }

  /*isotop*/
  .portfolio .element-item {
    width: 50%; }

  /* slider Foo2, Foo8 */
  .slider-foo-8, .slider-foo-2 {
    margin-top: 40px; }

  .slider-foo-8 .prev, .slider-foo-2 .prev {
    float: left; }

  .slider-foo-8 .next, .slider-foo-2 .next {
    position: static;
    margin-left: 10px;
    vertical-align: top; }

  .slider-foo-8 .prev, .slider-foo-2 .prev {
    position: static; }

  .slider-foo-8 .slider-nav, .slider-foo-2 .slider-nav {
    position: absolute;
    top: -35px;
    left: 41.66666667%;
    margin-left: 10px;
    width: 60px;
    height: 40px; }

  .slider-foo-8 .slider-nav {
    left: 33.33333333%; }
  .slider-foo-8 a {
    display: inline-block !important; }

  .slider-foo-2 a {
    display: inline-block !important; }

  /* slider Foo1 */
  .post-slider .next {
    right: 20px; }
  .post-slider .prev {
    left: 20px; }

  .slider-foo-6 .foo6 .col-xs-12.col-sm-4.col-md-3, .slider-foo-4 .foo4 .col-xs-12.col-sm-4.col-md-3 {
    min-width: 240px; }

  /**/
  .blockquote-slider .prev {
    left: 10px !important; }
  .blockquote-slider .next {
    right: 10px !important; }

  /* maps */
  #map-canvas-sm {
    display: block !important; }

  /* responsive-design */
  #responsive-design .img-responsive-design {
    margin-bottom: -10%; } }
/* --- and 769px - 992px --- */
/*-----------------------------------------------------------------*/
/*------------------------- 481px - 768px -------------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* Top slider */
  .elements #primary-banner #primary-banner-title h1 span.title {
    font-size: 5em; }

  /* page title*/
  #portfolio h1.title-portfolio,
  #our-team h1.title-our-team,
  #about-as h1.title-about-as {
    font-size: 4.4em;
    margin-bottom: 47px;
    letter-spacing: 0.007em !important; }

  .cont-box h1, .cont-box .box-title {
    font-size: 4.4em !important;
    margin-bottom: 47px !important;
    letter-spacing: 0.007em !important; }

  #blockquote .box-title, #blockquote h1 {
    font-size: 4em !important; }

  /* about-as */
  #about-as {
    padding: 84px 0 100px 0; }
    #about-as .carusel-4 {
      margin-top: 0px; }

  /* our-team */
  #our-team {
    padding: 88px 0 88px 0; }

  .title-skills {
    margin: 58px 0 35px 0; }

  /* -- PORTFOLIO -- */
  #portfolio {
    padding: 88px 0 80px 0; }
    #portfolio h1.title-portfolio {
      margin-bottom: 34px; }

  /*isotop*/
  .isotop-filters {
    padding-bottom: 29px; }

  .portfolio .element-item {
    width: 50%; }

  /* -- CONTACTS -- */
  #contacts {
    max-height: 800px;
    height: auto; }

  #cont-info {
    max-height: 800px;
    height: auto;
    padding-bottom: 20px; }

  #cont-info .title-contacts {
    font-size: 2.8em;
    margin: 14px 0 27px 0;
    letter-spacing: 0.03em; }
  #cont-info #text-contact {
    margin-bottom: 36px; }
  #cont-info #info-cotact {
    margin-bottom: 11px; }
  #cont-info #text-contact p {
    margin-bottom: 21px;
    line-height: 1.62em; }
  #cont-info #info-cotact p.tel-contact {
    margin-bottom: 25px; }

  .go-up {
    margin: 70px auto 0; }

  /* -- Portfolio project -- */
  #wrapper-portfolio-project.open-project {
    height: 1100px; }

  #view-portfolio-project .first-slider > .caroufredsel-wrapper {
    height: 880px !important; }
  #view-portfolio-project .second-slider > .caroufredsel-wrapper {
    height: 400px !important; }

  /* TOP SLIDER */
  #primary-banner #primary-banner-title h1 span.title {
    font-size: 5em; }

  .page-blog #primary-banner-title h1 span.title {
    font-size: 10em; }

  /* slider Foo8 */
  .list-carousel.slider-foo-8 .prev {
    left: 5px; }
  .list-carousel.slider-foo-8 .next {
    right: 5px; }

  /* slider Foo2 */
  .posted-slider .slider-foo-2 .next2 {
    right: 5px; }
  .posted-slider .slider-foo-2 .prev2 {
    left: 5px; }

  /* slider Foo1 */
  .post-slider .next {
    right: 15px; }
  .post-slider .prev {
    left: 15px; }

  /* Slider foo7*/
  .blockquote-slider .prev {
    left: 5px; }
  .blockquote-slider .next {
    right: 5px; }

  /* -- Comments -- */
  #comments ul.children {
    padding-left: 30px !important; }

  /* maps */
  #map-canvas-sm {
    display: block !important; }

  /* cont-pricing */
  .cont-pricing {
    margin-bottom: 60px !important; }

  /* isotop */
  .button-group.isotop-filters button {
    margin: 0;
    height: 25px; }

  /* responsive-design */
  #responsive-design .img-responsive-design {
    margin-bottom: -10%; } }
/* --- and 481px - 768px --- */
/*-----------------------------------------------------------------*/
/*------------------------- 321px - 480px -------------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 321px) and (max-width: 479px) {
  .headline {
    font: bold 3.25em sans-serif; }

  #block-slider svg {
    width: 270px; }

  #languages, #menu {
    margin-left: 0; }

  /* Top slider */
  .elements #primary-banner #primary-banner-title h1 span.title {
    font-size: 3.5em; }

  /* page title*/
  .title-portfolio,
  .title-our-team,
  .title-about-as {
    font-size: 3em !important; }

  .cont-box h1, .cont-box .box-title {
    font-size: 3em !important; }

  #blockquote .box-title, #blockquote h1 {
    font-size: 2.5em !important; }

  /* -- PORTFOLIO -- */
  .portfolio#portfolio {
    padding: 65px 0; }

  /*isotop*/
  .button-group.isotop-filters button {
    margin: 0;
    height: 25px; }

  .isotope {
    margin: 0; }

  .portfolio .element-item {
    width: 100%; }

  /* -- CONTACTS -- */
  #cont-info {
    max-height: 750px;
    height: auto;
    width: 100%;
    margin-bottom: 300px !important; }

  #cont-info .title-contacts {
    font-size: 1.8em;
    margin: 17px 0 20px 0; }
  #cont-info #text-contact {
    margin-bottom: 15px; }
    #cont-info #text-contact p {
      margin-bottom: 21px; }
  #cont-info #info-cotact p.tel-contact {
    margin-bottom: 25px; }

  /* -- Portfolio project -- */
  #wrapper-portfolio-project.open-project {
    height: 980px; }

  #view-portfolio-project .first-slider > .caroufredsel-wrapper {
    height: 765px !important; }
  #view-portfolio-project .second-slider > .caroufredsel-wrapper {
    height: 250px !important; }

  /* TOP SLIDER */
  #primary-banner #primary-banner-title h1 span.title {
    font-size: 2.98em; }

  .page-blog #primary-banner-title h1 span.title {
    font-size: 7em; }

  /* top slider link Down */
  .front.white #primary-banner-title .topslider-link a span {
    font-size: 0.9em; }

  /* slider Foo8 */
  .slider-foo-8 .prev {
    left: 0px; }
  .slider-foo-8 .next {
    right: 0px; }

  /* slider Foo2 */
  .posted-slider .slider-foo-2 .next2 {
    right: 5px; }
  .posted-slider .slider-foo-2 .prev2 {
    left: 5px; }

  /* slider Foo1 */
  .post-slider .next {
    right: 15px; }
  .post-slider .prev {
    left: 15px; }

  /* foo7*/
  .blockquote-slider .prev {
    left: 5px; }
  .blockquote-slider .next {
    right: 5px; }

  /* -- Comments -- */
  #comments ul.children {
    padding-left: 30px !important; }

  /* maps */
  #map-canvas-xs {
    display: block !important; }

  /* cont-pricing */
  .cont-pricing {
    margin-bottom: 60px !important; }

  /* newsletters */
  #newsletter h1 {
    font-size: 2.5em !important; }

  /* responsive-design */
  #responsive-design .img-responsive-design {
    margin-bottom: -12%; }

  #banner h1, #responsive-design h1 {
    font-size: 2.3em !important; } }
/* --- and 321px - 480px --- */
/*-----------------------------------------------------------------*/
/*----------------------------- 320px ------------------------------*/
/*------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
  .headline {
    font: bold 2.75em sans-serif; }

  #block-slider svg {
    width: 207px; }

  /* Top slider */
  .elements #primary-banner-title h1 span.title {
    font-size: 3.0em; }

  /* page title*/
  .title-portfolio,
  .title-our-team,
  .title-about-as {
    font-size: 2.8em !important; }

  .cont-box h1, .cont-box .box-title {
    font-size: 2.8em !important; }

  #blockquote .box-title, #blockquote h1 {
    font-size: 2.5em !important; }

  /* -- PORTFOLIO -- */
  .portfolio#portfolio {
    padding: 65px 0; }

  /*isotop*/
  .button-group.isotop-filters button {
    margin: 0;
    height: 25px; }

  .portfolio .isotope {
    margin: 0; }

  .portfolio .element-item {
    width: 100%; }

  /* -- CONTACTS -- */
  #cont-info {
    max-height: 740px;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 300px !important; }

  #cont-info .title-contacts {
    font-size: 1.8em;
    margin: 17px 0 20px 0; }
  #cont-info #text-contact {
    margin-bottom: 15px; }
    #cont-info #text-contact p {
      margin-bottom: 21px; }
  #cont-info #info-cotact p.tel-contact {
    margin-bottom: 25px; }

  /* -- Portfolio project -- */
  #wrapper-portfolio-project .open-project {
    height: 980px; }

  #view-portfolio-project .first-slider > .caroufredsel-wrapper {
    height: 765px !important; }
  #view-portfolio-project .second-slider > .caroufredsel-wrapper {
    height: 180px !important; }
  #view-portfolio-project .list-carousel {
    padding: 0; }
  #view-portfolio-project .container-fluid {
    padding-left: 0;
    padding-right: 0; }
  #view-portfolio-project .second-slider .prev {
    left: -15px;
    top: 43%; }
  #view-portfolio-project .second-slider .next {
    right: -15px;
    top: 43%; }
  #view-portfolio-project .list-carousel li {
    overflow: hidden; }

  /* -- slider foo 3 -- */
  .foo2 .img-block, .foo3 .img-block {
    text-align: center; }

  /* TOP SLIDER */
  #primary-banner #primary-banner-title h1 span.title {
    font-size: 2.98em; }

  .page-blog #primary-banner-title h1 span.title {
    font-size: 5em; }

  /* elements */
  .demo-circules {
    text-align: center; }
    .demo-circules .circle {
      margin: 0 0 10px 0; }

  /* link go About Us*/
  .front.white #primary-banner-title .topslider-link a span {
    font-size: 0.8em; }

  /* slider Foo8 */
  .slider-foo-8 .prev {
    left: 5px; }
  .slider-foo-8 .next {
    right: 5px; }

  /* slider Foo2 */
  .posted-slider .slider-foo-2 .next2 {
    right: 5px; }
  .posted-slider .slider-foo-2 .prev2 {
    left: 5px; }

  /* slider Foo1 */
  .post-slider .next {
    right: 15px; }
  .post-slider .prev {
    left: 15px; }

  /**/
  .blockquote-slider .prev {
    left: 5px !important; }
  .blockquote-slider .next {
    right: 5px !important; }

  /* -- Comments -- */
  #comments ul.children {
    padding-left: 30px !important; }

  /* maps */
  #map-canvas-xs {
    display: block !important; }

  /* cont-pricing */
  .cont-pricing {
    margin-bottom: 60px !important; }

  /* newsletters */
  #newsletter h1 {
    font-size: 2.5em !important; }

  #responsive-design .img-responsive-design {
    margin-bottom: -13%; }

  #banner h1, #responsive-design h1 {
    font-size: 2.3em; } }
/* --- and 320 --- */
@media only screen and (max-height: 320px) {
  .slider-overlay .slider-content {
    padding: 0 0 2px 0; }

  .slider-overlay-style {
    margin-bottom: -3px; } }
@media (max-width: 767px) {
  .text-left-xs {
    text-align: left; }

  .text-right-xs {
    text-align: right; }

  .text-center-xs {
    text-align: center; } }
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-sm {
    text-align: left; }

  .text-right-sm {
    text-align: right; }

  .text-center-sm {
    text-align: center; } }
@media (min-width: 992px) and (max-width: 939px) {
  .text-left-md {
    text-align: left; }

  .text-right-md {
    text-align: right; }

  .text-center-md {
    text-align: center; } }
@media (min-width: 940px) {
  .text-left-lg {
    text-align: left; }

  .text-right-lg {
    text-align: right; }

  .text-center-lg {
    text-align: center; } }
.wrapper-carusel button.next, .wrapper-carusel button.prev, .post-slider button.next, .post-slider button.prev, .posted-slider button.next, .posted-slider button.prev, .slider-people button.next, .slider-people button.prev {
  color: #86a200;
  background: transparent;
  border: 0; }

.blockquote-slider .next, .blockquote-slider .prev {
  color: #fff; }

#mapa {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

#map-canvas {
  height: 100%; }

#cont-info {
  z-index: 1;
  position: relative;
  margin: 20px 0; }
  #cont-info #submit {
    width: 100%;
    margin-bottom: 18px; }

#topslider .container-fluid, #topslider .row, #topslider #info-topslider {
  height: inherit; }

#topslider #info-topslider {
  z-index: 10; }

.topslider-text {
  z-index: 11; }