/*-----------------------------------------------------------------------------------

    Theme Name: Canvas
    Theme URI: http://themes.semicolonweb.com/html/canvas
    Description: The Multi-Purpose Template
    Author: SemiColonWeb
    Author URI: http://themeforest.net/user/semicolonweb
    Version: 4.1.1

    LESS Stylesheet

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
	helpers.scss
-----------------------------------------------------------------------------------*/
.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.nott {
  text-transform: none !important;
}

.tright {
  text-align: right !important;
}

.tleft {
  text-align: left !important;
}

.fright {
  float: right !important;
}

.fleft {
  float: left !important;
}

.fnone {
  float: none !important;
}

.ohidden {
  position: relative;
  overflow: hidden !important;
}

.line,
.double-line {
  clear: both;
  position: relative;
  width: 100%;
  margin: 60px 0;
  border-top: 1px solid #EEE;
}
.line.line-sm,
.double-line.line-sm {
  margin: 30px 0;
}

span.middot {
  display: inline-block;
  margin: 0 5px;
}

.double-line {
  border-top: 3px double #E5E5E5;
}

.emptydiv {
  display: block !important;
  position: relative !important;
}

.allmargin {
  margin: 50px !important;
}

.leftmargin {
  margin-left: 50px !important;
}

.rightmargin {
  margin-right: 50px !important;
}

.topmargin {
  margin-top: 50px !important;
}

.bottommargin {
  margin-bottom: 50px !important;
}

.clear-bottommargin {
  margin-bottom: -50px !important;
}

.allmargin-sm {
  margin: 30px !important;
}

.leftmargin-sm {
  margin-left: 30px !important;
}

.rightmargin-sm {
  margin-right: 30px !important;
}

.topmargin-sm {
  margin-top: 30px !important;
}

.bottommargin-sm {
  margin-bottom: 30px !important;
}

.clear-bottommargin-sm {
  margin-bottom: -30px !important;
}

.allmargin-lg {
  margin: 80px !important;
}

.leftmargin-lg {
  margin-left: 80px !important;
}

.rightmargin-lg {
  margin-right: 80px !important;
}

.topmargin-lg {
  margin-top: 80px !important;
}

.bottommargin-lg {
  margin-bottom: 80px !important;
}

.clear-bottommargin-lg {
  margin-bottom: -80px !important;
}

.nomargin {
  margin: 0 !important;
}

.noleftmargin {
  margin-left: 0 !important;
}

.norightmargin {
  margin-right: 0 !important;
}

.notopmargin {
  margin-top: 0 !important;
}

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

.header-stick {
  margin-top: -50px !important;
}

.content-wrap .header-stick {
  margin-top: -80px !important;
}

.footer-stick {
  margin-bottom: -50px !important;
}

.content-wrap .footer-stick {
  margin-bottom: -80px !important;
}

.noborder {
  border: none !important;
}

.noleftborder {
  border-left: none !important;
}

.norightborder {
  border-right: none !important;
}

.notopborder {
  border-top: none !important;
}

.nobottomborder {
  border-bottom: none !important;
}

.noradius {
  border-radius: 0;
}

.col-padding {
  padding: 60px;
}

.nopadding {
  padding: 0 !important;
}

.noleftpadding {
  padding-left: 0 !important;
}

.norightpadding {
  padding-right: 0 !important;
}

.notoppadding {
  padding-top: 0 !important;
}

.nobottompadding {
  padding-bottom: 0 !important;
}

.noabsolute {
  position: relative !important;
}

.noshadow {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.hidden {
  display: none !important;
}

.nothidden {
  display: block !important;
}

.inline-block {
  float: none !important;
  display: inline-block !important;
}

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

.divcenter {
  position: relative !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.bgcolor,
.bgcolor #header-wrap {
  background-color: #1ABC9C !important;
}

.color {
  color: #1ABC9C !important;
}

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

.nobg {
  background: none !important;
}

.nobgcolor {
  background-color: transparent !important;
}

.bgicon {
  display: block;
  position: absolute;
  bottom: -60px;
  right: -50px;
  font-size: 210px;
  color: rgba(0, 0, 0, 0.1);
}

/* MOVING BG -  TESTIMONIALS */
.bganimate {
  -webkit-animation: BgAnimated 30s infinite linear;
  -moz-animation: BgAnimated 30s infinite linear;
  -ms-animation: BgAnimated 30s infinite linear;
  -o-animation: BgAnimated 30s infinite linear;
  animation: BgAnimated 30s infinite linear;
}

@-webkit-keyframes BgAnimated {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px;
  }
}
@-moz-keyframes BgAnimated {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px;
  }
}
@-ms-keyframes BgAnimated {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px;
  }
}
@-o-keyframes BgAnimated {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px;
  }
}
@keyframes BgAnimated {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 400px;
  }
}
.input-block-level {
  display: block;
  width: 100% !important;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.vertical-middle {
  height: auto !important;
  left: 0;
}

.magnific-max-width .mfp-content {
  max-width: 800px;
}

/* ----------------------------------------------------------------

	Layouts.scss

-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/
.postcontent {
  width: 860px;
}
.postcontent.bothsidebar {
  width: 580px;
}

.sidebar {
  width: 240px;
}

.col_full {
  width: 100%;
}

.col_half {
  width: 48%;
}

.col_one_third {
  width: 30.63%;
}

.col_two_third {
  width: 65.33%;
}

.col_one_fourth {
  width: 22%;
}

.col_three_fourth {
  width: 74%;
}

.col_one_fifth {
  width: 16.8%;
}

.col_two_fifth {
  width: 37.6%;
}

.col_three_fifth {
  width: 58.4%;
}

.col_four_fifth {
  width: 79.2%;
}

.col_one_sixth {
  width: 13.33%;
}

.col_five_sixth {
  width: 82.67%;
}

body.stretched .container-fullwidth {
  position: relative;
  padding: 0 60px;
  width: 100%;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
  display: block;
  position: relative;
  margin-right: 4%;
  margin-bottom: 50px;
  float: left;
}

.postcontent,
.sidebar {
  margin-right: 40px;
}

.col_full {
  clear: both;
  float: none;
  margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last {
  float: right;
}

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

/* ----------------------------------------------------------------

	topbar.scss

-----------------------------------------------------------------*/
#top-bar {
  position: relative;
  border-bottom: 1px solid #EEE;
  /*height: 45px;*/
  line-height: 44px;
  font-size: 13px;
}
#top-bar .col_half {
  width: auto;
}

/* ----------------------------------------------------------------
	Top Links
-----------------------------------------------------------------*/
.top-links {
  position: relative;
  float: left;
}
.top-links ul {
  margin: 0;
  list-style: none;
}
.top-links ul li {
  float: left;
  position: relative;
  height: 44px;
  border-left: 1px solid #EEE;
}
.top-links ul li:first-child,
.top-links ul ul li {
  border-left: 0 !important;
}
.top-links li > a {
  display: block;
  padding: 0 12px;
  font-size: 12px;
  /*font-weight: 600;*/
  text-transform: uppercase;
  height: 44px;
  color: #666;
}
.top-links li i {
  vertical-align: top;
}
.top-links li i.icon-angle-down {
  margin: 0 0 0 5px !important;
}
.top-links li i:first-child {
  margin-right: 2px;
}
.top-links li.full-icon i {
  top: 2px;
  font-size: 14px;
  margin: 0;
}
.top-links li:hover {
  background-color: #EEE;
}
.top-links li:hover ul,
.top-links li:hover div.top-link-section {
  pointer-events: auto;
}
.top-links ul ul,
.top-links ul div.top-link-section {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 210;
  line-height: 1.5;
  background: #FFF;
  border: 0;
  top: 44px;
  left: 0;
  width: 140px;
  margin: 0;
  border-top: 1px solid #1ABC9C;
  border-bottom: 1px solid #EEE;
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
}
.top-links ul ul li {
  float: none;
  height: 36px;
  border-top: 1px solid #F5F5F5;
  border-left: 1px solid #EEE;
}
.top-links ul ul li:hover {
  background-color: #F9F9F9;
}
.top-links ul ul li:first-child {
  border-top: none !important;
  border-left: 1px solid #EEE;
}
.top-links ul ul a {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
.top-links ul ul img {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.top-links ul ul.top-demo-lang img {
  top: 4px;
  width: 16px;
  height: 16px;
}
.top-links ul div.top-link-section {
  padding: 25px;
  left: 0;
  width: 280px;
}

.fright .top-links ul div.top-link-section,
.top-links.fright ul div.top-link-section {
  left: auto;
  right: 0;
}

/* ----------------------------------------------------------------
	Top Social
-----------------------------------------------------------------*/
#top-social,
#top-social ul {
  margin: 0;
}

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
  display: block;
  position: relative;
  float: left;
  width: auto;
  overflow: hidden;
  height: 44px;
  line-height: 44px;
}
#top-social li {
  border-left: 1px solid #EEE;
}
#top-social li:first-child {
  border-left: 0 !important;
}
#top-social li a {
  float: none;
  width: 40px;
  font-weight: bold;
  color: #666;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}
#top-social li a:hover {
  color: #FFF !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#top-social li .ts-icon {
  width: 40px;
  text-align: center;
  font-size: 14px;
}

/* ----------------------------------------------------------------
	Top Login
-----------------------------------------------------------------*/
#top-login {
  margin-bottom: 0;
}
#top-login .checkbox {
  margin-bottom: 10px;
}
#top-login .form-control {
  position: relative;
}
#top-login .form-control:focus {
  border-color: #CCC;
}
#top-login .input-group#top-login-username {
  margin-bottom: -1px;
}
#top-login #top-login-username input,
#top-login #top-login-username .input-group-addon {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#top-login .input-group#top-login-password {
  margin-bottom: 10px;
}
#top-login #top-login-password input,
#top-login #top-login-password .input-group-addon {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* ----------------------------------------------------------------

	header.scss

-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/
#top-search,
#top-cart,
#side-panel-trigger,
#top-account {
  float: right;
  margin: 40px 0 40px 15px;
}

#top-cart {
  position: relative;
}

#top-search a,
#top-cart a,
#side-panel-trigger a,
#top-account a {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #333;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

#top-search a {
  z-index: 11;
}

#top-search a i {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

body.top-search-open #top-search a i.icon-search3,
#top-search a i.icon-line-cross {
  opacity: 0;
}

body.top-search-open #top-search a i.icon-line-cross {
  opacity: 1;
  z-index: 11;
  font-size: 16px;
}

#top-cart a:hover {
  color: #1ABC9C;
}

#top-search form {
  opacity: 0;
  z-index: -2;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  padding: 0 15px;
  margin: 0;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

body.top-search-open #top-search form {
  opacity: 1;
  z-index: 10;
}

#top-search form input {
  box-shadow: none !important;
  pointer-events: none;
  border-radius: 0;
  border: 0;
  outline: 0 !important;
  font-size: 32px;
  padding: 10px 80px 10px 0;
  height: 100%;
  background-color: transparent;
  color: #333;
  font-weight: 700;
  margin-top: 0 !important;
  font-family: "Raleway", sans-serif;
  letter-spacing: 2px;
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.full-header #top-search form input {
  padding-left: 40px;
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) .container-fullwidth #top-search form input {
  padding-left: 60px;
}

body.top-search-open #top-search form input {
  pointer-events: auto;
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

#top-search form input::-moz-placeholder {
  color: #555;
  opacity: 1;
  text-transform: uppercase;
}
#top-search form input:-ms-input-placeholder {
  color: #555;
  text-transform: uppercase;
}
#top-search form input::-webkit-input-placeholder {
  color: #555;
  text-transform: uppercase;
}

#primary-menu .container #top-search form input,
.sticky-header #top-search form input {
  border: none !important;
}

/* ----------------------------------------------------------------
	Top Cart
-----------------------------------------------------------------*/
#top-cart {
  margin-right: 0;
}

#top-cart > a > span {
  display: block;
  position: absolute;
  top: -7px;
  left: auto;
  right: -14px;
  font-size: 10px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background-color: #1ABC9C;
  border-radius: 50%;
}

#top-cart .top-cart-content {
  opacity: 0;
  z-index: -2;
  position: absolute;
  width: 280px;
  background-color: #FFF;
  box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid #EEE;
  border-top: 2px solid #1ABC9C;
  top: 60px;
  right: -15px;
  left: auto;
  margin: -10000px 0 0;
  -webkit-transition: opacity 0.5s ease, top 0.4s ease;
  -o-transition: opacity 0.5s ease, top 0.4s ease;
  transition: opacity 0.5s ease, top 0.4s ease;
}

.style-2 .container #top-cart .top-cart-content {
  top: 40px;
}

.style-2.sub-title .container #top-cart .top-cart-content {
  top: 50px;
}

#top-cart.top-cart-open .top-cart-content {
  opacity: 1;
  z-index: 11;
  margin-top: 0;
}

.top-cart-title {
  padding: 12px 15px;
  border-bottom: 1px solid #EEE;
}

.top-cart-title h4 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.top-cart-items {
  padding: 15px;
}

.top-cart-item {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #F5F5F5;
}

.top-cart-item:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

.top-cart-item-image {
  float: left;
  margin-right: 15px;
  width: 48px !important;
  height: 48px !important;
  border: 2px solid #EEE;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}

.top-cart-item-image a,
.top-cart-item-image img {
  display: block;
  width: 44px !important;
  height: 44px !important;
}

.top-cart-item-image:hover {
  border-color: #1ABC9C;
}

.top-cart-item-desc {
  position: relative;
  overflow: hidden;
}

.top-cart-item-desc a {
  text-align: left !important;
  font-size: 13px !important;
  width: auto !important;
  height: auto !important;
  font-weight: 600;
}

.top-cart-item-desc a:hover {
  color: #1ABC9C !important;
}

.top-cart-item-desc span.top-cart-item-price {
  display: block;
  line-height: 20px;
  font-size: 12px !important;
  color: #999;
}

.top-cart-item-desc span.top-cart-item-quantity {
  display: block;
  position: absolute;
  font-size: 12px !important;
  right: 0;
  top: 2px;
  color: #444;
}

.top-cart-action {
  padding: 15px;
  border-top: 1px solid #EEE;
}

.top-cart-action span.top-checkout-price {
  font-size: 20px;
  color: #1ABC9C;
}

/* ----------------------------------------------------------------
	Top Account
-----------------------------------------------------------------*/
#top-account {
  margin: 32px 0 33px 20px;
}
#top-account a {
  width: auto;
  height: auto;
}
#top-account a span {
  margin-left: 5px;
  font-weight: 600;
}
#top-account a i.icon-angle-down {
  margin-left: 5px;
  font-size: 12px;
}
#top-account .dropdown-menu {
  padding: 10px 0;
}
#top-account .dropdown-menu li a {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: left;
  line-height: 22px;
}
#top-account .dropdown-menu li a .badge {
  display: block;
  float: right;
  margin: 2px 0 0 0;
}
#top-account .dropdown-menu li a i:last-child {
  position: relative;
  top: 1px;
  margin-left: 5px;
}



/* Animated Icon Hovers
-----------------------------------------------------------------*/
.fbox-effect .fbox-icon i {
  z-index: 1;
}

.fbox-effect .fbox-icon i:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fbox-rounded.fbox-effect .fbox-icon i:after {
  border-radius: 3px;
}

.fbox-effect .fbox-icon i {
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.fbox-effect .fbox-icon i:after {
  top: -3px;
  left: -3px;
  padding: 3px;
  box-shadow: 0 0 0 2px #333;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -o-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
  background-color: #333;
  color: #FFF;
}

.fbox-effect.fbox-dark .fbox-icon i:after {
  box-shadow: 0 0 0 2px #1ABC9C;
}

.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i {
  background-color: #1ABC9C;
}

.fbox-effect .fbox-icon i:hover:after,
.fbox-effect:hover .fbox-icon i:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Icon Effects - Bordered
-----------------------------------------------------------------*/
.fbox-border.fbox-effect .fbox-icon i {
  -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
  -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
  transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
}

.fbox-border.fbox-effect .fbox-icon i:after {
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;
  box-shadow: none;
  background-image: url("images/icons/iconalt.svg");
  background-position: center center;
  background-size: 100% 100%;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
  -o-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
  transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
}

.fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after {
  border-radius: 3px;
}

.fbox-border.fbox-effect .fbox-icon i:hover,
.fbox-border.fbox-effect:hover .fbox-icon i {
  color: #FFF;
  box-shadow: 0 0 0 1px #333;
}

.fbox-border.fbox-effect .fbox-icon i:after {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
  background-color: #333;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
  box-shadow: 0 0 0 1px #1ABC9C;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
  background-color: #1ABC9C;
}

.fbox-border.fbox-effect .fbox-icon i:hover:after,
.fbox-border.fbox-effect:hover .fbox-icon i:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}


/*-----------------------------------------------------------------------------------

	Shortcodes: styled-icons.scss

-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/
.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
  display: block;
  float: left;
  margin: 4px 11px 7px 0;
  text-align: center !important;
  font-size: 28px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  font-style: normal;
}

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.i-rounded,
.i-circled,
.i-bordered {
  width: 52px !important;
  height: 52px !important;
  line-height: 52px !important;
  background-color: #444;
  border-radius: 3px;
}

.i-bordered {
  border: 1px solid #555;
  line-height: 50px !important;
  background-color: transparent !important;
  color: #444;
  text-shadow: none;
}

.i-plain {
  width: 36px !important;
  height: 36px !important;
  font-size: 28px;
  line-height: 36px !important;
  color: #444;
  text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover {
  color: #111;
}

.i-circled {
  border-radius: 50%;
}

.i-light {
  background-color: #F5F5F5;
  color: #444;
  text-shadow: 1px 1px 1px #FFF;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

.i-alt {
  background-image: url("images/icons/iconalt.svg");
  background-position: center center;
  background-size: 100% 100%;
}

.i-rounded:hover,
.i-circled:hover {
  background-color: #1ABC9C;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}

.i-bordered:hover {
  background-color: #444 !important;
  color: #FFF;
  border-color: #444;
}

/* Icon Size - Small
-----------------------------------------------------------------*/
.i-small.i-rounded, .i-small.i-plain, .i-small.i-circled, .i-small.i-bordered {
  margin: 4px 11px 7px 0;
  font-size: 14px;
}
.i-small.i-rounded, .i-small.i-circled, .i-small.i-bordered {
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
}
.i-small.i-bordered {
  line-height: 26px !important;
}
.i-small.i-plain {
  width: 18px !important;
  height: 18px !important;
  font-size: 14px;
  line-height: 18px !important;
}

/* Icon Size - Small
-----------------------------------------------------------------*/
.i-medium.i-rounded, .i-medium.i-plain, .i-medium.i-circled, .i-medium.i-bordered {
  margin: 6px 13px 9px 0;
  font-size: 21px;
}
.i-medium.i-rounded, .i-medium.i-circled, .i-medium.i-bordered {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
}
.i-medium.i-bordered {
  line-height: 34px !important;
}
.i-medium.i-plain {
  width: 28px !important;
  height: 28px !important;
  font-size: 20px;
  line-height: 28px !important;
}

/* Icon Size - Large
-----------------------------------------------------------------*/
.i-large.i-rounded, .i-large.i-plain, .i-large.i-circled, .i-large.i-bordered {
  margin: 4px 11px 7px 0;
  font-size: 42px;
}
.i-large.i-rounded, .i-large.i-circled, .i-large.i-bordered {
  width: 64px !important;
  height: 64px !important;
  line-height: 64px !important;
}
.i-large.i-bordered {
  line-height: 62px !important;
}
.i-large.i-plain {
  width: 48px !important;
  height: 48px !important;
  font-size: 42px;
  line-height: 48px !important;
}

/* Icon Size - Extra Large
-----------------------------------------------------------------*/
.i-xlarge.i-rounded, .i-xlarge.i-plain, .i-xlarge.i-circled, .i-xlarge.i-bordered {
  margin: 4px 11px 7px 0;
  font-size: 56px;
}
.i-xlarge.i-rounded, .i-xlarge.i-circled, .i-xlarge.i-bordered {
  width: 84px !important;
  height: 84px !important;
  line-height: 84px !important;
}
.i-xlarge.i-bordered {
  line-height: 82px !important;
}
.i-xlarge.i-plain {
  width: 64px !important;
  height: 64px !important;
  font-size: 56px;
  line-height: 64px !important;
}

/* ----------------------------------------------------------------
	Icon Overlay
-----------------------------------------------------------------*/
.i-overlay,
.i-overlay a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.2) url("images/grid.png") repeat;
}

.i-overlay a {
  background: transparent;
}
.i-overlay img,
.i-overlay i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  width: 48px !important;
  height: 48px !important;
  font-size: 48px;
  line-height: 1;
  color: #E5E5E5;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.i-overlay i {
  margin: -18px 0 0 -18px;
  width: 36px !important;
  height: 36px !important;
  line-height: 36px;
  font-size: 24px;
}

.on-hover.i-overlay {
  opacity: 0;
}
.on-hover.i-overlay:hover {
  opacity: 1;
}

body:not(.device-touch) .on-hover.i-overlay {
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

/*-----------------------------------------------------------------------------------

	Shortcodes: social-icons.scss

-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Social Icons
-----------------------------------------------------------------*/
.social-icon {
  margin: 0 5px 5px 0;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 38px !important;
  color: #555;
  text-shadow: none;
  border: 1px solid #AAA;
  border-radius: 3px;
  overflow: hidden;
}

/* Social Icons - Rounded
-----------------------------------------------------------------*/
.si-rounded {
  border-radius: 50%;
}

/* Social Icons - Borderless
-----------------------------------------------------------------*/
.si-borderless {
  border-color: transparent !important;
}

/* Social Icons - Dark
-----------------------------------------------------------------*/
.si-dark {
  background-color: #444;
  color: #FFF !important;
  border-color: transparent;
}

/* Social Icons - Light
-----------------------------------------------------------------*/
.si-light {
  background-color: rgba(0, 0, 0, 0.05);
  color: #666 !important;
  border-color: transparent;
}

/* Social Icons - Colored
-----------------------------------------------------------------*/
.si-colored {
  border-color: transparent !important;
}
.si-colored i {
  color: #FFF;
}

/* Social Icons - Large
-----------------------------------------------------------------*/
.social-icon.si-large {
  margin: 0 10px 10px 0;
  width: 56px;
  height: 56px;
  font-size: 30px;
  line-height: 54px !important;
}

/* Social Icons - Small
-----------------------------------------------------------------*/
.social-icon.si-small {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 30px !important;
}
.social-icon i {
  display: block;
  position: relative;
}

body:not(.device-touch) .social-icon i {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.social-icon i:last-child {
  color: #FFF !important;
}
.social-icon:hover {
  color: #555;
  border-color: transparent;
}
.social-icon:hover i:first-child {
  margin-top: -38px;
}
.social-icon.si-large:hover i:first-child {
  margin-top: -54px;
}
.social-icon.si-small:hover i:first-child {
  margin-top: -30px;
}

.si-colored.social-icon {
  border-color: transparent;
}

/* Social Icons - Sticky
-----------------------------------------------------------------*/
.si-sticky {
  position: fixed;
  top: 50%;
  left: 5px;
  width: 36px;
  z-index: 100;
}

/* Social Icons - Sticky Right
-----------------------------------------------------------------*/
.si-sticky.si-sticky-right {
  left: auto;
  right: 8px;
}

/* Social Icons - Share
-----------------------------------------------------------------*/
.si-share {
  position: relative;
  padding-left: 5px;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
.si-share span {
  line-height: 36px;
  font-weight: bold;
  font-size: 13px;
}
.si-share div {
  float: right;
}
.si-share .social-icon {
  margin: -1px 0;
  border-radius: 0;
  font-size: 15px;
}

.si-facebook:hover,
.si-colored.si-facebook {
  background-color: #3B5998 !important;
}

.si-delicious:hover,
.si-colored.si-delicious {
  background-color: #205CC0 !important;
}

.si-paypal:hover,
.si-colored.si-paypal {
  background-color: #00588B !important;
}

.si-flattr:hover,
.si-colored.si-flattr {
  background-color: #F67C1A !important;
}

.si-android:hover,
.si-colored.si-android {
  background-color: #A4C639 !important;
}

.si-smashmag:hover,
.si-colored.si-smashmag {
  background-color: #E53B2C !important;
}

.si-gplus:hover,
.si-colored.si-gplus {
  background-color: #DD4B39 !important;
}

.si-wikipedia:hover,
.si-colored.si-wikipedia {
  background-color: #333 !important;
}

.si-stumbleupon:hover,
.si-colored.si-stumbleupon {
  background-color: #F74425 !important;
}

.si-foursquare:hover,
.si-colored.si-foursquare {
  background-color: #25A0CA !important;
}

.si-call:hover,
.si-colored.si-call {
  background-color: #444 !important;
}

.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns {
  background-color: #F26739 !important;
}

.si-forrst:hover,
.si-colored.si-forrst {
  background-color: #5B9A68 !important;
}

.si-digg:hover,
.si-colored.si-digg {
  background-color: #191919 !important;
}

.si-spotify:hover,
.si-colored.si-spotify {
  background-color: #81B71A !important;
}

.si-reddit:hover,
.si-colored.si-reddit {
  background-color: #C6C6C6 !important;
}

.si-blogger:hover,
.si-colored.si-blogger {
  background-color: #FC4F08 !important;
}

.si-cc:hover,
.si-colored.si-cc {
  background-color: #688527 !important;
}

.si-dribbble:hover,
.si-colored.si-dribbble {
  background-color: #EA4C89 !important;
}

.si-evernote:hover,
.si-colored.si-evernote {
  background-color: #5BA525 !important;
}

.si-flickr:hover,
.si-colored.si-flickr {
  background-color: #FF0084 !important;
}

.si-google:hover,
.si-colored.si-google {
  background-color: #DD4B39 !important;
}

.si-instapaper:hover,
.si-colored.si-instapaper {
  background-color: #333 !important;
}

.si-klout:hover,
.si-colored.si-klout {
  background-color: #FF5F52 !important;
}

.si-linkedin:hover,
.si-colored.si-linkedin {
  background-color: #0E76A8 !important;
}

.si-vk:hover,
.si-colored.si-vk {
  background-color: #2B587A !important;
}

.si-rss:hover,
.si-colored.si-rss {
  background-color: #EE802F !important;
}

.si-skype:hover,
.si-colored.si-skype {
  background-color: #00AFF0 !important;
}

.si-twitter:hover,
.si-colored.si-twitter {
  background-color: #00ACEE !important;
}

.si-youtube:hover,
.si-colored.si-youtube {
  background-color: #C4302B !important;
}

.si-vimeo:hover,
.si-colored.si-vimeo {
  background-color: #86C9EF !important;
}

.si-aim:hover,
.si-colored.si-aim {
  background-color: #FCD20B !important;
}

.si-yahoo:hover,
.si-colored.si-yahoo {
  background-color: #720E9E !important;
}

.si-email3:hover,
.si-colored.si-email3 {
  background-color: #6567A5 !important;
}

.si-macstore:hover,
.si-colored.si-macstore {
  background-color: #333333 !important;
}

.si-myspace:hover,
.si-colored.si-myspace {
  background-color: #666666 !important;
}

.si-podcast:hover,
.si-colored.si-podcast {
  background-color: #E4B21B !important;
}

.si-cloudapp:hover,
.si-colored.si-cloudapp {
  background-color: #525557 !important;
}

.si-dropbox:hover,
.si-colored.si-dropbox {
  background-color: #3D9AE8 !important;
}

.si-ebay:hover,
.si-colored.si-ebay {
  background-color: #89C507 !important;
}

.si-github:hover,
.si-colored.si-github {
  background-color: #171515 !important;
}

.si-googleplay:hover,
.si-colored.si-googleplay {
  background-color: #DD4B39 !important;
}

.si-itunes:hover,
.si-colored.si-itunes {
  background-color: #222 !important;
}

.si-plurk:hover,
.si-colored.si-plurk {
  background-color: #CF5A00 !important;
}

.si-pinboard:hover,
.si-colored.si-pinboard {
  background-color: #0000E6 !important;
}

.si-soundcloud:hover,
.si-colored.si-soundcloud {
  background-color: #FF7700 !important;
}

.si-tumblr:hover,
.si-colored.si-tumblr {
  background-color: #34526F !important;
}

.si-wordpress:hover,
.si-colored.si-wordpress {
  background-color: #1E8CBE !important;
}

.si-yelp:hover,
.si-colored.si-yelp {
  background-color: #C41200 !important;
}

.si-intensedebate:hover,
.si-colored.si-intensedebate {
  background-color: #009EE4 !important;
}

.si-eventbrite:hover,
.si-colored.si-eventbrite {
  background-color: #F16924 !important;
}

.si-scribd:hover,
.si-colored.si-scribd {
  background-color: #666666 !important;
}

.si-stripe:hover,
.si-colored.si-stripe {
  background-color: #008CDD !important;
}

.si-print:hover,
.si-colored.si-print {
  background-color: #111 !important;
}

.si-dwolla:hover,
.si-colored.si-dwolla {
  background-color: #FF5C03 !important;
}

.si-statusnet:hover,
.si-colored.si-statusnet {
  background-color: #131A30 !important;
}

.si-acrobat:hover,
.si-colored.si-acrobat {
  background-color: #D3222A !important;
}

.si-drupal:hover,
.si-colored.si-drupal {
  background-color: #27537A !important;
}

.si-buffer:hover,
.si-colored.si-buffer {
  background-color: #333333 !important;
}

.si-pocket:hover,
.si-colored.si-pocket {
  background-color: #EE4056 !important;
}

.si-bitbucket:hover,
.si-colored.si-bitbucket {
  background-color: #0E4984 !important;
}

.si-stackoverflow:hover,
.si-colored.si-stackoverflow {
  background-color: #EF8236 !important;
}

.si-hackernews:hover,
.si-colored.si-hackernews {
  background-color: #FF6600 !important;
}

.si-xing:hover,
.si-colored.si-xing {
  background-color: #126567 !important;
}

.si-instagram:hover,
.si-colored.si-instagram {
  background-color: #3F729B !important;
}

.si-quora:hover,
.si-colored.si-quora {
  background-color: #A82400 !important;
}

.si-openid:hover,
.si-colored.si-openid {
  background-color: #E16309 !important;
}

.si-steam:hover,
.si-colored.si-steam {
  background-color: #111 !important;
}

.si-amazon:hover,
.si-colored.si-amazon {
  background-color: #E47911 !important;
}

.si-disqus:hover,
.si-colored.si-disqus {
  background-color: #E4E7EE !important;
}

.si-plancast:hover,
.si-colored.si-plancast {
  background-color: #222 !important;
}

.si-appstore:hover,
.si-colored.si-appstore {
  background-color: #000 !important;
}

.si-pinterest:hover,
.si-colored.si-pinterest {
  background-color: #C8232C !important;
}

.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx {
  background-color: #111 !important;
}

/* Social Icons Text Color
-----------------------------------------------------------------*/
.si-text-color.si-facebook i {
  color: #3B5998;
}

.si-text-color.si-delicious i {
  color: #205CC0;
}

.si-text-color.si-paypal i {
  color: #00588B;
}

.si-text-color.si-flattr i {
  color: #F67C1A;
}

.si-text-color.si-android i {
  color: #A4C639;
}

.si-text-color.si-smashmag i {
  color: #E53B2C;
}

.si-text-color.si-gplus i {
  color: #DD4B39;
}

.si-text-color.si-wikipedia i {
  color: #333;
}

.si-text-color.si-stumbleupon i {
  color: #F74425;
}

.si-text-color.si-foursquare i {
  color: #25A0CA;
}

.si-text-color.si-call i {
  color: #444;
}

.si-text-color.si-ninetyninedesigns i {
  color: #F26739;
}

.si-text-color.si-forrst i {
  color: #5B9A68;
}

.si-text-color.si-digg i {
  color: #191919;
}

.si-text-color.si-spotify i {
  color: #81B71A;
}

.si-text-color.si-reddit i {
  color: #C6C6C6;
}

.si-text-color.si-blogger i {
  color: #FC4F08;
}

.si-text-color.si-cc i {
  color: #688527;
}

.si-text-color.si-dribbble i {
  color: #EA4C89;
}

.si-text-color.si-evernote i {
  color: #5BA525;
}

.si-text-color.si-flickr i {
  color: #FF0084;
}

.si-text-color.si-google i {
  color: #DD4B39;
}

.si-text-color.si-instapaper i {
  color: #333;
}

.si-text-color.si-klout i {
  color: #FF5F52;
}

.si-text-color.si-linkedin i {
  color: #0E76A8;
}

.si-text-color.si-vk i {
  color: #2B587A;
}

.si-text-color.si-rss i {
  color: #EE802F;
}

.si-text-color.si-skype i {
  color: #00AFF0;
}

.si-text-color.si-twitter i {
  color: #00ACEE;
}

.si-text-color.si-youtube i {
  color: #C4302B;
}

.si-text-color.si-vimeo i {
  color: #86C9EF;
}

.si-text-color.si-aim i {
  color: #FCD20B;
}

.si-text-color.si-yahoo i {
  color: #720E9E;
}

.si-text-color.si-email3 i {
  color: #6567A5;
}

.si-text-color.si-macstore i {
  color: #333333;
}

.si-text-color.si-myspace i {
  color: #666666;
}

.si-text-color.si-podcast i {
  color: #E4B21B;
}

.si-text-color.si-cloudapp i {
  color: #525557;
}

.si-text-color.si-dropbox i {
  color: #3D9AE8;
}

.si-text-color.si-ebay i {
  color: #89C507;
}

.si-text-color.si-github i {
  color: #171515;
}

.si-text-color.si-googleplay i {
  color: #DD4B39;
}

.si-text-color.si-itunes i {
  color: #222;
}

.si-text-color.si-plurk i {
  color: #CF5A00;
}

.si-text-color.si-pinboard i {
  color: #0000E6;
}

.si-text-color.si-soundcloud i {
  color: #FF7700;
}

.si-text-color.si-tumblr i {
  color: #34526F;
}

.si-text-color.si-wordpress i {
  color: #1E8CBE;
}

.si-text-color.si-yelp i {
  color: #C41200;
}

.si-text-color.si-intensedebate i {
  color: #009EE4;
}

.si-text-color.si-eventbrite i {
  color: #F16924;
}

.si-text-color.si-scribd i {
  color: #666666;
}

.si-text-color.si-stripe i {
  color: #008CDD;
}

.si-text-color.si-print i {
  color: #111;
}

.si-text-color.si-dwolla i {
  color: #FF5C03;
}

.si-text-color.si-statusnet i {
  color: #131A30;
}

.si-text-color.si-acrobat i {
  color: #D3222A;
}

.si-text-color.si-drupal i {
  color: #27537A;
}

.si-text-color.si-buffer i {
  color: #333333;
}

.si-text-color.si-pocket i {
  color: #EE4056;
}

.si-text-color.si-bitbucket i {
  color: #0E4984;
}

.si-text-color.si-stackoverflow i {
  color: #EF8236;
}

.si-text-color.si-hackernews i {
  color: #FF6600;
}

.si-text-color.si-xing i {
  color: #126567;
}

.si-text-color.si-instagram i {
  color: #3F729B;
}

.si-text-color.si-quora i {
  color: #A82400;
}

.si-text-color.si-openid i {
  color: #E16309;
}

.si-text-color.si-steam i {
  color: #111;
}

.si-text-color.si-amazon i {
  color: #E47911;
}

.si-text-color.si-disqus i {
  color: #E4E7EE;
}

.si-text-color.si-plancast i {
  color: #222;
}

.si-text-color.si-appstore i {
  color: #000;
}

.si-text-color.si-pinterest i {
  color: #C8232C;
}

.si-text-color.si-fivehundredpx i {
  color: #111;
}

.si-text-color:hover {
  color: #FFF;
}

/*-----------------------------------------------------------------------------------

	Shortcodes: team.scss

-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Team
-----------------------------------------------------------------*/
.team,
.team-image {
  position: relative;
}

.team-image > a,
.team-image img {
  display: block;
  width: 100%;
}

.team-desc {
  text-align: center;
}
.team-desc.team-desc-bg {
  background-color: #FFF;
  padding: 10px 0 30px;
}

.team .si-share {
  margin-top: 30px;
  text-align: left;
}
.team .si-share .social-icon {
  font-size: 14px;
  width: 34px;
}

.team-title {
  position: relative;
  padding-top: 20px;
}
.team-title h4 {
  display: block;
  margin-bottom: 0;
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.team-title span {
  display: block;
  color: #1ABC9C;
  font-weight: 400;
  font-family: "Crete Round", serif;
  font-style: italic;
  font-size: 15px;
  margin-top: 5px;
}

.team-content {
  margin-top: 15px;
  color: #111;
}
.team-content p:last-child {
  margin-bottom: 0;
}

.team-overlay,
.team-overlay:before {
  opacity: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}

body:not(.device-touch) .team-overlay {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.team-overlay:before {
  content: '';
  z-index: auto;
  background-color: #FFF;
  opacity: 0.75;
}
.team-overlay .social-icon {
  float: none;
  position: relative;
  z-index: 3;
  margin: 0 3px !important;
  display: inline-block;
}

.team:hover .team-overlay {
  opacity: 1;
}

/* Team Center
-----------------------------------------------------------------*/
.team.center .team-title:after {
  left: 50%;
  margin-left: -40px;
}

/* Team List
-----------------------------------------------------------------*/
.team.team-list .team-image {
  float: left;
  width: 250px;
  margin-right: 30px;
}
.team.team-list .team-desc {
  position: relative;
  overflow: hidden;
  text-align: left;
}
.team.team-list .team-title {
  padding-top: 0;
}
.team .team-desc > .social-icon {
  margin-top: 20px;
}
.team .team-content ~ .social-icon {
  margin-top: 30px;
}
.team:not(.team-list) .social-icon {
  display: inline-block;
  float: none;
  margin-left: 6px;
  margin-right: 6px;
}

/*-----------------------------------------------------------------------------------

	Shortcodes: pricing.scss




/* Navigation Tree
-----------------------------------------------------------------*/
.nav-tree {
  position: relative;
  margin-bottom: 40px;
}
.nav-tree ul {
  margin-bottom: 0;
  list-style: none;
}
.nav-tree > ul {
  margin: -8px 0;
}
.nav-tree li {
  position: relative;
}
.nav-tree li a {
  display: block;
  padding: 8px 0;
  color: #333;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  font-family: "Raleway", sans-serif;
}
.nav-tree li i {
  font-size: 14px;
  width: 16px;
  text-align: center;
}
.nav-tree li i:not(.icon-angle-down) {
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.nav-tree li i.icon-angle-down {
  width: auto;
  font-size: 12px;
  margin-left: 2px;
}
.nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {
  color: #1ABC9C !important;
}
.nav-tree ul ul {
  display: none;
}
.nav-tree ul ul a {
  font-size: 12px;
  padding: 6px 0;
  letter-spacing: 1px;
  font-family: "Lato", sans-serif;
}
.nav-tree ul ul a i.icon-angle-down {
  font-size: 12px;
}
.nav-tree ul ul a {
  padding-left: 20px;
}
.nav-tree ul ul ul a {
  padding-left: 40px;
}
.nav-tree ul ul ul ul a {
  padding-left: 60px;
}
.nav-tree ul ul ul ul ul a {
  padding-left: 80px;
}
.nav-tree li.current > ul {
  display: block;
}