body,
input,
button,
select,
textarea,
.gallery-caption {
  font-family: 'Open Sans', sans-serif;
}

.tp-caption.very_big_custom_text,
#menu,
#menu-nav-mobile,
h1,
h2,
h3,
h4,
h5,
h6,
#title-page .page-caption,
#image-static .page-caption,
.pagize .entry-meta.entry-header,
.accordion-heading .accordion-toggle,
.nav > li > a,
.button-main,
.progress .field,
.settings .field,
.fancybox-title-inside-wrap,
.pricing-table .confirm,
#twitter-feed,
#footer-credits,
.masonry-blog .entry-meta,
.standard-blog .entry-meta,
.wpcf7 .wpcf7-submit,
#commentform #submit,
.comment-author cite,
.comment-author cite a,
.comment-meta,
.comment-meta a,
.tagcloud a {
  font-family: 'Montserrat', sans-serif;
}


/*-----------------------------------------------------------------------------------*/
/*  1.  Document Setup - Basic Style
/*-----------------------------------------------------------------------------------*/

html, hmtl a {
  width: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

#main {
  background: #F2F5F8;
  min-height: 500px;
}

#main.game {
  line-height: 0px;
}

body {
  background: #FFFFFF;
  color: #56646F;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

a {
  color: #56646F;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

a:hover,
a:active,
a:focus {
  outline: 0;
  color: #F88A79;
  text-decoration: none;
}


a.account-transfer {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

a.account-transfer:hover,
a.account-transfer:active,
a.account-transfer:focus {
  outline: 0;
  color: #fff;
  text-decoration: underline;
}

a img {
  border: none;
}

strong {
  font-weight: 700;
}

p {
  margin: 0.85em 0;
}

ul, ol {
  margin: 0 0 20px 30px;
  padding: 0;
}

ul {
  list-style: disc inside;
}

ol {
  list-style: decimal inside;
}

li {
  line-height: 30px;
}

.hidden {
  display: none;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

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

.textalignleft {
  text-align: left;
}

.textaligncenter {
  text-align: center;
}

.textalignright {
  text-align: right;
}

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

img.alignright {
  display: block;
  margin: 20px 0 20px 25px;
}

img.aligncenter {
  display: block;
  clear: both;
  margin: 0 auto;
}

img.alignnone {
  display: block;
  margin: 20px 0;
}

.wp-caption {
  margin: 10px 20px 20px 20px;
  max-width: 100%;
  text-align: center;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.wp-caption.aligncenter {
  margin: 20px auto;
}

.wp-caption.alignleft {
  margin-left: 0;
}

.wp-caption.alignright {
  margin-right: 0;
}

.wp-caption.alignnone {
  margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption
.wp-caption-text {
  margin: 0;
  padding: 5px;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 13px;
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 24px;
}

abbr[title],
acronym[title],
dfn[title] {
  border-bottom: 1px dotted #666;
  cursor: help;
}

.through {
  text-decoration: line-through;
}

input, button, select, textarea {
  outline: 0;
  font-weight: 400;
}

input:focus,
textarea:focus,
input[type="text"]:focus {
  outline: 0px!important;
}

input::input-placeholder,
textarea::input-placeholder {
  color: #BCBCC4;
  opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #BCBCC4;
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #BCBCC4;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #BCBCC4;
  opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #BCBCC4;
  opacity: 1;
}

code,
pre {
  padding: 0 3px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #232527;
  font-size: 12px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  border: 1px solid #dde4e9;
  background-color: #F6F6F6;
  color: #232527;
  white-space: nowrap;
}

pre {
  display: block;
  margin: 30px;
  padding: 15px;
  border: 1px solid #dde4e9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FCFCFC;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 12px;
  line-height: 20px;
}

pre code {
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
}

.pre-scrollable {
  overflow-y: scroll;
  max-height: 340px;
}

.sticky {
}

.bypostauthor {
}

.gallery-caption {
  margin-left: 0;
  font-style: italic;
}


a.upper {
  text-transform: uppercase;
}

/*-----------------------------------------------------------------------------------*/
/*  2.  Typography
/*-----------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px 0;
  color: #56646F;
  font-weight: 700;
  letter-spacing: -2px;
  text-transform: uppercase;
  line-height: 1.5em;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4{
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

h3.success{
  margin: 0 0 10px 0;
}

h3.primary{
  margin: 0 0 10px 0;
}

h3.normal{
  margin: 0 0 10px 0;
}

/*-----------------------------------------------------------------------------------*/
/*  3.  Margins / Padding Value / Shadow / Special Classes
/*-----------------------------------------------------------------------------------*/

.responsiveimg img {
  width: 100%;
}

.white > * {
  color: #FFFFFF;
}

.lighter > * {
  font-weight: 300;
}

.normal > * {
  font-weight: 400;
}

.bolder > * {
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase;
}

.no-sortable {
  margin-top: 30px;
}

.no-padding {
  padding: 0;
}

.very-small-padding {
  padding: 10px 0 10px;
}

.small-padding {
  padding: 40px 0 40px;
}

.default-padding {
  padding: 70px 0 70px;
}

.large-padding {
  padding: 100px 0 100px;
}

.shadow-on {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
    inset 0px -1px 3px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
    inset 0px -1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
    inset 0px -1px 3px rgba(0, 0, 0, 0.12);
}

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

.margin-10 {
  margin-bottom: 10px !important;
}

.margin-15 {
  margin-bottom: 15px !important;
}

.margin-20 {
  margin-bottom: 20px !important;
}

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

.margin-40 {
  margin-bottom: 40px !important;
}

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

.margin-60 {
  margin-bottom: 60px !important;
}

.margin-70 {
  margin-bottom: 70px !important;
}

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

.margin-90 {
  margin-bottom: 90px !important;
}

.margin-100 {
  margin-bottom: 100px !important;
}

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

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

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

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

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

/*-----------------------------------------------------------------------------------*/
/*  4.  Header Section
/*-----------------------------------------------------------------------------------*/

header {
  position: relative;
  min-height: 56px;
  height: auto;
  background: #23282F;
}

header #logo a {
  display: block;
  color: #56646F;
  letter-spacing: -0.6px;
  font-weight: 700;
  font-size: 28px;
  line-height: 48px;
}

header #logo a:hover,
header #logo a:focus,
header #logo a:active {
  color: #F88A79;
}

#logo a img {

  /* max-width: 100%; */
  width: 140px;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

#logo a:hover img,
#logo a:focus img,
#logo a:active img {
  opacity: 0.7;
}

#logo img.retina {
  display: none;
}

/* Navigation */

#menu {
  float: right;
}

/* Sub-Menu */

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li {
  position: relative;
  float: left;
  margin: 0 15px;
  line-height: 100px;
  z-index: 40;
}

#menu ul li:last-child {
  margin-right: 0;
}

#menu ul a {
  position: relative;
  display: block;
  color: #B2B2B6;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -1px;
  text-transform: uppercase;
}

#menu ul li:hover { visibility: inherit; }

#menu ul ul {
  position: absolute;
  top: -9999em;
  width: 220px !important;
}

#menu ul ul li {
  width: 100%;
}

#menu ul ul li .bar {
  display: none;
}

#menu ul li:hover ul,
#menu ul li.sfHover ul {
  top: 80px;
  left: -20px;
  z-index: 99;
}

#menu ul a:hover,
#menu ul li.sfHover a,
#menu > ul li.current-cat a,
#menu > ul li.current_page_item a,
#menu > ul li.current-menu-item a,
#menu ul li.current-page-ancestor a,
#menu ul li.current-menu-ancestor a {
  color: #56646F;
}

#menu ul li a .bar {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 6px;
  background: #F88A79;
  opacity: 0;
  -webkit-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
  -moz-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
  -o-transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
  transition: top 0.19s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
}

#menu ul a:hover .bar,
#menu ul li.sfHover .bar,
#menu > ul li.current-cat .bar,
#menu > ul li.current_page_item .bar,
#menu > ul li.current-menu-item .bar,
#menu ul li.current-page-ancestor .bar,
#menu ul li.current-menu-ancestor .bar {
  top: 0;
  opacity: 1;
}

#menu ul li:hover li ul,
#menu ul li.sfHover li ul,
#menu ul li li:hover li ul,
#menu ul li li.sfHover li ul,
#menu ul li li li:hover li ul,
#menu ul li li li.sfHover li ul {
  top: -9999em;
}

#menu ul li li:hover ul,
#menu ul li li.sfHover ul,
#menu ul li li li:hover ul,
#menu ul li li li.sfHover ul,
#menu ul li li li li:hover ul,
#menu ul li li li li.sfHover ul {
  top: 0px;
  left: 200px !important;
}

#menu ul ul {
  padding: 0;
  background: #FFFFFF;
  border: 1px solid #DFDFDF;
  border-bottom: none;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

#menu ul ul li {
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  background: none;
  line-height: 25px;
  border-bottom: 1px solid #DFDFDF;
}

#menu ul ul li:last-child {
  border-bottom: none;
}

#menu ul ul li a {
  padding: 0;
  height: 40px;
  text-align: left;
  line-height: 40px;
}

#menu ul .sub-menu li a {
  color: #B2B2B6;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 5px 20px;

  -webkit-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
}

#menu ul .sub-menu li a:hover {
  color: #FFFFFF;
  background-color: #F88A79;
  border: none;
}


/*-----------------------------------------------------------------------------------*/
/*  5.  Mobile Navigation
/*-----------------------------------------------------------------------------------*/

#mobile-nav,
#navigation-mobile,
#navigation-site {
  display: none;
}

.menu-nav {
  position: relative;
  display: block;
  width: 90px;
  height: 60px;
}

.menu-nav .menu-icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 0 0 0;
  width: 16px;
  height: 16px;
  background: url(/assets/img/menu-mobile.png) 0 0 no-repeat;
  -webkit-transition: -webkit-transform 250ms ease-out 0s;
  -moz-transition: -moz-transform 250ms ease-out 0s;
  -o-transition: -o-transform 250ms ease-out 0s;
  transition: transform 250ms ease-out 0s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.menu-nav.open .menu-icon {
  background-position: 0 -16px;
  -webkit-transition: -webkit-transform 250ms ease-out 0s;
  -moz-transition: -moz-transform 250ms ease-out 0s;
  -o-transition: -o-transform 250ms ease-out 0s;
  transition: transform 250ms ease-out 0s;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#navigation-mobile {
  position: relative;
  z-index: 21;
  display: none;
  background: #FFFFFF;
  border-top: 1px solid #DFDFDF;
}

#navigation-site {
  position: relative;
  z-index: 21;
  display: none;
  background: #FFFFFF;
  border-top: 1px solid #DFDFDF;
}

#menu-nav-mobile {
  margin: 0;
  padding: 10px 0;
}

#menu-nav-mobile li {
  border-top: 1px solid #DFDFDF;
  list-style: none;
}

#navigation-mobile li:first-child {
  border-top: none;
}

#navigation-mobile li a {
  position: relative;
  display: block;
  padding: 15px 0;
  color: #B2B2B6;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -1px;
}

#navigation-mobile li a:hover {
  color: #F88A79;
}

#menu-nav-mobile ul.sub-menu {
  position: relative;
  top: auto;
  margin: 0;
  width: auto;
  background: transparent;
}

#menu-nav-mobile ul.sub-menu li {
  margin-top: 0;
  height: auto;
  border-top: 1px solid #DFDFDF;
}

#menu-nav-mobile .sub-menu li a {
  padding-left: 20px;
}

#menu-nav-mobile .menu-parent-item i {
  position: absolute;
  top: 50%;
  right: 0px;
  margin: -8px 0 0 0;
  color: #B2B2B6;
  font-size: 20px;

  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

#menu-nav-mobile .menu-parent-item.open i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*-----------------------------------------------------------------------------------*/
/*  6.  Revolution Slider Setup Graphics
/*-----------------------------------------------------------------------------------*/

.main-content .container-fluid .revolution_slider_container {
  margin-right: -20px;
  margin-left: -20px;
}

.fullwidthbanner ul li {
  list-style: none;
}

.rev_slider_wrapper:hover .tparrows {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.tp-bullets.simplebullets.round .bullet {
  margin-top: 0;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background-color: #23282F;
  background-image: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
}

.tparrows:before {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  width: 48px;
  text-align: center;
  text-decoration: inherit;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-family: 'Icons';
}

.tparrows:before {
  margin-top: 12px;
}

.tp-leftarrow.default {
  position: relative;
  top: 50% !important;
  z-index: 100;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
}

.tp-rightarrow.default {
  position: relative;
  top: 50% !important;
  z-index: 100;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
}

.tparrows {
  position: relative;
  top: 50% !important;
  z-index: 100;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

.tp-leftarrow:before {
  content: "\e1c8";
}

.tp-rightarrow:before {
  content: "\e1cb";
}

.tparrows.tp-rightarrow:before {
  margin-left: 1px;
}

.tparrows.tp-leftarrow:before {
  margin-left: -1px;
}

.tparrows:hover {
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
}

.tp-caption.very_big_custom_text {
  position: absolute;
  color: #FFFFFF;
  text-shadow: none;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space:nowrap;
  text-transform: uppercase;
  letter-spacing: -4px;
  text-shadow: 1px 2px 2px rgba(0,0,0,0.25);
}

.tp-bannertimer {
  z-index: 20;
}

/*-----------------------------------------------------------------------------------*/
/*  7.  Full-width Image
/*-----------------------------------------------------------------------------------*/

.fullimage-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 600px;
}

.fullimage-container.titlize {
  height: auto;
}

#image-static .divider {
  margin: 30px auto 36px;
  width: 60px;
  border-bottom: 4px solid #FFFFFF;
}

#image-static .divider.textalignleft {
  float: left;
  margin: 30px 0 36px;
}

#image-static .divider.textalignright {
  float: right;
  margin: 30px 0 36px;
}

#image-static .pagize {
  position: relative;
  padding: 12.8em 0;
}

#image-static h2 {
  margin-bottom: 0;
  font-weight: 700;
  letter-spacing: -4px;
  text-transform: uppercase;
  font-size: 58px;
  line-height: 1.3em;
  color: #FFFFFF;
}

#image-static .page-caption {
  margin-top: 0;
  margin-bottom: 0;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 1.4em;
  text-transform: uppercase;
}

#image-static .pagize .entry-meta.entry-header {
  margin-top: 0;
  margin-bottom: 0;
  color: #D2D2D6;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 1.4em;
  text-transform: uppercase;
}

#image-static .pagize .entry-meta.entry-header a {
  color: #D2D2D6;
  font-weight: 700;
}

#image-static .pagize .entry-meta.entry-header a:hover {
  color: #FFFFFF;
}

#image-static .pagize .entry-meta .meta-sep {
  padding: 0 4px;
}


/*-----------------------------------------------------------------------------------*/
/*  8.  Section Title Page
/*-----------------------------------------------------------------------------------*/

#title-page {
  background-color: #FFFFFF;
  border-top: 1px solid #DFDFDF;
}

#title-page .divider {
  margin: 30px auto 36px;
  width: 60px;
  border-bottom: 4px solid #56646F;
}

#title-page .divider.textalignleft {
  float: left;
  margin: 30px 0 36px;
}

#title-page .divider.textalignright {
  float: right;
  margin: 30px 0 36px;
}


#title-page .pagize {
  position: relative;
  padding: 50px 0 40px;
}

#title-page .register-login {
  position: relative;
  padding: 40px 0 40px;
}

#title-page h2 {
  margin-bottom: 0;
  font-weight: 700;
  letter-spacing: -4px;
  text-transform: uppercase;
  font-size: 58px;
  line-height: 1.3em;
}

#title-page h3 {
  margin-bottom: 0;
  font-weight: 700;
  letter-spacing: -4px;
  text-transform: uppercase;
  font-size: 38px;
  line-height: 1.3em;
}

#title-page .page-caption {
  margin-top: 0;
  margin-bottom: 0;
  color: #D2D2D6;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.pagize .entry-meta.entry-header {
  margin-top: 0;
  margin-bottom: 0;
  color: #D2D2D6;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 1.4em;
  text-transform: uppercase;
}

.pagize .entry-meta.entry-header a {
  color: #D2D2D6;
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: uppercase;
}

#title-page.banner-image .entry-meta.entry-header a:hover,
.pagize .entry-meta.entry-header a:hover {
  color: #F88A79;
}

.pagize .entry-meta .meta-sep {
  padding: 0 4px;
}

/* If Banner Image Exists */

#title-page.banner-image h2,
#title-page.banner-image h3,
#title-page.banner-image .page-caption,
#title-page.banner-image .entry-meta.entry-header,
#title-page.banner-image .entry-meta.entry-header a {
  color: #FFFFFF;
}

#title-page.banner-image .divider {
  border-color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*  9.  Special Heading
/*-----------------------------------------------------------------------------------*/

.special-heading > * {
  margin: 0;
}

.special-heading.italic > *,
.special-heading.italic_border > * {
  font-style: italic;
}

.special-heading.default_border > *,
.special-heading.italic_border > * {
  padding-bottom: 30px;
  border-bottom: 1px solid #DDDDDD;
}

/*-----------------------------------------------------------------------------------*/
/*  10. Team and Single Post Team
/*-----------------------------------------------------------------------------------*/

#team-filter .dropdown {
  float: right;
}

#people img {
  width: 100%;
}

#people {
  margin: 0;
  padding: 0;
}

#people li {
  float: left;
  margin-bottom: 30px;
  list-style: none;
}

.single-people {
  position: relative;
  overflow: hidden;
}

.single-people .hover-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.single-people .hover-wrap .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  border: 0 solid rgba(255, 255, 255, 0.25);
  background: #F88A79;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}

.single-people .hover-wrap:hover .overlay,
.single-people .hover-wrap:active .overlay,
.single-people .hover-wrap:focus .overlay {
  border-width: 10px;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.single-people i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -13px 0 0 -13px;
  color: #FFFFFF;
  font-size: 26px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

.single-people .hover-wrap:hover i,
.single-people .hover-wrap:active i,
.single-people .hover-wrap:focus i {
  opacity: 1;
  filter: alpha(opacity=100);
}

.single-people .team-name {
  position: relative;
  z-index: 2;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 20px;
  width: 100%;
  border-bottom: 2px solid #bdc3c7;
  background-color: #FFFFFF;
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}

.single-people .team-name h3,
.single-people .team-name h4 {
  margin-bottom: 0;
  color: #56646F;
  text-transform: uppercase;
}

.single-people .team-name h3 {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -1px !important;
}

.single-people .team-name h4 {
  margin: 0;
  color: #AEAEAE;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
  font-size: 13px;
}

.single-people:hover .team-name,
.single-people .team-name:hover {
  border-bottom-color: #F88A79;
}


/*-----------------------------------------------------------------------------------*/
/*  11. Portfolio / Single Post Portfolio  / Latest Works
/*-----------------------------------------------------------------------------------*/

#portfolio-filter .dropdown {
  float: right;
}

#latest-work-thumbs img,
#projects img {
  width: 100%;
}

#latest-work-thumbs,
#projects {
  margin: 0;
  padding: 0;
}

#latest-work-thumbs li,
#projects li {
  float: left;
  margin-bottom: 30px;
  list-style: none;
}

.item-project {
  position: relative;
  overflow: hidden;
}

.item-project .hover-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.item-project .hover-wrap img {
  position: relative;
  width: 100%;
}

.item-project .hover-wrap .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  border: 0 solid rgba(255, 255, 255, 0.25);
  background: #F88A79;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}

.item-project .hover-wrap:hover .overlay,
.item-project .hover-wrap:active .overlay,
.item-project .hover-wrap:focus .overlay {
  border-width: 10px;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.item-project i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -13px 0 0 -13px;
  color: #FFFFFF;
  font-size: 26px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

.item-project .hover-wrap:hover i,
.item-project .hover-wrap:active i,
.item-project .hover-wrap:focus i {
  opacity: 1;
  filter: alpha(opacity=100);
}

.item-project .project-name {
  position: relative;
  z-index: 2;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 20px;
  width: 100%;
  border-bottom: 2px solid #bdc3c7;
  background-color: #FFFFFF;
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}

.item-project .project-name h3,
.item-project .project-name h4 {
  margin-bottom: 0;
  color: #56646F;
  text-transform: uppercase;
}

.item-project .project-name h3 {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -1px !important;
}

.item-project .project-name h4 {
  margin: 0;
  color: #AEAEAE;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
  font-size: 13px;
}

.item-project:hover .project-name,
.item-project .project-name:hover {
  border-bottom-color: #F88A79;
}

/*-----------------------------------------------------------------------------------*/
/*  12. Navigation Projects / Navigation Posts
/*-----------------------------------------------------------------------------------*/

.navigation-projects {
  position: absolute;
  top: 50%;
  z-index: 20;
  margin: -49px 0 0 0;
  width: 100%;
}

.navigation-projects .prev a,
.navigation-projects .next a {
  position: fixed;
  display: block;
  padding: 0;
  width: 30px;
  height: 98px;
  background: #23282F;
  opacity: 0.3;
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

.navigation-projects .prev a {
  left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.navigation-projects .next a {
  right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.navigation-projects .prev a:hover,
.navigation-projects .next a:hover,
.navigation-projects .prev a:focus,
.navigation-projects .next a:focus,
.navigation-projects .prev a:active,
.navigation-projects .next a:active {
  opacity: 0.8;
}

.navigation-projects .prev a i,
.navigation-projects .next a i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  color: #FFFFFF;
  font-size: 16px;
}

.navigation-projects .prev a i {
  margin: -9px 0 0 -9px;
}

.navigation-projects .next a i {
  margin: -9px 0 0 -7px;
}

/* Navigation Blog */

.navigation-blog {
  float: left;
  padding-top: 40px;
}

.navigation-blog ul {
  margin: 0;
  padding: 0;
}

.navigation-blog ul li {
  float: left;
  margin-right: 5px;
  list-style: none;
}

.navigation-blog ul li.prev a,
.navigation-blog ul li.next a {
  position: relative;
  display: inline-block;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 2px solid #F88A79;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: transparent;
  text-indent: -9999px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
}

.navigation-blog ul li.prev a i,
.navigation-blog ul li.next a i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  color: #F88A79;
  text-indent: 0;
  font-size: 20px;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.navigation-blog ul li.prev a:hover,
.navigation-blog ul li.next a:hover {
  background-color: #F88A79;
}

.navigation-blog ul li.prev a:hover i,
.navigation-blog ul li.next a:hover i {
  color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*  13. Map Area and Contact
/*-----------------------------------------------------------------------------------*/

#map-area {
  width: 100%;
}

#map-area img {
  max-width: none !important;
}

.map {
  height: 600px;
}

.wpcf7-form {
  margin-bottom: 0;
}

.wpcf7-form p {
  margin-top: 0;
}

.wpcf7 p.quote-budget {
  overflow: visible;
}

.wpcf7-form-control-wrap.budget {
  display: inline-block;
  margin-bottom: 0;
  width: 50%;
}

span.wpcf7-form-control-wrap {
  display: block;
  margin: 15px 0;
}

.wpcf7 .watermark {
  color: #BCBCC4 !important;
}

.wpcf7 input,
.wpcf7 textarea {
  margin: 0;
  padding: 10px;
  height: auto;
  border: 1px solid #ddd;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #BCBCC4;
  font-size: 16px;
  resize: none;
  -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -webkit-appearance: none;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: #BCBCC4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #56646F;
}

.wpcf7 input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.wpcf7 input.size50 {
  width: 50%;
}

.wpcf7 input.size40 {
  width: 40%;
}

.wpcf7 input.size30 {
  width: 30%;
}

.wpcf7 label.chk-label {
  display: inline !important;
  margin-left: 5px;
}

/*.wpcf7 input[type="checkbox"] {
    display: none;
}*/

.wpcf7 textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8px;
  width: 100%;
  resize: vertical;
}

.wpcf7 .wpcf7-submit {
  display: inline-block;
  padding: 16px 20px;
  width: auto;
  border: 2px solid #F88A79;
  background: transparent;
  color: #F88A79;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -1px;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -webkit-appearance: none;
}

.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:active {
  background: #F88A79;
  color: #FFFFFF;
}

.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus {
  border-color: #BCBCC4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.wpcf7-form.invalid span.wpcf7-not-valid-tip {
  display: none;
}

.wpcf7 .wpcf7-response-output {
  margin: 0;
  padding: 0;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-mail-sent-ok {
  border: none;
}

.wpcf7 img.ajax-loader {
  margin-left: 15px;
  width: auto;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="span"] {
}

.bootstrap-select {
  float: none;
  margin: 0;
}

.btn-group.bootstrap-select {
  display: block;
}

.bootstrap-select .custom-select {
  margin: 0;
  padding: 15px;
  width: 100%;
  height: auto;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #BCBCC4;
  font-size: 16px;
  resize: none;
  -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -webkit-appearance: none;
}

.bootstrap-select .custom-select:focus {
  border-color: #D0DBE2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #56646F;
}

.bootstrap-select.btn-group .custom-select .plus-select {
  position: absolute;
  top: 17px;
  right: 15px;
  width: 18px;
  height: 18px;
  background: url(/img/plus_select.png) no-repeat;
  -webkit-transition: -webkit-transform 250ms ease-out 0s;
  -moz-transition: -moz-transform 250ms ease-out 0s;
  -o-transition: -o-transform 250ms ease-out 0s;
  transition: transform 250ms ease-out 0s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.bootstrap-select.btn-group.open .custom-select .plus-select {
  background-position: 0 -18px;
  -webkit-transition: -webkit-transform 250ms ease-out 0s;
  -moz-transition: -moz-transform 250ms ease-out 0s;
  -o-transition: -o-transform 250ms ease-out 0s;
  transition: transform 250ms ease-out 0s;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
  cursor: not-allowed;
}

.bootstrap-select.btn-group[class*="span"] .custom-select {
  width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  min-width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu dt {
  display: block;
  padding: 3px 20px;
  cursor: default;
}

.bootstrap-select.btn-group .div-contain {
  overflow: hidden;
}

.bootstrap-select.btn-group .dropdown-menu li > a.opt {
  padding-left: 35px;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
  display: block;
  clear: both;
  padding: 15px;
  min-height: 20px;
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.bootstrap-select.btn-group .dropdown-menu li {
  border-bottom: 1px solid #F1F1F1;
  line-height: 0;
}

.bootstrap-select.btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}

.bootstrap-select.btn-group.open .dropdown-toggle {
  border-color: #D0DBE2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
}


.dropdown-menu {
  /*position: absolute;*/
  top: inherit;
  left: inherit;
  /*z-index: 1000;
  display: none;
  float: left;
  margin: -15px 0 0;
  padding: 0;
  min-width: 80px;
  border-top: none;
  border-right: 1px solid #D0DBE2;
  border-bottom: 1px solid #D0DBE2;
  border-left: 1px solid #D0DBE2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  list-style: none outside none;*/
}

.dropdown-menu > li > a {
  color: #56646F;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-color: #F88A79 !important;
  background-image: none !important;
  color: #FFFFFF;
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/*-----------------------------------------------------------------------------------*/
/*  14. Latest Post / Blog
/*-----------------------------------------------------------------------------------*/

#latest-posts {
  margin: 0;
  padding: 0;
}

#latest-posts article {
  margin-bottom: 30px;
}

#latest-posts li {
  float: left;
  list-style: none;
}

.item-posts {
  position: relative;
  overflow: hidden;
}

#blog article,
#latest-posts article {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid #bdc3c7;
  background: #FFFFFF;
  -webkit-transition: border 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s;
}

#blog article:hover,
#latest-posts article:hover {
  border-bottom-color: #F88A79;
}

#blog .post-thumb img,
#latest-posts .post-thumb img {
  max-width: none;
  width: 100%;
}

#blog .entry-title,
#latest-posts .entry-title {
  font-size: 28px;
  line-height: 1.3em;
  text-transform: uppercase;
}

#blog .entry-title a,
#latest-posts .entry-title a {
  font-weight: 400;
}

#blog .entry-meta .meta-sep,
#latest-posts .entry-meta .meta-sep {
  padding: 0 3px;
}

#blog .post-thumb,
#latest-posts .post-thumb,
#blog .audio-thumb,
#blog .video-thumb,
#blog .post-quote,
#blog .post-link {
  position: relative;
  overflow: hidden;
}

#blog .post-thumb .hover-wrap,
#latest-posts .post-thumb .hover-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#blog .post-thumb .hover-wrap .overlay,
#latest-posts .post-thumb .hover-wrap .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  border: 0 solid rgba(255, 255, 255, 0.25);
  background: #F88A79;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}

#blog .post-thumb .hover-wrap:hover .overlay,
#blog .post-thumb .hover-wrap:active .overlay,
#blog .post-thumb .hover-wrap:focus .overlay,
#latest-posts .post-thumb .hover-wrap:hover .overlay,
#latest-posts .post-thumb .hover-wrap:active .overlay,
#latest-posts .post-thumb .hover-wrap:focus .overlay {
  border-width: 10px;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

#blog .post-thumb i,
#latest-posts .post-thumb i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -13px 0 0 -13px;
  color: #FFFFFF;
  font-size: 26px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

#blog .post-thumb .hover-wrap:hover i,
#blog .post-thumb .hover-wrap:active i,
#blog .post-thumb .hover-wrap:focus i,
#latest-posts .post-thumb .hover-wrap:hover i,
#latest-posts .post-thumb .hover-wrap:active i,
#latest-posts .post-thumb .hover-wrap:focus i {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Standard Blog */

.standard-blog article {
  margin-bottom: 30px;
}

.standard-blog .entry-title {
  margin: 0;
  padding: 20px 30px;
}

.standard-blog .entry-meta {
  padding: 20px 30px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  color: #AEAEAE;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.standard-blog .entry-meta a {
  color: #AEAEAE;
  font-weight: 400;
}

.standard-blog .entry-meta a:hover {
  color: #F88A79;
}

.standard-blog .entry-content {
  padding: 15px 30px;
}

.standard-blog article.format-link,
.standard-blog article.format-quote {
  padding: 60px 30px 50px;
  text-align: center;
}

.standard-blog article.format-link .entry-title,
.standard-blog article.format-quote .entry-title {
  padding: 0;
  font-size: 42px !important;
  line-height: 1.3em;
}

.standard-blog article.format-link .entry-title a,
.standard-blog article.format-quote .entry-title {
  font-weight: 700 !important;
}

.standard-blog .link-source a,
.standard-blog .quote-source {
  font-weight: 400;
  font-size: 16px;
}

.standard-blog .link-source a + a,
.standard-blog .quote-source a {
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
}

.standard-blog article:last-child {
  margin-bottom: 0;
}

.standard-blog #post-area .separator {
  background: #56646F;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  height: 10px;
  margin: 60px auto;
  position: relative;
  width: 10px;
  opacity: 0.4;
}

.standard-blog #post-area article.last + .separator {
  display: none;
}

/* Masonry Blog */

.masonry-blog article {
  margin-bottom: 30px;
}

.masonry-blog .entry-title {
  font-size: 20px !important;
  margin: 0;
  padding: 20px 30px;
}

.masonry-blog .entry-meta {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding: 20px 30px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  color: #AEAEAE;
}

.masonry-blog .entry-meta a {
  color: #AEAEAE;
  font-weight: 400;
}

.masonry-blog .entry-meta a:hover {
  color: #F88A79;
}

.masonry-blog .entry-content {
  padding: 15px 30px;
}

.masonry-blog article.format-link,
.masonry-blog article.format-quote {
  padding: 60px 30px 50px;
  text-align: center;
}

.masonry-blog article.format-link .entry-title,
.masonry-blog article.format-quote .entry-title {
  padding: 0;
  font-size: 24px !important;
  letter-spacing: -1px;
}

.masonry-blog article.format-link .entry-title a,
.masonry-blog article.format-quote .entry-title {
  font-weight: 400 !important;
}

.masonry-blog .link-source a,
.masonry-blog .quote-source {
  font-weight: 400;
  font-size: 16px;
}

.masonry-blog .link-source a + a,
.masonry-blog .quote-source a {
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
}

/* Single Post */

#blog.single-post article {
  padding-bottom: 70px;
  border-bottom: none;
  background: none;
}

#blog.single-post .post-thumb,
#blog.single-post .audio-thumb,
#blog.single-post .video-thumb,
#blog.single-post .post-quote,
#blog.single-post .post-link {
  margin-bottom: 30px;
}

#blog.single-post .entry-meta.entry-footer {
  padding-top: 20px;
}

#blog.single-post .post-quote,
#blog.single-post .post-link {
  padding: 60px 30px 50px;
  background: #FFFFFF;
  text-align: center;
}

#blog.single-post .post-quote .entry-title,
#blog.single-post .post-link .entry-title {
  padding: 0;
  font-size: 24px !important;
}

#blog.single-post .post-quote .entry-title a
#blog.single-post .post-link .entry-title {
  font-weight: 700 !important;
}

#blog.single-post .link-source a,
#blog.single-post .quote-source {
  font-weight: 400;
  font-size: 16px;
}

#blog.single-post .link-source a + a,
#blog.single-post .quote-source a {
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
}

/* Search */

.masonry-blog .no-results .entry-title {
  font-size: 26px !important;
}

.no-results .entry-title {
  margin-bottom: 30px;
}

.no-results .entry-title,
.no-results .entry-content {
  padding: 0;
}

/* Separator Single Post */

.single-post .post .separator {
  background: #56646F;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  height: 10px;
  margin: 80px auto 20px;
  position: relative;
  width: 10px;
  opacity: 0.4;
}

/*-----------------------------------------------------------------------------------*/
/*  15. Comments
/*-----------------------------------------------------------------------------------*/

.comment-area {
  padding-bottom: 70px;
}

#comments {
}

.comments-title,
.pings-title,
#reply-title {
  margin: 0 0 40px;
  padding: 0 0 25px;
  border-bottom: 1px solid #DDDDDD;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}

.commentlist,
.pinglist {
  margin: 20px 0 80px;
  list-style-type: none;
}

.comment {
  position: relative;
}

.comment-section {
  margin-bottom: 30px;
  padding: 30px 30px 20px;
  background: #FFFFFF;
}

.comment-side {
  float: left;
  margin: 0 30px 0 0;
}

.comment-side .avatar {
  display: block;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
}

.comment-side.pricing {
  margin: 0 10px 0 0;
}

.comment .comment-cont {
  margin-left: 80px;
}

.comment-author cite,
.comment-author cite a {
  color: #56646F;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: -2px;
}

.comment-author cite a:hover {
  color: #F88A79;
}

.comment-meta,
.comment-meta a {
  color: #AEAEAE;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
}

.comment-meta a:hover {
  color: #F88A79;
}

.comment-meta {
  margin: 8px 0 15px;
}

.children {
  margin: 0;
  padding: 0;
  list-style: none;
}

.children .comment {
  padding-left: 60px;
}

.badge {
  position: absolute;
  top: 35px;
  right: 30px;
  display: inline-block;
  padding: 0 10px;
  height: 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #F88A79;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: bold;
  font-size: 11px;
  line-height: 20px;
}

.nocomments {
  padding: 20px 30px 20px;
  background: #FFFFFF;
}

/* Comment Form */

#commentform p {
  overflow: hidden;
  margin: 0 0 35px 0;
}

#commentform label,
#commentform span.required {
  position: relative;
  top: 12px;
  display: inline-block;
  font-weight: 300;
  font-size: 16px;
}

#commentform span.required {
  top: 0;
  color: #E56C69;
  font-size: 12px;
}

#commentform input,
#commentform textarea {
  margin: 0;
  padding: 15px;
  height: auto;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #BCBCC4;
  font-size: 16px;
  resize: none;
  -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -webkit-appearance: none;
}

#commentform input:focus,
#commentform textarea:focus {
  border-color: #D0DBE2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #56646F;
}

#commentform input {
  float: left;
  margin-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}

#commentform textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  resize: vertical;
}

#commentform #submit {
  display: inline-block;
  padding: 16px 20px;
  width: auto;
  border: 2px solid #F88A79;
  background: transparent;
  color: #F88A79;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -1px;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -webkit-appearance: none;
}

#commentform #submit:hover {
  background: #F88A79;
  color: #FFFFFF;
}


/*-----------------------------------------------------------------------------------*/
/*  16. Sidebar
/*-----------------------------------------------------------------------------------*/

#sidebar,
.sidebar_content {
  font-size: 14px;
  line-height: 20px;
}

/* Right Sidebar - Left Content */

#blog .span9.left_side {
  float: left;
}

#blog .span3.right_side {
  float: right;
}

/* Left Sidebar - Right Content */

#blog .span3.left_side {
  float: left;
}

#blog .span9.right_side {
  float: right;
}

/*-----------------------------------------------------------------------------------*/
/*  17. Big Twitter Feed Area
/*-----------------------------------------------------------------------------------*/

#twitter-feed .tweet_list {
  margin: 0;
  padding: 0;
}

#twitter-feed .tweet_list li {
  list-style: none;
  text-align: center;
}

#twitter-feed .tweet_list li .tweet_text {
  display: block;
  font-size: 28px;
  line-height: 1.7em;
  font-weight: 400;
  letter-spacing: -1px;
  text-transform: uppercase;
}

#twitter-feed .tweet_list li .tweet_text a,
#twitter-feed .tweet_list li .tweet_time a:hover {
  color: #F88A79;
  font-weight: 400;
}

#twitter-feed .tweet_list li .tweet_text a:hover {
  color: #D2D2D6;
}

#twitter-feed .tweet_list li .tweet_time a {
  display: inline-block;
  margin-top: 22px;
  color: #D2D2D6;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -1px;
  text-transform: uppercase;
}

/*-----------------------------------------------------------------------------------*/
/*  18. Footer
/*-----------------------------------------------------------------------------------*/

footer {
  position: relative;
}

.footer-widgets {
  padding: 60px 0 20px;
  background: #23282F;
}

#social-footer {
  margin-top: 40px;
}

#social-footer ul {
  margin: 0;
  padding: 0;
}

#social-footer ul li {
  display: inline-block;
  margin-left: 15px;
  list-style: none;
  cursor: pointer;
}

#social-footer ul li:first-child {
  margin-left: 0;
}

#social-footer ul li a {
  display: inline-block;
  background-color: transparent;
}

#social-footer ul li a i {
  display: inline-block;
  margin: 0;
  color: #DFE4E7;
  font-size: 16px;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

#social-footer ul li:hover a i {
  color: #F88A79;
}

/* Footer Credits */

#footer-credits {
  position: relative;
  padding: 10px 0 5px;
  background: #212121;
  text-align: center;
}

#footer-credits p {
  margin: 0;
  color: #D2D2D6;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -1px;
  text-transform: uppercase;
}

#footer-credits p.credits {
  margin-top: 15px;
}

#footer-credits p a {
  color: #56646F;
}

#footer-credits p a:hover {
  color: #F88A79;
}

/*-----------------------------------------------------------------------------------*/
/*  19. Back to Top
/*-----------------------------------------------------------------------------------*/

#back-to-top {
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 99;
  display: none;
  margin: 0;
  width: 50px;
  height: 42px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background-color: #323A45;
  -webkit-transition: background 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s;
}

#back-to-top:hover {
  background-color: #F88A79;
}

#back-to-top i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1em;
}

/*-----------------------------------------------------------------------------------*/
/*  20. Error Page
/*-----------------------------------------------------------------------------------*/

.error-404 h2 {
  font-size: 96px !important;
}

.error-ban{
  min-height: 605px;
}

.error-ban h2 {
  font-size: 72px !important;
  color: rgb(199, 108, 108);
}

.error-404 .page-caption {
  font-size: 48px !important;
}

/*-----------------------------------------------------------------------------------*/
/*  21. Archives / Sitemap Template
/*-----------------------------------------------------------------------------------*/

.widget_archives ul {
  margin-left: 30px !important;
}

.widget_archives ul li {
  list-style: disc !important;
}

.entry-content-archives {
  margin-bottom: 40px;
}

.widget.widget_archives,
.widget.widget_archives .widget_title h4 {
  margin-bottom: 20px;
}


.widget.widget_archives .widget_title h4 {
  font-weight: 400;
  letter-spacing: -1px !important;
}

.widget.widget_archives li a {
  margin-left: 0;
  font-weight: 400;
  font-style: italic;
  -webkit-transition: margin 0.15s ease-in-out 0s;
  -moz-transition: margin 0.15s ease-in-out 0s;
  -o-transition: margin 0.15s ease-in-out 0s;
  transition: margin 0.15s ease-in-out 0s;
}

.widget.widget_archives li a:hover {
  margin-left: 10px;
}


/*-----------------------------------------------------------------------------------*/
/*  22. Widgets
/*-----------------------------------------------------------------------------------*/

.widget {
  margin-bottom: 40px;
  font-size: 12px;
}

.widget ul {
  margin: 0;
  padding: 0;
}

.widget ul li {
  list-style: none;
  line-height: 20px;
}

.widget ul.children,
.widget ul.sub-menu {
  padding-left: 20px;
}

.widget-title {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -1px !important;
}

/* Calendar */

.widget_calendar {
  position: relative;
}

.widget_calendar table {
  width: 100%;
  border-collapse: collapse;
}

.widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th {
  text-align: center;
}

.widget_calendar table tbody td {
  padding: 4px;
  border: 0px;
  color: #666666;
  font-size: 11px;
}

.widget_calendar table tbody tr td:first-child {
  border-left: 0px;
}

.widget_calendar table tbody tr:nth-child(2n+1) {
  background-color: #f0f0f0;
}

.widget_calendar table th {
  padding-bottom: 10px;
  border-bottom: 0px;
  color: #999999;
  text-align: center!important;
}

.widget_calendar table #prev {
  position: relative;
  z-index: 2;
  padding: 10px 0px 0px 0px;
  text-align: left;
}

.widget_calendar table #next {
  position: relative;
  z-index: 2;
  padding: 10px 0px 0px 0px;
  text-align: right;
}

.widget_calendar caption {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  width: 100%;
  text-align: center;
}

/* Search */

.widget_search form {
  margin: 0;
}

#searchform input[type="text"],
.widget_search form input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 15px;
  width: 100%;
  height: auto;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #FFFFFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  color: #BCBCC4;
  font-size: 16px;
  resize: none;
  -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
}

#searchform input[type="text"]:focus,
.widget_search form input[type="text"]:focus {
  border-color: #D0DBE2;
  color: #56646F;
}

/* RSS Widget */

.rsswidget img {
  display: none;
}

/* Tag Cloud */

.tagcloud a {
  display: inline-block;
  margin: 0 3px 4px 0;
  padding: 8px 12px;
  width: auto;
  border: 2px solid #F88A79;
  background: transparent;
  color: #F88A79;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 10px !important;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -webkit-appearance: none;
}

.tagcloud a:hover,
.tagcloud a:active,
.tagcloud a:focus {
  background: #F88A79;
  color: #FFFFFF;
}

/* Twitter Widget */

.az_widget_twitter li:first-child {
  margin-top: 0;
}

.az_widget_twitter li {
  margin-top: 20px;
}

.tweet_timestamp > a {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 400;
  color: #56646F !important;
}

/* Flickr Widget */

.widget_quick-flickr-widget {
  float: left;
  margin-top: 5px;
}

.widget_quick-flickr-widget ul {
  margin: 0;
  padding: 0;
}

.widget_quick-flickr-widget ul li {
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
  list-style: none;
}

.widget_quick-flickr-widget ul li a {
  display: block;
}

.widget_quick-flickr-widget ul li a img {
  width: 80px !important;
  height: 80px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.widget_quick-flickr-widget ul li a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #F88A79;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

.widget_quick-flickr-widget ul li a:hover .overlay {
  opacity: 0.55;
  filter: alpha(opacity=55);
}

.widget_quick-flickr-widget ul li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: #FFFFFF;
  font-size: 16px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

.widget_quick-flickr-widget ul li a:hover i {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Dribbble Widget */

.dribbble-widget ul {
  margin: 0;
  padding: 0;
}

.dribbble-widget ul li {
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
  list-style: none;
}

.dribbble-widget ul li a {
  display: block;
}

.dribbble-widget ul li a img {
  width: 80px !important;
  height: 80px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* Social Widget */

.social_widget a {
  position: relative;
  display: inline-block;
  margin: 0 3px 3px 0;
  width: 38px;
  height: 38px;
  border: 2px solid #F88A79;
  background-color: transparent;
  -webkit-transition: background 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s;
}

.social_widget a i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: #F88A79;
  font-size: 16px;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

.social_widget a:hover {
  background-color: #F88A79;
}

.social_widget a:hover i {
  color: #FFFFFF;
}

/***** Footer Area Widgets ******/

.footer-widgets .widget + .widget {
  margin-top: 30px;
}

.footer-widgets {
  color: #FFFFFF;
  font-size: 14px;
}

.footer-widgets h3 {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
  margin: 0 0 10px 0;
}

.footer-widgets a:hover {
  color: #FFFFFF;
}

/* Search */

.footer-widgets .widget_search form {
  margin: 0;
}

.footer-widgets .widget_search form input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 15px;
  width: 100%;
  height: auto;
  border: 1px solid #232727;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #23282F;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #BCBCC4;
  font-size: 16px;
  resize: none;
  -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
}

.footer-widgets .widget_search form input[type="text"]:focus {
  color: #FFFFFF;
}

/* Dribbble Widget */

.footer-widgets .dribbble-widget ul {
  margin: 25px 0 0 0;
}

/* Footer Twitter Widget */

.footer-widgets .az_widget_twitter li:first-child {
  margin-top: 0;
}

.footer-widgets .az_widget_twitter li {
  margin-top: 20px;
}

.footer-widgets .tweet_timestamp > a {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 400;
  color: #FFFFFF;
}

/* Footer Calendar Widget */

.footer-widgets .widget_calendar table tbody tr:nth-child(2n+1) {
  background-color: #1F2329;
}

.footer-widgets .widget_calendar table tbody td {
  color: #F0F0F0;
}

.footer-widgets .widget_calendar table th {
  color: #FFFFFF;
}

/* Social Widget */

.footer-widgets .social_widget a {
  color: #FFFFFF;
}

.footer-widgets .social_widget a:hover {
  color: #F88A79;
}

/*-----------------------------------------------------------------------------------*/
/*  23. Isotope Portfolio Filtering Settings
/*-----------------------------------------------------------------------------------*/

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  z-index: 1;
  pointer-events: none;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/*-----------------------------------------------------------------------------------*/
/*  24. Animation
/*-----------------------------------------------------------------------------------*/

.animation-enabled header,
.animation-enabled #main,
.animation-enabled footer {
  opacity: 0;
  filter: alpha(opacity=0);
}

.animation-enabled header {
  margin-top: -150px;
}

#jpreOverlay,
#jSplash {
  background-color: #F2F5F8;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 700;
}

#jpreSlide{
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  margin: -50px 0 0 -50px;
  width: 100px;
  height: 100px;
}

#jpreLoader {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
}

#jprePercentage {
  width: 64px;
  height: 50px !important;
  line-height: 50px;
  position: absolute !important;
  text-align: center;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -32px;
  z-index: 800;

  font-size: 22px;
  font-weight: 400;
  color: #95a5a6;
  display: none;
}

.loader {
  position: relative;
  padding-top: 35px;
  width: 40px;
  margin: auto;
}

.loader .circle {
  position: absolute;
  width: 38px;
  height: 38px;
  opacity: 0;

  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);

  -webkit-animation: orbit 5.5s infinite;
  -moz-animation: orbit 5.5s infinite;
  animation: orbit 5.5s infinite;
}

.loader .circle:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background: #95A5A6;
}

.loader .circle:nth-child(2) {
  -webkit-animation-delay: 240ms;
  -moz-animation-delay: 240ms;
  animation-delay: 240ms;
}

.loader .circle:nth-child(3) {
  -webkit-animation-delay: 480ms;
  -moz-animation-delay: 480ms;
  animation-delay: 480ms;
}

.loader .circle:nth-child(4) {
  -webkit-animation-delay: 720ms;
  -moz-animation-delay: 720ms;
  animation-delay: 720ms;
}

.loader .circle:nth-child(5) {
  -webkit-animation-delay: 960ms;
  -moz-animation-delay: 960ms;
  animation-delay: 960ms;
}

@-webkit-keyframes orbit {
  0% {
    -webkit-transform: rotate(225deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
  7% {
    -webkit-transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
  }
  30% {
    -webkit-transform: rotate(455deg);
    -webkit-animation-timing-function: ease-in-out;
  }
  39% {
    -webkit-transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
  }
  70% {
    -webkit-transform: rotate(815deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
  75% {
    -webkit-transform: rotate(945deg);
    -webkit-animation-timing-function: ease-out;
  }
  76% {
    -webkit-transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(945deg);
    opacity: 0;
  }
}

@-moz-keyframes orbit {
  0% {
    -moz-transform: rotate(225deg);
    opacity: 1;
    -moz-animation-timing-function: ease-out;
  }
  7% {
    -moz-transform: rotate(345deg);
    -moz-animation-timing-function: linear;
  }
  30% {
    -moz-transform: rotate(455deg);
    -moz-animation-timing-function: ease-in-out;
  }
  39% {
    -moz-transform: rotate(690deg);
    -moz-animation-timing-function: linear;
  }
  70% {
    -moz-transform: rotate(815deg);
    opacity: 1;
    -moz-animation-timing-function: ease-out;
  }
  75% {
    -moz-transform: rotate(945deg);
    -moz-animation-timing-function: ease-out;
  }
  76% {
    -moz-transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    -moz-transform: rotate(945deg);
    opacity: 0;
  }
}

@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    transform: rotate(945deg);
    opacity: 0;
  }
}


/*-----------------------------------------------------------------------------------*/
/*  25. Fancybox
/*-----------------------------------------------------------------------------------*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #FFFFFF;
  color: #323A45;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #323A45;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(/global/web/assets/img/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(/global/web/assets/img/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
  position: absolute;
  right: -12px;
  top: -14px;
  cursor: pointer;
  text-shadow: 1px 1px grey;
  z-index: 9000;
  background-image: none;

  background-color: transparent;
  box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
  -webkit-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  -moz-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  -o-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  width:30px;
  height: 30px;
  line-height: 30px;
  background: #23282f;
  border-radius: 15px;
  border: 2px solid #fff;
}

.fancybox-close i {
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -10px;
  font-size: 20px;

  position: absolute;
  color: #FFFFFF;

}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 80%;
  margin-top: 8%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(/assets/img/fancybox/blank.gif); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev,
.fancybox-prev span {
  left: 0;
}

.fancybox-next,
.fancybox-next span {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  cursor: pointer;
  z-index: 8040;
  background-image: none;
  background-color: #3B3E41;

  opacity: 0.5;

  -webkit-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  -moz-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  -o-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
  transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
}

.fancybox-prev span i {
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -12px;
  font-size: 20px;
  line-height: 1em;
  position: absolute;
  color: #FFFFFF;
}


.fancybox-next span i {
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
  font-size: 20px;
  line-height: 1em;
  position: absolute;
  color: #FFFFFF;
}

.fancybox-nav:hover span {
  opacity: 1;
  background-color:#F88A79;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  margin-left: 0!important;
  margin-right: 0!important;
  margin-bottom: 0!important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden !important;
  display: none;
  z-index: 8010;
  background: url(/global/web/assets/img/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -1px;
  text-transform: uppercase;
  line-height: 1.5;
  padding: 14px 20px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}


/*-----------------------------------------------------------------------------------*/
/*  26. Shortcodes
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  0-1.  Buttons
/*-----------------------------------------------------------------------------------*/

.button-main {
  display: inline-block;
  padding: 12px 20px;
  border: 2px solid #F88A79;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: transparent;
  color: #F88A79;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn-login {
  padding: 7px 14px;
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 37px;
}


.btn-purchase {
  padding: 7px 14px;
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 37px;
  border: 1px solid #C9811D;
  background-color: #DA8712;
  border-bottom: 3px solid #A7742E;
}


.btn-purchase:hover {
  border: 1px solid #C9811D;
  border-bottom: 1px solid #A7742E;
  background-color: #DA8712;
}
.btn-landing {
  padding: 0px 60px;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: 55px;
  border-bottom: 4px solid #43993F;
}

/*--- Hover/Active/Focus State ---*/

.button-main:hover,
.button-main:active,
.button-main:focus {
  background-color: #F88A79;
  color: #FFFFFF;
}

/* --- Button Sizes --- */

.button-main.button-large {
  padding: 16px 30px;
  font-size: 18px;
}

.button-main.button-small {
  padding: 8px 18px;
  font-size: 13px;
}

.button-main.button-mini {
  padding: 4px 12px;
  font-size: 12px;
}

.button-main.button-block {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

.button-main + .button-main {
  margin-left: 10px;
}

/*--- Inverted ---*/

.button-main.inverted {
  background-color: #F88A79;
  color: #FFFFFF;
}

.button-main.inverted:hover,
.button-main.inverted:active,
.button-main.inverted:focus {
  background-color: transparent;
  color: #F88A79;
}

/*--- With Icon ---*/

.button-main i {
  position: relative;
  top: 1px;
  left: -2px;
  margin-right: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-2.  Box Icon
/*-----------------------------------------------------------------------------------*/

.box {
  display: block;
  padding: 30px;
  text-align: center;
}

.box .icon {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  width: 64px;
  height: 64px;
  background: transparent;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;

  -webkit-transition: background 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s;
}

.box .icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -37px 0 0 -37px;
  width: 64px;
  height: 64px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;

  background: transparent;
  border: 5px solid #bdc3c7;
  opacity: 0.65;

  -webkit-transition: border 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s;
}

.box .icon:after {
  width: 74px;
  height: 74px;
}

.box .icon i {
  color: #95a5a6;
  font-size: 32px;
  line-height: 64px;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

.box h4 {
  margin-bottom: 0;
  font-weight: 400;
  letter-spacing: -1px !important;
}

.box p {
  color: #56646F;
  font-weight: 400;
}

.box:hover .icon,
.box:active .icon,
.box:focus .icon {
  background: #FFFFFF;
}

.box:hover .icon i,
.box:active .icon i,
.box:focus .icon i {
  color: #F88A79;
}

.box:hover .icon:after,
.box:active .icon:after,
.box:focus .icon:after {
  border-color: #F88A79;
}

.box.listed-left {
  display: block;
  padding: 30px 0;
  text-align: left;
}

.box.listed-left .icon {
  float: left;
  margin: 5px 0 0 5px;
  text-align: center;
}

.box.listed-left .box-text {
  padding-left: 104px;
}

.box.listed-right {
  display: block;
  padding: 30px 0;
  text-align: right;
}

.box.listed-right .icon {
  float: right;
  margin: 5px 5px 0 0;
  text-align: center;
}

.box.listed-right .box-text {
  padding-right: 104px;
}


/*-----------------------------------------------------------------------------------*/
/*  0-3.    Menu Box
/*-----------------------------------------------------------------------------------*/

.region-box {
  display: inline-block;
  padding: 10px 0 0 0px;
  text-align: center;
}

.region-box img {
  width: 21px !important;
}

.region-box.small {
  padding: 8px 0 0 6px;
}

.region-box .icon {
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  width: 0px;
  height: 0px;
  background: transparent;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;

  -webkit-transition: background 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s;
}

.region-box.small .icon {
  width: 40px;
  height: 40px; 
}

.region-box .icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  width: 0px;
  height: 0px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;

  background: transparent;
  border: 0px solid #eea236;
  opacity: 0.7;

  -webkit-transition: border 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s;
}

.region-box .icon i {
  color: #DFDFDF;
  font-size: 22px;
  line-height: 16px;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
  margin-left: -17px;
}

.region-box h4 {
  margin-bottom: 0;
  font-weight: 400;
  letter-spacing: -1px !important;
}

.region-box p {
  color: #56646F;
  font-weight: 400;
}

.region-box .icon:hover .icon i,
.region-box .icon:active .icon i,
.region-box .icon:focus .icon i {
  color: #fff;
}

.region-box:hover .icon.iregion:after,
.region-box:active .icon.iregion:after,
.region-box:focus .icon.iregion:after {
  opacity: 0.5;
  -webkit-transition: opacity 0.1s linear 0s;
  -moz-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s;
}

.region-box:hover .icon.iregion,
.region-box:active .icon.iregion,
.region-box:focus .icon.iregion {
  opacity: 0.5;
  -webkit-transition: opacity 0.1s linear 0s;
  -moz-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s;
}



.menu-box {
  display: inline-block;
  padding: 6px 0 0 3px;
  text-align: center;
}

.menu-box.small {
  padding: 8px 0 0 6px;
}

.menu-box .icon {
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  width: 40px;
  height: 40px;
  background: transparent;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;

  -webkit-transition: background 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s;
}

.menu-box.small .icon {
  width: 40px;
  height: 40px; 
}

.menu-box .icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -19px 0 0 -20px;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;

  background: transparent;
  border: 3px solid #eea236;
  opacity: 0.7;

  -webkit-transition: border 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s;
}

.menu-box .icon i {
  color: #DFDFDF;
  font-size: 19px;
  line-height: 41px;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

.menu-box h4 {
  margin-bottom: 0;
  font-weight: 400;
  letter-spacing: -1px !important;
}

.menu-box p {
  color: #56646F;
  font-weight: 400;
}


.menu-box:hover .icon i,
.menu-box:active .icon i,
.menu-box:focus .icon i {
  color: #fff;
}

.menu-box:hover .icon.isettings:after,
.menu-box:active .icon.isettings:after,
.menu-box:focus .icon.isettings:after {
  border-color: #27738A;
}

.menu-box:hover .icon.isettings,
.menu-box:active .icon.isettings,
.menu-box:focus .icon.isettings {
  background: #46b8da;
}

.menu-box:hover .icon.ilogout,
.menu-box:active .icon.ilogout,
.menu-box:focus .icon.ilogout {
  background: #792321;
}

.menu-box:hover .icon.ilogout:after,
.menu-box:active .icon.ilogout:after,
.menu-box:focus .icon.ilogout:after {
  border-color: #d9534f;
}

.menu-box:hover .icon.iavatar,
.menu-box:active .icon.iavatar,
.menu-box:focus .icon.iavatar {
  background: #428bca;
}

.menu-box:hover .icon.iavatar:after,
.menu-box:active .icon.iavatar:after,
.menu-box:focus .icon.iavatar:after {
  border-color: #234969;
}

.menu-box:hover .icon.ipayment,
.menu-box:active .icon.ipayment,
.menu-box:focus .icon.ipayment {
  background: #4cae4c;
}

.menu-box:hover .icon.ipayment:after,
.menu-box:active .icon.ipayment:after,
.menu-box:focus .icon.ipayment:after {
  border-color: #135813;
}

.menu-box:hover .icon.ihome,
.menu-box:active .icon.ihome,
.menu-box:focus .icon.ihome {
  background: #eea236;
}


.menu-box:hover .icon.ihome:after,
.menu-box:active .icon.ihome:after,
.menu-box:focus .icon.ihome:after {
  border-color: #7F571D;
}


/*.menu-box:hover .icon.ipayment,
.menu-box:active .icon.ipayment,
.menu-box:focus .icon.ipayment {
    background: #d9534f;
}


.menu-box:hover .icon.ipayment:after,
.menu-box:active .icon.ipayment:after,
.menu-box:focus .icon.ipayment:after {
    border-color: #792321;
}*/

.menu-box.listed-left {
  display: block;
  padding: 30px 0;
  text-align: left;
}

.menu-box.listed-left .icon {
  float: left;
  margin: 5px 0 0 5px;
  text-align: center;
}

.menu-box.listed-left .box-text {
  padding-left: 104px;
}

.menu-box.listed-right {
  display: block;
  padding: 30px 0;
  text-align: right;
}

.menu-box.listed-right .icon {
  float: right;
  margin: 5px 5px 0 0;
  text-align: center;
}

.menu-box.listed-right .box-text {
  padding-right: 104px;
}



/*-----------------------------------------------------------------------------------*/
/*  0-3.  Dropdown
/*-----------------------------------------------------------------------------------*/

.dropmenu {
  position: relative;
  overflow: hidden;
  margin: 30px 0;
  width: 268px;
  height: 46px;
  border-right: 2px solid #BDC3C7;
  background: #FFFFFF;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: border 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s;
}

.dropmenu p {
  display: block;
  margin: 0;
  padding: 16px 0 16px 16px;
  color: #56646F;
  font-weight: 400;
  font-size: 14px;
}

.dropmenu i {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  color: #BDC3C7;
  font-size: 20px;
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}

.dropmenu:hover,
.dropmenu:hover,
.dropmenu.open,
.dropmenu.open {
  border-color: #F88A79;
}

.dropmenu.open i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropmenu-active {
  position: absolute;
  top: 80px;
  z-index: 10;
  display: none;
  width: 270px;
  background: #FFFFFF;
  color: #56646F;
}

.dropmenu-active ul {
  margin: 0;
  padding: 0;
}

.dropmenu-active ul li {
  list-style: none;
}

.dropmenu-active ul li a {
  display: block;
  padding: 8px 0 8px 16px;
  color: #56646F;
  font-weight: 400;
  font-size: 14px;
}

.dropmenu-active ul li a:hover {
  color: #F88A79;
}

.dropmenu-active ul li:first-child a {
  padding-top: 16px;
}

.dropmenu-active ul li:last-child a {
  padding-bottom: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-4.  Accordion and Toggle
/*-----------------------------------------------------------------------------------*/

.accordion-group {
  margin-bottom: 4px;
  border: none;
}

.accordion-heading {
  border-bottom: 0 none;
}

.accordion-heading .accordion-toggle {
  position: relative;
  display: block;
  min-width:750px;
  padding: 15px 15px 15px 25px;
  border-right: 2px solid #BDC3C7;
  background: #FFFFFF;
  color: #56646F;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -1px;
  text-transform: uppercase;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

.accordion-heading .accordion-toggle.user-info {
  padding: 7px 0px 7px 12px;
  font-size: 14px;
  text-transform: none;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-heading:hover .accordion-toggle,
.accordion-heading:hover .accordion-toggle.inactive {
  border-color: #94C7F3;
}

.accordion-heading .accordion-toggle.active {
  border-color: #F88A79;
}

.accordion-heading .accordion-toggle.inactive {
  border-color: #94C7F3;
}

.accordion-heading.togglize .accordion-toggle span.accordion-title {
  position: relative;
  display: block;
  padding: 10px 0px 0px 40px;
  color: #56646F;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -1px;
  text-transform: none;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}



.accordion-heading.togglize .accordion-toggle div {
  position: absolute;
  top: 50%;
}

.accordion-heading.togglize .accordion-toggle div.accordion-amound {
  rigth: 280px;
  margin: -11px 0 0 0;
}


.accordion-heading.togglize .accordion-toggle div.accordion-price {
  right: 94px;
  margin: -11px 0 0 0;
}



.accordion-heading.togglize .accordion-toggle div span {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -1px;
  text-transform: uppercase;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}



.accordion-heading.accordionize .accordion-toggle span,
.accordion-heading.togglize .accordion-toggle span {
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -8px 0 0 0;
  color: #BDC3C7;
  font-size: 20px;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

.accordion-heading.togglize .accordion-toggle img {
  position: absolute;
  top: 50%;
  left: 12px;
  margin: -12px 0 0 0;
}


.accordion-heading.togglize .accordion-toggle button {
  position: absolute;
  top: 50%;
  right: 12px;
  margin: -18px 0 0 0;
  z-index: 100;
  border-bottom: 3px solid #2C6BA2;
}

.accordion-heading.accordionize .accordion-toggle.active span,
.accordion-heading.togglize .accordion-toggle.active span {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-heading.togglize .accordion-toggle span {
  margin: -8px 0 0 0;
  font-size: 20px;
}

.accordion-heading.togglize .accordion-toggle.active span {
  opacity: 0;
  filter: alpha(opacity=0);
}

.accordion-heading.togglize .accordion-toggle.active span + span {
  opacity: 1;
  filter: alpha(opacity=100);
}

.accordion-inner {
  margin-top: 4px;
  padding: 15px 25px 17px;
  border: none;
  background: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*  0-5.  Alerts
/*-----------------------------------------------------------------------------------*/

.alert {
  margin-bottom: 20px;
  padding: 15px 35px 15px 15px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #F39C12;
  text-shadow: none;
  z-index: 999;
  position: absolute;
  width:100%;


}

.alert,
.alert h4 {
  color: #FFFFFF;
}

.alert h4 {
  margin-bottom: 5px;
}

.alert .close {
  position: relative;
  top: 2px;
  right: -22px;
  color: #FFFFFF;
  text-shadow: none;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: opacity 0.1s linear 0s;
  -moz-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s;
}

.alert .close:hover {
  opacity: 1;
}

.alert-standard {
  background-color: #FFFFFF;
  color: #56646F;
}

.alert-standard .close {
  color: #BDC3C7;
}

.alert-success {
  background-color: #2ECC71;
}

.alert-danger,
.alert-error {
  background-color: #E74C3C;
}

.alert-info {
  background-color: #3498DB;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > ul {
  margin-bottom: 0;
}

.alert-block > p {
  margin: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-6.  Tabs
/*-----------------------------------------------------------------------------------*/

.nav {
  margin-bottom: 0px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
  border: none;
  border-top: 2px solid #BDC3C7;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #56646F;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.nav > li > a:hover,
.nav > li > a:focus {
  display: block;
  border-color: #F88A79;
  background: #FFFFFF;
  text-decoration: none;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-tabs {
  *zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
  display: table;
  content: "";
  line-height: 0;
}

.nav-tabs:after {
  clear: both;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs > li {
  float: left;
  margin: 0 2px 0 0;
}

.nav-tabs > li > a {
  padding: 15px;
  border-top: 2px solid #BDC3C7;
  border-right: none;
  border-bottom: none;
  border-left: none;
  background: #FFFFFF;
  line-height: 20px;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  border-top: 2px solid #F88A79;
  border-right: none;
  border-bottom: none;
  border-left: none;
  background: #FFFFFF;
  cursor: default;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
  margin-top: 4px;
  border: none;
  background: #FFFFFF;
}

.tab-content.price {
  padding: 8px;
}

.tab-content.avatar {
  padding: 15px;
  min-height: 254px;
}


.tab-content.general-info {
  padding: 10px;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}


/*-----------------------------------------------------------------------------------*/
/*  0-7.  Blockquotes
/*-----------------------------------------------------------------------------------*/

blockquote {
  border-left: 1px solid #DDDDDD;
  font-style: italic;
  margin: 30px 15px;
  padding-left: 15px;
}

blockquote p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  padding: 10px 0;
  margin: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  0-8.  Tooltip
/*-----------------------------------------------------------------------------------*/

.tooltip {
  position: absolute;
  z-index: 999;
  display: block;
  visibility: visible;
  font-weight: 400;
  font-size: 14px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip.top {
  margin-top: -5px;
}

.tooltip.right {
  margin-left: 15px;
}

.tooltip.bottom {
  margin-top: 5px;
}

.tooltip.left {
  margin-left: -15px;
}

.tooltip-inner {
  padding: 16px;
  max-width: 300px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #F88A79;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #F88A79;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #F88A79;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #F88A79;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #F88A79;
}

/*-----------------------------------------------------------------------------------*/
/*  0-9.  Highlights
/*-----------------------------------------------------------------------------------*/

.color-text {
  color: #F88A79;
}

.highlight-text {
  padding: 0 4px;
  background-color: #F88A79;
  color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*  0-10. Dropcap
/*-----------------------------------------------------------------------------------*/

.dropcap {
  display: block;
  float: left;
  margin: 4px 16px 0 0;
  color: #56646F;
  font-weight: 400;
  font-size: 38px;
  line-height: 38px;
}

.dropcap-color {
  display: inline-block;
  float: left;
  margin: 0 18px 0 0;
  width: 46px;
  height: 46px;
  background-color: #F88A79;
  color: #FFFFFF;
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 46px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-11. Video Embed Iframe / Audio
/*-----------------------------------------------------------------------------------*/

iframe, object, embed {
  max-width: 100%;
}

.videoWrapper,
.video-container,
.audio-container {
  margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-12. Progress Bar
/*-----------------------------------------------------------------------------------*/

.progress-bar {
  margin: 10px 0;
}

.progress {
  position: relative;
  margin: 0;
  height: 46px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #FFFFFF;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.progress.min {
  position: relative;
  margin: 0;
  height: 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #FFFFFF;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.progress .bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #F88A79;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.progress .field {
  position: absolute;
  left: 20px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 46px;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.progress.min .field {
  left: 10px;
  line-height: 35px;
  text-transform: none;
}

.progress .field i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 16px;
}


/*-----------------------------------------------------------------------------------*/
/*  0-13. Lightbox Images and Video Fancybox
/*-----------------------------------------------------------------------------------*/

.lightbox {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.lightbox.responsiveimg {
  width: 100%;
}

.lightbox .fancy-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.lightbox .fancy-wrap img {
  position: relative;
  width: 100%;
}

.lightbox .fancy-wrap .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  border: 0 solid rgba(255, 255, 255, 0.25);
  background: #F88A79;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}

.lightbox .fancy-wrap:hover .overlay,
.lightbox .fancy-wrap:active .overlay,
.lightbox .fancy-wrap:focus .overlay {
  border-width: 10px;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.lightbox i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -13px 0 0 -13px;
  color: #FFFFFF;
  font-size: 26px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

.lightbox .fancy-wrap:hover i,
.lightbox .fancy-wrap:active i,
.lightbox .fancy-wrap:focus i {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*-----------------------------------------------------------------------------------*/
/*  0-14. Avatars
/*-----------------------------------------------------------------------------------*/

.avatar-table {
  display: inline-block;
  overflow: hidden;
  margin: 0px 0 14px;
  width: 100%;
  background: #FFFFFF;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}


.avatar-cell{
  display: block;
}

.avatar-cell .avatar-wrapper{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  margin-top: 10px;
}

.avatar-cell .avatar-selected{
  display: block;
  margin: 0px 10px 0px 10px;
  padding: 0px 0px;
}

.avatar-cell .avatar-selected:hover{
  margin-top: 0px;
}

.avatar-cell .avatar-selected:hover .avatar-title{
  background: #5cb85c;
}

.avatar-cell .avatar-selected:hover .price{
  color: #5cb85c;
}

.avatar-cell .avatar-selected:hover .confirm{
  background: #5cb85c;
  border-bottom: 4px solid #257922;
}

.av-leftarrow.default {
  position: absolute;
  top: 98% !important;
  z-index: 100;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 999px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
  line-height: 16px;
}

.av-rightarrow.default {
  position: absolute;
  top: 98% !important;
  z-index: 100;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 999px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
  line-height: 16px;
}


.payarrows:before {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  width: 37px;
  text-align: center;
  text-decoration: inherit;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-family: 'Icons';
}

.avatar-box.owl-theme .owl-controls .owl-page span{
  background: #9FA3A8 !important;
}

.payarrows:before {
  margin-top: 12px;
}

.payarrows {
  position: relative;
  top: 50% !important;
  z-index: 100;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
  opacity: 0.08;
  filter: alpha(opacity=0.8);
  -webkit-transition: opacity 0.50s ease-in-out 0s;
  -moz-transition: opacity 0.50s ease-in-out 0s;
  -o-transition: opacity 0.50s ease-in-out 0s;
  transition: opacity 0.50s ease-in-out 0s;
}

.av-leftarrow:before {
  content: "\e1c8";
}

.av-rightarrow:before {
  content: "\e1cb";
}

.payarrows.pay-rightarrow:before {
  margin-left: 1px;
}

.payarrows.pay-leftarrow:before {
  margin-left: -1px;
}

.payarrows:hover {
  opacity: 0.9 !important;
  filter: alpha(opacity=90) !important;
}

.avatar-table h5,
.avatar-table h4,
.avatar-table h3,
.avatar-table h2 {
  display: block;
  margin: 0;
  padding: 17px 0;
  width: 100%;
  background: #428bca;
  color: #FFFFFF;
  text-align: center;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
}


.avatar-table .avatar-title{
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  background: #428bca;
  color: #FFFFFF;
  text-align: center;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
}

.avatar-table.selected h3{
  background-color : #DA8712;
}


.avatar-table .price {
  display: block;
  padding: 9px 9px 9px 0px;
  width: 100%;
  height: 46px;
  border-top: 1px solid #F0F0F0;
  background: #E9E9E9;
  color: #61819C;
  text-align: right;
  font-weight: 600;
  font-size: 16px;
}

.avatar-wrapper.selected .avatar-title,
.avatar-wrapper.selected .confirm{
  background: #184D7A;
}

.avatar-table .price span {
  display: block;
  font-weight: 700;
  font-size: 12px;
  float: right;
  padding-left: 9px;
}

.avatar-table .confirm {
  display: block;
  padding: 5px 0;
  width: 100%;
  background: #428bca;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -1px;
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
  border-bottom: 4px solid #4179AA;
}

.avatar-table .body{
  display: table;
  border-bottom: 1px solid #F0F0F0;
  text-align: center;
  font-size: 14px;
  min-height: 100%;
  position: relative;
  width: 100%;
}

.avatar-table .body .avatar-img{
  width: 40%;
  float: left;
  background-color: #E9E9E9;
  height: 200px;
}

.avatar-table .body ul{
  margin: 0;
  padding: 0;
}

.avatar-table .body li{
  width: 60%;
  float: right;
  text-align: left;
  padding: 0px 8px 0px 8px;
  display: block;
  border-bottom: 1px solid #E7E7E7;
  font-size: 12px;
  font-weight: 400;
}

.avatar-table .body li img{
  width: 30px;
}

.avatar-table .body li span{
  font-size: 12px;
  padding-left: 4px;
  font-weight: 900 !important;
}

.avatar-table.selected {
  margin-top: 0;
}

.avatar-table.selected h5 {
  padding: 27px 0;
  background: #F88A79;
}

.avatar-table.selected .price {
  background: #F88A79;
}

.avatar-table.selected .price span {
  color: #FFFFFF;
}

.avatar-table.selected li {
  font-weight: 600;
  min-height: 120px;
}

.avatar-table.selected .confirm {
  padding: 20px 0;
}

.avatar-table {
  opacity: 0.90;
}

.avatar-table.selected {
  opacity: 0.90;
}


/*-----------------------------------------------------------------------------------*/
/*  0-3.    Avatar Box
/*-----------------------------------------------------------------------------------*/


.avatar-menu {
  position: absolute;
  top: 2px;
  left: 2px;
}

.avatar-menu .icon {
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  width: 24px;
  height: 24px;
  background: transparent;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  -webkit-transition: background 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s;
}

.avatar-menu .icon:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 12px;
  margin: -12px 0 0 -12px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background: transparent;
  border: 1px solid #67737A;
  opacity: 0.65;
  -webkit-transition: border 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s;
}

.avatar-menu .icon i {
  position: absolute;
  left: 4px;
  top: 1px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}


.avatar-menu:hover .icon i,
.avatar-menu:active .icon i,
.avatar-menu:focus .icon i {
  color: #fff;
}

.avatar-menu:hover .icon.isettings,
.avatar-menu:active .icon.isettings,
.avatar-menu:focus .icon.isettings {
  background: #d9534f;
}

.avatar-menu:hover .icon.isettings:after,
.avatar-menu:active .icon.isettings:after,
.avatar-menu:focus .icon.isettings:after {
  border-color: #d9534f;
}

.avatar-menu:hover .icon.iavatar,
.avatar-menu:active .icon.iavatar,
.avatar-menu:focus .icon.iavatar {
  background: #428bca;
}

.avatar-menu:hover .icon.iavatar:after,
.avatar-menu:active .icon.iavatar:after,
.avatar-menu:focus .icon.iavatar:after {
  border-color: #fff;
}

.avatar-menu:hover .icon.ilogout,
.avatar-menu:active .icon.ilogout,
.avatar-menu:focus .icon.ilogout {
  background: #428bca;
}

.avatar-menu:hover .icon.ilogout:after,
.avatar-menu:active .icon.ilogout:after,
.avatar-menu:focus .icon.ilogout:after {
  border-color: #fff;
}


/*-----------------------------------------------------------------------------------*/
/*  0-15. Pricing Table
/*-----------------------------------------------------------------------------------*/

.pricing-table {
  display: none;
  overflow: hidden;
  margin: 7px 9px 0px 0px;
  /*width: 100%;*/
  width:23.80%;
  float:left;

  background: #FFFFFF;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height:225px;
}


.pricing-table-wrapper{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  /*margin-top: 10px;*/
}

.pricing-table-selected{
  display: block;
  /*margin: 0px 10px 0px 10px;*/
  padding: 0px 0px;
}

.pricing-table-selected:hover{
  margin-top: 0px;
}

.pricing-table-selected:hover h3{
  background: #5cb85c;
}

.pricing-table-selected:hover .price{
  color: #5cb85c;
}

.pricing-table-selected:hover .confirm{
  background: #5cb85c;
  border-bottom: 4px solid #257922;
}

.pay-leftarrow.default {
  position: absolute;
  top: 88% !important;
  z-index: 100;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 999px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
  line-height: 16px;
}

.pay-rightarrow.default {
  position: absolute;
  top: 88% !important;
  z-index: 100;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 999px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
  line-height: 16px;
}


.payarrows:before {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  width: 37px;
  text-align: center;
  text-decoration: inherit;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-family: 'Icons';
}

#payment-1.owl-theme .owl-controls .owl-page span{
  background: #9FA3A8 !important;
}

.payarrows:before {
  margin-top: 12px;
}

.payarrows {
  position: relative;
  top: 50% !important;
  z-index: 100;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #23282F;
  background-image: none;
  color: #FFFFFF;
  cursor: pointer;
  opacity: 0.08;
  filter: alpha(opacity=0.8);
  -webkit-transition: opacity 0.50s ease-in-out 0s;
  -moz-transition: opacity 0.50s ease-in-out 0s;
  -o-transition: opacity 0.50s ease-in-out 0s;
  transition: opacity 0.50s ease-in-out 0s;
}

.pay-leftarrow:before {
  content: "\e1c8";
}

.pay-rightarrow:before {
  content: "\e1cb";
}

.payarrows.pay-rightarrow:before {
  margin-left: 1px;
}

.payarrows.pay-leftarrow:before {
  margin-left: -1px;
}

.payarrows:hover {
  opacity: 0.9 !important;
  filter: alpha(opacity=90) !important;
}

.pricing-table h5,
.pricing-table h4,
.pricing-table h3,
.pricing-table h2 {
  display: block;
  margin: 0;
  /*padding: 17px 0;*/
  padding:7px 0;
  width: 100%;
  background: #eea236;
  color: #FFFFFF;
  text-align: center;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
}

.pricing-table.diamond h5,
.pricing-table.diamond h4,
.pricing-table.diamond h3,
.pricing-table.diamond h2 {
  display: block;
  margin: 0;
  /*padding: 17px 0;*/
  padding:7px 0;
  width: 100%;
  background: #3498DB;
  color: #FFFFFF;
  text-align: center;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
}


.pricing-table.selected h3{
  background-color : #DA8712;
}


.pricing-table .price {
  display: block;
  width: 100%;
  border-top: 1px solid #F0F0F0;
  background: #FFF;
  color: #967D5B;
  text-align: center;
  font-weight: 600;
  font-size:14px;
  min-height: 59px;
  height: 59px;
  line-height: 25px;
  text-align: center;
}


.pricing-table.diamond .price {
  color: #1F587E;
}

.pricing-table .price span.text {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}


.pricing-table .price span {
  /*display: block;*/
  font-weight: 400;
  font-size: 12px;
}

.pricing-table .price span.old {
  text-decoration: line-through;
  font-size:14px;
}

.pricing-table ul {
  margin: 0;
  padding: 0;
}

.pricing-table li {
  display: block;
  /*padding: 10px 0;*/
  padding: 5px 0;
  border-bottom: 1px solid #F0F0F0;
  text-align: center;
  /*font-size: 14px;*/
  min-height: 90px;
}

.pricing-table li:last-child {
  border-bottom: none;
}

.pricing-table .confirm {
  display: block;
  /*padding: 14px 0;*/
  padding: 7px 0;
  width: 100%;
  background: #F88A79;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -1px;
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
  border-bottom: 4px solid #A16E24;
}


.pricing-table.diamond .confirm {
  background: #3498DB;
  border-bottom: 4px solid #1F587E;
}

.pricing-table.selected {
  margin-top: 0;
}

.pricing-table.selected h5 {
  padding: 27px 0;
  background: #F88A79;
}

.pricing-table.selected .price {
  background: #F88A79;
}

.pricing-table.selected .price span {
  color: #FFFFFF;
}

.pricing-table.selected li {
  font-weight: 600;
  min-height: 120px;
}

.pricing-table.selected .confirm {
  padding: 20px 0;
}

.pricing-table {
  opacity: 0.90;
}

.pricing-table.selected {
  opacity: 0.90;
}

/*-----------------------------------------------------------------------------------*/
/*  0-16. Divider
/*-----------------------------------------------------------------------------------*/

.divider {
  position: relative;
  margin: 30px 0 36px;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
}

.divider.short {
  margin: 30px auto 36px;
  width: 30%;
}

.divider.mini {
  margin: 10px auto 25px;
  width: 100%;
}

.divider.normal {
  border-bottom: 2px solid #DDDDDD;
}

.divider.success {
  border-bottom: 2px solid #A9D5A9;
}

.divider.primary {
  border-bottom: 2px solid #94C7F3;
}

.divider.warning {
  border-bottom: 2px solid #FFC46F;
}

.divider.danger {
  border-bottom: 2px solid #E7BAB8;
}

.blank_divider {
  width: 100%;
  height: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*  0-17. Media Elements
/*-----------------------------------------------------------------------------------*/

audio, canvas, video {
  outline: none;
}

.mejs-container {
  position: relative;
  min-width: 150px;
  width: 100% !important;
  outline: none;
  background: none;
  vertical-align: top;
  text-align: left;
  text-decoration: none;
  font-family: sans-serif;
}

.me-plugin {
  position: absolute;
}

.mejs-embed, .mejs-embed body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.mejs-container-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%;
  background: #000000;
}

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0;
}

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.mejs-poster img {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border: 0;
}

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.mejs-overlay-play {
  width: 100% !important;
  height: 100% !important;
  cursor: pointer;
}

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  background-color: rgba(0,0,0,0.5);
  background-image: url(/assets/img/mediaelement/bigplay.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: background 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s;
}

.mejs-overlay:hover .mejs-overlay-button {
  background-color: #F88A79;
}

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
}

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: #3A3C3D url(/assets/img/mediaelement/loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  padding: 10px;
  width: 100%;
  height: 50px;
  background: #1F2329;
  list-style: none;
}

.mejs-container .mejs-controls div {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 30px;
  list-style-type: none;
  font-size: 11px;
  font-family: sans-serif;
  line-height: 11px;
}

.mejs-controls .mejs-button button {
  position: absolute;
  display: block;
  margin: 7px 7px 0 9px;
  padding: 0;
  width: 15px;
  height: 16px;
  border: 0;
  background: transparent url(/assets/img/mediaelement/controls.png) no-repeat;
  text-decoration: none;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
}

/* End: CONTROL BAR */

/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
  display: block;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 8px 8px 5px 10px;
  width: auto;
  height: 17px;
  color: #fff;
  text-align: center;
}

.mejs-container .mejs-controls .mejs-time span {
  display: block;
  float: left;
  margin: 2px 2px 0 2px;
  width: auto;
  color: #ddd;
  font-size: 11px;
  line-height: 12px;
}

.mejs-time.mejs-currenttime-container {
  display: none !important;
}
/* End: Time (current / duration) */


/* Start: Play/pause */
.mejs-container .mejs-controls .mejs-playpause-button {
  width: 30px;
  background: none;
  cursor: pointer;
}

.mejs-controls .mejs-playpause-button button {
  margin: 7px 8px;
}

.mejs-controls .mejs-play button {
  background-position: 0 0;
}

.mejs-controls .mejs-play:hover button {
  background-position: 0 -32px;
}

.mejs-controls .mejs-pause button {
  background-position: 0 -16px;
}

.mejs-controls .mejs-pause:hover button {
  background-position: 0 -48px;
}
/* End: Play/pause */


/* Stop */
.mejs-controls .mejs-stop button {
  background-position: -112px 0;
}

.mejs-controls .mejs-stop:hover button {
  background-position: -112px -32px;
}
/* End: Play/pause */

/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
  width: 200px;
}

.mejs-controls .mejs-time-rail span {
  position: absolute;
  display: block;
  width: 180px;
  height: 7px;
  background: #000000;
  cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 11px 8px 0 10px;
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
  z-index: 1;
  width: 100%;
  background: #373A3A;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  width: 0;
  background: #373A3A;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  z-index: 1;
  width: 0;
  background: #F88A79;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
  position: absolute;
  top: 1px;
  z-index: 1;
  display: none;
  margin: 0;
  width: 5px;
  background: transparent;
  text-align: center;
  cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  top: -26px;
  display: none !important;
  margin-left: -18px;
  width: 36px;
  height: 17px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #C2C8CF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  color: #111;
  text-align: center;
}

.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float {
  display: none !important;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  left: 0;
  display: block;
  margin: 3px;
  width: 30px;
  text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  top: 17px;
  left: 13px;
  display: block;
  width: 0;
  height: 0;
  border: solid 4px #C2C8CF;
  border-color: #C2C8CF transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  line-height: 0;
}

/*.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
    visibility:visible;*/
/* End: Progress bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
  background-position: -16px -16px;
}

.mejs-controls .mejs-mute button:hover {
  background-position: -16px -48px;
}

.mejs-controls .mejs-unmute button {
  background-position: -16px 0;
}

.mejs-controls .mejs-unmute button:hover {
  background-position: -16px -32px;
}

.mejs-controls .mejs-volume-button {
  position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  position: absolute;
  top: -68px;
  left: 1px;
  z-index: 1;
  display: none;
  margin: 0;
  width: 32px;
  height: 68px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #1F2329;
}

.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
/*.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
    display: block;*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  top: 8px;
  left: 13px;
  margin: 0;
  padding: 0;
  width: 7px;
  height: 46px;
  background: #373A3A;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  top: 6px;
  left: 13px;
  margin: 0px;
  width: 7px;
  height: 50px;
  background: #F88A79;
  background-position: bottom;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  top: 16px;
  left: 14px;
  margin: 0;
  width: 5px;
  height: 5px;
  background: transparent;
}


/* horizontal version */

.mejs-controls div.mejs-horizontal-volume-slider {
  position: relative;
  width: 62px;
  height: 26px;
  background: none;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  top: 11px;
  left: 0;
  margin: 0;
  padding: 1px;
  width: 50px;
  height: 5px;
  background: #373A3A;
  font-size: 1px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  top: 11px;
  left: 0;
  padding: 0;
  width: 50px;
  height: 7px;
  background: #F88A79;
  font-size: 1px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */

/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative;
}

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0;
}

.mejs-controls .mejs-captions-button:hover button {
  background-position: -48px -32px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  position: absolute;
  right: -10px;
  bottom: 30px;
  visibility: hidden;
  overflow: hidden;
  padding: 10px;
  width: 130px;
  height: 100px;
  border: solid 1px transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #3A3C3D;
}
/*.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
    visibility: visible;*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none !important;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  display: block;
  overflow: hidden;
  margin: 0 0 6px 0;
  padding: 0;
  color: #fff;
  list-style-type: none !important;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  float: left;
  clear: both;
  margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  float: left;
  padding: 4px 0 0 0;
  width: 100px;
  font-size: 10px;
  font-family: sans-serif;
  line-height: 15px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  margin: 0 0 5px 0;
  font-size: 10px;
}

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 10000px;
  -xborder-right: solid 1px #fff;
}

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  overflow: hidden;
  border: 0;
  background: #3A3C3D;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  display: block;
  padding: 5px;
  border-right: solid 1px #313335;
  border-right: solid 1px rgba(49, 51, 53, .7);
  border-bottom: solid 1px #313335;
  border-bottom: solid 1px rgba(49, 51, 53, .7);
  color: #fff;
  font-size: 11px;
  cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #333;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  display: block;
  margin: 0 0 3px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  display: block;
  margin: 3px 0 4px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 12px;
}

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  /*font-weight: bold;*/
  font-size: 12px;
  line-height: 22px;
}

.mejs-captions-layer  a {
  color: #fff;
  text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
  font-weight: normal;
  font-size: 20px;
}

.mejs-captions-position {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
}

.mejs-captions-position-hover {
  bottom: 45px;
}

.mejs-captions-text {
  padding: 5px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #3a3c3d;
  background: rgba(58, 60, 61, 0.8);
}
/* End: TRACK (Captions and Chapters) */

.mejs-clear {
  clear: both;
}

/* Start: ERROR */
.me-cannotplay {
}

.me-cannotplay a {
  color: #fff;
  font-weight: bold;
}

.me-cannotplay span {
  display: block;
  padding: 15px;
}
/* End: ERROR */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px;
}

.mejs-controls .mejs-loop-off:hover button {
  background-position: -64px -48px;
}

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0;
}

.mejs-controls .mejs-loop-on::hover button {
  background-position: -64px -32px;
}
/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-off:hover button {
  background-position: -80px -48px;
}

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0;
}

.mejs-controls .mejs-backlight-on:hover button {
  background-position: -80px -32px;
}
/* End: backlight */


/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0;
}

.mejs-controls .mejs-picturecontrols-button:hover {
  background-position: -96px -32px;
}
/* End: picture controls */


/* context menu */
.mejs-contextmenu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  /* make sure it shows on fullscreen */
  padding: 10px;
  width: 150px;
  border: solid 1px #999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
}

.mejs-contextmenu .mejs-contextmenu-separator {
  margin: 5px 6px;
  height: 1px;
  background: #333;
  font-size: 0;
}

.mejs-contextmenu .mejs-contextmenu-item {
  padding: 4px 6px;
  color: #333;
  font-size: 12px;
  font-family: sans-serif;
  cursor: pointer;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff;
}


/* Start: SourceChooser */
.mejs-controls .mejs-sourcechooser-button {
  position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px -32px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  position: absolute;
  right: -10px;
  bottom: 26px;
  visibility: hidden;
  overflow: hidden;
  padding: 10px;
  width: 130px;
  height: 100px;
  border: solid 1px transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #3A3C3D;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none !important;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  display: block;
  overflow: hidden;
  margin: 0 0 6px 0;
  padding: 0;
  color: #fff;
  list-style-type: none !important;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  float: left;
  clear: both;
  margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  float: left;
  padding: 4px 0 0 0;
  width: 100px;
  font-size: 10px;
  font-family: sans-serif;
  line-height: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-18. Social Profiles
/*-----------------------------------------------------------------------------------*/

.social-icons {
  margin: 10px 0 0;
}

.social-icons li {
  display: inline-block;
  margin: 0 15px 0 0;
  list-style: none outside none;
}

.social-icons li a {
  display: block;
}

.social-icons li a i {
  color: #BDC3C7;
  font-size: 16px;
  -webkit-ransition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

.social-icons li a:hover i {
  color: #F88A79;
}

/*-----------------------------------------------------------------------------------*/
/*  0-19. Icons Example for Demo Content Only
/*-----------------------------------------------------------------------------------*/

.icons-example ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.icons-example ul li {
  display: inline-block;
  margin: 15px;
  list-style: none;
  cursor: pointer;
}

.icons-example ul li a {
  display: block;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background: #FFFFFF;
  color: #F88A79;
}

.icons-example ul li a i {
  display: inline-block;
  margin: 0;
  color: #95a5a6;
  font-size: 24px;
  line-height: 70px;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.icons-example ul li:hover a i,
.icons-example ul li.active a i {
  color: #F88A79;
}

/*-----------------------------------------------------------------------------------*/
/*  27. Animation Modules
/*-----------------------------------------------------------------------------------*/

.js .animated-content {
  opacity: 0;
}

.no-js .animated-content,
.no-csstransitions .animated-content {
  opacity: 1;
}

/* Fade In */

.fade_in.animate {
  -webkit-animation: fadeIn 0.65s ease forwards;
  -moz-animation: fadeIn 0.65s ease forwards;
  animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
  to { opacity: 1; }
}

@-moz-keyframes fadeIn {
  to { opacity: 1; }
}

@keyframes fadeIn {
  to { opacity: 1; }
}

/* Move Left */

.move_left.animate {
  -webkit-transform: translateX(-200px);
  -moz-transform: translateX(-200px);
  transform: translateX(-200px);
  -webkit-animation: moveLeft 0.65s ease forwards;
  -moz-animation: moveLeft 0.65s ease forwards;
  animation: moveLeft 0.65s ease forwards;
}

@-webkit-keyframes moveLeft {
  to { -webkit-transform: translateX(0); opacity: 1; }
}

@-moz-keyframes moveLeft {
  to { -moz-transform: translateX(0); opacity: 1; }
}

@keyframes moveLeft {
  to { transform: translateX(0); opacity: 1; }
}

/* Move Right */

.move_right.animate {
  -webkit-transform: translateX(200px);
  -moz-transform: translateX(200px);
  transform: translateX(200px);
  -webkit-animation: moveLeft 0.65s ease forwards;
  -moz-animation: moveLeft 0.65s ease forwards;
  animation: moveLeft 0.65s ease forwards;
}

@-webkit-keyframes moveRight {
  to { -webkit-transform: translateX(0); opacity: 1; }
}

@-moz-keyframes moveRight {
  to { -moz-transform: translateX(0); opacity: 1; }
}

@keyframes moveRight {
  to { transform: translateX(0); opacity: 1; }
}


/* Move Up */

.move_up.animate {
  -webkit-transform: translateY(200px);
  -moz-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-animation: moveUp 0.65s ease forwards;
  -moz-animation: moveUp 0.65s ease forwards;
  animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
  to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
  to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
  to { transform: translateY(0); opacity: 1; }
}

/* Scale Up */

.scale_up.animate {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-animation: scaleUp 0.65s ease-in-out forwards;
  -moz-animation: scaleUp 0.65s ease-in-out forwards;
  animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
  to { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes scaleUp {
  to { -moz-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
  to { transform: scale(1); opacity: 1; }
}

/* Little Bounce */

.little_bounce.animate {
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-animation: popUp .8s ease-in forwards;
  -moz-animation: popUp .8s ease-in forwards;
  animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
  70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes popUp {
  70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; }
  100% { -moz-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
  70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; }
  100% { transform: scale(1); opacity: 1; }
}

/*-----------------------------------------------------------------------------------*/
/*  28. Font Icons
/*-----------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Icons';
  src:url('fonts/Icons.eot');
  src:url('fonts/Icons.eot?#iefix') format('embedded-opentype'),
    url('fonts/Icons.woff') format('woff'),
    url('fonts/Icons.ttf') format('truetype'),
    url('fonts/Icons.svg#Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

[class^="font-"]:before, [class*=" font-"]:before {
  font-family: 'Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

[class^="font-"],
[class*=" font-"]{
  display:inline-block;
  line-height:1em;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="font-icon-"] {
*/
.font-icon-phone, .font-icon-mobile, .font-icon-mouse, .font-icon-directions, .font-icon-mail, .font-icon-paperplane, .font-icon-pencil, .font-icon-feather, .font-icon-paperclip, .font-icon-drawer, .font-icon-reply, .font-icon-reply-all, .font-icon-forward, .font-icon-user, .font-icon-users, .font-icon-user-add, .font-icon-vcard, .font-icon-export, .font-icon-location, .font-icon-map, .font-icon-compass, .font-icon-location-2, .font-icon-target, .font-icon-share, .font-icon-sharable, .font-icon-heart, .font-icon-heart-2, .font-icon-star, .font-icon-star-2, .font-icon-thumbs-up, .font-icon-thumbs-down, .font-icon-chat, .font-icon-comment, .font-icon-quote, .font-icon-house, .font-icon-popup, .font-icon-search, .font-icon-flashlight, .font-icon-printer, .font-icon-bell, .font-icon-link, .font-icon-flag, .font-icon-cog, .font-icon-tools, .font-icon-trophy, .font-icon-tag, .font-icon-camera, .font-icon-megaphone, .font-icon-moon, .font-icon-palette, .font-icon-leaf, .font-icon-music, .font-icon-music-2, .font-icon-new, .font-icon-graduation, .font-icon-book, .font-icon-newspaper, .font-icon-bag, .font-icon-airplane, .font-icon-lifebuoy, .font-icon-eye, .font-icon-clock, .font-icon-microphone, .font-icon-calendar, .font-icon-bolt, .font-icon-thunder, .font-icon-droplet, .font-icon-cd, .font-icon-briefcase, .font-icon-air, .font-icon-hourglass, .font-icon-gauge, .font-icon-language, .font-icon-network, .font-icon-key, .font-icon-battery, .font-icon-bucket, .font-icon-magnet, .font-icon-drive, .font-icon-cup, .font-icon-rocket, .font-icon-brush, .font-icon-suitcase, .font-icon-cone, .font-icon-earth, .font-icon-keyboard, .font-icon-browser, .font-icon-publish, .font-icon-progress-3, .font-icon-progress-2, .font-icon-brogress-1, .font-icon-progress-0, .font-icon-sun, .font-icon-sun-2, .font-icon-adjust, .font-icon-code, .font-icon-screen, .font-icon-light-bulb, .font-icon-credit-card, .font-icon-database, .font-icon-voicemail, .font-icon-clipboard, .font-icon-cart, .font-icon-box, .font-icon-ticket, .font-icon-rss, .font-icon-signal, .font-icon-thermometer, .font-icon-droplets, .font-icon-layout-3, .font-icon-statistics, .font-icon-pie, .font-icon-bars, .font-icon-graph, .font-icon-lock, .font-icon-lock-open, .font-icon-logout, .font-icon-login, .font-icon-checkmark, .font-icon-cross, .font-icon-minus, .font-icon-plus, .font-icon-cross-2, .font-icon-minus-2, .font-icon-plus-2, .font-icon-cross-3, .font-icon-minus-3, .font-icon-plus-3, .font-icon-erase, .font-icon-blocked, .font-icon-info, .font-icon-info-2, .font-icon-question, .font-icon-help, .font-icon-warning, .font-icon-cycle, .font-icon-cw, .font-icon-ccw, .font-icon-shuffle, .font-icon-arrow, .font-icon-arrow-2, .font-icon-retweet, .font-icon-loop, .font-icon-history, .font-icon-back, .font-icon-switch, .font-icon-list, .font-icon-add-to-list, .font-icon-layout, .font-icon-list-2, .font-icon-text, .font-icon-text-2, .font-icon-document, .font-icon-docs, .font-icon-landscape, .font-icon-pictures, .font-icon-video, .font-icon-music-3, .font-icon-folder, .font-icon-archive, .font-icon-trash, .font-icon-upload, .font-icon-download, .font-icon-disk, .font-icon-install, .font-icon-cloud, .font-icon-upload-2, .font-icon-bookmark, .font-icon-bookmarks, .font-icon-book-2, .font-icon-play, .font-icon-pause, .font-icon-record, .font-icon-stop, .font-icon-next, .font-icon-previous, .font-icon-first, .font-icon-last, .font-icon-resize-enlarge, .font-icon-resize-shrink, .font-icon-volume, .font-icon-sound, .font-icon-mute, .font-icon-flow-cascade, .font-icon-flow-branch, .font-icon-flow-tree, .font-icon-flow-line, .font-icon-flow-parallel, .font-icon-arrow-left-big-flat, .font-icon-arrow-down-big-flat, .font-icon-arrow-up-big-flat, .font-icon-arrow-right-big-flat, .font-icon-arrow-left-small-flat, .font-icon-arrow-down-small-flat, .font-icon-arrow-up-small-flat, .font-icon-arrow-right-small-flat, .font-icon-arrow-left-circle, .font-icon-arrow-down-circle, .font-icon-arrow-up-circle, .font-icon-arrow-right-circle, .font-icon-arrow-left-triangle, .font-icon-arrow-down-triangle, .font-icon-arrow-up-triangle, .font-icon-arrow-right-triangle, .font-icon-arrow-left-simple-round, .font-icon-arrow-down-simple-round, .font-icon-arrow-up-simple-round, .font-icon-arrow-right-simple-round, .font-icon-arrow-left-simple-thin-round, .font-icon-arrow-down-simple-thin-round, .font-icon-arrow-up-simple-thin-round, .font-icon-arrow-right-simple-thin-round, .font-icon-arrow-left-simple-thin, .font-icon-arrow-down-simple-thin, .font-icon-arrow-up-simple-thin, .font-icon-arrow-right-simple-thin, .font-icon-arrow-left-big, .font-icon-arrow-down-big, .font-icon-arrow-up-big, .font-icon-arrow-right-big, .font-icon-arrow-menu, .font-icon-ellipsis, .font-icon-dots, .font-icon-dot, .font-icon-social-zerply, .font-icon-social-youtube, .font-icon-social-yelp, .font-icon-social-yahoo, .font-icon-social-wordpress, .font-icon-social-virb, .font-icon-social-vimeo, .font-icon-social-viddler, .font-icon-social-twitter, .font-icon-social-tumblr, .font-icon-social-stumbleupon, .font-icon-social-soundcloud, .font-icon-social-skype, .font-icon-social-share-this, .font-icon-social-quora, .font-icon-social-photobucket, .font-icon-social-paypal, .font-icon-social-myspace, .font-icon-social-linkedin, .font-icon-social-last-fm, .font-icon-social-instagram, .font-icon-social-grooveshark, .font-icon-social-google-plus, .font-icon-social-github, .font-icon-social-forrst, .font-icon-social-flickr, .font-icon-social-facebook, .font-icon-social-evernote, .font-icon-social-envato, .font-icon-social-email, .font-icon-social-dribbble, .font-icon-social-digg, .font-icon-social-deviant-art, .font-icon-social-blogger, .font-icon-social-behance, .font-icon-social-bebo, .font-icon-social-addthis, .font-icon-social-500px, .font-icon-social-pinterest, .font-icon-align-right, .font-icon-align-left, .font-icon-align-justify, .font-icon-align-center, .font-icon-group, .font-icon-grid, .font-icon-grid-large {
  font-family: 'Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.font-icon-phone:before {
  content: "\e0f3";
}
.font-icon-mobile:before {
  content: "\e0f4";
}
.font-icon-mouse:before {
  content: "\e0f5";
}
.font-icon-directions:before {
  content: "\e0f6";
}
.font-icon-mail:before {
  content: "\e0f7";
}
.font-icon-paperplane:before {
  content: "\e0f8";
}
.font-icon-pencil:before {
  content: "\e0f9";
}
.font-icon-feather:before {
  content: "\e0fa";
}
.font-icon-paperclip:before {
  content: "\e0fb";
}
.font-icon-drawer:before {
  content: "\e0fc";
}
.font-icon-reply:before {
  content: "\e0fd";
}
.font-icon-reply-all:before {
  content: "\e0fe";
}
.font-icon-forward:before {
  content: "\e0ff";
}
.font-icon-user:before {
  content: "\e100";
}
.font-icon-users:before {
  content: "\e101";
}
.font-icon-user-add:before {
  content: "\e102";
}
.font-icon-vcard:before {
  content: "\e103";
}
.font-icon-export:before {
  content: "\e104";
}
.font-icon-location:before {
  content: "\e105";
}
.font-icon-map:before {
  content: "\e106";
}
.font-icon-compass:before {
  content: "\e107";
}
.font-icon-location-2:before {
  content: "\e108";
}
.font-icon-target:before {
  content: "\e109";
}
.font-icon-share:before {
  content: "\e10a";
}
.font-icon-sharable:before {
  content: "\e10b";
}
.font-icon-heart:before {
  content: "\e10c";
}
.font-icon-heart-2:before {
  content: "\e10d";
}
.font-icon-star:before {
  content: "\e10e";
}
.font-icon-star-2:before {
  content: "\e10f";
}
.font-icon-thumbs-up:before {
  content: "\e110";
}
.font-icon-thumbs-down:before {
  content: "\e111";
}
.font-icon-chat:before {
  content: "\e112";
}
.font-icon-comment:before {
  content: "\e113";
}
.font-icon-quote:before {
  content: "\e114";
}
.font-icon-house:before {
  content: "\e115";
}
.font-icon-popup:before {
  content: "\e116";
}
.font-icon-search:before {
  content: "\e117";
}
.font-icon-flashlight:before {
  content: "\e118";
}
.font-icon-printer:before {
  content: "\e119";
}
.font-icon-bell:before {
  content: "\e11a";
}
.font-icon-link:before {
  content: "\e11b";
}
.font-icon-flag:before {
  content: "\e11c";
}
.font-icon-cog:before {
  content: "\e11d";
}
.font-icon-tools:before {
  content: "\e11e";
}
.font-icon-trophy:before {
  content: "\e11f";
}
.font-icon-tag:before {
  content: "\e120";
}
.font-icon-camera:before {
  content: "\e121";
}
.font-icon-megaphone:before {
  content: "\e122";
}
.font-icon-moon:before {
  content: "\e123";
}
.font-icon-palette:before {
  content: "\e124";
}
.font-icon-leaf:before {
  content: "\e125";
}
.font-icon-music:before {
  content: "\e126";
}
.font-icon-music-2:before {
  content: "\e127";
}
.font-icon-new:before {
  content: "\e128";
}
.font-icon-graduation:before {
  content: "\e129";
}
.font-icon-book:before {
  content: "\e12a";
}
.font-icon-newspaper:before {
  content: "\e12b";
}
.font-icon-bag:before {
  content: "\e12c";
}
.font-icon-airplane:before {
  content: "\e12d";
}
.font-icon-lifebuoy:before {
  content: "\e12e";
}
.font-icon-eye:before {
  content: "\e12f";
}
.font-icon-clock:before {
  content: "\e130";
}
.font-icon-microphone:before {
  content: "\e131";
}
.font-icon-calendar:before {
  content: "\e132";
}
.font-icon-bolt:before {
  content: "\e133";
}
.font-icon-thunder:before {
  content: "\e134";
}
.font-icon-droplet:before {
  content: "\e135";
}
.font-icon-cd:before {
  content: "\e136";
}
.font-icon-briefcase:before {
  content: "\e137";
}
.font-icon-air:before {
  content: "\e138";
}
.font-icon-hourglass:before {
  content: "\e139";
}
.font-icon-gauge:before {
  content: "\e13a";
}
.font-icon-language:before {
  content: "\e13b";
}
.font-icon-network:before {
  content: "\e13c";
}
.font-icon-key:before {
  content: "\e13d";
}
.font-icon-battery:before {
  content: "\e13e";
}
.font-icon-bucket:before {
  content: "\e13f";
}
.font-icon-magnet:before {
  content: "\e140";
}
.font-icon-drive:before {
  content: "\e141";
}
.font-icon-cup:before {
  content: "\e142";
}
.font-icon-rocket:before {
  content: "\e143";
}
.font-icon-brush:before {
  content: "\e144";
}
.font-icon-suitcase:before {
  content: "\e145";
}
.font-icon-cone:before {
  content: "\e146";
}
.font-icon-earth:before {
  content: "\e147";
}
.font-icon-keyboard:before {
  content: "\e148";
}
.font-icon-browser:before {
  content: "\e149";
}
.font-icon-publish:before {
  content: "\e14a";
}
.font-icon-progress-3:before {
  content: "\e14b";
}
.font-icon-progress-2:before {
  content: "\e14c";
}
.font-icon-brogress-1:before {
  content: "\e14d";
}
.font-icon-progress-0:before {
  content: "\e14e";
}
.font-icon-sun:before {
  content: "\e14f";
}
.font-icon-sun-2:before {
  content: "\e150";
}
.font-icon-adjust:before {
  content: "\e151";
}
.font-icon-code:before {
  content: "\e152";
}
.font-icon-screen:before {
  content: "\e153";
}
.font-icon-light-bulb:before {
  content: "\e155";
}
.font-icon-credit-card:before {
  content: "\e156";
}
.font-icon-database:before {
  content: "\e157";
}
.font-icon-voicemail:before {
  content: "\e158";
}
.font-icon-clipboard:before {
  content: "\e159";
}
.font-icon-cart:before {
  content: "\e15a";
}
.font-icon-box:before {
  content: "\e15b";
}
.font-icon-ticket:before {
  content: "\e15c";
}
.font-icon-rss:before {
  content: "\e15d";
}
.font-icon-signal:before {
  content: "\e15e";
}
.font-icon-thermometer:before {
  content: "\e15f";
}
.font-icon-droplets:before {
  content: "\e160";
}
.font-icon-layout-3:before {
  content: "\e161";
}
.font-icon-statistics:before {
  content: "\e162";
}
.font-icon-pie:before {
  content: "\e163";
}
.font-icon-bars:before {
  content: "\e164";
}
.font-icon-graph:before {
  content: "\e165";
}
.font-icon-lock:before {
  content: "\e166";
}
.font-icon-lock-open:before {
  content: "\e167";
}
.font-icon-logout:before {
  content: "\e168";
}
.font-icon-login:before {
  content: "\e169";
}
.font-icon-checkmark:before {
  content: "\e16a";
}
.font-icon-cross:before {
  content: "\e16b";
}
.font-icon-minus:before {
  content: "\e16c";
}
.font-icon-plus:before {
  content: "\e16d";
}
.font-icon-cross-2:before {
  content: "\e16e";
}
.font-icon-minus-2:before {
  content: "\e16f";
}
.font-icon-plus-2:before {
  content: "\e170";
}
.font-icon-cross-3:before {
  content: "\e171";
}
.font-icon-minus-3:before {
  content: "\e172";
}
.font-icon-plus-3:before {
  content: "\e173";
}
.font-icon-erase:before {
  content: "\e174";
}
.font-icon-blocked:before {
  content: "\e175";
}
.font-icon-info:before {
  content: "\e176";
}
.font-icon-info-2:before {
  content: "\e177";
}
.font-icon-question:before {
  content: "\e178";
}
.font-icon-help:before {
  content: "\e179";
}
.font-icon-warning:before {
  content: "\e17a";
}
.font-icon-cycle:before {
  content: "\e17b";
}
.font-icon-cw:before {
  content: "\e17c";
}
.font-icon-ccw:before {
  content: "\e17d";
}
.font-icon-shuffle:before {
  content: "\e17e";
}
.font-icon-arrow:before {
  content: "\e17f";
}
.font-icon-arrow-2:before {
  content: "\e180";
}
.font-icon-retweet:before {
  content: "\e181";
}
.font-icon-loop:before {
  content: "\e182";
}
.font-icon-history:before {
  content: "\e183";
}
.font-icon-back:before {
  content: "\e184";
}
.font-icon-switch:before {
  content: "\e185";
}
.font-icon-list:before {
  content: "\e186";
}
.font-icon-add-to-list:before {
  content: "\e187";
}
.font-icon-layout:before {
  content: "\e188";
}
.font-icon-list-2:before {
  content: "\e189";
}
.font-icon-text:before {
  content: "\e18a";
}
.font-icon-text-2:before {
  content: "\e18b";
}
.font-icon-document:before {
  content: "\e18c";
}
.font-icon-docs:before {
  content: "\e18d";
}
.font-icon-landscape:before {
  content: "\e18e";
}
.font-icon-pictures:before {
  content: "\e18f";
}
.font-icon-video:before {
  content: "\e190";
}
.font-icon-music-3:before {
  content: "\e191";
}
.font-icon-folder:before {
  content: "\e192";
}
.font-icon-archive:before {
  content: "\e193";
}
.font-icon-trash:before {
  content: "\e194";
}
.font-icon-upload:before {
  content: "\e195";
}
.font-icon-download:before {
  content: "\e196";
}
.font-icon-disk:before {
  content: "\e197";
}
.font-icon-install:before {
  content: "\e198";
}
.font-icon-cloud:before {
  content: "\e199";
}
.font-icon-upload-2:before {
  content: "\e19a";
}
.font-icon-bookmark:before {
  content: "\e19b";
}
.font-icon-bookmarks:before {
  content: "\e19c";
}
.font-icon-book-2:before {
  content: "\e19d";
}
.font-icon-play:before {
  content: "\e19e";
}
.font-icon-pause:before {
  content: "\e19f";
}
.font-icon-record:before {
  content: "\e1a0";
}
.font-icon-stop:before {
  content: "\e1a1";
}
.font-icon-next:before {
  content: "\e1a2";
}
.font-icon-previous:before {
  content: "\e1a3";
}
.font-icon-first:before {
  content: "\e1a4";
}
.font-icon-last:before {
  content: "\e1a5";
}
.font-icon-resize-enlarge:before {
  content: "\e1a6";
}
.font-icon-resize-shrink:before {
  content: "\e1a7";
}
.font-icon-volume:before {
  content: "\e1a8";
}
.font-icon-sound:before {
  content: "\e1a9";
}
.font-icon-mute:before {
  content: "\e1aa";
}
.font-icon-flow-cascade:before {
  content: "\e1ab";
}
.font-icon-flow-branch:before {
  content: "\e1ac";
}
.font-icon-flow-tree:before {
  content: "\e1ad";
}
.font-icon-flow-line:before {
  content: "\e1ae";
}
.font-icon-flow-parallel:before {
  content: "\e1af";
}
.font-icon-arrow-left-big-flat:before {
  content: "\e1b0";
}
.font-icon-arrow-down-big-flat:before {
  content: "\e1b1";
}
.font-icon-arrow-up-big-flat:before {
  content: "\e1b2";
}
.font-icon-arrow-right-big-flat:before {
  content: "\e1b3";
}
.font-icon-arrow-left-small-flat:before {
  content: "\e1b4";
}
.font-icon-arrow-down-small-flat:before {
  content: "\e1b5";
}
.font-icon-arrow-up-small-flat:before {
  content: "\e1b6";
}
.font-icon-arrow-right-small-flat:before {
  content: "\e1b7";
}
.font-icon-arrow-left-circle:before {
  content: "\e1b8";
}
.font-icon-arrow-down-circle:before {
  content: "\e1b9";
}
.font-icon-arrow-up-circle:before {
  content: "\e1ba";
}
.font-icon-arrow-right-circle:before {
  content: "\e1bb";
}
.font-icon-arrow-left-triangle:before {
  content: "\e1bc";
}
.font-icon-arrow-down-triangle:before {
  content: "\e1bd";
}
.font-icon-arrow-up-triangle:before {
  content: "\e1be";
}
.font-icon-arrow-right-triangle:before {
  content: "\e1bf";
}
.font-icon-arrow-left-simple-round:before {
  content: "\e1c0";
}
.font-icon-arrow-down-simple-round:before {
  content: "\e1c1";
}
.font-icon-arrow-up-simple-round:before {
  content: "\e1c2";
}
.font-icon-arrow-right-simple-round:before {
  content: "\e1c3";
}
.font-icon-arrow-left-simple-thin-round:before {
  content: "\e1c4";
}
.font-icon-arrow-down-simple-thin-round:before {
  content: "\e1c5";
}
.font-icon-arrow-up-simple-thin-round:before {
  content: "\e1c6";
}
.font-icon-arrow-right-simple-thin-round:before {
  content: "\e1c7";
}
.font-icon-arrow-left-simple-thin:before {
  content: "\e1c8";
}
.font-icon-arrow-down-simple-thin:before {
  content: "\e1c9";
}
.font-icon-arrow-up-simple-thin:before {
  content: "\e1ca";
}
.font-icon-arrow-right-simple-thin:before {
  content: "\e1cb";
}
.font-icon-arrow-left-big:before {
  content: "\e1cc";
}
.font-icon-arrow-down-big:before {
  content: "\e1cd";
}
.font-icon-arrow-up-big:before {
  content: "\e1ce";
}
.font-icon-arrow-right-big:before {
  content: "\e1cf";
}
.font-icon-arrow-menu:before {
  content: "\e1d0";
}
.font-icon-ellipsis:before {
  content: "\e1d1";
}
.font-icon-dots:before {
  content: "\e1d2";
}
.font-icon-dot:before {
  content: "\e1d3";
}
.font-icon-social-zerply:before {
  content: "\e01b";
}
.font-icon-social-youtube:before {
  content: "\e017";
}
.font-icon-social-yelp:before {
  content: "\e01d";
}
.font-icon-social-yahoo:before {
  content: "\e01e";
}
.font-icon-social-wordpress:before {
  content: "\e01f";
}
.font-icon-social-virb:before {
  content: "\e020";
}
.font-icon-social-vimeo:before {
  content: "\e021";
}
.font-icon-social-viddler:before {
  content: "\e022";
}
.font-icon-social-twitter:before {
  content: "\e023";
}
.font-icon-social-tumblr:before {
  content: "\e024";
}
.font-icon-social-stumbleupon:before {
  content: "\e025";
}
.font-icon-social-soundcloud:before {
  content: "\e073";
}
.font-icon-social-skype:before {
  content: "\e074";
}
.font-icon-social-share-this:before {
  content: "\e075";
}
.font-icon-social-quora:before {
  content: "\e076";
}
.font-icon-social-photobucket:before {
  content: "\e078";
}
.font-icon-social-paypal:before {
  content: "\e079";
}
.font-icon-social-myspace:before {
  content: "\e026";
}
.font-icon-social-linkedin:before {
  content: "\e027";
}
.font-icon-social-last-fm:before {
  content: "\e028";
}
.font-icon-social-instagram:before {
  content: "\e029";
}
.font-icon-social-grooveshark:before {
  content: "\e02a";
}
.font-icon-social-google-plus:before {
  content: "\e02b";
}
.font-icon-social-github:before {
  content: "\e02c";
}
.font-icon-social-forrst:before {
  content: "\e02d";
}
.font-icon-social-flickr:before {
  content: "\e02e";
}
.font-icon-social-facebook:before {
  content: "\e02f";
}
.font-icon-social-evernote:before {
  content: "\e030";
}
.font-icon-social-envato:before {
  content: "\e031";
}
.font-icon-social-email:before {
  content: "\e032";
}
.font-icon-social-dribbble:before {
  content: "\e033";
}
.font-icon-social-digg:before {
  content: "\e034";
}
.font-icon-social-deviant-art:before {
  content: "\e035";
}
.font-icon-social-blogger:before {
  content: "\e036";
}
.font-icon-social-behance:before {
  content: "\e037";
}
.font-icon-social-bebo:before {
  content: "\e038";
}
.font-icon-social-addthis:before {
  content: "\e07a";
}
.font-icon-social-500px:before {
  content: "\e07b";
}
.font-icon-social-pinterest:before {
  content: "\e077";
}
.font-icon-align-right:before {
  content: "\e000";
}
.font-icon-align-left:before {
  content: "\e001";
}
.font-icon-align-justify:before {
  content: "\e002";
}
.font-icon-align-center:before {
  content: "\e003";
}
.font-icon-group:before {
  content: "\e004";
}
.font-icon-grid:before {
  content: "\e005";
}
.font-icon-grid-large:before {
  content: "\e006";
}


#regLogModal {
  width: 1000px;
}

/*-----------------------------------------------------------------------------------*/
/*  29. Media Queries
/*-----------------------------------------------------------------------------------*/


textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable- input:focus {
  border-color: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: -webkit-focus-ring-color auto 5px;
}



/* Modal Box */
#regLogModal, .modal-body {
  max-height: 800px;
  background-color: #f5f5f5;
}

#regLogModal, .modal-footer{
  background-color: #fff;
}


#payMethodsModal{
  width: 600px;
  height: 100px;
}

/* Fancybox */
.fancybox-skin{
  border-radius: 6px;
}

.row-fluid .modal-block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: none;
  margin-left: 0;
  width: 100%;
}

.modal-block.modal-block70 {
  width: 100%;
}

.modal-block-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
}
.modal-block-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}

.modal-text-block{
  background-color: #eee;
  margin: 6px;
  padding: 13px 15px 20px 13px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}


.my-custom-theme {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.my-custom-theme .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-12.   Settings Bar
/*-----------------------------------------------------------------------------------*/

.settings-bar{
  margin: 10px 0;
}

.settings {
  position: relative;
  margin: 0;
  height: 46px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #FFFFFF;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.settings .bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #F88A79;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #56646F;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.settings .field {
  position: absolute;
  left: 20px;
  color: #56646F;
  font-weight: 400;
  font-size: 16px;
  line-height: 46px;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.settings .field i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-13.   Settings Bar
/*-----------------------------------------------------------------------------------*/
.avatar-box{
  background-color: #fff;
  /*width: 120px;*/
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  /*text-align: center;*/
  /*display: block;*/
  float:left;
  /*padding-top: 28px;*/
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #DDD;

  /*display: table;*/
  width: 100px;
  height: 100px;
  position: relative;
  text-align: center;
}

.selected{
  background-color: #C1DAE7;
}
.checked{float:right; width:20px; height:20px; position:absolute; right:5px; top:5px; z-index: +999;}

.avatar-box img{
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.avatar-box a{
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

/*.avatar-box{
  background-color: #fff;
  width: 150px;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  text-align: center;
  display: block;
  border: 1px solid #DDD;
}*/

.avatar-box.left{
  float: left;
}

.avatar-box.right{
  float: right;
}

.avatar-box img{
  /*margin: 10px;*/
}

.avatar-box a:hover,
.avatar-box a:focus,
.avatar-box a:active {
  background-color: #C1DAE7;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}


/*-----------------------------------------------------------------------------------*/
/*  0-14.    Avatar Container
/*-----------------------------------------------------------------------------------*/


.avatar-con {
  display: inline-block;
  padding: 18px 0 0 0;
  height: 94px;
  text-align: center;
}

.avatar-con .icon {
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  width: 45px;
  height: 45px;
  background: transparent;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;

  -webkit-transition: background 0.15s ease-in-out 0s;
  -moz-transition: background 0.15s ease-in-out 0s;
  -o-transition: background 0.15s ease-in-out 0s;
  transition: background 0.15s ease-in-out 0s;
}

.avatar-con .icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;

  background: transparent;
  border: 6px solid #4cae4c;
  opacity: 0.7;

  -webkit-transition: border 0.15s ease-in-out 0s;
  -moz-transition: border 0.15s ease-in-out 0s;
  -o-transition: border 0.15s ease-in-out 0s;
  transition: border 0.15s ease-in-out 0s;
}

.avatar-con .icon i {
  color: #4cae4c;
  font-size: 24px;
  line-height: 45px;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
}

.avatar-con h4 {
  margin-bottom: 0;
  font-weight: 400;
  letter-spacing: -1px !important;
}

.avatar-con p {
  color: #56646F;
  font-weight: 400;
}


.avatar-con:hover .icon i,
.avatar-con:active .icon i,
.avatar-con:focus .icon i {
  color: #fff;
}

.avatar-con:hover .icon.iadd:after,
.avatar-con:active .icon.iadd:after,
.avatar-con:focus .icon.iadd:after {
  border-color: #4cae4c;
}

.avatar-con:hover .icon.iadd,
.avatar-con:active .icon.iadd,
.avatar-con:focus .icon.iadd {
  background: #4cae4c;
}

.avatar-con.listed-left {
  display: block;
  padding: 30px 0;
  text-align: left;
}

.avatar-con.listed-left .icon {
  float: left;
  margin: 5px 0 0 5px;
  text-align: center;
}

.avatar-con.listed-left .box-text {
  padding-left: 104px;
}

.avatar-con.listed-right {
  display: block;
  padding: 30px 0;
  text-align: right;
}

.avatar-con.listed-right .icon {
  float: right;
  margin: 5px 5px 0 0;
  text-align: center;
}

.avatar-con.listed-right .box-text {
  padding-right: 104px;
}

.recaptchatable .recaptcha_r1_c1{
  background: inherit !important;
}

.recaptchatable .recaptcha_r1_c2{
  background: inherit !important;
}

.recaptchatable .recaptcha_r2_c2{
  background: inherit !important;
}

.recaptchatable .recaptcha_r2_c1{
  background: inherit !important;
}

.recaptchatable .recaptcha_r3_c1{
  background: inherit !important;
}

.recaptchatable .recaptcha_r3_c2{
  background: inherit !important;
}

.recaptchatable .recaptcha_r3_c3{
  background: inherit !important;
}

.recaptchatable .recaptcha_r4_c1{
  background: inherit !important;
}

.recaptchatable .recaptcha_r4_c2{
  background: inherit !important;
}

.recaptchatable .recaptcha_r4_c3{
  background: inherit !important;
}

.recaptchatable .recaptcha_r4_c4{
  background: inherit !important;
}

.recaptchatable .recaptcha_r7_c1{
  background: inherit !important;
}

.recaptchatable .recaptcha_r8_c1{
  background: inherit !important;
}

.recaptchatable #recaptcha_response_field{
  margin: 6px 0px 0 0 !important;
}

.recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field{
  border: inherit !important;
}

.recaptcha_input_area{
  margin-left: 0px !important;
}

.intro-icon img {

  max-width: 90%;
  /*opacity: 1;*/
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
  margin-bottom: 25px;
}

/*.intro-icon:hover img,
.intro-icon:focus img,
.intro-icon:active img {
  background-image: url('/assets/img/content/icon/tons_of_stuff_2.png');
}*/


/*-----------------------------------------------------------------------------------*/
/*  0-15.    Model Box
/*-----------------------------------------------------------------------------------*/

.modal-box .help-and-support{
  width: 770px;
  height: 600px;
}


.payment-group-button input[type="radio"] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

.currency-package-group-button input[type="radio"] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

.pricing-table-wrapper{
  /* display:none; */
}

.pricing-table-wrapper .active{
  display:block;
}

.account-info{
  display: none;
}

.btn-facebook {
  color: #fff;
  background-color: #3B5998;
  border-color: #3B5998;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active,
  .btn-facebook.active, .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #3B5998;
  border-color: #3B5998
}