/* ==========================================================================
   Main Screen CSS ( Zero )
   ========================================================================== */

/* Table of contents
   ========================================================================== */

/**
  * == Core CSS ==
  *
  * Base ................ Global classes, wp defaults
  * Colors .............. Define defaul colors
  * Typography .......... (H1-6), code, span, etc
  * Form ................ Form builder, search, submition, etc.
  * Tables .............. Simple and Fancy tables like pricing tables
  * Buttons ............. All kind of buttons, social links
  * Animations .......... Define animations (keyframes)
  *
  * == Components ==
  *
  * Header ................ Base header elements: logo, menu
  * Footer ................ Big and Small area in footer
  * Boxes ................. All models of boxes
  * Sidebar ................. All widgets
  * Icons ................. Define the icons used in the project
  * UI .................... Elements used as shortcode & custom posts
  * JS plugins .................... Css helper for javascripts plugins

*/

/* Base
   ========================================================================== */

/* Root elements & helpers */

@charset "UTF-8";

/* Font import */

@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot');
  src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/icomoon.woff') format('woff'), /* Modern Browsers */
       url('fonts/icomoon.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/icomoon.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

/* Defaults & helpers */

body {
  font-size: 1em;
  font-family: 'Lora', serif;
  font-weight: 400;
  line-height: 1.45;
  color: #8a8a8a;
  overflow-x: hidden;
}

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

figure {
  margin-bottom: 23px;
}

.clearfix:before,
.clearfix:after {
  display:table;
  content:" "
}

.clearfix:after{
  clear:both
}

.boxed-view {
  max-width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

.to-left, .alignleft {
  float: left;
}

.to-right, .alignright {
  float: right;
}

.full-size {
  display: block;
  width: 100%;
}

body .no-padding  {
  margin: 0;
}

body .no-padding [class*="col-"] {
  padding: 0;
}

.clean-list, .inline-list,
.clean-list ul, .inline-list ul {
  margin-top: 0;
  padding: 0;
  list-style: none;
}

.inline-list:before,
.inline-list:after {
  display:table;
  content:" "
}

.inline-list:after{
  clear:both
}

.inline-list > li {
  float: left;
}

body .center-me, .aligncenter{
  display: table;
  margin-left: auto;
  margin-right: auto;
}

body .row-fit {
  marin-left: 0 !important;
  marin-right: 0 !important;
}

body .row-fit > [class *="col-md-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .no-bottom {
  margin-bottom: 0 !important;
}

.holder-it {
  position: relative;
}

.clean-list {
  margin-bottom: 23px;
}

.uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

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

.soft-corners {
  border-radius: 5px;
}

.hard-corners {
  border-radius: 50%/10%;
}

.round-corners {
  border-radius: 100px;
}

.border-dashed {
  border-style: dashed;
}

.border-double {
  border-style: double;
}

.font-small {
  font-size: 0.667em;
}

.font-2x { font-size: 2em; }
.font-3x { font-size: 3em; }
.font-4x { font-size: 4em; }
.font-5x { font-size: 5em; }
.font-6x { font-size: 6em; }
.font-7x { font-size: 7em; }

.size-20 {
  width: 20%;
}

/* Wordpress core class */

.alignnone {
  float: none;
}

.aligncenter {    
}

.alignright {
  margin-left: 15px;
}

.alignleft {
   margin-right: 15px;  
}

a img.alignright {
}

a img.alignnone {
}

a img.alignleft {
}

a img.aligncenter {
}

.wp-caption {}

.wp-caption.alignnone {}

.wp-caption.alignleft {}

.wp-caption.alignright {}

.wp-caption img {}

.wp-caption p.wp-caption-text {
  text-align: center;
  padding: 11px 0;
}

.tagcloud:before,
.tagcloud:after {
  display:table;
  content:" "
}

.tagcloud:after{
  clear:both
}

.tagcloud {
  list-style: none;
  padding: 0;
  margin: 0 0 23px;
}

.tagcloud > a {
  background: #F9FCFD;
  padding: 11px 16px;
  color: #666666;
  display: inline-block;
  margin: 3px 0;
  text-transform: uppercase;
}

.tagcloud > a:hover {
  background: none;
  text-decoration: none;
  color: #666666;
  box-shadow: inset 0 0 0 1px #666666;
}

#wp-calendar {
  background: #fcfcfc;
  border: 1px solid #eeeeee;
  position: relative;
}

#wp-calendar caption {
  padding: 11px 0;
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-bottom: none;
}

#wp-calendar tfoot {
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
}

#wp-calendar tfoot a {
  color: #ffffff;
  background: #333333;
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50px;
  overflow: hidden;
  line-height: 22px;
  padding: 0 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#wp-calendar tfoot a:hover {
  text-decoration: none;
  width: 70px;
}

#wp-calendar thead, #wp-calendar tbody {
  border: 1px solid #eeeeee;
}

#wp-calendar thead {
  border-bottom: 0;
}

#wp-calendar tbody {
  border-top: 0;
}

#wp-calendar th, #wp-calendar td,  #wp-calendar tr, #wp-calendar {
  padding: 11px 0;
  text-align: center;
  border: none;
}

.recentcomments .url {
  color: #F487AF;
}

#cancel-comment-reply-link {
  font-size: 0.5em;
}

.widget_rss ul li {
  border: none !important;
}

.rss-date {
  display: block;
  margin-bottom: 11px;
}

.widget_search .search-form {
  position: relative;
}

.widget_search .search-form label {
  padding: 0;
}

.widget_search .search-form label input {
  border-radius: 200px;
  padding: 11px 46px 11px 23px;
}

.widget_search .search-form .screen-reader-text {
  display: none;
}

.widget_search .search-form .search-submit {
  position: absolute;
  top: 0;
  bottom:0;
  right: 0;
  width: 44px;
  background: none;
  border: none;
  font: 0/0 a;
  text-shadow: none;
}

.widget_search .search-form .search-submit:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.widget_search .search-form:before {
  content: "\e74e";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  line-height: 45px !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}

.bypostauthor {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
  padding: 11px;
}

.bypostauthor .avatar, .bypostauthor .comment-post, .bypostauthor p:last-child {
  margin-bottom: 0 !important;
}

.bypostauthor .comment-content > h5:first-child {
  margin-top: 0;
}

/* Gallery*/

.gallery-caption {
  padding: 0 11px;
  text-align: left;
}

.gallery-icon {
  z-index: 100;
}

.gallery-icon {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.gallery-item:hover .gallery-icon {
  top: 80%;
}

/* Colors
   ========================================================================== */

/* Backgrounds color */

body .dark-less {
  background: rgba(0,0,0,0.1);
}

body .darken {
  background: rgba(0,0,0,0.6);
}

body .black,
body .hover-black:hover,
body .before-black:before { 
  background: #000000;
}

body .light-black,
body .hover-light-black:hover {
  background: #333333;
}

body .white,
body .hover-white:hover {
  background: #ffffff;
}

body .dark-white,
body .hover-dark-white:hover {
  background: #eeeeee;
}

body .grey,
body .hover-grey:hover {
  background: #f3f3f3;
}

body .blue,
body .hover-blue:hover {
  background: #89C4F4;
}

body .light-blue,
body .hover-light-blue:hover {
  background: #C5EFF7;
}

body .dark-blue,
body .hover-dark-blue:hover,
body .before-dark-blue:before {
  background: #2574A9;
}

body .red,
body .hover-red:hover {
  background: #f487af;
}

body .dark-red,
body .hover-dark-red:hover {
  background: #f23d7f;
}

body .green,
body .hover-green:hover{
  background: #91954c;
}

body .dark-green,
body .hover-dark-green:hover {
  background: #5f6232;
}

body .yellow,
body .hover-yellow:hover {
  background: #fce374;
}

body .dark-yellow,
body .hover-dark-yellow:hover {
  background: #c9b55d;
}

body .brown,
body .hover-brown:hover {
  background: #a26e6c;
}

body .dark-brown,
body .hover-dark-brown:hover {
  background: #563A39;
}

body .violet,
body .hover-violet:hover {
  background: #8E56BC;
}

body .dark-violet,
body .hover-dark-violet:hover {
  background: #2E1C3C;
}

body .social-twitter,
body .hover-twitter:hover {
  background: #55acee;
}

body .social-facebook,
body .hover-facebook:hover {
  background: #3b5998;
}

body .social-dribbble,
body .hover-dribbble:hover {
  background: #ea4c89;
}

body .social-pinterest,
body .hover-pinterest:hover {
  background: #e85061;
}

body .social-flickr,
body .hover-flickr:hover {
  background: #0063dc;
}

/* Text color */

body .text-black,
body .hover-text-black:hover,
body .before-black:before {
  color: #000000;
}

body .text-white,
body .hover-text-white:hover,
body .before-white:before {
  color: #ffffff;
}

body .text-grey,
body .hover-text-grey:hover,
body .before-grey:before {
  color: #dadada;
}

body .text-dark,
body .hover-text-dark:hover,
body .before-dark:before {
  color: #656565;
}

body .text-blue,
body .hover-text-blue:hover,
body .before-blue:before {
  color: #89C4F4;
}

body .text-dark-blue,
body .hover-text-dark-blue:hover,
body .before-dark-blue:before {
  color: #2574A9;
}

body .text-red,
body .hover-text-red:hover,
body .before-red:before {
  color: #f487af;
}

body .text-dark-red,
body .hover-text-dark-red:hover,
body .before-dark-red:before {
  color: #f23d7f;
}

body .text-green,
body .hover-text-green:hover,
body .before-green:before {
  color: #91954c;
}

body .text-dark-green,
body .hover-text-dark-green:hover,
body .before-dark-green:before {
  color: #5f6232;
}

body .text-yellow,
body .hover-text-yellow:hover,
body .before-yellow:before {
  color: #fce374;
}

body .text-dark-yellow,
body .hover-text-dark-yellow:hover,
body .before-dark-yellow:before {
  color: #c9b55d;
}

body .text-brown,
body .hover-text-brown:hover,
body .before-brown:before {
  color: #a26e6c;
}

body .text-dark-brown,
body .hover-text-dark-brown:hover,
body .before-dark-brown:before {
  color: #563a39;
}

body .text-violet,
body .hover-text-violet:hover,
body .before-violet:before {
  color: #8e56bc;
}

body .text-dark-violet,
body .hover-text-dark-violet:hover,
body .before-dark-violet:before {
  color: #2e1c3c;
}

/* Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
  margin: 1.414em 0 0.5em;
  font-family: 'Oxygen', sans-serif;
  line-height: 1.2;
  color: inherit;
  text-rendering: optimizeLegibility;
  font-weight: 500;
  color: #666666;
}

h1 {
  margin-top: 0;
  font-size: 5.063em;
}

h2 {font-size: 3.375em;}

h3 {font-size: 2.25em;}

h4 {font-size: 1.5em;}

h5 {font-size: 1em;}

h6 {font-size: 1em; color: #a9a9a9;}

p {
  margin: 0 0 1.3em;
}

.title-article {
  margin-top: 0;
}

/* Simple quote */

blockquote {
  margin: 0 0 23px;
  padding: 23px 23px 23px 46px;
  border-left: 3px solid;
  position: relative;
}

blockquote figure {
  padding: 3px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

blockquote p:last-child {
  margin-bottom: 0;
}

cite {
  display: block;
  padding: 11px 0;
}

cite:before {
  content: '\2014';
  margin-right: 8px;
  color: inherit;
}

/* Fancy quote */

.fancy-quote {
  position: relative;
  overflow: hidden;
  background: #fafafa;
  color: #9a9a9a;
  padding: 21px 44px 21px 88px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.fancy-quote > i {
  position: absolute;
  bottom: -20px;
  left: 12px;
  font-size: 55px;
  color: rgba(0,0,0,0.1);
  -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -o-transition:      all 0.4s ease;
  -ms-transition:     all 0.4s ease;
  transition:         all 0.4s ease;
}

.fancy-quote:hover i {
  -webkit-transform:  translate(0 , -10px);
  -moz-transform:     translate(0 , -10px);
  -o-transform:       translate(0 , -10px);
  -ms-transform:      translate(0 , -10px);
  transform:          translate(0 , -10px);  
}

.fancy-quote > p {
  margin: 0;
}

.fancy-quote cite i {
  margin-right: 11px;
  color: #cacaca;
}

.fancy-quote cite:before {
  content: '';
}

dl,
ol,
ul {
  margin-bottom: 23px;
}

dt {
  font-weight: 700;
}

dt,
dd {
  padding-bottom: 11px;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
}

b,
strong { 
  font-weight: 700;
  line-height: 21px;
}

abbr[title] {}

acronym {}

i,
cite,
em,
var,
address,
dfn {
  font-style: italic;
}

s,
strike,
del {
  text-decoration: line-through;
}

u {
  text-decoration: underline;
}

ins {
  background: #78A9D5;
  text-decoration: none;
  color: #FFF;
  padding: 0 3px;
}

address {
  margin-bottom: 23px;
}

tt,
code,
kbd,
samp {
  font-family: monospace, serif;
  font-size: 14px;
  line-height: 19px;
}

code {
  background: #eeeeee;
  padding: 0 4px;
  color: #dd1144;
  box-shadow: 0 0 0 1px #dadada;
}

pre {
  padding: 23px;
  background: #f8f8f8;
  display: block;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  margin: 0 0 23px;
  font-size: 14px;
  line-height: 23px;
}

.test {
  position: absolute;
  bottom: -280px;
  width: 1000px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.test  img {
  max-width: 100%;
}

/* Miscellaneous */

/* Fancy heading */

.fancy-heading {
  overflow: hidden;
  margin-bottom: 1.5em;
}

.fancy-heading > span {
  padding: 0;
  position: relative;
}

.fancy-heading > span:before,
.fancy-heading > span:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 3px solid rgba(0,0,0,0.05);
  border-bottom: 3px solid rgba(0,0,0,0.05);
  line-height: 4px;
  margin: auto;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition:    width 0.5s ease-out;
  -o-transition:      width 0.5s ease-out;
  -ms-transition:     width 0.5s ease-out;
  transition:         width 0.5s ease-out;
}

.fancy-heading > span:hover:before,
.fancy-heading > span:hover:after {
  width: 100px;
}

.fancy-heading span:before {
  left: -130px;
  text-align: right;
  letter-spacing: -10px;
}

.fancy-heading span:after {
  right: -130px;
  text-align: left;
  letter-spacing: -10px;
}

/* Horizontal roulers */

hr {
  color: #eeeeee;
  margin: 46px 0;
  border-top: 1px solid;
}

.medium-line {
  border-top-width: 6.5px;
}

.gross-line {
  border-top-width: 12px;
}

/* Iconic lists */

.iconic-list {
  margin-bottom: 23px;
}

.iconic-list li {
  line-height: 23px;
  padding: 11px 0;
  border-bottom: 1px;
}

.iconic-list li:before {
  padding-right: 12px;
}

.iconic-list ul {
 padding: 11px 0 11px 23px;
}

/* Form
   ========================================================================== */

form {
  margin-bottom: 23px;
}

form p {
  overflow: hidden;
}

label {
  padding: 0 11px;
  margin: 11px 0;
  display: block;
}

input,
textarea,
select {
  line-height: 23px;
  height: 44px;
  padding: 11px 16px;
  border: 1px solid rgba(0,0,0,0.1);
  width: 100%;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  color: inherit;
}

textarea {
  min-height: 176px;
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  width: auto;
  height: auto;
}

input:focus:not([type="range"]),
textarea:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.2);
}

input[type=checkbox]:focus {
  box-shadow: none;
}

input[type="range"] {
  padding-left: 0;
  padding-right: 0;
}

form [class*="button-"] {
  margin: 0;
  border: none;
  font-family: 'Oxygen', sans-serif;
}

button, input[type=submit] {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: 'Oxygen', sans-serif !important;
}

button:focus {
  outline: none;
}

.soft-input input,
.soft-input textarea,
.soft-input button {
  border-radius: 5px;
}

.iconic-input {
  position: relative;
}

form p > i + input,
form p > i + textarea,
.iconic-input input,
.iconic-input textarea {
  padding-left: 44px;
}

form p > i,
.iconic-input i {
  position: absolute;
  text-align: center;
}

form p > i {
  width: 1em;
  height: 1em;
  top: 15px;
  bottom: 15px;
  left: 26px;
  margin: auto;
  padding: 5.5px;
  box-sizing: content-box;
}

.iconic-input i {
  width: auto;
  height: auto;
  padding: 0;
  left: auto;
  top: 12px;
  bottom: 12px;
  line-height: 44px;
  min-width: 44px;
  border: 1px solid rgba(0,0,0,0.1);
}

form p > i.to-right {
  right: 21px;
  left: auto;
}

.iconic-input i.to-right {
  right: 15px;
  left: auto;
}

form p > i.to-right + input,
form p > i.to-right + textarea,
.iconic-input i.to-right + input,
.iconic-input i.to-right + textarea {
  padding-left: 23px;
  padding-right: 55px;
}

/* Fancy checkbox */

.check-fancy {
  display: inline-block;
  vertical-align: middle;
}

.check-fancy + span {
  display: inline-block;
  line-height: 33px;
  vertical-align: middle;
  padding: 0 5px;

} 

.check-fancy > input[type=checkbox] {
  display: none;
}

.check-fancy {
  width: 66px;
  height: 33px;
  padding: 0;
  margin: 6px 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
  box-shadow:         inset 0 0 3px rgba(0,0,0,0.4);
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  -o-user-select:       none;
  user-select:          none;
}

.check-fancy > span {
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1), inset 0 0 3px rgba(0,0,0,0.3);
  box-shadow:         0 0 2px 2px rgba(0,0,0,0.1), inset 0 0 3px rgba(0,0,0,0.3);
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  transition:         all 0.3s ease;
}

.check-fancy > b {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 33px;
  height: 33px;
  display: block;
  line-height: 33px;
  text-align: center;
  font-size: 0.75em;
}

.check-fancy > span + b {
  right: 0;
}

.check-fancy > input[type=checkbox]:checked + span {
  left: 50%;
}

/* Fancy radio buttons */

.radio-fancy > input[type=radio] {
  display: none;
}

.radio-fancy {
  cursor: pointer;
}

.radio-fancy > span {
  width: 22px;
  height: 22px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.3);
  box-shadow:         inset 0 0 3px 1px rgba(0,0,0,0.3);
}

.radio-fancy > span > i {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  overflow: hidden;
  text-align: center;
  line-height: 23px;
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
  box-shadow:         0 0 1px rgba(0,0,0,0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  transition:         all 0.2s ease;
}

.radio-fancy > input[type=radio]:checked + span > i {
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  -webkit-animation: bounce 1s ease;
  -moz-animation: bounce 1s ease;
  animation: bounce 1s ease;
}

/* Subscribe form */

.subscribe-wrapper {
  position: relative;
  border: 1px solid #ededed;
  border-top: 0;
  overflow: hidden;
}

.subscribe-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  height: 8px;
  left: -10px;
  right: 0;
  top: 0;
  background: url(../img/subscribe-pattern.png) 0 0 repeat-x;
  opacity: 0.5
}

.subscribe-form {
  padding: 42px 34px 34px;
  position: relative;
}

.subscribe-form h4 {
  margin-top: 0;
}

.subscribe-form p {
  margin-bottom: 0;
}


/* Tables
   ========================================================================== */

/* Basic table */

table {
  margin: 23px 0 46px;
  line-height: 23px;
  border-right: 1px solid #dedede;
  width: 100%;
}

tr {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

td, th {
  border-left: 1px solid #dedede;
  padding: 10px 16px;
}

.striped-col td:nth-child(even),
.striped-rows tr:nth-child(even) {
  background: #fafafa;
}

.border-free,
.border-free td,
.border-free th {
  border: none;
}

.border-free tr:first-child {
  border-top: none;
}

.border-free thead {
  border-bottom: 1px solid #dedede;
}

/* Pricing table */

.pricing-table {
  overflow: hidden;
  margin: 92px 0 69px;
}

.price {
  position: relative;
  margin-bottom: 46px;
}

.price > h3 {
  bottom: 0;
  top: auto;
  background: rgba(0,0,0,0.05);
  padding: 12px;
}

.price > p {
  width: 50%;
  display: block;
  bottom: auto;
  top: -50%;
  padding-top: 50%;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow:         0 1px 1px rgba(0,0,0,0.1);
}

.price > p:before {
  left: -90%;
}

.price > p:after {
  right: -90%;
}

.price > p > span {
  position: absolute;
  bottom: 15%;
  font-size: 24px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center
}

.price > p > span > sup {
  border-bottom: 1px solid;
}

.price > p > span > b {
  display: block;
}

.table-features {
  background: rgba(255,255,255,0.2);
  border-top: 1px solid rgba(255,255,255,0.2);
  padding: 23px;
  margin-bottom: 46px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow:         0 1px 2px rgba(0,0,0,0.3);
}

.table-features ul {
  display: table;
  margin: 0 auto;
}

.table-features ul > li {
  padding: 11px;
}

.table-features ul > li i {
  font-size: 12px;
  margin-right: 10px;
}

.best-choice {
  position: absolute;
  left: -30px;
  right: -30px;
  z-index: 10;
  top: -45px;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow:         0 0 3px 1px rgba(0, 0, 0, 0.1);
}

.best-choice .table-features {
  margin-bottom: 92px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.table-features + p {
  text-align: center;
}

.table-features + p a {
  font-weight: 700;
}

.table-features + p a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.table-features + p a i {
  margin-right: 8px;
}

/* Buttons
   ========================================================================== */

a {
  font-family: 'Oxygen', sans-serif;
  color: #89C4F4;
}

a:hover {
  text-decoration: underline;
  color: #409DC1;
}

a[class*="button-"] {
  display: inline-block;
  margin: 11px 0;
  font-weight: 300;
  color: #ffffff;
  border: none;
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  transition:         all 0.2s ease;
}

a[class*="button-"]:focus {
  text-decoration: none;
}

[class*="button-"]:hover {
  text-decoration: none;
  color: #ffffff;
}

[class*="button-"] > i {
  padding: 0 8px 0 0;
}

a[class*="text-"] > i {
  padding: 0 8px;
}

[class*="text-"]:hover {
  text-decoration: none;
}

/* Buttons size */
.button-sm  {
  padding: 5.5px 16px;
}

.button-md {
  padding: 10.5px 23px;
}

.button-lg {
  padding: 15.5px 33px;
}

[class*="vc_btn"] {
  font-family: 'Oxygen', sans-serif; 
}

/* Label */

.label-shape {
  color: #ffffff;
  font-size: 110px;
}

.label-shape:hover {
   color: #ffffff;
   opacity: 0.9;
   filter: alpha(opacity=90)
}

/* Shapes */

[class*="shape-"]:not([class*="-shape"]) {
  position: relative;
  display: block;
}

[class*="shape-"]:not([class*="-shape"]):before {
  content: '';
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility:         hidden;
}

[class*="shape-"]:not([class*="-shape"]) > * {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto !important;
}

[class*="shape-"]:not([class*="-shape"]) > i {
  width: 1em;
  height: 1em;
}

.shape-round {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.shape-elipse {
   border-radius: 50%/20%;
}

.shape-square-200 {
  padding-top: 200%;
}

.shape-square-50 {
  padding-top: 50%;
}

.shape-square-20 {
  padding-top: 20%;
}

.shape-square-40 {
  padding-top: 40%;
}

.shape-square-60 {
  padding-top: 60%;
}

.shape-square-80 {
  padding-top: 80%;
}

/* Breadcrumbs */

.breadcrumb-items {
  font-family: 'Oxygen', sans-serif; 
  margin: 0;
}

.breadcrumb-items > li {
  display: inline-block;
  padding-right: 23px;
  position: relative;
  line-height: 28px;
}

.breadcrumb-items > li a {
  color: #ffffff;
}

.breadcrumb-items > li:after {
  content: "/";
  position: absolute;
  right: 6px;
  top: 3px;
  font-family: 'icomoon';
  font-size: 11px;
  color: rgba(255,255,255, 0.3);
}

.breadcrumb-items > li:last-child {
  padding-right: 0;
}

.breadcrumb-items > li:last-child:after {
  content: '';
}

.breadcrumb-items > li > span {
  color: rgba(0,0,0,0.2);
}

/* Social links */

.social-links > li {
  display: inline-block;
  min-width: 33px;
  margin: 0 5.5px;
}

.social-links > li a {
  display: block;
}

.social-links > li a i {
  margin: auto;
  padding: 0;
}

/* Animations & hover effects
   ========================================================================== */

/* Hover effects */

.transition-short {
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  transition:         all 0.3s ease;
}

.opaque,
.hover-opaque:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.opacity-80,
.hover-opacity-80:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.opacity-50,
.hover-opacity-50:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.opacity-30,
.hover-opacity-30:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

[class*="scale-"] {
  position: relative;
  z-index: 1;
}

.scale-100,
.hover-scale-100:hover {
  -webkit-transform:  scale(1);
  -moz-transform:     scale(1);
  -o-transform:       scale(1);
  -ms-transform:      scale(1);
  transform:          scale(1);
}

.scale-50,
.hover-scale-50:hover {
  -webkit-transform:  scale(0.5);
  -moz-transform:     scale(0.5);
  -o-transform:       scale(0.5);
  -ms-transform:      scale(0.5);
  transform:          scale(0.5);
}

.scale-90,
.hover-scale-90:hover {
  -webkit-transform:  scale(0.9);
  -moz-transform:     scale(0.9);
  -o-transform:       scale(0.9);
  -ms-transform:      scale(0.9);
  transform:          scale(0.9);
}

.scale-110,
.hover-scale-110:hover {
  -webkit-transform:  scale(1.1);
  -moz-transform:     scale(1.1);
  -o-transform:       scale(1.1);
  -ms-transform:      scale(1.1);
  transform:          scale(1.1);
}

.scale-150,
.hover-scale-150:hover {
  -webkit-transform:  scale(1.5);
  -moz-transform:     scale(1.5);
  -o-transform:       scale(1.5);
  -ms-transform:      scale(1.5);
  transform:          scale(1.5);
}

.scale-200,
.hover-scale-200:hover {
  -webkit-transform:  scale(2);
  -moz-transform:     scale(2);
  -o-transform:       scale(2);
  -ms-transform:      scale(2);
  transform:          scale(2);
}

.rotate-0,
.hover-rotate-0:hover {
  -webkit-transform:  rotate(0);
  -moz-transform:     rotate(0);
  -o-transform:       rotate(0);
  -ms-transform:      rotate(0);
  transform:          rotate(0);
}

.rotate-45,
.hover-rotate-45:hover {
  -webkit-transform:  rotate(45deg);
  -moz-transform:     rotate(45deg);
  -o-transform:       rotate(45deg);
  -ms-transform:      rotate(45deg);
  transform:          rotate(45deg);
}

.rotate-90,
.hover-rotate-90:hover {
  -webkit-transform:  rotate(90deg);
  -moz-transform:     rotate(90deg);
  -o-transform:       rotate(90deg);
  -ms-transform:      rotate(90deg);
  transform:          rotate(90deg);
}

.rotate-360,
.hover-rotate-360:hover {
  -webkit-transform:  rotate(360deg);
  -moz-transform:     rotate(360deg);
  -o-transform:       rotate(360deg);
  -ms-transform:      rotate(360deg);
  transform:          rotate(360deg);
}

.move-top,
.hover-move-top:hover {
  -webkit-transform:  translate(0, -10px);
  -moz-transform:     translate(0, -10px);
  -o-transform:       translate(0, -10px);
  -ms-transform:      translate(0, -10px);
  transform:          translate(0, -10px);
}

.move-left,
.hover-move-left:hover {
  -webkit-transform:  translate(-10px, 0);
  -moz-transform:     translate(-10px, 0);
  -o-transform:       translate(-10px, 0);
  -ms-transform:      translate(-10px, 0);
  transform:          translate(-10px, 0);
}

.move-bottom,
.hover-move-bottom:hover {
  -webkit-transform:  translate(0, 10px);
  -moz-transform:     translate(0, 10px);
  -o-transform:       translate(0, 10px);
  -ms-transform:      translate(0, 10px);
  transform:          translate(0, 10px);
}

.move-right,
.hover-move-right:hover {
  -webkit-transform:  translate(10px, 0);
  -moz-transform:     translate(10px, 0);
  -o-transform:       translate(10px, 0);
  -ms-transform:      translate(10px, 0);
  transform:          translate(10px, 0);
}



/* Animation */

/* Bounce animation */

@keyframes "bounce" {
 0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
 }
 25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
 }
 50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
 }
 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
 }

}

@-moz-keyframes bounce {
 0% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
 25% {
   -moz-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -moz-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }

}

@-webkit-keyframes "bounce" {
 0% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 25% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}

@-ms-keyframes "bounce" {
 0% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
 25% {
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -ms-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }

}

@-o-keyframes "bounce" {
 0% {
   -o-transform: scale(1);
   transform: scale(1);
 }
 25% {
   -o-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -o-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -o-transform: scale(1);
   transform: scale(1);
 }

}

/* Components
   ========================================================================== */


/* Header
   ========================================================================== */

/* Header box */

.main-header {
  position: relative;
  z-index: 999;
}

/* Sticky feature */

.sticky-bar {
  width: 100%;
  z-index: 1000;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  left: 0;
}

.is-sticky {
  z-index: 9999999;
}

.is-sticky .sticky-bar {
  -webkit-box-shadow: 0 0 7px -2px rgba(0,0,0,0.3);
  box-shadow: 0 0 7px -2px rgba(0,0,0,0.3);
}

.is-sticky section.sticky-bar {
  padding: 11px 0 !important;
  z-index: 999999999;
}

.sticky-wrapper {
  position: relative;
  z-index: 9999999;
}

.nav-bar {
  padding: 22px 0;
  background-color: #ffffff;
}

.is-sticky .nav-bar {
   padding: 11px 0;
}

.header-bar {
  position: relative;
  background: rgba(0,0,0,0.3);
}

.intro-content {
  padding-top: 220px;
}

.intro-content h1 {
  font-weight: 300;
}

.intro-button {
  border: 2px solid;
}

/* Main logo */

.identity {
  margin-bottom: 0;
  padding-top: 8px;
}

.identity a {
  display: inline-block;
  vertical-align: middle;
}

/* Main navigation */

.main-nav > ul {
  margin-bottom: 0;
}

.main-nav > ul li {
  position: relative;  
}

.main-nav > ul > li {
  float: left;
  text-transform: uppercase;
}

.main-nav > ul > li a {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition:    background 0.3s ease-in-out;
  -o-transition:      background 0.3s ease-in-out;
  -ms-transition:     background 0.3s ease-in-out;
  transition:         background 0.3s ease-in-out;
  text-decoration: none;
}

.main-nav > ul > li > a {
  display: inline-block;
  color: #2574A9;
  padding: 7px 16px;
  border-bottom: 0px solid transparent;
  margin-top: 4px;
}

.main-nav > ul > li > a:hover,
.main-nav > ul > li:hover > a,
.main-nav > ul > li ul a:hover,
.main-nav > ul > li.current_page_item > a,
.main-nav > ul > li.current_page_parent > a {
  color: #ffffff;
  background: #89C4F4;
  border-bottom-color: #f487af;
}

.main-nav > ul > li.current_page_item > a,
.main-nav > ul > li.current_page_parent > a {
  opacity: 0.5;
}

.main-nav > ul > li.current_page_item > a:hover,
.main-nav > ul > li.current_page_parent > a:hover {
  opacity: 1;
}

.main-nav > ul > li a:hover + ul,
.main-nav > ul > li a + ul:hover {
  display: block;
}

.main-nav > ul > li ul {
  position: absolute;
  background: #ffffff;
  display: none;
  z-index: 100;
  margin-top: -2px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  border-top: 1px solid #f8f8f8;
}

.main-nav > ul > li li {
  width: 220px; 
}

.main-nav > ul > li ul a {
  padding: 11px;
  display: block;
  color: #2574A9;
  text-transform: capitalize;
}

.main-nav > ul > li > ul ul {
  top: 0;
  left: 100%;
}

/* Mega Menu */

.mega-menu > ul {
  position: relative;
}

.mega-menu > ul > li {
  position: static;
}

.mega-menu > ul > li ul {
  background: #eeeeee;
  padding: 10px;
  left: 0;
  right: 0;
}

.mega-menu > ul > li > ul > li {
  float: left;
}

.mega-menu > ul > li ul ul {
  display: block;
  position: static;
  padding: 0;
  padding-left: 3px;
  border-left: 1px solid white;
}

.mega-menu > ul >  li .menu-item-has-children > a {
  background: white;
}

/* Wordpress Helper class */

.main-nav > ul > li .menu-item-has-children > a:after {
  content: "\e7f4";
  font-family: 'icomoon';
  position: absolute;
  right: 12px;
  color: #eeeeee;
  font-weight: 200;
}

.main-nav > ul > li .menu-item-has-children > a:hover:after {
  color: #2574A9;
}

.main-nav > ul > .current-menu-item > a,
.main-nav > ul:hover .current-menu-item:hover > a {
  background: #89C4F4;
  color: #ffffff;
  border-bottom-color: #f487af;
}

.main-nav > ul .current-menu-item > a {
  background: none;
  color: #2574A9;
}

/* Footer
   ========================================================================== */

.main-footer {
  position: relative;
  z-index: 1;
  background: #22313F;
}

.small-footer {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  background: #ffffff;
  padding: 23px 0;
}

/* Boxes
   ========================================================================== */

/* Preloading Animation */

#main-wrapper {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  transition:         all 0.3s ease;
}

#main-wrapper.show-content, .no-js #main-wrapper {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible; 
}

#qLoverlay {
  position: relative;
}

/*Box models*/

body > div > section > div.row {
  padding: 0 !important;
  margin: 0 !important;
}

body > div > section > div.row > .column_container {
  padding: 0;
}

.box {
  padding: 92px 0;
  position: relative;
}

.box-spaces {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.box.vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wpb_content_element {
  margin-bottom: 0 !important;
}

.full-height {
    height: 100vh;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.wpb_wrapper > h1,
.wpb_wrapper > h2,
.wpb_wrapper > h3 {
  margin-top: 0;
}

.our-clients-title {
  margin-top: 0;
}

.box > h1 {
  margin-bottom: 88px;
}

.paralax-section > div:not(.vc_parallax-inner) {
    z-index: 1;
    position: relative;
}

.paralax-section .vc_parallax-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
}

.components-box {
  background: #ffffff;
}

.breadcrumbs-box {
  padding: 23px 0;
  background: #89C4F4;
}

.breadcrumbs-box h4 {
  margin: 0;
  color: #ffffff;
  text-transform: uppercase;
}

.works-box {
  overflow: hidden;
}

.portfolio-filter-box {
  padding: 69px 0 0px;
}

.video-action-box {
  background: rgba(0,0,0,0.5);
}

.tubular-container {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  opacity: 0.5;
  z-index: 0 !important;
}

.tubular-player,
.tubular-container {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


/* Sidebar
   ========================================================================== */

.main-sidebar {
  padding-right: 46px;
}

.col-md-8 + div .main-sidebar, .col-md-3 + .col-md-6 + div .main-sidebar {
  padding-right: 0;
  padding-left: 46px;
}

.main-sidebar ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.main-sidebar ul ul {
  margin-top: 6px;
  border-top: 1px solid #F8F8F8
}

.main-sidebar ul ul li a {
  margin-left: 22px;
}

.main-sidebar ul ul ul li a {
  margin-left: 44px;
}

.main-sidebar ul ul ul ul li a {
  margin-left: 66px;
}

.main-sidebar ul ul li:last-child {
  border: none;
  padding-bottom: 0;
}

/* Menu Sidebar */
.menu-sidebar {
  background: #fefefe;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.widget-item .menu-sidebar > li {
  padding: 11px 23px;
  -webkit-box-shadow: 0 1px 0 #eeeeee;
  box-shadow:         0 1px 0 #eeeeee;
}

.menu-sidebar > li:hover i {
  color: #bababa;
  display: inline-block;
  -webkit-animation:  bounce 0.8s ease;
  -moz-animation:     bounce 0.8s ease;
  -ms-animation:      bounce 0.8s ease;
  -o-animation:       bounce 0.8s ease;
  animation:          bounce 0.8s ease;
}

.menu-sidebar > li > i {
  font-size: 30px;
  margin-right: 12px;
  color: #dddddd;
}

.menu-sidebar > li > a {
  text-decoration: none;
}

.menu-sidebar .active {
  background: rgba(41,58,73, 0.01);
}

.menu-sidebar .active i,
 .menu-sidebar .active a {
  color: #bababa;
}

.footer-sidebar > div p {
  font-size: 0.9em;
}

.footer-sidebar > div > h4 {
  color: #9a9a9a;
  margin: 0 0 1.5em;
  text-transform: uppercase;
}

.footer-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-sidebar ul ul {
  margin-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-sidebar ul ul li a {
  margin-left: 22px;
}

.footer-sidebar ul ul ul li a {
  margin-left: 44px;
}

.footer-sidebar ul ul ul ul li a {
  margin-left: 66px;
}

.footer-sidebar ul ul li:last-child {
  border: none;
  padding-bottom: 0;
}

.footer-sidebar > .widget_archive > ul > li,
.footer-sidebar ul > li {
  padding: 11.5px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  font-size: 0.8em;
  position: relative;
  line-height: 1.3em;
}

.footer-sidebar > .widget_archive > ul > li:after {
  content: '\e7d8';
  font-family: "icomoon";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  right: 10px;
}

.footer-sidebar > .widget_archive > ul > li a,
.footer-sidebar ul > li a{
  color: #adadad;
}

.footer-sidebar ul > li span {
  display: block
}

.footer-sidebar .tagcloud {
  margin-bottom: 0 !important; 
}

.footer-sidebar .search-field,
.footer-sidebar .tagcloud > a,
.footer-sidebar #wp-calendar,
.footer-sidebar #wp-calendar caption {
  background: rgba(0,0,0,0.05);
}

.footer-sidebar .tagcloud > a {
  border-radius: 5.5px;
  box-shadow: 0 6px 8px -7px rgba(0,0,0, 0.4);
  color: #8a8a8a;
}

.footer-sidebar .tagcloud > a:hover {
  background-color: rgba(0,0,0,0.2);
}

.footer-sidebar #wp-calendar caption,
.footer-sidebar #wp-calendar thead,
.footer-sidebar #wp-calendar tbody {
   border-color: rgba(255, 255, 255, 0.1);
}

.footer-sidebar select {
  margin-bottom: 22px;
  background: rgba(255, 255, 255, 0.1);
  color: #ADADAD;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-sidebar .tt_twitter a {
  color: #2574A9 !important;
}

.copyright {
  margin: 0;
  font-size: 0.9em;
  line-height: 33px;
}

.copyright a {
  padding: 0 3px;
}

.copyright a:hover {
  text-decoration: underline;
}

.small-footer .social-links {
  margin-bottom: 0;
}

.small-footer .social-links a {
  background: rgba(34, 49, 63, 0.5);
  border-radius: 5px;
  color: #ffffff;
  padding: 5.5px 10px;
}

.small-footer .social-links > li a {
  margin-top: 0;
  margin-bottom: 0;
}

.small-footer .social-links > li:first-child {
  margin-left: 0;
}

.small-footer .social-links > li:last-child {
  margin-right: 0;
}

.small-footer .social-links a:hover {
  background: rgba(34, 49, 63, 0.8);
}

/* Flicker widget */

.flickr-widget {
  margin: 0;
  box-shadow: 0 10px 20px -10px rgba(0,0,0,0.5);
}

.flickr-widget > li {
  overflow: hidden;
  padding: 0 !important;
  border: 0 !important;
  position: relative;
}

.flickr-widget > li:after {
  content: '';
  display: block;
  padding-top: 100%;
}

.flickr-widget > li a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0, 0.3);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.flickr-widget > li a:hover:after {
  background: rgba(0,0,0, 0.05);
}

.flickr-widget > li img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/* Twitter widget */

.twitter-widget {
  font-size: 23px;
}

.twitter-widget a {
  color: #ffffff;
  padding: 0 4px;
}

.twitter-widget span {
  color: #f487af;
  padding: 0 4px;
}

/* Icons
   ========================================================================== */

[class*="icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-1:before { content: "\e600"; }
.icon-2:before { content: "\e601"; }
.icon-3:before { content: "\e602"; }
.icon-4:before { content: "\e603"; }
.icon-5:before { content: "\e604"; }
.icon-6:before { content: "\e605"; }
.icon-7:before { content: "\e606"; }
.icon-8:before { content: "\e607"; }
.icon-9:before { content: "\e608"; }
.icon-10:before { content: "\e609"; }
.icon-11:before { content: "\e60a"; }
.icon-12:before { content: "\e60b"; }
.icon-13:before { content: "\e60c"; }
.icon-14:before { content: "\e60d"; }
.icon-15:before { content: "\e60e"; }
.icon-16:before { content: "\e60f"; }
.icon-17:before { content: "\e610"; }
.icon-18:before { content: "\e611"; }
.icon-19:before { content: "\e612"; }
.icon-20:before { content: "\e613"; }
.icon-21:before { content: "\e614"; }
.icon-22:before { content: "\e615"; }
.icon-23:before { content: "\e616"; }
.icon-24:before { content: "\e617"; }
.icon-25:before { content: "\e618"; }
.icon-26:before { content: "\e619"; }
.icon-27:before { content: "\e61a"; }
.icon-28:before { content: "\e61b"; }
.icon-29:before { content: "\e61c"; }
.icon-30:before { content: "\e61d"; }
.icon-31:before { content: "\e61e"; }
.icon-32:before { content: "\e61f"; }
.icon-33:before { content: "\e620"; }
.icon-34:before { content: "\e621"; }
.icon-35:before { content: "\e622"; }
.icon-36:before { content: "\e623"; }
.icon-37:before { content: "\e624"; }
.icon-38:before { content: "\e625"; }
.icon-39:before { content: "\e626"; }
.icon-40:before { content: "\e627"; }
.icon-41:before { content: "\e628"; }
.icon-42:before { content: "\e629"; }
.icon-43:before { content: "\e62a"; }
.icon-44:before { content: "\e62b"; }
.icon-45:before { content: "\e62c"; }
.icon-46:before { content: "\e62d"; }
.icon-47:before { content: "\e62e"; }
.icon-48:before { content: "\e62f"; }
.icon-49:before { content: "\e630"; }
.icon-50:before { content: "\e631"; }
.icon-51:before { content: "\e632"; }
.icon-52:before { content: "\e633"; }
.icon-53:before { content: "\e634"; }
.icon-54:before { content: "\e635"; }
.icon-55:before { content: "\e636"; }
.icon-56:before { content: "\e637"; }
.icon-57:before { content: "\e638"; }
.icon-58:before { content: "\e639"; }
.icon-59:before { content: "\e63a"; }
.icon-60:before { content: "\e63b"; }
.icon-61:before { content: "\e63c"; }
.icon-62:before { content: "\e63d"; }
.icon-63:before { content: "\e63e"; }
.icon-64:before { content: "\e63f"; }
.icon-65:before { content: "\e640"; }
.icon-66:before { content: "\e641"; }
.icon-67:before { content: "\e642"; }
.icon-68:before { content: "\e643"; }
.icon-69:before { content: "\e644"; }
.icon-70:before { content: "\e645"; }
.icon-71:before { content: "\e646"; }
.icon-72:before { content: "\e647"; }
.icon-73:before { content: "\e648"; }
.icon-74:before { content: "\e649"; }
.icon-75:before { content: "\e64a"; }
.icon-76:before { content: "\e64b"; }
.icon-77:before { content: "\e64c"; }
.icon-78:before { content: "\e64d"; }
.icon-79:before { content: "\e64e"; }
.icon-80:before { content: "\e64f"; }
.icon-81:before { content: "\e650"; }
.icon-82:before { content: "\e651"; }
.icon-83:before { content: "\e652"; }
.icon-84:before { content: "\e653"; }
.icon-85:before { content: "\e654"; }
.icon-86:before { content: "\e655"; }
.icon-87:before { content: "\e656"; }
.icon-88:before { content: "\e657"; }
.icon-89:before { content: "\e658"; }
.icon-90:before { content: "\e659"; }
.icon-91:before { content: "\e65a"; }
.icon-92:before { content: "\e65b"; }
.icon-93:before { content: "\e65c"; }
.icon-94:before { content: "\e65d"; }
.icon-95:before { content: "\e65e"; }
.icon-96:before { content: "\e65f"; }
.icon-97:before { content: "\e660"; }
.icon-98:before { content: "\e661"; }
.icon-99:before { content: "\e662"; }
.icon-100:before { content: "\e663"; }
.icon-101:before { content: "\e664"; }
.icon-102:before { content: "\e665"; }
.icon-103:before { content: "\e666"; }
.icon-104:before { content: "\e667"; }
.icon-105:before { content: "\e668"; }
.icon-106:before { content: "\e669"; }
.icon-107:before { content: "\e66a"; }
.icon-108:before { content: "\e66b"; }
.icon-109:before { content: "\e66c"; }
.icon-110:before { content: "\e66d"; }
.icon-111:before { content: "\e66e"; }
.icon-112:before { content: "\e66f"; }
.icon-113:before { content: "\e670"; }
.icon-114:before { content: "\e671"; }
.icon-115:before { content: "\e672"; }
.icon-116:before { content: "\e673"; }
.icon-117:before { content: "\e674"; }
.icon-118:before { content: "\e675"; }
.icon-119:before { content: "\e676"; }
.icon-120:before { content: "\e677"; }
.icon-121:before { content: "\e678"; }
.icon-122:before { content: "\e679"; }
.icon-123:before { content: "\e67a"; }
.icon-124:before { content: "\e67b"; }
.icon-125:before { content: "\e67c"; }
.icon-126:before { content: "\e67d"; }
.icon-127:before { content: "\e67e"; }
.icon-128:before { content: "\e67f"; }
.icon-129:before { content: "\e680"; }
.icon-130:before { content: "\e681"; }
.icon-131:before { content: "\e682"; }
.icon-132:before { content: "\e683"; }
.icon-133:before { content: "\e684"; }
.icon-134:before { content: "\e685"; }
.icon-135:before { content: "\e686"; }
.icon-136:before { content: "\e687"; }
.icon-137:before { content: "\e688"; }
.icon-138:before { content: "\e689"; }
.icon-139:before { content: "\e68a"; }
.icon-140:before { content: "\e68b"; }
.icon-141:before { content: "\e68c"; }
.icon-142:before { content: "\e68d"; }
.icon-143:before { content: "\e68e"; }
.icon-144:before { content: "\e68f"; }
.icon-145:before { content: "\e690"; }
.icon-146:before { content: "\e691"; }
.icon-147:before { content: "\e692"; }
.icon-148:before { content: "\e693"; }
.icon-149:before { content: "\e694"; }
.icon-150:before { content: "\e695"; }
.icon-151:before { content: "\e696"; }
.icon-152:before { content: "\e697"; }
.icon-153:before { content: "\e698"; }
.icon-154:before { content: "\e699"; }
.icon-155:before { content: "\e69a"; }
.icon-156:before { content: "\e69b"; }
.icon-157:before { content: "\e69c"; }
.icon-158:before { content: "\e69d"; }
.icon-159:before { content: "\e69e"; }
.icon-160:before { content: "\e69f"; }
.icon-161:before { content: "\e6a0"; }
.icon-162:before { content: "\e6a1"; }
.icon-163:before { content: "\e6a2"; }
.icon-164:before { content: "\e6a3"; }
.icon-165:before { content: "\e6a4"; }
.icon-166:before { content: "\e6a5"; }
.icon-167:before { content: "\e6a6"; }
.icon-168:before { content: "\e6a7"; }
.icon-169:before { content: "\e6a8"; }
.icon-170:before { content: "\e6a9"; }
.icon-171:before { content: "\e6aa"; }
.icon-172:before { content: "\e6ab"; }
.icon-173:before { content: "\e6ac"; }
.icon-174:before { content: "\e6ad"; }
.icon-175:before { content: "\e6ae"; }
.icon-176:before { content: "\e6af"; }
.icon-177:before { content: "\e6b0"; }
.icon-178:before { content: "\e6b1"; }
.icon-179:before { content: "\e6b2"; }
.icon-180:before { content: "\e6b3"; }
.icon-181:before { content: "\e6b4"; }
.icon-182:before { content: "\e6b5"; }
.icon-183:before { content: "\e6b6"; }
.icon-184:before { content: "\e6b7"; }
.icon-185:before { content: "\e6b8"; }
.icon-186:before { content: "\e6b9"; }
.icon-187:before { content: "\e6ba"; }
.icon-188:before { content: "\e6bb"; }
.icon-189:before { content: "\e6bc"; }
.icon-190:before { content: "\e6bd"; }
.icon-191:before { content: "\e6be"; }
.icon-192:before { content: "\e6bf"; }
.icon-193:before { content: "\e6c0"; }
.icon-194:before { content: "\e6c1"; }
.icon-195:before { content: "\e6c2"; }
.icon-196:before { content: "\e6c3"; }
.icon-197:before { content: "\e6c4"; }
.icon-198:before { content: "\e6c5"; }
.icon-199:before { content: "\e6c6"; }
.icon-200:before { content: "\e6c7"; }
.icon-201:before { content: "\e6c8"; }
.icon-202:before { content: "\e6c9"; }
.icon-203:before { content: "\e6ca"; }
.icon-204:before { content: "\e6cb"; }
.icon-205:before { content: "\e6cc"; }
.icon-206:before { content: "\e6cd"; }
.icon-207:before { content: "\e6ce"; }
.icon-208:before { content: "\e6cf"; }
.icon-209:before { content: "\e6d0"; }
.icon-210:before { content: "\e6d1"; }
.icon-211:before { content: "\e6d2"; }
.icon-212:before { content: "\e6d3"; }
.icon-213:before { content: "\e6d4"; }
.icon-214:before { content: "\e6d5"; }
.icon-215:before { content: "\e6e1"; }
.icon-216:before { content: "\e6d6"; }
.icon-217:before { content: "\e6d7"; }
.icon-218:before { content: "\e6d8"; }
.icon-219:before { content: "\e6d9"; }
.icon-220:before { content: "\e6da"; }
.icon-221:before { content: "\e6db"; }
.icon-222:before { content: "\e6dc"; }
.icon-223:before { content: "\e6dd"; }
.icon-224:before { content: "\e6de"; }
.icon-225:before { content: "\e6df"; }
.icon-226:before { content: "\e6e0"; }
.icon-227:before { content: "\e6e2"; }
.icon-228:before { content: "\e6e3"; }
.icon-229:before { content: "\e6e4"; }
.icon-230:before { content: "\e6e5"; }
.icon-231:before { content: "\e6e6"; }
.icon-232:before { content: "\e6e7"; }
.icon-233:before { content: "\e6e8"; }
.icon-234:before { content: "\e6e9"; }
.icon-235:before { content: "\e6ea"; }
.icon-236:before { content: "\e6eb"; }
.icon-237:before { content: "\e6ec"; }
.icon-238:before { content: "\e6ed"; }
.icon-239:before { content: "\e6ee"; }
.icon-240:before { content: "\e6ef"; }
.icon-241:before { content: "\e6f0"; }
.icon-242:before { content: "\e6f1"; }
.icon-243:before { content: "\e6f2"; }
.icon-244:before { content: "\e6f3"; }
.icon-245:before { content: "\e6f4"; }
.icon-246:before { content: "\e6f5"; }
.icon-247:before { content: "\e6f6"; }
.icon-248:before { content: "\e6f7"; }
.icon-249:before { content: "\e6f8"; }
.icon-250:before { content: "\e6f9"; }
.icon-251:before { content: "\e6fa"; }
.icon-252:before { content: "\e6fb"; }
.icon-253:before { content: "\e6fc"; }
.icon-254:before { content: "\e6fd"; }
.icon-255:before { content: "\e6fe"; }
.icon-256:before { content: "\e6ff"; }
.icon-257:before { content: "\e700"; }
.icon-258:before { content: "\e701"; }
.icon-259:before { content: "\e702"; }
.icon-260:before { content: "\e703"; }
.icon-261:before { content: "\e704"; }
.icon-262:before { content: "\e705"; }
.icon-263:before { content: "\e706"; }
.icon-264:before { content: "\e707"; }
.icon-265:before { content: "\e708"; }
.icon-266:before { content: "\e709"; }
.icon-267:before { content: "\e70a"; }
.icon-268:before { content: "\e70b"; }
.icon-269:before { content: "\e70c"; }
.icon-270:before { content: "\e70d"; }
.icon-271:before { content: "\e70e"; }
.icon-272:before { content: "\e70f"; }
.icon-273:before { content: "\e710"; }
.icon-274:before { content: "\e711"; }
.icon-275:before { content: "\e712"; }
.icon-276:before { content: "\e713"; }
.icon-277:before { content: "\e714"; }
.icon-278:before { content: "\e715"; }
.icon-279:before { content: "\e716"; }
.icon-280:before { content: "\e717"; }
.icon-281:before { content: "\e718"; }
.icon-282:before { content: "\e719"; }
.icon-283:before { content: "\e71a"; }
.icon-284:before { content: "\e71b"; }
.icon-285:before { content: "\e71c"; }
.icon-286:before { content: "\e71d"; }
.icon-287:before { content: "\e71e"; }
.icon-288:before { content: "\e71f"; }
.icon-289:before { content: "\e720"; }
.icon-290:before { content: "\e721"; }
.icon-291:before { content: "\e722"; }
.icon-292:before { content: "\e723"; }
.icon-293:before { content: "\e724"; }
.icon-294:before { content: "\e725"; }
.icon-295:before { content: "\e726"; }
.icon-296:before { content: "\e727"; }
.icon-297:before { content: "\e728"; }
.icon-298:before { content: "\e729"; }
.icon-299:before { content: "\e72a"; }
.icon-300:before { content: "\e72b"; }
.icon-301:before { content: "\e72c"; }
.icon-302:before { content: "\e72d"; }
.icon-303:before { content: "\e72e"; }
.icon-304:before { content: "\e72f"; }
.icon-305:before { content: "\e730"; }
.icon-306:before { content: "\e731"; }
.icon-307:before { content: "\e732"; }
.icon-308:before { content: "\e733"; }
.icon-309:before { content: "\e734"; }
.icon-310:before { content: "\e735"; }
.icon-311:before { content: "\e736"; }
.icon-312:before { content: "\e737"; }
.icon-313:before { content: "\e738"; }
.icon-314:before { content: "\e739"; }
.icon-315:before { content: "\e73a"; }
.icon-316:before { content: "\e73b"; }
.icon-317:before { content: "\e73c"; }
.icon-318:before { content: "\e73d"; }
.icon-319:before { content: "\e73e"; }
.icon-320:before { content: "\e73f"; }
.icon-321:before { content: "\e740"; }
.icon-322:before { content: "\e741"; }
.icon-323:before { content: "\e742"; }
.icon-324:before { content: "\e743"; }
.icon-325:before { content: "\e744"; }
.icon-326:before { content: "\e745"; }
.icon-327:before { content: "\e746"; }
.icon-328:before { content: "\e747"; }
.icon-329:before { content: "\e748"; }
.icon-330:before { content: "\e749"; }
.icon-331:before { content: "\e74a"; }
.icon-332:before { content: "\e74b"; }
.icon-333:before { content: "\e74c"; }
.icon-334:before { content: "\e74d"; }
.icon-335:before { content: "\e74e"; }
.icon-336:before { content: "\e74f"; }
.icon-337:before { content: "\e750"; }
.icon-338:before { content: "\e751"; }
.icon-339:before { content: "\e752"; }
.icon-340:before { content: "\e753"; }
.icon-341:before { content: "\e754"; }
.icon-342:before { content: "\e755"; }
.icon-343:before { content: "\e756"; }
.icon-344:before { content: "\e757"; }
.icon-345:before { content: "\e758"; }
.icon-346:before { content: "\e759"; }
.icon-347:before { content: "\e75a"; }
.icon-348:before { content: "\e75b"; }
.icon-349:before { content: "\e75c"; }
.icon-350:before { content: "\e75d"; }
.icon-351:before { content: "\e75e"; }
.icon-352:before { content: "\e75f"; }
.icon-353:before { content: "\e760"; }
.icon-354:before { content: "\e761"; }
.icon-355:before { content: "\e762"; }
.icon-356:before { content: "\e763"; }
.icon-357:before { content: "\e764"; }
.icon-358:before { content: "\e765"; }
.icon-359:before { content: "\e766"; }
.icon-360:before { content: "\e767"; }
.icon-361:before { content: "\e768"; }
.icon-362:before { content: "\e769"; }
.icon-363:before { content: "\e76a"; }
.icon-364:before { content: "\e76b"; }
.icon-365:before { content: "\e76c"; }
.icon-366:before { content: "\e76d"; }
.icon-367:before { content: "\e76e"; }
.icon-368:before { content: "\e76f"; }
.icon-369:before { content: "\e770"; }
.icon-370:before { content: "\e771"; }
.icon-371:before { content: "\e772"; }
.icon-372:before { content: "\e773"; }
.icon-373:before { content: "\e774"; }
.icon-374:before { content: "\e775"; }
.icon-375:before { content: "\e776"; }
.icon-376:before { content: "\e777"; }
.icon-377:before { content: "\e778"; }
.icon-378:before { content: "\e779"; }
.icon-379:before { content: "\e77a"; }
.icon-380:before { content: "\e77b"; }
.icon-381:before { content: "\e77c"; }
.icon-382:before { content: "\e77d"; }
.icon-383:before { content: "\e77e"; }
.icon-384:before { content: "\e77f"; }
.icon-385:before { content: "\e780"; }
.icon-386:before { content: "\e781"; }
.icon-387:before { content: "\e782"; }
.icon-388:before { content: "\e783"; }
.icon-389:before { content: "\e784"; }
.icon-390:before { content: "\e785"; }
.icon-391:before { content: "\e786"; }
.icon-392:before { content: "\e787"; }
.icon-393:before { content: "\e788"; }
.icon-394:before { content: "\e789"; }
.icon-395:before { content: "\e78a"; }
.icon-396:before { content: "\e78b"; }
.icon-397:before { content: "\e78c"; }
.icon-398:before { content: "\e78d"; }
.icon-399:before { content: "\e78e"; }
.icon-400:before { content: "\e78f"; }
.icon-401:before { content: "\e790"; }
.icon-402:before { content: "\e791"; }
.icon-403:before { content: "\e792"; }
.icon-404:before { content: "\e793"; }
.icon-405:before { content: "\e794"; }
.icon-406:before { content: "\e795"; }
.icon-407:before { content: "\e796"; }
.icon-408:before { content: "\e797"; }
.icon-409:before { content: "\e798"; }
.icon-410:before { content: "\e799"; }
.icon-411:before { content: "\e79a"; }
.icon-412:before { content: "\e79b"; }
.icon-413:before { content: "\e79c"; }
.icon-414:before { content: "\e79d"; }
.icon-415:before { content: "\e79e"; }
.icon-416:before { content: "\e79f"; }
.icon-417:before { content: "\e7a0"; }
.icon-418:before { content: "\e7a1"; }
.icon-419:before { content: "\e7a2"; }
.icon-420:before { content: "\e7a3"; }
.icon-421:before { content: "\e7a4"; }
.icon-422:before { content: "\e7a5"; }
.icon-423:before { content: "\e7a6"; }
.icon-424:before { content: "\e7a7"; }
.icon-425:before { content: "\e7a8"; }
.icon-426:before { content: "\e7a9"; }
.icon-427:before { content: "\e7aa"; }
.icon-428:before { content: "\e7ab"; }
.icon-429:before { content: "\e7ac"; }
.icon-430:before { content: "\e7ad"; }
.icon-431:before { content: "\e7ae"; }
.icon-432:before { content: "\e7af"; }
.icon-433:before { content: "\e7b0"; }
.icon-434:before { content: "\e7b1"; }
.icon-435:before { content: "\e7b2"; }
.icon-436:before { content: "\e7b3"; }
.icon-437:before { content: "\e7b4"; }
.icon-438:before { content: "\e7b5"; }
.icon-439:before { content: "\e7b6"; }
.icon-440:before { content: "\e7b7"; }
.icon-441:before { content: "\e7b8"; }
.icon-442:before { content: "\e7b9"; }
.icon-443:before { content: "\e7ba"; }
.icon-444:before { content: "\e7bb"; }
.icon-445:before { content: "\e7bc"; }
.icon-446:before { content: "\e7bd"; }
.icon-447:before { content: "\e7be"; }
.icon-448:before { content: "\e7bf"; }
.icon-449:before { content: "\e7c0"; }
.icon-450:before { content: "\e7c1"; }
.icon-451:before { content: "\e7c2"; }
.icon-452:before { content: "\e7c3"; }
.icon-453:before { content: "\e7c4"; }
.icon-454:before { content: "\e7c5"; }
.icon-455:before { content: "\e7c6"; }
.icon-456:before { content: "\e7c7"; }
.icon-457:before { content: "\e7c8"; }
.icon-458:before { content: "\e7c9"; }
.icon-459:before { content: "\e7ca"; }
.icon-460:before { content: "\e7cb"; }
.icon-461:before { content: "\e7cc"; }
.icon-462:before { content: "\e7cd"; }
.icon-463:before { content: "\e7ce"; }
.icon-464:before { content: "\e7cf"; }
.icon-465:before { content: "\e7d0"; }
.icon-466:before { content: "\e7d1"; }
.icon-467:before { content: "\e7d2"; }
.icon-468:before { content: "\e7d3"; }
.icon-469:before { content: "\e7d4"; }
.icon-470:before { content: "\e7d5"; }
.icon-471:before { content: "\e7d6"; }
.icon-472:before { content: "\e7d7"; }
.icon-473:before { content: "\e7d8"; }
.icon-474:before { content: "\e7d9"; }
.icon-475:before { content: "\e7da"; }
.icon-476:before { content: "\e7db"; }
.icon-477:before { content: "\e7dc"; }
.icon-478:before { content: "\e7dd"; }
.icon-479:before { content: "\e7de"; }
.icon-480:before { content: "\e7df"; }
.icon-481:before { content: "\e7e0"; }
.icon-482:before { content: "\e7e1"; }
.icon-483:before { content: "\e7e2"; }
.icon-484:before { content: "\e7e3"; }
.icon-485:before { content: "\e7e4"; }
.icon-486:before { content: "\e7e5"; }
.icon-487:before { content: "\e7e6"; }
.icon-488:before { content: "\e7e7"; }
.icon-489:before { content: "\e7e8"; }
.icon-490:before { content: "\e7e9"; }
.icon-491:before { content: "\e7ea"; }
.icon-492:before { content: "\e7eb"; }
.icon-493:before { content: "\e7ec"; }
.icon-494:before { content: "\e7ed"; }
.icon-495:before { content: "\e7ee"; }
.icon-496:before { content: "\e7ef"; }
.icon-497:before { content: "\e7f0"; }
.icon-498:before { content: "\e7f1"; }
.icon-499:before { content: "\e7f2"; }
.icon-500:before { content: "\e7f3"; }
.icon-501:before { content: "\e7f4"; }
.icon-502:before { content: "\e7f5"; }
.icon-503:before { content: "\e7f6"; }
.icon-504:before { content: "\e7f7"; }
.icon-505:before { content: "\e7f8"; }
.icon-506:before { content: "\e7f9"; }
.icon-507:before { content: "\e7fa"; }
.icon-508:before { content: "\e7fb"; }
.icon-509:before { content: "\e7fc"; }
.icon-510:before { content: "\e7fd"; }
.icon-511:before { content: "\e7fe"; }
.icon-512:before { content: "\e7ff"; }
.icon-513:before { content: "\e800"; }
.icon-514:before { content: "\e801"; }
.icon-515:before { content: "\e802"; }
.icon-516:before { content: "\e803"; }
.icon-517:before { content: "\e804"; }
.icon-518:before { content: "\e805"; }
.icon-519:before { content: "\e806"; }
.icon-520:before { content: "\e807"; }
.icon-521:before { content: "\e808"; }
.icon-522:before { content: "\e809"; }
.icon-523:before { content: "\e80a"; }
.icon-524:before { content: "\e80b"; }
.icon-525:before { content: "\e80c"; }
.icon-526:before { content: "\e80d"; }
.icon-527:before { content: "\e80e"; }
.icon-528:before { content: "\e80f"; }
.icon-529:before { content: "\e810"; }
.icon-530:before { content: "\e811"; }
.icon-531:before { content: "\e812"; }
.icon-532:before { content: "\e813"; }
.icon-533:before { content: "\e814"; }
.icon-534:before { content: "\e815"; }
.icon-535:before { content: "\e816"; }
.icon-536:before { content: "\e817"; }
.icon-537:before { content: "\e818"; }
.icon-538:before { content: "\e819"; }
.icon-539:before { content: "\e81a"; }
.icon-540:before { content: "\e81b"; }
.icon-541:before { content: "\e81c"; }
.icon-542:before { content: "\e81d"; }
.icon-543:before { content: "\e81e"; }
.icon-544:before { content: "\e81f"; }
.icon-545:before { content: "\e820"; }
.icon-546:before { content: "\e821"; }
.icon-547:before { content: "\e822"; }
.icon-548:before { content: "\e823"; }
.icon-549:before { content: "\e824"; }
.icon-550:before { content: "\e825"; }

/* UI elements
   ========================================================================== */

/* Features */

.features-items {
  margin: 23px 0;
}

.features-items figure {
  width: 50%;
  margin: 0 auto 23px;
}

.features-items p {
  margin-bottom: 0;
}

.features-items figure a {
  color: inherit;
}

.features-items .content-box h4 {
  margin-top: 0;
}

.features-items figure a:hover {
  text-decoration: none;
}

.features-items figure[class*="shape-"] i {
  height: 1em;
  width: 1em;
  line-height: 1em;
}

.features-items figure[class*="shape-"] a i,
.features-items figure[class*="shape-"] a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
  padding: 0;
}

.features-box-one ul > li {
  margin: 46px 0;
}

/* Statistics */

.statistic-item {
  font-size: 54px;
  line-height: 63px;
  text-align: center;
}

.statistic-item p {
  margin-bottom: 0;
}

.statistic-item h3 {
  color: #ffffff;
  padding: 0 23px;
  line-height: 33px;
}

/* Custom Selector*/

.custom-select {
  position: relative;
  padding: 0;
}

.custom-select > input[type="checkbox"] {
  display: none;
  visibility: hidden;
}

.custom-select > label {
  display: block;
  cursor: pointer;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  -o-user-select:       none;
  user-select:          none; 
}

.container-select {
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid;
  z-index: 100;
  font-weight: normal;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  display: none;
}

.custom-select > input[type="checkbox"]:checked ~ .container-select {
  display: block;
}

.container-select > ul {
  margin-bottom: 0;
}

.container-select > ul > li {
  min-width: 230px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.container-select > ul > li:last-child {
  border-bottom: none;
}

.container-select > ul > li a {
  padding: 11px;
  display: block;
  font-size: 0.8em;
}

.container-select > ul > li a:hover {
  text-decoration: none;
  background: rgba(0,0,0,0.01);
}

/* Portfolio filters */

.portfolio-filter-box h4 {
  margin: 11px 23px 11px 0;
}

.filter-tags, .vc_grid-filter {
  margin-bottom: 0;
}

.filter-tags li, .vc_grid-filter li {
  padding: 5px 10px;
}

.filter-tags li:last-child, .vc_grid-filter li:last-child {
  padding-right: 0;
}

.vc_grid-filter span {
  font-family: 'Oxygen', sans-serif;
  color: #89C4F4;
}

.vc_active.vc_grid-filter-item, .vc_grid-filter-item:hover {
  background: none !important;
}

.vc_active.vc_grid-filter-item span,
.vc_grid-filter-item:hover span {
  color: #2574A9 !important;
}

/* Portfolio */

.portfolio-box > .row {
  margin: 0;
}

.portfolio-items {
  margin-bottom: 0;
}

.portfolio-items > li {
  margin: 0 0 46px;

}

.portfolio-title {
  padding: 11px 0;
}

.portfolio-title > h4 {
  margin-top: 0.5em;
  padding-left: 60px;
  position: relative;
}

.portfolio-items figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.portfolio-title > h4 i {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 1.7em;
  color: #ededed;
}

.portfolio-title > h4 a {
  text-decoration: none;
}

.portfolio-title > h4 a:hover {
  color: #aeaeae;
}

.portfolio-items figure figcaption {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.portfolio-items figure:hover figcaption {
  opacity: 0.8;
}

.portfolio-items figure figcaption a {
  position: absolute;
  font-size: 44px;
  margin: auto;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  text-decoration: none;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.portfolio-items figure figcaption a:before,
.portfolio-items figure figcaption a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 5px;
  background: #2574A9;
  -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -o-transition:      all 0.4s ease;
  -ms-transition:     all 0.4s ease;
  transition:         all 0.4s ease;
}

.portfolio-items figure figcaption a:before {
  top: 0;
}

.portfolio-items figure figcaption a:after {
  bottom: 0;
}

.portfolio-items figure figcaption a:hover:before {
  -webkit-transform:  rotate(90deg) scale(0.2);
  -moz-transform:     rotate(90deg) scale(0.2);
  -o-transform:       rotate(90deg) scale(0.2);
  -ms-transform:      rotate(90deg) scale(0.2);
  transform:          rotate(90deg) scale(0.2);
  top: 50%;
}

.portfolio-items figure figcaption a:hover:after {
  -webkit-transform:  rotate(180deg) scale(0.2);
  -moz-transform:     rotate(180deg) scale(0.2);
  -o-transform:       rotate(180deg) scale(0.2);
  -ms-transform:      rotate(180deg) scale(0.2);
  transform:          rotate(180deg) scale(0.2);
  bottom: 50%;
  margin-bottom: -5px;
}

.mosaic-container {
  overflow: hidden;
}

.portfolio-items.mosaic {
  margin: 0 0 69px;
}

.portfolio-items.mosaic > li {
  padding: 0;
  margin: 0;
}

.portfolio-items.mosaic > li > div > figure {
  position: absolute;
  border: 1px solid transparent;
}

.portfolio-items.mosaic > li > div > figure img {
  vertical-align: top;
}

.portfolio-items:not(.row-fit) .latest-work-item {
  padding: 23px 23px 0;
  background-color: #ffffff;
  box-shadow: 0 10px 20px -20px rgba(0,0,0,0.5);
}

/* Portfolio Meta */

.portfolio-meta {
  display: table;
  margin-top: 46px;
}

.portfolio-meta > li {
  padding: 7px;
  font-size: 0.9em;
  border-bottom: 1px solid #eaeaea;
}

.portfolio-meta > li:last-child {
  border: none;
}

.portfolio-meta > li > b {
  width: 100px;
  display: inline-block;
}

.portfolio-meta > li > ul {
  font-size: 0.9em;
}

.portfolio-meta > li > ul > li {
  padding: 0 1px;
}

/*Portfolio filters*/

.hidden-item > div {
  filter: alpha(opacity=10) !important;
  opacity: 0.1 !important; 
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.active-filter a {
  color: #2574A9 !important;
}

.filter-tags a:hover {
  text-decoration: none;
}

.active-filter .button-sm {
  background: #89C4F4 !important;
  border: none;
}

/* Toggle */

[class*="toggle-"] {
  position: relative;
  overflow: hidden;
  padding: 0 11px;
  margin-bottom: 23px;
}

[class*="toggle-"] > li > input  {
  display: none;
}

[class*="toggle-"] > li > input:checked + label {
  background: rgba(0,0,0,0.1);
  color: #5a5a5a;
}

[class*="toggle-"] > li > input:checked + label > .icon-484 {
  display: inline-block;
  -webkit-transform:  rotate(90deg);
  -moz-transform:     rotate(90deg);
  -o-transform:       rotate(90deg);
  -ms-transform:      rotate(90deg);
  transform:          rotate(90deg);
}

[class*="toggle-"] > li > label {
  font-family: 'Oxygen', sans-serif;
  display: block;
  padding: 11px;
  margin: 11px 0;
  background: rgba(0,0,0,0.01);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.1);
  cursor: pointer;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  -o-user-select:       none;
  user-select:          none;
}

[class*="toggle-"] > li > label > i {
  margin-right: 11px;
}

.toggle-content {
  padding: 5.5px 11px;
  clip: rect(0px,0px,0px,0px);
  position: absolute;
  overflow: hidden;
  margin-bottom: 11px;
}

[class*="toggle-"] > li > input:checked ~ div {
  display: block;
  position: relative;
  -webkit-animation:  bounce 0.8s ease;
  -moz-animation:     bounce 0.8s ease;
  -ms-animation:      bounce 0.8s ease;
  -o-animation:       bounce 0.8s ease;
  animation:          bounce 0.8s ease;
}

[class*="toggle-"].dark-view {
  -webkit-box-shadow: 0 2px 1px 0 rgba(255,255,255, 0.05);
  box-shadow:         0 2px 1px 0 rgba(255,255,255, 0.05);
  color: rgba(255,255,255, 0.8);
}

[class*="toggle-"].dark-view > li > input:checked + label {
  background: rgba(255,255,255,0.5);
}

[class*="toggle-"].dark-view > li > label {
  background: rgba(255,255,255,0.3);
  color: #ffffff; 
  -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
  box-shadow:         inset 0 0 0 1px rgba(255,255,255,0.1);
}

.toggle-vertical {
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow:         0 0 0 1px rgba(0,0,0,0.1);
}

.toggle-vertical.simple {
  -webkit-box-shadow: none;
  box-shadow:         none;
  padding: none
}

.toggle-horizontal {
  padding: 0 16.5px;
}

.toggle-horizontal > li {
  position: relative;
}

.toggle-horizontal > li > input + label {
  min-width: 100%;
}

.toggle-horizontal > li > input:checked + label {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  min-width: 0
}

.toggle-horizontal > li > input:checked + label > i {
  position: absolute;
  font-size: 4em;
  width: 1em;
  height: 1em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
  filter: alpha(opacity=90)
}

.toggle-horizontal > li > input:checked ~ div {
  float: right;
  min-height: 150px;
}

.toggle-horizontal.dark-view {
  padding: 11px 16.5px;
}

.toggle-horizontal.dark-view > li > label,
.toggle-horizontal.dark-view > li > input:checked + label {
  background: none;
  color: #ffffff;
}

.toggle-horizontal.dark-view > li {
  padding: 0 11px;
}

.toggle-horizontal.dark-view .toggle-content {
  padding: 5.5px 23px;
}

.ui-accordion-header-icon {
  display: none !important;
}

.tabs-thums > a {
  overflow: hidden;
  white-space: normal !important;
}

.tabs-thums > a > img {
  float: left;
  padding-right: 10px;
  width: 20%;
}

.ui-state-active {
  filter: alpha(opacity=800);
  opacity: 0.8;
}

/* Alerts */

.alert-box {
  padding: 18px 46px 1px 23px;
  margin-bottom: 23px;
  position: relative;
  font-family: 'Oxygen', sans-serif;
  text-shadow: 0 1px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow:         inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.alert-box > p, .alert-box > h4 {
  margin-top: 0;
  margin-bottom: 18px;
}

.alert-box > h4 > i {
  padding-right: 11px;
}

.close-alert {
  position: absolute;
  top: 14px; 
  right: 23px;
  width: 1em;
  height: 1em;
  margin: auto;
  color: #ffffff;
  font-size: 12px;
}

.close-alert:hover {
  color: rgba(0,0,0,0.3);
  text-decoration: none;
}

/* Demo Icons */

.demo-icons {
  margin-bottom: 23px;
}

.demo-icons > li{
  float: left;
  font-size: 2em;
  margin: 2px;
}

.demo-icons > li i {
  display: block;
  padding: 9px;
}

.demo-icons > li:hover {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}

/* Team members */
.team-members {
  margin-bottom: 0;
}

.team-members > li {
  margin: 46px 0;
}

.team-members > li > div {
  box-shadow: 0 10px 21px -19px rgba(0,0,0, 0.5);
}

.team-members > li > div > h4 {
  margin-bottom: 3px;
}

.team-members > li > div .category {
  opacity: 0.6;
}

.team-members > li > div {
  padding: 23px 23px 34px;
}

.team-members:not(.square-team-view) > li > div {
  border-radius: 400px 400px 0 0;
}

.team-members.square-team-view > li > div > figure {
  margin: -23px -23px 0;
}

.team-members:not(.square-team-view) figure .shape-round {
  border-radius: 50% 50% 0;
}

.team-members-one > li {
  margin-bottom: 46px;
}

.team-members-one > li > div {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}

.team-members .social-links {
  margin-top: 34px !important;
}

.team-members .social-links a {
  background: #adadad;
}

.team-members .social-links a:hover {
  opacity: 0.8;
}

.square-team-view .social-links {
  padding-bottom: 34px;
}


/* Map container */

.map-box {
  min-height: 540px;
}

.map-box img {
  max-width: none;
}

/* Action Box */

.action-box .container > .row {
  position: relative;
  min-height: 660px;
}

.action-box h2 {
  margin-top: 0;
}

.our-devices {
  position: absolute !important;
  bottom: -63px;
  left: -126px;
}

/* Contact Info*/

.contact-info {
  font-family: 'Oxygen', sans-serif;
  padding: 23px;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
  box-shadow:         0 0 0 1px rgba(0,0,0,0.05);
}

.contact-info > li {
  padding: 11px 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.05);
  box-shadow:         0 1px 0 0 rgba(0,0,0,0.05);
}

.contact-info > li:last-child {
  padding-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow:         none;
}


/* Clients Items */

.client-items.grid {
  margin: 2em 0;
  overflow: hidden;
}

.client-items.grid > li {
  border-right: 1px solid rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  padding: 30px;
  position: relative;
  right: -1px;
  bottom: -1px;
}

.client-items.grid > li figure {
  margin: 0;
}

/* Happy customers */

.happy-customers h2 {
  margin-top: 0;
}

.clients-testimonials figure {
  margin-bottom: 0;
}

.clients-testimonials.blury > li {
  padding: 10px 0;
}

div:not(#testimonials-slider) > .clients-testimonials.blury > li ~ li {
  margin-top: 23px;
}

.clients-testimonials.blury > li figure img {
   object-fit: cover;
}

.clients-testimonials.blury > li p {
  padding: 23px;
  position: relative;
}

.clients-testimonials.blury > li p:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 0 solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #f3f3f3;
  top: 23px;
  left: -20px;
}

.clients-testimonials.blury h4 span {
  font-size: 0.5em;
  color: #dedede;
  margin-left: 5px;
}

.testimonial-message {
  border: 1px solid #ededed;
  border-radius: 11px;
}

.testimonial-message + h4 {
  margin-top: 23px;
  text-transform: uppercase;
  font-size: 1.3em;
}

/* Feature items*/

.feature-items > li {
  margin-bottom: 23px;
}

.feature-bg {
  background: #fcfcfc;
  padding: 5px 15px;
  border: 1px solid #eeeeee;
}

.feature-bg > h4 {
  padding-left: 60px;
  position: relative;
  margin-bottom: 34px;
  line-height: 1em;
}

.feature-bg > h4 i {
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 46px;
}

.feature-bg > h4 i:before {
  opacity: 1;
}


/*Proggress items*/

.progresive-bar-items div {
  position: relative;
  padding: 11px;
  margin-bottom: 11px !important;
  overflow: hidden;
}

.progresive-bar-items div h5 {
  margin: 0;
  position: relative;
  z-index: 10;
}

.progresive-bar-items div span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 0 3px;
  box-shadow: 0 0 3px;
}

/* Blog
   ========================================================================== */

.sticky {
  padding: 22px;
  background: #f5fafc;
}

.sticky .blog-tags a {
  background: #ffffff;
}

.blog-post {
  padding-left: 0;
  list-style: none;
  overflow: hidden;
}

.blog-post > li:not(:last-child) {
  margin-bottom: 63px;
}

.blog-title {
  margin: 0 0 34px;
  padding: 0 46px;
  text-align: center;
}

.blog-title a {
  color: inherit;
}

.blog-title a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.blog-tags {
  padding: 11px 0;
}

.blog-tags a {
  display: inline-block;
  color: #999999;
  padding: 3px 10px;
  margin: 0 5px 11px 0;
  opacity:  0.5;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  transition:         all 0.2s ease;
  box-shadow: inset 0 0 0 1px;
}

.blog-tags a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
  text-decoration: none;
}

.list-slyle .blog-head > h4 {
  margin-top: 0;
}

.blog-header-category  {
  color: #dedede;
}

.blog-header-category a {
  opacity: 0.4;
}

.blog-meta {
  margin: 0 0 23px;
  padding: 11px 0;
  border-top: 1px solid #ededde;
  border-bottom: 1px solid #ededde;
}

.blog-meta li {
  padding: 0 11px;
  font-size: 0.9em;
  border-right: 1px solid #ededed;
  opacity: 0.6;
  color: #adadad;
}

.blog-meta li a {
  color: #2a2a2a;
}

.blog-meta li:last-child {
  border: none;
}

.blog-slider-container {
  position: relative;
}

.blog-slider figure {
  margin-bottom: 0;
}

.protected-post-form {
  width: 30%;
  padding: 0 11px;
}

.read-more {
  display: table !important;
  margin: 34px auto !important;
}

.read-more:hover {
  opacity: 0.8;
}

.author-bio {
  background: #f8f8f8;
}

.author-bio  figure {
  margin-bottom: 0;
}

.author-bio h4 + p {
  margin-bottom: 0;
}

/*Pagination links*/

.pagination-links li {
  margin: 0 3px;
}

.pagination-links li a {
  display: inline-block;
  padding: 5px 10px;
  background: rgba(0,0,0,0.02);
  color: #9a9a9a;
  border: 1px solid rgba(0,0,0,0.02);
}

.pagination-links li span {
  display: inline-block;
  padding: 5px 10px;
}

.pagination-links li a:hover {
  text-decoration: none;
  border-color: rgba(0,0,0,0.04);
  background: transparent;
}


/* Blog comments*/
.comment-items {
  margin-bottom: 23px;
}

.comment-post {
  position: relative;
  margin-bottom: 46px;
}

.comment-post + ul {
  padding-left: 69px;
}

.comment-post > figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 69px;
}

.comment-content {
  padding-left: 84px;
  min-height: 69px;
}

.comment-edit-link {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.4);
  color: white;
  text-align: center;
}

.comment-edit-link:hover {
  background: rgba(0,0,0,0.6);
  color: #ffffff;
  text-decoration: none;
}

/*Author Bio*/

.author-bio {
  margin-bottom: 92px;
  padding: 23px;
}

.author-bio h4 {
  margin-top: 0;
}


/* Sidebar*/

.widget-item {
  margin-bottom: 34px;
  -webkit-backface-visibility:  hidden;
  -moz-backface-visibility:     hidden;
  backface-visibility:          hidden;
}

.widget-item a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.widget-item ul li {
  padding: 11px 0;
  border-bottom: 1px solid #f8f8f8;
  color: #cccccc;
}

.widget-item > select {
  width: 100%;
}

.widget-item a {
  color: initial;
}

.widget-item > h4 {
  text-align: center;
  background: #f8f8f8;
  padding: 5px;
  margin: 0 0 23px;
}

.widget-item ul {
  list-style: none;
  padding-left: 0;
}

.widget-item .tt_twitter a {
  color: #89C4F4;
}

.widget-item .tt_twitter .date {
  margin-left: 5px;
  opacity: 0.4;
}

.tt-instagram-feed li {
  border: none !important;
  padding: 0 !important;
}

.tt_twitter ul li {
  padding: 11px 0 !important;
  font-size: 14px !important;
  margin-bottom: 0 !important;
}

.recent-posts figure {
  padding-right: 8px;
  margin-bottom: 0;
}

.tt-image-holder {
  display: block;
  position: relative;
  background-color: #dedede;
}

.tt-image-holder:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.tt-image-holder i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: center;
  margin: auto;
  color: #acacac;
}

.widget-item .tag-list li {
  padding: 0 3px 0 0;
  font-size: 0.8em;
  border: none;
}

.widget-item .tag-list li a {
  margin: 3px 0;
}

.social-widget a {
  color: #ffffff;
}

.social-widget span {
  background: #f8f8f8;
  display: block;
  text-align: center;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
  box-shadow:         inset 0 0 0 1px rgba(0,0,0,0.03);
}

.widget-item.widget_categories > ul > li {
  text-align: right;
  overflow: hidden;
  color: #dedede;
}

.widget-item.widget_categories > ul > li a {
  float: left;
}

/*Error page*/

/* Single page Layout*/

.single-intro {
  min-height: 1080px;
}

/* JS plugins
   ========================================================================== */

/* Main Slider */

.slider-box {
  position: relative;
}

#controls > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  margin: auto;
  display: block;
  width: 70px;
  height: 70px;
  color: #ffffff;
  border-radius: 50%;
  border: 3px solid;
  text-align: center;
  background: rgba(0,0,0,0.4);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.slider-box:hover #controls > a, .portfolio-box:hover #controls > a, .blog-slider-container:hover #controls > a {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 10000;
}

#controls > a:hover {
  text-decoration: none;
  background: rgba(0,0,0, 0.6);
}

#controls > a > i {
  font-size: 2em;
  line-height: 64px;
}

#controls a.next-nav {
  left: auto;
  right: 30px;
}

.slider-nav {
  position: absolute;
  list-style: none;
  bottom: 23px;
  right: 0;
  left: 0;
  padding: 0;
  margin: 0;
  text-align: center;
}

.slider-nav > li {
  margin: 0 3px;
  display: inline-block;
}

.slider-nav > li a {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.5);
}

.slider-nav .current a {
  border-color: #ffffff;
}

/* Portfolio slider */

#portfolio-slider .portfolio-items > li > div {
  padding: 0 15px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#controls-portfolio {
  display: block;
  text-align: center;
}

#controls-portfolio a {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 1px solid #dedede;
  line-height: 48px;
  color: #dedede;
}

#controls-portfolio a:hover {
  text-decoration: none;
  background: #C5EFF7;
  color: #2574A9;
  border-color: #C5EFF7;
}

/* Testimonials Slider */

.feedback-box #controls-testimonials {
  -webkit-transform:  scale(0);
  -moz-transform:     scale(0);
  -o-transform:       scale(0);
  -ms-transform:      scale(0);
  transform:          scale(0);
  -webkit-transition:   all 0.2s ease;
  -moz-transition:      all 0.2s ease;
  -o-transition:        all 0.2s ease;
  -ms-transition:       all 0.2s ease;
  transition:           all 0.2s ease;
}


#controls-testimonials {
  position: absolute;
  top: 0;
  right: -20px;
  font-size: 20px;
}

.feedback-box:hover #controls-testimonials {
  -webkit-transform:  scale(1);
  -moz-transform:     scale(1);
  -o-transform:       scale(1);
  -ms-transform:      scale(1);
  transform:          scale(1);
}

#controls-testimonials a {
  color: rgba(0,0,0,0.6);
  display: block;
}

#controls-testimonials a:hover {
  opacity: 0.6;
}

#controls-testimonials a:hover,
#controls-testimonials a:focus {
  text-decoration: none
} 

/*Portfolio quick view*/

.mfp-content {
  height: 100%;
}

.portfolio-popup {
  position: absolute; 
  padding: 46px;
  margin: auto;
  width: 80%;
  overflow-y: scroll;
  background: #ffffff;
  top: 10%;
  bottom: 10%;
  left: 0;
  right: 0;
}

.portfolio-popup .container {
  width: 100% !important;
}

.portfolio-popup .box {
  padding: 0 !important;
}

.portfolio-popup .col-md-5 h4 {
  margin-top: 0;
}

.portfolio-popup figure {
  margin-bottom: 0;
}

.portfolio-slider {
  margin-bottom: 23px;
}

.portfolio-slider + #controls {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  transition:         all 0.3s ease;
}

.portfolio-slider:hover + #controls, .portfolio-slider + #controls:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

[class$="-slider"] > ul {
  margin: 0;
  padding: 0;
}

.portfolio-slider + #controls > a {
  width: 50px;
  height: 50px;
}

.portfolio-slider + #controls > a i  {
  font-size: 18px;
  line-height: 47px;  
}

.portfolio-thumbs > li {
  width: 20%;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Scroll Effects */

#grid-effect {
  -webkit-perspective: 1300px;
}

#grid-effect > li {
  filter:alpha(opacity=0);
  opacity: 0;
}

#grid-effect > li.shown {
  filter:alpha(opacity=100);
  opacity: 1;
}

#grid-effect > li.animate {
  filter:alpha(opacity=0);
  opacity: 0;
  -webkit-transform:  scale(0,0) rotateX(-90deg);
  -moz-transform:     scale(0,0) rotateX(-90deg);
  -ms-transform:      scale(0,0) rotateX(-90deg);
  transform:          scale(0,0) rotateX(-90deg);
  -webkit-animation:  fallPerspective .8s ease-in-out forwards;
  -moz-animation:     fallPerspective .8s ease-in-out forwards;
  -ms-animation:      fallPerspective .8s ease-in-out forwards;
  animation:          fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
    100% { -webkit-transform: scale(1, 1) rotateX(0deg); opacity: 1; }
}

@-moz-keyframes fallPerspective {
    100% { -moz-transform: scale(1, 1) rotateX(0deg); opacity: 1; }
}

@-ms-keyframes fallPerspective {
    100% { -ms-transform: scale(1, 1) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
    100% { transform: scale(1, 1) rotateX(0deg); opacity: 1; }
}

/* ==  Swipebox ==*/

/*! Swipebox v1.2.6 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999999999999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

#swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-action {
  bottom: -50px;
}

#swipebox-action #swipebox-prev,
#swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}
#swipebox-action #swipebox-prev {
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 15px;
}
#swipebox-action #swipebox-next {
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 15px;
  border: 1px solid #ffffff;
}
#swipebox-action #swipebox-close {
  left: auto;
  top: 46px;
  right: 23px;
}

#swipebox-action #swipebox-prev:before,
#swipebox-action #swipebox-next:before,
#swipebox-action #swipebox-close:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  text-align: center;
}

#swipebox-action #swipebox-prev:before {
  content: '\e804';
  font-size: 2em;
}

#swipebox-action #swipebox-next:before {
  content: '\e7f4';
  font-size: 2em;
}

#swipebox-action #swipebox-close:before {
  content: '\e7c7';
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  opacity: 0.3;
}

#swipebox-caption {
  top: -50px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  #swipebox-action #swipebox-close {
    left: 0;
  }

  #swipebox-action #swipebox-prev {
    right: 60px;
  }

  #swipebox-action #swipebox-next {
    right: 0;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #22313F;
}

#swipebox-action,
#swipebox-caption {
  background-color: #0d0d0d;
  opacity: 0.95;
}

#swipebox-action {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#swipebox-caption {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  color: white !important;
  font-size: 18px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
  background: rgba(0,0,0,0.4);
  top: auto;
  bottom: 0px;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@media screen and (max-width: 800px) {
  #swipebox-action #swipebox-close {
    left: 0;
  }

  #swipebox-action #swipebox-prev {
    right: 60px;
  }

  #swipebox-action #swipebox-next {
    right: 0;
  }

}

/*=== Responsive ===*/

@media (max-width: 992px) {
  .main-sidebar {
    padding: 0 !important;
  }

  .author-bio h4, .breadcrumbs-box h4 {
    text-align: center;
  }

  .breadcrumb-items {
    display: table;
    margin: 23px auto 0;
    float: none;
  }

  .portfolio-filter-box h4 {
    text-align: center;
  }

  .filter-tags {
    float: none;
    display: table;
    margin: 0 auto;
  }

  .our-devices {
    position: static;
    text-align: center;
  }

  .statistic-round {
    margin-bottom: 69px;
  }

  #portfolio-slider li {
    text-align: center;
  }

  #testimonials-slider li .col-md-3{
    padding:  0 20%;
    margin: 0 auto;
  }

  #controls-testimonials {
    left: 23px;
    right: auto;
  }

  #testimonials-slider li h4 {
    text-align: center;
  }

    #testimonials-slider li h4 + a {
        display: table;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
  .copyright {
    text-align: center;
  }

  .social-links {
    display: table;
    margin: 0 auto;
    float: none;
  }

  .comment-post + ul {
    padding-left: 13px;
  }

  .filter-tags {
    display: block !important;
  }

  .filter-tags li {
    padding: 0;
    float: none;
    text-align: center;
  }

  .filter-tags li a {
    display: block !important;
    width: 100%;
  }

  .best-choice {
    position: static;
  }
}

@media (max-width: 992px) {

  .main-nav {
    display: none;
  }

  body > .main-nav {
    position: fixed;
    top: 0;
    left: -200px;
    bottom: 0;
    height: 100%;
    padding-top: 34px;
    width: 200px;
    background: #f8f8f8;
    -webkit-user-select:  none;
    -moz-user-select:     none;
    -ms-user-select:      none;
    -o-user-select:       none;
    user-select:          none;
    overflow-y: auto;
    z-index: 999999999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
  }

  body > .main-nav > ul > li > a + ul {
    position: static;
  }

  body > .main-nav > ul > li > a:hover + ul {
    display: none;
  }

  body > .main-nav > ul > li > .menu-items-active-mob {
    display: block !important;
  }

  .link-items-active-mob {
    background: #89C4F4 !important;
    color: #ffffff !important;
  }

  .main-nav.active-menu {
    left: 0;
  }

  .main-nav .nav-bar {
    display: block;
  }


  body.menu-effect .boxed-view {
    overflow: hidden;
  }

  body.menu-effect .boxed-view > section, body.menu-effect .boxed-view > footer {
    -webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
    -webkit-transform: translate(200px,0) !important;
    -moz-transform:    translate(200px,0) !important;
    -ms-transform:     translate(200px,0) !important;
    transform:         translate(200px,0) !important;
   position: relative;
  }

  body > .main-nav > ul,
  body > .main-nav > ul > li {
    float: none;
  }

  body > .main-nav > ul > li > a {
    display: block;
    background: #ffffff;
    padding: 11px;
    margin-bottom: 1px !important;
  }

  .page_item_has_children > a:after {
    content: '+';
    margin-left: 5px;
  }

  body .mobile-menu-button {
    display: block;
    width: 44px;
    height: 37px;
    margin: auto;
    padding:  1px 5px;
    border: 2px solid !important;
    font-size: 24px;
    position: absolute;
    right: 23px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
    line-height: 36px;
  }

  .mobile-menu-button:hover {
    text-decoration: none;
  }

  body .mobile-menu-button span {
    display: block;
    height: 3px;
    background: currentColor;
    position: relative;
    top: 50%;
    margin-top: -1px;
  }

  body .mobile-menu-button span:before,
  body .mobile-menu-button span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background-color: currentColor;
    transition: all 0.3s ease;
  }

  body .mobile-menu-button span:before {
    top: -7px;
  }

  body .mobile-menu-button span:after {
    bottom: -7px;
  }

  .active-menu + div .mobile-menu-button span {
    background: none;
  }

  .active-menu + div .mobile-menu-button span:before {
    transform: translate(6px, -4px) rotate(45deg);
    transform-origin: 0 0;
  }

  .active-menu + div .mobile-menu-button span:after {
    transform: translate(3px, 3px) rotate(-45deg);
    transform-origin: 0 0;
  }

  .the-cart {
    padding-left: 0 !important;
  }

  .the-cart ul {
    position: static !important;
    display: block !important;
  }

  .the-cart .cart-preview > ul > li{
    width: 100% !important;
  }

  .footer-sidebar .widget {
    margin-bottom: 46px;
  }
}


/* Fix VC defaults*/

.vc-carousel-indicators li {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
}

.vc-carousel-indicators .vc-active {
  background: transparent !important;
}

.vc-carousel-indicators {
  margin-bottom: 0 !important;
}

#main-wrapper {
  overflow: hidden;
}

#main-wrapper > section {
  overflow: hidden;
}

/* Woocommerce Integration*/
.the-cart {
  padding-left: 11px;
  opacity: 0.6;
  font-family: 'Oxygen', sans-serif;
}

.the-cart:hover {
  opacity: 1;
}

.woocommerce .quantity .qty {
  display: table;
  margin: 0 auto;
  text-align: left;
  height: auto;
  padding: 10px;
}

.cart_item .product-subtotal {
  text-align: right;
}

.cart_item .product-thumbnail,
.cart_item .product-remove {
  text-align: center;
}

.the-cart > span {
  display: inline-block;
  padding: 11px 22px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.the-cart > span:hover + div > ul,
.cart-preview > ul:hover {
  display: block;
}

.cart-preview > ul {
  left: auto;
  right: 0;
  margin: 0;
}

.cart-preview > ul > li {
  position: relative;
  padding: 11px;
  border-bottom: 1px solid #f8f8f8;
  width: 345px !important;
}

.cart-preview > ul > li:last-child {
  border-bottom: none;
}


.cart-preview ul li a {
  padding: 0 !important;
}

.cart-preview ul li figure {
  padding-right: 11px;
  margin: 0;
}

.cart-preview ul li figure img {
  border: 2px solid transparent;
  max-height: 70px;
  object-fit: cover;
}

.cart-preview .remove {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
}

.the-cart > span > i {
  padding-right: 5px;
}

.preview-item-title > span {
  display: block;
  font-size: 12px;
}

.preview-item-title > span > span {
  color: #333333;
}

.preview-item-title > a {
  margin-bottom: 7px
}

body .preview-item-title > a:hover,
.button-container a  {
  background: none !important;
  color: #adadad !important;
}

.button-container {
  background: #f8f8f8;
  margin: 0;
}

.button-container a {
  text-align: right;
}

.cart-empty {
  font-size: 12px;
}

.sale-badge {
  position: absolute;
  top: 11px;
  right: 11px;
  padding: 5px 11px;
}

.shipping-calculator-button:hover {
  text-decoration: none;
}

.address-field {
  overflow: visible !important;
}

.payment_methods input[type=radio] {
  display: none;
}

.payment-box {
  background: #f8f8f8 !important;
}

.payment-box .payment_box {
  background: rgba(0,0,0,0.05) !important;
  box-shadow: none !important;
}

.order_details, .customer_details  {
  padding: 11px;
}

.address {
  margin-top: 44px;
  background: #f8f8f8;
  padding: 11px;
}

.address h3 {
  margin-top: 0;
}

.thumbnails {
  margin-left: -3px;
}

.thumbnails a {
  width: 20% !important;
  display: inline-block !important;
  margin: 0 !important;
  float: none !important;
  border-left: 3px solid transparent;
}

.reviews_tab {
  background: #f8f8f8 !important;
  box-shadow: none !important;
}

.minus + input {
  border: 1px solid #ededed !important;
  height: 35px !important;
  line-height: 35px !important;
  width: 48px !important;
}

.quantity {
  height: 35px !important;
}

.minus, .plus {
  display: none !important;
}

#submit {
  display: inline-block !important;
  background: #f8f8f8 !important;
  width: auto !important;
  padding: 0 44px !important;
  float: right;
}

.works-filter, .vc_grid-filter {
  margin-top: 46px !important;
  margin-bottom: 34px !important;
  text-transform: uppercase;
}

.active-filter a {
  text-decoration: none;
}

.active-filter a:focus {
  color: #89C4F4;
}

.quantity ~ .single_add_to_cart_button {
  padding: 10.5px 21px;
}

.term-description {
  text-align: center;
  background-color: #f8f8f8;
  padding: 42px 21px 21px;
  text-transform: uppercase;
}

.price del, .price ins {
  display: inline-block !important;
}

.price del + ins span {
  color: #D83973;
}

.woocommerce-result-count {
  padding-top: 11px;
}

.vc_progress_bar .vc_single_bar {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 6px 12px;
}

.vc_label_units {
  color: #f487af;
  margin-left: 5px;
}

.vc_label {
  font-family: 'Oxygen', sans-serif;
  text-shadow: none !important;
}

.footer-sidebar .tt-about-widget {
  background: rgba(0,0,0, 0.1);
  padding: 23px;
  -webkit-box-shadow: 0 10px 20px -14px rgba(0,0,0,0.5);
  box-shadow: 0 10px 20px -14px rgba(0,0,0,0.5);
}

.tt-about-widget figure {
  max-width: 75%;
  margin: 0 auto 23px;
  border-radius: 50%;
}

.footer-sidebar .tt-about-widget figure {
  -webkit-box-shadow: 0 14px 13px -14px rgba(0,0,0,0.6);
  box-shadow: 0 14px 13px -14px rgba(0,0,0,0.6);
}

.tt-about-widget figure span {
  display: block;
}

.tt-about-widget figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.tt-about-content {
  font-size: 0.9em;
  padding: 0 11px;
}

.vc_figure {
  position: relative;
}

.vc_figure .vc_figure-caption {
  position: absolute;
  bottom: 0;
  left: 23px;
  right: 23px;
  background: rgba(255,255,255, 0.9);
  padding: 11px;
  text-align: center;
  font-size: 1.1em !important;
  font-family: 'Oxygen', sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: 5px 0 2px -4px rgba(0,0,0,0.3), -5px 0 2px -4px rgba(0,0,0,0.3);
  box-shadow: 5px 0 2px -4px rgba(0,0,0,0.3), -5px 0 2px -4px rgba(0,0,0,0.3);
  color: #6c6c6c;
  pointer-events: none;
}

.vc_grid-item-mini .vc_gitem-zone .vc-zone-link {
  background-color: inherit;
}

.vc_grid-item-mini .vc_gitem-post-data-source-post_title,
.vc_grid-item-mini .vc_gitem-post-data-source-post_date {
  position: relative;
  z-index: 9;
}

.fancy-list {
  margin-bottom: 23px;
}

.center-list ul {
  display: table;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fancy-list ul {
  margin-bottom: 0 !important;
}

.fancy-list li {
  padding: 5px 0;
}

.fancy-list i {
  font-size: 0.8em;
  margin-right: 11px;
}

#contact-from {
  margin-bottom: 0;
}

#contact-from p:last-child {
  margin-bottom: 0;
}

#comment-submit {
  border: none;
  background: #89C4F4;
  color: #ffffff;
  font-family: 'Oxygen', sans-serif;
  text-transform: uppercase;
}

#comment-submit:hover {
  opacity: 0.8;
}

.comment-content > h5 {
  margin-bottom: 11px;
}

.reply-link {
  opacity: 0.5;
}

/* Woocommerce */
.woocommerce .woocommerce-ordering {
  margin-bottom: 46px;
}

.woocommerce .products > li {
  background: #f8f8f8;
  -webkit-box-shadow: 0 6px 16px -10px rgba(0,0,0,0.4);
  box-shadow: 0 6px 16px -10px rgba(0,0,0,0.4);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.woocommerce .products > li:hover {
  -webkit-box-shadow: 0 10px 20px -10px rgba(0,0,0,0.4);
  box-shadow: 0 10px 20px -10px rgba(0,0,0,0.4);
}

.woocommerce .products > li a h3 {
  padding: 11px !important;
  text-transform: uppercase;
}

.woocommerce .products > li .price {
    padding: 0 11px;
}

.woocommerce .price {
  color: #568DA2 !important;
}

.woocommerce .price del + ins span {
  color: #f487af;
  font-weight: normal !important;
}

.tt-add-to-cart {
  width: 100%;
  margin: 0 !important;
  color: #53C6F4 !important;
  padding-bottom: 11px !important;
  margin-top: 5px !important;
}

.tt-add-to-cart:hover {
  opacity: 0.7;
}

.tt-onsale {
  position: absolute;
  top: 0;
  right: 0;
}

.tt-onsale:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 0 50px 50px 0;
  border-style: solid;
  border-color: transparent #FFBCD5 transparent transparent;
}

.tt-onsale:after {
  content: attr(data-sale-text);
  display: block;
  position: absolute;
  top: 10px;
  right: 2px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-size: 0.7em;
  letter-spacing: 1px;
}

.orderby {
  background-color: transparent !important;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  position: fixed !important;
  bottom: 2px;
  right: 23px;
  margin-bottom: 0 !important;
  z-index: 999;
  width: 350px;
  padding: 23px 46px 92px !important;
  border-top: none !important;
  -webkit-transform: translateY(150%);
  -moz-transform: translateY(150%);
  transform: translateY(150%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.woocommerce .woocommerce-message {
  background: #CBE497 !important;
}

.woocommerce .woocommerce-info {
  background: #61C6F4 !important;
}

.woocommerce .woocommerce-error {
  background: #f487af;
}

.woocommerce .woocommerce-message.show-message,
.woocommerce .woocommerce-info.show-message,
.woocommerce .woocommerce-error.show-message {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

.woocommerce .woocommerce-message > a ,
.woocommerce .woocommerce-info > a ,
.woocommerce .woocommerce-error > a{
  position: absolute;
  bottom: 23px;
  left: 46px;
  right: 46px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Oxygen', sans-serif;
}

.woocommerce .woocommerce-message > a,
.woocommerce .woocommerce-error > a {
  background-color: #ffffff !important;
}

.woocommerce .woocommerce-info > a {
  color: #ffffff !important;
  background: transparent !important;
}

.woocommerce .woocommerce-message > a:hover,
.woocommerce .woocommerce-info > a:hover,
.woocommerce .woocommerce-error > a:hover {
  opacity: 0.8;
}

.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-error:before {
  position: static;
  font-size: 4em;
  color: #ffffff;
  display: table;
  margin: 0 auto 11px;
}

.woocommerce nav.woocommerce-pagination ul ,
.woocommerce nav.woocommerce-pagination ul li {
  border-color: #e8e8e8;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 11px 16px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #f8f8f8;
}

.product_title, 
.related.products > h2,
.wc-tab > h2:first-child,
#reviews #comments > h2,
.cart_totals > h2 {
  font-size: 34px;
  line-height: 1.1em;
}

.single_add_to_cart_button, #submit,
.checkout-button {
  font-family: 'Oxygen', sans-serif !important;
  padding: 14.5px 23px !important;
  background: #61C6F4 !important;
  color: #ffffff !important;
}

.checkout-button {
  text-transform: uppercase;
}

.checkout-button:hover {
  opacity: 0.7;
}

.single_add_to_cart_button:hover,
#submit:hover {
  opacity: 0.7;
}

.products,
.tabs.wc-tabs {
  margin-bottom: 0 !important;
}

.woocommerce-tabs{
  padding: 63px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  padding: 11px 34px;
}

#reply-title {
  font-size: 23px
}

.cart_item .attachment-shop_thumbnail {
  height: 63px !important;
  width: 63px;
  object-fit: cover;
}

.woocommerce .cart .button, 
.woocommerce .cart input.button,
.checkout-button {
  width: auto !important;
  padding: 14.5px 23px !important;
  background: #61C6F4 !important;
  color: #ffffff !important;
}

.woocommerce .cart input.button {
  background: transparent !important;
  color: #61C6F4 !important;
}

.woocommerce .cart .button:hover {
  opacity: 0.7;
}

.woocommerce table.cart td.actions .input-text {
  width: 260px !important;
}

.woocommerce table.cart td.actions .input-text + .button {
  background: #ededed !important;
  color: inherit !important;
  font-weight: 300;
}

.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3 {
  margin-top: 0;
}

.checkout_coupon {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: relative;
  bottom: -34px;
}

.checkout_coupon p,
.checkout_coupon input {
  width: 100% !important;
}

.woocommerce form .form-row .required {
  color: #f487af;
}

.woocommerce table.shop_table {
  border-left: 0 !important;
}

.woocommerce #payment #place_order,
.woocommerce .login input[type=submit],
.wc-backward ,
.shop-box input[type=submit] {
  width: auto !important;
  padding: 23px 46px !important;
  height: auto !important;
  text-transform: uppercase;
  background: #61C6F4 !important;
  color: #ffffff !important;
  font-family: 'Oxygen', sans-serif !important;
}

.woocommerce #payment #place_order:hover,
.woocommerce .login input[type=submit]:hover,
.wc-backward:hover,
.shop-box input[type=submit]:hover {
  opacity: 0.7;
}

.shop-box input[type=submit] {
  margin-top: 23px;
}

.woocommerce-checkout-payment {
  background: transparent !important;
}

.form-row.place-order {
  padding: 0 !important;
}

.woocommerce .login {
  width: 40%;
  min-width: 320px;
  margin: 0 auto !important;
}

.woocommerce .login input[type=submit] {
  width: 100% !important;
  margin: 11px 0;
}

.woocommerce .login input[type=submit] + label {
  padding: 0;
}

.shop-box .container > h2:first-child {
  margin-top: 0;
  font-size: 34px;
  text-align: center;
}

.tt-empty-cart {
  text-align: center;
}

.tt-empty-cart i {
  font-size: 5em;
  opacity: 0.2;
  display: block;
  margin: 0 0 34px;
}

.myaccount_user + h2 {
  margin-top: 0;
  font-size: 34px;
}

.margin-top-none {
  margin-top: 0;
}

#testimonials-slider ul {
  will-change: margin-top, transform;
}

.wpb_gmaps_widget .wpb_wrapper {
  padding: 0 !important;
}

.wpb_map_wraper {
  position: relative;
  border: none;
}

.wpb_map_wraper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.1);
}

.wpb_map_wraper.tt-active-map:before {
  display: none;
  pointer-events: none;
}

.invalid_email {
  border-color: #f487af;
}

#result_container {
  position: absolute;
  font-size: 0.8em;
  bottom: 8px;
  left: 34px;
}

.gallery-item:hover .gallery-icon {
    top: 0;
}

@media screen and (min-width: 30em) {

  .gallery-columns-1 .gallery-item {
    max-width: 100%;
  }

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

  .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
  }

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

.gallery-item {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 0 0 1.5em;
  padding: 0 1em 0 0;
  width: 50%;
}